.qga-student-videos{
    --qv-navy:#112f4a;
    --qv-green:#073b3a;
    --qv-accent:#0b6f6a;
    --qv-yellow:#f2c94c;
    --qv-muted:#667d7b;
    --qv-line:#dce9e7;

    width:100%;
    overflow:hidden;
    background:#fff;
    border-top:1px solid var(--qv-line);
    border-bottom:1px solid var(--qv-line);
    padding:56px 0 60px;
    box-sizing:border-box;
}

.qga-student-videos__inner{
    width:min(1180px,calc(100% - 36px));
    margin:0 auto;
}

.qga-student-videos__head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
    margin-bottom:28px;
}

.qga-student-videos__copy{
    max-width:760px;
}

.qga-student-videos__kicker{
    margin-bottom:9px;
    color:var(--qv-accent);
    font-size:13px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.qga-student-videos h2{
    margin:0;
    color:var(--qv-navy)!important;
    font-size:clamp(30px,4vw,50px);
    line-height:1.06;
    letter-spacing:-.03em;
    font-weight:800;
}

.qga-student-videos__copy>p{
    margin:14px 0 0;
    max-width:700px;
    color:var(--qv-muted);
    font-size:16px;
    line-height:1.75;
}

.qga-student-videos__controls{
    display:flex;
    gap:8px;
    flex:0 0 auto;
}

.qga-student-videos__arrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:44px;
    height:44px;
    padding:0;

    border:1px solid var(--qv-line);
    border-radius:50%;

    background:#fff;
    color:var(--qv-green);

    font-size:28px;
    line-height:1;

    cursor:pointer;

    transition:
        transform .18s ease,
        background .18s ease,
        color .18s ease;
}

.qga-student-videos__arrow:hover,
.qga-student-videos__arrow:focus-visible{
    background:var(--qv-green);
    color:#fff;
    transform:translateY(-2px);
}

.qga-student-videos__viewport{
    position:relative;
}

.qga-student-videos__track{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - 36px)/3);
    gap:18px;

    width:100%;
    overflow-x:auto;
    overflow-y:hidden;

    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    overscroll-behavior-inline:contain;

    scrollbar-width:none;

    cursor:grab;
}

.qga-student-videos__track::-webkit-scrollbar{
    display:none;
}

.qga-student-videos__track.is-dragging{
    cursor:grabbing;
    scroll-snap-type:none;
    user-select:none;
}

.qga-student-videos__card{
    min-width:0;
    margin:0;
    scroll-snap-align:start;
}

.qga-student-videos__media{
    position:relative;
    display:block;

    width:100%;
    aspect-ratio:16/9;

    padding:0;
    margin:0;

    overflow:hidden;

    border:0;
    border-radius:16px;

    background:#e9f1f0;
    cursor:pointer;
}

.qga-student-videos__media img,
.qga-student-videos__media iframe{
    display:block;
    width:100%;
    height:100%;
    border:0;
}

.qga-student-videos__media img{
    object-fit:cover;
    transition:transform .24s ease;
}

.qga-student-videos__media:hover img{
    transform:scale(1.025);
}

.qga-student-videos__play{
    position:absolute;
    inset:50% auto auto 50%;
    transform:translate(-50%,-50%);

    display:flex;
    align-items:center;
    justify-content:center;

    width:66px;
    height:48px;

    border-radius:14px;
    background:#ff0000;
    box-shadow:0 10px 28px rgba(0,0,0,.18);
}

.qga-student-videos__play span{
    width:0;
    height:0;
    margin-inline-start:4px;

    border-top:9px solid transparent;
    border-bottom:9px solid transparent;
    border-inline-start:15px solid #fff;
}

.qga-student-videos__hint{
    position:absolute;
    z-index:8;
    top:50%;
    left:50%;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    max-width:calc(100% - 34px);

    padding:12px 18px;

    border-radius:999px;
    background:rgba(7,59,58,.94);
    color:#fff;

    font-size:14px;
    line-height:1.3;
    font-weight:800;
    text-align:center;

    box-shadow:0 10px 28px rgba(0,0,0,.16);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translate(-50%,-50%) translateY(8px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;
}

.qga-student-videos__hint span{
    font-size:20px;
    line-height:1;
}

.qga-student-videos__hint.is-visible{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%) translateY(0);
}

