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

/*====================================
 RESET
=====================================*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Manrope',sans-serif;
    background:#fff;
    color:#111;
    /*overflow-x:hidden;*/
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
    transition:.3s;
}

ul{
    margin:0;
    padding:0;
    list-style:none;
}

.container{
    max-width:1320px;
    width:100%;
    margin:auto;
    padding:0 15px;
}

/*====================================
 HEADER
=====================================*/

.header-area{
    width:100%;
    position:relative;
    z-index:999;
    background:#fff;
}

.header-box{
    height:90px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo img{
    height:85px;
    width:auto;
}

.desktop-menu ul{
    display:flex;
    align-items:center;
    gap:32px;
}

.desktop-menu ul li{
    position:relative;
}

.desktop-menu ul li a{
    color:#111;
    font-size:17px;
    font-weight:700;
}

.desktop-menu ul li a:hover,
.desktop-menu ul li a.active{
    color:#35b54a;
}

.desktop-menu ul li a.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-12px;
    width:100%;
    height:3px;
    background:#35b54a;
    border-radius:50px;
}

.call-btn{
    /*background:#12953d;*/
    /*color:#fff;*/
    display:flex;
    align-items:center;
    gap:15px;
    padding:14px 22px;
    border-radius:15px;
    color: #089a66;
}

.phone-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color: #089a66;
}

.call-btn span{
    display:block;
    font-size:13px;
    opacity:.9;
}

.call-btn h4{
    margin:0;
    font-size:18px;
    font-weight:800;
}


@media(max-width:480px){

    .logo img{
        height:50px;
    }

    .call-btn{
        padding:10px 14px;
        gap:10px;
    }

    .phone-icon{
        width:38px;
        height:38px;
        font-size:16px;
    }

    .call-btn h4{
        font-size:15px;
    }

}
/*====================================
 HERO SECTION
=====================================*/
.rating-box{
   
    align-items:center;
    gap:15px;
    padding:12px 22px;
  
    color:#fff;
    font-size:15px;
    font-weight:500;
        margin: 30px;
}

    .hero-section{
    position:relative;
    padding:120px 0;
    display:flex;
    align-items:center;
    overflow:hidden;

    background:
    linear-gradient(rgba(7,22,35,.72),rgba(7,22,35,.72)),
    url("assets/images/pest-control6.jpg") center center/cover no-repeat;
}

.hero-content{
    color:#fff;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.15);
    font-size:14px;
    margin-bottom:25px;
        word-spacing: 2px;
}
.banner-tag {
   
    word-spacing: 2px;
}

.hero-content h1{
      font-size: 52px;
    font-weight: 700;
    /* line-height: 1.1; */
    margin-bottom: 25px;
}

.hero-content h1 span{
    color:#fff;
}

.hero-content p{
    font-size:20px;
    line-height:1.8;
    color:#e5e5e5;
    max-width:700px;
    margin:0 auto 40px;
}

/* Button */

.cta-btn{
    display:inline-flex;
    align-items:center;
    gap:18px;
    background:#108e5f;
    color:#fff;
    text-decoration:none;
    padding: 6px 26px;
    border-radius:70px;
    font-weight:700;
    transition:.4s;
    position:relative;
    overflow:hidden;
    animation:pulse 2s infinite;
}

.cta-btn i {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgb(255 255 255);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: .4s;
    color: black;
}

.cta-btn div{
    display:flex;
    flex-direction:column;
    text-align:left;
}

.cta-btn small{
    color:#d7f7e8;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.cta-btn strong{
    font-size:18px;
    color:#fff;
}

.cta-btn::before{
    content:"";
    position:absolute;
    left:-100%;
    top:0;
    width:100%;
    height:100%;
    background:#0353ae;
    transition:.45s;
    z-index:-1;
}

.cta-btn:hover::before{
    left:0;
}

.cta-btn:hover{
    transform:translateY(-6px);
    color:#fff;
    box-shadow:0 20px 45px rgba(0,0,0,.35);
}

.cta-btn:hover i{
    transform:rotate(-15deg) scale(1.1);
}

