*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container{
  max-width: 1140px;
  margin: 0 auto;
  padding: 0px 15px;
}
body{
font-size: 16px;
}

/* Navbar */
.custom-nav{
padding: 5px 0px !important;
background:#ffffff;
box-shadow:0 2px 10px #59a52838;
z-index:999;
}
.custom-nav .navbar-brand img{
width:80px;
}
.custom-nav .nav-link{
font-size:17px;
font-weight:400;
color:#111;
margin-left: 16px !important;
transition:.3s;
}
.custom-nav .nav-link:hover,
.custom-nav .nav-link.active{
color:#226303;
}
.dropdown-menu{
border:none;
box-shadow:0 10px 30px rgba(0,0,0,.1);
padding:10px;
}
.dropdown-item{
font-size:16px;
font-weight: 400;
padding:5px 8px;
}
.dropdown-item:hover{
background:#dcffe9;
color:#05451d;
}
.nav-item ul{
    margin-top: 15px !important;
}

/* Hero */

.hero {
background: #FFF;
background: linear-gradient(12deg, rgba(255, 255, 255, 0.2) 75%, rgba(123, 179, 82, 1) 100%);
padding:180px 0;
}
.small-tag{
background:#57a1255e;
color:#226303;
padding:6px 15px;
border-radius:30px;
font-size:11px;
font-weight:700;
}
.hero h1{
font-size:32px;
font-weight:800;
line-height:1.06;
color:#333;
margin-top:20px;
}
.hero h1 span{
color:#226303;
}
.hero p{
margin-top: 16px !important;
font-size:17px;
line-height:1.7;
color:#333;
}
.features{
padding:0;
margin-top:25px;
list-style:none;
}
.features li{
font-size:17px;
margin-bottom:18px;
color:#333;
}
.features li::first-letter{
color:#07431f;
}
.hero-buttons{
  margin: 30px 0px !important;
}
.quote-btn{
background:#07431f;
color:#fff;
border-radius:30px;
padding:12px 30px;
box-shadow: 0px 10px 24px #07431fc5;
transition: transform .2s;
font-size: 17px;
}
.quote-btn:hover{
background:#042c14;
color: #fff !important;
transform: translateY(-2px);
}
.book-btn{
    font-size: 17px;
background:#5ba029;
color:#000;
border-radius:30px;
padding:12px 30px;
margin-left:10px;
box-shadow: 0px 10px 24px #5ba029;
transition: transform .2s;
}
.book-btn:hover{
background:#4a881f;
color: #fff !important;
transform: translateY(-2px);
}
.contact a{
    display: inline-block;
font-size:17px;
margin-top:15px;
font-weight:bold;
color: #000;
}
.contact span{
margin-left:15px;
font-weight:normal;
color:#333;
}
.hero-img{
position:relative;
}
.hero-img img{
width:100%;
border-radius:20px;
}
.badge{
    position:absolute;
    right:-8px;
    bottom:-18px;
    width:105px;
    height:105px;
    background:#5ba029;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    font-size:10px;
    border:5px solid #fff;
    z-index:10;
    box-shadow:
    0 0 0 rgba(91,160,41,.5),
    0 12px 30px rgba(91,160,41,.45);
    animation:
    floating 3s ease-in-out infinite,
    pulse 2s infinite;
    overflow:hidden;
}

.badge::before{
    content:"";
    position:absolute;
    top:-60%;
    left:-120%;
    width:45%;
    height:220%;
    background:rgba(255,255,255,.45);
    transform:rotate(25deg);
    animation:shine 3s linear infinite;
}

.badge::after{
    content:"";
    position:absolute;
    inset:-8px;
    border-radius:50%;
    border:2px dashed rgba(255,255,255,.45);
    animation:spin 10s linear infinite;
}
.badge b{
    color:#07431f;
    font-size:22px;
    font-weight:800;
    z-index:2;
}
.badge span{
    z-index:2;
}
.features{
display:grid;
grid-template-columns:repeat(1,1fr);
padding:0;
list-style:none;
}
@keyframes floating{
    0%,100%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-8px);
    }
}

@keyframes pulse{

    0%{
        box-shadow:
        0 0 0 0 rgba(91,160,41,.55),
        0 12px 30px rgba(91,160,41,.45);
    }

    70%{
        box-shadow:
        0 0 0 18px rgba(91,160,41,0),
        0 12px 30px rgba(91,160,41,.45);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(91,160,41,0),
        0 12px 30px rgba(91,160,41,.45);
    }

}

@keyframes shine{

    0%{
        left:-120%;
    }

    100%{
        left:170%;
    }

}

@keyframes spin{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}

/* --------trust-wrapper-------- */

.trust-wrapper-section{
    padding:20px 0 100px;
}
.trust-box{
    background:#094420;
}
.trust-box .col-xl-4{
    border-right: 1px solid #e7fff0;
    border-bottom: 1px solid #e7fff0;
}
.trust-item{
    text-align:center;
    padding:25px;
    color:white;
}
.trust-box > div:last-child .trust-item{
    border-right: none !important;
}
.parent-class > .trust-item:last-child{
    border-right: none !important;
}
.trust-box span img{
display: inline-block;
 max-width: 35px;
}
.trust-item h3{
margin:9px 0px 6px 0px;
font-weight: 700;
font-size:18px;
}
.trust-item p{
color:#fff;
font-size:17px;
}
.content{
    max-width:850px;
    margin:90px auto 0;
    text-align:center;
}
.tag{
    display:inline-block;
    padding:9px 20px;
    border-radius:30px;
    background:#57a1255e;
    color:#226303;
    font-size:12px;
    font-weight:bold;
    letter-spacing:2px;
}
.content h2{
    margin-top:20px;
    font-size:32px;
    line-height:1.1;
    font-weight:800;
    color:#07431f;
}
.content p{
    margin-top:20px;
    font-size:17px;
    line-height:1.7;
    color:#333;
}
.content strong{
    color:#0a401c;
}
.floating-buttons{
    position:fixed;
    bottom:145px;
    right:25px;
    display:flex;
    gap:10px;
    z-index: 24;
}
.phone,
.quote{
    text-decoration:none;
    padding:10px 25px;
    border-radius:30px;
    font-weight:500;
    color:#fff;
    border: 1px solid #fff;
}
.phone{
    background:#07431f;
}
.quote{
    background:#5ba029;
    color:#000;
}

/* -------services section--------- */
.services-section{
    padding:80px 20px;
    /* background:#f3f8f0; */
}
.services-header{
    text-align:center;
    margin-bottom:45px;
}
.small-title{
    display:inline-block;
    background:#57a1255e;
    color:#05451d;
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
    padding:6px 14px;
    border-radius:30px;
    margin-bottom:15px;
}
.services-header h2{
    font-size:32px;
    color:#084420;
    margin:0 auto 15px;
    font-weight:800;
}
.services-header p{
    max-width:600px;
    margin:auto;
    color:#333;
    line-height:1.7;
    font-size:17px;
}
.service-card{
display: flex;
align-items: flex-start;
justify-content: center;
text-align: left !important;
flex-direction: column;
    background:#ffffff;
    border-radius:10px;
    padding:16px;
    margin-bottom: 20px;
    min-height:190px;
    border:1px solid #e5ebdf;
    box-shadow:0 8px 25px rgba(34,99,3,0.08);
    transition:.35s ease;
}
.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(34,99,3,0.18);
}
.service-icon img{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dff1e0;
    border-radius:8px;
    font-size:20px;
    margin-bottom:12px;
}
.service-card a{
    font-size:17px;
    color:#07431f;
    margin:0 0 8px;
    text-decoration: none;
    font-weight:800;
}
.service-card p{
    margin:0;
    font-size:17px;
    line-height:1.6;
    color:#333;
}

/* ------------steps-section------------- */
.all-steps{
    padding:80px 30px;
    background:
    radial-gradient(circle at top right,
    rgba(91,160,41,.18), transparent 45%),
    radial-gradient(circle at bottom left,
    rgba(34,99,3,.12), transparent 45%),
    linear-gradient(135deg,#183b12,#226303);
}
.all-steps .services-header .small-title{
      display: inline-block;
    background: rgb(91 160 41 / 36%);
    border: 1px solid #ccc;
    color: #fff;
    padding: 6px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}
.all-steps .services-header h2 {
    font-size: 32px;
    color: #fff;
    margin: 0 auto 15px;
    font-weight: 800;
}
.step-card{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    padding:30px 10px 10px ;
    transition:.35s;
    text-align:center;
    backdrop-filter:blur(8px);
    min-height: 320px;
}
.step-card:hover{
    transform:translateY(-8px);
    border-color:#5ba029;
    background:rgba(91,160,41,.12);
}
.number{
    width:55px;
    height:55px;
    margin:auto auto 18px;
    border-radius:50%;
    background:linear-gradient(135deg,#5ba029,#8ad14f);
    color:#fff;
    font-size:20px;
    font-weight:700;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0 10px 25px rgba(91,160,41,.35);
}

.step-card h3{
    color:#fff;
    margin-bottom:12px;
    font-size:20px;
}
.step-card p{
    color:#ccc;
    line-height:1.7;
    font-size:17px;
}
.info-boxes{
    margin: 60px 0px;
}
.info-card{
    border-radius:18px;
    padding:30px 20px 10px;
    color:#fff;
}
.info-card.dark{
    background:#214b17;
}
.info-card.green{
    background:linear-gradient(135deg,#2f8d14,#5ba029);
    background: linear-gradient(138deg, #074320, #3f7f2a, #76c043)
}
.info-card h3{
    margin-bottom:18px;
    font-size:20px;
}
.info-card p{
    line-height:1.8;
    color:#edf8ea;
font-size: 17px;
    margin-bottom:20px;
}
.info-card ul{
display:grid;
grid-template-columns:repeat(1,3fr);
padding-left: 0px !important;
list-style:none;
}
.info-card ul li{
    margin:4px 0;
    font-size: 17px;
    padding-left:24px;
    position:relative;
    color:#fff;
}
.info-card ul li::before{
    content:"✔";
    position:absolute;
    left:0;
    bottom: 0;
    color:#d5ffb5;
    font-size:14px;
}


/*----------------CLEANING CHECKLIST--------------*/

.cl-checklist-section{
    padding:100px 0;
    background:#f6fbff;
}
.cl-section-tag{
    display:table;
    margin:0 auto 15px;
    padding:8px 18px;
    border-radius:30px;
    background:#e9f6eb;
    color:#226303;
    font-size:17px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}
.cl-section-title{
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#203040;
    margin-bottom:18px;
}
.cl-section-desc{
    max-width:760px;
    margin:0 auto 60px;
    text-align:center;
    color:#6b7785;
    line-height:1.8;
    font-size:16px;
}
.cl-accordion{
    display:flex;
    flex-direction:column;
    gap:18px;
}
.cl-item{
    background:#fff;
    border-radius:17px;
    overflow:hidden;
    border:1px solid #d9ebd9;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
    transition:.35s;
}
.cl-item:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 40px rgba(34,99,3,.12);
}
.cl-item.active{
    border-color:#5ba029;
}

.cl-header{
    width:100%;
    background:#fff;
    border:none;
    padding:22px 26px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    text-align:left;
}

.cl-title{
    display:flex;
    align-items:center;
    gap:18px;
}

.cl-icon{
    width:48px;
    height:48px;
    border-radius:12px;
    background:#edf8ef;
    color:#226303;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
    flex-shrink:0;
}
.cl-title h3{
    margin:0;
    font-size:19px;
    font-weight:700;
    color:#203040;
}
.cl-title span{
    display:block;
    margin-top:4px;
    color:#7d8b97;
    font-size:16px;
}
.cl-toggle{
    width:38px;
    height:38px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#edf8ef;
    color:#226303;
    font-size:17px;
    transition:.35s;
}
.cl-item.active .cl-toggle{
    background:#226303;
    color:#fff;
    transform:rotate(180deg);
}
.cl-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
    background:#fff;
}
.cl-item.active .cl-content{
    max-height:700px;
}
.cl-body{
    padding:28px;
    border-top:1px solid #eef3f7;
}
.cl-body ul{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px 35px;
}
.cl-body ul li{
    position:relative;
    padding-left:28px;
    color:#49545f;
    font-size:17px;
    line-height:1.7;
}
.cl-body ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:1px;
    color:#5ba029;
    font-weight:700;
    font-size:18px;
}
.cl-btn-wrap{
    text-align:center;
    margin-top:45px;
}
.cl-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:17px 42px;
    border-radius:50px;
    background:linear-gradient(135deg,#226303,#5ba029);
    color:#fff;
    text-decoration:none;
    font-size:17px;
    font-weight:600;
    letter-spacing:.4px;
    transition:.35s;
    box-shadow:0 12px 30px rgba(34,99,3,.25);
}
.cl-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 40px rgba(34,99,3,.35);
}

.cl-item{
    animation:clFade .5s ease;
}
@keyframes clFade{

    from{

        opacity:0;

        transform:translateY(25px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*-------------PRICING SECTION-------------*/

.pricing-section{
    padding:100px 20px;
    background:
    radial-gradient(circle at top right,
    rgba(91,160,41,.10),transparent 38%),
    radial-gradient(circle at bottom left,
    rgba(34,99,3,.08),transparent 42%),
    #f8faf8;
}
.pricing-back{
    max-width: 920px;
    margin: 0px auto;
}
.pricing-badge{
    display:table;
    margin:0 auto 18px;
    padding:8px 22px;
    background:rgba(91,160,41,.15);
    color:#226303;
    border-radius:40px;
    font-size:17px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}
.pricing-section h2{
    text-align:center;
    font-size:32px;
    color:#1d2d1d;
    margin-bottom:16px;
    font-weight:700;
}

.pricing-desc{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
    line-height:1.8;
    color:#333;
    font-size:17px;
}
.pricing-desc strong{
    color:#226303;
}
.pricing-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    border:1px solid rgba(34,99,3,.10);
    box-shadow:
    0 18px 40px rgba(34,99,3,.08);
}
.pricing-header{
    background:
    linear-gradient(135deg,#226303,#2e7d11);
    color:#fff;
    padding:20px 28px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:700;
    font-size:17px;
}
.pricing-body{

    background:#fff;
}
.price-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 28px;
    position:relative;
    transition:.35s;
    border-bottom:1px solid #ececec; 
}
.price-row:last-child{
    border-bottom:none;
}
.price-row:nth-child(even){
    background:#fbfcfb;
}
.price-row::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    background:#5ba029;
    transition:.35s;
}
.price-row:hover{
    background:#f4faef;
    transform:translateX(6px);
}
.price-row:hover::before{
    width:6px;
}
.service{
    font-size:17px;
    color:#3d4a3d;
    font-weight:500;
}
.price{
    font-size:18px;
    font-weight:700;
    color:#226303;
}
.extra-services{
    margin-top:35px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
}
.service-pill{
    background:#fff;
    border:1px solid rgba(34,99,3,.12);
    border-radius:50px;
    padding:12px 18px;
    font-size:17px;
    color:#445044;
    transition:.35s;
    box-shadow:
    0 8px 20px rgba(34,99,3,.05);
}
.service-pill:hover{
    background:#226303;
    color:#fff;
    transform:translateY(-4px);
}
.service-pill.highlight{
    background:#edf7e8;
    color:#226303;
    font-weight:600;
}
.pricing-buttons{
    margin-top:45px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
}
.price-btn{
    padding:16px 34px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:
    0 15px 30px rgba(34,99,3,.12);
}
.btn-primary{
background:#1f4424;
color:#fff;
}
.btn-dark{
     background:linear-gradient(135deg,#226303,#5ba029);
    color:#fff;
}
.btn-accent{
    background:#8bc34a;
    color:#163000;
}
.price-btn:hover{
    transform:translateY(-5px);
    box-shadow:
    0 20px 40px rgba(34,99,3,.22);
}
.pricing-card{
    transition:.35s;
}
.pricing-card:hover{
    box-shadow:
    0 25px 60px rgba(34,99,3,.12);
}
.price-row{
overflow:hidden;
}
.price-row::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:#ececec;
}
.price{
    transition:.35s;
}
.price-row:hover .price{
    color:#5ba029;
    transform:scale(1.08);
}
.service{
    transition:.35s;
}
.price-row:hover .service{
    color:#226303;
}
.price-btn{
    position:relative;
    overflow:hidden;
}
.price-btn::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:0;
    height:0;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    transform:translate(-50%,-50%);
    transition:.6s;
}
.price-btn:hover::before{
    width:320px;
    height:320px;
}
.service-pill{
    cursor:pointer;
}
.service-pill:hover{
    border-color:#5ba029;
}
.pricing-section ::selection{
    background:#226303;
    color:#fff;
}
.hidden{
    opacity:0;
    transform:translateY(40px);
    transition:.6s ease;
}
.show{
    opacity:1;
    transform:translateY(0);
}
.price-btn{
    position:relative;
    overflow:hidden;
}
.ripple{
    position:absolute;
    border-radius:50%;
    transform:scale(0);
    background:rgba(255,255,255,.45);
    animation:ripple .6s linear;
    pointer-events:none;
}
@keyframes ripple{
    to{
        transform:scale(4);
        opacity:0;
    }
}



