/* 
          :root{
            --logo-font: 'Cinzel', serif;
        } */
      body {
        /* padding-top: 80px; */
        /* color: #D78235; */
      }
      html, body {
        overflow-x: hidden !important;
        width: 100%;
      }
      /* Small helper for drawer animation states */
      .drawer-hidden {
        transform: translateX(100%);
      }
      .drawer-visible {
        transform: translateX(0);
      }
      .backdrop-hidden {
        opacity: 0;
      }
      .backdrop-visible {
        opacity: 1;
      }
      .no-pointer {
        pointer-events: none;
      }
      .yes-pointer {
        pointer-events: auto;
      }

     
   /* header search */
      .relative{
          position:relative;
      }

      .header-search-box{
          position:absolute;
          top:66px;               
          left:50%;
          transform:translateX(-50%);

          width:420px;
          background:#fff;
          border:1px solid #dbe3ea;
          border-radius:16px;
          /* padding:14px; */
          box-shadow:0 10px 30px rgba(0,0,0,0.08);

          display:none;
          z-index:9999;
          animation:fadeDown .25s ease;
      }

      .header-search-box.show{
          display:block;
      }
      .header-search-box-mobile-menu{
        border:1px solid #dbe3ea;
        border-radius:16px;
        box-shadow:0 10px 30px rgba(0,0,0,0.08);
        animation:fadeDown .25s ease;
      }

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

          .header-search-box{
              /* width:90vw;
              left:50%;
              transform:translateX(-50%);
              top:40px; */
              width: 90vw;
              left: -518%;
              transform: translateX(-50%);
              top: 53px;
          }

      }
      /* .font1{
        font-family: "Raleway", sans-serif;
      }
      .font2{
        font-family: "Marcellus", serif;
      }
      .font3{
        font-family: "Inter", sans-serif;
      }
      .font4{
        font-family: "Archivo", sans-serif;
      } */
      .logo-text{
         
          font-weight: 700;
      }

      .heroSwiper .swiper-slide{
    opacity: 0 !important;
    transition: opacity 1.2s ease-in-out;
}

.heroSwiper .swiper-slide-active{
    opacity: 1 !important;
}
.heroSwiper .swiper-slide {
    overflow: hidden;
}

.heroSwiper .hero-image {
    animation: zoomEffect 10s ease-in-out infinite alternate;
    transform: scale(1);
}

@keyframes zoomEffect {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.15);
    }
}

/* Left & Right Arrow Style */
.heroSwiper .swiper-button-prev,
.heroSwiper .swiper-button-next {
    width: 45px;
    height: 45px;
    border-radius: 50%;

    /* Transparent Glass Effect */
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border: 1px solid rgba(255, 255, 255, 0.15);

    transition: all 0.3s ease;
}

/* Arrow Icon Size */
.heroSwiper .swiper-button-prev::after,
.heroSwiper .swiper-button-next::after {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

/* Hover Effect */
.heroSwiper .swiper-button-prev:hover,
.heroSwiper .swiper-button-next:hover {
    background: rgba(255, 255, 255, 0.22);
    transform: scale(1.08);
}

/* Position */
.heroSwiper .swiper-button-prev {
    left: 20px;
}

.heroSwiper .swiper-button-next {
    right: 20px;
}

/* Normal Dots */
.heroSwiper .swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
    width: 10px;
    height: 10px;
    transition: all 0.3s ease;
}

/* Active Dot */
.heroSwiper .swiper-pagination-bullet-active {
    background: #000000 !important;
    transform: scale(1.2);
}


/* <!------------------> */


  @keyframes scroll {
      from {
          transform: translateX(0);
      }
  
      to {
          transform: translateX(-50%);
      }
  }
  
  .animate-scroll {
      width: max-content;
      animation: scroll 20s linear infinite;
  }
  
  .animate-scroll:hover {
      animation-play-state: paused;
  }




/* <!------------------> */


  @keyframes audioUp {
      from {
          transform: translateY(0);
      }
  
      to {
          transform: translateY(-50%);
      }
  }
  
  .audio-scroll {
      animation: audioUp 20s linear infinite;
  }
  
  .audio-scroll:hover {
      animation-play-state: paused;
  }