.cta-btn::after{
    content:"";
    position:absolute;
    top:-40%;
    left:-70%;
    width:35px;
    height:180%;
    background:rgba(255,255,255,.45);
    transform:rotate(25deg);
}

.cta-btn:hover::after{
    animation:shine .8s;
}

@keyframes shine{
    100%{
        left:140%;
    }
}

@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(16,142,95,.6);
    }
    70%{
        box-shadow:0 0 0 18px rgba(16,142,95,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(16,142,95,0);
    }
}

/* Mobile */

@media(max-width:768px){

.hero-section{
    padding:80px 0;
}

.hero-content h1{
    font-size:40px;
}

.hero-content p{
    font-size:17px;
}

.cta-btn{
    padding:15px 24px;
}

.cta-btn strong{
    font-size:22px;
}

.cta-btn i{
    width:50px;
    height:50px;
}

}
/* =======================
   Mobile Responsive
======================= */

@media (max-width:768px){

.hero-section{
    padding:70px 0 60px;
    text-align:center;
}

.hero-content{
    padding:0 10px;
}

/* Badge */

.hero-badge{
    font-size:12px;
    padding:8px 14px;
    margin-bottom:18px;
}

/* Heading */

.hero-content h1{
    font-size:34px;
    line-height:1.2;
    margin-bottom:18px;
}

.hero-content h1 span{
    display:block;
}

/* Rating */

.rating-box{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:20px auto 25px;
    padding:10px 16px;
    font-size:14px;
    width:100%;
}

.rating-box span{
    line-height:1.5;
}

/* CTA Button */

.cta-btn{
    width:100%;
    max-width:340px;
    margin:0 auto;
    padding:12px 18px;
    justify-content:center;
    gap:12px;
    border-radius:60px;
}

.cta-btn i{
    width:48px;
    height:48px;
    font-size:18px;
    flex-shrink:0;
}

.cta-btn div{
    text-align:left;
}

.cta-btn strong{
    font-size:16px;
    line-height:1.3;
}

/* Disable hover lift on touch devices */

.cta-btn:hover{
    transform:none;
}

}

/* =======================
   Small Mobile (320-480px)
======================= */

@media (max-width:480px){

.hero-section{
    padding:55px 0;
}

.hero-content h1{
    font-size:28px;
}

.hero-badge{
    font-size:11px;
    padding:7px 12px;
}

.rating-box{
    font-size:13px;
    margin:18px auto 22px;
            display: block;
}

.cta-btn{
    /*max-width:100%;*/
    padding:10px 15px;
}

.cta-btn i{
    width:42px;
    height:42px;
    font-size:16px;
}

.cta-btn strong{
    font-size:15px;
}

}

/*====================================
 TABLET
=====================================*/

@media(max-width:991px){

.hero-section{
    padding:70px 0;
    text-align:center;
}

.hero-content{
    max-width:100%;
    margin:auto;
}

.hero-content h1{
    font-size:48px;
}

.hero-content p{
    max-width:650px;
    margin:0 auto 30px;
    font-size:17px;
}

.hero-btns{
    justify-content:center;
    flex-wrap:wrap;
}

.hero-counter{
    justify-content:center;
    gap:18px;
}

.counter-box{
    width:45%;
    justify-content:center;
}

}
.desktop-menu .dropdown{
    position:relative;
}

.desktop-menu .dropdown-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:250px;
    background:#fff;
    border-radius:10px;
    padding:10px 0;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    z-index:9999;
}

.desktop-menu .dropdown:hover>.dropdown-menu{
    display:block;
}

.desktop-menu .dropdown-menu li{
    width:100%;
}

.desktop-menu .dropdown-menu li a{
    display:block;
    padding:12px 18px;
    color:#333;
}

.desktop-menu .dropdown-menu li a:hover{
    background:#28a745;
    color:#fff;
}

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

