.activities .circle-btns-container {
    grid-area: 1/3/1/span 3;
}

.activities .default-slider-text-pagination {
    grid-area: 1/10/1/span 3;
}

.activities .default-slider-text-pagination  ul.slick-dots {
    flex-direction: row;
    justify-content: space-between;
}

.activities .default-slider {
    grid-area: 2/3/2/span 10;
}

.activities .default-slider .default-slider-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: max(24px, 4.6875vw);
    grid-row-gap: var(--m-sm);
}

.activities .default-slider .default-slider-item .card {
    display: grid;
    padding: 0;
    cursor: pointer;
}

.activities .default-slider .default-slider-item .card-img {
    grid-area: 1/1/1/1;
    aspect-ratio: 558/806;
}

.activities .default-slider .default-slider-item .card-content {
    grid-area: 1/1/1/1;
    aspect-ratio: 558/784;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    transition: var(--def-trans);
    padding: var(--m-xs);
}

.activities .default-slider .default-slider-item .card.active .card-content {
    color: var(--blue);
    background: var(--gold);
}

.activities .default-slider .default-slider-item .card-content .card-preheadline {
    margin-top: var(--m-xs);
}

.activities .default-slider .default-slider-item .card-content .card-headline {
    margin-top: .25em;
}

.activities .default-slider .default-slider-item .card-content .card-content-inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--m-xs);
    align-items: center;
    flex-grow: 1;
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease;
}

.activities .default-slider .default-slider-item .card.active .card-content .card-content-inner {
    max-height: 100%;
    margin-top: var(--m-sm);
}

.activities .default-slider .default-slider-item .card-content .card-content-inner .card-text {
    grid-column: span 2;
}

.activities .default-slider .default-slider-item .card.active .card-content .card-content-inner .card-text {
    flex-grow: 1;
    height: 100%;
    margin-bottom: auto;
    overflow-y: auto;
}

.activities .default-slider .default-slider-item .card-content .card-content-inner {
    grid-template-rows: 1fr auto;
}

.activities .default-slider .default-slider-item .arrow-btn-circle {
    grid-area: 1/1/1/1;
    margin: var(--m-xs);
}

.activities .default-slider .default-slider-item .arrow-btn-circle::before {
    content: "";
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    border-radius: 100%;
    background: var(--blue);
}

.activities .default-slider .default-slider-item .arrow-btn-circle::after {
    background: var(--gold);
}

.activities .default-slider .default-slider-item .card.active .arrow-btn-circle {
    transform: rotate(90deg);
}

.activities .default-slider .default-slider-item .card.active .arrow-btn-circle::before {
    background: var(--gold);
}

.activities .default-slider .default-slider-item .card.active .arrow-btn-circle::after {
    background: var(--blue);
}

@media (max-width: 1199.98px) {
    .activities .circle-btns-container {
        grid-area: 1/2/1/span 4;
    }

    .activities .default-slider-text-pagination {
        grid-area: 1/9/1/span 5;
    }

    .activities .default-slider {
        grid-area: 2/2/2/span 12;
    }
}

@media (max-width: 991.98px) {
    .activities .circle-btns-container {
        grid-area: 1/2/1/span 12;
        justify-self: center;
    }

    .activities .default-slider-text-pagination {
        grid-area: 2/2/2/span 12;
        justify-self: center;
    }

    .activities .default-slider {
        grid-area: 3/2/3/span 12;
    }

    .activities .default-slider-text-pagination ul.slick-dots {
        gap: var(--m-lg);
        margin-left: 0;
        margin-top: var(--m-md);
    }
}

@media (max-width: 767.98px) {
    .activities .default-slider .default-slider-item {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .activities .default-slider .default-slider-item {
        grid-template-columns: 1fr;
    }
}