* {
  margin: 0%;
  padding: 0%;
}
.carousel-section {
  padding: 0px;
  box-shadow: none;
  padding-right: 10px;
}
.bottom-margin {
  margin-bottom: 10px;
}
.whtavailable-part {
  height: 50vh;
  margin-bottom: 15px !important;
}
.indicator-container {
  display: flex;
  width: 370px;
  justify-content: center;
  gap: 12px;
  background-color: white;
  height: 70px;
  align-items: start;
}
.indicator {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  border-radius: 100px;
  background-color: #000;
  transition: all 0.3s ease;
  cursor: pointer;
  opacity: 0.4;
}
@media (min-width: 600px) {
  .indicator-container {
    display: none !important;
  }
}
.indicator.active {
  width: 24px;
  opacity: 1;
}
.right-margin {
  margin-right: 10px;
}
.carousel-desc {
  font-family: Roboto;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.2px;
  vertical-align: middle;
  color: #000000;
  white-space: normal;
  word-wrap: normal;
}
.custom-carousel {
  display: block; /* or leave out display */
  overflow-x: auto !important;
  white-space: nowrap;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; /* momentum scrolling */
  -ms-overflow-style: none; /* IE/Edge */
  scrollbar-width: none; /* Firefox */
}
.custom-carousel::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
/* Child items */
.custom-carousel > * {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; /* spacing between cards */
}
.custom-item {
  padding: 0px !important;
  box-shadow: none !important;
  padding-right: 10px !important;
  width: 10vw !important;
}
/* Default width for larger screens */
.custom-item {
  width: 20vw;
  min-width: 209px; /* Prevents items from becoming too small */
  max-width: 300px; /* Prevents items from becoming too large */
}

/* Tablets (Medium devices) */
@media (max-width: 1024px) {
  .custom-item {
    width: 30vw;
  }
}

/* Mobile devices */
@media (max-width: 768px) {
  .custom-item {
    width: 45vw;
  }
}

/* Extra small devices (Small phones) */
@media (max-width: 480px) {
  .custom-item {
    width: 80vw;
  }
}
.sklton-border {
  border-radius: 10px;
}