.card-slider {
    background: linear-gradient(270deg, #6D6AC0 8.85%, #5A2C8B 100%), linear-gradient(269.69deg, #592B8A 0.21%, rgba(123, 147, 230, 0.61) 99.66%), #592B8A;
    padding-top: calc(62vw / 14.4);
    padding-bottom: calc(47vw / 14.4);
    position: relative;
}
.card-slider .optional-wrap {
    display: none;
}
.card-slider.neg-bottom {
    padding-bottom: 0;
    background: none;
}
.card-slider.neg-bottom .optional-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 77%;
    background: linear-gradient(270deg, #6D6AC0 8.85%, #5A2C8B 100%), linear-gradient(269.69deg, #592B8A 0.21%, rgba(123, 147, 230, 0.61) 99.66%), #592B8A;
    display: block;
    z-index: 0;
}
.card-slider.neg-bottom .first-col {
    padding-top: calc(22vw / 14.4);
}
.card-slider.neg-bottom .text-wrap {
    display: block;
}
.card-slider .section-wrap {
    z-index: 1;
    position: relative;
}
.card-slider .flex-row {
}
.card-slider .columns .col {
    margin-right: 1.2vw;
    width: calc(33.3% - 0.8vw);
    max-width: calc(33.3% - 0.8vw);
    min-width: calc(33.3% - 0.8vw);
    transition: .3s;
    margin-bottom: calc(13vw / var(--sw));
}
.card-slider .columns .col:hover {
    box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, 38%);
}
.card-slider .columns {
    width: 74.4%;
}
.card-slider .first-col {
    padding-top: calc(45vw / 14.4);
    background-color: transparent;
    width: 25.6%;
    padding-left: 0;
    padding-right: 0;
}
.card-slider h2 {
    width: 89%;
}
.card-slider .link-arrow {
    margin-top: 1em;
}
.card-slider .controls .prev {
    display: none;
}
.card-slider .controls,
.card-slider .controls > div {
    height: 0;
    overflow: visible;
    position: relative;
}
.card-slider .controls .next {
    position: absolute;
    top: -21vw;
    right: -4.4vw;
    margin: 0;
}