:root{
    --primary-light:#07BCF1;
  --primary:#1D67CD;
  --primary-dark:#083f8c;
  --primary-darker:#062a5e;
  --navy:#0070BC;
  --accent:#ffb400;
  --accent-dark:#e69500;
  --light:#F4F4F4;
  --black:#1A1A1A;
  --gray:#5c6b80;
  --white:#ffffff;
  --text-color:#434343;
  --radius:14px;
  --shadow:0 15px 40px rgba(13,27,51,.12);
  --font-head:'Poppins',sans-serif;
  --font-body:'Inter',sans-serif;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}


*{box-sizing:border-box;}
html{scroll-behavior:auto;}
body{
  font-family:var(--font-body);
  color:var(--navy);
  background:var(--white);
  overflow-x:hidden;
}

.global_black_btn{

  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-color: transparent;
  color: var(--navy);
  border: 1px solid var(--navy);

}

h1,h2,h3,h4,.font-head{font-family:var(--font-head);}
a{text-decoration:none;}
.btn{font-family:var(--font-head);font-weight:600;border-radius:8px;padding:.7rem 1.5rem;}
.btn-accent{background:transparent;border-color:var(--white);color:var(--white);    padding: 10px 22px; font-size: 14px; font-weight: 400; border-radius: 60px;}
.btn-accent:hover{    background: linear-gradient(90deg, #338EC9 0%, #142F89 100%);;border-color:var(--primary);color:var(--white)!important;}
.btn-primary{     position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 9px 30px !important;
    border: 1px solid #ffffff;
    border-radius: 50px !important;
    background: linear-gradient(90deg, #338EC9 0%, #142F89 100%);
    color: #fff !important;
    font-size: 15px;
    font-weight: 500 !important;
    text-decoration: none;
    box-shadow: 0 3px 0 #000000, 0 0 0 2px #ffffff00;
    transition: all .3s ease;
    overflow: hidden;}


    .btn-primary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 58%;
    background: rgba(255,255,255,.18);

}


/* Hover */
.btn-primary:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow:
       none;
}

    .btn-outline-primary{
position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 9px 23px !important;
    border: 1px solid #ffffff;
    border-radius: 50px !important;
 background: linear-gradient(90deg, #50CAED 0%, #03BBF1 100%);
    color: #fff !important;
    font-size: 15px;
    font-weight: 500 !important;
    text-decoration: none;
    box-shadow: 0 3px 0 #000000, 0 0 0 2px #ffffff00;
    transition: all .3s ease;
    overflow: hidden;


    }


    .btn-outline-primary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 58%;
    background: rgba(255, 255, 255, .18);
}


.btn-outline-primary:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: none;
    border-color: #50CAED!important;
}

        .btn-outline-primary:hover{

          background-color: var(--primary);

        }


    .our_services .btn-primary{

    border-radius: 60px!important;
    position: relative;
    }


.btn-outline-light-custom{border:1px solid transparent;color:#fff;background:transparent;     padding: 9px 30px !important; font-weight: 400; font-style: italic; border-radius: 60px;}
.btn-outline-light-custom:hover{background:#fff;color:var(--primary-dark);}



.quote_btn {

      position: absolute;
    top: -36px;
    left: 0px;
    background-color: white;
    border-radius: 15px 15px 0px 0px;
    overflow: hidden;

}

.btn-outline-light-custom:hover svg path{ color: var(--primary); fill: var(--primary);}
.eyebrow{
    color: var(--black);
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 5px;
    display: inline-block;
}

.our_services{

background: linear-gradient(180deg, #B5E8F7 0%, #FFFFFF 131.2%);;
position: relative;

}

.section-title{font-weight:600;font-size:38px;color:var(--navy);}
.section-pad{padding:60px 0;}
.bg-light-soft{background: #F4F4F4;}

/* ===== Top bar ===== */
.topbar{background:var(--primary-light);color:#fff;font-size:.82rem;padding:0px 0;}
.topbar a{color:var(--black);   font-size: 18px;   font-weight: 600;
  font-style: italic;}

  .free_estimate_btn{ 

    background-color: white;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 45px;
    font-style: italic;

  }

  .free_estimate_btn span{ 

        color: var( --primary-light)!important;
  }

    .free_estimate_btn span em{ color: black!important;}
.topbar .badge-pill{background:var(--accent);color:var(--navy);font-weight:700;padding:2px 10px;border-radius:20px;font-size:.72rem;}
.top_company{ 

  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  padding-left: 120px;
  color: var(--black);

}
/* ===== Navbar ===== */
.navbar-custom{padding:5px 0;background:transparent;}
.navbar-custom .navbar-brand{font-family:var(--font-head);font-weight:800;font-size:1.15rem;color:var(--navy);display:flex;align-items:center;gap:10px;}
.navbar-custom .navbar-brand img{    width: 105px;
    object-fit: cover; transition: 0.6s;}
.navbar-custom .nav-link{font-weight:600;color:var(--white)!important;margin:0 10px; text-transform: uppercase;}
.navbar-custom .nav-link:hover{color:var(--primary-light)!important;}

#mobileMenu .nav-link{

      text-decoration: none;
    color: var(--text);
    font-weight: 600;
    font-size: 16px;
    padding: 15px 22px;
    border-bottom: 1px solid #e7e9ec;

}

.offcanvas-footer .topbar-phone {
    color: var(--blue);
    justify-content: center;
    margin-bottom: 12px;
}

.topbar-phone {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    white-space: nowrap;
}

.offcanvas-footer {
    margin-top: auto;
    padding: 20px;
    border-top: 1px solid #e7e9ec;
}

.offcanvas-footer .topbar-phone {
    color: var(--navy);
    justify-content: center;
    margin-bottom: 12px;
}

.topbar-phone svg {
    width: 16px;
    height: 16px;
    fill: #fff;
    flex: none;
}

.offcanvas-footer .topbar-phone svg {
    fill: var(--navy);
}


.offcanvas-estimate {
    display: block;
    text-align: center;
    background: var(--navy);
    color: #fff;
    padding: 12px;
    border-radius: 4px;
    font-weight: 700;
    text-decoration: none;
}
/* ===== Hero ===== */



/* Remove background from .hero and add position relative */
.hero {
    position: relative;
    min-height: 733px;
    display: flex;
    align-items: center;
    color: #fff;
    /* Remove these lines: */
    /* background: url(../img/hero-img.png) center / cover; */
    background-position: top center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 140px 0 90px;
}

/* Hero background image */
.hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    z-index: 0;
}

/* Hero overlay */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
    z-index: 1;
}

/* Ensure content stays above overlay */
.hero .container {
    position: relative;
    z-index: 2;
}

/* Keep your existing styles */
.hero .eyebrow-badge {
    background: var(--primary-light);
    padding: 6px 16px;
    border-radius: 0px;
    font-size: .8rem;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 18px;
    color: black;
}

.hero h1 {
    font-weight: 600;
    font-size: 38px;
    line-height: 1.15;
}

.hero p.lead-text {
    font-size: 1.05rem;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
}

/* Keep your inner_page_hero styles if needed */
.inner_page_hero:after {
    content: "";
    position: absolute;
    height: 20%;
    bottom: -1px;
    width: 100%;
    background-color: white;
    clip-path: polygon(0 100%, 100% 100%, 100% 0);
}

/* Lead form card overlapping hero */

.lead-card p{ font-weight: 600; font-size: 20px; font-weight: 700;}
.lead-card{
background: #fff;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 6px 20px 15px;
    margin-top: -90px;
    position: relative;
    z-index: 5;
    border-radius: 0px 15px 15px 15px;
    box-shadow: 0px 4px 21px 6px rgba(0, 0, 0, 0.05);
}

.lead-card .form-label{

  color: var(--black); 
  font-size: 14px;
  font-weight: 400;

}

.form-select:focus{ box-shadow: none; outline: none; border-color: var(--primary)!important;}

.form-control:focus{ box-shadow: none; outline: none; border-color: var(--primary)!important;}
.lead-card .nav-pills .nav-link{display: flex;
    font-weight: 600;
    color: var(--gray);
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    padding: 8px 35px;
    align-items: center;
    gap: 7px;
    justify-content: center;}
.lead-card .nav-pills .nav-link.active{color:var(--primary); background-color: #1d67cd24;}
.lead-card .nav-pills .nav-link.active svg path { color: var(--primary); fill: var(--primary);}
.lead-card .form-control,.lead-card .form-select{border-radius:8px;border:1px solid #D1D5DB;padding:.6rem .8rem;font-size:.9rem;font-size: 14px!important;}
.consent{font-size:12px;color:#7E7E7E;}

/* ===== About/team ===== */
.team-photo-grid img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;object-fit:cover;}
.check-list{list-style:none;padding-left:0;margin:0;}
.check-list li{margin-bottom:10px;font-weight:500; color: var(--text-color);}
.check-list li i{color:var(--primary);margin-right:10px;}

/* ===== What we do ===== */
.service-icon-card {
    text-align: center;
}

.service-icon-card .icon-wrap {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 14px;
    position: relative;
    cursor: pointer;
}

.service-icon-card .icon-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

/* Glass Shine Effect */
.service-icon-card .icon-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 45%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.55) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
    transition: left .7s ease;
    z-index: 2;
}

.service-icon-card:hover .icon-wrap::before {
    left: 140%;
}

.service-icon-card:hover .icon-wrap img {
    transform: scale(1.08);
}

.service-icon-card h6 {
    font-weight: 600;
    font-size: 18px;
    color: var(--black);
    margin: 0;
}
@media(min-width:768px){ .col-md-2-4{flex:0 0 auto;width:20%;} }

/* ===== Residential swiper cards ===== */
.res-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative;}
.res-card:after{ 
z-index: 1;
  content: "";
  position: absolute;
  height: 80%;
  width: 100%;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.33%, rgba(0, 0, 0, 0.8) 100%), url(image.png); border-radius: 15px;

}
.res-card img{    aspect-ratio: 9 / 11;width:100%;height:100%;object-fit:cover;transition:.4s;}
.res-card:hover img{transform:scale(1.06);}
.res-card .res-overlay{
  position:absolute;left:0;right:0;bottom:0;
  padding:24px 18px 18px;color:#fff;
  text-align: center;
  z-index: 2;
}
.res-card h5{font-weight:600; font-size: 26px;}
.res-card .res-btns{display:flex;gap:8px;margin-top:10px;  flex-direction: column;}
/* .res-card .res-btns .btn{padding:.4rem 1rem;font-size:.8rem;} */