@media(max-width:767px){

.hero-section{
    padding:60px 0;
}

.hero-badge{
    font-size:12px;
    padding:8px 16px;
}

.hero-content h1{
    font-size:34px;
    line-height:1.2;
}

.hero-content p{
    font-size:15px;
    line-height:1.7;
}

.hero-btns{
    flex-direction:column;
    gap:12px;
}

.hero-btns .btn{
    width:100%;
    max-width:280px;
}

.hero-counter{
    flex-direction:column;
    gap:15px;
    margin-top:20px;
}

.counter-box{
    width:100%;
    justify-content:flex-start;
    background:rgba(255,255,255,.08);
    padding:15px;
    border-radius:12px;
}

.counter-icon{
    width:55px;
    height:55px;
    font-size:22px;
}

.counter-box h5{
    font-size:18px;
}

.counter-box span{
    font-size:14px;
}

}

/*====================================
 SMALL MOBILE
=====================================*/

@media(max-width:480px){

.hero-section{
    padding:50px 0;
}

.hero-content h1{
    font-size:28px;
}

.hero-content p{
    font-size:14px;
}

.hero-badge{
    font-size:11px;
    padding:7px 14px;
}

.counter-icon{
    width:48px;
    height:48px;
    font-size:18px;
}

.counter-box h5{
    font-size:16px;
}

}
/*====================================
 MOBILE TOGGLER
=====================================*/

.menu-toggle{
    width:46px;
    height:46px;
    border:none;
    border-radius:10px;
    background:#28a745;
    color:#fff;
    display:none;
    align-items:center;
    justify-content:center;
    font-size:20px;
    cursor:pointer;
    transition:.3s;
}

.menu-toggle:hover{
    background:#1e8d37;
}

/*====================================
 OFFCANVAS
=====================================*/

.offcanvas{
    width:300px;
}

.offcanvas-header{
    padding:20px;
    border-bottom:1px solid #eee;
}

.offcanvas-title img{
    height:55px;
}

.offcanvas-body{
    padding:20px;
}

.mobile-menu{
    list-style:none;
    padding:0;
    margin:0;
}

.mobile-menu li{
    border-bottom:1px solid #ececec;
}

.mobile-menu li:last-child{
    border-bottom:none;
}

.mobile-menu li a{
    display:block;
    padding:15px 0;
    color:#222;
    font-size:16px;
    font-weight:600;
    transition:.3s;
}

.mobile-menu li a:hover,
.mobile-menu li a.active{
    color:#28a745;
    padding-left:10px;
}

.mobile-call-btn{
    margin-top:25px;
}

.mobile-call-btn .btn{
    width:100%;
    border-radius:50px;
    padding:14px;
    font-weight:700;
}

/*====================================
 LARGE DEVICES
=====================================*/

@media(min-width:992px){

.menu-toggle{
    display:none !important;
}

.desktop-menu{
    display:block;
}

}

/*====================================
 TABLET
=====================================*/

@media(max-width:991px){

.desktop-menu{
    display:none !important;
}

.menu-toggle{
    display:flex;
}

.header-box{
    align-items:center;
}

.call-btn{
    display:none;
}

}

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

@media(max-width:767px){

.header-box{
    padding:12px 0;
}

.logo img{
    height:52px;
}

.menu-toggle{
    width:42px;
    height:42px;
    font-size:18px;
}

.offcanvas{
    width:280px;
}

.offcanvas-title img{
    height:45px;
}

.mobile-menu li a{
    font-size:15px;
}

}

/*====================================
 SMALL MOBILE
=====================================*/

@media(max-width:480px){

.container{
    padding-left:15px;
    padding-right:15px;
}

.logo img{
    height:46px;
}

.menu-toggle{
    width:40px;
    height:40px;
    font-size:17px;
}

.offcanvas{
    width:260px;
}

.mobile-call-btn .btn{
    font-size:15px;
}

}

/*====================================
 EXTRA FIXES
=====================================*/

img{
    max-width:100%;
    height:auto;
}

.row{
    margin-left:0;
    margin-right:0;
}

[class*="col-"]{
    padding-left:12px;
    padding-right:12px;
}

.hero-content,
.hero-counter,
.counter-box{
    position:relative;
    z-index:2;
}