/*--------------ADVANTAGES SECTION----------------*/

.advantages-section{
    padding:100px 20px;
    background:
    radial-gradient(circle at top right,
    rgba(91,160,41,.10),transparent 40%),
    radial-gradient(circle at bottom left,
    rgba(34,99,3,.08),transparent 45%),
    #f7fbf5;
}
.section-badge{
display: table;
    margin:0 auto 18px;
    padding:8px 22px;
    border-radius:50px;
    background:rgba(91,160,41,.15);
    color:#226303;
    font-size:12px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    font-weight:700;
}
.advantages-section h2{
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#1d2d1d;
    margin-bottom:18px;
}
.section-desc{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
    color:#677267;
    line-height:1.8;
    font-size:17px;
}
.adv-card{
margin-top: 20px;
    background:#fff;
    border-radius:20px;
    padding:42px 32px;
    text-align:center;
    border:1px solid rgba(34,99,3,.08);
    transition:.35s;
    position:relative;
    overflow:hidden;
    box-shadow:
    0 15px 35px rgba(34,99,3,.08);
}
.adv-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:
    linear-gradient(90deg,#226303,#5ba029);
    transform:scaleX(0);
    transition:.4s;
}
.adv-card:hover{
    transform:translateY(-10px);
    border-color:#5ba029;
    box-shadow:
    0 25px 55px rgba(34,99,3,.15);
}
.adv-card:hover::before{
    transform:scaleX(1);
}
.adv-icon{
    width:72px;
    height:72px;
    margin:0 auto 25px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:30px;
    background:
    linear-gradient(135deg,
    rgba(91,160,41,.18),
    rgba(34,99,3,.10));
    color:#226303;
    transition:.35s;
    box-shadow:
    0 12px 28px rgba(91,160,41,.18);
}
.adv-card:hover .adv-icon{
    transform:rotate(12deg) scale(1.08);
    background:
    linear-gradient(135deg,#226303,#5ba029);
    color:#fff;
    box-shadow:
    0 20px 40px rgba(34,99,3,.22);
}
.adv-card h3{
    font-size:20px;
    color:#1d2d1d;
    margin-bottom:14px;
    font-weight:700;
    transition:.3s;
}
.adv-card:hover h3{
    color:#226303;
}
.adv-card p{
    color:#333;
    font-size:16px;
    line-height:1.8;
}
.adv-card strong{
    color:#226303;
    font-weight:700;
}
.hidden{
    opacity:0;
    transform:translateY(45px);
    transition:
    opacity .7s ease,
    transform .7s ease;
}
.show{
    opacity:1;
    transform:translateY(0);
}
.adv-icon img{
    width: 40px;
    height: 40px;
    object-fit: cover;
}
@keyframes floatCard{

    0%{

        transform:translateY(0px);
    }

    50%{

        transform:translateY(-6px);
    }

    100%{

        transform:translateY(0px);
    }

}
.adv-card:hover{
    animation:floatCard 2s ease-in-out infinite;
}
@keyframes pulseGlow{

    0%{

        box-shadow:0 0 0 rgba(91,160,41,.25);
    }

    50%{

        box-shadow:0 0 30px rgba(91,160,41,.35);
    }

    100%{

        box-shadow:0 0 0 rgba(91,160,41,.25);
    }

}
.adv-card:hover .adv-icon{
    animation:pulseGlow 1.8s infinite;
}
.adv-card:nth-child(1){
    transition-delay:.05s;
}
.adv-card:nth-child(2){
    transition-delay:.10s;
}
.adv-card:nth-child(3){
    transition-delay:.15s;
}
.adv-card:nth-child(4){
    transition-delay:.20s;
}
.adv-card:nth-child(5){
    transition-delay:.25s;
}
.adv-card:nth-child(6){
    transition-delay:.30s;
}
.advantages-section{
    position:relative;
    overflow:hidden;
}
.advantages-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(91,160,41,.05);
    top:-160px;
    right:-140px;
    filter:blur(10px);
}

.advantages-section::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(34,99,3,.04);
    left:-120px;
    bottom:-120px;
    filter:blur(10px);
}
.adv-card{
    will-change:transform;
}
.adv-card:hover p{
    color:#4d5d4d;
}
.adv-card:hover{
    background:#ffffff;
}

/* -----------move-section------------ */

.move-section{
    padding:100px 20px;
    background:
    radial-gradient(circle at top right,
    rgba(91,160,41,.10),transparent 38%),
    radial-gradient(circle at bottom left,
    rgba(34,99,3,.08),transparent 45%),
    #f8fbf7;
}
.section-title{
    text-align:center;
    margin-bottom:70px;
}
.section-badge{
    display:table;
    padding:8px 20px;
    background:rgba(91,160,41,.15);
    color:#226303;
    border-radius:50px;
    font-size:17px;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
   margin: 0px auto 18px;
}
.section-title h2{
    font-size:32px;
    color:#1c2d1d;
    margin-bottom:12px;
    font-weight:700;
}
.section-title p{
    max-width:780px;
    margin:auto;
    color:#333;
    line-height:1.8;
    font-size:17px;
}
.section-title strong{
    color:#226303;
}
.move-row{
    align-items:center;
    margin-bottom:70px;
}
.move-content h3{
    font-size:20px;
    color:#1f2f20;
    margin-bottom:22px;
    font-weight:700;
}
.move-content p{
    color:#5f6b60;
    font-size:17px;
    line-height:1.9;
    margin-bottom:22px;
}
.move-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:10px;
    padding:17px 34px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    color:#fff;
    background:
    linear-gradient(135deg,#226303,#5ba029);
    box-shadow:
    0 18px 35px rgba(34,99,3,.18);
    transition:.35s;
}
.move-btn:hover{
    transform:translateY(-5px);
    box-shadow:
    0 25px 45px rgba(34,99,3,.25);
}
.move-card{
    background:#fff;
    padding:35px;
    border-radius:18px;
    border:1px solid rgba(34,99,3,.08);
    box-shadow:
    0 15px 40px rgba(34,99,3,.08);
    transition:.35s;
    position:relative;
    overflow:hidden;
}
.move-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:
    linear-gradient(#226303,#5ba029);
    transform:scaleY(0);
    transition:.35s;
}
.move-card:hover{
    transform:translateY(-8px);
    border-color:#5ba029;
    box-shadow:
    0 22px 55px rgba(34,99,3,.15);
}
.move-card:hover::before{
    transform:scaleY(1);
}
.move-card h4{
    font-size:20px;
    margin-bottom:25px;
    color:#226303;
    font-weight:700;
}
.move-card ul{
padding-left: 0px !important;
    list-style:none;
}
.move-card ul li{
    position:relative;
    padding-left:40px;
    margin-bottom:18px;
    color:#586458;
    line-height:1.8;
    font-size:17px;
    transition:.3s;
}

.move-card ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:1px;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#5ba029;
    color:#fff;
    font-size:13px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:bold;
}
.move-card:hover li{
    color:#2c3b2c;
}
.hidden{
    opacity:0;
    transform:translateY(40px);
    transition:
    opacity .7s ease,
    transform .7s ease;
}
.show{
    opacity:1;
    transform:translateY(0);
}
.move-card{
    will-change:transform;
    transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}
.move-card:hover{
    transform:translateY(-10px);
    box-shadow:
    0 25px 60px rgba(34,99,3,.15);
}
.move-btn{
    position:relative;
    overflow:hidden;
}

.move-btn::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:0;
    height:0;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    transform:translate(-50%,-50%);
    transition:.55s;
}
.move-btn:hover::before{
    width:320px;
    height:320px;
}
.move-card ul li{
    transition:
    padding-left .3s ease,
    color .3s ease;
}
.move-card:hover ul li{
    padding-left:38px;
    color:#2b3c2b;
}
.move-card ul li::before{
    transition:
    transform .3s ease,
    background .3s ease;
}
.move-card:hover ul li::before{
    transform:scale(1.1);
    background:#226303;
}
.move-section{
    position:relative;
    overflow:hidden;
}
.move-section::before{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(91,160,41,.05);
    top:-160px;
    right:-140px;
    filter:blur(8px);
}
.move-section::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(34,99,3,.04);
    left:-120px;
    bottom:-120px;
    filter:blur(8px);
}
.move-row:nth-child(2){
    transition-delay:.1s;
}
.move-row:nth-child(3){
    transition-delay:.25s;
}

/* ------------video-section----------- */

.video-section{
    padding:80px 0;
    text-align:center;
}
.small-title{
    display:inline-block;
    background: rgba(91, 160, 41, .15);
    color: #226303;
    padding:6px 18px;
    border-radius:30px;
    font-size:17px;
    font-weight:700;
    letter-spacing:1px;
}
.video-section h2{
    font-size:32px;
    margin-bottom:40px;
    font-weight:800;
}
.video-box{
padding: 5px;
    width:100%;
    max-width:900px;
    margin:auto;
    overflow:hidden;
    border-radius:14px;
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}
.video-box iframe{
    width:100%;
    height:500px;
    border:0;
}


/*---------------team section--------------*/

.team-section{
    padding:90px 0;
    text-align:center;
}
.team-section h2{
    font-size:32px;
    margin:10px 0 50px;
    font-weight:800;
}
.team-card{
transform: perspective(1000px) rotateX(0deg) rotateY(0deg) translateY(0px);
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:12px;
    padding:35px 20px;
    transition:.6s;
}
.team-card:hover{
border-top: 4px solid #042c14;
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}
.team-card img{
    width:90px;
    height:90px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:20px;
}
.team-card h4{
font-weight: 700;
font-size:18px;
margin-bottom:5px !important;
color:#05451d;
text-transform: uppercase;
}
.team-card p{
    color:#333;
    font-size:17px;
}

/* -----------------coverage-section--------------- */

.coverage-section{
padding:90px 0;
}
.heading{
text-align:center;
margin-bottom:60px;
}
.heading span{
    display: inline-block;
    background: rgba(91, 160, 41, .15);
    color: #226303;
    padding: 6px 18px;
    border-radius: 30px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 1px;
}
.heading h2{
font-size: 32px;
margin: 20px 0px 20px;
font-weight: 800;
}
.heading p{
max-width:550px;
margin:auto;
font-size:17px;
color:#657487;
}
.city-list{
display:flex;
flex-wrap:wrap;
gap:15px;
margin:35px 0;
}
.city-list button{
padding:14px 24px;
border:none;
background:#fff;
border-radius:40px;
box-shadow:0 5px 15px rgba(0,0,0,.08);
cursor:pointer;
font-size:17px;
transition:.3s;
}
.city-list button:hover{
background:#5ba029;
color:#fff;
}
.btn-group{
display:flex;
gap:20px;
margin-top:20px;
}
.btn-dark{
background:#07431f;
color:#fff;
padding:16px 32px;
border-radius:50px;
text-decoration:none;
font-weight:bold;
}
.btn-blue{
background:#5ba029;
color:#fff;
padding:14px 50px;
border-radius:50px;
text-decoration:none;
font-weight:bold;
}
.coverage-map{
    width:100%;
    height:350px;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}
.coverage-map iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
}


/*--------------faq-section-----------*/
.ef-faq-section{
    padding:100px 20px;
    background:
    radial-gradient(circle at top right,
    rgba(91,160,41,.12),transparent 40%),
    radial-gradient(circle at bottom left,
    rgba(34,99,3,.08),transparent 45%),
    #f7fbf5;
}
.ef-faq-tag{
    display:table;
    margin:0 auto 18px;
    padding:8px 20px;
    border-radius:30px;
    background:rgba(91,160,41,.15);
    color:#226303;
    font-size:17px;
    letter-spacing:1px;
    text-transform:uppercase;
    font-weight:700;
}
.ef-faq-section h2{
    text-align:center;
    font-size:34px;
    line-height:1.3;
    color:#1d2d1d;
    margin-bottom:18px;
    font-weight:700;
}
.ef-faq-desc{
    max-width:720px;
    margin:0 auto 55px;
    text-align:center;
    color:#5f6d60;
    line-height:1.8;
    font-size:17px;
}
.ef-faq-wrapper{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-top:60px;
}
.ef-faq-item{
    background:#fff;
    border:1px solid rgba(34,99,3,.15);
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(34,99,3,.08);
    transition:.35s;
}
.ef-faq-item:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(34,99,3,.15);
}
.ef-faq-item.active{
    border-color:#5ba029;
}
.ef-faq-header{
    width:100%;
    background:none;
    border:none;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 22px;
    text-align:left;
}
.ef-faq-title{
    display:flex;
    align-items:center;
    gap:18px;
    width:calc(100% - 60px);
}
.ef-faq-icon-box{
    width:52px;
    height:52px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    background:linear-gradient(135deg,#226303,#5ba029);
    color:#fff;
    font-size:22px;
    box-shadow:0 10px 25px rgba(34,99,3,.25);
}
.ef-faq-title h3{
    margin:0;
    font-size:18px;
    color:#243024;
    font-weight:600;
    line-height:1.5;
}
.ef-faq-title span{
    display:block;
    margin-top:5px;
    font-size:17px;
    color:#6b746b;
    line-height:1.6;
}
.ef-faq-icon{
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#edf7e8;
    color:#226303;
    font-size:22px;
    font-weight:700;
    flex-shrink:0;
    transition:.35s;
}
.ef-faq-item.active .ef-faq-icon{
    background:#226303;
    color:#fff;
    transform:rotate(180deg);
}
.ef-faq-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .45s ease;
}
.ef-faq-item.active .ef-faq-content{
    max-height:800px;
}
.ef-faq-body{
    padding:22px;
    border-top:1px solid rgba(34,99,3,.10);
    background:#fcfffb;
}
.ef-faq-body p{
    margin:0 0 15px;
    color:#4d5a4d;
    font-size:17px;
    line-height:1.9;
}
.ef-faq-body p:last-child{
    margin-bottom:0;
}
.ef-faq-body ul{
    list-style:none;
    margin:0;
    padding:0;
}
.ef-faq-body ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:14px;
    color:#4d5a4d;
    line-height:1.8;
}
.ef-faq-body ul li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:1px;
    color:#5ba029;
    font-weight:700;
}
.ef-faq-item{
    animation:efFaqFade .5s ease;
}
@keyframes efFaqFade{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}


