.card-slider-container {
  margin: 0 auto;
  padding: 4rem 0;
  overflow: hidden;
}

.card-slider-container.card-slider-variant-two {
  position: relative;
  padding: 0;
}

.card-slider-container .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin: 0 4rem 2rem;
  padding: 0 0 0 calc((100% - 1280px) / 2);
}

.card-slider-container.card-slider-variant-two .card-header {
  position: relative;
  transform: translate(-2rem, 0);
  z-index: 1;
  width: calc(100% + 4rem);
  margin: 0;
  padding: 0;
}

@media (min-width: 1920px) {
  .card-slider-container.card-slider-variant-two .card-header {
    display: none;
  }
}

.card-slider-container.card-slider-variant-two .card-header h2 {
  display: none;
}

@media (max-width: 767px) {
  .card-slider-container .card-header {
    padding: 0 2rem 2rem;
  }
}

.card-slider-container.centered-heading .card-header {
  justify-content: center;
  padding: 0;
}

.card-slider-container.centered-heading .card-header h2 {
  text-align: center;
}

.card-slider-container .slider-controls {
  margin-left: auto;
  padding: 0 calc((100vw - 1280px) / 2) 0 0;
  display: flex;
  gap: 8px;
}

.card-slider-container.centered-heading .slider-controls {
  display: none;
}

.card-slider-container.card-slider-variant-two .slider-controls {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.card-slider-container .slider-arrow {
  background-color: #ffffff;
  border: 1px solid #D6D6D6;
  border-radius: 252.632px;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
  width: 38px;
  height: 38px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.card-slider-container .slider-arrow:hover {
  background-color: #ffffff !important;
  border-color: unset;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.25);
}

.card-slider-container .slider-arrow:disabled {
  background-color: #f2f9fc;
  border-color: unset;
  cursor: not-allowed;
}

.card-slider-container .slider-arrow:disabled:hover {
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
}

.card-slider-container.card-slider-variant-two .slider-arrow {
  position: absolute;
  width: 4rem;
  height: 4rem;
  padding: 0;
  background-color: #ffffffE6;
  border-radius: 50%;
  border: 0;
  box-shadow: 0px 1px 12px 8px rgba(0, 0, 0, 0.12);
  transition: all 0.2s ease;
}

.card-slider-container.card-slider-variant-two .slider-arrow.prev {
  top: 79.375px;
  left: 0;
}

.card-slider-container.card-slider-variant-two .slider-arrow.next {
  top: 79.375px;
  right: 0;
}

.card-slider-container.card-slider-variant-two .slider-arrow.prev svg {
  position: relative;
  right: -7px;
}

.card-slider-container.card-slider-variant-two .slider-arrow.next svg {
  position: relative;
  left: -7px;
}

.card-slider-container.card-slider-variant-two .slider-arrow:hover {
  background-color: #38445133 !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  transform: scale(1.5);
}

.card-slider-container.card-slider-variant-two .slider-arrow:disabled {
  visibility: hidden;
}

.card-slider-container .card-slider {
  position: relative;
  padding: 0 0 6px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS */
  scrollbar-width: none; /* Hide scrollbar for Firefox */
  -ms-overflow-style: none; /* Hide scrollbar for IE/Edge */
  cursor: grab;
  user-select: none;
}

.card-slider-container.card-slider-variant-two .card-slider {
  padding: 0;
}

@media (min-width: 1920px) {
  .card-slider-container.card-slider-variant-two .card-slider {
    cursor: default;
  }
}

.card-slider-container .card-slider.dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}

.card-slider-container .card-slider::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome/Safari */
}

.card-slider-container .card-track {
  display: flex;
  gap: 2rem;
  /*padding: 0 48px 0 calc(50% - 640px);*/
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  transform: translate(64px, 0);
}

.card-slider-container.cards-5 .card-track {
  padding: 0 48px 0 calc(50vw - 1098px);
}

.card-slider-container.cards-4 .card-track {
  padding: 0 48px 0 calc(50vw - 888px);
}

.card-slider-container.cards-3 .card-track {
  padding: 0 48px 0 calc(50vw - 678px);
}

.card-slider-container.cards-5 .card-track::after {
  padding-right: calc(50vw - 1098px - 144px);
}

.card-slider-container.cards-4 .card-track::after {
  padding-right: calc(50vw - 888px - 144px);
}

.card-slider-container.cards-3 .card-track::after {
  padding-right: calc(50vw - 678px - 144px);
}

.card-slider-container.card-slider-variant-two.cards-7 .card-track {
  padding: 0 48px 0 calc(50vw - 952px);
  gap: 1rem;
}