/* ===== Commercial tabs ===== */

.commercial-tabs{ 

  flex-wrap: nowrap;
  background-color: #F5F5F5;
  padding: 6px;
  border-radius: 8px;
    overflow-x: auto;

}

.commercial-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    background: #F5F5F5;
    padding: 6px;
    border-radius: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;              /* Firefox */
    scrollbar-color: var(--primary) #e9ecef;   /* thumb track */
    scroll-behavior: smooth;
}

/* Chrome, Edge, Safari */
.commercial-tabs::-webkit-scrollbar {
    height: 5px;
}

.commercial-tabs::-webkit-scrollbar-track {
    background: #e9ecef;
    border-radius: 50px;
}

.commercial-tabs::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, var(--primary), #4dabff);
    border-radius: 50px;
    border: 2px solid #e9ecef;
    transition: .3s;
}

.commercial-tabs::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(90deg, #0b5ed7, #339af0);
}

.commercial-tabs::-webkit-scrollbar-corner {
    background: transparent;
}

.commercial-tabs button{ 

  white-space: nowrap;

}

#commercial .tab-pane {

  background: #FFFFFF;
    box-shadow: -2px 4px 12px 3px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    padding: 12px ;
        margin-top: 5px;

}

.commercial-tabs .nav-link{
  font-weight:600;color:var(--black);border:1px solid transparent;border-radius:8px;margin:4px;
  font-family:var(--font-body);
      padding: 11px 30px;
}

.step_rotate{

        font-size: 13px;
    rotate: -94deg;
    margin-left: -12px;
    font-weight: 500;
}


.commercial-tabs .nav-link.active{background:var(--white);color:var(--primary);;}
.commercial-panel{background:#F3F3F3;border-radius:var(--radius);padding: 0;}

.commercial-panel h4{ 

  color: var(--black);
  font-weight: 600;

}

.commercial-panel img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;height:430px;object-fit:cover; border-radius: 0px 15px 15px 0px;}

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

.cta-banner .cta_img{     width: 330px!important;}
.cta-banner{ background: linear-gradient(90deg, rgba(7, 188, 241, 0.22) 0%, rgba(255, 255, 255, 0.22) 100%);color:#fff;padding:44px 0;overflow: hidden;     padding-top: 45px !important; position: relative;}
.cta-banner .res-btns{

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

}

.cta-banner p{

    line-height: 30px;
    color: var(--text-color);

}




.cta-banner .res-btns a{    width: 100%;
    border-radius: 60px 60px 60px 60px !important;
    font-style: italic;
    font-weight: 600;
    font-size: 18px;
    padding: 8px !important;}

.cta-banner .res-btns .btn-primary{ background-color: #083778; border-color: #fff;}

.cta-banner .res-btns .btn-primary:hover{ 
    background-color: var(--primary)!important;
}

.cta-banner h3{    font-weight: 600;
    font-size: 34px; text-transform: capitalize; color: var(--navy);}
.cta-mascot{width:110px; }

/* ===== Before / After ===== */
#about p{ line-height: 30px;}
#about .ba-wrap{
    aspect-ratio: 4 / 5.5;

}

.ba-wrap{
  position:relative;border-radius:var(--radius);overflow:hidden;
  aspect-ratio:4/4; user-select:none; touch-action:none;
}
.ba-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;}
.ba-wrap .ba-after{clip-path:inset(0 0 0 50%);}
.ba-wrap .ba-divider{
  position:absolute;top:0;bottom:0;left:50%;width:1px;background:#fff;
  transform:translateX(-50%);box-shadow:0 0 8px rgba(0,0,0,.4);
  pointer-events:none;
}
.ba-wrap .ba-handle{
  position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;
  background:#fff;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow);cursor:ew-resize;color:var(--primary);font-size:1rem;
}
.ba-wrap .ba-tag{
  position:absolute;top:14px;font-family:var(--font-head);font-weight:700;font-size:.75rem;
  background:rgba(6,20,45,.75);color:#fff;padding:4px 12px;border-radius:20px;letter-spacing:.05em;
}
.ba-wrap .ba-tag.before-tag{left:14px;}
.ba-wrap .ba-tag.after-tag{right:14px;}

/* ===== Process ===== */

.our_process{ overflow: hidden;}

.navbar-nav > .nav-item:last-child .nav-link {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.process-card h5{ color: var(--black);}

.our_process .process-card{

flex-direction: row!important;
align-items: center;

}
.process-steps{display:flex;flex-direction:column;gap:26px;}
.process-step{display:flex;gap:16px;align-items:flex-start;}
.process-step .num{
  width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:var(--primary);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-head);
}
.process-graphic{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:30px;text-align:center;}
.process-graphic i{font-size:5rem;color:var(--primary);}

/* ===== Why choose / service areas ===== */


.why_choose{ overflow: hidden;}
.why-list{

  padding-left: 0px;

}

.trust_badge{     position: absolute;
    right: 14%;
    bottom: 10%;} 

    .reviews_count{
       font-size: 12px;
    opacity: 0.5;
    margin-top: 4px !important;
    display: inline-block;
    }

.why-list h3{ color: var(--black); font-size: 18px; font-weight: 600; margin: 0px;}

.why-list p{ margin: 0px;  color: var(--text-color);}
.why-list li{display:flex;gap:12px;margin-bottom:20px; align-items: center;}

.why-list .why-ic img{ width: 30px;}
.why-list .why-ic{
  width:60px;height:60px;flex:0 0 60px;border-radius: 0px 1000px 1000px 1000px;background:var(--light);color:var(--primary);
  display:flex;align-items:center;justify-content:center;font-size:1.1rem;
align-items: center; justify-content: center;
}
.areas-panel{background:var(--navy);color:#fff;border-radius:var(--radius);padding:45px;position:relative;overflow:hidden; border-radius: 0px 80px 80px 80px;}
.areas-panel ul{list-style:none;padding:0;}
.areas-panel ul li{padding: 10px 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;;}
.areas-panel ul li i{color:var(--accent);margin-right:10px;}
.map-embed{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);height:100%;min-height:320px;    margin-left: -85px;}
.map-embed iframe{width:100%;height:80%;border:0;min-height:320px;}
#areas {
    background-image: linear-gradient(rgb(0 0 0 / 68%), rgb(0 0 0 / 72%)), url(../img/areas-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
        z-index: 1;
        overflow: hidden;
}


#areas:after{

    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 50%;
    background-color: white;
    z-index: -1;

}



/* ===== Feature strip ===== */
.feature-strip .feat-card{position:relative;overflow:hidden; background-color: white;}

.feat-strip .col-md-3:not(:last-child) .feat-label {
    border-right: 1px solid #C5C5C5;
}
.feature-strip .feat-card img{object-fit:cover;    aspect-ratio: 1 / 0.7; width: 100%;}
.feature-strip .feat-card .feat-label{
padding:14px;color:var(--black);font-weight:700;font-size:.9rem;
text-align: center;
position: relative;
}

.feature-strip .feat-card .feat-label:after{

content: "";
    position: absolute;
    width: 1px;
    background-color: #C5C5C5;
    height: 80%;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);

}

