/* Ensure the wrapper acts as a viewport */
.gsap-horizontal-wrapper {
    width: 100%;
    overflow: hidden; /* Hide scrollbars */
    position: relative;
    /* Height is automatically set by content in vertical mode, 
       but in horizontal mode GSAP pins it, so ensure it has a height */
    min-height: 100vh; 
}

/* The track holds the slides side-by-side */
.gsap-horizontal-track {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping */
    height: 100%;
    width: max-content; /* Expand to fit content */
}

/* Ensure inner elements (slides) don't shrink */
.gsap-horizontal-track > div {
    flex-shrink: 0;
    width: 100vw; /* Default: Full width slides */
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.horizontal {
  display: flex;
  height: 100%;
}

.horizontal > div {
  display: flex;
  flex-shrink: 0;
  padding: 0 5px;
}

.horizontal > div:first-child {
  padding: 0 5px 0 15px;
}

.horizontal > div:last-child {
  padding: 0 15px 0 5px;
}

.horizontal .card {
  align-items: stretch;
  width: 540px;
  padding: 50px 40px;
  background: #6e4ce1;
  border-radius: 38px;
  color: #f6f2e8;
}