.card-slider-container.card-slider-variant-two.cards-5 .card-track {
  padding: 0 48px 0 calc(50vw - 696px);
  gap: 1rem;
}

@media (min-width: 1280px) {
  .card-slider-container .card-track {
    /*padding: 0 48px 0 0;*/
  }
}

@media (min-width: 2196px) {
  .card-slider-container .card-track {
    /*padding: 0 48px 0 calc(((100vw - 1920px)/2) - 9rem);*/
  }
}

.card-slider-container .card-track::after {
  content: '';
  flex: 0 0 1px; /* Minimal width element */
  /*padding-right: calc(50% - 640px); /* Match your left padding */
}

.card-slider-container.card-slider-variant-two.cards-7 .card-track::after {
  padding-right: calc(50vw - 952px - 144px); /* 144px = 48px track padding + 96px spacer */
}

.card-slider-container.card-slider-variant-two.cards-5 .card-track::after {
  padding-right: calc(50vw - 696px - 144px);
}

.card-slider-container .card-slider-card {
  position: relative;
  flex: 0 0 calc(33.333% - 1.33rem);
  max-width: 388px;
  min-height: 426px;
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .09);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.card-slider-container.card-slider-variant-two .card-slider-card {
  position: relative;
  height: unset;
  min-height: unset;
  flex: 0 0 15rem;
  border: 1px solid #E3E3E3;
  box-shadow: none;
}

.card-slider-container.limit_width.cards-5 .card-slider-card {
  max-width: 236.8px;
}

.card-slider-container.limit_width.cards-4 .card-slider-card {
  max-width: 304px;
}

.card-slider-container.limit_width.cards-3 .card-slider-card {
  max-width: 416px;
}

@media (max-width: 430px) {
  .card-slider-container.limit_width.cards-5 .card-slider-card {
    width: 236.8px;
  }

  .card-slider-container.limit_width.cards-4 .card-slider-card {
    width: 304px;
  }
  
  .card-slider-container.limit_width.cards-3 .card-slider-card {
    width: 416px;
  }
}

@media (min-width: 1440px) {
  .card-slider-container.limit_width.cards-5 .card-slider-card {
    flex: 0 0 236.8px;
  }

  .card-slider-container.limit_width.cards-4 .card-slider-card {
    flex: 0 0 304px;
  }
  
    .card-slider-container.limit_width.cards-4 .card-slider-card {
    flex: 0 0 416px;
  }

  .card-slider-container.limit_width.cards-5 .card-track,
  .card-slider-container.limit_width.cards-4 .card-track,
  .card-slider-container.limit_width.cards-3 .card-track {
    padding: 0 48px 0 calc(50vw - 720px);
  }

  .card-slider-container.limit_width.cards-5 .card-track::after,
  .card-slider-container.limit_width.cards-4 .card-track::after,
  .card-slider-container.limit_width.cards-4 .card-track::after {
    padding-right: calc(50vw - 720px - 144px);
  }
}

.card-slider-container .card-slider-card .card-slider-content {
  margin-bottom: 1rem;
}

.card-slider-container.card-slider-variant-two .card-slider-card .card-slider-content {
  height: 100%;
  margin-bottom: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}

.card-slider-container.card-slider-variant-two .card-slider-card .card-slider-content svg {
  width: 56px;
  height: 56px;
  margin-left: auto;
}

.card-slider-container.card-slider-variant-two .card-slider-card .card-slider-content h3 {
  margin-top: 1rem;
  margin-right: 2rem;
  margin-bottom: 0;
  font-size: 18px;
  color: #384451;
}

.card-slider-container .card-slider-img {
  display: flex;
  align-items: center;
  margin-right: 3rem;
}

.card-slider-container .card-slider-img img {
  max-height: 100%;
  width: auto;
  object-fit: contain;
}

.card-slider-container:not(.card-slider-variant-two) .card-slider-card a {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
}

.card-slider-container:not(.card-slider-variant-two) .card-slider-card a svg {
  position: unset !important;
}

@media (max-width: 1366px) {
  .card-slider-container .card-slider-card {
    flex: 0 0 calc(50% - 2rem);
  }
}

@media (max-width: 767px) {
  .card-slider-container .card-slider-card {
    flex: 0 0 calc(75% - 2rem);
  }

  .card-slider-container .card-header {
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
  }

  .card-slider-container.centered-heading .card-header {
    margin: 0 2rem 2rem;
    align-items: center;
  }

  .card-slider-container .card-track {
    transform: translate(32px, 0);
  }
}

@media (max-width: 414px) {
  .card-slider-container .card-slider-card {
    flex: 0 0 calc(85% - 2rem);
  }
}