.section-carousel {
    padding-top: var(--margin-md);
}

.section-carousel .carousel--wrapper {
    align-items: flex-end;
    padding-bottom: var(--margin-xxl);
}

.section-carousel .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0 0.75rem;
    transform-origin: bottom center;
    transition: var(--transition-base);
}

.section-carousel .carousel--block {
    position: relative;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.section-carousel .carousel--block .carousel--block__image {
    width: 100%;
    max-width: 100% !important;
    aspect-ratio: 1;
    object-fit: cover;
}

.section-carousel .carousel--block .carousel--block__content :last-child {
    margin-bottom: 0;
}

.section-carousel .carousel--block.has-image .carousel--block__content {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: translateY(100%);
}

.section-carousel
.swiper-slide-active
.carousel--block.has-image
.carousel--block__content {
    display: block;
    padding: var(--margin-sm);
    font-size: var(--font-size-small-mobile);
}

@media (min-width: 768px) {
    .section-carousel .carousel--block.has-image .carousel--block__content {
        font-size: var(--font-size-small);
    }
}

.section-carousel .carousel--block:not(.has-image) {
    display: flex;
    padding: var(--margin-base);
    aspect-ratio: 1;
}

@media (min-width: 768px) {
    .section-carousel .carousel--block:not(.has-image) {
        padding: 12% var(--margin-md) var(--margin-md);
    }
}

.section-carousel .carousel--block:not(.has-image) .carousel--block__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.section-carousel .carousel--block:not(.has-image) .carousel--block__content .h5 {
    font-size: 18px;
    font-weight: 400;
}

@media (min-width: 768px) {
    .section-carousel .carousel--block:not(.has-image) .carousel--block__content .h5 {
        font-size: 40px;
    }
}

@media (min-width: 768px) {
    .section-carousel .swiper-slide {
        width: calc((100vw / 7) * 2) !important;
        zoom: 0.5;
    }

    .section-carousel .swiper-slide-active {
        zoom: 1;
    }

    .section-carousel .swiper-slide-prev,
    .section-carousel .swiper-slide-next {
        zoom: 0.75;
    }
}

.section-carousel .carousel--block.color-highlight-one {
    color: var(--color-white);
    background-color: var(--color-primary);
}

.section-carousel .carousel--block.color-highlight-two {
    color: var(--color-white);
    background-color: var(--color-secondary);
}

.section-carousel .carousel--block.color-highlight-three {
    color: var(--color-white);
    background-color: var(--color-tertiary);
}

.section-carousel .carousel--block.color-highlight-four {
    color: var(--color-white);
    background-color: var(--color-quaternary);
}

.section-carousel .carousel--block.color-highlight-five {
    color: var(--color-black);
    background-color: var(--color-quinary);
}

.section-carousel .carousel--block.color-highlight-six {
    color: var(--color-black);
    background-color: var(--color-senary);
}