/*----------------CONTACT INFO SECTION-----------*/

.contact-info-section{
    padding:70px 0;
    background:#eef4ef;
}
.info-card-box{
    background:#fff;
    padding:35px 25px;
    border-radius:17px;
    text-align:center;
    transition:.35s;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    border:1px solid rgba(34,99,3,.08);
}
.info-card-box:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(34,99,3,.18);
}
.info-card-box .icon{
    width:70px;
    height:70px;
    margin:auto;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#226303,#5ba029);
    color:#fff;
    font-size:28px;
    margin-bottom:20px;
}
.info-card-box h4{
    font-size:21px;
    color:#226303;
    font-weight:700;
    margin-bottom:12px;
}
.info-card-box p{
    font-size:16px;
    line-height:1.8;
    color:#333;
    margin-bottom:10px;
}
.info-card-box span{
    display:block;
    color:#888;
    font-size:17px;
}
.info-card-box a{
    color:#888;
    font-weight:600;
    transition:.3s;
}
.info-card-box a:hover{
    color:#226303;
}


/*====================================
CTA SECTION
====================================*/
.green-cta{
    padding:80px 20px;
}
.cta-content{
    max-width:1050px;
    margin:auto;
    padding:60px 40px;
    border-radius:20px;
    background:linear-gradient(135deg,#226303,#5ba029);
    text-align:center;
    color:#fff;
    box-shadow:0 18px 45px rgba(34,99,3,.25);
}
.cta-content h2{
    font-size:32px;
    font-weight:700;
    margin-bottom:18px;
}
.cta-content p{
    max-width:760px;
    margin:auto;
    line-height:1.9;
    color:#eef8eb;
    font-size:17px;
}
.cta-buttons{
    margin-top:35px;
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}
.btn-dark{
    background:#1b4208;
    color:#fff;
    padding:15px 34px;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}
.btn-dark:hover{
    background:#143405;
    transform:translateY(-4px);
}
.btn-yellow{
    background:#ffd84d;
    color:#222;
    padding:15px 34px;
    border-radius:50px;
    font-weight:700;
    transition:.35s;
}
.btn-yellow:hover{
    background:#ffcb17;
    transform:translateY(-4px);
}
.btn-outline{
    border:2px solid #fff;
    color:#fff;
    padding:13px 30px;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}
.btn-outline i{
    margin-right:8px;
}
.btn-outline:hover{
    background:#fff;
    color:#226303;
}

/*--------------REVIEW SECTION-------------*/

.review-section{
    padding:80px 20px;
    background:#f8fbf8;
}
.review-content{
    max-width:900px;
    margin:auto;
    text-align:center;
}
.review-content h2{
    font-size:32px;
    color:#226303;
    font-weight:700;
    margin-bottom:25px;
}
.review-content p{
    font-size:17px;
    color:#666;
    line-height:1.9;
    margin-bottom:18px;
}
.review-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:18px;
    padding:15px 35px;
    border-radius:50px;
    background:linear-gradient(135deg,#226303,#5ba029);
    color:#fff;
    font-weight:600;
    box-shadow:0 10px 25px rgba(34,99,3,.25);
    transition:.35s ease;
}
.review-btn:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 35px rgba(34,99,3,.35);
}
.review-btn i{
    color:#FFD54F;
    font-size:15px;
}
.card-down{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-dark,
.btn-yellow,
.btn-outline,
.review-btn{
    position:relative;
    overflow:hidden;
}
.btn-dark::before,
.btn-yellow::before,
.btn-outline::before,
.review-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.18);
    transform:skewX(-25deg);
    transition:.7s;
}
.btn-dark:hover::before,
.btn-yellow:hover::before,
.btn-outline:hover::before,
.review-btn:hover::before{
    left:130%;
}
.info-card{
    animation:fadeUp .8s ease;
}
@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(35px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
/* .testimonial-section{
    padding:100px 20px;
    background:#f5f5f5;
    overflow:hidden;
}
.testimonial-heading{
    text-align:center;
    margin-bottom:50px;
}
.testimonial-heading h2{
    font-size:42px;
    font-weight:700;
    color:#222;
    margin-bottom:10px;
}
.testimonial-heading p{
    font-size:15px;
    color:#666;
}
.testimonial-heading a{
    color:#226303;
    text-decoration:none;
    font-weight:600;
}
.brand{
    color:#00b67a;
    font-weight:700;
}
.rating-stars{
    color:#fff;
    font-size:22px;
    letter-spacing:2px;
    background:#00b67a;
    padding:4px 8px;
    border-radius:5px;
}
.review-wrapper{
    overflow:hidden;
    position:relative;
    width:100%;
}
.review-track{
    display:flex;
    gap:25px;
    width:max-content;
}
.review-card{
    width:320px;
    min-width:320px;
    background:#fff;
    border-radius:12px;
    padding:22px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.35s;
    border:1px solid #ececec;
}
.review-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}
.stars{
    display:inline-block;
    background:#00b67a;
    color:#fff;
    padding:6px 8px;
    border-radius:4px;
    font-size:14px;
    letter-spacing:2px;
    margin-bottom:18px;
}
.review-name{
    font-size:14px;
    color:#222;
    font-weight:600;
    margin-bottom:15px;
}
.review-name span{
    color:#888;
    font-weight:400;
    margin-left:5px;
}
.review-card h3{
    font-size:20px;
    margin-bottom:15px;
    color:#222;
    line-height:1.4;
}
.review-card p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}
.read-more{
    display:inline-block;
    margin-top:18px;
    color:#226303;
    text-decoration:none;
    font-weight:600;
}
.read-more:hover{
    color:#5ba029;
}
.review-track{
    display:flex;
    align-items:stretch;
    gap:25px;
    width:max-content;
    will-change:transform;
}
.review-wrapper::before,
.review-wrapper::after{
    content:"";
    position:absolute;
    top:0;
    width:80px;
    height:100%;
    z-index:5;
    pointer-events:none;
}
.review-wrapper::before{
    left:0;
    background:linear-gradient(
        to right,
        #f5f5f5 0%,
        rgba(245,245,245,0) 100%
    );
}
.review-wrapper::after{
    right:0;
    background:linear-gradient(
        to left,
        #f5f5f5 0%,
        rgba(245,245,245,0) 100%
    );
}
.review-wrapper{
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.review-wrapper::-webkit-scrollbar{
    display:none;
}
.review-card{
    cursor:grab;
    user-select:none;
}
.review-card:active{
    cursor:grabbing;
}
@media(max-width:1200px){
    .review-card{
        width:300px;
        min-width:300px;
    }
}
@media(max-width:992px){
    .testimonial-section{
        padding:80px 15px;
    }
    .testimonial-heading h2{
        font-size:36px;
    }
    .review-card{
        width:280px;
        min-width:280px;
        padding:20px;
    }
}
@media(max-width:768px){
    .testimonial-heading h2{
        font-size:30px;
    }
    .testimonial-heading p{
        font-size:14px;
    }
    .review-card{
        width:260px;
        min-width:260px;
    }

    .review-card h3{
        font-size:18px;
    }
    .review-card p{
        font-size:14px;
    }
    .review-wrapper::before,
    .review-wrapper::after{
        width:40px;
    }
}
@media(max-width:576px){
    .testimonial-section{
        padding:60px 10px;
    }
    .review-track{
        gap:15px;
    }
    .review-card{
        width:240px;
        min-width:240px;
        padding:18px;
    }
    .testimonial-heading h2{
        font-size:26px;
    }
    .stars{
        font-size:12px;
        padding:5px 7px;
    }
}
.review-card:hover .stars{
    background:#226303;
    transition:.3s;
}
.review-card:hover h3{
    color:#226303;
    transition:.3s;
}
.review-card:hover .read-more{
    color:#5ba029;
} */


/*------------GOOGLE REVIEW SECTION---------------*/

.google-review-section{
    padding:80px 0;
    background:#f6f8f7;
    overflow:hidden;
}
.review-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#fff;
    padding:18px 25px;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    margin-bottom:30px;
}
.google-rating{
    display:flex;
    align-items:center;
    gap:10px;
}
.google-rating img{
    width:28px;
}
.good-text{
    font-size:16px;
    font-weight:500;
    color:#222;
}
.stars{
    display:flex;
    gap:2px;
}
.stars i{
    color:#fbbc05;
    font-size:13px;
}
.rating-score{
    font-weight:700;
    color:#222;
}
.review-count{
  font-weight:700;
    color:#222;
    font-size:15px;
}
.write-review-btn{
    background:linear-gradient(135deg,#226303,#5ba029);
    color:#fff;
    padding:12px 26px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
}
.write-review-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(34,99,3,.25);
}
.review-slider{
padding-bottom: 20px;
position:relative;
overflow:hidden;
}
.owl-theme .owl-nav {
    display: none !important;
}
.owl-carousel .owl-stage-outer{
 padding-bottom: 20px;
}
.review-track{
    display:flex;
    gap:22px;
    transition:transform .6s ease;
}
.review-card{
    background:#ffffff;
    border-radius:16px;
    padding:20px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    position:relative;
    flex-shrink:0;
    transition:.35s;
}
.review-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(34,99,3,.18);
}
.card-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}
.profile{
    display:flex;
    align-items:center;
    gap:12px;
}
.profile img{
    width:40px !important;
    height:40px !important;
    border-radius:50%;
    object-fit:cover;
}
.profile h4{
    font-size:14px;
    color:#222;
    margin-bottom:0px;
}
.profile span{
    font-size:13px;
    color:#333;
}
.google-icon img{
width: 30px;
}

.rating{
    color:#fbbc05;
    font-size:18px;
    margin-bottom:15px;
}
.rating i{
    color:#4285F4;
    margin-left:5px;
}
.review-card p{
    color:#333;
    font-size:14px;
    line-height:1.5;
}
.review-card a{
    display:inline-block;
    margin-top:8px;
    color:#226303;
    font-weight:400;
font-size: 14px;
    text-decoration:none;
}

