@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');



body {

    font-family: 'Poppins', sans-serif !important;

    background: #fff !important;

    color: #333 !important;

}



body a:hover,

body a:focus,

body a {

    text-decoration: none;

    color: inherit;

    cursor: pointer;

}



body p a:hover {

    color: #ff0000;

}



.link:hover {

    color: #ff0000;

}



body p {

    line-height: 1.75;

}



.text-main {

    color: #ff0000 !important;

}

.fs-18{

    font-size: 1.125rem !important;

}



.fs-14{

    font-size: .875rem !important;

}

.fs-12{

    font-size: .75rem !important;

}

.fs-11 {

    font-size: .6875rem !important;

}

.fs-10 {

    font-size: .625rem !important;

}

.fw-500 {

    font-weight: 500 !important;

}

.fw-600 {

    font-weight: 600 !important;

}

hr.hr1 {

    height: 2px !important;

    background: #333;

    opacity: 1;

}



.btn.btn1 {

    background: #ff0000;

    border: 1px solid #ff0000;

    color: #fff;

    box-shadow: none !important;

    outline: none !important;

    border-radius: 50px;

    width: auto;

    min-width: 140px;

    padding: 18px 24px;

    font-size: .875rem;

    font-weight: 500;

    transition: all .4s ease;

}



.btn.btn1:hover {

    background: #252525;

    border-color: #252525;

    color: #fff;

}

.btn.btn1 i {

    transition: all .5s ease;

}



.btn.btn1:hover i {

    transform: translateX(8px);

}



.btn.btn-black{

    background: #000;

    border-color: #000;

}



.btn.btn-black:hover{

    background: #ff0000;

    border-color: #ff0000;

}



.padding {

    padding: 60px 8px;

}



.header-top {

    padding: 10px 8px;

}



.ellipsis-1 {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.ellipsis-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



.logo1 {

    width: 120px;

    margin-top: -36px;

}



nav.navbar {

    padding: 0;

}

nav.navbar .navbar-brand {

    padding: 0;

}

nav.navbar .navbar-toggler {

    padding: 0;

    border: 0;

    box-shadow: none !important;

    outline: none !important;

}

nav.navbar .navbar-nav .nav-link {

    color: #333;

    font-size: .875rem;

    padding: 10px 15px;

    text-align: center;

}



nav.navbar .navbar-nav .nav-link.active, 

nav.navbar .navbar-nav .nav-link:hover {

    color: #ff0000;

}

.header-top .btn.btn1 {

    padding: 15px 24px;

}



.header1 {

    padding: 6px 8px;

    background: #000;

    color: #fff;

}





.swiper1 .swiper-slide .overlay {

    padding: 40px 8px;

    padding-bottom: 80px;

    height: 82vh;

    display: flex;

    flex-direction: column;

    justify-content: center;

    background: rgb(0 0 0 / 60%);

}

.swiper1 .swiper-pagination {

    bottom: 30px !important;

}



.swiper1 .swiper-pagination .swiper-pagination-bullet {

    background: #fff;

    width: 20px;

    height: 5px;

    border-radius: 50px;

    margin: 0 2px;

    border: 2px solid #ffffff;

    opacity: .5;

}

.swiper1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    width: 30px;

    height: 8px;

    background: #ff0000;

    border-color: #ff0000;

    opacity: 1;

}





.services-box {

    background: #fff;

    box-shadow: 0 4px 20px rgb(0 0 0 / 15%);

    border-radius: 15px;

    overflow: hidden;

    padding: 0;

    height: 100%;

    transition: all .4s ease;

}

.services-box .services {

    border-radius: 0;

    overflow: hidden;

    position: relative;

}



.services-box .services img {

    width: 100%;

    height: 210px;

    object-fit: cover;

    transition: all 2s ease;

}



.services-box:hover .services img {

    transform: scale(1.25);

}



.services-box .txt {

    padding: 20px;

}

.services-box .services .icon {

    position: absolute;

    bottom: 20px;

    left: 20px;

    color: #fff;

    font-size: 3rem;

}

.services-box:hover {

    box-shadow: 0 4px 40px rgb(255 0 0 / 15%);

}



.services-box .btn.btn1 {

    color: #000;

}

.services-box .btn.btn1:hover {

    color: #ff0000;

}





