﻿.s9-slider-root {
    position: relative;
    width: 100%;
}

.s9-slider-viewport {
    position: relative;
    width: 100%;
}

.s9-slider-track {
    display: grid;
    width: 100%;
}

.s9-slide {
    grid-area: 1 / 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.45s ease-in-out, visibility 0.45s ease-in-out;
}

.s9-slide.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.s9-slide-content {
    width: min(92%, 1100px);
    margin: 0 auto;
    padding: 0rem 1rem 4.5rem;
    text-align: center;
}

.s9-quote {
    margin: 0 !important;
    font-family: "PrimaryFont", sans-serif !important;
    font-size: clamp(1.2rem, 2vw, 30px) !important;
    line-height: 1.28 !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: #005395 !important;
    letter-spacing: 0 !important;
}

.s9-author {
    margin-top: 1.6rem !important;
    font-family: "PrimaryFontMedium", sans-serif !important;
    font-size: clamp(1.1rem, 1.5vw, 24px) !important;
    line-height: 1.2 !important;
    color: #00a3e0 !important;
}

.s9-nav {
    display: none;
}

.s9-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0 0 1.6rem;
    z-index: 3;
}

.s9-dot {
    width: 74px;
    height: 6px;
    padding: 0;
    border: none;
    border-radius: 9999px;
    background: #0f4f8f;
    cursor: pointer;
    opacity: 1;
    transition: background-color 0.35s ease;
}

.s9-dot[data-active="true"] {
    background: #00a3e0;
}

@media (max-width: 991px) {
    .s9-slide-content {
        width: min(92%, 900px);
    }

    .s9-quote {
        font-size: clamp(1.05rem, 2.7vw, 1.5rem) !important;
        line-height: 1.3 !important;
    }

    .s9-author {
        font-size: clamp(1rem, 1.9vw, 1.35rem) !important;
    }
}

@media (max-width: 768px) {
    .s9-slide-content {
        width: min(90%, 700px);
        padding: 2.5rem 1rem 4rem;
    }

    .s9-quote {
        font-size: clamp(0.95rem, 4.4vw, 1.2rem) !important;
        line-height: 1.32 !important;
    }

    .s9-author {
        margin-top: 1.1rem !important;
        font-size: clamp(0.95rem, 3.6vw, 1.2rem) !important;
    }
}