/* ===== Reviews ===== */
.review-card{background:#F2F2F2;border:1px solid #eef1f6;border-radius:var(--radius);padding:22px;height:100%; text-align: center;}
.review-card .stars{color:var(--accent);}
.review-card p{ color: black;}
.review-card .reviewer{display:flex;align-items:center;gap:10px;margin-top:14px; flex-direction: column; justify-content: center; align-items: center;}

.designation{

  color: black!important;
  opacity: 0.5;
  font-size: 12px;

  margin-bottom: 0px;
  margin-top: 5px;

}

.posted_date{
  color: black!important;
  opacity: 0.5;
  font-size: 12px;

  margin-bottom: 0px;
  margin-top: 10px;


}
.review-card .reviewer .avatar{width:36px;height:36px;border-radius:50%;background:#811EA1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;}
.google-badge{display:flex;align-items:center;gap:10px; }
.google-badge .gstars{color:var(--accent);}
.gstars i{ color: #FFC107;}
.outer_top_google_header{ 

  border-radius: 16px;
  background-color: #F2F2F2;
  padding: 15px;
}

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

.slide_outer{

    background: rgba(0, 0, 0, 0.5);
    padding: 25px;

}
#faq{ background: linear-gradient(180deg, rgba(181, 232, 247, 0.51) 0%, rgba(255, 255, 255, 0.51) 100%);  position: relative;} 
.faq-accordion .accordion-button:not(.collapsed){ background: white;}
.faq-accordion .accordion-button{font-weight:600;font-family:var(--font-head);color:var(--black);}
.faq-accordion .accordion-button:not(.collapsed){color:var(--navy);background:var(--white); box-shadow: none;}
.faq-accordion .accordion-button:focus{box-shadow:none;}
.faq-accordion .accordion-item{border:1px solid #e9edf4;border-radius:10px!important;overflow:hidden;margin-bottom:12px;box-shadow: 0px 4px 26px 2px rgba(0, 0, 0, 0.04); border-radius: 15px;}
.accordion-button::after {
    background-color: #D6E2F3;
    padding: 9px;
    background-position: 54% 54%;
    width: 30px !important;
    height: 30px !important;
    border-radius: 6px;
  background-image: url(../img/un-collapsed.svg); background-size: 14px!important;}

    .accordion-button:not(.collapsed)::after{ background-color: var(--primary); color: white;background-image: url(../img/collapsed.svg);    background-position: 52% 50%;}

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

.footer_cta_section{

      margin-top: -90px;
    z-index: 99;
    position: relative;
        margin-bottom: 45px;
}

.footer_cta_section .cta-banner{
padding: 25px!important;
border-radius: 0px 100px 100px 100px;

}

footer.site-footer{background:#232326;color:#c7d0e0;padding:40px 0 0;}
footer.site-footer h6{
  color: #fff;
    font-weight: 500;
    margin-bottom: 35px;
    border-bottom: 1px solid #626268;
    width: 73%;
    padding-bottom: 12px;
    position: relative;
}

footer.site-footer h6:after{ 

  content: "";
  position: absolute;
  bottom: -1px;
  height: 1px;
  background-color: var(--primary);
  width: 25%;
  left: 0px;

}
footer.site-footer ul{list-style:none;padding:0;}
footer.site-footer ul li{margin-bottom: 18px;
    color: #D5D5D5;
    display: flex;
    align-items: baseline; gap: 12px;}
footer.site-footer a{color:#D5D5D5;     font-size: 15px;}
footer.site-footer a:hover{color:var(--white);}
.footer-bottom{margin-top:40px;padding:12px 0;font-size:.82rem;text-align:center;color:#D5D5D5; background-color: #18181A;}
.text_color{ color: var(--text-color);}



@media(max-width:991px){

    .navbar-nav .dropdown-toggle::before {
        top: 18px !important;
    }

.menu-item-has-children .dropdown-menu{ width: 100%!important;}

    .navbar-nav .dropdown-toggle::before {
    right: 15px!important;
    top: 20px!important;
}

  .service-content{ padding: 20px 0 40px!important; text-align: center;}

  .mobile_flex{ width: 100%; justify-content: space-between;}


  .navbar-custom{

        padding: 5px 0;
  }

.navbar-custom .navbar-brand img{ 

  position: unset;

}

}

@media(max-width:767px){
.mv-section .icon img {
    width: 40px!important;}
    .inner_page_hero:after{ content: unset!important;}
.our_process .process-card{ flex-direction: column!important;}
    .why-wash .number-col .number::after {
    width: 100%!important;
    top: 21px!important;
    left: 11%!important;
}
  .footer_cta_section .cta-banner {

    border-radius: 0px 40px 40px 40px;
}

  .areas-panel{

    padding: 20px;
        border-radius: 0px 30px 30px 30px;
  }

.step-title {
    font-size: 20px!important;}
  .step-dot {
    width: 40px!important;
    height: 40px!important;}
.step-dot{ font-size: 20px!important;}

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

.lead-card .nav-pills .nav-link{

    
    padding: 8px 32px;

}

.ba-wrap .ba-tag{

    font-weight: 600;
    font-size: 9px;
}

  .option_btn{ justify-content: center;}

  .free_estimate_btn{    padding: 8px 10px;}

  .topbar a {
    color: var(--black);
    font-size: 14px;}
#header.scrolled .navbar-custom .navbar-brand img{ width: 60px!important;
    height: 60px!important; }
  .navbar-custom .navbar-brand img {
    width: 60px;
    height: 60px;}
  .hero{padding:50px 0 50px;min-height:auto;text-align:center;}
  .hero p.lead-text{margin:0 auto;}
  .lead-card{margin-top:15px;}
  .section-title{font-size:1.6rem;}
}



  .step-rail {
background: white;
    border-radius: 20px;
    padding: 28px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
    height: 110%;
    margin-top: -14px;
    background-image: url(../img/waved-dashed.png);
        background-size: 100% 85%;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .step-dot {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: none;
    background: #fff;
    color: #1a3a5c;
    font-size: 32px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 0 0 1px #cfe0f5;
    transition: all .25s ease;
    border: 2px solid var(--primary-light);
  }

  .step-title{ 

    font-size: 32px;
    color: var(--black);
    font-weight: 400;

  }

  .step-dot.active {
    background: var(--primary-light);
    color: #fff;
    border-color: var(--primary-light);

  }
  .step-dot:hover:not(.active) {
    box-shadow: 0 0 0 1px var(--primary-light);
  }
  .step-line {
    width: 2px;
    height: 48px;
    background: transparent;
  }
  .process-card {
    background: #fff;
    border-radius: 16px;
    padding: 20px 40px;
    display: flex;
    align-items: start;
    justify-content: start;
    height: 100%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    flex-direction: column;
  }
  .process-card-text { flex: 1 1 55%; }
  .process-card-icon {
    flex: 1 1 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 72px;
    color: #1f6fe0;
  }


  @media (max-width:1450px) {

    .hero {

    min-height: 630px!important;}

    .navbar-nav .dropdown-toggle::before{ 

            top: 10px;
    }

    .cta-banner h3{ font-size: 28px;}

    .lead-card .form-label{ font-size: 12px;}

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

    footer.site-footer h6{ width: 86%;} 

    .why-list h3 {
    font-size: 16px;}

    .res-card h5{    font-size: 18px;}

    ul li{font-size: 14px; }

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

    .navbar-custom .nav-link{

          font-size: 14px;

    }

.hero h1 {
    font-size: 32px;}


  }

  @media (max-width: 991px) {

    .step_rotate{

            font-size: 10px;
                margin-left: -5px;
            
    }

    .map-embed{ margin-left: unset; margin-top: 20px;}
    .step-rail { flex-direction: row; padding: 16px; background-image: unset; }
    .step-line { width: 32px; height: 2px; background: repeating-linear-gradient(to right, #b9d2f2 0 4px, transparent 4px 8px); }
    .process-card { flex-direction: column; text-align: center; }
  }


@media(max-width:575px){

  .service_btn_details a{ width: 100%;}
.service_btn_details { 

  flex-direction: column;

}

}


#header {
  width: 100%;

  z-index: 999;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

#header.scrolled .navbar-custom .navbar-brand img{

      width: 80px;
    height: 80px;
    transition: 0.6s;
}

#header {
  position: fixed;
  width: 100%;
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
  z-index: 999;
}

#header.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  z-index: 999;
}



.soft-house{
    background:#fff;
}




.service-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding: 5px 15px;
    border:1px solid var(--primary);
    border-radius:50px;
    background:#eef6ff;
    color:var(--primary);
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.service-pill:hover{
    background:var(--primary);
    color:#fff;
    border-color:var(--primary);
}

.soft-house p{ 

  color: var(--text-color);

}



.why-soft-washing{
    background:#f8f8f8;
}




.why-card{
    background:#fff;
    padding:35px 28px;
    transition:.35s;
    border-radius:6px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.why-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.icon-box{
    width:52px;
    height:52px;
    background:var(--primary);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    margin-bottom:22px;
}

.why-card h5{
    font-size:20px;
    font-weight:700;
    margin-bottom:15px;
    color:#222;
}

.why-card p{
    color:var(--text-color);
    line-height:1.8;
    margin-bottom:0;
}


.build-up{
    background:#fff;
}

.build-img{
    border-radius:35px;
}

.build-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:35px;
    border-radius: 0px 60px 60px 60px;
}

#about ul{ 
padding-left: 20px;

}

#about ul li{

color: var(--text-color);
padding: 6px 0;

}



.check-list li{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--text-color);
    font-weight: 400;
    align-items: center;
}

.check-list i{
    color:#2f80ed;
    margin-top:3px;
}

/* Satisfaction Badge */

.satisfaction-badge{
    position:absolute;
    left:-45px;
    bottom:-45px;
    width:150px;
    height:150px;
    background:#1769d4;
    color:#fff;
    clip-path:polygon(
        50% 0%, 58% 12%, 70% 3%, 74% 17%, 88% 12%, 83% 27%,
        100% 30%, 88% 42%, 97% 55%, 83% 58%, 88% 74%, 74% 70%,
        70% 87%, 58% 78%, 50% 100%, 42% 78%, 30% 87%, 26% 70%,
        12% 74%, 17% 58%, 0% 55%, 12% 42%, 0% 30%, 17% 27%,
        12% 12%, 26% 17%, 30% 3%, 42% 12%
    );
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.satisfaction-badge span{
    font-size:34px;
    font-weight:700;
    line-height:1;
}

.satisfaction-badge small{
    font-size:16px;
    font-weight:600;
}


.build-up p{ color: var(--text-color);}


.tp-services__4-shape-box {
    position: absolute;
    left: -85px;
    bottom: -80px;
}



.p-relative {
    position: relative;
}

.tp-services__4-shape span {
    display: inline-block;
    color: var(--primary);
    animation: rotate2 10s linear infinite;
}

.tp-services__4-funfact {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
}

.tp-services__4-funfact-text {
    margin: 0px;
}


  @keyframes rotate2 {
    from {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(360deg);
    }
  }


  .service-grid{
    background:#fff;
}


.service-img{
    width:100%;
    height:320px;
    object-fit:cover;
}

.service-content{
    padding:50px;
}

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

.service-content p{
    color:var(--text-color);
    line-height:1.8;
    margin-bottom:12px;
}

.service-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 28px;
    background:#1f73e8;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
}

.service-btn:hover{
    background:#0d5cd3;
    color:#fff;
    transform:translateX(5px);
}

.service-img{
    transition:.5s;
}



.process-section{
    background:#EAF0F9;
}



.process-wrapper{
    position:relative;
    max-width:900px;
    margin:auto;
}

.timeline-line{
    position:absolute;
    left:28px;
    top:0;
    bottom:0;
    width:2px;
    height: 90%;
    background:var(--primary);
}

.process-item{
    display:flex;
    gap:12px;
    margin-bottom:22px;
    position:relative;
}

.process-icon{
    width:56px;
    height:56px;
    min-width:56px;
    border-radius:14px;
    background:var(--primary);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
box-shadow: 0px 4px 16px 3px rgba(29, 103, 205, 0.33); border-radius: 15px;
    z-index:2;
}

.process-card{
    background:#fff;
    border-radius:16px;
    padding:22px 28px;
    flex:1;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    transition:.35s;
    text-align: start;
}


/* .process-card h5{
    font-size:20px;
    font-weight:600;
    margin-bottom:6px;
    color: var(--black);
} */

.process-card h5 span{
    color:var(--primary);
    margin-right:8px;
}

.process-card p{
    color:var(--text-color)!important;
    margin:0;
    line-height:1.8;
}


.why-wash{
    background:#fff;
}
.why-wash .service-list{
    border-top:1px solid #ececec;
}

.why-wash .service-item{
    border-bottom:1px solid #ececec;
    padding:28px 0;
    transition:.45s ease;
    position:relative;
    overflow:hidden;
}

/* Hover Background */
.why-wash .service-item::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    background:#f8f8f8;
    transition:.5s;
    z-index:0;
}

.why-wash .service-item:hover::before{
    width:100%;
}

.why-wash .service-item > .row{
    position:relative;
    z-index:2;
}

.why-wash .number{
    font-size:38px;
    font-weight:700;
    color:#ddd;
    transition:.4s;
}

.why-wash .line{
    flex:1;
    height:1px;
    background:#ddd;
    transition:.4s;
}

.why-wash .content h4{
    font-size:22px;
    font-weight:600;
    margin-bottom:3px;
    transition:.35s;
    color:var(--black);
}

.why-wash .content p{
    color:var(--text-color);
    margin:0;
    line-height:1.8;
    font-size:14px;
}

.why-wash .service-img{
    width:110px;
    height:80px;
    object-fit:cover;
    border-radius:16px;
    transition:.45s;
}

.why-wash .arrow-btn{
    width:36px;
    height:36px;
    border:1px solid #ddd;
    border-radius:50%;
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#333;
    transition:.4s;
    text-decoration:none;
}

.why-wash .arrow-btn i{
    transform:rotate(45deg);
    transition:.4s;
    color:var(--text-color);
}

.why-wash .number-col{
    margin-bottom:23px;
    position:relative;
}

.why-wash .number-col .number{
    position:relative;
    display:inline-block;
    width:100%;
}

.why-wash .number-col .number::after{
    content:"";
    position:absolute;
    width:50%;
    height:1px;
    background-color:#DCDCDC;
    top:29px;
    left:35%;
}

/* Hover Animation */
.why-wash .service-item:hover{
    transform:translateX(10px);
}

.why-wash .service-item:hover .number{
    color:var(--primary);
}

.why-wash .service-item:hover .line{
    background:var(--primary);
}

.why-wash .service-item:hover .content h4{
    color:var(--primary);
}

.why-wash .service-item:hover .service-img{
    transform:scale(1.08);
    border-radius:22px;
}

.why-wash .service-item:hover .arrow-btn{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff;
    transform:rotate(45deg);
}

.why-wash .service-item:hover .arrow-btn i{
    transform:rotate(0deg);
    color:#fff;
}

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

@media (max-width:991.98px){

    .why-wash .service-item{
        padding:20px 0;
    }

    .why-wash .service-item .row{
        row-gap:18px;
    }

    .why-wash .number-col{
        gap:12px;
        margin-bottom:5px;
    }

    .why-wash .number{
        font-size:28px;
    }

    .why-wash .line{
        max-width:80px;
    }

    .why-wash .content h4{
        font-size:22px;
        margin-bottom:8px;
    }

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

    .why-wash .service-img{
        width:100%;
        height:180px;
        border-radius:15px;
    }

    .why-wash .arrow-btn{
        width:42px;
        height:42px;
        margin-left:auto;
    }
}

@media (max-width:767.98px){

    .why-wash .service-item{
        padding:20px 0;
    }

    .why-wash .service-item .row{
        display:flex;
        flex-wrap:wrap;
    }

    .why-wash .number-col{
        width:100%;
        margin-bottom:10px;
    }

    .why-wash .service-item .col-6{
        width:100%;
    }

    .why-wash .service-item .col-3{
        width:75%;
    }

    .why-wash .service-item .col-1{
        width:25%;
        display:flex;
        justify-content:flex-end;
        align-items:center;
    }

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

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

    .why-wash .service-img{
        width:100%;
        height:150px;
        object-fit:cover;
    }

    .why-wash .arrow-btn{
        width:42px;
        height:42px;
    }

    .why-wash .service-item:hover{
        transform:none;
    }
}

@media (max-width:575.98px){

    .why-wash .service-item{
        padding:18px 0;
    }

    .why-wash .number{
        font-size:24px;
    }

    .why-wash .line{
        max-width:55px;
    }

    .why-wash .content h4{
        font-size:18px;
    }

    .why-wash .content p{
        font-size:13px;
        line-height:1.6;
    }

    .why-wash .service-img{
        height:120px;
        border-radius:12px;
    }

    .why-wash .arrow-btn{
        width:38px;
        height:38px;
        font-size:14px;
    }
}


.hero .rating-score .stars i{

    font-size: 8px;

}

.google-rating{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 35px 5px 10px;
    border: 1px solid #898989;
    border-radius: 12px;
  
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    margin-top: 20px;
}

.rating-score{
    text-align:center;
    position:relative;
    padding-right:8px;
}

.rating-score::after{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    width:1px;
    height:42px;
    background:rgba(255,255,255,.35);
}

.rating-score h3{
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    margin-bottom: 4px;
}

.stars{
    display:flex;
    justify-content:center;
    gap:2px;
}

/* .stars i{
    color: #FFC107;
    font-size: 7px;
} */

.rating-content h5{
    font-size:14px;
    font-weight:500;
    color:#fff;
    margin-bottom:2px;
    line-height:1.2;
}

.rating-content p{
    margin:0;
    color:rgba(255,255,255,.8);
    font-size:12px;
    line-height:1.3;
}

@media (max-width:576px){

    .google-rating{
        padding:8px 14px;
        gap:8px;
        border-radius:16px;
    }

    .rating-score{
        padding-right:14px;
    }

    .rating-score h3{
        font-size:30px;
    }

    .rating-score::after{
        height:34px;
    }

    .stars i{
        font-size:11px;
    }

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

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



.about-values{
    background:#fff;
}

.about-values .value-item{
    display:flex;
    gap:22px;
    padding:22px 0;
    border-bottom:1px solid #e8e8e8;
    transition:.35s;
}

.about-values .value-item .icon{
    min-width:70px;
    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1px solid #e5e5e5;
}

.about-values .value-item .icon i{
    font-size:38px;
    color:#d6d6d6;
    transition:.35s;
}

.about-values .value-item h4{
    font-size:26px;
    font-weight:700;
    margin-bottom:10px;
    transition:.35s;
}

.about-values .value-item p{
    color:#666;
    margin:0;
    line-height:1.8;
}

.about-values .about-img{
    width:100%;
    border-radius:22px;
    object-fit:cover;
}

.about-values .counter-row h2{
    font-size:38px;
    font-weight:600;
    color:var(--primary);
    margin-bottom:5px;
}

.about-values .counter-row p{
    font-weight:600;
    margin:0;
    color: var(--text-color);
}

/* Hover */

.about-values .value-item:hover{
    transform:translateX(10px);
}

.about-values .value-item:hover .icon i{
    color:#2563eb;
}

.about-values .value-item:hover h4{
    color:#2563eb;
}

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

@media (max-width:991.98px){

    .about-values .about-img{
        margin-top:40px;
    }

    .about-values .value-item h4{
        font-size:22px;
    }

    .about-values .counter-row h2{
        font-size:42px;
    }

}

@media (max-width:575.98px){

    .about-values .value-item{
        gap:15px;
    }

    .about-values .value-item .icon{
        min-width:55px;
        width:55px;
        height:55px;
    }

    .about-values .value-item .icon i{
        font-size:28px;
    }

    .about-values .value-item h4{
        font-size:20px;
    }

    .about-values .value-item p{
        font-size:14px;
        line-height:1.7;
    }

    .about-values .counter-row{
        text-align:center;
    }

    .about-values .counter-row h2{
        font-size:34px;
    }

}

.mv-section .icon img {
    width: 65px;
    object-fit: contain;
}

.mv-box {

    margin: auto;
}

.mv-item {
    display: flex;
    gap: 20px;
    padding: 0 25px;
    border-bottom: 1px solid #d8d8d8;
    align-items: center;
}


.mv-section .icon {
    font-size: 28px;
    margin-bottom: 10px;
}

.mv-section .content {
    border-left: 1px solid #d8d8d8;
    padding: 20px;
    width: calc(100% - 35px);
}

.content h4 {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
}

.content p {
    margin: 0;
    font-size: 16px;
    color: var(--text-color);
    line-height: 1.6;
}


.team-section{
    background:#fff;
}

.founder_card{

    background:#E8F0FA;
}

.team-section .team-card{
    padding:25px;

    border-radius:18px;
    transition:.4s ease;

}

.team-section .team-card:last-child{
    margin-bottom:0;
}



.team-section .team-img{
    width:100%;
    object-fit:cover;
 border-radius: 0px 60px 60px 60px;
    transition:.4s;
}



.team-section .team-tag{
    display:inline-block;
    font-size:13px;
    font-weight:600;
    color:#2d6cdf;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.team-section h3{
    font-size:32px;
    font-weight:600;
    color:#222;
    margin-bottom:15px;
}

.team-section p{
    color:var(--text-color);
    line-height:1.9;
    margin-bottom:12px;
        font-size: 15px;
}

.team-section p:last-child{
    margin-bottom:0;
}

/* Responsive */

@media(max-width:991px){

    .team-section .team-card{
        padding:20px;
    }

  

    .team-section h3{
        font-size:26px;
    }

}

@media(max-width:767px){

    .team-section .team-card{
        text-align:center;
    }

    .team-section .team-img{
        height:250px;
        margin-bottom:10px;
    }

    .team-section h3{
        font-size:22px;
    }

    .team-section p{
        font-size:15px;
    }

}

@media(max-width:575px){

    .team-section .team-card{
        padding:18px;
        border-radius:15px;
    }

    .team-section .team-img{
        height:220px;
        border-radius:15px;
    }

    .team-section h3{
        font-size:20px;
    }

    .team-section p{
        font-size:14px;
        line-height:1.7;
    }

}




.process-section-about .sub-title{
    color:#2d6cdf;
    font-size:14px;
    font-weight:600;
    display:block;
    margin-bottom:5px;
}



.process-section-about .timeline{
    position:relative;
    max-width:1000px;
    margin:auto;
}

.process-section-about .timeline::before{
    content:"";
    position:absolute;
    left:50%;
        height: 89%;
    top:0;
    bottom:0;
    width:2px;
    background:#dcdcdc;
    transform:translateX(-50%);
}

.process-section-about .timeline-item{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:60px;
    position:relative;
    margin-bottom:70px;
}

.process-section-about .timeline-item:last-child{
    margin-bottom:0;
}

.process-section-about .left .timeline-content{
    text-align:right;
}

.process-section-about .right .timeline-content{
    text-align:left;
}

.process-section-about .timeline-content{
    transition:.35s;
}

.process-section-about .step-number{
    display:block;
    font-size:54px;
    font-weight:700;
    color:#D1DCF3;
    line-height:1;
    margin-bottom:10px;
}

.process-section-about .timeline-content h4{
    font-size:22px;
    font-weight:600;
    color: var(--black);
    margin-bottom:10px;
}

.process-section-about .timeline-content p{
    color:var(--text-color);
    line-height:1.8;
    margin:0;
}

.process-section-about .timeline-image img{
    width:100%;

    object-fit:cover;
    border-radius:15px;
    transition:.4s;
}

.process-section-about .left .timeline-image{
    text-align:left;
}

.process-section-about .right .timeline-image{
    text-align:right;
}

.process-section-about .timeline-dot{
    position:absolute;
    left:50%;
    top:50%;
    width:34px;
    height:34px;
    background:var(--primary);
    color:#fff;
    border-radius:50%;
    transform:translate(-50%,-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    z-index:5;
}




.process-section-about .timeline-item:hover .step-number{
    color: var(--primary);
}


/* Responsive */

@media(max-width:991px){

.process-section-about .timeline::before{
    left:20px;
}

.process-section-about .timeline-item{
    grid-template-columns:1fr;
    gap:20px;
    padding-left:60px;
}

.process-section-about .timeline-dot{
    left:20px;
}

.process-section-about .left .timeline-content,
.process-section-about .right .timeline-content{
    text-align:left;
}

.process-section-about .left .timeline-image,
.process-section-about .right .timeline-image{
    text-align:left;
}

.process-section-about .timeline-image img{
    max-width:100%;
}

.process-section-about .step-number{
    font-size:42px;
}

}

@media(max-width:576px){

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

.process-section-about .timeline-item{
    padding-left:45px;
}

.process-section-about .timeline-dot{
    width:28px;
    height:28px;
    font-size:13px;
}

.process-section-about .step-number{
    font-size:34px;
}

.process-section-about .timeline-content h4{
    font-size:18px;
}

.process-section-about .timeline-content p{
    font-size:14px;
}

.process-section-about .timeline-image img{
    height:180px;
}

}

@media (max-width: 991.98px) {

    .process-section-about .timeline-item{

            margin-bottom: 35px;

    }

    .timeline-item{
        flex-direction: column;
    }

    .timeline-image{
        order: 1;
    }

    .timeline-content{
        order: 2;
    }

    .timeline-dot{
        order: 3;
    }
}


.breadcrumb_global{

    min-height: unset;
}



.blog-section{
    background:#fff;
        padding: 60px 0 200px;
}

.blog-section .blog-card{

    transition:.4s;
}

.blog-section .blog-img{
    overflow:hidden;
}

.blog-section .blog-img img{
    width:100%;
    height:240px;
    object-fit:cover;
    transition:.5s;
}

.blog-section .blog-content{
    width:94%;
    margin:-30px auto 0;
    background:#fff;
    padding: 15px 20px 20px;
    position:relative;
    z-index:2;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.4s;
}

.blog-content:after {
    content: "";
    clip-path: polygon(0 15%, 100% 0, 100% 18%, 0 18%);
    height: 120px;
    width: 100%;
    position: absolute;
    top: -20px;
    background: #fff;
    left: 0px;
}

.blog-section .blog-tag{
    display:inline-block;
    background:var(--primary);
    color:#fff;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    padding:6px 12px;
    margin-bottom:15px;
}

.blog-section .blog-content h4{
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
}

.blog-section .blog-content h4 a{
    color:#111;
    text-decoration:none;
    transition:.3s;
}

/* Hover */

.blog-section .blog-card:hover{
    transform:translateY(-10px);
}

.blog-section .blog-card:hover .blog-img img{
    transform:scale(1.08);
}

.blog-section .blog-card:hover .blog-content{
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.blog-section .blog-card:hover .blog-content h4 a{
    color:var(--primary);
}

/* Responsive */

@media(max-width:991px){

.blog-section .blog-img img{
    height:220px;
}

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

}

@media(max-width:767px){

.blog-section .blog-content{
    width:92%;
    padding:18px;
}

.blog-section .blog-content h4{
    font-size:18px;
}

}

@media(max-width:575px){

.blog-section .blog-img img{
    height:200px;
}

.blog-section .blog-content{
    width:94%;
    margin-top:-25px;
}

.blog-section .blog-tag{
    font-size:10px;
    padding:5px 10px;
}

.blog-section .blog-content h4{
    font-size:17px;
    line-height:1.5;
}

}


/*==================================
BLOG DETAILS
==================================*/

.blog-single-hero{
    background:#f8fafc;
    padding:90px 0;
    text-align:center;
}

.blog-single-hero .breadcrumb{
    margin-bottom:20px;
}

.blog-single-hero .breadcrumb-item a{
    color:var(--text-color);
    text-decoration:none;
}

.blog-single-hero .blog-category{
    display:inline-block;
    padding:8px 18px;
    background:var(--primary);
    color:#fff;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.blog-single-hero .blog-title{
    font-size:48px;
    font-weight:700;
    color:var(--black);
    max-width:900px;
    margin:20px auto;
    line-height:1.2;
}

.blog-single-hero .blog-meta{
    display:flex;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;
    color:var(--text-color);
}

.blog-single-hero .blog-meta span{
    display:flex;
    align-items:center;
    gap:8px;
}


/*==================================
BLOG CONTENT
==================================*/

.blog-single{
    background:#fff;
}

.blog-single img{
    border-radius:20px;
}

.blog-single p{
    color:var(--text-color);
    line-height:1.9;
    margin-bottom:20px;
}

.blog-single .lead{
    font-size:16px;
    font-weight:500;
}

.blog-single h2{
    font-size: 20px;
    margin: 25px 0 12px;
    font-weight: 600;
    color: var(--black);
}

.navigation_btn {

        margin-bottom: 105px !important;

}

.blog-single h3{
    font-size:28px;
    font-weight:700;
    margin-bottom:20px;
}

.blog-single ul{
    padding-left:20px;
    margin-bottom:30px;
}

.blog-single ul li{
    margin-bottom:12px;
    color:var(--text-color);
}

.blog-single blockquote{
    margin:40px 0;
    padding:35px;
    background:#f8fafc;
    border-left:5px solid var(--primary);
    border-radius:12px;
    font-size:22px;
    font-style:italic;
    color:var(--black);
}

.blog-single table{
    margin-top:30px;
}

.blog-single table th{
    background:var(--primary);
    color:#fff;
}

.blog-single table td,
.blog-single table th{
    padding:15px;
}


/*==================================
SIDEBAR
==================================*/

.blog-single .sidebar-widget{
    background:#fff;
    border:1px solid #ececec;
    border-radius:16px;
    padding:30px;
    margin-bottom:30px;
    transition:.3s;
}


.blog-single .sidebar-widget h4{
    font-size:20px;
    margin-bottom:20px;
    font-weight:600;
}

.blog-single .sidebar-widget ul{
    padding:0;
    list-style:none;
    margin:0;
}

.blog-single .sidebar-widget ul li{
    border-bottom:1px solid #eee;
    padding:12px 0;
}

.blog-single .sidebar-widget ul li:last-child{
    border:none;
}

.blog-single .sidebar-widget ul li a{
    text-decoration:none;
    color:var(--black);
    transition:.3s;
}

.blog-single .sidebar-widget ul li a:hover{
    color:var(--primary);
    padding-left:8px;
}

.blog-single .sidebar-widget input{
    height:55px;
    border-radius:12px;
}

.blog-single .cta-widget{
    background:var(--primary);
    color:#fff;
    text-align:center;
}

.blog-single .cta-widget h3{
    color:#fff;
}

.blog-single .cta-widget p{
    color:#fff;
}

.blog-single .cta-widget .btn{
    background:#fff;
    color:var(--primary);
    border:none;
    font-weight:600;
}





/*==================================
AUTHOR
==================================*/

.blog-single .author-box{
    padding:35px;
    border:1px solid #ececec;
    border-radius:20px;
    background:#fafafa;
}

.blog-single .author-box img{
    width:100px;
    height:100px;
    object-fit:cover;
}

.blog-single .author-box h4{
    font-size:18px;
    color:var(--primary);
    margin-bottom:5px;
}

.blog-single .author-box h5{
    font-weight:700;
}


/*==================================
PREVIOUS NEXT
==================================*/

.blog-single .btn-light{
    border:1px solid #ddd;
}

.blog-single .btn-primary,
.blog-single .btn-light{
    padding:12px 25px;
    border-radius:50px;
}


/*==================================
RELATED BLOG
==================================*/

.related-blog{
    background:#f8fafc;
}

.related-blog h2{
    font-size:40px;
    font-weight:700;
}


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

@media(max-width:991px){

.blog-single-hero .blog-title{
    font-size:38px;
}

.blog-single h2{
    font-size:30px;
}

.blog-single .sidebar-widget{
    margin-top:40px;
}

}

@media(max-width:767px){

.blog-single-hero{
    padding:70px 0;
}

.blog-single-hero .blog-title{
    font-size:30px;
}

.blog-single-hero .blog-meta{
    gap:15px;
    font-size:14px;
}

.blog-single h2{
    font-size:26px;
}

.blog-single blockquote{
    font-size:18px;
    padding:25px;
}

.blog-single .author-box{
    text-align:center;
}

.blog-single .author-box img{
    margin-bottom:20px;
}

}

@media(max-width:575px){

.blog-single-hero .blog-title{
    font-size:24px;
}

.blog-single .lead{
    font-size:17px;
}

.blog-single h2{
    font-size:22px;
}

.blog-single h3{
    font-size:20px;
}

.blog-single table{
    font-size:14px;
}

.blog-single .sidebar-widget{
    padding:20px;
}

.blog-single .btn-primary,
.blog-single .btn-light{
    width:100%;
    margin-bottom:10px;
}

}



/* .contact-section{ padding-bottom: 200px;} */

.contact-section .contact-subtitle{
    color:var(--primary);
    font-size:14px;
    font-weight:600;
    display:block;
    margin-bottom:12px;
}

.contact-section .contact-title{
    font-size: 30px;
    font-weight: 600;
    color: var(--black);
}

.contact-section .contact-text{
    color:var(--text-color);
    line-height:1.9;
    margin-bottom:20px;
}

.contact-section .info-card{
    display:flex;
    align-items:center;
    gap:18px;
    background:#fff;
    border-radius:14px;
    padding:18px 22px;
    margin-bottom:18px;
 box-shadow: 0px 4px 14px -3px rgba(0, 0, 0, 0.11); border-radius: 10px;
    transition:.35s;
}

.contact-section .info-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.contact-section .info-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:var(--primary);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}

.contact-section .info-card h6{
    margin-bottom:4px;
    font-weight:600;
    color: var(--text-color);

}

.contact-section .info-card p{
    margin:0;
    color:var(--text-color);
}

/* Form */

.contact-section .contact-form{
    background:#fff;
    padding:40px;
box-shadow: 0px 4px 31px 12px rgba(0, 0, 0, 0.1); border-radius: 20px;
}

.contact-section .contact-form h3{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
     color: var(--black);
}

.contact-section label{
    font-weight:600;
    font-size:14px;
    margin-bottom:8px;
     color: var(--black);
}

.contact-section .form-control,
.contact-section .form-select{
    height:43px;
    border-radius:12px;
    border:1px solid #ddd;
    box-shadow:none;
}

.contact-section textarea.form-control{
    height:auto;
    resize:none;
}

.contact-section .form-control:focus,
.contact-section .form-select:focus{
    border-color:var(--primary);
    box-shadow:none;
}

.contact-section .btn-submit{
    border:none;
    background:var(--primary);
    color:#fff;
    padding:14px 34px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.contact-section .btn-submit:hover{
    transform:translateY(-3px);
}

@media(max-width:991px){

.contact-section .contact-title{
    font-size:38px;
}

.contact-section .contact-form{
    padding:30px;
}

}

@media(max-width:767px){
.build-up{ 

    padding-bottom: 0px;

}
        footer.site-footer h6 {
        width: 100%;
    }




    .navigation_btn{

        margin-bottom: 0px!important;
    }

.contact-section {
    padding-bottom: 165px;
}
.contact-section .contact-title{
    font-size:30px;
}

.contact-section .contact-form{
    padding:25px;
}

.contact-section .contact-form h3{
    font-size:28px;
}

}

@media(max-width:575px){

.contact-section .contact-title{
    font-size:26px;
}

.contact-section .info-card{
    padding:15px;
}

.contact-section .info-icon{
    width:46px;
    height:46px;
    font-size:18px;
}

.contact-section .contact-form{
    padding:20px;
}

.contact-section .btn-submit{
    width:100%;
}

}

.contact_breadcrumb.inner_page_hero:after{

    background-color: #f4f4f4;

}

/*=========================
  DROPDOWN MENU
=========================*/

/* Parent */
.navbar-nav .dropdown {
    position: relative;
}

/* Toggle */
.navbar-nav .dropdown-toggle::after {
    margin-left: .4rem;
    vertical-align: middle;
    transition: .3s ease;
}

.navbar-nav .dropdown:hover .dropdown-toggle::after {
    transform: rotate(180deg);
}

/* Desktop Dropdown */
@media (min-width: 992px) {




    .navbar-nav .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        min-width: 240px;
        padding: 12px 0;
        margin-top: 0px;

        border: 0;
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 18px 45px rgba(0,0,0,.12);

        transition: all .35s ease;
        transform: translateY(15px);
    }

    .navbar-nav .dropdown:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .navbar-nav .dropdown-menu li {
        list-style: none;
    }

    .navbar-nav .dropdown-item {
        padding: 7px 5px;
        color: #222;
        font-size: 15px;
        font-weight: 500;
        transition: .25s ease;
          white-space: break-spaces;
    }

    .navbar-nav .dropdown-item:hover {
        background: #f5f7fb;
        color: var(--primary-color);
        /* padding-left: 28px; */
    }
}


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

.offcanvas .dropdown-menu {
    border: 0;
    box-shadow: none;
    background: #f8f9fa;
    border-radius: 10px;
    margin: 8px 15px 12px;
    padding: 6px 0;
}

.offcanvas .dropdown-item {
    padding: 10px 18px;
    font-size: 15px;
    color: #333;
    transition: .25s;
}

.offcanvas .dropdown-item:hover {
    background: #fff;
    color: var(--primary-color);
}

.offcanvas .dropdown-toggle::after {
    float: right;
    margin-top: 10px;
    transition: .3s;
}

.offcanvas .dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
}

/* Remove Bootstrap default arrow */
.navbar-nav .dropdown-toggle::after {
    display: none;
}

/* Font Awesome arrow */
.navbar-nav .dropdown-toggle::before {
content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 8px;
    right: 0px;
    font-size: 12px;
    display: inline-block;
    transition: transform .3s ease;
    position: absolute;
    top: 13px;
}

/* Rotate on hover */
.navbar-nav .dropdown:hover .dropdown-toggle::before {
    transform: rotate(180deg);
}


.offcanvas .dropdown-menu{

        position: unset!important;
    inset: unset!important;
    margin: unset!important;
    transform: unset!important;

}

@media(max-width:991px){

/* Rotate when dropdown is open */
.navbar-nav .dropdown-toggle.show::before {
    transform: rotate(180deg)!important;
}
    .navbar-nav .dropdown:hover .dropdown-toggle::before{

        transform: unset;
    }


}


.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
}

.swiper-button-prev::before,
.swiper-button-next::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
}

.swiper-button-prev::before {
    content: "\f104"; /* fa-chevron-left */
    color: var(--primary);
}

.swiper-button-next::before {
    content: "\f105"; /* fa-chevron-right */
      color: var(--primary);
}


.swiper-button-next{

      width: 30px;
    height: 30px;
    background-color: white;
    border-radius: 100%;
}



.swiper-button-prev{

      width: 30px;
    height: 30px;
    background-color: white;
    border-radius: 100%;
}


.scrollable-tabs-container {
  font-family: "Roboto", sans-serif;
  background: #f5f5f5;
  max-width: 100%;
  margin: 16px auto;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  padding: 0px;
}

.scrollable-tabs-container svg {
    width: 26px;
    height: 26px;
    padding: 5px;
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
    pointer-events: auto;
    background-color: var(--primary);
}

.scrollable-tabs-container ul {
  display: flex;
  gap: 5px;
    padding: 5px 4px 0px;
  margin: 0;
      border-radius: 10px !important;
  list-style: none;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

.scrollable-tabs-container ul.dragging a {
  pointer-events: none;
}

.scrollable-tabs-container ul.dragging {
  scroll-behavior: auto;
}

.scrollable-tabs-container ul::-webkit-scrollbar {
  display: none;
}

.scrollable-tabs-container a {
  color: var(--black);
  text-decoration: none;
  background: transparent;
  padding: 4px 24px;
  display: inline-block;
  border-radius: 4px;
  user-select: none;
  white-space: nowrap;
}

.scrollable-tabs-container a.active {
  background: #fff;
  color: #000;
}

.scrollable-tabs-container .right-arrow,
.scrollable-tabs-container .left-arrow {
  position: absolute;
  height: 100%;
  z-index: 9;
  width: 100px;
  top: 0;
  display: none;
  align-items: center;
  padding: 0 10px;
  pointer-events: none;
}



.scrollable-tabs-container .right-arrow.active,
.scrollable-tabs-container .left-arrow.active {
  display: flex;
}

.scrollable-tabs-container .right-arrow {
  right: 0;

  justify-content: flex-end;
}

.scrollable-tabs-container .left-arrow {
 
}

.scrollable-tabs-container svg:hover {
  background: #333;
}


.trust-bar{
background: #0070BC ; border-radius: 0px 20px 20px 20px;
border-radius: 0px 20px 20px 20px;
    overflow:hidden;

}

.trust-item{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 3px;

    height: 100%;
}

.trust-icon{
    width:41px;
    height:41px;
    min-width:56px;
    border-radius:14px;
background: linear-gradient(112.32deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 101.12%); backdrop-filter: blur(21px); /* Note: backdrop-filter has minimal browser support */ border-radius: 5px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
 
}

.trust-content h6{
    color:#fff;
    font-size:12px;
    font-weight:500;
    margin:0;
    line-height:1.2;
}

.trust-content{ 

    text-align: start;

}

.trust-content p{
    color:rgba(255,255,255,.9);
    margin:2px 0 0;
    font-size:12px;
    font-weight:500;
}

@media (max-width:991px){

    .trust-item{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.12);
        padding:16px 20px;
    }

    .trust-item:last-child{
        border-bottom:0;
    }

    .trust-icon{
        width:48px;
        height:48px;
        min-width:48px;
        font-size:20px;
    }

    .trust-content h6{
        font-size:18px;
    }

    .trust-content p{
        font-size:15px;
    }
}

.google-rating .stars{ font-size: 11px; color: var(--accent);} 


.current_page_item {

    position: relative;

}


.current_page_item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: var(--primary-light);
    bottom: -15px;
    left: 52%;
    transform: translateX(-50%);
    border-radius: 20px;
}



