.testimonials .sticky-container {
    grid-area: 1/2/1/span 6;
}

.testimonials .sticky-container .sticky-item .testimonials-slider {
    margin-top: max(32px, 2.5vw);
    max-width: 69ch;
}

.testimonials .sticky-container .sticky-item .testimonials-slider .customer-logo {
    margin-top: 2em;
    width: fit-content;
}

.testimonials .sticky-container .sticky-item .testimonials-slider .customer-logo img {
    height: 9em;
    width: auto;
    max-width: max(100px, 16vw);
}

.testimonials .testimonials-nav {
    grid-area: 1/9/1/span 5;
    margin-top: 1em;
}

.testimonials .testimonials-nav .customer-single {
    cursor: pointer;
    border-bottom: 1px solid;
    padding: .5em 0;
    position: relative;
    transition: var(--def-trans);
}

.testimonials .testimonials-nav .customer-single::before {
    content: "";
    display: flex;
    width: .3em;
    height: .3em;
    border-radius: 100%;
    background: currentColor;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: var(--def-trans);
    opacity: 0;
}

.testimonials .testimonials-nav .customer-single:hover,
.testimonials .testimonials-nav .customer-single.active {
    padding-left: .8em;
    transition: var(--def-trans);
}

.testimonials .testimonials-nav .customer-single:hover::before,
.testimonials .testimonials-nav .customer-single.active::before {
    opacity: 1;
    transition: var(--def-trans);
    transition-delay: .15s;
}

@media (max-width: 991.98px) {
    .testimonials .sticky-container {
        grid-area: 1/4/1/span 8;
    }

    .testimonials .sticky-container .sticky-item .testimonials-slider .customer-logo {
    width: 100%;
}

    .testimonials .sticky-container .sticky-item .testimonials-slider .customer-logo img {
        width: 100%;
        max-width: 100%;
        height: var(--m-large);
        max-height: var(--m-large);
    }

    .testimonials .testimonials-nav {
        grid-area: 2/4/2/span 8;
        margin-top: var(--m-small);
    }
}

@media (max-width: 767.98px) {
    .testimonials .sticky-container {
        grid-area: 1/3/1/span 10;
    }

    .testimonials .testimonials-nav {
        grid-area: 2/3/2/span 10;
    }
}

@media (max-width: 575.98px) {
    .testimonials .sticky-container {
        grid-area: 1/2/1/span 12;
    }

    .testimonials .testimonials-nav {
        grid-area: 2/2/2/span 12;
    }
}