.flex-main-slide-block {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: all 0.8s;
    transform: translateY(100px);
    opacity: 0;
    z-index: -2;
}

.flex-main-slide-block.active {
    opacity: 1;
    transform: translateY(0);
    z-index: 1;
}

.flex-main-slide-block.active.animated {
    transform: translateY(-100px);
    opacity: 0;
}

h2.main-scroll-change-title {
    font-size: 28px;
    font-family: 'GT America Bold' !important;
    color: #000;
}

.scroll-on-change-slide {
    padding-top: var(--padding-top-mobile);
    padding-bottom: var(--padding-bottom-mobile);
}

.main-scroll_content-slide p {
    font-size: 18px;
    color: #000000;
    margin: 0;
    line-height: 1.5;
}

.main-scroll-slide-image-items img {
    display: block;
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
    max-width: 750px;
}

.main-scroll_content-slide {
    flex: 0 0 25%;
    max-width: calc(25% - 1.0417vw);
}

.main-scroll-slide-image-items {
    flex: 0 0 45%;
    max-width: calc(45% - 1.0417vw);
}

.slide-change-titles {
    flex: 0 0 25%;
    max-width: calc(25% - 1.0417vw);
}

.scroll-change-items-main {
    position: relative;
}

@media(min-width: 769px) {
    .scroll-on-change-slide {
        padding-top: var(--padding-top);
        padding-bottom: var(--padding-bottom);
        height: 300vh;
    }

    .flex-main-slide-block {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        gap: 3.1250vw;
    }

    .scroll-on-change-slide .page-width {
        height: calc(100vh - 82px);
        position: sticky;
        overflow: hidden;
        top: 82px;
    }

    h2.main-scroll-change-title {
        font-size: 1.9833vw;
    }

    .main-scroll-slide-image-items img {
        display: block;
        width: 100%;
        object-fit: cover;
        max-width: 750px;
    }

    .scroll-change-slider-navigation {
        display: none;
    }
}

@media(max-width: 768px) {

    .flex-main-slide-block,
    .flex-main-slide-block.active.animated {
        transform: unset;
        opacity: 1;
    }

    .flex-main-slide-block {
        gap: 12px;
    }

    h2.main-scroll-change-title {
        font-size: 17px;
    }

    .main-scroll_content-slide p {
        font-size: 14px;
    }

    .slide-change-titles,
    .main-scroll_content-slide,
    .main-scroll-slide-image-items {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .main-scroll-slide-image-items img {
        height: 100%;
    }

    .scroll-change-items-main {
        padding-left: 10px;
    }

    .scroll-on-change-slide .page-width {
        padding-left: 0;
        padding-right: 0;
    }

    .main-scroll-slide-image-items {
        order: -1;
    }

    .scroll-slider-next svg,
    .scroll-slider-prev svg {
        width: 16px;
        height: 16px;
    }

    .scroll-slider-next,
    .scroll-slider-prev {
        display: flex;
        align-items: center;
        width: 36px;
        height: 36px;
        justify-content: center;
        cursor: pointer;
    }

    .scroll-slider-progress.swiper-pagination-progressbar {
        position: unset;
        height: 3px;
        background: #B5B5B5;
    }

    .scroll-slider-progress.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        height: 3px;
        position: unset;
        display: block;
        background: #000;
    }

    .scroll-slider-prev svg {
        transform: rotate(180deg);
    }

    .scroll-change-slider-navigation {
        display: flex;
        align-items: center;
        padding: 0 10px;
        gap: 18px;
        margin: 12px 0 0 0;
    }

    .scroll-slider-navigate-arrows {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .scroll-slider-prev.swiper-button-disabled {
        opacity: 0.3;
    }

    .scroll-slider-next.swiper-button-disabled {
        opacity: 0.3;
    }
}