.review-card a:hover{
    color:#5ba029;
}
.review-photo{
    width:100%;
    border-radius:10px;
    object-fit:cover;
}
.slider-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:48px;
    height:48px;
    border:none;
    border-radius:50%;
    background:#fff;
    color:#226303;
    font-size:18px;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    transition:.35s;
    z-index:20;
}
.slider-btn:hover{
    background:#226303;
    color:#fff;
}
.prev{
    left:-10px;
}
.next{
    right:-10px;
}
.review-card{
    opacity:0;
    transform:translateY(40px);
    animation:reviewFade .8s forwards;
}
.review-card:nth-child(1){
    animation-delay:.1s;
}
.review-card:nth-child(2){
    animation-delay:.2s;
}
.review-card:nth-child(3){
    animation-delay:.3s;
}
.review-card:nth-child(4){
    animation-delay:.4s;
}
@keyframes reviewFade{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}
.review-track{
    will-change:transform;
}
.review-slider:hover .review-track{
    cursor:grab;
}
.review-slider:active .review-track{
    cursor:grabbing;
}
.review-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#226303,#5ba029);
    transform:scaleX(0);
    transition:.4s;
}
.review-card:hover::before{
    transform:scaleX(1);
}
.review-card:hover .profile img{
    transform:scale(1.08);
}
.profile img{
    transition:.35s;
}
.write-review-btn{
    transition:.35s;
}
.write-review-btn:hover{
    background:linear-gradient(135deg,#5ba029,#226303);
}

/*---------FOOTER CSS----------*/

.main-footer{
    background:#f8f9fa;
    border-top:2px solid #226303;
    padding:70px 0 10px;
    font-family:'Poppins',sans-serif;
}
.footer-column h3{
    color:#226303;
    font-size:16px;
    font-weight:700;
    margin-bottom:22px;
    display:flex;
    align-items:center;
    gap:10px;
    line-height:1.3;
}
.footer-column h3 i{
    color:#5ba029;
    font-size:20px;
}
.fab-items a i:nth-last-child(2){
    position: relative;
    top: 0;
    left: 0;
}
.footer-column ul{
    list-style:none;
    margin:0;
    padding:0;
}
.footer-column ul li{
    margin-bottom:4px;
}
.footer-column ul li a{
    color:#444;
    text-decoration:none;
    font-size:14px;
    transition:.3s ease;
    position:relative;
    padding-left:0;
}
.footer-column ul li a::before{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:0;
    height:2px;
    background:#5ba029;
    transition:.35s;
}
.footer-column ul li a:hover{
    color:#226303;
    padding-left:8px;
}
.footer-column ul li a:hover::before{
    width:100%;
}
.contact-column p{
    margin-bottom:7px !important;
    color:#444;
    font-size:15px;
    line-height:1.9;
}
.contact-column p strong{
    color:#222;
}
.contact-column i{
    color:#5ba029;
    width:20px;
    margin-right:8px;
}
.contact-column a{
    color:#226303;
    text-decoration:none;
    font-weight:600;
}
.contact-column a:hover{
    color:#5ba029;
}
.footer-bottom{
    margin-top:30px;
    border-top:1px solid #d9d9d9;
    padding-top:15px;
    text-align:center;
}
.footer-bottom p{
    color:#555;
    font-size:14px;
    line-height:1.8;
}
.footer-bottom strong{
    color:#226303;
    font-weight:700;
}
.footer-bottom i{
    color:#5ba029;
    margin-right:6px;
}
.copyright{
    margin-top:12px;
    color:#777;
    font-size:14px;
}
.footer-column{
    animation:footerFade .8s ease;
}
@keyframes footerFade{

    from{
        opacity:0;
        transform:translateY(35px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}
.footer-logo a img{
    max-width: 110px;
    margin-bottom: 25px;
}
.footer-column ul li{
    transition:.3s;
}
.footer-column ul li:hover{
    transform:translateX(6px);
}
.footer-column h3 i{
    transition:.35s;
}
.footer-column:hover h3 i{
    transform:rotate(15deg) scale(1.15);
    color:#226303;
}
.contact-column p{
    transition:.3s;
}
.contact-column p:hover{
    color:#226303;
}
.footer-column ul li a,
.contact-column a{
    transition:all .3s ease;
}
.footer-column ul li a:hover,
.contact-column a:hover{
    color:#5ba029;
}
.footer-bottom strong{
    color:#226303;
}
.footer-bottom i{
    color:#5ba029;
}

/*=========================
 BACK TO TOP BUTTON
=========================*/

.back-top-btn{
    position:fixed;
    right:25px;
    bottom:25px;
    width:58px;
    height:58px;
    border:none;
    border-radius:50%;
    background:linear-gradient(135deg,#226303,#5ba029);
    color:#fff;
    font-size:22px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 30px rgba(34,99,3,.35);
    opacity:0;
    visibility:hidden;
    transform:translateY(30px) scale(.8);
    transition:.4s ease;
    z-index:9999;
}
.back-top-btn.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
    animation:floatBtn 2.5s ease-in-out infinite;
}
.back-top-btn:hover{
    transform:translateY(-8px) scale(1.12) rotate(360deg);
    box-shadow:0 18px 45px rgba(34,99,3,.45);
}
.back-top-btn i{
    transition:.35s;
}
.back-top-btn:hover i{
    transform:translateY(-3px);
}
.back-top-btn::before{
    content:"";
    position:absolute;
    inset:-8px;
    border-radius:50%;
    border:2px solid rgba(91,160,41,.4);
    animation:ripple 2s linear infinite;
}
.back-top-btn::after{
    content:"";
    position:absolute;
    inset:-16px;
    border-radius:50%;
    border:2px solid rgba(91,160,41,.2);
    animation:ripple 2s linear infinite .8s;
}
@keyframes floatBtn{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

}


@keyframes ripple{

    0%{

        transform:scale(.8);

        opacity:1;

    }

    100%{

        transform:scale(1.5);

        opacity:0;

    }

}
.fab{
    position:fixed;
    left:25px;
    bottom:25px;
    z-index:9999;
}
.fab-toggle{
    width:55px;
    height:55px;
    border:none;
    border-radius:50%;
    background:linear-gradient(135deg,#226303,#5ba029);
    color:#fff;
    font-size:20px;
    cursor:pointer;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
    transition:.4s;
}
.fab-items{
    position:absolute;
    bottom:60px;
    left:0px;
}
.fab-item{
    width:45px;
    height:45px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    text-decoration:none;
    margin-bottom:15px;
    transform:translateY(30px) scale(.4);
    opacity:0;
    pointer-events:none;
    transition:.4s;
    position:relative;
}
.fab.active .fab-item{
    transform:translateY(0) scale(1);
    opacity:1;
    pointer-events:auto;
}
a{
    text-decoration: none;
}
.fab .call{background:#2f88a8;}
.fab .quote{background:#2c8f8d;}
.fab .whatsapp{background:#25D366;
}
.fab-item span{
    position:absolute;
    left:70px;
    background:#444;
    color:#fff;
    padding:8px 14px;
    border-radius:6px;
    white-space:nowrap;
    opacity:0;
    transition:.3s;
}
.fab-item:hover span{
    opacity:1;
}
.fab-item:hover{
    transform:scale(1.15);
    box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.fab-item span,
.fab-toggle span{
    position:absolute;
    left:65px;
    top:50%;
    transform:translateY(-50%);
    background:#444;
    color:#fff;
    padding:8px 14px;
    border-radius:6px;
    font-size:10px;
    font-weight:400;
    white-space:nowrap;
    letter-spacing: 2.5px;
    box-shadow:0 5px 15px rgba(0,0,0,.25);
    opacity:1;
    visibility:visible;
}
.fab-item span::before,
.fab-toggle span::before{
    content:"";
    position:absolute;
    left:-6px;
    top:50%;
    transform:translateY(-50%);
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    border-right:6px solid #444;
}
.fab-item{
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    text-decoration:none;
    position:relative;
    padding:0;
}
.fab-items a i{
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform:translateY(1px);
}

/* ------------------------- inner page css start ------------------------ */


/*=================INNER BANNER===============*/
.pricing-container{
  padding: 180px 30px 0px;
  background:
        radial-gradient(
            circle at top left,
            rgba(132, 183, 92, 0.918) 0%,
            rgba(132,183,92,.22) 22%,
            transparent 45%
        ),

        radial-gradient(
            circle at top right,
            rgba(132, 183, 92, 0.918) 0%,
            rgba(132,183,92,.22) 22%,
            transparent 45%
        ),

        #ffffff;
}
.inner-banner-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:50px;
    background:#fff;
    border:1px solid #9b9999;
    margin-bottom:30px;
}
.inner-banner-badge i{
    font-size:13px;
}
.inner-banner-badge span{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1.2px;
    color:#333;
    font-weight:700;
}
.inner-banner-title{
    font-size:52px;
    line-height:1.05;
    font-weight:800;
    color:#084420;
    letter-spacing:-2px;
    margin-bottom:28px;
    max-width:630px ;
}
.inner-banner-description{
    max-width:800px;
    color:#333;
    font-size:18px;
    line-height:1.6;
    margin-bottom:38px;
}
.inner-banner-info{
   /* display: flex;
   align-items: center;
   gap:12px; */
   margin:45px 0;
}
.banner-info{
    position:relative;
    display:flex;
    align-items:center;
    gap:15px;
    border:1px solid #d5edc9;
    border-radius:18px;
    box-shadow:0 15px 40px #d5edc9;
    transition:.35s ease;
    overflow:hidden;
    border-radius: 12px;
    padding: 12px 5px;
    font-weight: 600;
    font-size: 14px;
    background: #f8fff4;
}
.banner-info::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    opacity:.08;
    transition:.45s;
}
.banner-info:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 45px rgba(34,99,3,.18);
}
.banner-info:hover::before{
    width:100%;
}
.banner-info .icon{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;
}
.banner-info .star{
   color:#F9A825;
   letter-spacing: 1px;
    font-size: 13px;
}
.trophy{
    color: #ffcc4d;
}
.shield{
   color:#226699;
}
.refresh{
   color: #3b88c3;
}
.info-card h5{
    font-size:18px;
    font-weight:700;
    color:#18351a;
    margin-bottom:4px;
}
.banner-info{
    display: flex;
    justify-content: center;
    align-items: center;
}
.info-card span{
    font-size:14px;
    color:#5f6e5f;
    line-height:1.5;
}
.banner-info .text{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
}
.banner-info .text h5{
margin-bottom: 0px !important;
font-weight: 600;
font-size: 14px;
}
.banner-info .text span{
display: inline-block;
font-size: 14px;
}
.inner-banner-tabs{
    display:flex;
    gap:16px;
    margin-top:70px;
    padding:12px 0px;
    border-bottom: 1px solid #cdedcd;
    overflow-x:auto;
    scrollbar-width:none;
}
.inner-banner-tabs::-webkit-scrollbar{
    display:none;
}
.tab-btn{
    display:flex;
    align-items:center;
    gap:10px;
    white-space:nowrap;
    border-radius:30px;
    transition:.35s;
    padding: 12px 15px;
    font-weight: 600;
    font-size: 14px;
    background: #5ea52d2e;
     color: #000;
}
.inner-banner-tabs button{
    border: none !important;
}
.tab-btn i{
    font-size:16px;
}
.tab-btn:hover{
    background:#f5fbf1;
    color:#226303;
}
.tab-btn.active{
    color:#fff;
    background:linear-gradient(
        135deg,
        #226303,
        #5BA029
    );
    box-shadow:0 15px 30px rgba(34,99,3,.20);
}
.tab-btn.active i{
    color:#fff;
}
@keyframes floatCard{
    0%{

        transform:translateY(0);

    }
    50%{

        transform:translateY(-6px);

    }
    100%{

        transform:translateY(0);

    }

}
.info-card:nth-child(2){
    animation:floatCard 5s ease-in-out infinite;
}
.info-card:nth-child(4){
    animation:floatCard 6s ease-in-out infinite;
}

.cleaning-packages{
    padding:80px 0;
    background:#fff;
}
.section-heading{
    max-width:650px;
    margin-bottom:35px;
}
.section-heading span{
    display:block;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.2px;
    color:#5ca226;
    text-transform:uppercase;
    margin-bottom:8px;
}
.section-heading h2{
    font-size:34px;
    font-weight:800;
    color:#084420;
    margin-bottom:12px;
    line-height:1.1;
}
.section-heading p{
    font-size:16px;
    color:#333;
    line-height:1.8;
}
.package-card{
    position:relative;
    background:#fff;
    border:1px solid #b8d5a8;
    border-radius:12px;
    padding:18px;
    transition:.35s;
    display:flex;
    flex-direction:column;
}
.package-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(34,99,3,.12);
}
.package-card.featured{
    border:2px solid #226303;
}
.popular{
    position:absolute;
  top: -14px;
    right: 15px;
    background:#226303;
    color:#fff;
        font-weight: 700;
    font-size: 11px;
    padding:7px 15px;
    border-radius:30px;
    letter-spacing:.8px;
}
.package-icon{
    width:45px;
    height:42px;
    border-radius:8px;
    background:#eaf7e3;
    color:#226303;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:5px;
    font-size:18px;
}
.package-card h3{
 font-weight: 700;
    font-size: 16.5px;
    line-height: 1.28;
    margin: 14px 0 6px;
}
.package-card p{
    font-size:14px;
    color:#707070;
    font-weight: 600;
    line-height:1.7;
}
.package-price{
    display: flex;
    align-items: flex-end;
    gap: 7px;
    margin-top:8px;
    padding-top:8px;
    border-top:1px dashed #d8d8d8;
}
.package-price span{
    display:inline-block;
    color:#707070;
    letter-spacing:1px;
    margin-bottom:3px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.package-price strong{
    font-size:22px;
    color:#06431f;
    font-weight:800;
}
.package-card:hover .package-icon{
    background:#226303;
    color:#fff;
}
.package-card:hover .package-price strong{
    color:#226303;
}
.packages-grid .col-xl-4{
    margin-top: 15px;
}
.inner-banner-info{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    margin-top:40px;
}

/*--------------CARPET SECTION--------------*/

.carpet-cleaning-section{
    padding:80px 0;
    background:#fff;
}
.carpet-section-heading{
    max-width:700px;
    margin:0 auto 45px;
    text-align:center;
}
.carpet-section-subtitle{
    display:inline-block;
    padding:8px 18px;
    border-radius:50px;
    background:#eef8e8;
    color:#226303;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
}
.carpet-section-title{
    font-size:42px;
    font-weight:800;
    color:#0d3d1f;
    line-height:1.2;
    margin-bottom:15px;
}
.carpet-section-description{
    max-width:650px;
    margin:auto;
    font-size:16px;
    color:#666;
    line-height:1.8;
}
.carpet-card{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px 12px;
    height:100%;
    border-radius:14px;
    background:#fff;
    border:1px solid #dcead4;
    transition:.35s ease;
    overflow:hidden;
}
.carpet-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:#83B75C;
    transition:.35s;
}
.carpet-card:hover{
    transform:translateY(-8px);
    border-color:#83B75C;
    box-shadow:0 18px 45px rgba(34,99,3,.12);
}
.carpet-card i:hover{
    color: #fff !important;
    background: rgb(34, 99, 3);
    border-radius: 4px;
}
.carpet-card:hover::before{
    width:100%;
    opacity:.05;
}
.carpet-card-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:14px;
    background:#eef8e8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#226303;
    transition:.35s;
    position:relative;
    z-index:2;
}
.carpet-card-content{
    flex:1;
    position:relative;
    z-index:2;
}
.carpet-card-title{
    margin:0;
    font-size:17px;
    font-weight:700;
    color:#173647;
    line-height:1.5;
}
.carpet-content h4{
font-weight: 600;
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 2px !important;
}
.carpet-content p{
       font-size: 12px;
    color: #333;
    margin-top: 1px; 
    margin-bottom: 0px !important;
}
.carpet-icon i{
    width: 35px;
    height: 35px;
    border-radius: 4px;
    background-color: #83b75c75;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
      color:#226303;
}
.carpet-price{
    text-align:right;
    font-size:22px;
    font-weight:800;
    color:#226303;
    position:relative;
    z-index:2;
}
.carpet-card:hover .carpet-icon i{
     color:#fff !important;
     background: #226303;
}

/*--------------APPLIANCE SECTION----------------*/
.appliance-cleaning-section{
    padding:80px 0;
    background:#fff;
}
.appliance-section-heading{
    max-width:700px;
    margin:0 auto 45px;
    text-align:center;
}
.appliance-section-subtitle{
    display:inline-block;
    padding:8px 18px;
    border-radius:50px;
    background:#eef8e8;
    color:#226303;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
}
.appliance-section-title{
    font-size:42px;
    font-weight:800;
    color:#0d3d1f;
    line-height:1.2;
    margin-bottom:15px;
}
.appliance-section-description{
    max-width:650px;
    margin:auto;
    font-size:16px;
    color:#666;
    line-height:1.8;
}
.appliance-card{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:18px;
    height:100%;
    border-radius:14px;
    background:#fff;
    border:1px solid #dcead4;
    transition:.35s ease;
    overflow:hidden;
}

.appliance-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:#83B75C;
    transition:.35s;
}

.appliance-card:hover{
    transform:translateY(-8px);
    border-color:#83B75C;
    box-shadow:0 18px 45px rgba(34,99,3,.12);
}

.appliance-card:hover::before{
    width:100%;
    opacity:.05;
}
.appliance-icon i{
 width: 35px;
    height: 35px;
    border-radius: 4px;
    background-color: #83b75c75;
    display: flex;
    align-items: center;
    justify-content: center;
     font-size:20px;
       color:#226303;
          position:relative;
    z-index:2;
    transition:.35s;
}
.appliance-card:hover .appliance-icon i{
    background:#226303;
    color:#fff !important;
    border-radius: 4px;
}
.appliance-content h4{
    font-weight: 600;
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 2px !important;
}
.appliance-price{
        text-align: right;
    font-size: 22px;
    font-weight: 800;
    color: #226303;
    position: relative;
    z-index: 2;
}
.appliance-card-content{
    flex:1;
    position:relative;
    z-index:2;
}
.appliance-card-title{
    margin:0;
    font-size:17px;
    font-weight:700;
    color:#173647;
    line-height:1.5;
}
.appliance-card-price{
    min-width:70px;
    text-align:right;
    font-size:28px;
    font-weight:800;
    color:#226303;
    position:relative;
    z-index:2;
}

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

.addons-section{
    padding:80px 0;
    background:#fff;
}
.addons-section-heading{
    max-width:700px;
    margin:0 auto 45px;
    text-align:center;
}
.addons-section-subtitle{
    display:inline-block;
    padding:8px 18px;
    border-radius:50px;
    background:#eef8e8;
    color:#226303;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:18px;
}
.addons-section-title{
    font-size:42px;
    font-weight:800;
    color:#0d3d1f;
    line-height:1.2;
    margin-bottom:15px;
}
.addons-section-description{
    font-size:16px;
    color:#666;
    line-height:1.8;
    max-width:650px;
    margin:0 auto;
}
.addons-card{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:18px;
    height:100%;
    border-radius:14px;
    background:#fff;
    border:1px solid #dcead4;
    transition:.35s ease;
    overflow:hidden;
}
.addons-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:#83B75C;
    transition:.35s;
}
.addons-card:hover{
    transform:translateY(-8px);
    border-color:#83B75C;
    box-shadow:0 18px 45px rgba(34,99,3,.12);
}
.addons-card:hover::before{
    width:100%;
    opacity:.05;
}
.addons-card-icon i{
    width: 35px;
    height: 35px;
    border-radius: 4px;
    background-color: #83b75c75;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:#226303;
    position:relative;
    z-index:2;
    transition:.35s;
}
.addons-card:hover .addons-card-icon i{
    background:#226303;
    color:#fff !important;
    border-radius: 4px;
}
.addons-card-content{
    flex:1;
    position:relative;
    z-index:2;
}
.addons-card-title{
    font-weight: 600;
    font-size: 14px;
    line-height: 1.25;
    margin-bottom: 2px !important;
}
.addons-card-price{
        text-align: right;
    font-size: 22px;
    font-weight: 800;
    color: #226303;
    position: relative;
    z-index: 2;
}
.carpet-card,
.appliance-card,
.addons-card{

    opacity:0;

    transform:translateY(40px);

    transition:
    opacity .6s ease,
    transform .6s ease,
    box-shadow .35s ease;

}
.carpet-card,
.appliance-card,
.addons-card.show{
    opacity:1;
    transform:translateY(0);
}
.carpet-icon,
.appliance-icon,
.addons-card-icon{
    transition:.35s ease;
}
.carpet-card:hover .carpet-icon,
.appliance-card:hover .appliance-icon,
.addons-card:hover .addons-card-icon{
    transform:rotate(-8deg) scale(1.08);
}

