/*==================================================
Large Desktop
1600px+
==================================================*/

@media (min-width:1600px){

.container{
    max-width:1380px;
}

.hero-section{
    padding-top:100px;
    padding-bottom:120px;
}

.hero-section h1{
    font-size:42px;
}

.hero-section p{
    font-size:19px;
}

.section-title{
    font-size:52px;
}

}


/*==================================================
1400px
==================================================*/

@media (max-width:1400px){

.container{
    max-width:1140px;
}

.hero-section{

    padding-top:100px;
    padding-bottom:100px;

}

.hero-section h1{

    font-size:58px;

}

.section-title{

    font-size:42px;

}

.hero-image-wrapper::before{

    width:480px;
    height:480px;

}

.hero-image-wrapper::after{

    width:390px;
    height:390px;

}

}


/*==================================================
1300px
==================================================*/

@media (max-width:1300px){

.container{

    max-width:1080px;

}

.hero-section h1{

    font-size:54px;

}

.hero-btn .btn{

    padding:15px 28px;

}

.section-title{

    font-size:40px;

}

}


/*==================================================
1200px
==================================================*/

@media (max-width:1200px){

.container{

    max-width:960px;

}

section{

    padding:90px 0;

}

.hero-section{

    padding-top:170px;
    padding-bottom:110px;

}

.hero-section h1{

    font-size:50px;

}

.hero-section h2{

    font-size:30px;

}

.hero-section p{

    font-size:16px;

}

.section-title{

    font-size:38px;

}

.section-text{

    font-size:16px;

}

.btn{

    padding:14px 28px;

}

}


/*==================================================
Laptop
1199px
==================================================*/

@media (max-width:1199px){

.hero-img{

    max-width:480px;

}

.hero-image-wrapper::before{

    width:420px;
    height:420px;

}

.hero-image-wrapper::after{

    width:340px;
    height:340px;

}

.logo{

    max-height:58px;

}

.navbar-nav .nav-link{

    font-size:15px;

}

.navbar .btn-success{

    padding:12px 24px;

}

}


/*==================================================
Utility Classes
==================================================*/

@media (max-width:1200px){

.mt-120{

    margin-top:90px;

}

.mb-120{

    margin-bottom:90px;

}

.pt-120{

    padding-top:90px;

}

.pb-120{

    padding-bottom:90px;

}

.mt-80{

    margin-top:60px;

}

.mb-80{

    margin-bottom:60px;

}

}


/*==================================================
Section Images
==================================================*/

@media (max-width:1200px){

.about-image img,
.why-choose-section img,
.blog-card img{

    width:100%;

}

}


/*==================================================
Cards
==================================================*/

@media (max-width:1200px){

.service-card,
.choose-card,
.process-card,
.pest-card,
.city-card,
.industry-card,
.blog-card,
.testimonial-card{

    border-radius:18px;

}

}


/*==================================================
Buttons
==================================================*/

@media (max-width:1200px){

.btn{

    font-size:15px;

}

.hero-btn{

    gap:15px;

}

.hero-btn .btn{

    min-width:170px;

}

}


/*==================================================
Animations
==================================================*/

@media (prefers-reduced-motion:reduce){

*{

    animation:none !important;

    transition:none !important;

    scroll-behavior:auto !important;

}

}


/*==================================================
Hide Decoration
==================================================*/

@media (max-width:1200px){

.bg-circle,
.hero-shape,
.cta-shape,
.city-pattern,
.blog-pattern,
.faq-pattern,
.industry-pattern{

    opacity:.4;

}

}


/*==================================================
Image Radius
==================================================*/

@media (max-width:1200px){

.about-image img,
.hero-img,
.blog-card img{

    border-radius:18px;

}

}


/*==================================================
Responsive Tables
==================================================*/

@media (max-width:1200px){

.table-responsive{

    overflow-x:auto;

}

}


/*==================================================
Spacing
==================================================*/

@media (max-width:1200px){

.row{

    row-gap:25px;

}

}


