.carousel-container {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* padding-left: 60px; */
  /* padding-left: calc((100vw - 1320px) / 2); */
  padding-left: calc((100vw - 1300px) / 2);
}

.carousel-container::-webkit-scrollbar {
  display: none;
}

/* Align with Bootstrap container */
@media (min-width: 576px) {
  .carousel-container {
    padding-left: calc((100vw - 540px) / 2) !important;
  }
}

@media (min-width: 768px) {
  .carousel-container {
    padding-left: calc((100vw - 720px) / 2) !important;
  }
}

@media (min-width: 992px) {
  .carousel-container {
    padding-left: calc((100vw - 960px) / 2) !important;
  }
}

@media (min-width: 1200px) {
  .carousel-container {
    padding-left: calc((100vw - 1140px) / 2) !important;
  }
}

@media (min-width: 1400px) {
  .carousel-container {
    padding-left: calc((100vw - 1300px) / 2) !important;
  }
}

@media (max-width: 575.98px) {
  .carousel-container {
    padding-left: 0.75rem !important;
  }
}