/*========================================
    PRESSURE & COMMERCIAL SECTION
========================================*/

.pressure-commercial-section{
    padding:90px 0;
    background:#fff;
}
.pressure-section-heading{
    max-width:760px;
    margin-bottom:45px;
}
.pressure-section-subtitle{
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #5ca226;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.pressure-section-title{
font-size: 34px;
    font-weight: 800;
    color: #084420;
    margin-bottom: 12px;
    line-height: 1.1;
}

.pressure-section-description{
    font-size: 16px;
    color: #333;
    line-height: 1.8;
}
.pressure-service-card{
    height:100%;
    display:flex;
    align-items:flex-start;
    gap:20px;
    padding:28px;
    background:#fff;
    border:1px solid #226303;
    border-radius:24px;
    box-shadow:0 15px 40px #eaf7e3;
    transition:.35s;
}
.pressure-service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 55px #eaf7e3;
}
.pressure-service-icon{
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #eaf7e3;
    color: #226303;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 800;
}
.pressure-service-content{
    flex:1;
}
.pressure-service-name{
    font-weight: 700;
    font-size:22px;
    line-height: 1.28;
    color:#226303;
    margin-bottom: 0px !important;
}
.pressure-service-text{
font-size: 16px;
    margin-top: 10px;
    color: #333;
}
.pressure-service-card p{
    margin-bottom: 8px !important;
}
.pressure-service-price{
    font-size: 24px;
    color: #06431f;
    font-weight: 800;
}
.pressure-service-price span{
    font-size:28px;
    font-weight:700;
}
.pressure-features{
    margin-top:55px;
}
.pressure-feature-card{
    display:flex;
    align-items:flex-start;
    gap:15px;
    height:100%;
}
.pressure-feature-icon i{
    width:35px;
    height:35px;
    border-radius:4px;
    background:#83b75c75;
    color:#226303;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    transition:.3s;
}
.pressure-feature-card:hover .pressure-feature-icon i{
    background:#226303;
    color:#fff;
}
.pressure-feature-title{
  font-weight: 700;
    font-size: 18px;
    line-height: 1.28;
    color: #226303;
    margin-bottom: 0px !important;
}
.pressure-feature-text{
    margin:0;
    font-size:16px;
    color:#333;
}
.pressure-service-card,
.pressure-feature-card{
    transition:.35s;
}
.pressure-feature-card:hover{
    transform:translateY(-5px);
}

/* -------------- booking-banner ------------- */

.booking-banner{
    position:relative;
    overflow:hidden;
    padding:160px 0 90px;
    background:
    radial-gradient(circle at top left,
    rgba(34,99,3,.20) 0%,
    rgba(34,99,3,.10) 18%,
    transparent 42%),
    radial-gradient(circle at top right,
    rgba(34,99,3,.20) 0%,
    rgba(34,99,3,.10) 18%,
    transparent 42%),
    #ffffff;
}

.booking-banner::before{
    content:"";
    position:absolute;
    left:50%;
    top:-180px;
    transform:translateX(-50%);
    width:900px;
    height:900px;
    background:radial-gradient(circle,
    rgba(34,99,3,.10),
    transparent 70%);
    pointer-events:none;
}
.booking-banner-content{
    position:relative;
    z-index:2;
    max-width:628px;
    margin:auto;
    text-align:center;
}
.booking-banner-badge{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #9b9999;
    margin-bottom: 30px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #333;
    font-weight: 700;
}

.booking-banner-title{
    font-size:48px;
    font-weight:800;
    line-height:1.08;
    color: #084420;
    margin-bottom:28px;
}

.booking-banner-title span{
    position:relative;
}

.booking-banner-title span::after{
    content:"";
    position:absolute;
    left:0;
    bottom:8px;
    width:100%;
    height:16px;
    background:rgba(34,99,3,.18);
    z-index:-1;
}

.booking-banner-description{
    max-width:850px;
    margin:auto;
    font-size:18px;
    line-height:1.6;
    color:#333;
}
.booking-banner-buttons{
    display:flex;
    justify-content:center;
    gap:18px;
    margin:30px 0 10px;
}
.booking-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-family: var(--font-head);
    font-weight: 700;
    font-size: 16px;
    padding: 15px 26px;
    border-radius: 14px;
    text-decoration: none;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;   
}
.booking-btn-primary{
    background:#226303;
    color:#fff;
}
.booking-btn-primary:hover{
    background:#184902;
    transform:translateY(-5px);
}
.booking-btn-outline{
    border:2px solid #226303;
    color:#173647;
    background:#fff;
}
.booking-btn-outline:hover{
    background:#226303;
    color:#fff;
}
.booking-banner-rating{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}
.booking-stars{
    color:#f6b400;
    font-size:13px;
}
.booking-banner-rating p{
    margin:0;
    color:#6d7f8d;
    font-size:13px;
}
.booking-banner-content{
opacity:0;
transform:translateY(45px);
transition:.8s ease;
}
.booking-banner.show .booking-banner-content{
opacity:1;
transform:translateY(0);
}

/* ------------- quick-booking-flow ------------ */
.quick-booking-flow{
    padding:90px 0;
    background:#fff;
}
.quick-benefit-card{
    display:flex;
    align-items:flex-start;
    gap:18px;
    height:100%;
    padding:22px;
    border:1px solid #dce8ef;
    border-radius:20px;
    background:#fff;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
    transition:.35s;
    position:relative;
    overflow:hidden;
}
.quick-benefit-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:#83B75C;
    transition:.35s;
}
.quick-benefit-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.10);
}
.quick-benefit-card:hover::before{
    width:100%;
    opacity:.05;
}
.quick-benefit-icon{
    width: 35px;
    height: 35px;
    border-radius:8px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#e8f5fc;
    color:#0d8cc8;
    font-size:15px;
    transition:.35s;
    background-color: #83b75c75;
    color: #226303;
}
.quick-benefit-card:hover .quick-benefit-icon{
 color: #fff !important;
        background: rgb(34, 99, 3);
    border-radius: 8px;
    transform:rotate(-8deg);
}
.quick-benefit-content{
    flex:1;
}
.quick-benefit-title{
    font-size:16px;
    font-weight:800;
    color:#226303;
    margin-bottom:2px !important;
}
.quick-benefit-description{
    font-size:14px;
    color:#333;
    line-height:1.5;
    margin:0;
}
.quick-review-area{
    padding:65px 0;
    text-align:center;
}
.quick-review-title{
font-weight: 700;
    font-size: 13px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 14px;
}
.quick-review-box{
    max-width:760px;
    margin:auto;
    padding:26px;
    border-radius:22px;
    background:#fff;
    border:1px solid #dce8ef;
    box-shadow:0 12px 40px #e4ebe0;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
}
.quick-review-stars{
    display:flex;
    gap:4px;
}
.quick-review-stars i{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color:#fff;
    font-size:16px;
    background-color: #00b67a;
}
.quick-review-text{
    font-size:16px;
    font-weight:600;
    color:#333;
}
.quick-step-card{
    height:100%;
    padding:35px;
    border-radius:22px;
    background:#f8fbfd;
    border:1px solid #dce8ef;
    transition:.35s;
}
.quick-step-card:hover{
    transform:translateY(-8px);
    background:#fff;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
}
.quick-step-number{
    width:34px;
    height:34px;
    border-radius:8px;
      background: linear-gradient(#226303, #5ba029);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:700;
    margin-bottom:15px;
}
.quick-step-title{
    font-size:16px;
    font-weight:700;
    color: #07421e;
    margin-bottom:4px;
}
.quick-step-description{
    font-size:14px;
    font-weight: 500;
    line-height:1.8;
    color: #7e7e7e;
    margin:0;
}

/* ------------ booking-postcode-section ------------ */

.booking-postcode-section{
    padding:100px 0;
    position:relative;
    overflow:hidden;
    background:
    radial-gradient(circle at top left,rgba(34,99,3,.18) 0%,rgba(34,99,3,.08) 22%,transparent 45%),
    radial-gradient(circle at top right,rgba(34,99,3,.18) 0%,rgba(34,99,3,.08) 22%,transparent 45%),
    #ffffff;
}
.booking-postcode-section::before{
    content:"";
    position:absolute;
    left:-120px;
    top:-120px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(34,99,3,.05);
    filter:blur(80px);
}
.booking-postcode-section::after{
    content:"";
    position:absolute;
    right:-120px;
    bottom:-120px;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(34,99,3,.05);
    filter:blur(80px);
}
.booking-postcode-heading{
    position:relative;
    z-index:2;
    text-align:center;
    max-width:760px;
    margin:0 auto 60px;
}
.booking-postcode-subtitle{
    display:inline-block;
    margin-bottom:12px;
    color:#226303;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
}
.booking-postcode-title{
    font-size:32px;
    font-weight:800;
    line-height:1.1;
    color:#173647;
    margin-bottom:18px;
}
.booking-postcode-description{
    max-width:700px;
    margin:0px auto;
    color:#566a47;
    font-size:16px;
    line-height:1.8;
}
.booking-postcode-secure{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#226303;
    font-weight:700;
    font-size:14px;
}
.booking-postcode-card{
    position:relative;
    z-index:2;
    padding:40px;
    border-radius:28px;
    background:#fff;
    border:1px solid #dcead4;
    box-shadow:0 25px 60px rgba(34,99,3,.08);
    transition:.35s;
}
.booking-postcode-card:hover{
    transform:translateY(-8px);
    box-shadow:0 35px 80px rgba(34,99,3,.12);
}
.down-part{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 35px;
}
.bokking-logo img{
    max-width: 100px;
}
.booking-postcode-image{
    text-align:center;
}
.booking-postcode-image img{
    width:100%;
    max-width:320px;
    display:block;
    margin:auto;
}
.booking-postcode-content{
    padding-left:20px;
}
.booking-postcode-card-title{
    font-size:32px;
    font-weight:800;
    color: #07431d;
    margin-bottom:10px;
}
.booking-postcode-card-description{
    font-size:18px;
    color:#667987;
    line-height:1.8;
    margin-bottom:20px;
}
.booking-postcode-input-group{
    display:flex;
    align-items:center;
    background:#fff;
    border:2px solid #226303;
    border-radius:10px;
    overflow:hidden;
    transition:.35s;
    width: 320px;
    margin: 0 auto;
}
.booking-postcode-input-group:focus-within{
    border-color:#226303;
    box-shadow:0 0 0 5px rgba(34,99,3,.10);
}
.booking-postcode-input-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#226303;
    font-size:18px;
    padding-left: 12px;
}
.booking-postcode-input{
    flex:1;
    border:none;
    outline:none;
    font-size:17px;
    color:#173647;
    background:transparent;
    width: 60px;
    text-indent: 8px;
}
.booking-postcode-input::placeholder{
    color:#94a5b1;
}
.booking-postcode-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding: 14px 5px;
    border:none;
    background:#226303;
    color:#fff;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
    transition:.35s;
}
.booking-postcode-button:hover{
    background:#184902;
}
.booking-postcode-button i{
    transition:.35s;
}
.booking-postcode-button:hover i{
    transform:translateX(5px);
}
.booking-postcode-message{
    margin-top:18px;
    font-size:15px;
    font-weight:600;
    color:#226303;
}
.booking-button a{
display: inline-block;
color: #fff;
padding: 12px 30px;
font-size: 16px;
font-weight: 500;
border-radius: 8px;
background: linear-gradient(#226303, #5ba029);
}


/* ------------- confidence-banner-section ------------ */

.confidence-banner-section{
    padding:90px 0;
}
.confidence-banner-wrapper{
    position:relative;
    overflow:hidden;
    padding:40px;
    background: linear-gradient(135deg, rgb(34, 99, 3), rgb(91, 160, 41));
    box-shadow:0 25px 60px rgba(17,115,154,.18);
}
.confidence-banner-wrapper::before{
    content:"";
    position:absolute;
    left:-140px;
    top:-140px;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    filter:blur(30px);
}
.confidence-banner-wrapper::after{
    content:"";
    position:absolute;
    right:-120px;
    bottom:-120px;
    width:340px;
    height:340px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    filter:blur(35px);
}
.confidence-banner-heading{
    position:relative;
    z-index:2;
    text-align:center;
    margin-bottom:35px;
}
.confidence-banner-title{
    margin:0;
    font-size:32px;
    font-weight:800;
    color:#044420;
    line-height:1.1;
}
.confidence-feature-row{
    position:relative;
    z-index:2;
    margin-bottom:35px;
}
.confidence-feature-card{
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:center;
    padding:12px 10px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(12px);
    transition:.35s;
}
.confidence-feature-card:hover{
    transform:translateY(-6px);
    background:rgba(255,255,255,.16);
    box-shadow:0 18px 40px rgba(0,0,0,.15);
}
.confidence-feature-icon{
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: rgba(255, 255, 255, .18);
    color: #fff;
    font-size: 12px;
    transition: .35s;
}
.confidence-feature-card:hover .confidence-feature-icon{
    transform:rotate(-8deg) scale(1.08);
    background:#ffffff;
    color:#11739a;
}
.confidence-feature-content{
    flex:1;
}
.confidence-feature-title{
    margin:0;
    font-size:13px;
    font-weight:700;
    color:#fff;
    line-height:1.4;
}
.confidence-banner-footer{
    position:relative;
    z-index:2;
    text-align:center;
}
.confidence-banner-text{
    margin:0;
    color:#f4fbff;
    font-size:15px;
    font-weight:500;
}
.confidence-banner-link{
    color:#ffffff;
    font-weight:700;
    text-decoration:underline;
    transition:.3s;
}
.confidence-banner-link:hover{
    color:#d9f6ff;
}

/* ========================== contact us page css ========================== */

.contact-inner-banner{
    width:100%;
    overflow:hidden;
    position:relative;
    padding:115px 30px 110px;
    background:
    radial-gradient(circle at top left,
    rgba(34,99,3,.16) 0%,
    rgba(34,99,3,.07) 22%,
    transparent 46%),
    radial-gradient(circle at top right,
    rgba(34,99,3,.16) 0%,
    rgba(34,99,3,.07) 22%,
    transparent 46%),
    #ffffff;
}
.contact-inner-banner::before{
    content:"";
    position:absolute;
    top:-220px;
    left:50%;
    transform:translateX(-50%);
    width:900px;
    height:900px;
    border-radius:50%;
    background:radial-gradient(circle,
    rgba(34,99,3,.08),
    transparent 70%);
    pointer-events:none;
}
.contact-breadcrumb{
    position:relative;
    z-index:2;
    margin-bottom:70px;
}
.contact-breadcrumb ul{
    display:flex;
    align-items:center;
    gap:14px;
    padding:0;
    margin:0;
    list-style:none;
}
.contact-breadcrumb li{
    font-size:14px;
    color:#333;
    font-weight:500;
}
.contact-breadcrumb li a{
    color: #0a4320;
    text-decoration: none;
    transition: .35s;
    font-size: 14px;
}
.contact-breadcrumb li a:hover{
    color:#226303;
}
.contact-breadcrumb li i{
    color:#0a4320;
    font-size:13px;
}
.contact-banner-content{
    position:relative;
    z-index:2;
    max-width:920px;
    margin:auto;
    text-align:center;
}
.contact-banner-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:35px;
    gap: 8px;
    font: 700 12px / 1 'Poppins';
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #0a4121;
    background:#dfffc854;
    padding: 8px 14px;
    border-radius: 999px;
}
.contact-banner-badge i{
    color:#0a4121;
    font-size:15px;
}
.contact-banner-title{
   font-size: 48px;
    font-weight: 800;
    line-height: 1.08;
    color: #084420;
    max-width: 640px;
    margin: 0px auto 28px;
}
.contact-banner-description{
    max-width:60ch;
    margin:auto;
    font-size:19px;
    line-height:1.8;
    color:#607586;
}
.contact-banner-content{
    opacity:0;
    transform:translateY(50px);
    transition:
    opacity .8s ease,
    transform .8s ease;
}

