:root{
      --accent:#c78548; 
      --dark:#0f172a;
      --muted:#6b7280;
      --bg:#fbf7f2;
      --line:rgba(0,0,0,.06);
      --card: #ffffff;
      --radius:18px;
      --shadow: 0 20px 50px rgba(15,23,42,.08);
    }

    body{font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#111827;}
    a{text-decoration:none;color: inherit;}
    .container{max-width: 1180px;}

    /* topbar */
    .topbar{
      background: #fff;
      border-bottom: 1px solid var(--line);
      font-size: 14px;
    }
    .topbar .sep{opacity:.35; margin: 0 10px;}

    /* navbar */
    .navbar{
      background:#fff;
      border-bottom: 1px solid var(--line);
    }
    .navbar .nav-link{
      color:#111827;
      font-weight:600;
      padding: 22px 14px;
    }
    .navbar .nav-link:hover{color: var(--accent);}
    .dropdown-menu[data-bs-popper] {
  border-top: 6px solid #c78548;
  border-radius: 0;
  padding: 20% 30%;
}
.dropdown-item{border-radius: var(--bs-dropdown-item-border-radius,0);
  margin: 3% 0;
  border-bottom: 1px dashed #cacaca;}
  .dropdown-item i {
  font-size: small;
  color: #999;
}
    .btn-accent{
      background: var(--accent);
      border-color: var(--accent);
      color: #fff;
      border-radius: 0;
      font-weight:700;
      box-shadow: 0 16px 30px rgba(199,133,72,.25);align-content: center;
    }
    .btn-accent:hover{ color:#c78548;border: 1px solid #c78548;}
    .cities li:hover{color:#c78548;border: 1px solid #c78548;background-color: #fff;}
nav .btn-accent{padding: 0 15px;}
.phone {
  letter-spacing: 1px;
  font-weight: 600;
  font-size: larger;
}
.gradient{background: linear-gradient(180deg, #fff, var(--bg));}
    /* hero */
    .hero{
      position: relative;
      background: radial-gradient(circle at 20% 10%, rgba(199,133,72,.10), transparent 40%),
                  radial-gradient(circle at 80% 20%, rgba(199,133,72,.10), transparent 45%),
                  linear-gradient(0deg, #fff, var(--bg));
      overflow:hidden;
      height: 90vh;
    }
    .hero::before{
      content:"";
      position:absolute; inset:-40px;
      background-image: url("../carpet-cleaning/carpet-bg.webp"); /* optional texture */
      opacity:.06;
      pointer-events:none;
    }

    .hero-inner{position: relative; padding: 60px 0 40px;z-index: 1;}
    .hero-lead{border: 1px solid rgba(199,133,72,.25);border-radius: 5px;
  background: rgba(255,255,255,.3);
  backdrop-filter: blur(6px);
      color: #444;
      max-width: 520px;
      font-size: 16px;
      line-height: 1.75;padding: 1% 2%;
    }
    .hero-kicker{
      display:inline-flex; align-items:center; gap:10px;
      font-weight:800; letter-spacing:.12em;
      font-size: 12px; color: var(--accent);
      text-transform: uppercase;
      border: 1px solid rgba(199,133,72,.25);
      padding: 8px 12px;
      border-radius: 5px;
      background: rgba(255,255,255,.6);
      backdrop-filter: blur(6px);width: auto;
margin-top: 20%;
}    .hero-title{
      font-weight: 900;
      letter-spacing:-.04em;
      font-size: clamp(42px, 6vw, 92px);
      line-height: .92;
      margin: 18px 0 14px;position: relative;
  z-index: 9;
    }
    .hero-title span{
      display:inline-block;
      color: #111827;
    }
    .hero-title .ghost{
      color: rgba(17,24,39,.3);
      position: relative;
      left: 4px;-webkit-text-stroke: 3px #f9f3ee;
    }


    /* hero images (overlap like template) */
    /* .hero-media{position: relative; min-height: 420px;} */
    .hero-img-left{
      position:absolute; left: 0; top: 7%;
    }
    .hero-img-right{
      position:absolute; right: 0; bottom: 0;
      overflow:hidden;
      box-shadow: var(--shadow);
    }
    .hero-img-left img, .hero-img-right img{width:100%; height:100%; object-fit: cover;}
    .hero-float{
      position:absolute;
      right:0; top: 5%;
      width: 200px; height: 200px;
      border-radius: 50%;
      background: #fff;
      box-shadow: var(--shadow);
      display:grid; place-items:center;
background-image: url(../carpet-cleaning/intro.webp); 
overflow: hidden;   }
.star{ position:absolute;
      right:-7.5%; top: 15%;}
    .hero-float button{
      width: 56px; height: 56px; border-radius: 999px;
      border: none; background: var(--accent); color:#fff;
      display:grid; place-items:center;
      box-shadow: 0 18px 35px rgba(199,133,72,.30);
    }
    



.ripple {
    text-decoration: none;
    color: #fff;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-animation: ripple 1s linear infinite;
    animation: ripple 1s linear infinite;
}


@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0.2);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0.2), 0 0 0 90px rgba(189, 142, 210, 0);
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0.2), 0 0 0 60px rgba(255, 255, 255, 0.2), 0 0 0 90px rgba(255, 255, 255, 0);
  }
}


    .spark{
      position:absolute; width: 10px; height: 10px; border-radius: 2px;
      background: rgba(199,133,72,.8);
      transform: rotate(45deg);
      opacity:.7;
      filter: blur(.2px);
    }
    .spark.s1{left: 42%; top: 22%;}
    .spark.s2{left: 12%; top: 20%;}
    .spark.s3{right: 8%; top: 35%; opacity:.35;}
    .spark.s4{right: 26%; bottom: 18%; opacity:.55;}

    /* icon row */
    .icon-row{
      background:#faf5f1;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      padding: 26px 0;
    }
    .icon-pill{
      display:flex; align-items:center; gap:12px;
      color:#111827;
      justify-content:center;
      font-weight:800;
    }
    .icon-pill i{
      color: var(--accent);
      font-size: 1.8vw;
    }

    /* section base */
    section{padding: 90px 0;}
    .sec-kicker{
      display:inline-flex; align-items:center; gap:10px;
      font-weight:900; letter-spacing:.14em;
      font-size: 12px; color: var(--accent);
      text-transform: uppercase;
    }
    .sec-kicker::before{
      content:"";
      width: 22px; height: 2px; background: var(--accent);
      border-radius: 99px; display:inline-block;
    }
    .sec-title{
      font-weight: 900;
      letter-spacing:-.02em;
      margin: 10px 0 16px;
    }
    .sec-lead{color: var(--muted); line-height: 1.8;}

    /* service cards */
    .service-card{
      border: 1px solid var(--line);
      padding: 26px;
      height: 100%;
      position: relative;
      overflow:hidden;
      transition: transform .25s ease, box-shadow .25s ease;
      background-color: #ffffffa1;padding: 10% 5%;
    }
    .service-card:hover{
      box-shadow: var(--shadow);
    }
    .service-ico{
      width: 54px; height: 54px; border-radius: 16px;
      display:grid; place-items:center;
      background: rgba(234, 193, 155, 0.39);
      color: var(--accent);
      font-size: 20px;
      margin-bottom: 16px;
    }
    .service-card .h5{font-weight: 900; margin-bottom: 8px;font-size: 1.2rem;}
    .service-card p{color: var(--muted); line-height: 1.75; margin-bottom: 16px;}
    .service-card .link{
      font-weight: 900; color:#111827;
      display:inline-flex; align-items:center; gap:8px;
    }
    .service-card:hover .link{color: var(--accent);}


.image_container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
}

.image_container .image {
    position: relative;
}

.image_container .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    position: absolute;
}

