/* =========================================================
   5M BIOTECH — PRODUCT & BUSINESS ENQUIRY
   ========================================================= */

:root {

    --eq-navy:#0D2942;
    --eq-green:#145846;
    --eq-teal:#34776B;

    --eq-blue:#EAF3F5;
    --eq-mist:#EEF4F1;

    --eq-brass:#A9854E;

    --eq-ink:#192932;
    --eq-muted:#66767A;

    --eq-line:#DAE4E3;

    --eq-warm:#FCFCF9;
    --eq-white:#FFFFFF;
}


.m5eq-page {

    color:var(--eq-ink);

    background:var(--eq-warm);

    overflow:hidden;
}


.m5eq-shell {

    width:calc(100% - 80px);

    max-width:1360px;

    margin:0 auto;
}


.m5eq-kicker {

    margin:0 0 9px;

    color:var(--eq-teal);

    font-size:9px;

    line-height:1;

    font-weight:800;

    letter-spacing:.14em;

    text-transform:uppercase;
}


.m5eq-kicker.light {

    color:#A9CEC4;
}


/* =========================================================
   INTRO
   ========================================================= */

.m5eq-intro {

    padding:50px 0 44px;

    background:
        linear-gradient(
            180deg,
            #F3F8F6,
            var(--eq-warm)
        );
}


.m5eq-intro-grid {

    display:grid;

    grid-template-columns:.95fr 1.05fr;

    gap:75px;

    align-items:center;
}


.m5eq-intro h1 {

    margin:0;

    max-width:680px;

    color:var(--eq-navy);

    font-size:clamp(45px,5vw,65px);

    line-height:.99;

    letter-spacing:-.052em;
}


.m5eq-intro-copy {

    max-width:530px;

    margin:17px 0 0;

    color:#5E6F74;

    font-size:16px;

    line-height:1.6;
}


/* orbit */

.m5eq-intro-orbit {

    position:relative;

    min-height:280px;
}


.m5eq-orbit {

    position:absolute;

    left:50%;

    top:50%;

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

    border-radius:50%;

    border:
        1px solid
        rgba(20,88,70,.16);
}


.orbit-1 {

    width:180px;

    height:180px;
}


.orbit-2 {

    width:265px;

    height:265px;
}


.m5eq-orbit-core {

    position:absolute;

    left:50%;

    top:50%;

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

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    width:115px;

    height:115px;

    border-radius:50%;

    color:#fff;

    background:
        linear-gradient(
            145deg,
            var(--eq-navy),
            var(--eq-green)
        );

    text-align:center;

    box-shadow:
        0 15px 35px
        rgba(13,41,66,.14);
}


.m5eq-orbit-core span {

    color:#AFD0C8;

    font-size:8px;

    font-weight:800;
}


.m5eq-orbit-core strong {

    margin-top:3px;

    font-size:12px;
}


.m5eq-orbit-core small {

    margin-top:2px;

    color:#C2D6D1;

    font-size:6px;

    letter-spacing:.1em;
}


.m5eq-orbit-label {

    position:absolute;

    padding:8px 12px;

    color:#36544C;

    background:#fff;

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

    border-radius:999px;

    font-size:8px;

    font-weight:650;

    box-shadow:
        0 8px 20px
        rgba(20,62,51,.045);
}


.label-1 {

    left:8%;

    top:22%;
}


.label-2 {

    right:3%;

    top:28%;
}


.label-3 {

    left:11%;

    bottom:18%;
}


.label-4 {

    right:10%;

    bottom:13%;
}


/* =========================================================
   WORKSPACE
   ========================================================= */

.m5eq-workspace {

    padding:15px 0 70px;

    background:var(--eq-warm);
}


.m5eq-workspace-grid {

    display:grid;

    grid-template-columns:
        minmax(0,1.55fr)
        minmax(300px,.65fr);

    gap:25px;

    align-items:start;
}


/* alerts */

.m5eq-success,
.m5eq-error {

    margin-bottom:20px;

    border-radius:18px;
}


.m5eq-success {

    display:flex;

    align-items:center;

    gap:16px;

    padding:18px 21px;

    color:#245142;

    background:#E7F2ED;

    border:1px solid #C8DED4;
}


.m5eq-success-mark {

    display:flex;

    align-items:center;

    justify-content:center;

    width:34px;

    height:34px;

    border-radius:50%;

    color:#fff;

    background:var(--eq-green);

    font-weight:800;
}


.m5eq-success strong {

    display:block;

    font-size:13px;
}


.m5eq-success p {

    margin:3px 0 0;

    font-size:10px;
}


.m5eq-error {

    padding:15px 18px;

    color:#734C30;

    background:#FBF2E9;

    border:1px solid #E8CFB9;

    font-size:11px;
}


/* form panel */

.m5eq-form-panel {

    overflow:hidden;

    background:#fff;

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

    border-radius:
        28px 28px 62px 28px;

    box-shadow:
        0 18px 55px
        rgba(17,55,45,.055);
}