@media (max-width:992px){

/*=========================================
Container
=========================================*/

.container{
    max-width:720px;
}

/*=========================================
Section Spacing
=========================================*/

section{
    padding:80px 0;
}

.section-title{
    font-size:36px;
}

.section-text{
    font-size:16px;
}

/*=========================================
Topbar
=========================================*/

.topbar{

        display:block;

        padding:8px 0;

        text-align:center;

    }

    .top-contact{

        display:flex;

        justify-content:center;

        align-items:center;

        flex-wrap:wrap;

        gap:10px;

    }

    .top-contact li{

        font-size:13px;

    }

    .top-contact li:first-child{



    }

/*=========================================
Navbar
=========================================*/

.custom-navbar{
    top:0;
    background:#ffffff;
    padding:12px 0;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.logo{
    max-height:55px;
}

/*=========================================
Navbar Collapse
=========================================*/

.navbar-collapse{

    background:#ffffff;

    margin-top:15px;

    padding:20px;

    border-radius:18px;

    box-shadow:0 20px 40px rgba(0,0,0,.10);

}

.navbar-nav{

    align-items:flex-start;

}

.navbar-nav .nav-item{

    width:100%;

    margin:0;

}

.navbar-nav .nav-link{

    display:block;

    width:100%;

    padding:14px 5px;

    border-bottom:1px solid #F2F2F2;

}

.navbar-nav .nav-link::after{

    display:none;

}

.navbar .btn-success{

    margin-top:15px;

    width:100%;

    justify-content:center;

}

/*=========================================
Hero Section
=========================================*/

.hero-section{

    padding-top:150px;

    padding-bottom:90px;

    text-align:center;

}

.hero-section .row{

    flex-direction:column-reverse;

}

.hero-section h1{

    font-size:44px;

    margin-top:40px;

}

.hero-section h2{

    font-size:28px;

}

.hero-section p{

    margin:auto;

    margin-bottom:30px;

}

/*=========================================
Hero Buttons
=========================================*/

.hero-btn{

    justify-content:center;

}

.hero-btn .btn{

    min-width:180px;

}

/*=========================================
Hero Image
=========================================*/

.hero-img{

    max-width:450px;

    margin:auto;

}

.hero-image-wrapper{

    margin-bottom:20px;

}

.hero-image-wrapper::before{

    width:380px;

    height:380px;

}

.hero-image-wrapper::after{

    width:320px;

    height:320px;

}

/*=========================================
Floating Cards
=========================================*/

.floating-card{

    min-width:180px;

    padding:14px 16px;

}

.floating-card i{

    width:45px;

    height:45px;

    line-height:45px;

    font-size:18px;

}

.card-one{

    top:20px;

    left:0;

}

.card-two{

    top:150px;

    right:0;

}

.card-three{

    bottom:90px;

    left:0;

}

.card-four{

    bottom:0;

    right:0;

}

/*=========================================
Statistics
=========================================*/

.counter-section{

    margin-top:0;

    padding-top:0;

}

.counter-box{

    padding:30px 20px;

}

.counter-box h2{

    font-size:34px;

}

.counter-box h5{

    font-size:16px;

}

/*=========================================
Common Images
=========================================*/

.about-image,
.hero-image-wrapper,
.why-choose-section img{

    text-align:center;

}

.about-image img,
.why-choose-section img{

    margin:auto;

}

/*=========================================
Experience Badge
=========================================*/

.experience-box{

    width:150px;

    height:150px;

    right:10px;

    bottom:15px;

}

.experience-box h2{

    font-size:36px;

}

.experience-box span{

    font-size:14px;

}

/*=========================================
Cards
=========================================*/

.service-card,
.choose-card,
.process-card,
.pest-card,
.city-card,
.industry-card,
.blog-card,
.testimonial-card{

    margin-bottom:25px;

}

/*=========================================
CTA
=========================================*/

.cta-section{

    text-align:center;

}

.cta-section .text-lg-end{

    justify-content:center;

    margin-top:30px;

}

/*=========================================
Contact
=========================================*/

.contact-form{

    margin-top:40px;

}

/*=========================================
Footer
=========================================*/

.footer{

    text-align:center;

}

.footer-social{

    justify-content:center;

}

.footer h4::after{

    left:50%;

    transform:translateX(-50%);

}

.footer-contact li{

    justify-content:center;

}

/*=========================================
Newsletter
=========================================*/

.newsletter{

    max-width:550px;

    margin:auto;

}

/*=========================================
Responsive Helpers
=========================================*/

.hide-tablet{

    display:none !important;

}

.text-tablet-center{

    text-align:center !important;

}

.w-tablet-100{

    width:100% !important;

}

}



/*==================================================
768px
==================================================*/

@media (max-width:768px){

.container{
    max-width:540px;
}

section{
    padding:70px 0;
}

.section-title{
    font-size:34px;
    line-height:1.3;
}

.section-text{
    font-size:15px;
}

.hero-section{

    padding-top:130px;
    padding-bottom:70px;

}

.hero-section h1{

    font-size:38px;
    line-height:1.25;

}

.hero-section h2{

    font-size:24px;

}

.hero-section p{

    font-size:15px;

}

.hero-btn{

    flex-direction:column;
    align-items:center;

}

.hero-btn .btn{

    width:100%;
    max-width:320px;

}

.hero-img{

    max-width:380px;

}

.hero-image-wrapper::before{

    width:320px;
    height:320px;

}

.hero-image-wrapper::after{

    width:270px;
    height:270px;

}

.floating-card{

    position:relative;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:100%;

    margin-top:15px;

}

.experience-box{

    width:130px;
    height:130px;

}

.experience-box h2{

    font-size:30px;

}

.counter-box{

    margin-bottom:20px;

}

.process-section .col-lg-3::after{

    display:none;

}

.newsletter input{

    padding-right:20px;

}

.newsletter button{

    position:relative;
    width:100%;
    margin-top:15px;
    right:auto;
    top:auto;

}

.footer-bottom{

    text-align:center;
    flex-direction:column;

}

.whatsapp-btn{

    width:58px;
    height:58px;
    font-size:28px;

}

#scrollTop{

    width:50px;
    height:50px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.container{

    padding-left:18px;
    padding-right:18px;

}

.section-title{

    font-size:30px;

}

.hero-section{

    padding-top:120px;

}

.hero-section h1{

    font-size:34px;

}

.hero-section h2{

    font-size:22px;

}

.hero-section p{

    font-size:14px;

}

.btn{

    padding:14px 20px;
    font-size:15px;

}

.service-card,
.choose-card,
.process-card,
.pest-card,
.city-card,
.industry-card,
.blog-card,
.testimonial-card{

    padding:25px 20px;

}

.contact-form{

    padding:25px;

}

.contact-form .form-control,
.contact-form .form-select{

    height:52px;

}

.contact-form textarea.form-control{

    height:140px;

}

.footer{

    padding:70px 0 25px;

}

.footer-logo{

    max-height:60px;

}

.footer h4{

    font-size:20px;

}

.footer-social a{

    width:42px;
    height:42px;

}

.info-box{

    flex-direction:column;
    text-align:center;

}

.info-box i{

    margin:auto;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.hero-section h1{

    font-size:30px;

}

.hero-section h2{

    font-size:20px;

}

.section-title{

    font-size:28px;

}

.hero-btn .btn{

    max-width:100%;

}

.hero-img{

    max-width:300px;

}

.hero-image-wrapper::before{

    width:250px;
    height:250px;

}

.hero-image-wrapper::after{

    width:210px;
    height:210px;

}

.counter-box{

    padding:25px 15px;

}

.counter-box h2{

    font-size:30px;

}

.counter-box i{

    width:70px;
    height:70px;
    line-height:70px;
    font-size:26px;

}

.blog-card img{

    height:220px;

}

.whatsapp-btn{

    right:15px;
    bottom:80px;

}

#scrollTop{

    right:15px;
    bottom:15px;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.hero-section h1{

    font-size:26px;

}

.hero-section h2{

    font-size:18px;

}

.section-title{

    font-size:24px;

}

.hero-btn .btn{

    font-size:14px;

}

.btn{

    padding:12px 18px;

}

.logo{

    max-height:48px;

}

.navbar-collapse{

    padding:15px;

}

.contact-form{

    padding:20px;

}

.contact-form .btn{

    font-size:15px;

}

.footer-social{

    gap:10px;

}

.footer-social a{

    width:38px;
    height:38px;
    font-size:15px;

}

.whatsapp-btn{

    width:52px;
    height:52px;
    font-size:24px;

}

#scrollTop{

    width:45px;
    height:45px;
    font-size:18px;

}

}


/*==================================================
COMMON MOBILE HELPERS
==================================================*/

@media (max-width:768px){

.mobile-center{
    text-align:center !important;
}

.mobile-hide{
    display:none !important;
}

.mobile-show{
    display:block !important;
}

.mobile-w-100{
    width:100% !important;
}

.mobile-mb-30{
    margin-bottom:30px !important;
}

.mobile-pt-0{
    padding-top:0 !important;
}

.mobile-pb-0{
    padding-bottom:0 !important;
}

.img-fluid-mobile{
    width:100%;
    height:auto;
}

}



/*==================================================
992px
==================================================*/

@media (max-width:992px){

/*==============================
ABOUT SECTION
==============================*/

.about-section{

    text-align:center;

}

.about-section .row{

    flex-direction:column;

}

.about-image{

    margin-bottom:50px;

}

.about-image img{

    max-width:600px;
    margin:auto;

}

.experience-box{

    right:30px;
    bottom:20px;

}

.about-list{

    text-align:left;
    display:inline-block;
    margin-top:25px;

}

.about-divider{

    margin:20px auto;

}

.feature-box{

    text-align:left;

}

.about-section .btn{

    margin-top:30px;

}

/*==============================
SERVICES
==============================*/

.services-section .row{

    row-gap:30px;

}

.service-card{

    padding:30px 22px;

}

.service-card h4{

    font-size:21px;

}

.service-card i{

    width:85px;
    height:85px;
    font-size:32px;

}

.service-image img{

    height:220px;
    object-fit:cover;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

/*==============================
ABOUT
==============================*/

.about-section{

    padding:70px 0;

}

.about-section .section-title{

    font-size:34px;

}

.about-section p{

    font-size:15px;

}

.about-image img{

    max-width:100%;

}

.experience-box{

    width:130px;
    height:130px;

}

.experience-box h2{

    font-size:32px;

}

.experience-box span{

    font-size:13px;

}

.feature-box{

    padding:18px;

}

.feature-box i{

    width:55px;
    height:55px;
    font-size:20px;

}

.feature-box h5{

    font-size:17px;

}

.feature-box p{

    font-size:14px;

}

/*==============================
SERVICES
==============================*/

.services-section{

    padding:70px 0;

}

.service-card{

    padding:28px 20px;

}

.service-card h4{

    font-size:20px;

}

.service-card p{

    font-size:14px;

}

.service-card i{

    width:75px;
    height:75px;
    font-size:28px;

}

.service-tag{

    font-size:12px;

}

.service-btn{

    font-size:15px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.about-section{

    text-align:center;

}

.about-image{

    margin-bottom:35px;

}

.about-section .section-title{

    font-size:30px;

}

.about-divider{

    width:60px;

}

.experience-box{

    width:110px;
    height:110px;

    right:10px;
    bottom:10px;

}

.experience-box h2{

    font-size:28px;

}

.experience-box span{

    font-size:12px;

}

.about-list{

    text-align:left;

}

.about-list li{

    font-size:14px;

}

.feature-box{

    flex-direction:column;
    text-align:center;

}

.feature-box i{

    margin-bottom:10px;

}

/*==============================
SERVICES
==============================*/

.service-card{

    padding:25px 18px;

}

.service-card i{

    width:70px;
    height:70px;
    font-size:26px;

}

.service-card h4{

    font-size:18px;

}

.service-card p{

    font-size:14px;

}

.service-image img{

    height:200px;

}

.service-number{

    font-size:34px;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.about-section .section-title{

    font-size:28px;

}

.about-section p{

    font-size:14px;

}

.feature-box{

    padding:16px;

}

.feature-box h5{

    font-size:16px;

}

.feature-box p{

    font-size:13px;

}

.service-card{

    padding:22px 16px;

}

.service-card i{

    width:65px;
    height:65px;
    font-size:24px;

}

.service-card h4{

    font-size:17px;

}

.service-btn{

    font-size:14px;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.about-section .section-title{

    font-size:24px;

}

.about-list li{

    font-size:13px;

}

.feature-box{

    padding:15px;

}

.feature-box i{

    width:50px;
    height:50px;
    font-size:18px;

}

.feature-box h5{

    font-size:15px;

}

.service-card{

    padding:20px 15px;

}

.service-card i{

    width:60px;
    height:60px;
    font-size:22px;

}

.service-card h4{

    font-size:16px;

}

.service-card p{

    font-size:13px;

}

.service-number{

    font-size:28px;

}

}


/*==================================================
COMMON HELPERS
==================================================*/

@media (max-width:768px){

.about-image,
.service-image{

    overflow:hidden;

}

.about-image img,
.service-image img{

    width:100%;
    display:block;

}

.feature-box,
.service-card{

    border-radius:18px;

}

}



/*==================================================
992px
==================================================*/

@media (max-width:992px){

/*==============================
WHY CHOOSE US
==============================*/

.why-choose-section{

    text-align:center;

}

.why-choose-section .row{

    flex-direction:column-reverse;

}

.why-choose-section img{

    max-width:600px;

    margin:0 auto 45px;

}

.why-choose-section .section-title{

    font-size:38px;

}

.why-choose-section .section-text{

    max-width:700px;

    margin:0 auto 35px;

}

.choose-list{

    display:inline-block;

    text-align:left;

    margin-top:20px;

}

/*==============================
CHOOSE CARDS
==============================*/

.choose-card{

    padding:28px 22px;

    text-align:center;

}

.choose-card i{

    margin:0 auto 20px;

    width:70px;

    height:70px;

    font-size:28px;

}

.choose-card h5{

    font-size:20px;

}

.choose-card p{

    font-size:15px;

}

.choose-number{

    font-size:36px;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.why-choose-section{

    padding:70px 0;

}

.why-choose-section .section-title{

    font-size:34px;

}

.why-choose-section p{

    font-size:15px;

}

.why-choose-section img{

    max-width:100%;

    border-radius:20px;

}

.choose-card{

    padding:25px 20px;

}

.choose-card i{

    width:65px;

    height:65px;

    font-size:26px;

}

.choose-card h5{

    font-size:18px;

}

.choose-card p{

    font-size:14px;

}

.choose-number{

    font-size:32px;

}

.choose-list li{

    font-size:15px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.why-choose-section{

    text-align:center;

}

.why-choose-section .section-title{

    font-size:30px;

}

.why-choose-section p{

    font-size:14px;

}

.choose-card{

    padding:22px 18px;

}

.choose-card i{

    width:60px;

    height:60px;

    font-size:24px;

}

.choose-card h5{

    font-size:17px;

}

.choose-card p{

    font-size:14px;

}

.choose-number{

    font-size:28px;

}

.choose-list{

    margin-top:18px;

}

.choose-list li{

    font-size:14px;

    margin-bottom:12px;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.why-choose-section .section-title{

    font-size:28px;

}

.why-choose-section p{

    font-size:14px;

}

.choose-card{

    padding:20px 16px;

}

.choose-card i{

    width:56px;

    height:56px;

    font-size:22px;

}

.choose-card h5{

    font-size:16px;

}

.choose-card p{

    font-size:13px;

}

.choose-number{

    font-size:24px;

}

.choose-list li{

    font-size:13px;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.why-choose-section .section-title{

    font-size:24px;

}

.choose-card{

    padding:18px 15px;

}

.choose-card i{

    width:50px;

    height:50px;

    font-size:20px;

}

.choose-card h5{

    font-size:15px;

}

.choose-card p{

    font-size:12px;

}

.choose-number{

    font-size:20px;

}

.choose-list li{

    font-size:12px;

}

}


/*==================================================
COMMON MOBILE HELPERS
==================================================*/

@media (max-width:768px){

.choose-card{

    border-radius:18px;

}

.choose-card i{

    transition:all .35s ease;

}

.choose-card:hover{

    transform:none;

}

.choose-card:hover i{

    transform:scale(1.08);

}

.why-choose-section .col-lg-6{

    margin-bottom:30px;

}

.why-choose-section .col-lg-6:last-child{

    margin-bottom:0;

}

}



/*==================================================
992px
==================================================*/

@media (max-width:992px){

.process-section{

    text-align:center;

}

.process-section .section-title{

    font-size:38px;

}

.process-section p{

    font-size:15px;

}

.process-section .row{

    row-gap:30px;

}

.process-card{

    padding:30px 22px;

}

.process-card i{

    width:80px;
    height:80px;
    font-size:30px;

}

.process-card h4{

    font-size:21px;

}

.process-card p{

    font-size:15px;

}

.process-icon{

    top:15px;
    right:15px;

}

.process-icon span{

    width:42px;
    height:42px;
    font-size:15px;

}

/* Hide timeline connectors */

.process-section .col-lg-3::after{

    display:none;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.process-section{

    padding:70px 0;

}

.process-section .section-title{

    font-size:34px;

}

.process-card{

    padding:28px 20px;

}

.process-card i{

    width:72px;
    height:72px;
    font-size:28px;

}

.process-card h4{

    font-size:19px;

}

.process-card p{

    font-size:14px;
    line-height:1.8;

}

.process-icon span{

    width:40px;
    height:40px;
    font-size:14px;

}

.process-section .row{

    row-gap:25px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.process-section{

    text-align:center;

}

.process-section .section-title{

    font-size:30px;

}

.process-card{

    padding:24px 18px;

}

.process-card i{

    width:65px;
    height:65px;
    font-size:24px;

}

.process-card h4{

    font-size:18px;

}

.process-card p{

    font-size:14px;

}

.process-icon{

    top:12px;
    right:12px;

}

.process-icon span{

    width:36px;
    height:36px;
    font-size:13px;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.process-section .section-title{

    font-size:28px;

}

.process-card{

    padding:22px 16px;

}

.process-card i{

    width:60px;
    height:60px;
    font-size:22px;

}

.process-card h4{

    font-size:17px;

}

.process-card p{

    font-size:13px;

}

.process-icon span{

    width:34px;
    height:34px;
    font-size:12px;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.process-section .section-title{

    font-size:24px;

}

.process-card{

    padding:20px 15px;

}

.process-card i{

    width:55px;
    height:55px;
    font-size:20px;

}

.process-card h4{

    font-size:16px;

}

.process-card p{

    font-size:12px;

}

.process-icon span{

    width:30px;
    height:30px;
    font-size:11px;

}

}


/*==================================================
COMMON MOBILE HELPERS
==================================================*/

@media (max-width:768px){

.process-card{

    border-radius:18px;

}

.process-card:hover{

    transform:none;

}

.process-card:hover i{

    transform:scale(1.08);

}

.process-card:hover::before{

    transform:scaleX(1);

}

.process-card:hover::after{

    transform:none;

}

.process-section .col-lg-3{

    margin-bottom:20px;

}

.process-section .col-lg-3:last-child{

    margin-bottom:0;

}

}


/*==================================================
PROCESS ICON ALIGNMENT
==================================================*/

@media (max-width:576px){

.process-card i{

    margin:15px auto 20px;

}

.process-icon{

    position:absolute;

}

}


/*==================================================
PROCESS CONTENT ALIGNMENT
==================================================*/

@media (max-width:768px){

.process-card{

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

}

.process-card h4,
.process-card p{

    text-align:center;

}

}


/*==================================================
ANIMATION REDUCTION
==================================================*/

@media (prefers-reduced-motion:reduce){

.process-card,
.process-card i,
.process-card::before,
.process-card::after{

    transition:none !important;
    animation:none !important;

}

}


/*==================================================
992px
==================================================*/

@media (max-width:992px){

.pests-section{

    text-align:center;

}

.pests-section .section-title{

    font-size:38px;

}

.pests-section p{

    font-size:15px;

}

.pests-section .row{

    row-gap:30px;

}

.pest-card{

    padding:30px 20px;

}

.pest-card i{

    width:80px;
    height:80px;
    font-size:30px;

}

.pest-card h6{

    font-size:18px;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.pests-section{

    padding:70px 0;

}

.pests-section .section-title{

    font-size:34px;

}

.pests-section p{

    font-size:15px;

}

.pest-card{

    padding:28px 18px;

}

.pest-card i{

    width:72px;
    height:72px;
    font-size:28px;

}

.pest-card h6{

    font-size:17px;

}

.pest-tag{

    font-size:12px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.pests-section{

    text-align:center;

}

.pests-section .section-title{

    font-size:30px;

}

.pest-card{

    padding:24px 18px;

}

.pest-card i{

    width:65px;
    height:65px;
    font-size:24px;

}

.pest-card h6{

    font-size:16px;

}

.pest-tag{

    padding:6px 14px;

    font-size:11px;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.pests-section .section-title{

    font-size:28px;

}

.pest-card{

    padding:22px 16px;

}

.pest-card i{

    width:60px;
    height:60px;
    font-size:22px;

}

.pest-card h6{

    font-size:15px;

}

.pest-pattern{

    display:none;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.pests-section .section-title{

    font-size:24px;

}

.pest-card{

    padding:20px 15px;

}

.pest-card i{

    width:55px;
    height:55px;
    font-size:20px;

}

.pest-card h6{

    font-size:14px;

}

.pest-tag{

    font-size:10px;

    padding:5px 12px;

}

}


/*==================================================
COMMON MOBILE HELPERS
==================================================*/

@media (max-width:768px){

.pest-card{

    border-radius:18px;

}

.pest-card:hover{

    transform:none;

}

.pest-card:hover i{

    transform:scale(1.08);

}

.pest-card:hover::before{

    transform:scaleX(1);

}

.pest-card:hover::after{

    transform:none;

}

}


/*==================================================
GRID ALIGNMENT
==================================================*/

@media (max-width:768px){

.pests-section .row{

    justify-content:center;

}

.pests-section .col-lg-3,
.pests-section .col-md-4,
.pests-section .col-sm-6{

    margin-bottom:20px;

}

.pests-section .col-lg-3:last-child,
.pests-section .col-md-4:last-child,
.pests-section .col-sm-6:last-child{

    margin-bottom:0;

}

}


/*==================================================
ICON SPACING
==================================================*/

@media (max-width:576px){

.pest-card i{

    margin-bottom:18px;

}

}


/*==================================================
CONTENT ALIGNMENT
==================================================*/

@media (max-width:768px){

.pest-card{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

}

.pest-card h6{

    text-align:center;

}

}


/*==================================================
REDUCED MOTION
==================================================*/

@media (prefers-reduced-motion:reduce){

.pest-card,
.pest-card i,
.pest-card::before,
.pest-card::after{

    transition:none !important;

    animation:none !important;

}

}


/*==================================================
UNIFORM CARD HEIGHT
==================================================*/

@media (max-width:992px){

.pest-card{

    min-height:220px;

}

}

@media (max-width:576px){

.pest-card{

    min-height:auto;

}

}


/*==================================================
992px
==================================================*/

@media (max-width:992px){

.cities-section{

    text-align:center;

}

.cities-section .section-title{

    font-size:38px;

}

.cities-section p{

    font-size:15px;

}

.cities-section .row{

    row-gap:30px;

}

.city-card{

    padding:30px 22px;

}

.city-card i{

    width:80px;
    height:80px;
    font-size:30px;

}

.city-card h4{

    font-size:22px;

}

.city-card p{

    font-size:15px;

}

.city-number{

    font-size:36px;

}

.city-more{

    min-height:100%;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.cities-section{

    padding:70px 0;

}

.cities-section .section-title{

    font-size:34px;

}

.cities-section p{

    font-size:15px;

}

.city-card{

    padding:28px 20px;

}

.city-card i{

    width:72px;
    height:72px;
    font-size:28px;

}

.city-card h4{

    font-size:20px;

}

.city-card p{

    font-size:14px;

}

.city-number{

    font-size:32px;

}

.city-pattern{

    display:none;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.cities-section{

    text-align:center;

}

.cities-section .section-title{

    font-size:30px;

}

.cities-section p{

    font-size:14px;

}

.city-card{

    padding:24px 18px;

}

.city-card i{

    width:65px;
    height:65px;
    font-size:24px;

}

.city-card h4{

    font-size:18px;

}

.city-card p{

    font-size:14px;

}

.city-number{

    font-size:28px;

}

.city-more h4{

    font-size:20px;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.cities-section .section-title{

    font-size:28px;

}

.city-card{

    padding:22px 16px;

}

.city-card i{

    width:60px;
    height:60px;
    font-size:22px;

}

.city-card h4{

    font-size:17px;

}

.city-card p{

    font-size:13px;

}

.city-number{

    font-size:24px;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.cities-section .section-title{

    font-size:24px;

}

.city-card{

    padding:20px 15px;

}

.city-card i{

    width:55px;
    height:55px;
    font-size:20px;

}

.city-card h4{

    font-size:16px;

}

.city-card p{

    font-size:12px;

}

.city-number{

    font-size:20px;

}

}


/*==================================================
COMMON MOBILE HELPERS
==================================================*/

@media (max-width:768px){

.city-card{

    border-radius:18px;

}

.city-card:hover{

    transform:none;

}

.city-card:hover i{

    transform:scale(1.08);

}

.city-card:hover::before{

    transform:scaleX(1);

}

.city-card:hover::after{

    transform:none;

}

}


/*==================================================
GRID ALIGNMENT
==================================================*/

@media (max-width:768px){

.cities-section .row{

    justify-content:center;

}

.cities-section .col-lg-4,
.cities-section .col-md-6,
.cities-section .col-sm-6{

    margin-bottom:20px;

}

.cities-section .col-lg-4:last-child,
.cities-section .col-md-6:last-child,
.cities-section .col-sm-6:last-child{

    margin-bottom:0;

}

}


/*==================================================
ICON SPACING
==================================================*/

@media (max-width:576px){

.city-card i{

    margin-bottom:18px;

}

}


/*==================================================
CONTENT ALIGNMENT
==================================================*/

@media (max-width:768px){

.city-card{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

}

.city-card h4,
.city-card p{

    text-align:center;

}

}


/*==================================================
UNIFORM CARD HEIGHT
==================================================*/

@media (max-width:992px){

.city-card{

    min-height:260px;

}

.city-more{

    min-height:260px;

}

}

@media (max-width:576px){

.city-card,
.city-more{

    min-height:auto;

}

}


/*==================================================
REDUCED MOTION
==================================================*/

@media (prefers-reduced-motion:reduce){

.city-card,
.city-card i,
.city-card::before,
.city-card::after{

    transition:none !important;

    animation:none !important;

}

}


/*==================================================
CITY BADGE
==================================================*/

@media (max-width:576px){

.city-more{

    padding:25px 18px;

}

.city-more .btn{

    width:100%;

    margin-top:15px;

}

}

/*==================================================
992px
==================================================*/

@media (max-width:992px){

.testimonial-section{

    text-align:center;

}

.testimonial-section .section-title{

    font-size:38px;

}

.testimonial-section .section-text{

    max-width:700px;

    margin:0 auto 40px;

}

.testimonial-card{

    padding:30px 25px;

}

.testimonial-card p{

    min-height:auto;

    font-size:15px;

    line-height:1.8;

}

.client{

    justify-content:center;

}

.client img{

    width:65px !important;

    height:65px;

}

.client h5{

    font-size:18px;

}

.client span{

    font-size:14px;

}

.stars{

    justify-content:center;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.testimonial-section{

    padding:70px 0;

}

.testimonial-section .section-title{

    font-size:34px;

}

.testimonial-card{

    padding:28px 22px;

}

.testimonial-card::before{

    font-size:42px;

    top:18px;

    right:18px;

}

.testimonial-card p{

    font-size:14px;

}

.client{

    flex-direction:column;

    gap:12px;

}

.client img{

    width:60px !important;;

    height:60px;

}

.client h5{

    font-size:17px;

}

.client span{

    font-size:13px;

}

.stars{

    margin-bottom:15px;

}

.stars i{

    font-size:16px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.testimonial-section{

    text-align:center;

}

.testimonial-section .section-title{

    font-size:30px;

}

.testimonial-card{

    padding:24px 20px;

    border-radius:18px;

}

.testimonial-card::before{

    font-size:34px;

    top:15px;

    right:15px;

}

.testimonial-card p{

    font-size:14px;

}

.client img{

    width:55px !important;;

    height:55px;

}

.client h5{

    font-size:16px;

}

.client span{

    font-size:12px;

}

.stars i{

    font-size:15px;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.testimonial-section .section-title{

    font-size:28px;

}

.testimonial-card{

    padding:22px 18px;

}

.testimonial-card::before{

    font-size:28px;

}

.testimonial-card p{

    font-size:13px;

}

.client img{

    width:50px !important;;

    height:50px;

}

.client h5{

    font-size:15px;

}

.client span{

    font-size:12px;

}

.stars{

    gap:4px;

}

.stars i{

    font-size:14px;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.testimonial-section .section-title{

    font-size:24px;

}

.testimonial-card{

    padding:20px 15px;

}

.testimonial-card::before{

    font-size:24px;

}

.testimonial-card p{

    font-size:12px;

    line-height:1.7;

}

.client img{

    width:46px !important;;

    height:46px;

}

.client h5{

    font-size:14px;

}

.client span{

    font-size:11px;

}

.stars i{

    font-size:13px;

}

}


/*==================================================
COMMON MOBILE HELPERS
==================================================*/

@media (max-width:768px){

.testimonial-card{

    min-height:auto;

}

.testimonial-card:hover{

    transform:none;

}

.testimonial-card:hover img{

    transform:scale(1.05);

}

.testimonial-card::after{

    transform:scaleX(1);

}

}


/*==================================================
CONTENT ALIGNMENT
==================================================*/

@media (max-width:768px){

.testimonial-card{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

}

.testimonial-card p{

    text-align:center;

}

.client{

    text-align:center;

}

}


/*==================================================
REDUCED MOTION
==================================================*/

@media (prefers-reduced-motion:reduce){

.testimonial-card,
.testimonial-card *,
.client img{

    animation:none !important;

    transition:none !important;

}

}

/*==================================================
992px
==================================================*/

@media (max-width:992px){

.testimonial-slider{

    margin-top:40px;

}

.testimonial-slider .owl-stage{

    display:flex;
    align-items:stretch;

}

.testimonial-slider .owl-item{

    display:flex;

}

.testimonial-slider .testimonial-card{

    width:100%;
    height:100%;

}

.testimonial-slider .owl-nav{

    margin-top:30px;

}

.testimonial-slider .owl-nav button{

    width:46px;
    height:46px;
    font-size:20px !important;
    margin:0 8px;

}

.testimonial-slider .owl-dots{

    margin-top:25px;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.testimonial-slider{

    overflow:hidden;

}

.testimonial-slider .owl-stage-outer{

    padding:10px 0;

}

.testimonial-slider .owl-nav{

    margin-top:25px;

}

.testimonial-slider .owl-nav button{

    width:42px;
    height:42px;
    font-size:18px !important;
    margin:0 6px;

}

.testimonial-slider .owl-dot{

    width:12px;
    height:12px;
    margin:0 5px;

}

.testimonial-slider .owl-dot.active{

    width:32px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.testimonial-slider .owl-nav{

    display:flex;
    justify-content:center;
    align-items:center;

}

.testimonial-slider .owl-nav button{

    width:40px;
    height:40px;
    font-size:17px !important;

}

.testimonial-slider .owl-dot{

    width:11px;
    height:11px;

}

.testimonial-slider .owl-dot.active{

    width:28px;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.testimonial-slider .owl-nav{

    margin-top:20px;

}

.testimonial-slider .owl-nav button{

    width:38px;
    height:38px;
    font-size:16px !important;
    margin:0 5px;

}

.testimonial-slider .owl-dots{

    margin-top:18px;

}

.testimonial-slider .owl-dot{

    width:10px;
    height:10px;

}

.testimonial-slider .owl-dot.active{

    width:24px;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.testimonial-slider .owl-nav button{

    width:36px;
    height:36px;
    font-size:15px !important;

}

.testimonial-slider .owl-dot{

    width:9px;
    height:9px;

}

.testimonial-slider .owl-dot.active{

    width:22px;

}

}


/*==================================================
TOUCH DEVICES
==================================================*/

@media (hover:none){

.testimonial-slider .owl-nav button:hover{

    transform:none;

}

.testimonial-slider .testimonial-card:hover{

    transform:none;

}

}


/*==================================================
SMOOTH CAROUSEL
==================================================*/

@media (max-width:768px){

.testimonial-slider .owl-stage{

    transition:all .35s ease;

}

.testimonial-slider .owl-item{

    padding:5px;

}

}


/*==================================================
SINGLE CARD VIEW
==================================================*/

@media (max-width:576px){

.testimonial-slider .owl-item{

    padding:0;

}

.testimonial-slider{

    max-width:100%;

}

}


/*==================================================
CENTER ALIGNMENT
==================================================*/

@media (max-width:768px){

.testimonial-slider .owl-nav,
.testimonial-slider .owl-dots{

    text-align:center;

}

}


/*==================================================
ACCESSIBILITY
==================================================*/

@media (prefers-reduced-motion:reduce){

.testimonial-slider .owl-stage,
.testimonial-slider .owl-item{

    transition:none !important;

}

}


/*==================================================
992px
==================================================*/

@media (max-width:992px){

.faq-section{

    text-align:center;

}

.faq-section .section-title{

    font-size:38px;

}

.faq-section .section-text{

    max-width:700px;

    margin:0 auto 35px;

}

.faq-section img{

    max-width:600px;

    margin:0 auto 45px;

}

#faqAccordion{

    text-align:left;

}

#faqAccordion .accordion-button{

    padding:20px 24px;

    font-size:16px;

}

#faqAccordion .accordion-body{

    padding:20px 24px;

    font-size:15px;

}

.faq-badge{

    margin-bottom:20px;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.faq-section{

    padding:70px 0;

}

.faq-section .section-title{

    font-size:34px;

}

.faq-section img{

    width:100%;

    border-radius:20px;

}

#faqAccordion .accordion-item{

    border-radius:16px;

    margin-bottom:16px;

}

#faqAccordion .accordion-button{

    padding:18px 20px;

    font-size:15px;

}

#faqAccordion .accordion-body{

    padding:18px 20px;

    font-size:14px;

    line-height:1.8;

}

#faqAccordion .accordion-button::after{

    width:28px;

    height:28px;

    font-size:18px;

}

.faq-number{

    width:32px;

    height:32px;

    font-size:13px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.faq-section{

    text-align:center;

}

.faq-section .section-title{

    font-size:30px;

}

.faq-section p{

    font-size:14px;

}

#faqAccordion .accordion-button{

    padding:16px 18px;

    font-size:15px;

}

#faqAccordion .accordion-body{

    padding:16px 18px;

    font-size:14px;

}

#faqAccordion .accordion-button::after{

    width:26px;

    height:26px;

    font-size:17px;

}

.faq-number{

    width:30px;

    height:30px;

    font-size:12px;

    margin-right:10px;

}

.faq-badge{

    padding:7px 16px;

    font-size:13px;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.faq-section .section-title{

    font-size:28px;

}

#faqAccordion .accordion-item{

    margin-bottom:14px;

}

#faqAccordion .accordion-button{

    padding:15px 16px;

    font-size:14px;

}

#faqAccordion .accordion-body{

    padding:15px 16px;

    font-size:13px;

}

#faqAccordion .accordion-button::after{

    width:24px;

    height:24px;

    font-size:16px;

}

.faq-number{

    width:28px;

    height:28px;

    font-size:11px;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.faq-section .section-title{

    font-size:24px;

}

#faqAccordion .accordion-button{

    padding:14px 15px;

    font-size:13px;

}

#faqAccordion .accordion-body{

    padding:14px 15px;

    font-size:12px;

    line-height:1.7;

}

#faqAccordion .accordion-button::after{

    width:22px;

    height:22px;

    font-size:15px;

}

.faq-number{

    width:26px;

    height:26px;

    font-size:10px;

}

}


/*==================================================
COMMON MOBILE HELPERS
==================================================*/

@media (max-width:768px){

#faqAccordion .accordion-item{

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

#faqAccordion .accordion-item:hover{

    transform:none;

}

#faqAccordion .accordion-button{

    align-items:flex-start;

}

#faqAccordion .accordion-button::after{

    flex-shrink:0;

}

.faq-section .col-lg-6{

    margin-bottom:30px;

}

.faq-section .col-lg-6:last-child{

    margin-bottom:0;

}

}


/*==================================================
FAQ IMAGE
==================================================*/

@media (max-width:768px){

.faq-section img{

    display:block;

    margin-left:auto;

    margin-right:auto;

}

}


/*==================================================
REDUCED MOTION
==================================================*/

@media (prefers-reduced-motion:reduce){

#faqAccordion .accordion-item,
#faqAccordion .accordion-button,
#faqAccordion .accordion-body{

    transition:none !important;

    animation:none !important;

}

}


/*==================================================
992px
==================================================*/

@media (max-width:992px){

.blog-section{

    text-align:center;

}

.blog-section .section-title{

    font-size:38px;

}

.blog-section .section-text{

    max-width:700px;

    margin:0 auto 40px;

}

.blog-section .row{

    row-gap:30px;

}

.blog-card{

    min-height:100%;

}

.blog-image img{

    height:240px;

}

.blog-content{

    padding:25px;

}

.blog-content h4{

    font-size:22px;

}

.blog-content p{

    font-size:15px;

}

.blog-author{

    justify-content:center;

}

.blog-category{

    left:18px;

    top:18px;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.blog-section{

    padding:70px 0;

}

.blog-section .section-title{

    font-size:34px;

}

.blog-card{

    border-radius:18px;

}

.blog-image img{

    height:220px;

}

.blog-content{

    padding:22px;

}

.blog-content h4{

    font-size:20px;

}

.blog-content p{

    font-size:14px;

}

.blog-date{

    font-size:13px;

}

.blog-category{

    font-size:12px;

    padding:7px 14px;

}

.blog-author img{

    width:42px;

    height:42px;

}

.blog-author h6{

    font-size:14px;

}

.blog-author span{

    font-size:12px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.blog-section{

    text-align:center;

}

.blog-section .section-title{

    font-size:30px;

}

.blog-image img{

    height:210px;

}

.blog-content{

    padding:20px;

}

.blog-content h4{

    font-size:18px;

    line-height:1.5;

}

.blog-content p{

    font-size:14px;

}

.blog-date{

    padding:7px 15px;

}

.blog-author{

    flex-direction:column;

    text-align:center;

    gap:10px;

}

.read-more{

    justify-content:center;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.blog-section .section-title{

    font-size:28px;

}

.blog-card{

    border-radius:16px;

}

.blog-image img{

    height:190px;

}

.blog-content{

    padding:18px;

}

.blog-content h4{

    font-size:17px;

}

.blog-content p{

    font-size:13px;

}

.blog-category{

    left:15px;

    top:15px;

    font-size:11px;

}

.blog-date{

    font-size:12px;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.blog-section .section-title{

    font-size:24px;

}

.blog-image img{

    height:170px;

}

.blog-content{

    padding:16px;

}

.blog-content h4{

    font-size:16px;

}

.blog-content p{

    font-size:12px;

}

.blog-author img{

    width:38px;

    height:38px;

}

.blog-author h6{

    font-size:13px;

}

.blog-author span{

    font-size:11px;

}

}


/*==================================================
COMMON MOBILE HELPERS
==================================================*/

@media (max-width:768px){

.blog-card:hover{

    transform:none;

}

.blog-card:hover img{

    transform:scale(1.03);

}

.blog-card::after{

    display:none;

}

.blog-pattern{

    display:none;

}

.blog-content{

    text-align:center;

}

}


/*==================================================
GRID RESPONSIVE
==================================================*/

@media (max-width:768px){

.blog-section .col-lg-4,
.blog-section .col-md-6{

    margin-bottom:25px;

}

.blog-section .col-lg-4:last-child,
.blog-section .col-md-6:last-child{

    margin-bottom:0;

}

}


/*==================================================
REDUCED MOTION
==================================================*/

@media (prefers-reduced-motion:reduce){

.blog-card,
.blog-card *,
.blog-image img{

    animation:none !important;

    transition:none !important;

}

}

/*==================================================
992px
==================================================*/

@media (max-width:992px){

.contact-section{

    text-align:center;

}

.contact-section .section-title{

    font-size:38px;

}

.contact-section .section-text{

    max-width:700px;

    margin:0 auto 40px;

}

.contact-info{

    margin-bottom:40px;

}

.info-box{

    padding:22px;

}

.info-box i{

    width:60px;
    height:60px;
    font-size:22px;

}

.info-box h5{

    font-size:18px;

}

.info-box p{

    font-size:15px;

}

.contact-form{

    padding:35px;

}

.form-title{

    font-size:28px;

}

.map-section iframe{

    height:420px;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.contact-section{

    padding:70px 0;

}

.contact-section .section-title{

    font-size:34px;

}

.contact-section .row{

    row-gap:35px;

}

.info-box{

    padding:20px;

    flex-direction:column;

    align-items:center;

    text-align:center;

}

.info-box i{

    margin-bottom:15px;

}

.info-box h5{

    font-size:17px;

}

.info-box p{

    font-size:14px;

}

.contact-form{

    padding:28px;

}

.form-title{

    font-size:24px;

}

.form-subtitle{

    font-size:14px;

}

.contact-form .form-control,
.contact-form .form-select{

    height:52px;

    font-size:14px;

}

.contact-form textarea.form-control{

    height:140px;

}

.contact-form .btn{

    width:100%;

}

.map-section iframe{

    height:350px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.contact-section{

    text-align:center;

}

.contact-section .section-title{

    font-size:30px;

}

.info-box{

    padding:18px;

    border-radius:16px;

}

.info-box i{

    width:55px;
    height:55px;
    font-size:20px;

}

.info-box h5{

    font-size:16px;

}

.info-box p{

    font-size:13px;

}

.contact-form{

    padding:24px 20px;

    border-radius:18px;

}

.form-title{

    font-size:22px;

}

.contact-form label{

    font-size:14px;

}

.contact-form .form-control,
.contact-form .form-select{

    height:50px;

}

.contact-form textarea.form-control{

    height:130px;

}

.map-section iframe{

    height:300px;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.contact-section .section-title{

    font-size:28px;

}

.info-box{

    padding:16px;

}

.info-box i{

    width:50px;
    height:50px;
    font-size:18px;

}

.info-box h5{

    font-size:15px;

}

.info-box p{

    font-size:12px;

}

.contact-form{

    padding:20px 18px;

}

.form-title{

    font-size:20px;

}

.form-subtitle{

    font-size:13px;

}

.contact-form .btn{

    font-size:15px;

}

.map-section iframe{

    height:260px;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.contact-section .section-title{

    font-size:24px;

}

.info-box{

    padding:15px;

}

.info-box i{

    width:46px;
    height:46px;
    font-size:17px;

}

.info-box h5{

    font-size:14px;

}

.info-box p{

    font-size:12px;

}

.contact-form{

    padding:18px 15px;

}

.form-title{

    font-size:18px;

}

.contact-form label{

    font-size:13px;

}

.contact-form .form-control,
.contact-form .form-select{

    height:46px;

    font-size:13px;

}

.contact-form textarea.form-control{

    height:120px;

}

.map-section iframe{

    height:220px;

}

}


/*==================================================
COMMON MOBILE HELPERS
==================================================*/

@media (max-width:768px){

.contact-form{

    box-shadow:0 12px 30px rgba(0,0,0,.06);

}

.info-box:hover{

    transform:none;

}

.contact-form .btn:hover{

    transform:none;

}

.contact-pattern,
.contact-shape{

    display:none;

}

}


/*==================================================
FORM SPACING
==================================================*/

@media (max-width:576px){

.contact-form .row>[class*="col-"]{

    margin-bottom:15px;

}

.contact-form .row>[class*="col-"]:last-child{

    margin-bottom:0;

}

}


/*==================================================
ACCESSIBILITY
==================================================*/

@media (prefers-reduced-motion:reduce){

.info-box,
.contact-form,
.contact-form .btn{

    animation:none !important;

    transition:none !important;

}

}

/*==================================================
992px
==================================================*/

@media (max-width:992px){

.footer{

    text-align:center;

}

.footer .row{

    row-gap:40px;

}

.footer-logo{

    margin:0 auto 25px;

}

.footer h4{

    font-size:22px;

}

.footer h4::after{

    left:50%;

    transform:translateX(-50%);

}

.footer ul li{

    margin-bottom:12px;

}

.footer-contact li{

    justify-content:center;

}

.footer-social{

    justify-content:center;

}

.newsletter{

    max-width:520px;

    margin:25px auto 0;

}

.footer-bottom{

    flex-direction:column;

    text-align:center;

    gap:15px;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.footer{

    padding:70px 0 25px;

}

.footer h4{

    font-size:20px;

}

.footer p{

    font-size:14px;

}

.footer ul li a{

    font-size:15px;

}

.footer-social{

    gap:12px;

}

.footer-social a{

    width:44px;

    height:44px;

    font-size:17px;

}

.newsletter input{

    height:52px;

    padding:0 18px;

}

.newsletter button{

    position:relative;

    width:100%;

    margin-top:15px;

    right:auto;

    top:auto;

    height:50px;

}

.footer-contact li{

    flex-direction:column;

    align-items:center;

    text-align:center;

}

.footer-contact i{

    margin:0 0 10px;

}

.footer-bottom p{

    font-size:14px;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.footer{

    text-align:center;

}

.footer-logo{

    max-height:60px;

}

.footer h4{

    font-size:18px;

}

.footer p{

    font-size:13px;

}

.footer ul li{

    margin-bottom:10px;

}

.footer ul li a{

    font-size:14px;

}

.footer-social a{

    width:42px;

    height:42px;

    font-size:16px;

}

.newsletter input{

    height:50px;

    font-size:14px;

}

.newsletter button{

    height:48px;

    font-size:15px;

}

.footer-bottom{

    margin-top:25px;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.footer{

    padding:60px 0 20px;

}

.footer-logo{

    max-height:55px;

}

.footer h4{

    font-size:17px;

}

.footer p{

    font-size:13px;

}

.footer-social{

    gap:10px;

}

.footer-social a{

    width:40px;

    height:40px;

    font-size:15px;

}

.newsletter input{

    height:48px;

}

.newsletter button{

    height:46px;

    font-size:14px;

}

.footer-bottom p{

    font-size:13px;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.footer{

    padding:50px 0 20px;

}

.footer-logo{

    max-height:50px;

}

.footer h4{

    font-size:16px;

}

.footer p{

    font-size:12px;

}

.footer ul li a{

    font-size:13px;

}

.footer-social a{

    width:38px;

    height:38px;

    font-size:14px;

}

.newsletter input{

    height:46px;

    font-size:13px;

}

.newsletter button{

    height:44px;

    font-size:13px;

}

.footer-bottom p{

    font-size:12px;

}

}


/*==================================================
COMMON MOBILE HELPERS
==================================================*/

@media (max-width:768px){

.footer-card{

    margin-bottom:25px;

}

.footer-card:hover{

    transform:none;

}

.footer-pattern{

    display:none;

}

.footer::before,
.footer::after{

    opacity:.20;

}

}


/*==================================================
FOOTER LINKS
==================================================*/

@media (max-width:768px){

.footer ul{

    text-align:center;

}

.footer ul li a{

    justify-content:center;

}

}


/*==================================================
NEWSLETTER FORM
==================================================*/

@media (max-width:576px){

.newsletter{

    display:block;

}

.newsletter input{

    width:100%;

}

.newsletter button{

    width:100%;

}

}


/*==================================================
COPYRIGHT
==================================================*/

@media (max-width:576px){

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.08);

    padding-top:20px;

}

}


/*==================================================
ACCESSIBILITY
==================================================*/

@media (prefers-reduced-motion:reduce){

.footer,
.footer *,
.newsletter button,
.footer-social a{

    transition:none !important;

    animation:none !important;

}

}


/*==================================================
992px
FLOATING BUTTONS
==================================================*/

@media (max-width:992px){

.whatsapp-btn{

    width:60px;
    height:60px;
    right:20px;
    bottom:90px;
    font-size:28px;

}

#scrollTop{

    width:52px;
    height:52px;
    right:20px;
    bottom:20px;
    font-size:18px;

}

}


/*==================================================
768px
==================================================*/

@media (max-width:768px){

.whatsapp-btn{

    width:56px;
    height:56px;
    right:18px;
    bottom:82px;
    font-size:26px;

}

#scrollTop{

    width:48px;
    height:48px;
    right:18px;
    bottom:18px;
    font-size:17px;

}

.hide-mobile{

    display:none !important;

}

.show-mobile{

    display:block !important;

}

.mobile-text-center{

    text-align:center !important;

}

.mobile-text-left{

    text-align:left !important;

}

.mobile-text-right{

    text-align:right !important;

}

.mobile-w-100{

    width:100% !important;

}

.mobile-mx-auto{

    margin-left:auto !important;
    margin-right:auto !important;

}

}


/*==================================================
576px
==================================================*/

@media (max-width:576px){

.whatsapp-btn{

    width:54px;
    height:54px;
    right:15px;
    bottom:75px;
    font-size:24px;

}

#scrollTop{

    width:46px;
    height:46px;
    right:15px;
    bottom:15px;
    font-size:16px;

}

.mobile-p-0{

    padding:0 !important;

}

.mobile-p-15{

    padding:15px !important;

}

.mobile-m-0{

    margin:0 !important;

}

.mobile-mt-20{

    margin-top:20px !important;

}

.mobile-mb-20{

    margin-bottom:20px !important;

}

.mobile-radius{

    border-radius:15px !important;

}

}


/*==================================================
480px
==================================================*/

@media (max-width:480px){

.whatsapp-btn{

    width:50px;
    height:50px;
    right:12px;
    bottom:72px;
    font-size:22px;

}

#scrollTop{

    width:44px;
    height:44px;
    right:12px;
    bottom:12px;
    font-size:15px;

}

.mobile-stack{

    display:flex;
    flex-direction:column;
    gap:15px;

}

.mobile-stack>*{

    width:100%;

}

.mobile-hide-border{

    border:none !important;

}

.mobile-hide-shadow{

    box-shadow:none !important;

}

}


/*==================================================
360px
==================================================*/

@media (max-width:360px){

.whatsapp-btn{

    width:48px;
    height:48px;
    right:10px;
    bottom:70px;
    font-size:20px;

}

#scrollTop{

    width:40px;
    height:40px;
    right:10px;
    bottom:10px;
    font-size:14px;

}

.mobile-xs-center{

    text-align:center !important;

}

.mobile-xs-small{

    font-size:13px !important;

}

.mobile-xs-hide{

    display:none !important;

}

}


/*==================================================
TOUCH DEVICES
==================================================*/

@media (hover:none){

.whatsapp-btn:hover,
#scrollTop:hover{

    transform:none;

}

.btn:hover{

    transform:none;

}

}


/*==================================================
REDUCED MOTION
==================================================*/

@media (prefers-reduced-motion:reduce){

*,
*::before,
*::after{

    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;

}

}


/*==================================================
HIGH RESOLUTION SCREENS
==================================================*/

@media (-webkit-min-device-pixel-ratio:2),
       (min-resolution:192dpi){

img{

    image-rendering:auto;

}

}


/*==================================================
LANDSCAPE MOBILE
==================================================*/

@media (max-width:900px) and (orientation:landscape){

.hero-section{

    padding-top:110px;
    padding-bottom:70px;

}

section{

    padding:60px 0;

}

}


/*==================================================
PRINT STYLES
==================================================*/

@media print{

body{

    background:#fff !important;

    color:#000 !important;

}

.navbar,
.topbar,
.footer,
.whatsapp-btn,
#scrollTop,
.owl-nav,
.owl-dots,
.btn,
.preloader{

    display:none !important;

}

section{

    padding:25px 0 !important;

}

img{

    max-width:100% !important;

    page-break-inside:avoid;

}

a{

    color:#000 !important;

    text-decoration:none;

}

}


/*==================================================
ACCESSIBILITY
==================================================*/

:focus-visible{

    outline:3px solid rgba(22,163,74,.35);

    outline-offset:3px;

}

button:focus-visible,
.btn:focus-visible,
a:focus-visible{

    border-radius:6px;

}


/*==================================================
SAFE AREA (iPhone)
==================================================*/

@supports (padding:max(0px)){

body{

    padding-left:max(0px,env(safe-area-inset-left));

    padding-right:max(0px,env(safe-area-inset-right));

}

}

.page-banner{

position:relative;

}

.page-banner-overlay{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

display:flex;

align-items:center;

background:rgba(0,0,0,.55);

}

.page-banner h1{

font-size:54px;

font-weight:700;

}

.card{

border-radius:15px;

}

label{

font-weight:600;

margin-bottom:8px;

}

.form-control,

.form-select{

height:50px;

}

textarea.form-control{

height:auto;

}

.alert{

border-radius:12px;

}

@media(max-width:991px){

.sticky-top{

position:relative!important;

top:0!important;

margin-top:30px;

}

.page-banner h1{

font-size:34px;

}

}

@media (max-width:991px){

    /* Hide left section (Location) */
    .topbar .col-lg-6:first-child{
        display: none !important;
    }

    /* Right section full width */
    .topbar .col-lg-6:last-child{
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center !important;
    }

    /* Top contact */
    .top-contact{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        flex-wrap: nowrap;
        margin: 0;
        padding: 0;
    }

    /* Hide social icons */
    .top-contact li:nth-child(n+3){
        display: none !important;
    }

    /* Prevent wrapping */
    .top-contact li{
        list-style: none;
        white-space: nowrap;
    }

    .top-contact li a{
        display: flex;
        align-items: center;
        gap: 5px;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        white-space: nowrap;
    }

    .top-contact li a i{
        font-size: 12px;
        margin-right: 3px;
    }

}