.lead-card br{ 

    display: none!important;

}


.lead-card p{ 

margin: 0px!important;

}

.select-terms{

        padding-left: 10px;
}

.select-terms p{display: flex; gap: 6px!important;}

.wpcf7-not-valid-tip{    font-size: 14px;
    margin-top: 5px;}


    .lead-card .consent{ font-weight: 500!important; color: #7E7E7E!important;    margin-top: 5px!important;}


    .wpcf7 form.sent .wpcf7-response-output{

            border-color: #46b450;
    background-color: #00800029;
    color: black;
    font-size: 14px;
    }



    .lead-card .wpcf7-spinner{
    right: 33px;
    bottom: -19px;
    position: absolute !important;
    }


    .wpcf7 form.invalid .wpcf7-response-output{
           border-color: #ffb900;
    background-color: #fdb8002e;
    color: black;
        font-size: 14px;
    }


    .about_water_drop{
position: absolute;
    right: 0;
    bottom: 14%;
        width: 250px;
    }

    #about{ position: relative;} 


    .left_water_drop{

    position: absolute;
    right: 0;
    top: 8px;
    width: 10%;
    }



    .right_water_drop{
    position: absolute;
    left: 0;
    bottom: -5%;
    width: 15%;
        

    }

    .align-front {

        position: relative;
        z-index: 9;

    }


   .left_water_wave{

            position: absolute;
    left: 0;
bottom: 0px;
width: 150px;

    }


    .right_water_wave{


            position: absolute;
    right: 0;
top: 30%;

width: 160px;

    }


    .before_after_section{

        position: relative;

    }


    .love_reasons{

        background-image: url(../img/reasons-bg.webp);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .love_reasons .eyebrow{ 

        color: white;

    }


        .love_reasons .section-title{
        color: white;

    }


    .right_faq_wave{


                    position: absolute;
    left: 0;
top: 20%;
    width: 18%;

    }

    .left_faq_wave{

            position: absolute;
    right: 0;
top: 4%;

    width: 16%;


    }



    footer .cta-banner{

      background: #0070BC!important

    }


        footer .cta-banner h3{

            color: white!important;

        }


        footer .cta-banner p{

            color: white!important;

        }


        .top_water_wave{

            position: absolute;
            top: -61px;
                width: 140px;

        }




        #header.scrolled .navbar-custom .nav-link{ color: black!important;}

        footer .current_page_item::after{

            content: unset!important;
        }



        #mobileMenu .current_page_item::after{

            content: unset!important;

        }


        .navbar-toggler {
    background-color: white !important; color: var(--primary)!important;}



    .single-services .cta-banner{

            background: #0070BC !important;

    }


    

     .single-services .cta-banner h3{ color: var(--white);}

     .single-services .cta-banner p{

        color: white;


     }


     .content-pages{ padding: 40px 0 60px; color: var(--text-color); background-color: #f4f4f4;}

      .content-pages h2{ 

            font-weight: 600;
    font-size: 22px;
    margin-top: 25px;
    color: var(--navy);
      }


      
      .content-pages h3{ 

            font-weight: 600;
    font-size: 22px;
    margin-top: 25px;
      }



      .content-pages a { color: var(--navy);}

       .content-pages ul{

            padding-left: 20px;
       }


         .content-pages ul li{


            padding: 6px 0;

         }

         .key-point{ 

               padding: 6px 0; 
         }



         .social_icons{
    display:flex;
    align-items:center;
    gap:12px;
    list-style:none;
    padding:0;
    margin:0;
}

.social_icons li{
    margin:0;
}

.social_icons li a{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    color:var(--navy);
    border:2px solid var(--navy);
    font-size:18px;
    text-decoration:none;
    transition:all .35s ease;
    box-shadow:0 6px 15px rgba(0,0,0,.08);
}

.social_icons li a:hover{
    background:var(--navy);
    color:#fff;
    transform:translateY(-5px) rotate(8deg);
    box-shadow:0 10px 25px rgba(13,110,253,.35);
}




.veteran-discount-section{
    background:#f8fbff;
}

.discount-box{
    background:#fff;
    padding:25px;
    border-radius:18px;
    text-align:center;
    border:1px solid #e7eef7;
    height:100%;
    transition:.3s;
}

.discount-box.active{
    background:#0d6efd;
    color:#fff;
}

.discount-box h2{
    font-size:48px;
    font-weight:700;
    margin-bottom:10px;
}

.feature-card{
    background:#fff;
    padding:35px 25px;
    text-align:center;
    border-radius:20px;
    height:100%;
    border:1px solid #edf0f5;
    transition:.35s;
}

.feature-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.08);
}

