/* ==================================================
   MUSLIM PATH - FREE TRIAL PAGE
================================================== */

.mpa-trial{
    --trial-deep:#08284c;
    --trial-navy:#174a73;
    --trial-blue:#01478d;
    --trial-soft:#6b9dc6;
    --trial-gold:#fdb002;
    --trial-line:#dce7ef;
    --trial-bg:#f7fafc;

    width:min(
        1180px,
        calc(100% - 48px)
    );

    margin:24px auto 100px;
}


/* COVER */

.mpa-trial-profile{
    width:100%;
    text-align:center;
}


.mpa-trial-cover{
    width:100%;
    aspect-ratio:16/4.3;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #f8fbfd,
            #eaf4fa
        );

    border-radius:
        11px 11px 4px 4px;
}


.mpa-trial-cover img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
}


.mpa-trial-cover__empty{
    width:100%;
    height:100%;

    background:
        radial-gradient(
            circle at 70% 30%,
            rgba(253,176,2,.12),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f8fbfd,
            #eaf4fa
        );
}


.mpa-trial-mark{
    position:relative;
    z-index:3;

    width:112px;
    height:112px;

    margin:-55px auto 0;
}


.mpa-trial-mark img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
}


.mpa-trial-hero{
    max-width:900px;

    margin:15px auto 0;

    text-align:center;
}


.mpa-trial-kicker,
.mpa-trial-copy > span,
.mpa-trial-video-section header > span{
    display:block;

    margin-bottom:10px;

    color:var(--trial-soft);

    font-size:10px;
    font-weight:750;

    letter-spacing:.08em;

    text-transform:uppercase;
}


.mpa-trial-hero h1{
    max-width:900px;

    margin:0 auto;

    color:var(--trial-deep);

    font-size:clamp(
        2.55rem,
        5vw,
        4.7rem
    );

    font-weight:730;

    line-height:1.02;

    letter-spacing:-.05em;
}


html[dir="rtl"]
.mpa-trial-hero h1{
    letter-spacing:0;
}


.mpa-trial-hero > p{
    max-width:770px;

    margin:20px auto 0;

    color:var(--trial-soft);

    font-size:14px;

    line-height:1.85;
}


/* BUTTONS */

.mpa-trial-actions{
    display:flex;

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

    flex-wrap:wrap;

    gap:8px;

    margin-top:23px;
}


.mpa-trial-btn{
    display:inline-flex;

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

    min-height:40px;

    padding:0 17px;

    border-radius:7px;

    font-size:10.5px;
    font-weight:750;

    line-height:1;

    text-decoration:none !important;

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


.mpa-trial-btn--primary{
    color:#fff !important;

    background:var(--trial-deep);

    border:
        1px solid var(--trial-deep);
}


.mpa-trial-btn--primary:hover{
    background:var(--trial-blue);

    border-color:var(--trial-blue);

    transform:translateY(-1px);
}


.mpa-trial-btn--secondary{
    color:var(--trial-navy) !important;

    background:#fff;

    border:
        1px solid #bcd0df;
}


.mpa-trial-btn--secondary:hover{
    border-color:var(--trial-soft);

    transform:translateY(-1px);
}


/* ==================================================
   STATS
================================================== */

.mpa-trial-stats{
    display:grid;

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

    width:min(
        1020px,
        100%
    );

    margin:58px auto 0;

    border-top:
        1px solid var(--trial-line);

    border-bottom:
        1px solid var(--trial-line);
}


.mpa-trial-stat{
    position:relative;

    min-width:0;

    padding:27px 12px 25px;

    text-align:center;
}


.mpa-trial-stat + .mpa-trial-stat::before{
    content:"";

    position:absolute;

    top:24%;
    bottom:24%;
    left:0;

    width:1px;

    background:
        var(--trial-line);
}


html[dir="rtl"]
.mpa-trial-stat + .mpa-trial-stat::before{
    left:auto;
    right:0;
}


.mpa-trial-stat strong{
    display:block;

    color:var(--trial-deep);

    font-size:clamp(
        1.55rem,
        3.2vw,
        2.65rem
    );

    font-weight:730;

    line-height:1;
}


.mpa-trial-stat span{
    display:block;

    margin-top:8px;

    color:var(--trial-soft);

    font-size:9.5px;
    font-weight:650;

    line-height:1.25;
}


/* ==================================================
   STORY
================================================== */

.mpa-trial-story{
    width:min(
        1040px,
        100%
    );

    margin:32px auto 0;
}


.mpa-trial-row{
    display:grid;

    grid-template-columns:
        minmax(0,.88fr)
        minmax(0,1.12fr);

    gap:clamp(
        42px,
        7vw,
        88px
    );

    align-items:center;

    padding:26px 0;

    border-top:
        1px solid var(--trial-line);
}


.mpa-trial-row--reverse
.mpa-trial-copy{
    order:2;
}


.mpa-trial-row--reverse
.mpa-trial-visual{
    order:1;
}


.mpa-trial-copy{
    min-width:0;
}


.mpa-trial-copy h2,
.mpa-trial-video-section h2{
    margin:0;

    color:var(--trial-navy);

    font-size:clamp(
        1.8rem,
        2.8vw,
        2.75rem
    );

    font-weight:710;

    line-height:1.13;

    letter-spacing:-.03em;
}


html[dir="rtl"]
.mpa-trial-copy h2,
html[dir="rtl"]
.mpa-trial-video-section h2{
    letter-spacing:0;
}


.mpa-trial-copy p{
    margin:17px 0 0;

    color:var(--trial-soft);

    font-size:13.5px;

    line-height:1.9;
}


.mpa-trial-copy
.mpa-trial-actions{
    justify-content:flex-start;

    margin-top:22px;
}


html[dir="rtl"]
.mpa-trial-copy
.mpa-trial-actions{
    justify-content:flex-start;
}


/* IMAGES */

.mpa-trial-visual{
    margin:0;

    width:100%;

    aspect-ratio:4/3;

    overflow:hidden;

    background:#edf5fa;

    border-radius:5px;
}


.mpa-trial-visual img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
}