.contact-banner-content.contact-banner-show{
    opacity:1;
    transform:translateY(0);
}

.contact-banner-badge{
    transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.contact-banner-title{
    transition:
    letter-spacing .35s ease;
}

.contact-banner-title span::after{
    transition:height .35s ease;
}

.contact-banner-title:hover span::after{
    height:20px;
}

.contact-breadcrumb a{
    transition:
    color .3s ease,
    padding-left .3s ease;
}

 /* -------------- contact-information-section ------------- */

.contact-information-section{
    padding:100px 0;
    /* background:
    radial-gradient(circle at top left,
    rgba(34,99,3,.08) 0%,
    transparent 30%),
    radial-gradient(circle at top right,
    rgba(34,99,3,.08) 0%,
    transparent 30%),
    #ffffff; */
    overflow:hidden;
    position:relative;
}
.contact-information-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 60px;
}
.contact-information-subtitle{
    display:inline-block;
    color:#226303;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin-bottom:12px;
}
.contact-information-title{
font-size: 32px;
    font-weight: 800;
    color: #09431f;
    margin-bottom: 18px;
    line-height: 1.1;
}
.contact-information-description{
    font-size:18px;
    line-height:1.8;
    color:#5c6c50;
    font-weight: 400;
}
.contact-information-card{
    background:#ffffff;
    border:1px solid #dce9d6;
    border-radius:18px;
    padding:30px 15px;
    text-align:center;
    height:100%;
    transition:.35s;
    box-shadow:0 12px 35px rgba(34,99,3,.06);
}
.contact-information-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 45px rgba(34,99,3,.12);
}
.contact-information-icon{
    width: 52px;
    height: 52px;
    margin: 0 auto 20px;
    border-radius: 8px;
    background: #eef8e8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #226303;
    font-size: 20px;
    transition: .35s;
}
.contact-information-card:hover .contact-information-icon{
    background:#226303;
    color:#ffffff;
    transform:rotate(-8deg);
}
.contact-information-card-title{
    font: 600 12px / 1 'Poppins';
    font-weight:700;
    color:#828b7c;
    margin-bottom:12px;
    text-transform: uppercase;
}
.contact-information-link{
    display:inline-block;
    color:#226303;
    font-weight:700;
    font-size:17px;
    text-decoration:none;
    transition:.3s;
    word-break:break-word;
}
.contact-information-link:hover{
    color:#226303;
}

/* ------------- contact-opening-hours ------------- */

.contact-opening-hours{
    max-width:520px;
    margin:45px auto 70px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    padding:20px 25px;
    border-radius:18px;
    background: linear-gradient(135deg, #22630338, #5ba029ad);
    border:1px solid #87b668;
}
.contact-opening-hours-icon{
    width:45px;
    height:45px;
    border-radius:12px;
    background:#ffffff45;
    color:#226303;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;
}
.contact-opening-hours-content h5{
    margin:0 0 2px !important;
    font-size:16px;
    font-weight:700;
    color:#183243;
}
.contact-opening-hours-content p{
    margin:0;
    font-size:14px;
    color:#6a6a6a;
    font-weight: 400;
}

/* ------------- contact-location-section ------------ */

.contact-location-box{
    background:#ffffff;
    border:1px solid #dce9d6;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(34,99,3,.08);
    background: radial-gradient(circle at left top, rgba(34, 99, 3, 0.08) 0%, transparent 30%), radial-gradient(circle at right top, rgba(34, 99, 3, 0.08) 0%, transparent 30%), rgb(255, 255, 255);
}
.contact-location-content{
    padding: 50px 60px;
}
.contact-location-badge{
    display:inline-block;
    padding:8px 16px;
    border-radius:30px;
    background:#eef8e8;
    color:#226303;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.3px;
    text-transform:uppercase;
    margin-bottom:10px;
}
.contact-location-title{
    font-size:32px;
    font-weight:800;
    color: #144725;
    margin-bottom:10px;
}
.contact-location-address{
    font-size:17px;
    line-height:1.7;
    color:#5c6a60;
    font-weight: 400;
    margin-bottom:20px;
    max-width: 200px;
}
.contact-location-buttons{
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
}
.contact-location-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 30px;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:.35s;
}
.contact-location-btn-primary{
    background:#226303;
    color:#ffffff;
    box-shadow: 0px 4px 15px #4f9321;
}
.contact-location-btn-primary:hover{
    background:#184902;
    color:#ffffff;
}
.contact-location-btn-outline{
    border:2px solid #226303;
    color:#226303;
    background:#ffffff;
}
.contact-location-btn-outline:hover{
    background:#226303;
    color:#ffffff;
}
.contact-location-map{
    width:100%;
    height:100%;
    min-height:340px;
}

.contact-location-map iframe{
    width:100%;
    height:100%;
    min-height:340px;
    display:block;
    border:0;
}
.contact-location-btn-primary i{
    display:inline-block;
    transform:rotate(-45deg);
}

/* ----------- quick-contact-section ----------- */
.quick-contact-section{
padding:100px 0;
}
.quick-contact-heading{
text-align:center;
margin-bottom:60px;
}
.quick-contact-subtitle{
display:inline-block;
padding:10px 18px;
border-radius:50px;
background:#eef8e8;
color:#226303;
font-size:12px;
font-weight:700;
letter-spacing:1.6px;
text-transform:uppercase;
margin-bottom:18px;
}
.quick-contact-title{
font-size: 32px;
font-weight: 800;
color: #09431f;
margin-bottom: 18px;
line-height: 1.1;
}
.quick-contact-card{
height:100%;
padding:35px 30px;
border-radius:22px;
background:#fff;
border:1px solid #dbe8d4;
box-shadow:0 18px 45px rgba(34,99,3,.06);
transition:.35s;
}
.quick-contact-card:hover{
transform:translateY(-8px);
box-shadow:0 30px 60px rgba(34,99,3,.12);
}
.quick-contact-icon{
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
    border-radius: 8px;
    background: #eef8e8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #226303;
    font-size: 20px;
    transition: .35s;
}
.quick-contact-card:hover .quick-contact-icon{
background:#226303;
color:#fff;
transform:rotate(-8deg);
}
.quick-contact-card-title{
margin:0 0 8px;
color:#183243;
font: 700 20px / 1.25 'Poppins';
font-weight:800;
}
.quick-contact-card-description{
margin:0 0 28px;
color:#6b7d8a;
font-size:16px;
line-height:1.5;
font-weight: 400;
}
.quick-contact-link{
display:inline-flex;
align-items:center;
gap:10px;
color:#0c421f;
font-size:16px;
font-weight:700;
text-decoration:none;
transition:.35s;
}
.quick-contact-link:hover{
color:#226303;
}
.quick-contact-arrow{
display:inline-block;
transition:.35s;
}
.quick-contact-link:hover .quick-contact-arrow{
transform:translateX(6px);
}

/* ----------- career-banner-section ------------ */

.career-banner-section{
padding:0 0 20px;
background:#f7fbff;
}
.career-banner-wrapper{
position:relative;
overflow:hidden;
padding:55px 60px;
background:linear-gradient(135deg,#226303,#35a85e);
}
.career-banner-wrapper::before{
content:"";
position:absolute;
top:-160px;
right:-100px;
width:320px;
height:320px;
border-radius:50%;
background:rgba(255,255,255,.08);
}
.career-banner-content{
display:flex;
align-items:center;
gap:30px;
}
.career-banner-icon{
width:78px;
height:78px;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
border-radius:12px;
background:rgba(255,255,255,.15);
border:1px solid rgba(255,255,255,.25);
color:#fff;
font-size:28px;
}
.career-banner-title{
margin:0 0 14px;
color:#fff;
font-size:32px;
font-weight:800;
line-height:1.1;
}
.career-banner-description{
margin:0;
max-width:360px;
color:rgba(255,255,255,.92);
font-size:16px;
}
.career-banner-button{
display:flex;
align-items:center;
justify-content:flex-end;
height:100%;
}
.career-banner-btn{
display:inline-flex;
align-items:center;
gap:12px;
padding: 16px 36px;
border-radius:60px;
background:#fff;
color:#183243;
font-size:17px;
font-weight:700;
text-decoration:none;
transition:.35s;
box-shadow:0 18px 40px rgba(0,0,0,.15);
}
.career-banner-btn:hover{
background:#183243;
color:#fff;
transform:translateY(-5px);
}
.career-banner-btn i{
transition:.35s;
}
.career-banner-btn:hover i{
transform:translateX(5px) rotate(-45deg);
}
/* -------- contact-faq-section -------- */

.contact-faq-section{
padding:100px 0;
background:#ffffff;
overflow:hidden;
position:relative;
}
.contact-faq-heading{
text-align:center;
margin-bottom:35px;
}
.contact-faq-subtitle{
display:inline-block;
padding:8px 16px;
border-radius:50px;
background: #eef8e8;
color: #226303;
font-size:12px;
font-weight:700;
letter-spacing:1.5px;
text-transform:uppercase;
margin-bottom:18px;
}
.contact-faq-title{
margin:0;
font-size:32px;
font-weight:800;
line-height:1.7;
color:#0d4120;
}
.contact-faq-list{
max-width:900px;
margin:0 auto;
}
.contact-faq-item{
background:#ffffff;
border:1px solid #d8e6ef;
border-radius:16px;
margin-bottom:18px;
overflow:hidden;
transition:.35s;
box-shadow:0 12px 35px rgba(18,58,95,.05);
}
.contact-faq-item:hover{
transform:translateY(-3px);
box-shadow:0 20px 45px rgba(18,58,95,.08);
}
.contact-faq-question{
width:100%;
padding: 16px 22px;
display:flex;
align-items:center;
justify-content:space-between;
background:none;
border:0;
cursor:pointer;
text-align:left;
font-size:17px;
font-weight:700;
color:#06441d;
}
.contact-faq-question span{
padding-right:20px;
}
.contact-faq-toggle{
font-size:18px;
color:#333;
transition:.35s;
flex-shrink:0;
}
.contact-faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .4s ease,padding .35s ease;
padding:0 22px;
}
.contact-faq-answer p{
margin:0;
padding-bottom:16px;
font-size:16px;
line-height:1.8;
color:#657786;
}
.contact-faq-item.active .contact-faq-answer{
max-height:250px;
}
.contact-faq-item.active .contact-faq-toggle{
transform:rotate(45deg);
color:#226303;
}

