.embla {
  overflow: hidden;
}
.embla__container {
  display: flex;
}
.embla__slide {
  flex: 0 0 100%;
  min-width: 0;
}
/* Custom scrollbar styles */
.custom-scrollbar::-webkit-scrollbar {
  height: 8px; /* Adjust scrollbar thickness */
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #e5e7eb; /* Light gray track */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #3b82f6; /* Blue thumb */
  border-radius: 9999px; /* Fully rounded thumb */
  border: 2px solid #e5e7eb; /* Adds padding effect */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #2563eb; /* Darker blue on hover */
}
/* ### */
  /* Initial Sun (Light Mode) */
  #sun-icon {
    opacity: 1;
    transform: translateX(0);
  }

  /* Moon initially hidden */
  #moon-icon {
    opacity: 0;
    transform: translateX(-20px);
  }

  /* Dark Mode: Moon visible, Sun hidden */
  .dark #sun-icon {
    opacity: 0;
    transform: translateX(20px);
  }

  .dark #moon-icon {
    opacity: 1;
    transform: translateX(0);
  }
.jdhd {
  color: #ffa600;
}
.banner-images {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}