.hero-section{
    overflow:hidden;
}

.btn{
    transition:.3s ease;
}

.btn:hover{
    transform:translateY(-2px);
}


/* ===========================
   HEADER
=========================== */

.header-area{
    background:#fff;
    /*position:sticky;*/
    top:0;
    z-index:999;
    box-shadow:0 2px 15px rgba(0,0,0,.08);
}

.header-box{
    height:90px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo img{
    height:75px;
}

.menu-toggle{
    display:none;
    width:46px;
    height:46px;
    border:none;
    border-radius:8px;
    background:#28a745;
    color:#fff;
    font-size:20px;
    align-items:center;
    justify-content:center;
}

.offcanvas{
    width:280px;
}

.mobile-menu{
    list-style:none;
    padding:0;
    margin:20px 0 0;
}

.mobile-menu li{
    border-bottom:1px solid #eee;
}

.mobile-menu li a{
    display:block;
    padding:15px 5px;
    color:#222;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
}

.mobile-menu li a:hover,
.mobile-menu li a.active{
    color:#28a745;
}

.mobile-call{
    display:block;
    margin-top:25px;
    background:#28a745;
    color:#fff;
    text-align:center;
    padding:14px;
    border-radius:40px;
    font-weight:700;
}

/* ===========================
   Mobile
=========================== */
/* Counter Desktop */
.hero-counter{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.counter-box{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
}

/* Tablet */
@media (max-width:991px){

    .hero-counter{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }

    .counter-box{
        width:100%;
        justify-content:flex-start;
        background:rgba(255,255,255,.08);
        padding:15px;
        border-radius:12px;
    }

}

/* Mobile */
@media (max-width:767px){

    .hero-counter{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:12px;
        margin-top:25px;
    }

    .counter-box{
        width:100%;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        text-align:center;
        padding:15px 10px;
    }

    .counter-icon{
        width:50px;
        height:50px;
        font-size:18px;
        margin-bottom:8px;
    }

    .counter-box h5{
        font-size:16px;
        margin-bottom:2px;
    }

    .counter-box span{
        font-size:13px;
    }

}

/* Small Mobile */
@media (max-width:420px){

    .hero-counter{
        gap:10px;
    }

    .counter-box{
        padding:12px 8px;
    }

    .counter-icon{
        width:45px;
        height:45px;
        font-size:16px;
    }

    .counter-box h5{
        font-size:15px;
    }

    .counter-box span{
        font-size:12px;
    }

}
@media (max-width:991px){

    .desktop-menu,
    .call-btn{
        display:none;
    }

    .menu-toggle{
        display:flex;
    }

    .header-box{
        height:75px;
    }

    .logo img{
        height:58px;
    }
}

@media (max-width:576px){

    .header-box{
        height:70px;
    }

    .logo img{
        height:50px;
    }

    .menu-toggle{
        width:42px;
        height:42px;
        font-size:18px;
    }

    .offcanvas{
        width:260px;
    }
}



/*2section */

.service-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:15px;
       padding: 12px 0px;
    /* background: #ff8c00; */
    color: green;
    text-decoration:none;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    transition:.3s ease;
}

.service-btn:hover{
  
    transform:translateY(-2px);
}

.service-btn i{
    transition:.3s;
}

.service-btn:hover i{
    transform:translateX(5px);
}
    .services-section{
    padding:90px 0;
    /*background:#f7f7f7;*/
}

.section-tag{
    display:inline-block;
    background:#e8f8ec;
    color:#28a745;
    padding:8px 22px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    margin-bottom:15px;
}

.section-title{
    font-size:42px;
    font-weight:800;
    margin-bottom:15px;
}

.section-title span{
    color:#28a745;
}

.service-card{
    background:#fff;
    border:1px solid #e5e5e5;
    /*border-radius:10px;*/
    padding:15px;
    display:flex;
    align-items:center;
    gap:20px;
    height:100%;
    transition:.3s;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.service-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 25px rgba(0,0,0,.12);
}

.service-icon{
    width:80px;
    height:80px;
    min-width:80px;
    border-radius:50%;
    background:#eef9f1;
    display:flex;
    justify-content:center;
    align-items:center;
}

.service-icon i{
    font-size:34px;
    color:#28a745;
}

.service-content{
    flex:1;
}

.service-content h4{
    font-size:22px;
    font-weight:600;
    margin-bottom:10px;
    color:#222;
}

.service-content p{
    margin:0;
    color:#666;
    font-size:16px;
    line-height:1.7;
}

@media(max-width:767px){

.service-card{
    padding:20px;
    gap:15px;
}

.service-icon{
    width:60px;
    height:60px;
    min-width:60px;
}

.service-icon i{
    font-size:24px;
}

.service-content h4{
    font-size:20px;
}

.service-content p{
    font-size:14px;
}

}


    .how-work-section{
    background: #f5f5f5;
   margin:40px 0px;
}

.work-title{
    font-size:28px;
    font-weight:800;
    color:#111;
    position:relative;
    margin-bottom:60px;
}

.work-title span{
    width:55px;
    height:4px;
    background:#35a853;
    display:block;
    margin:12px auto 0;
    border-radius:30px;
}

.work-flow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.work-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    flex:1;
}