.feature-card .icon{
    width:75px;
    height:75px;
    background:#eaf3ff;
    color:#0d6efd;
    margin:auto;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    margin-bottom:20px;
}

/* .service-item{
    display:flex;
    gap:15px;
    margin-bottom:18px;
    align-items:flex-start;
} */

.service-item i{
    font-size:20px;
    margin-top:4px;
}

.cta-box{
    background:#f8f9fa;
    padding:50px;
    border-radius:24px;
}

.hero-image img{
    box-shadow:0 25px 70px rgba(0,0,0,.15);
}


.custom-video-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.custom-video-wrapper video {
    width: 100%;
    display: block;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border: none;
    border-radius: 50%;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
}

.play-btn:hover {
    background: var(--primary);
    transform: translate(-50%, -50%) scale(1.08);
}

/* Video play hone ke baad button hide rahe */
.custom-video-wrapper.playing .play-btn {
    opacity: 0;
    visibility: hidden;
}

/* Hover karne par button wapas show ho */
.custom-video-wrapper.playing:hover .play-btn {
    opacity: 1;
    visibility: visible;
}





 .work-section {
    padding: 80px 0 60px;
  }





   .work-section .stat-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: #0070bc33;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
  }

   .work-section .stat-icon svg {
    width: 22px;
    height: 22px;
    stroke: var(--navy);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

   .work-section .stat-number {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
  }

   .work-section .stat-label {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #64748b;
    margin-top: 4px;
  }



  .video-card{
  
    overflow:hidden;
    background:#fff;

}

.video-card iframe{
    width:100%;
    height:320px;
    border:0;
    display:block;
      border-radius:20px;
}

.video-info{
    padding:20px;
    text-align: center;
    font-size: 18px;
    color: var(--black);
}

.video-info h5{
    margin: 0;
    font-weight: 600;
    font-size: 20px;
}

@media(max-width:768px){
    .video-card iframe{
        height:220px;
    }
}



.youtube_videos_links{

    padding-top: 60px;

}

.why-section.local_expertise


.gallery-item{
    position:relative;
    display:block;
    overflow:hidden;
    border-radius:20px;
}

.gallery-item img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:0.6s!important;
    cursor: pointer;
}