/* ----------- contact-action-section ---------- */
.contact-action-section{
padding:0 0 40px;
background:#ffffff;
}
.contact-action-wrapper{
padding:70px 40px;
text-align:center;
background: linear-gradient(135deg, #226303, #35a85e);
position:relative;
overflow:hidden;
}
.contact-action-wrapper::before{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:320px;
height:320px;
border-radius:50%;
background:rgba(255,255,255,.08);
}
.contact-action-title{
margin:0 0 18px;
font-size:52px;
font-weight:800;
line-height:1.15;
color:#ffffff;
}
.contact-action-description{
max-width:620px;
margin:0 auto 35px;
font-size:18px;
line-height:1.8;
color:rgba(255,255,255,.92);
}
.contact-action-buttons{
display:flex;
justify-content:center;
align-items:center;
gap:18px;
flex-wrap:wrap;
}
.contact-action-phone{
display:inline-flex;
align-items:center;
gap:10px;
padding:16px 28px;
border-radius:50px;
background:#ffffff;
color:#267216;
font-size:16px;
font-weight:700;
text-decoration:none;
transition:.35s;
}
.contact-action-phone:hover{
transform:translateY(-4px);
color:#226303;
}
.contact-action-book{
display:inline-flex;
align-items:center;
justify-content:center;
padding:16px 34px;
border-radius:50px;
background:#39b54a;
color:#ffffff;
font-size:16px;
font-weight:700;
text-decoration:none;
transition:.35s;
}
.contact-action-book:hover{
background:#226303;
transform:translateY(-4px);
color:#ffffff;
}
.contact-faq-item,
.contact-action-wrapper{
opacity:0;
transform:translateY(50px);
transition:opacity .7s ease,transform .7s ease,box-shadow .35s ease;
}
.contact-faq-item.contact-faq-show,
.contact-action-wrapper.contact-faq-show{
opacity:1;
transform:translateY(0);
}
.contact-faq-question{
transition:.35s;
}
.contact-faq-item:hover .contact-faq-question{
color:#226303;
}
.contact-faq-toggle{
transition:transform .35s ease,color .35s ease;
}
.contact-action-phone,
.contact-action-book{
position:relative;
overflow:hidden;
}
.contact-action-phone::before,
.contact-action-book::before{
content:"";
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:rgba(255,255,255,.18);
transition:.6s;
}
.contact-action-phone:hover::before,
.contact-action-book:hover::before{
left:100%;
}
.contact-action-phone i,
.contact-action-book i{
transition:transform .35s ease;
}
.contact-action-phone:hover i,
.contact-action-book:hover i{
transform:translateX(4px);
}
.contact-action-wrapper:hover{
box-shadow:0 30px 70px rgba(21,115,199,.28);
}

/* ================ all services page start================== */

.section-padding{
padding: 160px 0px;
}
.banner-title h1{
font-size: 34px;
font-weight: 800;
color: #084420;
margin-bottom: 18px !important;
}
.banner-title p{
font-size: 17px;
line-height: 1.9;
color: #333;
margin-bottom: 25px;
font-weight: 400;
}
.hero-buttons .quote-btn{
border-radius: 8px !important;
}
.hero-buttons .book-btn{
border-radius: 8px !important;
}
.services-img img{
    width: 100%;
    border-radius: 15px;
}

/* ---------- aboutpara-section ---------- */

.aboutpara-section{
   margin-bottom: 80px;  
}
.about-para{
max-width: 850px;
margin: 0px auto;
text-align: center;
}
.about-para h2{
    font-size: 32px;
    font-weight: 700;
   color: #084420;
    margin-bottom: 20px;
}
.about-para p{
    font-size: 17px;
    line-height: 1.8;
    color: #333;
    margin: auto;
}

/* ------------- clean-process-section -------------- */

.clean-process-section{
padding:100px 0;
/* background:radial-gradient(circle at top left,rgba(34,99,3,.10) 0%,transparent 32%),radial-gradient(circle at top right,rgba(34,99,3,.08) 0%,transparent 30%),#f8fbf8; */
overflow:hidden;
position:relative;
}
.heading-title{
text-align:center;
margin-bottom:60px;
}
.heading-title h2{
margin:0;
font-weight:800;
line-height:1.15;
font-size: 30px;
color: #08431b;
margin-bottom: 30px;
}
.heading-title p{
 font-size: 17px;
    line-height: 1.8;
    color: #333;
    text-align: center;
    max-width: 850px;
    margin: 0 auto 35px;
}
.clean-process-card{
height:100%;
padding:35px;
border-radius:12px;
text-align:center;
position:relative;
overflow:hidden;
transition:.4s;
}
.clean-process-card::before{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:220px;
height:220px;
border-radius:50%;
background:rgba(255,255,255,.08);
transition:.4s;
}
.clean-process-card:hover::before{
transform:scale(1.25);
}
.clean-process-card:hover{
transform:translateY(-10px);
}
.process-card-green{
background:linear-gradient(135deg,#226303,#3d9b1b);
color:#fff;
box-shadow:0 25px 60px rgba(34,99,3,.22);
}
.process-card-light{
background:linear-gradient(135deg,#4dbe2a,#83b75c);
color:#fff;
box-shadow:0 25px 60px rgba(61,155,27,.22);
}
.process-card-dark{
background:linear-gradient(135deg,#183d17,#226303);
color:#fff;
box-shadow:0 25px 60px rgba(24,61,23,.22);
}
.clean-process-icon{
margin:0 auto 20px;
font-size:32px;
transition:.35s;
}
.clean-process-card:hover .clean-process-icon{
transform:rotate(-10deg) scale(1.08);
color:#226303;
}
.clean-process-card-title{
font-size:22px;
font-weight:800;
line-height:1.2;
color: #e9e9e9;
}
.clean-process-card-description{
margin:0;
font-size:15px;
opacity:.96;
}
.clean-process-buttons{
margin-top:55px;
display:flex;
justify-content:center;
align-items:center;
gap:18px;
flex-wrap:wrap;
}
.clean-process-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 34px;
border-radius:12px;
font-size:16px;
font-weight:700;
text-decoration:none;
transition:.35s;
}
.primary-process-btn{
background:#226303;
color:#fff;
box-shadow:0 18px 40px rgba(34,99,3,.22);
border:2px solid #226303;
}
.primary-process-btn:hover{
background:#173f02;
color:#fff;
transform:translateY(-4px);
}
.secondary-process-btn{
background:#fff;
color:#226303;
border:2px solid #226303;
}
.secondary-process-btn:hover{
background:#226303;
color:#fff;
transform:translateY(-4px);
}

/* ----------- benefits-section -------------- */

.benefits-section{
padding:100px 0;
/* background:radial-gradient(circle at top left,rgba(34,99,3,.08) 0%,transparent 30%),radial-gradient(circle at top right,rgba(34,99,3,.05) 0%,transparent 30%),#f8fbf8; */
overflow:hidden;
position:relative;
}
.heading{
max-width:900px;
margin:0 auto 60px;
text-align:center;
}
.heading h2{
font-size:30px;
font-weight:800;
line-height:1.15;
color: #084420;
margin-bottom: 20px;
text-align: center;
}
.heading p{
font-size: 17px;
line-height: 1.8;
color: #333;
text-align: center;
max-width: 850px;
margin: 0 auto 35px;
}
.heading-title strong{
color: #226303;
font-weight:700;
}
.heading-title em{
color: #226303;
font-weight:700;
}
.benefits-description strong{
color:#183243;
font-weight:700;
}
.benefits-description em{
font-style:italic;
color:#226303;
}
.benefits-card{
height:100%;
display:flex;
align-items:flex-start;
gap:12px;
padding:14px 15px;
border-radius:8px;
background:#ffffff;
border:1px solid #e2ece2;
box-shadow:0 12px 35px rgba(34,99,3,.06);
transition:.35s;
}
.benefits-card:hover{
transform:translateY(-8px);
border-color:#226303;
box-shadow:0 24px 55px rgba(34,99,3,.12);
}
.benefits-icon{
width:20px;
height:20px;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
border-radius:2px;
background:#5ba22e;
color:#fff;
font-size:14px;
transition:.35s;
margin-top: 2px;
}
.benefits-card:hover .benefits-icon{
background:#226303;
color:#fff;
transform:rotate(-10deg) scale(1.08);
}
.benefits-content{
flex:1;
}
.benefits-content p{
margin:0;
font-size:16px;
color:#495866;
}
.benefits-content strong{
font-weight:700;
color:#183243;
}
.benefits-content em{
font-style:italic;
color:#226303;
}

/* ------------ oneoff-price-section ------------ */

.oneoff-price-section{
overflow:hidden;
position:relative;
}
.oneoffback{
    padding:100px 30px;
background:radial-gradient(circle at top left,rgba(34,99,3,.08) 0%,transparent 30%),radial-gradient(circle at top right,rgba(34,99,3,.05) 0%,transparent 28%),#f6faf5;
}
.oneoff-price-card{
height:100%;
padding:35px 28px;
background:#fff;
border:1px solid #e2ece2;
border-radius:20px;
text-align:center;
box-shadow:0 15px 40px rgba(34,99,3,.06);
transition:.35s;
position:relative;
overflow:hidden;
}
.oneoff-price-card::before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:4px;
background:#226303;
transform:scaleX(0);
transition:.35s;
}
.oneoff-price-card:hover::before{
transform:scaleX(1);
}
.oneoff-price-card:hover{
transform:translateY(-8px);
border-color:#226303;
box-shadow:0 25px 55px rgba(34,99,3,.14);
}
.oneoff-price-icon{
    width: 48px;
    height: 48px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eaf7e3;
    color: #226303;
    font-size: 20px;
    transition: .35s;
}
.oneoff-price-card:hover .oneoff-price-icon{
background:#226303;
color:#fff;
transform:rotate(-10deg) scale(1.08);
}
.oneoff-price-card-title{
font-weight:800;
color:#333;
font-size: 18px;
margin-bottom: 8px;
}
.oneoff-price-card-text{
margin:0 0 18px;
font-size:15px;
color:#60707c;
}
.oneoff-price-tag{
display:inline-block;
padding:12px 24px;
border-radius:8px;
background:#1b4208;
color: #fff;
font-size:15px;
font-weight:700;
letter-spacing:.5px;
}
.oneoff-price-buttons{
margin-top:45px;
display:flex;
justify-content:center;
align-items:center;
gap:16px;
flex-wrap:wrap;
}
.oneoff-price-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 32px;
border-radius:8px;
text-decoration:none;
font-size:16px;
font-weight:600;
transition:.35s;
}
.oneoff-price-btn-dark{
background: #1b4208;
color: #fff;
border: 2px solid #1b4208;
}
.oneoff-price-btn-dark:hover{
transform:translateY(-4px);
}
.oneoff-price-btn-green{
background: #ffd84d;
color: #222;
border: 2px solid #ffd84d;
}
.oneoff-price-btn-green:hover{
transform:translateY(-4px);
}
.oneoff-price-btn-orange{
background:#ffffff;
color:#042c14;
border: 2px solid #042c14;
}
.oneoff-price-btn-orange:hover{
transform:translateY(-4px);
}
.oneoff-price-note{
margin:20px 0 0;
text-align:center;
font-size:15px;
line-height:1.8;
color:#748390;
}
.oneoff-price-note a{
color:#226303;
font-weight:700;
text-decoration:none;
}
.oneoff-price-note a:hover{
text-decoration:underline;
}

/* ---------- extras-addon-section ----------- */

.extras-addon-section{
padding:100px 0;
/* background:radial-gradient(circle at top left,rgba(34,99,3,.08) 0%,transparent 30%),radial-gradient(circle at top right,rgba(34,99,3,.05) 0%,transparent 30%),#f8fbf8; */
overflow:hidden;
position:relative;
}
.extras-addon-card{
height:100%;
padding: 20px;
background:#f1f7f0;
border:1px solid #e5ece5;
border-radius:8px;
box-shadow:0 15px 40px rgba(34,99,3,.06);
transition:.35s;
}
.extras-addon-card:hover{
transform:translateY(-8px);
border-color:#226303;
box-shadow:0 28px 60px rgba(34,99,3,.14);
}
.extras-addon-card-header{
display:flex;
align-items:center;
gap:14px;
margin-bottom:8px;
}
.extras-addon-card-icon i{
    color: #226303;
    font-size: 18px;
}
.extras-addon-card-title{
margin:0;
font-size:18px;
font-weight:800;
line-height:1.3;
color:#226303;
}
.extras-addon-list{
margin:0;
padding:0;
list-style:none;
}
.extras-addon-list li{
display:flex;
justify-content:space-between;
align-items:center;
padding:13px 0;
border-bottom:1px dashed #dce6dc;
font-size:15px;
font-weight:600;
color:#000;
}
.extras-addon-list li:last-child{
border-bottom:none;
}
.extras-addon-list li span:last-child{
font-weight:800;
color:#226303;
}
.extras-addon-more-btn{
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:8px;
padding:12px 24px;
border-radius:8px;
background:#226303;
color:#fff;
font-size:14px;
font-weight:600;
text-decoration:none;
transition:.35s;
}
.extras-addon-more-btn:hover{
background:#183f02;
color:#fff;
transform:translateY(-4px);
}
.extras-addon-buttons{
margin-top:50px;
display:flex;
justify-content:center;
align-items:center;
gap:18px;
flex-wrap:wrap;
}
.extras-addon-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:15px 30px;
border-radius:12px;
font-size:15px;
font-weight:700;
text-decoration:none;
transition:.35s;
}
.extras-addon-quote-btn{
background:#226303;
color:#fff;
box-shadow:0 18px 40px rgba(34,99,3,.2);
}
.extras-addon-quote-btn:hover{
background:#226303;
color:#fff;
transform:translateY(-4px);
}
.extras-addon-book-btn{
background:#ffd84d;
color:#000;
box-shadow:0 18px 40px rgba(255,152,0,.2);
}
.extras-addon-book-btn:hover{
background:#f9ce36;
color:#000;
transform:translateY(-4px);
}

/* ------------ cleaning-checklist-section ----------- */

.cleaning-checklist-section{
padding:100px 0;
overflow:hidden;
position:relative;
}
.cleaning-checklist-wrapper{
max-width:980px;
margin:auto;
}
.cleaning-checklist-item{
background:#fff;
border:1px solid #e3ece3;
border-radius:8px;
overflow:hidden;
margin-bottom:7px;
box-shadow:0 12px 35px rgba(34,99,3,.06);
transition:.35s;
}
.cleaning-checklist-item:hover{
transform:translateY(-4px);
border-color:#226303;
box-shadow:0 22px 50px rgba(34,99,3,.12);
}
.cleaning-checklist-btn{
width:100%;
padding:12px 20px;
display:flex;
align-items:center;
justify-content:space-between;
border:none;
background:#226303;
cursor:pointer;
}
.cleaning-checklist-left{
display:flex;
align-items:center;
gap:16px;
}
.cleaning-checklist-icon{
color:#fff;
font-size:18px;
}
.cleaning-checklist-btn h3{
margin:0;
font-size:17px;
font-weight:700;
color:#fff;
}
.cleaning-checklist-toggle{
color:#fff;
font-size:16px;
transition:.35s;
}
.cleaning-checklist-content{
max-height:0;
overflow:hidden;
background:#fff;
transition:max-height .45s ease,padding .45s ease;
padding:0 28px;
}
.cleaning-checklist-item.active .cleaning-checklist-content{
max-height:500px;
padding:25px 28px;
}
.cleaning-checklist-content ul{
margin:0;
padding:0;
list-style:none;
margin-left: 8px !important;
}
.cleaning-checklist-content li{
position:relative;
padding-left:2px;
font-size:15px;
font-weight: 500;
line-height:1.8;
color:#4f606d;
list-style-type: disc;
}
.cleaning-checklist-item.active .cleaning-checklist-toggle{
background:#226303;
}
.cleaning-checklist-item:last-child{
margin-bottom:0;
}
.title-para{
    text-align: center;
    margin-top: 15px;
    color: #828b7c;
}
.title-para strong{
    color: #333;
}

/* ---------- contact-action-section ----------- */

#servicewrapper h2{
    font-size: 32px;
    font-weight: 800;
    text-transform: capitalize;
    color:  #fff !important;
}
#servicewrapper p{
    font-size: 17px;
    line-height: 1.7;
    margin-top: 25px;
    color: #ccc;
    font-weight: 600;
}
#servicewrapper p strong{
    color: #044420;
}
#servicewrapper{
    padding: 70px 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
#servicewrapper .contact-action-buttons{
margin-top: 30px !important;
}
#servicewrapper .contact-action-phone{
border-radius: 8px !important;
}
#servicewrapper .contact-action-book{
border-radius: 8px !important;
}

/* ------- other-cleaning-services-section ------- */