.qga-student-videos[dir="rtl"] .qga-student-videos__copy{
    text-align:right;
}

@media(max-width:900px){

    .qga-student-videos__track{
        grid-auto-columns:calc((100% - 18px)/2);
    }

}

@media(max-width:640px){

    .qga-student-videos{
        padding:42px 0 46px;
    }

    .qga-student-videos__inner{
        width:min(100% - 24px,1180px);
    }

    .qga-student-videos__head{
        align-items:flex-start;
        margin-bottom:22px;
    }

    .qga-student-videos h2{
        font-size:30px;
    }

    .qga-student-videos__copy>p{
        font-size:15px;
    }

    .qga-student-videos__controls{
        display:none;
    }

    .qga-student-videos__track{
        grid-auto-columns:84%;
        gap:13px;
        padding-inline-end:8%;
    }

    .qga-student-videos__media{
        border-radius:13px;
    }

    .qga-student-videos__play{
        width:58px;
        height:42px;
        border-radius:12px;
    }

    .qga-student-videos__hint{
        font-size:13px;
        padding:11px 15px;
    }
}


/* QGA_MOUSE_DRAG_V2 */
.qga-student-videos__track {
    cursor: grab !important;
    user-select: none;
    -webkit-user-select: none;
}

.qga-student-videos__track.is-dragging {
    cursor: grabbing !important;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
}

.qga-student-videos__track img {
    -webkit-user-drag: none;
    user-drag: none;
    user-select: none;
    pointer-events: none;
}

.qga-student-videos__media {
    cursor: grab !important;
}

.qga-student-videos__track.is-dragging
.qga-student-videos__media {
    cursor: grabbing !important;
}


/* QGA_MOUSE_DRAG_V3 */

.qga-student-videos__track {
    cursor: grab !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.qga-student-videos__track img {
    -webkit-user-drag: none !important;
    user-select: none !important;
}

.qga-student-videos__track.qga-mouse-dragging {
    cursor: grabbing !important;
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
}

.qga-student-videos__track.qga-mouse-dragging
.qga-student-videos__media {
    cursor: grabbing !important;
}


/* QGA_DARK_HOME_SECTIONS_V2 */

/* Dark mode triggers */
:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-student-videos {
    background:#053c38 !important;
    border-color:rgba(223,244,238,.12) !important;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-student-videos h2 {
    color:#f6f4ed !important;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-student-videos__copy > p {
    color:#d7e7e2 !important;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-student-videos__kicker {
    color:#5fe0cf !important;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-student-videos__arrow {
    background:#0a423e !important;
    color:#f6f4ed !important;
    border-color:rgba(223,244,238,.2) !important;
}

/* Lead form dark mode */
:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-lead-section {
    background:#074640 !important;
    border-color:rgba(223,244,238,.12) !important;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-lead-copy h2 {
    color:#f6f4ed !important;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.qga-dark,
body.qga-dark-mode
) .qga-lead-copy p {
    color:#d7e7e2 !important;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-lead-kicker {
    color:#5fe0cf !important;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-lead-form {
    background:#0a423e !important;
    border-color:rgba(223,244,238,.16) !important;
    box-shadow:none !important;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-lead-fields label {
    color:#f6f4ed !important;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-lead-fields input {
    background:#053c38 !important;
    color:#f6f4ed !important;
    border-color:rgba(223,244,238,.25) !important;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-lead-fields input::placeholder {
    color:#abc6bf !important;
    opacity:1;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-lead-privacy {
    color:#d7e7e2 !important;
}

:is(
html[data-theme="dark"],
html[data-qga-theme="dark"],
html[data-mode="dark"],
html.dark,
html.dark-mode,
html.qga-dark,
body.dark,
body.dark-mode,
body.qga-dark,
body.qga-dark-mode
) .qga-lead-submit {
    background:#efc74f !important;
    color:#173432 !important;
}

/* QGA_DARK_HOME_SECTIONS_V2_END */