.image_container .image img:nth-of-type(1) {
    filter: grayscale(1) brightness(120%);opacity: .5;
}

.image_container .image img:nth-of-type(2) {
    clip-path: var(--clip-start);
    transition: clip-path 0.5s;

}

.image_container .image:hover img:nth-of-type(2) {
    clip-path: var(--clip-end);
}

    /* about collage */
    .collage{
      position:relative;
      min-height: 500px;
    }
    .tile-a, .tile-b, .tile-c{
      position:absolute;overflow:hidden;
      box-shadow: var(--shadow);
      border: 6px solid rgba(255,255,255,.65);
    }
    .tile-a{left: 0; top: 0;width: 350px;
  height: 100%;
}
    .tile-b{width: 330px;
  height: 270px;
  right: 0;
  bottom: 30px;}
    .tile-c{right: 0; top: 60px; width: 220px; height: 210px;}
    .tile-a img, .tile-b img, .tile-c img{width:100%; height:100%; object-fit: cover;}

    /* bullet */
    .checklist li{
      margin: 10px 0;
      color:#111827;
      font-weight:700;
    }
    .checklist i{color: var(--accent); margin-right: 10px;}

    /* skilled section cards */
    .mini-photo{
      border-radius: var(--radius);
      overflow:hidden;
      box-shadow: var(--shadow);
      background:#fff;
    }
    .mini-photo img{width:100%; height:100%; object-fit:cover;}
    .counter-box{
      border-radius: var(--radius);
      background: var(--accent);
      color:#fff;
      padding: 26px;
      display:flex; flex-direction:column; justify-content:center;
      box-shadow: 0 24px 50px rgba(199,133,72,.26);
    }
    .count2{background-color: #fff;
    color: #915e30;}
    .counter-box .num{font-weight: 900; font-size: 54px; line-height: 1;}
    .counter-box .txt{opacity:.9; font-weight:700;}

    /* video section */
    /* .video-wrap{
      position: relative;
    } */
    /* .video-wrap img{width:100%; height:100%; object-fit:cover; opacity:.92;} */
    /* .video-play{
      position:absolute; inset:0;
      display:grid; place-items:center;
    }
    .video-play button{
      width: 70px; height: 70px; border-radius: 999px;
      border:none; background: #fff; color: var(--accent);
      display:grid; place-items:center;
      box-shadow: var(--shadow);
    } */
     .padding-coup{padding: 8% 0 20% 0}
.coupon{margin: -25% 0 8% 0;box-shadow: 0 0 13px #00000070;}
    /* projects dark section */
    .dark-sec{
      background: radial-gradient(circle at 30% 10%, rgba(199,133,72,.16), transparent 45%),
                  linear-gradient(180deg, #0b1220, #070b12);
      color:#fff;
      position: relative;
    }
    .dark-sec .sec-title{color:#fff}
    .dark-sec .sec-lead{color: rgba(255,255,255,.72)}
    .proj-card{
      border-radius: var(--radius);
      overflow:hidden;
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.10);
    }
    .proj-card img{width:100%; height: 240px; object-fit: cover;}
    .proj-meta{
      padding: 16px 16px 18px;
      display:flex; justify-content:space-between; align-items:center;
    }
    .proj-meta .h6{margin:0; font-weight:900;}
    .proj-meta .mini-btn{
      width: 38px; height: 38px; border-radius: 12px;
      display:grid; place-items:center;
      background: rgba(199,133,72,.22);
      color:#fff;
      border:1px solid rgba(199,133,72,.35);
    }

    /* FAQ */
    .accordion-button{font-weight:900;background-color: #f9f3ef;}
    .accordion-button:not(.collapsed){background: rgba(199,133,72,.12); color:#111827;}
    .accordion-item{ overflow:hidden; border: 1px solid var(--line); margin-bottom: 12px;background-color: #f9f3ef;}
    .accordion-body{color: var(--muted); line-height: 1.8;}
.swiper-pagination-bullet{opacity: 0;}
/* a.lightbox img{height:auto;border:3px solid white;box-shadow:2px 2px 6px rgba(0,0,0,0.7);margin:20px 1%;width:31%;transition:.5s} */
.lightbox-target{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.7);opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;overflow:hidden;z-index:2}
.lightbox-target img{margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-height:0;max-width:0;border:3px solid white;box-shadow:0 0 8px rgba(0,0,0,0.7);box-sizing:border-box;transition:.5s ease-in-out}
a.lightbox-close{width:100%;height:100%;position:absolute;transition:.5s ease-in-out;opacity:0}
.lightbox-target:target{opacity:1;top:0;bottom:0}
.lightbox-target:target img{max-height:100%;max-width:100%}
/* a.lightbox img:hover{transform:scale(1.02)} */
    /* team */
    .team-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius: var(--radius);
      overflow:hidden;
      box-shadow: 0 0 0 rgba(0,0,0,0);
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .team-card:hover{transform: translateY(-6px); box-shadow: var(--shadow);}
    .team-card img{width:100%; height: 220px; object-fit:cover;}
    .team-card .p{padding: 16px;}
    .team-card .p h6{font-weight: 900; margin-bottom: 4px;}
    .team-card .p small{color: var(--muted); font-weight:700;}
.data {
  background-color: #c78548;
  padding: 3%;
  color: #fff;margin-bottom: 5%;
}
.data i{color: #c78548; background-color: #fff;border-radius: 50%;padding: 3%;}
.social i{border: 1px solid #ffffff3d;
  padding: 3%;}
.fancy-box {
  display: flex;
  align-items: center;
  gap: 15px;
}
    /* testimonials */
    .testi{
      background:#fff;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 24px;
      box-shadow: var(--shadow);
      min-height: 220px;
      position: relative;
    }
    .testi .quote{
      position:absolute; right: 18px; top: 12px;
      color: rgba(199,133,72,.35);
      font-size: 44px;
    }
    .stars{color: var(--accent);}
    .testi p{color: var(--muted); line-height: 1.8; margin: 12px 0 0;}
    .testi .who{display:flex; gap:12px; align-items:center; margin-top: 16px;}
    .testi .who img{width: 44px; height:44px; border-radius: 999px; object-fit: cover;}
    .testi .who b{display:block; font-weight: 900;}
    .testi .who small{color: var(--muted); font-weight:700;}

    /* CTA */
    .cta{
      background: linear-gradient(90deg, rgba(199,133,72,.12), rgba(199,133,72,.00));
      border-radius: calc(var(--radius) + 8px);
      padding: 36px;
      overflow:hidden;
      position: relative;
      border: 1px solid var(--line);
    }
    .cta::after{
      content:"";
      position:absolute; right:-40px; top:-40px;
      width: 160px; height: 160px;
      background: rgba(199,133,72,.18);
      border-radius: 999px;
      filter: blur(0px);
    }

    /* gallery */
    .gallery{
      display:grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 10px;
    }
    .gallery a{
      display:block;
      border-radius: 16px;
      overflow:hidden;
      border:1px solid var(--line);
      background:#eee;
    }
    .gallery img{width:100%; height: 110px; object-fit: cover;}

    /* blog */
    .blog-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius: var(--radius);
      overflow:hidden;
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .blog-card:hover{transform: translateY(-6px); box-shadow: var(--shadow);}
    .blog-card img{width:100%; height: 210px; object-fit: cover;}
    .blog-card .p{padding: 18px;}
    .blog-card .meta{color: var(--muted); font-weight:700; font-size: 13px;}
    .blog-card h6{font-weight:900; margin: 10px 0 0; line-height:1.35;}
.form-control{margin:3% 0;}
.cities li {
  float: left;
  margin: .5%;
  padding: .7% 2%;
  list-style: none;
  background-color: #c78548;
  color: #fff;
  border-radius: 5px;width: 15.6%;
  text-align: center;border: 1px solid #c78548;
}

    /* footer */
    footer{
      background: radial-gradient(circle at 20% 0%, rgba(199,133,72,.18), transparent 38%),
                  linear-gradient(180deg, #0b1220, #070b12);
      color: rgba(255,255,255,.82);
      padding: 80px 0 30px;
      position: relative;
    }
    footer a{color: rgba(255,255,255,.75);}
    footer a:hover{color:#fff;}
    .foot-title{color:#fff;margin-bottom: 14px;font-size: 20px;}
    .foot-title i, .foot-list i{color: #c78548;}
    .foot-list{list-style:none; padding:0; margin:0;}
    .foot-list li{margin: 10px 0;}
    .foot-bottom{
      border-top: 1px solid rgba(255,255,255,.12);
      margin-top: 36px;
      padding-top: 18px;
      font-size: 14px;
      color: rgba(255,255,255,.70);
    }
    .foot-title{
  color: #fff;
  font-family: "Plus Jakarta Sans", system-ui;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: inline-block;
  position: relative;
  padding-bottom: 20px;
}
.foot-title::after {
  position: absolute;
  bottom: 0;
  left: 40px;
  content: "";
  width: 55px;
  height: 2px;
  background-color:#fff;
}
.foot-title::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 25px;
  height: 2px;
  background-color: #0a0f19;
}
    /* Swiper arrows (similar to demo right dots/arrows) */
    .swiper-nav{
      display:flex; gap:10px; justify-content:end;
    }
    .sw-btn{
      width: 44px; height: 44px; border-radius: 14px;
      display:grid; place-items:center;
      border: 1px solid var(--line);
      background:#fff;
      color:#111827;
    }
    .dark-sec .sw-btn{
      background: rgba(255,255,255,.06);
      border-color: rgba(255,255,255,.15);
      color:#fff;
    }
    .sw-btn:hover{transform: translateY(-2px);}

    /* responsive tweaks */
        @media (max-width: 1500px){
          .hero-title span:last-child{text-shadow: 0 0 5px #fff;}
        }
                @media (max-width: 1370px){
.star{right: 0;}
.hero-float{right: 7%;}        }
                @media (max-width: 1270px){
                  .hero-inner {
  margin: 2% 0 0 30%; max-width: 100%;
}
.hero-float{left: 43%;}
.star{left: 62%;}
.data{margin: 0 2% 5% 2%;}}
                @media (max-width: 1150px){
                  .hero-inner {
  margin-left: 34%;
  margin-top: -1%;
}
.hero-img-right {
  width: 70%;
}
.hero-img-left {
  width: 30%;
}
  .hero-float {
    left: 33%;
    z-index: -1;
  }
    .star {
    left: 56%;
  }
                }
@media (max-width: 791px){
                       .hero-inner {
  max-width:65%;
    margin-top: 15%;
  }
    .hero-float {
    top: -10%;
  }
   .star {
    left: 76%;
    top: 0;
  }
  .image_container {
  grid-template-columns: repeat(2, 1fr);
}
                    }
    @media (max-width: 991px){
      .navbar .nav-link {padding: 1%;
  border-bottom: 1px dashed #ccc;
}
.dropdown-menu[data-bs-popper] {
  padding: 0
}
.dropdown-item {
  margin: 1% 0;
}
.icon-pill i {
  font-size: 3vw;
}
.cities li{width:24%;}
.f2 i{border: 1px solid #fff;
    background-color: transparent;
    color: #fff;}
      /* .hero-media{min-height: 360px; margin-top: 30px;}
      .hero-img-left{width: 190px; height: 270px;}
      .hero-img-right{width: 320px; height: 220px;}
      .hero-float{right: 140px;} */
      /* .tile-c{display:none;}
      .gallery{grid-template-columns: repeat(3, 1fr);} */
    }
    @media (max-width: 576px){  .icon-pill i {
    font-size: 4vw;
  }
  .cities li{width:49%;}
      .hero-media{display:none;}
      .hero-img-right{position:relative; right:auto; bottom:auto; width:100%; height: 260px; transform:none;}
        .hero-inner {
    margin-top: 0;padding: 8% 0;
  }
  .hero-kicker{margin-top: 10%;}
      .hero-float{right: 16px; top: 16px;}
      section{padding: 70px 0;}
      .gallery{grid-template-columns: repeat(2, 1fr);}
    }


.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}:root{--swiper-navigation-size:44px}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}