.mpa-trial-image-placeholder{
    display:block;

    width:100%;
    height:100%;

    min-height:280px;

    background:
        radial-gradient(
            circle at 25% 30%,
            rgba(253,176,2,.10),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #f7fbfd,
            #e9f3f9
        );
}


/* VIDEO */

.mpa-trial-video-section{
    padding:34px 0;

    border-top:
        1px solid var(--trial-line);

    text-align:center;
}


.mpa-trial-video-section header{
    max-width:730px;

    margin:0 auto 28px;
}


.mpa-trial-video-section header p{
    max-width:650px;

    margin:16px auto 0;

    color:var(--trial-soft);

    font-size:13px;

    line-height:1.8;
}


.mpa-trial-video-placeholder{
    position:relative;

    display:flex;

    flex-direction:column;

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

    gap:13px;

    width:100%;

    aspect-ratio:16/8;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(1,71,141,.07),
            transparent 32%
        ),
        #eef5f9;

    border-radius:6px;
}


.mpa-trial-play{
    display:flex;

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

    width:58px;
    height:58px;

    padding-left:4px;

    color:#fff;

    background:
        var(--trial-deep);

    border-radius:50%;

    font-size:18px;
}


.mpa-trial-video-placeholder p{
    margin:0;

    color:var(--trial-soft);

    font-size:10.5px;

    font-weight:650;
}


/* FINAL CTA */

.mpa-trial-final{
    max-width:760px;

    margin:0 auto;

    padding:68px 0 10px;

    border-top:
        1px solid var(--trial-line);

    text-align:center;
}


.mpa-trial-final h2{
    margin:0;

    color:var(--trial-deep);

    font-size:clamp(
        2rem,
        3.3vw,
        3.15rem
    );

    font-weight:720;

    line-height:1.08;
}