.work-icon{
    width:52px;
    height:52px;
    background:#2ea543;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:32px;
    position:relative;
    flex-shrink:0;
}

.work-icon span{
    position:absolute;
    top:-8px;
    right:-8px;
    width:28px;
    height:28px;
    border-radius:50%;
    background:#2ea543;
    border:3px solid #fff;
    color:#fff;
    font-size:14px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}

.work-content h5{
    font-size:22px;
    font-weight:700;
    color:#111;
    margin-bottom:10px;
}

.work-content p{
    font-size:15px;
    color:#666;
    line-height:1.7;
    margin:0;
}

.arrow{
    font-size:34px;
    color:#111827;
}

.help-box{
    background:#08111d;
    color:#fff;
    border-radius:15px;
    padding:35px 25px;
    text-align:center;
}

.help-box h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:15px;
}

.help-box p {
    color: white;
    line-height: 1.5;
    margin-bottom: 25px;
    font-size: 15px;
}
.call-btn-2{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    background:#28a745;
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
    padding:16px;
    border-radius:8px;
    transition:.3s;
}

.call-btn-2:hover{
    background:#208637;
    color:#fff;
}

.available{
    margin-top:12px;
    font-size:18px;
    font-weight:700;
}

@media (max-width: 991px){

    .how-work-section{
        margin:30px 0;
    }

    .how-work-section .row{
        padding:25px 0px;
    }

    .work-flow{
        flex-direction:column;
        align-items:stretch;
        gap:25px;
    }

    .work-item{
        flex-direction:row;
        align-items:flex-start;
        text-align:left;
        gap:15px;
        width:100%;
    }

    .work-icon{
        width:55px;
        height:55px;
        font-size:22px;
    }

    .work-content h5{
        font-size:20px;
        margin-bottom:6px;
    }

    .work-content p{
        font-size:14px;
        line-height:1.6;
    }

    .arrow{
        transform:rotate(90deg);
        margin:0 auto;
        font-size:28px;
    }

    .help-box{
        margin-top:30px;
        min-height:320px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:40px 20px !important;
    }

    .call-btn-2{
        font-size:18px;
        padding:14px;
    }

}

@media (max-width:576px){

    .work-title{
                font-size: 28px;
        margin-bottom: 35px !important;
        margin-top: 20px;
    }

    .work-item{
        align-items:center;
        text-align:center;
        flex-direction:column;
    }

    .work-icon{
        margin-bottom:10px;
    }

    .work-content h5{
        font-size:18px;
    }

    .work-content p{
        font-size:14px;
    }

    .arrow{
        font-size:24px;
    }

    .help-box{
        min-height:280px;
        padding:35px 20px !important;
    }

    .help-box h4{
        font-size:22px;
    }

    .help-box p{
        font-size:15px;
    }

    .call-btn-2{
        width:100%;
        justify-content:center;
        font-size:17px;
    }

    .available{
        font-size:16px;
    }

}



    .why-choose-section{
    background:#fff;
    position:relative;
    overflow:hidden;
}