.gallery-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:.4s;
}

.gallery-overlay i{
    width:65px;
    height:65px;
    border-radius:50%;
    background:#fff;
    color:#0d6efd;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    transform:scale(.6);
    transition:.4s;
}

.gallery-item:hover img{
    transform:scale(1.08);
    transition: 0.6s!important;
}

.gallery-item:hover .gallery-overlay{
    opacity:1;
}

.gallery-item:hover .gallery-overlay i{
    transform:scale(1);
}



.menu-item-has-children .dropdown-menu{

        width: 300px;
    overflow: hidden;

}


.menu-item-has-children .dropdown-menu{

    padding: 6px 6px!important;
        color: #222!important;
        font-size: 14px!important;

}

.single-services-area .reviews_section { 

    padding-top: 0px!important;

}



.single-services-area #faq{
    padding-bottom: 90px !important;

}


.single-services #faq{
    padding-bottom: 90px !important;

}



.why-section{
    background: var(--page-bg);

  }

  .local_expertise .why-card{
    max-width: 100%;
    margin: 0 auto;
    background: #0070bc1f;
    border: 1px solid var(--card-border);
    border-radius: 28px;
    padding: 70px 12px;
box-shadow: none!important;
  }

  .local_expertise-label{
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 2px;
    color: var(--teal);
    text-transform: uppercase;
    margin-bottom: 18px;
  }

  .headline{
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 44px;
    line-height: 1.15;
    color: var(--ink);
    margin-bottom: 28px;
  }

  .headline .accent{
    background: linear-gradient(90deg, var(--teal), var(--green));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  .lead-text{
    font-size: 17px;
    line-height: 1.75;
    color: var(--muted);
    max-width: 720px;
    margin: 0 auto 12px auto;
  }

  .local_expertise .stat-card{
    background: white;
    border: 1px solid var(--card-border);
    border-radius: 16px;
    padding: 22px 18px;
    text-align: center;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;

  }

  .local_expertise .stat-card:hover{
    transform: translateY(-4px);
    border-color: var(--teal);
    box-shadow: 0 14px 30px -18px rgba(8, 145, 178, 0.4);
  }

  .stat-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--ink);
    margin-bottom: 4px;
  }

  .stat-desc{
    font-size: 13px;
    color: var(--teal);
    font-weight: 500;
    margin: 0;
  }

  @media (max-width: 767px){

    .local_expertise .why-card{    padding: 30px 12px;}

    .why-card{ padding: 45px 24px; }
    .headline{ font-size: 30px; }
  }




  .page-template-benefits-of-pressure-washing .reviews_section { 


    padding-top: 0px!important;

  }