.mpa-trial-final > p{
    max-width:620px;

    margin:16px auto 0;

    color:var(--trial-soft);

    font-size:13px;

    line-height:1.8;
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width:700px){

    .mpa-trial{
        width:
            calc(100% - 24px);

        margin:12px auto 47px;
    }


    .mpa-trial-cover{
        aspect-ratio:16/6;

        border-radius:
            7px 7px 3px 3px;
    }


    .mpa-trial-mark{
        width:84px;
        height:84px;

        margin-top:-41px;
    }


    .mpa-trial-hero{
        margin-top:12px;
    }


    .mpa-trial-hero h1{
        max-width:355px;

        font-size:2.05rem;

        line-height:1.08;
    }


    .mpa-trial-hero > p{
        max-width:360px;

        margin-top:14px;

        font-size:11px;

        line-height:1.7;
    }


    /*
     * Important:
     * all four statistics stay in ONE row.
     */

    .mpa-trial-stats{
        grid-template-columns:
            repeat(4, minmax(0,1fr));

        margin-top:38px;
    }


    .mpa-trial-stat{
        padding:
            18px 3px 17px;
    }


    .mpa-trial-stat strong{
        font-size:
            clamp(
                1.05rem,
                5vw,
                1.35rem
            );
    }


    .mpa-trial-stat span{
        margin-top:5px;

        font-size:7px;

        line-height:1.15;
    }


    .mpa-trial-story{
        margin-top:35px;
    }


    .mpa-trial-row,
    .mpa-trial-row--reverse{
        display:flex;

        flex-direction:column;

        gap:25px;

        padding:32px 0;
    }


    .mpa-trial-row--reverse
    .mpa-trial-copy,
    .mpa-trial-row--reverse
    .mpa-trial-visual{
        order:initial;
    }


    .mpa-trial-copy{
        max-width:380px;

        margin:0 auto;

        text-align:center;
    }


    .mpa-trial-copy h2{
        font-size:1.72rem;
    }


    .mpa-trial-copy p{
        font-size:11.5px;

        line-height:1.75;
    }


    .mpa-trial-copy
    .mpa-trial-actions,
    html[dir="rtl"]
    .mpa-trial-copy
    .mpa-trial-actions{
        justify-content:center;
    }


    .mpa-trial-visual{
        aspect-ratio:16/11;
    }


    .mpa-trial-video-section{
        padding:45px 0;
    }


    .mpa-trial-video-section h2{
        font-size:1.75rem;
    }


    .mpa-trial-video-section header p{
        font-size:11.5px;
    }


    .mpa-trial-video-placeholder{
        aspect-ratio:16/10;
    }


    .mpa-trial-final{
        padding-top:45px;
    }


    .mpa-trial-final h2{
        font-size:1.85rem;
    }


    .mpa-trial-final > p{
        font-size:11.5px;
    }


    .mpa-trial-btn{
        min-height:38px;

        padding:0 14px;

        font-size:9.5px;
    }

}


/* MPA_FREE_TRIAL_HOME_STATS_CSS_START */

/*
 * The following statistics styling is
 * copied directly from front-page.php.
 */

/* ==================================================
   MUSLIM PATH - MODERN STATS
================================================== */

.mpa-stats{
    width:min(1320px, calc(100% - 48px));
    margin:10px auto 80px;

    overflow:hidden;

    background:#fff;

    border-top:1px solid #e6ebf1;
    border-bottom:1px solid #e6ebf1;
}

.mpa-stats-track{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));

    min-width:760px;
}

.mpa-stat-item{
    position:relative;

    min-height:145px;

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

    padding:24px 18px;

    text-align:center;
}

.mpa-stat-item:not(:last-child)::after{
    content:"";

    position:absolute;
    top:28%;
    bottom:28%;
    right:0;

    width:1px;

    background:#e6ebf1;
}

html[dir="rtl"]
.mpa-stat-item:not(:last-child)::after{
    right:auto;
    left:0;
}

.mpa-stat-value{
    display:flex;
    align-items:baseline;
    justify-content:center;

    min-height:52px;

    color:#01478d;

    font-size:clamp(2rem, 3vw, 3.2rem);
    font-weight:800;
    line-height:1;

    letter-spacing:-.035em;
}

.mpa-stat-counter,
.mpa-stat-placeholder{
    font-variant-numeric:tabular-nums;
}

.mpa-stat-item p{
    margin:12px 0 0;

    color:#5e6d7d;

    font-size:13px;
    font-weight:650;
    line-height:1.4;
}

.mpa-stat-item::before{
    content:"";

    position:absolute;

    bottom:0;
    left:50%;

    width:0;
    height:3px;

    background:#fdb002;

    transform:translateX(-50%);

    transition:width .45s ease;
}

.mpa-stat-item:hover::before{
    width:42px;
}

.mpa-stat-item:hover
.mpa-stat-value{
    color:#0a57a5;
}


/* Mobile - keep one horizontal line */

