.section.card-carousel-section-container {
    padding-right: 0;
    padding-left: 0;
}

.card-carousel-section-wrapper {
    background-color: var(--background-midnight);
    padding: 2.5rem;
}

.card-carousel-section-wrapper .header-text-wrapper h6,
.card-carousel-section-wrapper .header-text-wrapper h6 > em,
.card-carousel-section-wrapper .header-text-wrapper h6 > strong,
.card-carousel-section-wrapper .header-text-wrapper h6 > strong > em {
    color: var(--text-sky-light);
}

.card-carousel-section-wrapper .header-text-wrapper h3,
.card-carousel-section-wrapper .header-text-wrapper h3 > strong {
    color: var(--text-inverse);
    margin-bottom: 1.69rem;
}

@media (width >= 600px) {
    .card-carousel-section-wrapper .header-text-wrapper h3,
    .card-carousel-section-wrapper .header-text-wrapper h3 > strong {
        font-size: var(--heading-font-m);
    }
}

@media (width >= 992px) {
    .card-carousel-section-wrapper {
        padding: 7.5rem 3.44rem;
    }

    .card-carousel-section-wrapper .header-text-wrapper h3,
    .card-carousel-section-wrapper .header-text-wrapper h3 > strong {
        margin-bottom: 2.5rem;
        font-size: var(--mobile-heading-font-l);
    }
}

@media (width >= 1280px) {
    .card-carousel-section-wrapper {
        padding: 7.5rem 4.44rem;
    }

    .card-carousel-wrapper,
    .header-text-wrapper {
        max-width: 80rem;
        margin: 0 auto;
    }

    .card-carousel-section-wrapper .header-text-wrapper h3,
    .card-carousel-section-wrapper .header-text-wrapper h3 > strong {
        font-size: var(--heading-font-xl);
    }
}