.testimonials-section {
    width: 100%;
}

.testimonials-window {
    position: relative;

    width: min(90%, 150rem);

    margin-inline: auto;
}

.testimonials-line {
    position: absolute;

    left: 0;
    right: 3rem;

    height: 0.2rem;

    background-color: var(--accent-color);

    z-index: 10;

    pointer-events: none;
}


.testimonials-line--top {
    top: 0;
}


.testimonials-line--bottom {
    bottom: 0;
}

.testimonials-scroll {
    max-height: 75rem;

    overflow-y: auto;
    overflow-x: hidden;

    padding:
        2rem
        4rem
        2rem
        0;

    scrollbar-width: none;

    -ms-overflow-style: none;
}


/* Chrome / Safari */

.testimonials-scroll::-webkit-scrollbar {
    display: none;
}

.testimonials-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        2rem
        1.5rem;

    align-items: start;
}

.testimonial-card {
    width: 100%;
    padding: 2rem;

    background-color: #eee5f3;
    border-radius: var(--large-border-radius);

    color: #000;
}
.testimonial-title {
    margin-bottom: 1.5rem;

    font-size: 2.6rem;
    line-height: 1.2;
}

.testimonial-text {
    margin: 0;

    font-size: 2rem;

    line-height: 1.4;
}

.testimonial-author {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
    margin-top: 1.5rem;
    color: var(--accent-color);
    text-align: right;
    font-size: 2rem;
}
.reader-name {
    font-weight: 600;
}

.read {
    font-size: 1.5rem;
    line-height: 1.3;
}

.custom-scrollbar {
    position: absolute;

    top: 3rem;
    right: 0;
    bottom: 3rem;
    width: 1.4rem;


    background-color: #f6cad9;

    border-radius: 90rem;

    z-index: 20;
    overflow: hidden; 
}

.custom-scrollbar-thumb {
    position: absolute;

    top: 0;
    left: 0.4rem;

    width: 0.6rem;
    height: 5rem;

    background-color: var(--accent-color);

    border-radius: 90rem;

    cursor: grab;
}


.custom-scrollbar-thumb:active {
    cursor: grabbing;
}