.image-text-sliders--homepage {
    background: var(--blue);
    color: var(--white);
}

.image-text-sliders--homepage h3 {
    color: var(--white);
    font-size: 1.1875rem;
    line-height: 1.49em;
}

.image-text-sliders--homepage h3 span {
    color: var(--primary);
}

.image-text-sliders h2 {
    color: var(--white);
}

.js-image-text-slider {
    margin: 0 -1rem;
}

.image-text-slider-item {
    padding: 0 1rem;
}

.btn-border {
    background: none;
    border: 0.0625rem solid var(--white);

    &:hover {
        padding-right: 5.375rem;
    }
}

.image-text-slider-text {
    margin-bottom: 1.6875rem;

    & :is( h1, h2, h3, h4, h5, h6 ) {
        color: var(--white);
    }
}

.image-text-slider-image {
    margin-left: -1.375rem;
    width: 22rem;
    height: 8.5rem;
    position: relative;

    & p {
        text-align: right;
    }
}

.js-image-text-slider .slick-dots {
    justify-content: flex-end;
    padding-right: 1rem;
    bottom: 11.125rem;
}

.image-text-slider-text__details h2,
.image-text-slider-text__details h3,
.image-text-slider-text__details h4,
.image-text-slider-text__details h5,
.image-text-slider-text__details h6 {
    color: var(--white);
}

.image-text-slider-text__details .btn-outline {
    border: 0.0625rem solid var(--white);
    color: var(--white);
}

.image-text-slider-text__details .btn-tertiary {
    color: var(--white);    
}

.image-text-slider-text__details .btn-tertiary:before {
    background: var(--white);
}

.scroll-zone__wrapper {
    background-color: var(--blue);
}

.image-text-sliders ul li:before {
    background: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_527_240)"><path d="M15 6.53418V10.4394C15 10.7267 14.5745 10.9604 14.0501 10.9604H6.92041V6.53418H15Z" fill="%230DB14B"/><path d="M15 6.93651V10.9686H11.4151C11.1682 10.9686 10.9677 11.1685 10.9677 11.416V15H4.03172V11.416C4.03172 11.1685 3.83115 10.9686 3.5843 10.9686H0V4.03082H3.58492C3.83177 4.03082 4.03234 3.83085 4.03234 3.58336V0H10.9683V4.03144H4.47914C4.23229 4.03144 4.03172 4.23202 4.03172 4.47889V10.552H4.03357C4.04838 10.7846 4.24278 10.9692 4.47914 10.9692H10.4943C10.756 10.9692 10.9683 10.7563 10.9683 10.4946V6.93713H15V6.93651Z" fill="%230DB14B"/><path d="M10.9602 6.53418V10.4394C10.9602 10.7267 10.7475 10.9604 10.4852 10.9604H6.92041V6.53418H10.9602Z" fill="white"/></g><defs><clipPath id="clip0_527_240"><rect width="15" height="15" fill="white"/></clipPath></defs></svg>') 0 0 no-repeat;
}

@media (min-width: 768px) {

    .image-text-sliders--homepage h3 {
        font-size: 1.875rem;
    }

    .image-text-slider-text {
        margin-bottom: 2.375rem;
    }

    .image-text-slider-image {
        margin-left: 0;
        width: 100%;
        max-width: 41.5rem;
        height: 16rem;
    }

    .js-image-text-slider .slick-dots {
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: 1rem;
        bottom: 19rem;
        flex-direction: column;
        width: 1.375rem;
    }

    .js-image-text-slider .slick-dots li button {
        width: 1.375rem;
        height: 1.375rem;
    }

    .image-text-slider-text__details {
        padding-left: 3.6875rem;
        text-align: right;
    }

    .image-text-slider-text__details .btn-group {
        justify-content: flex-end;
    }
}


@media (min-width: 1200px) {
    .image-text-sliders .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .image-text-slider-flex {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        margin: 0 -1rem;
    }

    .image-text-slider-text,
    .image-text-slider-image {
        width: 50%;
        padding: 0 1rem;
    }

    .image-text-slider-image {
        height: auto;
        max-width: 100%;
        padding-right: 2.9375rem;
    }

    .image-text-slider-text {
        padding-right: 4rem;
    }


    .image-text-sliders--homepage h3 {
        font-size: 2rem;
    }

    .image-text-slider-text {
        margin-bottom: 0;
    }

    .js-image-text-slider .slick-dots {
        margin-left: calc(50% + 1rem);
        bottom: 1.5rem;
    }

    .js-image-text-slider .slick-dots li button {
        width: 1.375rem;
        height: 1.375rem;
    }

    .image-text-slider-text__details {
        padding-left: 4.375rem;
    }


    .image-text-slider-flex {
        display: none;
    }

    .image-text-slider-flex.active {
        display: flex;
    }

    .image-text-sliders__scroll__wrapper {
        position: relative;
        overflow: hidden;
    }

    .scroll-zone {
        height: 300vh; /* Default height for 4 slides - dynamically adjusted by JavaScript to 75vh per slide */
        position: relative;
    }

    .scroll-zone__wrapper {
        position: sticky;
        top: 5.875rem;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 1;
    }

    .image-text-sliders__scroll {
        position: relative;
    }

    .image-text-sliders__scroll__tabs {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        width: 1.375rem;
        margin-left: calc(50% + 1rem);
        bottom: 8.75rem;
        display: flex;
        z-index: 5;
        gap: 1.125rem;
        position: absolute;
    }

    .image-text-sliders__thumb {
        position: absolute;
        width: 1.375rem;
        height: 1.375rem;
        transition: transform 0.3s ease;
        left: 0;
        z-index: 111;
        background: var(--primary);
    }

    .image-text-sliders__scroll__tab {
        display: inline-block;
        cursor: pointer;
        width: 1.375rem;
        height: 1.375rem;
        border: 0.0625rem solid var(--white);
        transition: all ease 0.5s;
        background: none;
    }

    .image-text-sliders__scroll__tab.active {
        background: var(--primary);
        border: none;
    }

    .image-text-sliders--homepage {
        background: var(--light-blue);
    }

    .image-text-sliders__scroll__wrapper {
        background: var(--blue);
        padding-bottom: 8.4375rem;
    }

    .image-text-sliders__scroll__wrapper .sub-heading,
    .image-text-sliders__scroll__wrapper ol li:before {
        color: var(--primary);
    }

}


@media (min-width: 1600px) {
    .image-text-slider-image {
        padding-right: 1rem;
    }

    .image-text-slider-text {
        padding-left: 7.125rem;
    }

    .image-text-sliders--homepage h3 {
        font-size: 2.8125rem;
        margin-bottom: 1.25rem;
    }

    .image-text-slider-text {
        margin-bottom: 0;
    }

    .js-image-text-slider .slick-dots {
        margin-left: calc(50% + 2.8125rem);
        bottom: 0.25rem;
    }

    .image-text-slider-text__details {
        padding-left: 10.6875rem;
        text-align: left;
    }

    .scroll-zone__wrapper {
        top: 10.25rem;
        height: auto;
    }

    .image-text-sliders__scroll__tab {
        margin-left: calc(50% + 0.1875rem);
        bottom: 0.25rem;
    }

    .image-text-sliders__thumb {
        margin-left: calc(50% + 0.1875rem);
    }

    .image-text-sliders__scroll__tabs {
        bottom: 8.875rem;
        margin-left: calc(50% + 6.3125rem);
    }
}