.single-services-area .what_we_do {

padding-top: 60px!important;

}



 .guarantee{
    position:relative;
    background: linear-gradient(90deg, #338EC9 0%, #142F89 100%);
    overflow:hidden;
    padding: 72px 0px 100px;
    display:flex;
    align-items:center;
    justify-content:center;
    isolation:isolate;
  }

  /* atmospheric depth, not a template gradient blob — a soft directional wash */
  .guarantee::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(120% 140% at 18% -10%, var(--blue-glow) 0%, transparent 55%),
      linear-gradient(180deg, var(--blue-deep) 0%, var(--blue) 45%, var(--blue-deep) 100%);
    opacity:0.9;
    z-index:-2;
  }

  /* faint diagonal texture for material quality, kept quiet */
  .guarantee::after{
    content:"";
    position:absolute;
    inset:0;
    background-image: repeating-linear-gradient(115deg, rgba(255,255,255,0.035) 0px, rgba(255,255,255,0.035) 1px, transparent 1px, transparent 64px);
    z-index:-1;
  }

  .guarantee__rule{
    position:absolute;
    left:0; right:0;
    height:1px;
    background: linear-gradient(90deg, transparent, var(--blue-line) 20%, var(--blue-line) 80%, transparent);
  }
  .guarantee__rule--top{ top:0; }
  .guarantee__rule--bottom{ bottom:0; }

  .guarantee__nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:44px; height:44px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,0.28);
    background:rgba(255,255,255,0.06);
    color:var(--ink);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
  }
  .guarantee__nav:hover{
    background:rgba(255,255,255,0.14);
    border-color:rgba(255,255,255,0.5);
  }
  .guarantee__nav:focus-visible{
    outline:2px solid var(--gold);
    outline-offset:3px;
  }
  .guarantee__nav--prev{ left:28px; }
  .guarantee__nav--next{ right:28px; }
  .guarantee__nav svg{ width:18px; height:18px; }

  .guarantee__content{
    position:relative;
    max-width:620px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
  }

  .guarantee__eyebrow{

    font-size:12px;
    font-weight:600;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:var(--white);
    margin:0 0 14px;
  }

  .guarantee__heading{

    font-weight:600;
    font-size:clamp(26px, 4vw, 38px);
    line-height:1.15;
    color:var(--white);
    margin: 0 0 10px;
    letter-spacing:-0.01em;
  }

  /* signature badge: faceted shield with checkmark, replacing the clip-art ribbon */
  .badge{
    position:relative;
    width:112px;
    height:130px;
    margin-bottom:10px;
  }
  .badge__glow{
    position:absolute;
    inset:-22px;
    background: radial-gradient(circle, rgba(244,183,64,0.35) 0%, transparent 68%);
    z-index:0;
  }
  .badge svg{ position:relative; z-index:1; width:100%; height:100%; }

  .guarantee__body{
    font-weight:400;
    font-size:16px;
    line-height:1.6;
    color:var(--white);
    margin:0;
    max-width:480px;
  }

  .guarantee__body strong{
    color:var(--ink);
    font-weight:600;
  }

  @media (max-width:640px){
    .guarantee{ padding:64px 0px 75px; }
    .guarantee__nav{ width:36px; height:36px; }
    .guarantee__nav--prev{ left:12px; }
    .guarantee__nav--next{ right:12px; }
  }

  @media (prefers-reduced-motion: reduce){
    .guarantee__nav{ transition:none; }
  }