/* section-banner */
.section-banner {
    --height-block: 1080px;
    --offset-navigantion-right: 8.5rem;
    --offset-navigantion-bottom: 2rem;
}
.section-banner__slider {
    position: relative;
}
/* .section-banner__slide .card-banner__video, */
/* .section-banner__slide .card-banner__bg + .card-banner__wrapper {
    min-height: var(--height-block);
    height: fit-content;
} */
.section-banner__slider-pagination {
    width: fit-content;
}
.section-banner__wrapper {
    align-items: start;
}
.section-banner__slider-btns {
    position: absolute;
    bottom: var(--offset-navigantion-bottom);
    right: var(--offset-navigantion-right);
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 50%;
}
.section-banner__slider-buttons {
    display: flex;
    align-items: center;
    gap: var(--offset-medium);
    position: sticky;
    bottom: var(--offset-medium);
}
@media screen and (max-width: 1439px) {
    .section-banner {
        --height-block: 100vh;
    }
}
@media screen and (max-width: 1023.5px) {
    .section-banner {
        --offset-navigantion-right: var(--offset-secondary);
    }
}
@media screen and (max-width: 575px) {
    .section-banner {
        --offset-navigantion-bottom: calc(3rem + var(--offset-secondary) * 3);
        margin-top: calc(var(--height-bx-panel, 0px) * -1);
    }
    
    .card-banner__descr:not(:first-child) {
        padding-top: var(--offset-secondary);
    }
    .section-banner__slider-buttons {
        gap: var(--offset-small);
    }
    .section-banner__slider-buttons .button-link span {
        display: none;
    }

    /*
    .card-banner__btns {
        display: flex;
        flex-direction: column;
        justify-content: end;
        flex-grow: 1;
    }
    .card-banner__btns > .button-wrapper {
        position: sticky;
        bottom: var(--offset-medium);
    }
    */
}