.m5eq-form-header {

    display:flex;

    align-items:center;

    gap:18px;

    padding:27px 30px 23px;

    background:
        linear-gradient(
            90deg,
            #F5F8F7,
            #fff
        );

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


.m5eq-form-header > span {

    display:flex;

    align-items:center;

    justify-content:center;

    width:34px;

    height:34px;

    border-radius:50%;

    color:#fff;

    background:var(--eq-green);

    font-size:8px;

    font-weight:800;
}


.m5eq-form-header h2 {

    margin:0;

    color:var(--eq-navy);

    font-size:27px;
}


.m5eq-form {

    padding:28px 30px 31px;
}


.m5eq-hidden-field {

    position:absolute;

    left:-99999px;

    width:1px;

    height:1px;

    overflow:hidden;
}


/* type selector */

.m5eq-type {

    margin:0 0 25px;

    padding:0;

    border:0;
}


.m5eq-type legend {

    margin-bottom:10px;

    color:#6E8079;

    font-size:8px;

    font-weight:800;

    letter-spacing:.1em;

    text-transform:uppercase;
}


.m5eq-type-options {

    display:flex;

    flex-wrap:wrap;

    gap:8px;
}


.m5eq-type-options label {

    cursor:pointer;
}


.m5eq-type-options input {

    position:absolute;

    opacity:0;

    pointer-events:none;
}


.m5eq-type-options span {

    display:inline-flex;

    align-items:center;

    min-height:35px;

    padding:0 13px;

    color:#50645C;

    background:#F2F6F4;

    border:1px solid #DFE8E4;

    border-radius:999px;

    font-size:9px;

    font-weight:650;

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


.m5eq-type-options input:checked + span {

    color:#fff;

    background:var(--eq-green);

    border-color:var(--eq-green);
}


/* fields */

.m5eq-fields {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:16px;
}


.m5eq-fields label {

    display:block;
}


.m5eq-fields label > span {

    display:block;

    margin:0 0 7px 2px;

    color:#60736C;

    font-size:8px;

    font-weight:750;

    letter-spacing:.06em;

    text-transform:uppercase;
}


.m5eq-fields input,
.m5eq-fields textarea {

    width:100%;

    border:1px solid #D8E3DF;

    border-radius:13px;

    outline:0;

    color:#263A3D;

    background:#FBFCFB;

    font-family:inherit;

    font-size:13px;

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


.m5eq-fields input {

    height:48px;

    padding:0 14px;
}


.m5eq-fields textarea {

    min-height:135px;

    padding:13px 14px;

    resize:vertical;
}


.m5eq-fields input:focus,
.m5eq-fields textarea:focus {

    background:#fff;

    border-color:#78A497;

    box-shadow:
        0 0 0 3px
        rgba(52,119,107,.08);
}


.m5eq-product-field,
.m5eq-message {

    grid-column:1 / -1;
}


/* submit */

.m5eq-submit-row {

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    margin-top:23px;

    padding-top:20px;

    border-top:1px solid #E2E9E6;
}


.m5eq-submit-row p {

    max-width:480px;

    margin:0;

    color:#82908B;

    font-size:9px;

    line-height:1.5;
}


.m5eq-submit-row button {

    display:inline-flex;

    align-items:center;

    justify-content:space-between;

    gap:28px;

    min-width:155px;

    height:44px;

    padding:0 15px;

    border:0;

    border-radius:13px;

    color:#fff;

    background:var(--eq-green);

    font-size:10px;

    font-weight:750;

    cursor:pointer;
}


.m5eq-submit-row button b {

    font-size:15px;
}


/* =========================================================
   SIDE PANEL
   ========================================================= */

.m5eq-side {

    overflow:hidden;

    border-radius:
        28px 28px 28px 58px;

    box-shadow:
        0 18px 55px
        rgba(13,41,66,.06);
}


.m5eq-side-top {

    padding:28px;

    color:#fff;

    background:
        linear-gradient(
            145deg,
            var(--eq-navy),
            #10404A,
            var(--eq-green)
        );
}


.m5eq-side-top h2 {

    margin:0;

    color:#fff;

    font-size:25px;

    line-height:1.15;
}


.m5eq-side-top > p:not(
    .m5eq-kicker
) {

    margin:12px 0 20px;

    color:rgba(255,255,255,.65);

    font-size:10px;

    line-height:1.55;
}


.m5eq-side-links {

    border-top:
        1px solid
        rgba(255,255,255,.14);
}


.m5eq-side-links a {

    display:grid;

    grid-template-columns:
        70px 1fr auto;

    align-items:center;

    min-height:59px;

    color:inherit;

    border-bottom:
        1px solid
        rgba(255,255,255,.12);

    text-decoration:none;
}


.m5eq-side-links span {

    color:#A8CAC2;

    font-size:7px;

    font-weight:750;

    text-transform:uppercase;
}


.m5eq-side-links strong {

    color:#fff;

    font-size:10px;

    font-weight:600;
}


.m5eq-side-links em {

    color:#fff;

    font-style:normal;
}


/* next process */

.m5eq-next {

    padding:24px;

    background:#EAF2EF;
}


.m5eq-next-label {

    display:block;

    margin-bottom:17px;

    color:#56776D;

    font-size:8px;

    font-weight:800;

    letter-spacing:.11em;
}


.m5eq-next-flow {

    display:grid;

    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;

    align-items:center;

    gap:7px;
}


.m5eq-next-flow > div {

    text-align:center;
}


.m5eq-next-flow b {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:28px;

    height:28px;

    margin-bottom:6px;

    border-radius:50%;

    color:#fff;

    background:var(--eq-green);

    font-size:7px;
}


.m5eq-next-flow span {

    display:block;

    color:#364F47;

    font-size:7px;

    line-height:1.25;

    font-weight:650;
}


.m5eq-next-flow i {

    color:#879B94;

    font-style:normal;

    font-size:12px;
}


/* =========================================================
   PATHS
   ========================================================= */

.m5eq-paths {

    padding:58px 0 65px;

    background:var(--eq-warm);
}


.m5eq-path-heading {

    margin-bottom:22px;
}


.m5eq-path-heading h2 {

    margin:0;

    color:var(--eq-navy);

    font-size:31px;

    letter-spacing:-.025em;
}


.m5eq-path-row {

    display:grid;

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

    gap:10px;
}


.m5eq-path-row a {

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:center;

    min-height:100px;

    padding:17px;

    color:inherit;

    background:#EFF4F2;

    text-decoration:none;
}


.m5eq-path-row a:nth-child(1) {

    border-radius:
        22px 22px 47px 22px;
}


.m5eq-path-row a:nth-child(2) {

    border-radius:
        45px 20px 20px 20px;
}


.m5eq-path-row a:nth-child(3) {

    border-radius:
        20px 47px 20px 20px;
}


.m5eq-path-row a:nth-child(4) {

    color:#fff;

    background:var(--eq-green);

    border-radius:
        20px 20px 20px 47px;
}


.m5eq-path-row small {

    color:#70847D;

    font-size:7px;

    font-weight:800;

    letter-spacing:.1em;
}


.m5eq-path-row a:nth-child(4) small {

    color:#B9D3CB;
}


.m5eq-path-row strong {

    margin-top:5px;

    color:inherit;

    font-size:11px;
}


.m5eq-path-row > a > span {

    position:absolute;

    right:15px;

    bottom:13px;

    color:var(--eq-green);
}


.m5eq-path-row a:nth-child(4) > span {

    color:#fff;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:1000px) {

    .m5eq-shell {

        width:calc(100% - 46px);
    }


    .m5eq-intro-grid {

        grid-template-columns:1fr;

        gap:25px;
    }


    .m5eq-intro-orbit {

        min-height:230px;
    }


    .m5eq-workspace-grid {

        grid-template-columns:1fr;
    }


    .m5eq-path-row {

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

}


@media (max-width:680px) {

    .m5eq-shell {

        width:calc(100% - 28px);
    }


    .m5eq-intro {

        padding-top:35px;
    }


    .m5eq-intro h1 {

        font-size:39px;
    }


    .m5eq-form {

        padding:22px;
    }


    .m5eq-form-panel {

        border-radius:22px;
    }


    .m5eq-fields {

        grid-template-columns:1fr;
    }


    .m5eq-product-field,
    .m5eq-message {

        grid-column:auto;
    }


    .m5eq-submit-row {

        display:block;
    }


    .m5eq-submit-row button {

        margin-top:15px;
    }


    .m5eq-next-flow {

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

        gap:8px;
    }


    .m5eq-next-flow i {

        display:none;
    }


    .m5eq-path-row {

        grid-template-columns:1fr;
    }

}



/* =========================================================
   SMART ENQUIRY CONTROLS V2
   ========================================================= */

.m5eq-fields select {

    width:100%;
    height:48px;

    padding:0 38px 0 14px;

    color:#263A3D;

    background-color:#FBFCFB;

    border:1px solid #D8E3DF;

    border-radius:13px;

    outline:0;

    font-family:inherit;

    font-size:13px;

    cursor:pointer;
}


.m5eq-fields select:focus {

    background:#fff;

    border-color:#78A497;

    box-shadow:
        0 0 0 3px
        rgba(52,119,107,.08);
}


/* Phone + country code */

.m5eq-phone-control {

    display:grid;

    grid-template-columns:108px 1fr;

    overflow:hidden;

    background:#FBFCFB;

    border:1px solid #D8E3DF;

    border-radius:13px;

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}


.m5eq-phone-control:focus-within {

    background:#fff;

    border-color:#78A497;

    box-shadow:
        0 0 0 3px
        rgba(52,119,107,.08);
}


.m5eq-phone-control select {

    width:100%;

    height:46px;

    padding:0 8px;

    color:#29453D;

    background:#EEF5F2;

    border:0;

    border-right:1px solid #D8E3DF;

    border-radius:0;

    outline:0;

    font-size:11px;

    font-weight:700;
}


.m5eq-phone-control input {

    height:46px !important;

    border:0 !important;

    border-radius:0 !important;

    background:transparent !important;

    box-shadow:none !important;
}


/* Email typo assistance */

.m5eq-email-suggestion {

    display:block;

    margin:7px 2px 0;

    color:#667973;

    font-size:10px;

    line-height:1.4;
}


.m5eq-email-suggestion[hidden] {

    display:none !important;
}


.m5eq-email-suggestion button {

    padding:0;

    color:#145846;

    background:none;

    border:0;

    font-family:inherit;

    font-size:inherit;

    font-weight:800;

    text-decoration:underline;

    text-underline-offset:2px;

    cursor:pointer;
}


@media (max-width:680px) {

    .m5eq-phone-control {

        grid-template-columns:102px 1fr;
    }

}



/* =========================================================
   SMART PRODUCT + STRENGTH PICKER
   Accessibility-first / older-user friendly
   ========================================================= */

.m5eq-product-picker {

    position:relative;
}


/* Product results */

.m5eq-product-results {

    position:absolute;

    z-index:50;

    left:0;

    right:0;

    top:calc(100% + 7px);

    max-height:330px;

    overflow-y:auto;

    padding:7px;

    background:#fff;

    border:1px solid #CBDAD4;

    border-radius:15px;

    box-shadow:
        0 18px 45px
        rgba(20,62,51,.12);
}


.m5eq-product-result {

    display:block;

    width:100%;

    min-height:64px;

    padding:12px 14px;

    color:#253934;

    background:#fff;

    border:0;

    border-radius:10px;

    text-align:left;

    cursor:pointer;
}


.m5eq-product-result:hover,
.m5eq-product-result:focus {

    background:#EEF5F2;

    outline:2px solid
        rgba(52,119,107,.18);

    outline-offset:-2px;
}


.m5eq-product-result strong {

    display:block;

    color:#173F34;

    font-size:15px;

    line-height:1.3;

    font-weight:700;
}


.m5eq-product-result span {

    display:block;

    margin-top:4px;

    color:#687A73;

    font-size:12px;

    line-height:1.4;
}


.m5eq-product-empty {

    padding:15px;

    color:#667770;

    font-size:13px;

    line-height:1.5;
}


/* Strength selector */

.m5eq-strength-area {

    margin-top:16px;

    padding:17px;

    background:#F1F6F4;

    border:1px solid #D8E4DF;

    border-radius:16px;
}


.m5eq-strength-area[hidden] {

    display:none !important;
}


.m5eq-strength-heading {

    margin-bottom:12px;
}


.m5eq-strength-heading > span {

    display:block;

    color:#173F34;

    font-size:15px;

    font-weight:750;
}


.m5eq-strength-heading small {

    display:block;

    margin-top:3px;

    color:#687A73;

    font-size:12px;

    line-height:1.4;
}


.m5eq-strength-options {

    display:flex;

    flex-wrap:wrap;

    gap:9px;
}


.m5eq-strength-choice {

    cursor:pointer;
}


.m5eq-strength-choice input {

    position:absolute;

    opacity:0;

    pointer-events:none;
}


.m5eq-strength-choice span {

    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    min-width:92px;

    min-height:50px;

    padding:0 17px;

    margin:0 !important;

    color:#314942 !important;

    background:#fff;

    border:1px solid #C9D8D2;

    border-radius:12px;

    font-size:15px !important;

    line-height:1 !important;

    font-weight:700 !important;

    letter-spacing:0 !important;

    text-transform:none !important;

    transition:
        background .16s ease,
        border-color .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}


.m5eq-strength-choice:hover span {

    border-color:#78A497;

    background:#F8FBFA;
}


.m5eq-strength-choice input:focus + span {

    outline:3px solid
        rgba(52,119,107,.18);

    outline-offset:2px;
}


.m5eq-strength-choice input:checked + span {

    color:#fff !important;

    background:#145846;

    border-color:#145846;

    box-shadow:
        0 7px 18px
        rgba(20,88,70,.14);
}


/* Slightly larger field text for accessibility */

.m5eq-product-field
#m5eq-product-search {

    min-height:52px;

    font-size:16px;
}


@media (max-width:680px) {

    .m5eq-strength-choice {

        flex:
            1 1
            calc(50% - 9px);
    }


    .m5eq-strength-choice span {

        width:100%;

        min-height:52px;
    }

}



/* =========================================================
   ENQUIRY HERO — EMAIL RESPONSE DESK
   Replaces decorative orbit graphic
   ========================================================= */

.m5eq-response-desk {

    position:relative;

    align-self:center;

    overflow:hidden;

    padding:20px;

    background:
        linear-gradient(
            145deg,
            #EAF3F1,
            #F6F9F8
        );

    border:
        1px solid #D5E2DE;

    border-radius:
        28px 28px 58px 28px;

    box-shadow:
        0 18px 48px
        rgba(20,62,51,.065);
}


/* top identity */

.m5eq-response-top {

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    margin-bottom:15px;

    padding:0 3px;
}


.m5eq-response-top > div:first-child span {

    display:block;

    color:#668078;

    font-size:7px;

    font-weight:800;

    letter-spacing:.12em;
}


.m5eq-response-top > div:first-child strong {

    display:block;

    margin-top:2px;

    color:#173F34;

    font-size:10px;
}


.m5eq-email-only {

    display:inline-flex;

    align-items:center;

    gap:6px;

    min-height:30px;

    padding:0 10px;

    color:#27594B;

    background:#fff;

    border:
        1px solid #CFDDD8;

    border-radius:999px;

    font-size:7px;

    font-weight:800;

    letter-spacing:.06em;
}


.m5eq-email-only svg {

    width:14px;

    height:14px;

    fill:none;

    stroke:#145846;

    stroke-width:1.5;

    stroke-linecap:round;

    stroke-linejoin:round;
}


/* mail/document card */

.m5eq-message-card {

    overflow:hidden;

    background:#fff;

    border:
        1px solid #D8E3DF;

    border-radius:
        20px;

    box-shadow:
        0 10px 30px
        rgba(13,41,66,.045);
}


.m5eq-message-status {

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 17px;

    background:
        linear-gradient(
            90deg,
            #F7FAF9,
            #fff
        );

    border-bottom:
        1px solid #E3EAE7;
}


.m5eq-mail-icon {

    display:flex;

    align-items:center;

    justify-content:center;

    flex:0 0 39px;

    width:39px;

    height:39px;

    color:#fff;

    background:#145846;

    border-radius:12px;
}


.m5eq-mail-icon svg {

    width:19px;

    height:19px;

    fill:none;

    stroke:#fff;

    stroke-width:1.5;

    stroke-linecap:round;

    stroke-linejoin:round;
}


.m5eq-message-status small {

    display:block;

    color:#758780;

    font-size:7px;

    font-weight:800;

    letter-spacing:.1em;
}


.m5eq-message-status strong {

    display:block;

    margin-top:3px;

    color:#173F34;

    font-size:12px;
}


/* preview information */

.m5eq-message-preview {

    display:grid;

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

    border-bottom:
        1px solid #E2E9E6;
}


.m5eq-message-preview > div {

    min-height:70px;

    padding:14px 16px;
}


.m5eq-message-preview > div:first-child {

    border-right:
        1px solid #E2E9E6;
}


.m5eq-message-preview span {

    display:block;

    color:#80908A;

    font-size:7px;

    font-weight:750;

    letter-spacing:.08em;

    text-transform:uppercase;
}


.m5eq-message-preview strong {

    display:block;

    margin-top:5px;

    color:#263A34;

    font-size:10px;

    line-height:1.35;
}


/* response path */

.m5eq-response-flow {

    display:grid;

    grid-template-columns:
        1fr 46px 1fr 46px 1fr;

    align-items:center;

    padding:15px 17px 17px;
}


.m5eq-response-flow > div {

    display:flex;

    align-items:center;

    gap:8px;
}


.m5eq-response-flow b {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:28px;

    height:28px;

    flex:0 0 28px;

    color:#fff;

    background:#145846;

    border-radius:9px;

    font-size:7px;

    font-weight:800;
}


.m5eq-response-flow span {

    color:#3D514A;

    font-size:9px;

    font-weight:650;
}


.m5eq-response-flow i {

    position:relative;

    display:block;

    width:100%;

    height:1px;

    background:#BCD0C9;
}


.m5eq-response-flow i::after {

    content:"";

    position:absolute;

    right:0;

    top:50%;

    width:5px;

    height:5px;

    border-top:
        1px solid #79968C;

    border-right:
        1px solid #79968C;

    transform:
        translateY(-50%)
        rotate(45deg);
}


/* service promises */

.m5eq-service-promises {

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:10px;

    margin-top:11px;
}


.m5eq-service-promises > div {

    min-height:87px;

    padding:14px 16px;

    border-radius:16px;
}


.m5eq-promise-response {

    background:#0D2942;
}


.m5eq-promise-email {

    background:#145846;
}


.m5eq-service-promises span {

    display:block;

    color:
        rgba(255,255,255,.62);

    font-size:7px;

    font-weight:800;

    letter-spacing:.11em;
}


.m5eq-service-promises strong {

    display:block;

    margin-top:5px;

    color:#fff;

    font-size:13px;

    line-height:1.25;
}


.m5eq-service-promises small {

    display:block;

    margin-top:3px;

    color:
        rgba(255,255,255,.65);

    font-size:8px;
}


/* remove space reserved for old orbit */

.m5eq-intro-grid {

    align-items:center !important;
}


@media (max-width:680px) {

    .m5eq-response-desk {

        padding:14px;

        border-radius:
            22px 22px 42px 22px;
    }


    .m5eq-response-top {

        align-items:flex-start;

        flex-direction:column;
    }


    .m5eq-message-preview {

        grid-template-columns:1fr;
    }


    .m5eq-message-preview > div:first-child {

        border-right:0;

        border-bottom:
            1px solid #E2E9E6;
    }


    .m5eq-response-flow {

        grid-template-columns:1fr;

        gap:8px;
    }


    .m5eq-response-flow i {

        display:none;
    }


    .m5eq-service-promises {

        grid-template-columns:1fr;
    }

}



/* =========================================================
   ENQUIRY V3 ACCESSIBILITY FINAL
   ========================================================= */


/* Labels */

.m5eq-fields label > span {

    color:#4D665E !important;

    font-size:11px !important;

    line-height:1.35 !important;

    font-weight:750 !important;

    letter-spacing:.025em !important;

    text-transform:none !important;
}


.m5eq-fields label > span small {

    margin-left:5px;

    color:#87968F;

    font-size:10px;

    font-weight:500;
}


/* Inputs */

.m5eq-fields input,
.m5eq-fields textarea,
.m5eq-fields select {

    color:#263A34 !important;

    background:#fff !important;

    border:
        1px solid #CBD9D4 !important;

    border-radius:13px !important;

    font-size:16px !important;
}


.m5eq-fields input,
.m5eq-fields select {

    min-height:54px !important;
}


.m5eq-fields textarea {

    min-height:145px !important;

    line-height:1.55 !important;
}


.m5eq-fields input:focus,
.m5eq-fields textarea:focus,
.m5eq-fields select:focus {

    outline:0 !important;

    border-color:#34776B !important;

    box-shadow:
        0 0 0 4px
        rgba(52,119,107,.11) !important;
}


/* phone */

.m5eq-phone-control {

    display:grid;

    grid-template-columns:
        115px 1fr;

    overflow:hidden;

    background:#fff;

    border:
        1px solid #CBD9D4;

    border-radius:13px;
}


.m5eq-phone-control:focus-within {

    border-color:#34776B;

    box-shadow:
        0 0 0 4px
        rgba(52,119,107,.11);
}


.m5eq-phone-control select {

    height:54px !important;

    padding:0 8px;

    border:0 !important;

    border-right:
        1px solid #CBD9D4 !important;

    border-radius:0 !important;

    background:#EDF4F1 !important;

    color:#28463D !important;

    font-size:14px !important;

    font-weight:700;
}


.m5eq-phone-control input {

    border:0 !important;

    border-radius:0 !important;

    box-shadow:none !important;
}


/* helper */

.m5eq-field-help {

    display:block;

    margin:7px 2px 0;

    color:#667A72;

    font-size:11px;

    line-height:1.45;
}


/* email */

.m5eq-email-suggestion {

    display:block;

    margin:7px 2px 0;

    color:#5F736B;

    font-size:12px;

    line-height:1.45;
}


.m5eq-email-suggestion[hidden] {

    display:none !important;
}


.m5eq-email-suggestion button {

    padding:0;

    border:0;

    background:none;

    color:#145846;

    font:inherit;

    font-weight:800;

    text-decoration:underline;

    text-underline-offset:2px;

    cursor:pointer;
}


/* product picker */

.m5eq-product-picker {

    position:relative;
}


#m5eq-product-search {

    min-height:56px !important;

    font-size:16px !important;
}


.m5eq-product-results {

    position:absolute;

    z-index:100;

    top:calc(100% + 7px);

    left:0;

    right:0;

    max-height:330px;

    overflow:auto;

    padding:7px;

    background:#fff;

    border:
        1px solid #C7D8D1;

    border-radius:15px;

    box-shadow:
        0 18px 48px
        rgba(20,62,51,.14);
}


.m5eq-product-result {

    display:block;

    width:100%;

    min-height:68px;

    padding:12px 14px;

    border:0;

    border-radius:10px;

    color:#263A34;

    background:#fff;

    text-align:left;

    cursor:pointer;
}


.m5eq-product-result:hover,
.m5eq-product-result:focus {

    background:#EDF5F2;

    outline:
        3px solid
        rgba(52,119,107,.15);

    outline-offset:-3px;
}


.m5eq-product-result strong {

    display:block;

    color:#173F34;

    font-size:16px;

    line-height:1.3;
}


.m5eq-product-result span {

    display:block;

    margin-top:4px;

    color:#687A73;

    font-size:12px;

    line-height:1.4;
}


.m5eq-product-empty {

    padding:15px;

    color:#687A73;

    font-size:13px;

    line-height:1.5;
}


/* strength selection */

.m5eq-strength-area {

    margin-top:15px;

    padding:17px;

    background:#F0F6F3;

    border:
        1px solid #D1E0DA;

    border-radius:16px;
}


.m5eq-strength-area[hidden] {

    display:none !important;
}


.m5eq-strength-heading strong {

    display:block;

    color:#173F34;

    font-size:15px;
}


.m5eq-strength-heading span {

    display:block;

    margin-top:3px;

    color:#697B74;

    font-size:12px;
}


.m5eq-strength-options {

    display:flex;

    flex-wrap:wrap;

    gap:9px;

    margin-top:12px;
}


.m5eq-strength-choice {

    cursor:pointer;
}


.m5eq-strength-choice input {

    position:absolute;

    opacity:0;

    pointer-events:none;
}


.m5eq-strength-choice span {

    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    min-width:96px;

    min-height:52px;

    padding:0 17px;

    margin:0 !important;

    color:#314A42 !important;

    background:#fff;

    border:
        1px solid #C5D6D0;

    border-radius:12px;

    font-size:15px !important;

    font-weight:750 !important;

    letter-spacing:0 !important;

    text-transform:none !important;
}


.m5eq-strength-choice:hover span {

    border-color:#78A497;

    background:#FAFCFB;
}


.m5eq-strength-choice input:checked + span {

    color:#fff !important;

    background:#145846;

    border-color:#145846;

    box-shadow:
        0 8px 20px
        rgba(20,88,70,.14);
}


/* enquiry type */

.m5eq-type-options span {

    min-height:43px !important;

    padding:
        0 15px !important;

    font-size:12px !important;
}


/* submit */

.m5eq-submit-row button {

    min-width:175px !important;

    height:52px !important;

    border-radius:13px !important;

    font-size:13px !important;
}


.m5eq-submit-row p {

    font-size:11px !important;

    line-height:1.5 !important;
}


@media (max-width:680px) {

    .m5eq-phone-control {

        grid-template-columns:
            108px 1fr;
    }


    .m5eq-strength-choice {

        flex:
            1 1
            calc(50% - 9px);
    }


    .m5eq-strength-choice span {

        width:100%;
    }

}



/* =========================================================
   ENQUIRY FIRST FOLD — STRUCTURAL FINAL
   ========================================================= */


/* Any historic right graphic must never appear */

.m5eq-response-desk,
.m5eq-intro-orbit,
.m5eq-hero-graphic {

    display:none !important;
}


/* compact opening */

.m5eq-intro-compact {

    padding:
        34px 0 22px !important;

    background:
        linear-gradient(
            180deg,
            #F4F8F6 0%,
            #FCFCF9 100%
        ) !important;
}


/* remove old grid */

.m5eq-intro-compact
.m5eq-intro-grid {

    display:block !important;
}


.m5eq-intro-center {

    max-width:950px;

    margin:0 auto;

    text-align:center;
}


.m5eq-intro-center .m5eq-kicker {

    margin-bottom:11px !important;
}


/* title */

.m5eq-intro-center h1 {

    max-width:900px;

    margin:
        0 auto;

    color:#0D2942;

    font-size:
        clamp(42px, 5.1vw, 66px);

    line-height:.98;

    letter-spacing:-.05em;
}


/* subtitle */

.m5eq-intro-center
.m5eq-intro-copy {

    max-width:680px;

    margin:
        14px auto 0 !important;

    color:#60736D;

    font-size:17px !important;

    line-height:1.5;
}


/* useful reassurance instead of decorative graphic */

.m5eq-intro-assurance {

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;

    margin-top:17px;
}


.m5eq-intro-assurance span {

    color:#49655D;

    font-size:11px;

    font-weight:650;
}


.m5eq-intro-assurance i {

    display:block;

    width:4px;

    height:4px;

    border-radius:50%;

    background:#A9854E;
}


/* bring form directly into first fold */

.m5eq-workspace {

    margin-top:0 !important;

    padding:
        0 0 62px !important;

    background:#FCFCF9 !important;
}


/* no large invisible spacing before form */

.m5eq-workspace > .m5eq-shell {

    padding-top:0 !important;
}


.m5eq-workspace-grid {

    margin-top:0 !important;

    align-items:start !important;
}


/* main form becomes visual focus */

.m5eq-form-panel {

    margin-top:0 !important;

    position:relative;

    z-index:3;

    box-shadow:
        0 18px 55px
        rgba(17,55,45,.07) !important;
}


/* slightly reduce form header so more fields show above fold */

.m5eq-form-header {

    padding:
        20px 28px 18px !important;
}


.m5eq-form {

    padding:
        23px 28px 28px !important;
}


/* side information panel remains compact */

.m5eq-side {

    margin-top:0 !important;
}


/* Desktop: first form fields should appear within first viewport */

@media (min-width:1100px) {

    .m5eq-intro-compact {

        padding-top:28px !important;

        padding-bottom:18px !important;
    }


    .m5eq-intro-center h1 {

        font-size:
            clamp(44px, 4.4vw, 61px);
    }

}


/* tablet */

@media (max-width:900px) {

    .m5eq-intro-compact {

        padding:
            28px 0 18px !important;
    }


    .m5eq-intro-center h1 {

        font-size:
            clamp(38px, 7vw, 52px);
    }


    .m5eq-intro-assurance {

        gap:8px 11px;
    }

}


/* mobile */

@media (max-width:600px) {

    .m5eq-intro-compact {

        padding:
            22px 0 15px !important;
    }


    .m5eq-intro-center {

        text-align:left;
    }


    .m5eq-intro-center h1 {

        font-size:38px;
    }


    .m5eq-intro-center
    .m5eq-intro-copy {

        margin-left:0 !important;

        font-size:15px !important;
    }


    .m5eq-intro-assurance {

        justify-content:flex-start;
    }


    .m5eq-intro-assurance i {

        display:none;
    }


    .m5eq-intro-assurance span {

        width:100%;
    }

}



/* =========================================================
   LIGHTWEIGHT SVG ENQUIRY JOURNEY
   No image asset / no JS animation / no library
   ========================================================= */

.m5eq-journey-art {

    margin-top:0;

    padding:
        25px 23px 23px;

    background:
        linear-gradient(
            180deg,
            #EDF5F2 0%,
            #F8FAF9 100%
        );

    border-radius:
        0 0 28px 58px;
}


/* heading */

.m5eq-journey-heading {

    max-width:310px;

    margin-bottom:10px;
}


.m5eq-journey-heading > span {

    display:block;

    margin-bottom:5px;

    color:#55776C;

    font-size:7px;

    font-weight:800;

    letter-spacing:.12em;
}


.m5eq-journey-heading > strong {

    display:block;

    color:#173F34;

    font-size:16px;

    line-height:1.25;
}


.m5eq-journey-heading > p {

    margin:5px 0 0;

    color:#6C7D77;

    font-size:10px;

    line-height:1.45;
}


/* graphic */

.m5eq-journey-canvas {

    position:relative;

    max-width:360px;

    margin:
        0 auto;
}


.m5eq-journey-svg {

    display:block;

    width:100%;

    height:auto;

    overflow:visible;
}


/* route */

.m5eq-route-base {

    fill:none;

    stroke:#C5D8D1;

    stroke-width:2;

    stroke-linecap:round;
}


.m5eq-route-progress {

    fill:none;

    stroke:#2C7568;

    stroke-width:2;

    stroke-linecap:round;

    stroke-dasharray:
        3 10;

    opacity:.72;

    animation:
        m5eqRouteFlow
        10s linear
        infinite;
}


@keyframes m5eqRouteFlow {

    from {
        stroke-dashoffset:0;
    }

    to {
        stroke-dashoffset:-52;
    }

}


/* moving signal */

.m5eq-route-signal {

    fill:#A9854E;

    filter:
        drop-shadow(
            0 0 5px
            rgba(169,133,78,.35)
        );
}


/* steps */

.m5eq-svg-step rect {

    fill:
        rgba(255,255,255,.93);

    stroke:#D3E1DC;

    stroke-width:1;

    filter:
        drop-shadow(
            0 7px 14px
            rgba(20,62,51,.045)
        );
}


.m5eq-svg-step circle {

    fill:#145846;
}


.m5eq-svg-step path {

    fill:none;

    stroke:#fff;

    stroke-width:1.5;

    stroke-linecap:round;

    stroke-linejoin:round;
}


.m5eq-svg-small {

    fill:#71857D;

    font-size:7px;

    font-weight:700;

    font-family:
        system-ui,
        -apple-system,
        sans-serif;
}


.m5eq-svg-label {

    fill:#173F34;

    font-size:9px;

    font-weight:700;

    font-family:
        system-ui,
        -apple-system,
        sans-serif;
}


/* stagger in softly */

.m5eq-svg-step {

    opacity:0;

    transform:
        translateY(4px);

    animation:
        m5eqStepReveal
        .55s ease
        forwards;
}


.step-submit {

    animation-delay:.05s;
}


.step-review {

    animation-delay:.16s;
}


.step-email {

    animation-delay:.27s;
}


.step-coordinate {

    animation-delay:.38s;
}


@keyframes m5eqStepReveal {

    to {

        opacity:1;

        transform:
            translateY(0);
    }

}


/* email destination */

.m5eq-mail-destination circle {

    fill:#0D2942;

    opacity:.96;

    animation:
        m5eqEmailPulse
        3.5s ease-in-out
        infinite;
}


.m5eq-mail-destination path {

    fill:none;

    stroke:#fff;

    stroke-width:1.5;

    stroke-linecap:round;

    stroke-linejoin:round;
}


@keyframes m5eqEmailPulse {

    0%,
    100% {

        transform:
            scale(1);

        transform-origin:
            316px 263px;
    }


    50% {

        transform:
            scale(1.06);

        transform-origin:
            316px 263px;
    }

}


/* contextual promises */

.m5eq-journey-notes {

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:9px;

    margin-top:-5px;
}


.m5eq-journey-notes > div {

    display:flex;

    align-items:flex-start;

    gap:9px;

    min-height:82px;

    padding:12px;

    background:
        rgba(255,255,255,.73);

    border:
        1px solid #D7E4DF;

    border-radius:
        16px;
}


.m5eq-note-icon {

    display:flex;

    align-items:center;

    justify-content:center;

    flex:0 0 30px;

    width:30px;

    height:30px;

    border-radius:10px;

    color:#fff;

    background:#145846;
}


.m5eq-note-icon svg {

    width:16px;

    height:16px;

    fill:none;

    stroke:#fff;

    stroke-width:1.5;

    stroke-linecap:round;

    stroke-linejoin:round;
}


.m5eq-journey-notes p {

    margin:0;
}


.m5eq-journey-notes small {

    display:block;

    color:#70827A;

    font-size:6px;

    font-weight:800;

    letter-spacing:.08em;
}


.m5eq-journey-notes strong {

    display:block;

    margin-top:3px;

    color:#173F34;

    font-size:10px;

    line-height:1.25;
}


.m5eq-journey-notes em {

    display:block;

    margin-top:2px;

    color:#7A8984;

    font-size:7px;

    font-style:normal;
}


/* Let the SVG fill the right column instead of leaving dead space */

.m5eq-side {

    background:#EDF5F2;
}


/* Remove old horizontal flow */

.m5eq-next {

    display:none !important;
}


/* Respect reduced-motion preference */

@media (prefers-reduced-motion: reduce) {

    .m5eq-route-progress,
    .m5eq-svg-step,
    .m5eq-mail-destination circle {

        animation:none !important;
    }


    .m5eq-svg-step {

        opacity:1;

        transform:none;
    }


    .m5eq-route-signal {

        display:none;
    }

}


/* mobile */

@media (max-width:680px) {

    .m5eq-journey-art {

        padding:
            20px 16px;

        border-radius:
            0 0 22px 22px;
    }


    .m5eq-journey-canvas {

        max-width:330px;
    }


    .m5eq-journey-notes {

        grid-template-columns:1fr;
    }

}



/* =========================================================
   ENQUIRY WORKSPACE — MATCH LEFT / RIGHT HEIGHT
   ========================================================= */

/* Both columns finish on the same baseline */
.m5eq-workspace-grid {
    align-items: stretch !important;
}


/* Main form fills its grid column */
.m5eq-form-panel {
    height: 100% !important;

    display: flex !important;
    flex-direction: column !important;
}


/* Form body uses available height naturally */
.m5eq-form-panel .m5eq-form {
    flex: 1 1 auto !important;

    display: flex !important;
    flex-direction: column !important;
}


/* Keep submit area at the bottom when extra height exists */
.m5eq-form-panel .m5eq-submit-row {
    margin-top: auto !important;
}


/* Right column stretches to same height as form */
.m5eq-side {
    height: 100% !important;

    display: flex !important;
    flex-direction: column !important;
}


/* Animated journey occupies remaining vertical space */
.m5eq-journey-art {
    flex: 1 1 auto !important;

    display: flex !important;
    flex-direction: column !important;
}


/* Graphic uses available space without looking stretched */
.m5eq-journey-canvas {
    flex: 1 1 auto !important;

    display: flex !important;
    flex-direction: column !important;

    justify-content: center !important;
}


/* Keep reassurance cards neatly at the bottom */
.m5eq-journey-notes {
    margin-top: auto !important;
}


/* Desktop only: ensure both panels visibly end together */
@media (min-width: 1001px) {

    .m5eq-form-panel,
    .m5eq-side {
        min-height: 100% !important;
    }

}


/* Tablet/mobile should return to natural height */
@media (max-width: 1000px) {

    .m5eq-workspace-grid {
        align-items: start !important;
    }


    .m5eq-form-panel,
    .m5eq-side {
        height: auto !important;
        min-height: 0 !important;
    }

}



/* =========================================================
   CONNECTED BUSINESS PATHWAY V2
   ========================================================= */

.m5eq-pathway-v2 {

    padding:48px 0 58px;

    background:#FCFCF9;
}


.m5eq-pathway-intro {

    max-width:660px;

    margin-bottom:25px;
}


.m5eq-pathway-intro h2 {

    margin:0;

    color:#0D2942;

    font-size:34px;

    line-height:1.12;

    letter-spacing:-.03em;
}


.m5eq-pathway-intro > p:not(.m5eq-kicker) {

    max-width:520px;

    margin:8px 0 0;

    color:#687A73;

    font-size:13px;

    line-height:1.55;
}


/* single continuous rail */

.m5eq-pathway-track {

    position:relative;

    display:grid;

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

    gap:0;

    padding:14px;

    overflow:hidden;

    background:
        linear-gradient(
            100deg,
            #EFF5F2 0%,
            #F4F8F6 68%,
            #E8F2EE 100%
        );

    border:
        1px solid #D7E3DE;

    border-radius:30px;
}


/* subtle connection line */

.m5eq-pathway-track::before {

    content:"";

    position:absolute;

    left:8%;

    right:8%;

    top:56px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            #BED1C9,
            #AFC9BF,
            #7EA798
        );
}


/* steps */

.m5eq-pathway-step {

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        38px 1fr auto;

    grid-template-rows:
        auto 1fr;

    column-gap:12px;

    min-height:170px;

    padding:18px;

    color:inherit;

    text-decoration:none;

    border-radius:20px;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


.m5eq-pathway-step:hover {

    z-index:3;

    transform:
        translateY(-3px);

    background:
        rgba(255,255,255,.86);

    box-shadow:
        0 10px 26px
        rgba(20,62,51,.055);
}


/* vertical separators, not boxes */

.m5eq-pathway-step:not(:last-child)::after {

    content:"";

    position:absolute;

    top:23px;

    right:0;

    bottom:23px;

    width:1px;

    background:
        rgba(171,196,187,.48);
}


/* index */

.m5eq-pathway-number {

    display:flex;

    align-items:center;

    justify-content:center;

    width:31px;

    height:31px;

    margin-top:3px;

    border-radius:10px;

    color:#145846;

    background:#fff;

    border:
        1px solid #C9DAD3;

    font-size:8px;

    font-weight:800;
}


/* icon */

.m5eq-pathway-icon {

    grid-column:1;

    grid-row:2;

    display:flex;

    align-items:center;

    justify-content:center;

    width:31px;

    height:31px;

    align-self:end;

    border-radius:50%;

    color:#fff;

    background:#145846;
}


.m5eq-pathway-icon svg {

    width:15px;

    height:15px;

    fill:none;

    stroke:#fff;

    stroke-width:1.45;

    stroke-linecap:round;

    stroke-linejoin:round;
}


/* copy */

.m5eq-pathway-copy {

    grid-column:2;

    grid-row:1 / span 2;

    align-self:center;
}


.m5eq-pathway-copy > span {

    display:block;

    margin-bottom:6px;

    color:#668078;

    font-size:7px;

    line-height:1;

    font-weight:800;

    letter-spacing:.12em;
}


.m5eq-pathway-copy strong {

    display:block;

    color:#173F34;

    font-size:14px;

    line-height:1.3;
}


.m5eq-pathway-copy small {

    display:block;

    max-width:195px;

    margin-top:7px;

    color:#70817A;

    font-size:10px;

    line-height:1.45;
}


/* arrow */

.m5eq-pathway-arrow {

    grid-column:3;

    grid-row:1 / span 2;

    align-self:center;

    color:#34776B;

    font-size:18px;
}


/* final step becomes destination */

.m5eq-pathway-step-final {

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #145846,
            #196753
        );

    border-radius:22px;
}


.m5eq-pathway-step-final:hover {

    background:
        linear-gradient(
            135deg,
            #104D3E,
            #17614F
        );
}


.m5eq-pathway-step-final
.m5eq-pathway-number {

    color:#fff;

    background:
        rgba(255,255,255,.12);

    border-color:
        rgba(255,255,255,.2);
}


.m5eq-pathway-step-final
.m5eq-pathway-icon {

    color:#145846;

    background:#fff;
}


.m5eq-pathway-step-final
.m5eq-pathway-icon svg {

    stroke:#145846;
}


.m5eq-pathway-step-final
.m5eq-pathway-copy > span {

    color:#B5D2C8;
}


.m5eq-pathway-step-final
.m5eq-pathway-copy strong {

    color:#fff;
}


.m5eq-pathway-step-final
.m5eq-pathway-copy small {

    color:
        rgba(255,255,255,.68);
}


.m5eq-pathway-step-final
.m5eq-pathway-arrow {

    color:#fff;
}


/* tablet */

@media (max-width:1000px) {

    .m5eq-pathway-track {

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

        gap:8px;
    }


    .m5eq-pathway-track::before {

        display:none;
    }


    .m5eq-pathway-step:not(:last-child)::after {

        display:none;
    }

}


/* mobile */

@media (max-width:650px) {

    .m5eq-pathway-v2 {

        padding:38px 0 45px;
    }


    .m5eq-pathway-track {

        grid-template-columns:1fr;

        padding:10px;

        border-radius:22px;
    }


    .m5eq-pathway-step {

        min-height:130px;

        grid-template-columns:
            38px 1fr auto;
    }


    .m5eq-pathway-copy small {

        max-width:none;
    }

}


/* === 5M COUNTRY DROPDOWN ARROW START === */

/*
 * Restore a clear dropdown indicator on the Country field.
 * Scoped only to the Enquiry country selector.
 */

#m5eq-country {
    -webkit-appearance:none !important;
    appearance:none !important;

    padding-right:48px !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2l6 6 6-6' fill='none' stroke='%230f6f5c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

    background-repeat:no-repeat !important;
    background-position:right 17px center !important;
    background-size:16px 10px !important;

    cursor:pointer;
}


/*
 * Prevent browser-native arrows from overlapping
 * the custom chevron in older Microsoft engines.
 */

#m5eq-country::-ms-expand {
    display:none;
}

/* === 5M COUNTRY DROPDOWN ARROW END === */