.apa-card-slider {
    width: 100%;
    padding: clamp(64px, 7vw, 118px) 0 clamp(64px, 7vw, 118px) var(--apa-page-gutter);
    overflow: hidden;
    background: var(--apa-color-white);
}

.apa-card-slider__inner {
    width: 100%;
}

.apa-card-slider__head {
    display: grid;
    gap: clamp(22px, 3vw, 42px);
    width: min(100% - var(--apa-page-gutter), 1120px);
    margin-bottom: clamp(34px, 4vw, 66px);
}

.apa-card-slider__title .apa-outline-svg {
    transform: rotate(-8.4deg);
    transform-origin: left center;
}

.apa-card-slider .crd-sld-title {
    margin: 0;
    font-size: inherit;
}

.apa-card-slider__intro {
    max-width: 900px;
}

.apa-card-slider__intro > :first-child {
    margin-top: 0;
}

.apa-card-slider__intro > :last-child {
    margin-bottom: 0;
}

.apa-card-slider__slider {
    width: 100%;
}

.apa-card-slider .card-sld-viewport {
    width: 100%;
}

.apa-card-slider .card-sld-card {
    width: min(410px, 78vw);
    max-width: 410px;
    background: transparent;
}

.apa-card-slider .card-sld-img-wrp {
    aspect-ratio: 1.28 / 1;
    margin-bottom: clamp(14px, 1.4vw, 22px);
    border-radius: 0;
}

.apa-card-slider .card-sld-title {
    margin: 0 0 8px;
    color: var(--apa-color-black);
    font-family: var(--apa-font-display);
    font-size: clamp(25px, 2.1vw, 34px);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.08;
}

.apa-card-slider .card-sld-subtitle {
    margin: 0 0 14px;
    color: var(--apa-color-black);
    font-family: var(--apa-font-display);
    font-size: clamp(18px, 1.35vw, 22px);
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.28;
}

.apa-card-slider .card-sld-subtitle--bold {
    font-weight: 700;
}

.apa-card-slider .card-sld-text {
    max-width: 90%;
    margin: 0 0 14px;
    color: var(--apa-color-black);
    font-family: var(--apa-font-display);
    font-size: clamp(18px, 1.35vw, 22px);
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.34;
}

.apa-card-slider .card-sld-btn-wrp {
    margin-top: clamp(18px, 2vw, 28px);
}

.apa-card-slider .card-sld-btn {
    border: 0;
    padding: 8px 28px;
}

.apa-card-slider .card-sld-nav {
    width: auto;
    margin-top: clamp(22px, 2.6vw, 42px);
    margin-left: 0;
    padding-right: var(--apa-page-gutter);
}

.apa-card-slider .card-sld-prev,
.apa-card-slider .card-sld-next {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    background: var(--apa-color-mud);
}

.apa-card-slider .card-sld-prev-icon,
.apa-card-slider .card-sld-next-icon {
    display: block;
    width: 32px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: brightness(0) invert(1);
}

.apa-card-slider .card-sld-prev-icon {
    background-image: url("../../toolkit/assets/img/arrow-left.svg");
}

.apa-card-slider .card-sld-next-icon {
    background-image: url("../../toolkit/assets/img/arrow-right.svg");
}

@media (max-width: 768px) {
.apa-card-slider {
        padding-top: clamp(54px, 12vw, 82px);
        padding-bottom: clamp(54px, 12vw, 82px);
    }

.apa-card-slider__head {
        gap: 28px;
        margin-bottom: 34px;
    }

.apa-card-slider .card-sld-card {
        width: min(360px, 82vw);
    }
}