.other-cleaning-services-section{
padding:100px 0;
overflow:hidden;
position:relative;
}
.other-cleaning-services-card{
height:100%;
padding:25px 30px;
background:#fff;
border:1px solid #e5ece5;
border-radius:12px;
box-shadow:0 15px 40px rgba(34,99,3,.06);
transition:.35s;
position:relative;
overflow:hidden;
}
.other-cleaning-services-card::before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:4px;
background:#226303;
transform:scaleX(0);
transition:.35s;
}
.other-cleaning-services-card:hover::before{
transform:scaleX(1);
}
.other-cleaning-services-card:hover{
transform:translateY(-8px);
border-color:#226303;
box-shadow:0 28px 60px rgba(34,99,3,.15);
}
.other-cleaning-services-icon{
color:#226303;
font-size:24px;
margin-bottom:12px;
transition:.35s;
}
.other-cleaning-services-card-title{
margin:0 0 6px;
font-size:18px;
font-weight:800;
line-height:1.3;
color:#183243;
transition:.35s;
}
.other-cleaning-services-card:hover .other-cleaning-services-card-title{
color:#226303;
}
.other-cleaning-services-card-text{
font-size:15px;
line-height:1.8;
color:#667684;
}
.other-cleaning-services-link{
display:inline-flex;
align-items:center;
gap:10px;
text-decoration:none;
font-size:15px;
font-weight:700;
color:#226303;
transition:.35s;
}
.other-cleaning-services-card p{
    margin-bottom: 0px !important;
}
.other-cleaning-services-link i{
transition:.35s;
}
.other-cleaning-services-link:hover{
color:#183243;
}
.other-cleaning-services-link:hover i{
transform:translateX(6px) rotate(-45deg);
}
.other-cleaning-services-buttons{
margin-top:55px;
display:flex;
justify-content:center;
align-items:center;
gap:18px;
flex-wrap:wrap;
}
.other-cleaning-services-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:18px 38px;
border-radius:12px;
font-size:16px;
font-weight:700;
text-decoration:none;
transition:.35s;
}
.other-cleaning-services-btn-green{
background:#226303;
color:#fff;
box-shadow:0 18px 40px rgba(34,99,3,.18);
}
.other-cleaning-services-btn-green:hover{
background:#184902;
color:#fff;
transform:translateY(-4px);
}
.other-cleaning-services-btn-orange{
background:#ffd84d;
color:#000;
box-shadow:0 18px 40px rgba(255,152,0,.22);
}
.other-cleaning-services-btn-orange:hover{
background:#f9ce36;
color:#000;
transform:translateY(-4px);
}
.other-cleaning-services-note{
margin:28px 0 0;
text-align:center;
font-size:15px;
color:#333;
}

/* ----------- service-help-section ------------ */

.service-help-section{
padding:100px 0;
overflow:hidden;
position:relative;
}
.service-help-header{
max-width:920px;
margin:0 auto 60px;
text-align:center;
}
.service-help-title{
margin:0 0 18px;
font-size:50px;
font-weight:800;
line-height:1.2;
color:#183243;
}
.service-help-description{
margin:0;
font-size:18px;
line-height:1.9;
color:#667684;
}
.service-help-description strong{
color:#226303;
font-weight:700;
}
.service-help-wrapper{
max-width:1050px;
margin:auto;
}
.service-help-item{
margin-bottom:16px;
border-radius:8px;
overflow:hidden;
border:1px solid #d9e5d9;
box-shadow:0 15px 35px rgba(34,99,3,.06);
transition:.35s;
background:#fff;
}
.service-help-item:last-child{
margin-bottom:0;
}
.service-help-item:hover{
border-color:#226303;
box-shadow:0 24px 55px rgba(34,99,3,.14);
transform:translateY(-3px);
}
.service-help-button{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
padding:12px 20px;
border:none;
background: #226303;
cursor:pointer;
}
.service-help-left{
display:flex;
align-items:center;
gap:16px;
}
.service-help-icon{
color:#fff;
font-size:18px;
}
.service-help-question{
margin:0;
font-size:17px;
font-weight:700;
color:#fff;
}
.service-help-toggle{
    display: flex;
    align-items: center;
    gap: 16px;
}
.service-help-toggle i{
color:#fff;
font-size:16px;
transition:.35s;
flex-shrink:0;
}
.service-help-toggle a{
color:#fff !important;
font-size: 16px;
font-weight: 700;
line-height: 1.8;
}
.service-help-content{
max-height:0;
overflow:hidden;
padding:0 24px;
background:#fff;
transition:max-height .45s ease,padding .45s ease;
}
.service-help-content p{
margin:0;
font-size:16px;
color:#5f6f7c;
}
.service-help-item.active .service-help-content{
max-height:300px;
padding:18px;
}
.service-help-item.active .service-help-button{
background:#226303;
}
.service-help-button:hover .service-help-toggle i{
transform:rotate(90deg);
}
.service-help-content strong{
color:#183243;
font-weight:700;
}

/* ============ services area section ============== */

.city-cleaning-section{
padding:180px 0;
background:radial-gradient(circle at top left,rgba(34,99,3,.08) 0%,transparent 28%),radial-gradient(circle at bottom right,rgba(34,99,3,.05) 0%,transparent 30%),#fff;
overflow:hidden;
position:relative;
}
.city-cleaning-title{
margin:0 0 22px;
font-size:32px;
font-weight:800;

color: #06441d;
}
.city-cleaning-description{
margin:0 0 25px;
font-size:18px;
line-height:1.6;
color:#1e241a;
font-weight: 500;
}
.city-cleaning-description strong{
color: #226303;
font-weight:700;
}
.city-cleaning-list{
margin:0;
padding:0;
list-style:none;
}
.city-cleaning-item{
display:flex;
align-items:baseline;
gap:16px;
margin-bottom:10px;
}
.city-cleaning-icon{
font-size:16px;
color:#226303;
flex-shrink:0;
transition:.35s;
}
.city-cleaning-item span{
font-size:16px;
line-height:1.5;
color:#25341d;
font-weight: 500;
}
.city-cleaning-buttons{
display:flex;
align-items:center;
gap:18px;
margin-top:40px;
flex-wrap:wrap;
}
.city-cleaning-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:15px 30px;
border-radius:12px;
font-size:15px;
font-weight:600;
text-decoration:none;
transition:.35s;
}
.city-cleaning-btn-primary{
background:#226303;
color:#fff;
box-shadow:0 18px 40px rgba(34,99,3,.18);
}
.city-cleaning-btn-primary:hover{
background:#184b02;
color:#fff;
transform:translateY(-4px);
}
.city-cleaning-btn-secondary{
background:#5ba029;
color:#fff;
box-shadow:0 18px 40px rgba(24,50,67,.18);
}
.city-cleaning-btn-secondary:hover{
background:#458318;
color:#fff;
transform:translateY(-4px);
}
.city-cleaning-image{
position:relative;
overflow:hidden;
border-radius:28px;
box-shadow:0 30px 70px rgba(0,0,0,.12);
}
.city-cleaning-photo{
width:100%;
display:block;
border-radius:28px;
transition:transform .6s ease;
}
.city-cleaning-image:hover .city-cleaning-photo{
transform:scale(1.05);
}
.city-cleaning-image::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(0,0,0,.08),transparent);
opacity:0;
transition:.35s;
z-index:1;
}
.city-cleaning-image:hover::before{
opacity:1;
}
.city-cleaning-btn i{
font-size:15px;
}
.city-cleaning-btn:hover i{
transform:translateX(4px);
transition:.3s;
}
.city-cleaning-item:last-child{
margin-bottom:0;
}

/* ========= CHECKLIST PAGE CSS START ========== */

.checking-banner-container{
padding: 180px 30px 20px;
 background:
        radial-gradient(
            circle at top left,
            rgba(132, 183, 92, 0.918) 0%,
            rgba(132,183,92,.22) 22%,
            transparent 45%
        ),

        radial-gradient(
            circle at top right,
            rgba(132, 183, 92, 0.918) 0%,
            rgba(132,183,92,.22) 22%,
            transparent 45%
        ),

        #ffffff;
}
.checking-banner-breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:15px;
    font-size:15px;
    color:#6d7b88;
}
.checking-banner-breadcrumb a{
    color:#09431e;
    text-decoration:none;
    font-weight:500;
    font-size: 14px;
}
.checking-banner-breadcrumb span{
    color:#333;
    font-weight: 500;
    font-size: 13px;
}
.checking-banner-badge{
display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 18px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #9b9999;
    margin-bottom: 20px;
}
.checking-banner-badge i{
    color:#79c242;
    font-size:15px;
    line-height: 0px !important;
}
.checking-banner-badge span{
    color:#084420;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}
.checking-banner-title{
    font-size: 52px;
    line-height: 1.05;
    font-weight: 800;
    color: #084420;
    letter-spacing: -2px;
    margin-bottom: 28px;
    max-width:730px;
}
.checking-banner-text{
    max-width: 740px;
    color: #333;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 38px;
}
.checking-banner-text a{
    color:#333;
    text-decoration:none;
    font-weight:600;

}

/* ============= checklist-section ============ */
.check-width{
max-width: 940px;
margin: 0px auto;
}
.checklist-progress{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin:40px 0 30px;
    padding: 0px 30px 15px;
    border-bottom: 1px solid #ccc;
}
.progress-left{
    display:flex;
    align-items:center;
    gap:15px;
    flex:1;
}
.progress-bar{
    flex:1;
    max-width:700px;
    height:8px;
    background:#5ea52a36;
    border-radius:30px;
    overflow:hidden;
}
.progress-fill{
    width:0%;
    height:100%;
    background:#5ca12e;
    border-radius:30px;
    transition:.4s;
}
.progress-right{
    display:flex;
    align-items:center;
    gap:10px;
}
.progress-text{
    font-size:14px;
    font-weight:700;
    color:#044420;
    white-space:nowrap;
}
.progress-btn{
    border:1px solid #d9e5ec;
    background:#fff;
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}
.progress-btn:hover{
    background:#60a43024;
}
.progress-print{
    background:#58a328;
    color:#fff;
    border-color:#58a328;
}
.progress-print:hover{
    background:#0878b6;
}
.progress-print i{
    margin-right:8px;
}
.check-box{
    margin-top: 40px;
}
.checklist-info-box{
    text-align: center;
    background:#fff;
    border-radius:18px;
    padding:25px 28px;
    text-align:center;
    box-shadow:0 10px 30px #a7c99052;
    border: 1px solid #93c0795c;
    margin-bottom:70px;
}
.checklist-info-box p{
    margin:0;
    color:#333;
    font-size:17px;
    line-height:1.8;
    font-weight:400;
}
.checklist-info-box a{
    color:#3e9703;
    text-decoration:none;
    font-weight:700;
    border-bottom: 2px solid #3e97036e;
}
.checklist-info-box strong{
    color:#09431c;
    font-weight:700;
}
.checklist-heading{
    text-align:center;
    margin-bottom:45px;
}
.checklist-subtitle{
    display:block;
    color:#3e9703;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}
.checklist-note{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:22px 28px;
    background: #5fa42d14;
    border: 1px solid #5da32b;
    border-left: 6px solid #5da32b;
    border-radius:16px;
    margin-bottom:40px;
}
.note-icon{
    font-size:18px;
    flex-shrink:0;
}
.note-content{
    color:#333;
    font-size:15px;
    line-height:1.8;
}
.note-content strong{
    color:#5da62a;
}
.note-content a{
    color:#5da62a;
    text-decoration:none;
    font-weight:700;
}
.checklist-menu{
    display:flex;
    gap:6px;
    overflow-x:auto;
    padding-bottom:15px;
}
.checklist-menu::-webkit-scrollbar{
    height:6px;
}
.checklist-menu::-webkit-scrollbar-thumb{
    background:#d4dde5;
    border-radius:10px;
}
.checklist-menu a{
    display: inline-block;
    border: none;
    background: #ddf3d3;
    color: #000000;
    padding: 8px 14px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: .3s;
}
.checklist-menu a:hover{
    background:#58a129;
    color:#fff;
}
.checklist-menu a.active{
    background:#58a129;
    color:#fff;
}
.checklist-grid{
    margin-top:40px;
}
.checklist-card{
    background:#fff;
    border:1px solid #dde8ef;
    border-radius:8px;
    padding:20px 15px;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
    transition:.3s;
    height: 415px !important;
    overflow-y: scroll;
    margin-top: 40px;
}
.checklist-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}
.card-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}
.card-left{
    display:flex;
    align-items: center;
    gap:12px;
}
.card-icon i{
     width: 30px;
    height: 30px;
    border-radius: 4px;
    background: #5ea62b38;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #084420;
    font-size: 163x;
}
.card-title h3{
    font-size:16px;
    color: #042c14;
    margin-bottom:0px !important;
    font-weight: 700;
}
.card-title p{
    font-size:13px;
    color:#8091a0;
    line-height:1.5;
}
.task-count{
   padding: 2px 8px;
    background: #dcebd0;
    color: #05451d;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 700;
}
.card-para{
    font-size: 15px;
    color: #8091a0;
}
.checklist-items{
    list-style:none;
    margin:0;
    padding:0;
}
.checklist-items li{
    margin-bottom:14px;
}
.checklist-items label{
    display:flex;
    align-items:flex-start;
    gap:10px;
    cursor:pointer;
}
.checklist-items input{
    margin-top:6px;
    accent-color:#4d911f;
}
.checklist-items span{
    font-size:15px;
    color:#333;
    font-weight: 500;
    line-height:1.5;
}
.checklist-items input:checked + span{
    text-decoration:line-through;
    color:#a3b0bb;
}
.addon-badge{
    font-size: 10px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: var(--font-head);
    font-weight: 800;
    font-size: 10px;
    /* letter-spacing: .02em; */
    color: #8a6d1f;
    background: #fdf4dc;
    border: 1px solid #efd9a3;
    padding: 2px 5px;
    border-radius: 999px;
    white-space: nowrap;
    text-transform: uppercase;
}
.appliance-group h4{
    font-size: 15px;
    color: #0d4120;
    margin: 12px 0px !important;
}

.packages-grid .col-xl-4 .featured{
    border: 1px solid #b8d5a8;
}
.packages-grid .col-xl-4 .featured .popular{
    display: none;

}

.packages-grid .col-xl-4:nth-child(2) .featured{
    border: 2px solid #226303;
}
.packages-grid .col-xl-4:nth-child(2) .featured .popular{
        display:block;
}

.contact-booking-section{
            display: flex;
            justify-content: center;
            align-items: center;
            background: linear-gradient(135deg, #eef2ff, #f8fafc);
            padding: 20px;
}
    .form-container {
            width: 100%;
            max-width: 850px;
            background: #ffffff;
            padding: 35px;
            border-radius: 18px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.10);
                margin: 0px auto;
        }

        .form-title {
            text-align: center;
            margin-bottom: 30px;
        }

        .form-title h2 {
            font-size: 30px;
            color: #1e293b;
            margin-bottom: 8px;
        }

        .form-title p {
            color: #64748b;
            font-size: 14px;
        }

        .form-row {
            display: flex;
            gap: 20px;
        }

        .form-group {
            width: 100%;
            margin-bottom: 20px;
        }

        label {
            display: block;
            margin-bottom: 8px;
            font-size: 14px;
            font-weight: 600;
            color: #334155;
        }

        input,
        select,
        textarea {
            width: 100%;
            padding: 13px 15px;
            border: 1px solid #dbe2ea;
            border-radius: 10px;
            outline: none;
            font-size: 15px;
            transition: 0.3s;
            background: #fff;
        }

        input:focus,
        select:focus,
        textarea:focus {
            border-color: #4f46e5;
            box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.10);
        }

        textarea {
            height: 130px;
            resize: vertical;
        }

        input[type="submit"]{
            width: 100%;
            border: none;
            padding: 14px;
            border-radius: 10px;
            background: linear-gradient(135deg, #226303, #5ba029);
            color: white;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: 0.3s;
        }

        input[type="submit"]:hover {
            background: #226303;
            transform: translateY(-1px);
        }

        .success-message {
            display: none;
            margin-top: 15px;
            padding: 12px;
            border-radius: 8px;
            background: #dcfce7;
            color: #166534;
            text-align: center;
            font-size: 14px;
        }

        @media (max-width: 600px) {
            .form-container {
                padding: 25px 20px;
            }

            .form-row {
                flex-direction: column;
                gap: 0;
            }

            .form-title h2 {
                font-size: 25px;
            }
        }