.choose-box{
    margin-bottom:60px;
}

.choose-icon {
    width: 65px;
    height: 65px;
    background: #28a74521;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    color: #28a745;
    font-size: 26px;
    transition: .3s;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}

.text-lg-end .choose-icon{
    margin-left:auto;
}

.text-lg-start .choose-icon{
    margin-right:auto;
}

.choose-box:hover .choose-icon{
    background:#0158be;
    color:#fff;
    transform:rotate(10deg);
}

.choose-box h5{
    font-size:22px;
    font-weight:700;
    color:#222;
    margin-bottom:10px;
}

.choose-box p{
    color:#666;
    line-height:1.8;
    margin:0;
}



.choose-image{
    position:relative;
    padding:20px;
}

.choose-image img{
    width:100%;
    /*border-radius:10px;*/
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.quote-btn{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-15px;
    background:#28a745;
    color:#fff;
    text-decoration:none;
    padding:12px 28px;
    border-radius:6px;
    font-weight:600;
    transition:.3s;
    box-shadow: 0 12px 25px rgb(40 167 69 / 42%);
}

.quote-btn:hover{
    background:#0158be;
    color:#fff;
}
section.why-choose-section {
    padding: 80px 0px;
}

/* =========================
   Responsive
========================= */
   @media (max-width: 767px){

    /* Left aur Right columns ko 2-column grid bana do */
    .choose-section .col-lg-4:first-child,
    .choose-section .col-lg-4:last-child{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:15px;
        margin-bottom:20px;
    }

    /* Desktop ke mb-5 ko mobile me remove */
    .choose-section .choose-box{
        margin-bottom:0 !important;
        padding:20px 15px;
        height:100%;
    }

    .choose-section .choose-box h5{
        font-size:16px;
    }

    .choose-section .choose-box p{
        font-size:13px;
        line-height:1.5;
    }

    /* Image center me */
    .choose-section .choose-image{
        margin:20px 0;
        display: none;
    }

    .choose-section .quote-btn{
        margin-top:15px;
    }

}


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

.faq-review-section{
    padding:90px 0;
    background:#fff;
}

.section-heading{
    font-size:24px;
    font-weight:700;
    color:#1b1b1b;
    line-height:1.2;
    margin-bottom:35px;
}

.quote-icon{
    color:#13255c;
    margin-right:8px;
}

/*==============================
LEFT REVIEW
===============================*/

.review-wrapper{
    position:relative;
}

.review-card{

    background:#fff;
    border:1px solid #e8edf3;
    border-radius:20px;
    padding:35px;
    min-height:330px;
    box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.review-stars{

    color:#f7b500;
    margin-bottom:25px;
    font-size:18px;

}

.review-card p{

    font-size:17px;
    line-height:32px;
    color:#666;
    margin-bottom:35px;

}

.review-user{

    display:flex;
    align-items:center;
    gap:15px;

}

.review-user img{

    width:60px;
    height:60px;
    border-radius:50%;
    object-fit:cover;

}

.review-user h6{

    margin:0;
    font-size:18px;
    font-weight:600;

}

/*==============================
SLIDER DOTS
===============================*/

.custom-indicators{

    position:relative;
    margin-top:25px;
    margin-bottom:0;

}

.custom-indicators button{

    width:11px !important;
    height:11px !important;
    border:none !important;
    border-radius:50%;
    background:#d4d4d4 !important;
    margin:0 5px !important;
    opacity:1 !important;

}

.custom-indicators .active{

    width:28px !important;
    border-radius:20px;
    background:#14255b !important;

}

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

.custom-faq .accordion-item{

    border:1px solid #ebeff3;
    border-radius:12px !important;
    margin-bottom:15px;
    overflow:hidden;
    background:#fff;

}

.custom-faq .accordion-button{

    padding:22px;
    font-size:17px;
    font-weight:600;
    color:#222;
    background:#fff;
    box-shadow:none;

}

.custom-faq .accordion-button:not(.collapsed){

    background:#fff;
    color:#111;

}

.custom-faq .accordion-button::after{

    background-image:none;
    content:"+";
    font-size:28px;
    width:auto;
    height:auto;
    transform:none;
    font-weight:300;

}

.custom-faq .accordion-button:not(.collapsed)::after{

    content:"−";

}

.custom-faq .accordion-body{

    padding:22px;
    color:#666;
    font-size:15px;
    line-height:28px;

}

/*==============================
RIGHT CARD
===============================*/

.question-card{

    background:#fff;
    border:1px solid #e8edf3;
    border-radius:20px;
    padding:40px 28px;
    text-align:center;
    box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.question-card h3{

    font-size:34px;
    font-weight:700;
    color:#111;
    line-height:1.25;
    margin-bottom:20px;

}

.question-card p{

    color:#666;
    line-height:30px;
    margin-bottom:30px;

}





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

@media(max-width:991px){

.review-wrapper,
.faq-wrapper,
.question-card{

margin-bottom:35px;

}

.section-heading{

font-size:32px;

}

.question-card{

padding:35px 25px;

}

}

@media(max-width:767px){

.faq-review-section{

padding:60px 0;

}

.section-heading{

font-size:28px;
text-align:center;

}

.review-card{

padding:25px;
min-height:auto;

}

.review-card p{

font-size:15px;
line-height:28px;

}

.question-card h3{

font-size:28px;

}



}
/*==============================
Equal Height
===============================*/




.review-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

/*==============================
Hover Effect
===============================*/

.review-card,
.question-card,
.custom-faq .accordion-item{
    transition:.35s ease;
}

.review-card:hover,
.question-card:hover,
.custom-faq .accordion-item:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}


/*==============================
Accordion Animation
===============================*/

.accordion-button{

    transition:.3s;

}

.accordion-button:hover{

    background:#f8f9fb;

}

/*==============================
Scrollbar Fix
===============================*/

.carousel-item{

    min-height:350px;

}

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

@media(min-width:1200px){

.container{

    max-width:1280px;

}

.review-wrapper{

    padding-right:20px;

}

.question-card{

    margin-left:10px;

}

}

@media (max-width:991px){

    .why-choose-section{
        padding:50px 0;
    }

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

    .section-desc{
        margin-bottom:45px;
    }

    .choose-image{
        margin:40px 0;
    }

    .choose-box{
        text-align:center !important;
        margin-bottom:35px;
    }

    .choose-icon{
        margin:0 auto 18px !important;
    }

}

@media (max-width:767px){

    .why-choose-section{
        padding:35px 0 !important;
    }

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

    .section-desc{
        font-size:15px;
        line-height:1.8;
    }

    .choose-image{
        padding:10px;
    }

    .choose-image img{
        border-radius:12px;
    }

    .quote-btn{
        position:static;
        transform:none;
        display:inline-block;
        margin-top:-20px;
    }

    .choose-box h5{
        font-size:20px;
    }

    .choose-box p{
        font-size:14px;
    }

}

/* =========================
   Animation
========================= */

.choose-box{
    transition:.35s ease;
}

.choose-box:hover{
    transform:translateY(-8px);
}

.choose-box:hover h5{
    color:#003b9e;
}

.choose-image img{
    transition:.4s;
}

.choose-image:hover img{
    transform:scale(1.04);
}

/* =========================
   Decorative Background
========================= */

.why-choose-section::before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    background: #e3f4e736;
    border-radius:50%;
    left:-120px;
    top:-100px;
    z-index:0;
}

.why-choose-section::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
        background: #e3f4e736;
    border-radius:50%;
    right:-120px;
    bottom:-120px;
    z-index:0;
}

