.inline-cards-carousel-section {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px 20px 10px;
  box-sizing: border-box;
  overflow-x: hidden;
}

.carousel-container {
  width: 100%;
  position: relative;
}

.carousel-wrapper {
  width: 100%;
}

.carousel-track {
  display: flex;
  gap: 30px;
  transition: transform 0.6s ease;
  width: fit-content;
}

@media (max-width: 850px) {
  .carousel-container {
    max-width: 850px;
  }
}
@media (max-width: 550px) {
  .carousel-container {
    max-width: 550px;
  }
}