@font-face {
  font-family: 'Sabon';
  src: url('../fonts/Sabon.woff2') format('woff2'),
       url('../fonts/Sabon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

  .font-Sabon {
    font-family: 'Sabon', cursive;
  }

::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #864100; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: white; 
}


*{
  scroll-behavior: smooth;
  scrollbar-width: 5px;
}

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

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
  overscroll-behavior: contain;
}

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

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}



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

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
  overscroll-behavior: contain;
}

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

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}


/* css for swiper  */

   .layout-buttons .swiper-slide {
        height: auto !important;
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
        scale: 1;
    }

    .layout-buttons .swiper-slide-active {
        opacity: 1;
      
    }

    .swiper-slide .plan-text {
        color: white;
        transition: color 0.3s ease;
    }

    .swiper-slide-thumb-active .plan-text {
        color: transparent;
    }

    .swiper-slide .plan-image {
        filter: grayscale(100%);
        transition: filter 0.3s ease;
    }

    .swiper-slide-thumb-active .plan-image {
        filter: grayscale(0%);
    }

    /* Additional styles for the main slider content */
    .swiper-slide[data-aos] {
        opacity: 1;
    }