.m5pe2-page {
    --navy:#072f3d;
    --green:#08715c;
    --muted:#687f87;
    --line:#d7e4e0;
    --soft:#f6faf8;

    background:#fff;
}


.m5pe2-shell {
    width:min(
        1180px,
        calc(100% - 48px)
    );

    margin:0 auto;
}


.m5pe2-page h1,
.m5pe2-page h2,
.m5pe2-page h3 {
    color:var(--navy);
}


.m5pe2-eyebrow,
.m5pe2-index {
    margin:0 0 16px;

    color:#637c84;

    font-size:10px;

    font-weight:800;

    letter-spacing:.14em;
}


/* HERO */

.m5pe2-hero {
    padding:
        86px 0 75px;

    background:
        linear-gradient(
            135deg,
            #fbfdfc,
            #edf6f2
        );
}


.m5pe2-hero h1 {
    max-width:900px;

    margin:0;

    font-size:
        clamp(
            50px,
            5.3vw,
            72px
        );

    line-height:1;

    letter-spacing:-.045em;
}


/* GENERAL */

.m5pe2-section {
    padding:
        70px 0;
}


.m5pe2-soft {
    background:var(--soft);
}


.m5pe2-two {
    display:grid;

    grid-template-columns:
        .75fr
        1.25fr;

    gap:90px;
}


.m5pe2-section h2,
.m5pe2-verification h2 {
    margin:0;

    font-size:
        clamp(
            36px,
            3.9vw,
            53px
        );

    line-height:1.06;

    letter-spacing:-.04em;
}


.m5pe2-copy p,
.m5pe2-intro {
    max-width:740px;

    margin:
        0 0 18px;

    color:var(--muted);

    font-size:15px;

    line-height:1.75;
}


.m5pe2-intro {
    margin-top:20px;
}


/* EXPERTISE */

.m5pe2-expertise {
    margin-top:40px;

    border-top:
        1px solid
        #9dbfb7;
}


.m5pe2-expertise article {
    display:grid;

    grid-template-columns:
        80px
        1fr;

    gap:28px;

    padding:
        33px 0;

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


.m5pe2-expertise article > span {
    color:#98abad;

    font-size:11px;
}


.m5pe2-expertise h3 {
    margin:
        0 0 13px;

    font-size:23px;

    line-height:1.2;
}


.m5pe2-expertise p {
    max-width:790px;

    margin:
        0 0 14px;

    color:var(--muted);

    font-size:13px;

    line-height:1.72;
}


.m5pe2-expertise ul {
    max-width:790px;

    margin:
        15px 0 0;

    padding:0;

    list-style:none;
}


.m5pe2-expertise li {
    position:relative;

    padding:
        9px 0 9px 22px;

    border-bottom:
        1px solid
        rgba(7,47,61,.08);

    color:#526d75;

    font-size:12px;

    line-height:1.55;
}


.m5pe2-expertise li::before {
    content:"";

    position:absolute;

    left:2px;
    top:16px;

    width:6px;
    height:6px;

    border-radius:50%;

    background:var(--green);
}


/* VERIFICATION */

.m5pe2-verification {
    padding:
        72px 0 78px;

    background:var(--navy);
}


.m5pe2-verification-grid {
    display:grid;

    grid-template-columns:
        .9fr
        1.1fr;

    gap:90px;

    align-items:center;
}


.m5pe2-verification
.m5pe2-index {
    color:#76a69a;
}


.m5pe2-verification h2 {
    color:#fff;
}


.m5pe2-verification-grid > p {
    margin:0;

    color:#bdcdcf;

    font-size:15px;

    line-height:1.75;
}


/* RESPONSIVE */

@media (max-width:850px) {

    .m5pe2-two,
    .m5pe2-verification-grid {
        grid-template-columns:1fr;

        gap:27px;
    }

}


@media (max-width:620px) {

    .m5pe2-shell {
        width:min(
            100% - 32px,
            1180px
        );
    }


    .m5pe2-hero {
        padding:
            58px 0 54px;
    }


    .m5pe2-hero h1 {
        font-size:43px;
    }


    .m5pe2-section,
    .m5pe2-verification {
        padding:
            52px 0;
    }


    .m5pe2-expertise article {
        grid-template-columns:1fr;

        gap:12px;
    }

}