.why-choose-section .container{
    position:relative;
    z-index:2;
}

/*footer*/

 .bottom-cta{
    position:relative;
    background:url("../images/HomeRenovation.jpg") center center/cover no-repeat;
    padding:90px 0;
}

.bottom-cta .overlay{
    position:absolute;
    inset:0;
       background: rgb(0 0 0 / 74%);
}

.cta-content{
    position:relative;
    z-index:2;
    text-align:center;
}

.cta-content h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: 1px;

    /* Premium Glow */
    text-shadow:
        0 2px 5px rgba(0,0,0,0.3),
        0 0 10px rgba(255,255,255,0.4),
        0 0 20px rgba(255,215,0,0.25);
}
.cta-content p{
    color:#fff;
    font-size:18px;
    margin-bottom:45px;
}

.call-strip {
    display: block;
    width: 40%;
    max-width: 1000px;
    margin: auto;
    padding: 18px;
    /* border: 2px solid #ff9800; */
    border-radius: 60px;
    color: #fff;
    text-decoration: none;
    font-size: 26px;
    transition: .3s;
    background: white;
    color: black;
}
.call-strip:hover{
    background:none;
    color:#fff;
}
.bottom-cta::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:120px;
        background: linear-gradient(to top, #ffffff69, #00000000);
}
@media(max-width:768px){

.bottom-cta{
    padding:80px 20px;
}
.breadcrumb-box {
    margin-top: 20px !important;
   
}
.cta-content h2{
    font-size:28px;
}

.cta-content p{
    font-size:16px;
}

.call-strip{
    width:100%;
    font-size:18px;
    padding:15px;
}

}

   .site-footer{
    background:#fff;
    padding:50px 0 30px;
    border-top:1px solid #e5e7eb;
}