@media (max-width:768px){

    .mpa-stats{
        width:100%;
        margin:6px 0 55px;

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

        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    .mpa-stats::-webkit-scrollbar{
        display:none;
    }

    .mpa-stats-track{
        display:flex;

        min-width:max-content;
    }

    .mpa-stat-item{
        flex:0 0 150px;

        min-height:120px;

        padding:20px 12px;
    }

    .mpa-stat-value{
        font-size:2rem;
    }

    .mpa-stat-item p{
        font-size:11px;
    }

}


/* Very small mobile */

@media (max-width:390px){

    .mpa-stat-item{
        flex-basis:140px;
    }

}



/* ==================================================
   MPA MOBILE STATS - ALL 4 IN ONE ROW
================================================== */

@media (max-width:768px){

    .mpa-stats{
        width:calc(100% - 12px) !important;
        margin:4px auto 42px !important;

        overflow:hidden !important;
    }

    .mpa-stats-track{
        display:grid !important;
        grid-template-columns:repeat(4, minmax(0,1fr)) !important;

        width:100% !important;
        min-width:0 !important;
    }

    .mpa-stat-item{
        width:auto !important;
        min-width:0 !important;
        min-height:88px !important;

        flex:none !important;

        padding:12px 3px !important;
    }

    .mpa-stat-value{
        min-height:29px !important;

        font-size:1.38rem !important;
        font-weight:800 !important;

        line-height:1 !important;

        white-space:nowrap !important;
        letter-spacing:-.04em !important;
    }

    .mpa-stat-item p{
        margin:7px 0 0 !important;

        padding:0 2px !important;

        font-size:9px !important;
        font-weight:650 !important;

        line-height:1.15 !important;

        overflow-wrap:anywhere !important;
    }

    .mpa-stat-item:not(:last-child)::after{
        top:24% !important;
        bottom:24% !important;
    }

}


/* Smaller phones */

@media (max-width:390px){

    .mpa-stat-value{
        font-size:1.22rem !important;
    }

    .mpa-stat-item p{
        font-size:8.3px !important;
    }

    .mpa-stat-item{
        min-height:82px !important;
        padding:11px 2px !important;
    }

}


/*
 * Free Trial uses the same maximum
 * outer width as the current Home cover.
 */

.mpa-trial {
    width:
        min(
            1320px,
            calc(100% - 48px)
        ) !important;
}


@media (max-width:700px) {

    .mpa-trial {
        width:
            calc(100% - 24px)
            !important;
    }

}

/* MPA_FREE_TRIAL_HOME_STATS_CSS_END */

/* MPA_FREE_TRIAL_REMOVE_SEPARATORS_START */

/* Remove borders around statistics */
.mpa-trial .mpa-stats,
.mpa-trial .mpa-stats-track {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Remove vertical separator lines between statistics */
.mpa-trial .mpa-stat-item::before,
.mpa-trial .mpa-stat-item::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

/* Remove horizontal separator lines between page sections */
.mpa-trial .mpa-trial-row,
.mpa-trial .mpa-trial-story,
.mpa-trial .mpa-trial-video,
.mpa-trial .mpa-trial-cta,
.mpa-trial section {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* Remove decorative separator pseudo-elements */
.mpa-trial .mpa-trial-row::before,
.mpa-trial .mpa-trial-row::after,
.mpa-trial .mpa-trial-story::before,
.mpa-trial .mpa-trial-story::after,
.mpa-trial .mpa-trial-video::before,
.mpa-trial .mpa-trial-video::after,
.mpa-trial .mpa-trial-cta::before,
.mpa-trial .mpa-trial-cta::after {
    content: none !important;
    display: none !important;
}

/* MPA_FREE_TRIAL_REMOVE_SEPARATORS_END */

/* MPA_TRIAL_LANGUAGE_VIDEO_CSS_START */

/*
 * Free Trial language video.
 *
 * Clean version:
 * - no placeholder shell
 * - no white image container
 * - no extra height below video
 * - existing row/grid layout preserved
 */


/* -----------------------------------------------
   Destination that used to contain IMAGE 03
------------------------------------------------ */

.mpa-trial
.mpa-trial-visual.mpa-trial-video-destination {

    min-height:0 !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;
    outline:0 !important;

    box-shadow:none !important;

    overflow:visible !important;
}


/* -----------------------------------------------
   Actual video shell
------------------------------------------------ */

.mpa-trial-video-player {

    position:relative;

    display:block;

    width:100%;
    height:auto;

    min-width:0;
    min-height:0;

    margin:0;
    padding:0;

    aspect-ratio:16 / 9;

    overflow:hidden;

    border:0;
    border-radius:24px;

    background:#08284c;

    box-shadow:none;
}


/* -----------------------------------------------
   Poster
------------------------------------------------ */

.mpa-trial-video-player__poster {

    position:absolute;

    inset:0;

    display:block;

    width:100%;
    height:100%;

    margin:0;
    padding:0;

    border:0;

    border-radius:inherit;

    overflow:hidden;

    cursor:pointer;

    background:#08284c;
}


.mpa-trial-video-player__poster > img {

    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover !important;
    object-position:center !important;
}


.mpa-trial-video-player__poster::after {

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(8,40,76,.02),
            rgba(8,40,76,.18)
        );

    pointer-events:none;
}


/* -----------------------------------------------
   Play button
------------------------------------------------ */

.mpa-trial-video-player__play {

    position:absolute;

    left:50%;
    top:50%;

    transform:
        translate(-50%,-50%);

    width:70px;
    height:70px;

    display:flex;

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

    border-radius:50%;

    background:#fff;

    box-shadow:
        0 10px 32px
        rgba(8,40,76,.25);

    z-index:2;

    pointer-events:none;
}


.mpa-trial-video-player__play svg {

    display:block;

    width:29px;
    height:29px;

    fill:#01478d;

    transform:
        translateX(2px);
}


/* -----------------------------------------------
   Loaded YouTube frame
------------------------------------------------ */

.mpa-trial-video-player__frame {

    position:absolute;

    inset:0;

    display:block;

    width:100%;
    height:100%;

    margin:0;
    padding:0;

    border:0;

    border-radius:inherit;

    background:#000;
}


/* -----------------------------------------------
   Mobile
------------------------------------------------ */

@media (max-width:700px) {

    .mpa-trial
    .mpa-trial-visual.mpa-trial-video-destination {

        min-height:0 !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;
    }


    .mpa-trial-video-player {

        border-radius:18px;
    }


    .mpa-trial-video-player__play {

        width:58px;
        height:58px;
    }


    .mpa-trial-video-player__play svg {

        width:24px;
        height:24px;
    }

}

/* MPA_TRIAL_LANGUAGE_VIDEO_CSS_END */


/* MPA_UK_TWO_LESSONS_CSS_START */

/*
 * UK two-lesson explanation.
 * Markup exists only on page ID 724.
 * Uses the existing Free Trial design tokens.
 */

.mpa-trial-two-lessons {
    width:min(1040px, 100%);
    margin:0 auto;
    padding:18px 0 34px;
}

.mpa-trial-two-lessons__header {
    max-width:760px;
    margin:0 auto 32px;
    text-align:center;
}

.mpa-trial-two-lessons__header > span,
.mpa-trial-two-lessons__outcome-copy > span {
    display:block;
    margin-bottom:10px;

    color:var(--trial-soft);

    font-size:10px;
    font-weight:750;

    letter-spacing:.08em;
    text-transform:uppercase;
}

.mpa-trial-two-lessons__header h2 {
    max-width:760px;
    margin:0 auto;

    color:var(--trial-navy);

    font-size:clamp(
        1.9rem,
        3vw,
        2.9rem
    );

    font-weight:710;
    line-height:1.12;

    letter-spacing:-.035em;
}

.mpa-trial-two-lessons__header p {
    max-width:680px;

    margin:16px auto 0;

    color:var(--trial-soft);

    font-size:13.5px;
    line-height:1.85;
}


.mpa-trial-two-lessons__grid {
    display:grid;

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

    gap:16px;
}


.mpa-trial-lesson-card {
    position:relative;

    min-width:0;

    padding:30px;

    background:#fff;

    border:
        1px solid
        var(--trial-line);

    border-radius:16px;
}


.mpa-trial-lesson-card__label {
    display:inline-flex;

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

    min-height:27px;

    padding:0 11px;

    margin-bottom:17px;

    color:var(--trial-blue);

    background:#edf5fa;

    border-radius:999px;

    font-size:9.5px;
    font-weight:750;

    letter-spacing:.04em;
}


.mpa-trial-lesson-card h3 {
    margin:0;

    color:var(--trial-deep);

    font-size:clamp(
        1.35rem,
        2vw,
        1.75rem
    );

    font-weight:710;
    line-height:1.2;

    letter-spacing:-.025em;
}


.mpa-trial-lesson-card > p {
    margin:13px 0 0;

    color:var(--trial-soft);

    font-size:12.5px;
    line-height:1.75;
}


.mpa-trial-lesson-card ul {
    list-style:none;

    margin:22px 0 0;
    padding:0;
}


.mpa-trial-lesson-card li {
    position:relative;

    margin:0;
    padding:11px 0 11px 20px;

    color:var(--trial-navy);

    font-size:11.5px;
    line-height:1.6;

    border-top:
        1px solid
        rgba(220,231,239,.78);
}


.mpa-trial-lesson-card li::before {
    content:"";

    position:absolute;

    left:1px;
    top:18px;

    width:7px;
    height:7px;

    background:var(--trial-gold);

    border-radius:50%;
}


.mpa-trial-two-lessons__outcome {
    display:grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap:36px;

    align-items:center;

    margin-top:16px;

    padding:32px;

    background:var(--trial-bg);

    border-radius:18px;
}


.mpa-trial-two-lessons__outcome-copy h3 {
    margin:0;

    color:var(--trial-deep);

    font-size:clamp(
        1.45rem,
        2.2vw,
        2rem
    );

    font-weight:710;
    line-height:1.18;

    letter-spacing:-.025em;
}


.mpa-trial-two-lessons__outcome-copy p {
    margin:13px 0 0;

    color:var(--trial-soft);

    font-size:12px;
    line-height:1.75;
}


.mpa-trial-two-lessons__outcome-list {
    display:grid;

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

    gap:10px;
}


.mpa-trial-two-lessons__outcome-item {
    min-width:0;

    padding:15px 16px;

    background:#fff;

    border-radius:10px;
}


.mpa-trial-two-lessons__outcome-item strong {
    display:block;

    color:var(--trial-blue);

    font-size:11.5px;
    font-weight:750;

    line-height:1.3;
}


.mpa-trial-two-lessons__outcome-item span {
    display:block;

    margin-top:6px;

    color:var(--trial-soft);

    font-size:10.5px;
    line-height:1.55;
}


.mpa-trial-two-lessons__action {
    margin-top:25px;
    text-align:center;
}


.mpa-trial-two-lessons__action
.mpa-trial-btn {
    min-width:190px;
}


.mpa-trial-two-lessons__action p {
    margin:9px 0 0;

    color:var(--trial-soft);

    font-size:10px;
    line-height:1.5;
}


/* Dark mode */

html.mpa-dark
.mpa-trial-two-lessons__header h2,
html.mpa-dark
.mpa-trial-lesson-card h3,
html.mpa-dark
.mpa-trial-two-lessons__outcome-copy h3 {
    color:#f3f8fc;
}


html.mpa-dark
.mpa-trial-lesson-card {
    background:#10263c;

    border-color:#29445d;
}


html.mpa-dark
.mpa-trial-lesson-card__label {
    color:#78b3ea;
    background:#17324d;
}


html.mpa-dark
.mpa-trial-lesson-card > p,
html.mpa-dark
.mpa-trial-two-lessons__header p,
html.mpa-dark
.mpa-trial-two-lessons__outcome-copy p,
html.mpa-dark
.mpa-trial-two-lessons__outcome-item span,
html.mpa-dark
.mpa-trial-two-lessons__action p {
    color:#b6c9d8;
}


html.mpa-dark
.mpa-trial-lesson-card li {
    color:#d9e7f2;

    border-color:#29445d;
}


html.mpa-dark
.mpa-trial-two-lessons__outcome {
    background:#10263c;
}


html.mpa-dark
.mpa-trial-two-lessons__outcome-item {
    background:#17324d;
}


html.mpa-dark
.mpa-trial-two-lessons__outcome-item strong {
    color:#78b3ea;
}


/* Mobile */

@media (max-width:700px) {

    .mpa-trial-two-lessons {
        padding:8px 0 35px;
    }


    .mpa-trial-two-lessons__header {
        max-width:380px;

        margin-bottom:24px;

        padding:0 8px;
    }


    .mpa-trial-two-lessons__header h2 {
        font-size:1.78rem;
    }


    .mpa-trial-two-lessons__header p {
        font-size:11.5px;
        line-height:1.7;
    }


    .mpa-trial-two-lessons__grid {
        grid-template-columns:1fr;
        gap:12px;
    }


    .mpa-trial-lesson-card {
        padding:23px 20px;

        border-radius:13px;
    }


    .mpa-trial-lesson-card h3 {
        font-size:1.42rem;
    }


    .mpa-trial-lesson-card > p {
        font-size:11.5px;
    }


    .mpa-trial-lesson-card li {
        font-size:10.5px;
    }


    .mpa-trial-two-lessons__outcome {
        grid-template-columns:1fr;

        gap:22px;

        padding:23px 18px;

        border-radius:14px;
    }


    .mpa-trial-two-lessons__outcome-copy {
        text-align:center;
    }


    .mpa-trial-two-lessons__outcome-copy h3 {
        font-size:1.48rem;
    }


    .mpa-trial-two-lessons__outcome-list {
        grid-template-columns:1fr 1fr;
        gap:8px;
    }


    .mpa-trial-two-lessons__outcome-item {
        padding:13px 12px;
    }


    .mpa-trial-two-lessons__outcome-item strong {
        font-size:10.5px;
    }


    .mpa-trial-two-lessons__outcome-item span {
        font-size:9.5px;
    }

}


@media (max-width:390px) {

    .mpa-trial-two-lessons__outcome-list {
        grid-template-columns:1fr;
    }

}

/* MPA_UK_TWO_LESSONS_CSS_END */


/* MPA_UK_TEACHER_PROOF_CSS_START */

.mpa-trial .mpa-trial-teacher-proof {
    padding:34px 0;
}


.mpa-trial
.mpa-trial-teacher-proof__header {
    max-width:760px;
    margin:0 auto 32px;
    text-align:center;
}


.mpa-trial
.mpa-trial-teacher-proof__header > span {
    display:block;

    margin-bottom:10px;

    color:var(--trial-soft);

    font-size:10px;
    font-weight:750;

    letter-spacing:.08em;
    text-transform:uppercase;
}


.mpa-trial
.mpa-trial-teacher-proof__header h2 {
    margin:0;

    color:var(--trial-navy);

    font-size:clamp(
        1.9rem,
        3vw,
        2.9rem
    );

    font-weight:710;
    line-height:1.12;

    letter-spacing:-.035em;
}


.mpa-trial
.mpa-trial-teacher-proof__header p {
    max-width:680px;

    margin:16px auto 0;

    color:var(--trial-soft);

    font-size:13.5px;
    line-height:1.85;
}


.mpa-trial
.mpa-trial-teacher-proof__grid {
    display:grid;

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

    gap:14px;
}


.mpa-trial
.mpa-trial-teacher-card {
    min-width:0;

    padding:25px;

    background:#fff;

    border:
        1px solid
        var(--trial-line);

    border-radius:16px;
}


.mpa-trial
.mpa-trial-teacher-card__person {
    display:flex;

    align-items:center;

    gap:14px;

    padding-bottom:19px;

    border-bottom:
        1px solid
        var(--trial-line);
}


.mpa-trial
.mpa-trial-teacher-card__person img {
    display:block;

    flex:0 0 70px;

    width:70px;
    height:70px;

    object-fit:cover;

    border-radius:50%;

    background:#edf5fa;
}


.mpa-trial
.mpa-trial-teacher-card__person span {
    display:block;

    margin-bottom:5px;

    color:var(--trial-soft);

    font-size:9px;
    font-weight:750;

    letter-spacing:.05em;
    text-transform:uppercase;
}


.mpa-trial
.mpa-trial-teacher-card__person h3 {
    margin:0;

    color:var(--trial-deep);

    font-size:1.22rem;
    font-weight:720;
    line-height:1.15;
}


.mpa-trial
.mpa-trial-teacher-card__detail {
    padding-top:18px;
}


.mpa-trial
.mpa-trial-teacher-card__detail small {
    display:block;

    margin-bottom:6px;

    color:var(--trial-blue);

    font-size:9.5px;
    font-weight:750;
}


.mpa-trial
.mpa-trial-teacher-card__detail p {
    margin:0;

    color:var(--trial-navy);

    font-size:11.5px;
    line-height:1.65;
}


.mpa-trial
.mpa-trial-teacher-card__note {
    margin-top:18px;

    padding:12px 13px;

    color:var(--trial-soft);

    background:var(--trial-bg);

    border-radius:8px;

    font-size:10.5px;
    line-height:1.55;
}


.mpa-trial
.mpa-trial-teacher-proof__matching {
    display:grid;

    grid-template-columns:
        minmax(0,.75fr)
        minmax(0,1.25fr);

    gap:35px;

    align-items:center;

    margin-top:14px;

    padding:28px 30px;

    background:var(--trial-bg);

    border-radius:16px;
}


.mpa-trial
.mpa-trial-teacher-proof__matching span {
    display:block;

    margin-bottom:8px;

    color:var(--trial-soft);

    font-size:9.5px;
    font-weight:750;

    letter-spacing:.06em;
    text-transform:uppercase;
}


.mpa-trial
.mpa-trial-teacher-proof__matching h3 {
    margin:0;

    color:var(--trial-deep);

    font-size:clamp(
        1.35rem,
        2vw,
        1.85rem
    );

    font-weight:710;
    line-height:1.18;
}


.mpa-trial
.mpa-trial-teacher-proof__matching > p {
    margin:0;

    color:var(--trial-soft);

    font-size:12px;
    line-height:1.75;
}


.mpa-trial
.mpa-trial-teacher-proof__actions {
    display:flex;

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

    flex-wrap:wrap;

    gap:8px;

    margin-top:25px;
}


.mpa-trial
.mpa-trial-teacher-proof__footnote {
    margin:10px 0 0;

    color:var(--trial-soft);

    font-size:9.5px;
    line-height:1.5;

    text-align:center;
}


@media (max-width:900px) {

    .mpa-trial
    .mpa-trial-teacher-proof__grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }


    .mpa-trial
    .mpa-trial-teacher-card:last-child {
        grid-column:1 / -1;

        width:calc(50% - 7px);

        justify-self:center;
    }

}


@media (max-width:700px) {

    .mpa-trial
    .mpa-trial-teacher-proof {
        padding:32px 0;
    }


    .mpa-trial
    .mpa-trial-teacher-proof__header {
        max-width:380px;

        margin-bottom:24px;

        padding:0 8px;
    }


    .mpa-trial
    .mpa-trial-teacher-proof__header h2 {
        font-size:1.78rem;
    }


    .mpa-trial
    .mpa-trial-teacher-proof__header p {
        font-size:11.5px;
        line-height:1.7;
    }


    .mpa-trial
    .mpa-trial-teacher-proof__grid {
        grid-template-columns:1fr;

        gap:10px;
    }


    .mpa-trial
    .mpa-trial-teacher-card,
    .mpa-trial
    .mpa-trial-teacher-card:last-child {
        grid-column:auto;

        width:auto;

        padding:21px 18px;
    }


    .mpa-trial
    .mpa-trial-teacher-card__person img {
        flex-basis:62px;

        width:62px;
        height:62px;
    }


    .mpa-trial
    .mpa-trial-teacher-proof__matching {
        grid-template-columns:1fr;

        gap:14px;

        padding:22px 18px;

        text-align:center;
    }

}

/* MPA_UK_TEACHER_PROOF_CSS_END */

/* MPA_FREE_TRIAL_TEACHERS_DARK_START */

/*
 * Free Trial teacher proof
 * Complete Dark Mode treatment.
 */


/* =========================
   SECTION HEADING
========================= */

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-proof__header{
    color:#dbe8f2 !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-proof__header > span{
    color:#75a8cc !important;
    -webkit-text-fill-color:#75a8cc !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-proof__header h2{
    color:#f4f8fb !important;
    -webkit-text-fill-color:#f4f8fb !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-proof__header p{
    color:#9fb9cd !important;
    -webkit-text-fill-color:#9fb9cd !important;
}


/* =========================
   TEACHER CARDS
========================= */

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card{
    background:#0a2236 !important;
    border-color:#29465d !important;
    color:#dbe8f2 !important;

    box-shadow:
        0 12px 34px
        rgba(0,0,0,.16) !important;
}


/* Person */

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card__person{
    color:#dbe8f2 !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card__person h3{
    color:#f4f8fb !important;
    -webkit-text-fill-color:#f4f8fb !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card__person span{
    color:#fdb002 !important;
    -webkit-text-fill-color:#fdb002 !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card__person img{
    border-color:#29465d !important;
}


/* Main copy */

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card p,

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card li,

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card small{
    color:#b8cedd !important;
    -webkit-text-fill-color:#b8cedd !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card strong,

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card h4{
    color:#eef5fa !important;
    -webkit-text-fill-color:#eef5fa !important;
}


/* Divider */

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card hr{
    border-color:#29465d !important;
}


/* =========================
   SMALL WHITE BOX
   AT BOTTOM OF EACH CARD
========================= */

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card > :last-child:not(.mpa-trial-teacher-card__person){
    background:#102b43 !important;
    background-image:none !important;

    border-color:#29465d !important;

    color:#b8cedd !important;
    -webkit-text-fill-color:#b8cedd !important;

    box-shadow:none !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card > :last-child:not(.mpa-trial-teacher-card__person)
:is(p, span, small){
    color:#b8cedd !important;
    -webkit-text-fill-color:#b8cedd !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-card > :last-child:not(.mpa-trial-teacher-card__person)
:is(strong, b, h3, h4){
    color:#eef5fa !important;
    -webkit-text-fill-color:#eef5fa !important;
}


/* =========================
   LARGE MATCHING PANEL
========================= */

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-proof__matching{
    background:#0d263d !important;
    background-image:none !important;

    border:1px solid #29465d !important;

    color:#dbe8f2 !important;

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.12) !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-proof__matching span{
    color:#75a8cc !important;
    -webkit-text-fill-color:#75a8cc !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-proof__matching h3{
    color:#f4f8fb !important;
    -webkit-text-fill-color:#f4f8fb !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-proof__matching > p{
    color:#a9c2d4 !important;
    -webkit-text-fill-color:#a9c2d4 !important;
}


/* =========================
   ACTIONS
========================= */

/* Keep primary blue */
html.mpa-dark
.mpa-trial
.mpa-trial-teacher-proof__actions
.mpa-trial-btn--primary{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* Remove white secondary button */
html.mpa-dark
.mpa-trial
.mpa-trial-teacher-proof__actions
.mpa-trial-btn--secondary{
    background:#102b43 !important;
    background-image:none !important;

    border-color:#315068 !important;

    color:#d8e7f2 !important;
    -webkit-text-fill-color:#d8e7f2 !important;

    box-shadow:none !important;
}

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-proof__actions
.mpa-trial-btn--secondary:hover{
    background:#16344e !important;
    border-color:#4b708c !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* Footnote */

html.mpa-dark
.mpa-trial
.mpa-trial-teacher-proof__footnote{
    color:#789bb5 !important;
    -webkit-text-fill-color:#789bb5 !important;
}


/* MPA_FREE_TRIAL_TEACHERS_DARK_END */