.gallery-box {

    background: #fff;

    box-shadow: 0 4px 20px rgb(0 0 0 / 15%);

    border-radius: 15px;

    overflow: hidden;

    padding: 0;

    transition: all .4s ease;

    position: relative;

    overflow: hidden;

}

.gallery-box img {

    width: 100%;

    height: 280px;

    object-fit: cover;

    transition: all 2s ease;

}



.gallery-box:hover img {

    transform: scale(1.25);

}



.gallery-box .icon {

    position: absolute;

    top: 0;

    left: 0;

    background: rgb(0 0 0 / 50%);

    color: #fff;

    width: 100%;

    height: 100%;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

    font-size: 3rem;

    opacity: 0;

    transition: all .4s ease;

}



.gallery-box:hover .icon {

    opacity: 1;

}



.gallery-box video {

    border-radius: 5px;

    width: 100%;

    height: 280px;

    background: #000;

    margin-bottom: -6px;

    border: 0;

}

.video-container {
    position: relative;
    width: 100%; 
}
.video-container video {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
    transition: all 2s ease;
} 
.gallery-box .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
} 
.gallery-box .video-container .play-btn {
    margin-top: -3px;
}
.gallery-box:hover .video-container .play-btn {
    opacity: 0;
    transition: all .4s ease;
    transform: translate(-50%, -50%);
}



.section1 .overlay {

    background: rgb(177 91 62 / 8%);

    min-height: 400px;

}

.section1 .reveil {

    position: absolute;

    right: 20px;

    bottom: 20px;

    background: rgb(177 91 62 / 75%);

    color: #fff;

    padding: 15px 24px;

    border-radius: 5px;

}



.list1 {

    list-style: circle;

    padding-left: 16px;

}



.list1 li {

    margin-bottom: 10px;

}



.list1 li::marker {

    color: #ff0000;

}



.call-section {

    background-size: cover;

}

.call-section .overlay {

    background: rgb(255 255 255 / 75%);

    min-height: 400px;

}



.why-choose {

    background: #252525;

    color: #fff;

}

.choose-box {

    padding: 24px;

    border-radius: 15px;

    border: 1px solid rgb(255 0 0 / 50%);

    height: 100%;

    transition: all .4s ease;

}



.choose-box:hover {

    background: #ff0000;

}



.banner-about {

    background-size: cover;

    background-position: center;

}



.banner-about .overlay {

    height: 280px;

    background: rgb(0 0 0 / 60%);

}

.breadcrumb .breadcrumb-item {

    color: #f00;

}



.breadcrumb .breadcrumb-item.active {

    color: #fff;

}



.breadcrumb .breadcrumb-item::before {

    color: #fff !important;

}



.contact-box{

    padding: 24px;

    background: #fff;

    box-shadow: 0 4px 20px rgb(0 0 0 / 15%);

    border-radius: 15px;

    transition: all .4s ease;

}

.contact-box:hover {

    box-shadow: 0 4px 40px rgb(255 0 0 / 15%);

}



.form.form1 .form-select,

.form.form1 .form-control {

    height: 50px;

    padding: 5px 15px;

    box-shadow: none !important;

    outline: none !important;

    border-radius: 5px;

}

.form.form1 .form-select:focus,

.form.form1 .form-control:focus {

    border-color: #000;

}



.modal.modal1 .modal-content {

    border-radius: 20px;

    background: #000;

    box-shadow: 0 4px 30px rgb(255 0 0 / 20%);

    border-color: rgb(255 0 0 / 20%);

}

.modal.modal1 button.btn-close {

    box-shadow: none !important;

    outline: none !important;

    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;

}

.modal.modal1 .form.form1 .form-select, 

.modal.modal1 .form.form1 .form-control {

    background-color: transparent;

    border-color: rgb(255 255 255 / 40%);

    color: #fff;

}

.modal.modal1 .form.form1 .form-select:focus, 

.modal.modal1 .form.form1 .form-control:focus {

    border-color: #fff;

}

.modal.modal1 .form.form1 .form-select option {

    color: #000;

}



.services-details .img1 {

    max-height: 450px;

    object-fit: cover;

}



.nav.nav1 .nav-link {

    width: 100%;

    background: rgb(255 0 0 / 5%);

    color: #000;

    border-radius: 4px;

    margin-bottom: 10px;

    padding: 14px 16px;

    border-left: 3px solid red;

    transition: all .5s ease;

}





.nav.nav1 .nav-link:hover {

    background: red;

    color: #fff;

}