.footer-links{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:30px;
    margin-bottom:30px;
}

.footer-links a{
    color:#333;
    text-decoration:none;
    font-size:15px;
    font-weight:500;
    transition:.3s;
}

.footer-links a:hover{
    color:#0d6efd;
}

.footer-disclaimer{
    border-top:1px solid #eee;
    padding-top:25px;
}

.footer-disclaimer p{
    font-size:13px;
    color:#666;
    line-height:1.8;
    margin-bottom:15px;
    text-align:center;
}

.footer-disclaimer strong{
    color:#222;
}

.footer-bottom{
    border-top:1px solid #eee;
    margin-top:20px;
    padding-top:20px;
    text-align:center;
    font-size:14px;
    color:#777;
}

@media(max-width:768px){

.footer-links{
    gap:15px;
}

.footer-links a{
    font-size:14px;
}

.footer-disclaimer p{
    font-size:12px;
    text-align:left;
}

.footer-bottom{
    font-size:13px;
}

}


  .pest-types-section{
    /*background:#f8fbff;*/
}

.section-title h2{
    font-size:40px;
    font-weight:700;
    color:#0b2545;
    margin-bottom:12px;
}

.section-title p{
    max-width:700px;
    margin:auto;
    color:#6b7280;
}

.section-badge{
    display:inline-block;
    background:#e8f2ff;
    color:#0d6efd;
    padding:8px 18px;
    border-radius:50px;
    font-weight:600;
    margin-bottom:15px;
}

.pest-card{
    background:#fff;
    border:1px solid #e8eef5;
    /*border-radius:15px;*/
    padding:20px 15px;
    text-align:center;
    height:100%;
    transition:.3s;
}

.pest-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.pest-card .icon{
    width:55px;
    height:55px;
    background:#eef5ff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto 15px;
}

.pest-card .icon i{
    font-size:22px;
        color: #28a745;
}

.pest-card h5{
    font-size:17px;
    font-weight:700;
    color:#0b2545;
    margin-bottom:8px;
}

.pest-card p{
    font-size:13px;
    color:#6b7280;
    line-height:1.5;
    margin:0;
}

/* Tablet */
@media(max-width:991px){
    .section-title h2{
        font-size:32px;
    }
}

/* Mobile */
@media(max-width:767px){

    .section-title h2{
        font-size:28px;
    }

    .pest-card{
        padding:18px 12px;
    }

    .pest-card .icon{
        width:50px;
        height:50px;
    }

    .pest-card .icon i{
        font-size:20px;
    }

    .pest-card h5{
        font-size:16px;
    }

    .pest-card p{
        font-size:12px;
    }
}