*{
  /* border:1px solid red; */
}
body {
  background-color: #E9DFD4;
  font-family: var(--font-secondary);
  overflow-x: hidden;
}



.max-w-8xl {
  width: 100%;
  max-width: 1320px;
}



.menu-items {
  flex-shrink: 0;
}

.menu-items > li {
  padding: 10px 16px;
  border-radius: 26px;
  border: 1px solid #d9cfc7;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}




.parallax-wrap {
  overflow: hidden;
  position: relative;
}

.parallax-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.25);
  will-change: transform;
}


.why-choose-us-top {
  background: url(/assets/img/misc/why-choose-us.webp) no-repeat ;
  height: 413px;
  background-size: cover;
  background-position: center;

  
}


.services-swiper {
  overflow: visible !important;
}


.swiper-slide-active .service-card {
  transform: translateY(-37px);
  transition: transform 0.5s ease-out;
}


.services-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #111;
  opacity: 0.25;
  border-radius: 9999px;
  transition: opacity 0.3s ease, width 0.3s ease;
}

.services-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  width: 22px;
  border-radius: 9999px;
}



.stats-balls {
  z-index: 1;
  transition: all 0.6s ease;
}

.stats-balls.active {
  z-index: 2;
  left: 89px;
  transform: rotate(360deg);
}

.stats-balls:not(.active) {
  z-index: 1;
  left: 0;
  transform: rotate(0deg);
}



.testi-arrow-stroke {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}



@media (max-width: 576px) {
  .why-choose-us-top {
    height: 300px;
  }

  .swiper-slide-active .service-card {
    transform: none;
  }
}

.works-v2-swiper .swiper-slide {
    transition: transform 0.3s ease, opacity 0.3s ease;
    will-change: transform, opacity;
  }

  .work-v2-tab {
    color: #999;
  }
  .work-v2-tab.active {
    color: #111;
    border-bottom:2px solid #000;
  }

  .arrow-btn { transition: opacity 0.3s ease; }
  .arrow-btn:hover { opacity: 0.85; }

  @media (prefers-reduced-motion: reduce) {
    .works-v2-swiper .swiper-slide { transition: none; }

  }





  
              @keyframes marquee-scroll {
                0% {
                  transform: translateX(0);
                }
                100% {
                  transform: translateX(-100%);
                }
              }
              .marquee-track {
                animation: marquee-scroll 25s linear infinite;
              }
              .marquee-wrapper:hover .marquee-track {
                animation-play-state: paused;
              }
              .max-w-8xl {
                max-width: 88rem; /* adjust as needed */
              }

              @media (max-width: 767px) {
                .marquee-track {
                  animation-duration: 8s;
                }
              }
           

              .project-video-wrap video.is-playing ~ .video-play-icon {
  opacity: 0 !important;
}