/* Default styles for larger screens */
.w-slider-dot {
  width: 18em;
  height: 3px;
  background: #6aaaf3;
  top: 3px;
}
.w-slider-dot.w-active {
  width: 18em;
  height: 6px;
  background: white;
  top: 3px;
}
.w-slider-nav.w-round div {
  width: 18em;
}
.w-slider-nav {
  background: #11092f;
  height: 38px;
}
/* Hide scrollbar */
body::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge, and Firefox */
body {
  -ms-overflow-style: none; /* IE and Edge */
}
/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
  .w-slider-dot,
  .w-slider-dot.w-active {
    width: 12em; /* Adjust width for medium screens */
  }
  .w-slider-nav.w-round div {
    width: 12em; /* Adjust width for medium screens */
  }
  .w-slider-nav {
    height: 30px; /* Adjust height for medium screens */
  }
}
@media (max-width: 480px) {
  .w-slider-dot,
  .w-slider-dot.w-active {
    width: 8em; /* Adjust width for small screens */
  }
  .w-slider-nav.w-round div {
    width: 8em; /* Adjust width for small screens */
  }
  .w-slider-nav {
    height: 25px; /* Adjust height for small screens */
  }
}

.beer-slider {
  height: 100% !important;
  background: #11092f;
}
.beer-slider,
.beer-slider > img {
  width: 100% !important;
}
.beer-range::-webkit-slider-thumb {
  -webkit-appearance: auto;
}