.sidebar-box{

    background: #fff;

    box-shadow: 0 4px 20px rgb(0 0 0 / 15%);

    border-radius: 15px;

    padding: 24px;

}

.pest-form{

    background: rgb(255 0 0 / 50%);

    padding: 40px;

    border-radius: 15px;

}



.experience-box {

    background: #fff;

    box-shadow: 0 4px 20px rgb(0 0 0 / 15%);

    border-radius: 10px;

    padding: 15px;

    height: 100%;

}



.blogs-box {

    background: #fff;

    box-shadow: 0 4px 20px rgb(0 0 0 / 15%);

    border-radius: 15px;

    overflow: hidden;

    padding: 0;

    height: 100%;

    transition: all .4s ease;

}

.blogs-box .blogs {

    border-radius: 0;

    overflow: hidden;

    position: relative;

}



.blogs-box .blogs img {

    width: 100%;

    height: 280px;

    object-fit: cover;

    transition: all 2s ease;

}



.blogs-box .txt {

    padding: 20px;

}

.blogs-box .blogs .icon {

    position: absolute;

    bottom: 20px;

    left: 20px;

    color: #fff;

    font-size: 3rem;

}

.blogs-box:hover {

    box-shadow: 0 4px 40px rgb(255 0 0 / 15%);

}



.blogs-box .btn.btn1 {

    color: #000;

}

.blogs-box .btn.btn1:hover {

    color: #ff0000;

}



.blogs-box.details {

    border-radius: 8px;

}



.blog-details .img1 {

    max-height: 450px;

    object-fit: cover;

}



.blogs-box.details .blogs {

    width: 90px;

    min-width: 90px;

}



.blogs-box.details .blogs img {

    width: 100%;

    height: 100%;

}

.blogs-box.details .txt {

    padding: 12px 15px;

}





.services-short-description p {

     margin-bottom: 0;

     white-space: nowrap;

     overflow: hidden;

     text-overflow: ellipsis;

     font-size: .875rem;

     color: #333;

 }



 .services-short-description p i {

     font-style: normal;

 }



 .services-short-description p strong {

     font-weight: normal;

 }



.call-div {

    position: fixed;

    top: 50%;

    right: -82px;

    transform: rotate(-90deg) translateY(-50%);

    z-index: 9999;

}



 .call-div a {

     background: #f00;

     padding: 12px 20px;

     color: #fff;

     border-radius: 4px 4px 0px 0px;

     font-size: 1.25rem;

     font-weight: 600;

 }



 .call-div a:hover {

     background: #252525;

     color: #fff;

 }

.accordion.accordion1 {
    background: #252525;
    color: #fff;
    border-radius: 15px;
    overflow: hidden;
}

.accordion.accordion1 .accordion-item {
    background: transparent;
}

.accordion.accordion1 .accordion-header button.accordion-button {
    background: transparent;
    color: #f00;
    box-shadow: none !important;
    outline: none !important;
    border-bottom: 1px solid #f00;
    padding: 24px 24px;
    font-size: 1.125rem;
    font-weight: 500;
}

.accordion.accordion1 .accordion-header button.accordion-button.collapsed {
    background: transparent;
    color: #fff;
    border-bottom: 1px solid rgb(255 0 0 / 40%);
}

.accordion.accordion1 .accordion-body {
    padding: 24px;
    padding-bottom: 30px;
}

.accordion.accordion1 .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion.accordion1 .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.pest-form-top{
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgb(0 0 0 / 10%);

}

.services-details figure.image img {
    width: 100%;
    max-width: 100%;
}







































p[data-f-id="pbf"] {
    display: none !important;
}


/* footer-section */

.footer-section {

    background: #fff;

    color: #333;

    border-top: 1px solid rgb(0 0 0 / 5%);

}

.footer-section .padding{

    padding: 50px 8px;

}

.logo-f {

    width: 120px;

}

.social a {

    margin-right: 8px;

    color: #fff;

    background: #ff0000;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    line-height: 42px;

    display: inline-block;

    text-align: center;

    transition: all .4s ease;

    font-size: .875rem;

}



.social a:hover {

    background: #252525;

    color: #fff;

}



.footer-copy {

    padding: 24px 8px;

    background: #000;

    color: #fff;

}

.cursor-default{
    background-color: red !important;
    color: white;
}
.items-center .flex{
  display: none;
}