.elementor-1707 .elementor-element.elementor-element-b4679f0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1707 .elementor-element.elementor-element-b4679f0:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-b4679f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#071C2C;}.elementor-1707 .elementor-element.elementor-element-b4679f0 > .elementor-container{min-height:680px;}.elementor-1707 .elementor-element.elementor-element-b4679f0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-1707 .elementor-element.elementor-element-b4679f0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-1707 .elementor-element.elementor-element-af3a988.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1707 .elementor-element.elementor-element-af3a988.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1707 .elementor-element.elementor-element-4f6a4f3 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1707 .elementor-element.elementor-element-4f6a4f3:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-4f6a4f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F7;}.elementor-1707 .elementor-element.elementor-element-4f6a4f3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1707 .elementor-element.elementor-element-4f6a4f3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1707 .elementor-element.elementor-element-c62fc2c:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-c62fc2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EFE7;}.elementor-1707 .elementor-element.elementor-element-c62fc2c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1707 .elementor-element.elementor-element-c62fc2c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1707 .elementor-element.elementor-element-6314c27 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1707 .elementor-element.elementor-element-6314c27:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-6314c27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9EFF2;}.elementor-1707 .elementor-element.elementor-element-6314c27{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1707 .elementor-element.elementor-element-6314c27 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1707 .elementor-element.elementor-element-678b87e:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-678b87e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1707 .elementor-element.elementor-element-678b87e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1707 .elementor-element.elementor-element-678b87e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1707 .elementor-element.elementor-element-83bd55d:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-83bd55d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FA;}.elementor-1707 .elementor-element.elementor-element-83bd55d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1707 .elementor-element.elementor-element-83bd55d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1707 .elementor-element.elementor-element-7f0469b:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-7f0469b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#071D2C;}.elementor-1707 .elementor-element.elementor-element-7f0469b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1707 .elementor-element.elementor-element-7f0469b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1707 .elementor-element.elementor-element-210e86e:not(.elementor-motion-effects-element-type-background), .elementor-1707 .elementor-element.elementor-element-210e86e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1EEE7;}.elementor-1707 .elementor-element.elementor-element-210e86e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1707 .elementor-element.elementor-element-210e86e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1707 .elementor-element.elementor-element-af3a988{width:100%;}}/* Start custom CSS for html, class: .elementor-element-5190f7e *//* =========================================================
   ERC ABOUT US — CORPORATE IDENTITY HERO
========================================================= */

.erc-about-hero-section {
    overflow: hidden;
    position: relative;
    background: #071c2c;
}


/* MAIN WRAPPER */

.erc-about-hero {
    position: relative;
    width: 100%;
    min-height: 680px;
    overflow: hidden;
    color: #ffffff;
    font-family: inherit;
}


/* =========================================
   BACKGROUND GRID
========================================= */

.erc-ah-grid {
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            rgba(255,255,255,0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,0.035) 1px,
            transparent 1px
        );

    background-size: 72px 72px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.9),
            rgba(0,0,0,0.25)
        );

    pointer-events: none;
}


/* =========================================
   BACKGROUND GLOW
========================================= */

.erc-ah-glow {
    position: absolute;

    width: 420px;
    height: 420px;

    border-radius: 50%;

    filter: blur(120px);

    opacity: 0.14;

    pointer-events: none;
}

.erc-glow-one {
    background: #277db7;

    left: -140px;
    top: 100px;

    animation:
        ercGlowOne 9s ease-in-out infinite alternate;
}

.erc-glow-two {
    background: #c69b52;

    right: -200px;
    bottom: -180px;

    opacity: 0.08;

    animation:
        ercGlowTwo 11s ease-in-out infinite alternate;
}

@keyframes ercGlowOne {

    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(70px, 40px);
    }

}

@keyframes ercGlowTwo {

    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(-50px, -30px);
    }

}


/* =========================================
   HUGE ERC WATERMARK
========================================= */

.erc-ah-watermark {
    position: absolute;

    left: 2%;
    bottom: -105px;

    font-size: clamp(230px, 29vw, 470px);

    font-weight: 800;

    line-height: 0.75;

    letter-spacing: -0.08em;

    color: transparent;

    -webkit-text-stroke:
        1px rgba(255,255,255,0.055);

    user-select: none;

    pointer-events: none;
}


/* =========================================
   TOP BAR
========================================= */

.erc-ah-topbar {
    position: relative;
    z-index: 5;

    width: min(1200px, calc(100% - 80px));

    margin: auto;

    min-height: 75px;

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

    border-bottom:
        1px solid rgba(255,255,255,0.12);
}


.erc-ah-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    font-size: 11px;

    letter-spacing: 0.22em;

    font-weight: 600;

    color: rgba(255,255,255,0.68);
}


.erc-ah-dot {
    width: 7px;
    height: 7px;

    background: #c69b52;

    border-radius: 50%;

    box-shadow:
        0 0 0 6px rgba(198,155,82,0.08);
}


.erc-ah-index {
    display: flex;
    align-items: center;
    gap: 18px;

    font-size: 10px;

    letter-spacing: 0.18em;

    color: rgba(255,255,255,0.45);
}


.erc-ah-index span {
    color: #c69b52;

    font-size: 13px;
}


/* =========================================
   MAIN LAYOUT
========================================= */

.erc-ah-layout {
    position: relative;
    z-index: 4;

    width: min(1200px, calc(100% - 80px));

    margin: auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(430px, 0.92fr);

    min-height: 515px;
}


/* =========================================
   LEFT CONTENT
========================================= */

.erc-ah-content {
    padding:
        82px
        80px
        72px
        0;

    display: flex;

    flex-direction: column;

    justify-content: center;
}


.erc-ah-label {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 26px;

    color: #c69b52;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 0.23em;
}


.erc-ah-label span {
    width: 38px;

    height: 1px;

    background: #c69b52;

    transition: width 0.5s ease;
}


.erc-ah-content:hover
.erc-ah-label span {
    width: 58px;
}


/* HEADLINE */

.erc-ah-content h1 {
    margin: 0 0 27px;

    max-width: 680px;

    font-size:
        clamp(48px, 5vw, 76px);

    line-height: 1.02;

    letter-spacing: -0.045em;

    font-weight: 300;

    color: #ffffff;
}


.erc-ah-content h1 strong {
    display: block;

    font-weight: 700;

    color: #ffffff;
}


/* DESCRIPTION */

.erc-ah-content > p {
    width: 100%;

    max-width: 610px;

    margin: 0;

    color: rgba(255,255,255,0.66);

    font-size: 16px;

    line-height: 1.85;

    font-weight: 400;
}


/* =========================================
   ACTION AREA
========================================= */

.erc-ah-actions {
    margin-top: 38px;

    display: flex;

    align-items: center;

    gap: 35px;
}


/* BUTTON */

.erc-ah-primary {
    min-width: 166px;

    min-height: 54px;

    padding: 0 21px;

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

    color: #071c2c;

    background: #ffffff;

    text-decoration: none;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.02em;

    transition:
        transform 0.35s ease,
        background 0.35s ease;
}


.erc-ah-primary svg {
    width: 17px;
    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.5;

    transition:
        transform 0.35s ease;
}


.erc-ah-primary:hover {
    color: #071c2c;

    background: #c69b52;

    transform:
        translateY(-3px);
}


.erc-ah-primary:hover svg {
    transform:
        translateY(4px);
}


/* TRUST TEXT */

.erc-ah-trust {
    display: flex;

    align-items: center;

    gap: 15px;
}


.erc-ah-trust-line {
    width: 1px;

    height: 42px;

    background:
        rgba(255,255,255,0.17);
}


.erc-ah-trust small {
    display: block;

    margin-bottom: 6px;

    font-size: 9px;

    letter-spacing: 0.18em;

    color: rgba(255,255,255,0.38);
}


.erc-ah-trust strong {
    display: block;

    font-size: 11px;

    font-weight: 500;

    color: rgba(255,255,255,0.74);
}


/* =========================================
   RIGHT CORPORATE INDEX
========================================= */

.erc-ah-index-panel {
    position: relative;

    align-self: stretch;

    border-left:
        1px solid rgba(255,255,255,0.12);

    padding:
        58px
        15px
        45px
        52px;
}


/* TOP */

.erc-ah-panel-head {
    padding-bottom: 20px;

    margin-bottom: 4px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom:
        1px solid rgba(255,255,255,0.12);
}


.erc-ah-panel-head small {
    font-size: 9px;

    letter-spacing: 0.17em;

    color: rgba(255,255,255,0.35);
}


.erc-ah-panel-head span {
    font-size: 8px;

    letter-spacing: 0.13em;

    color: #c69b52;
}


/* CAPABILITY ROWS */

.erc-ah-capability {
    position: relative;

    display: grid;

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

    gap: 17px;

    padding:
        22px
        0;

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

    transition:
        padding-left 0.35s ease,
        background 0.35s ease;
}


.erc-ah-capability::before {
    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 0;
    height: 1px;

    background: #c69b52;

    transition:
        width 0.5s ease;
}


.erc-ah-capability:hover {
    padding-left: 10px;
}


.erc-ah-capability:hover::before {
    width: 100%;
}


/* NUMBER */

.erc-ah-number {
    padding-top: 2px;

    color: #c69b52;

    font-size: 10px;

    letter-spacing: 0.1em;
}


/* TEXT */

.erc-ah-capability-content small {
    display: block;

    margin-bottom: 5px;

    color: rgba(255,255,255,0.38);

    font-size: 8px;

    letter-spacing: 0.17em;
}


.erc-ah-capability-content h3 {
    margin: 0 0 5px;

    color: #ffffff;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: -0.01em;
}


.erc-ah-capability-content p {
    margin: 0;

    max-width: 315px;

    color: rgba(255,255,255,0.48);

    font-size: 11px;

    line-height: 1.65;
}


/* ARROW */

.erc-ah-arrow {
    color: rgba(255,255,255,0.34);

    font-size: 16px;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}


.erc-ah-capability:hover
.erc-ah-arrow {
    color: #c69b52;

    transform:
        translate(3px, -3px);
}


/* SIDE WORD */

.erc-ah-side-word {
    position: absolute;

    right: -53px;

    top: 50%;

    transform:
        rotate(90deg)
        translateY(-50%);

    transform-origin: center;

    color: rgba(255,255,255,0.08);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.5em;
}


/* =========================================
   BOTTOM CORPORATE BAR
========================================= */

.erc-ah-bottom {
    position: relative;

    z-index: 4;

    min-height: 90px;

    display: grid;

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

    border-top:
        1px solid rgba(255,255,255,0.12);

    background:
        rgba(0,0,0,0.12);

    padding:
        0
        max(
            calc((100% - 1200px) / 2),
            40px
        );
}


.erc-ah-bottom span {
    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    color: rgba(255,255,255,0.36);

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 0.17em;
}


.erc-ah-bottom span:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;

    height: 24px;

    width: 1px;

    background:
        rgba(255,255,255,0.1);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .erc-about-hero {
        min-height: auto;
    }

    .erc-ah-topbar,
    .erc-ah-layout {
        width:
            calc(100% - 60px);
    }

    .erc-ah-layout {
        grid-template-columns:
            1fr 0.9fr;
    }

    .erc-ah-content {
        padding:
            70px
            50px
            65px
            0;
    }

    .erc-ah-content h1 {
        font-size: 52px;
    }

    .erc-ah-index-panel {
        padding:
            50px
            0
            40px
            35px;
    }

    .erc-ah-actions {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

}


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

@media (max-width: 767px) {

    .erc-ah-topbar {
        width:
            calc(100% - 38px);

        min-height:
            64px;
    }

    .erc-ah-eyebrow {
        max-width: 210px;

        font-size: 8px;

        line-height: 1.5;
    }

    .erc-ah-index {
        font-size: 8px;
    }

    .erc-ah-layout {
        width: 100%;

        display: block;
    }

    .erc-ah-content {
        padding:
            65px
            20px
            60px;
    }

    .erc-ah-label {
        font-size: 9px;

        margin-bottom: 22px;
    }

    .erc-ah-content h1 {
        font-size: 43px;

        line-height: 1.05;

        margin-bottom: 22px;
    }

    .erc-ah-content > p {
        font-size: 14px;

        line-height: 1.75;
    }

    .erc-ah-actions {
        margin-top: 32px;

        gap: 22px;

        align-items:
            stretch;
    }

    .erc-ah-primary {
        width: 100%;
    }

    .erc-ah-index-panel {
        margin:
            0
            20px
            35px;

        border-left: 0;

        border-top:
            1px solid rgba(255,255,255,0.12);

        padding:
            35px
            0
            10px;
    }

    .erc-ah-panel-head {
        display: block;
    }

    .erc-ah-panel-head span {
        display: block;

        margin-top: 7px;
    }

    .erc-ah-capability {
        grid-template-columns:
            30px
            1fr
            20px;
    }

    .erc-ah-side-word {
        display: none;
    }

    .erc-ah-bottom {
        grid-template-columns:
            1fr 1fr;

        padding: 0 20px;
    }

    .erc-ah-bottom span {
        min-height: 60px;

        text-align: center;

        font-size: 7px;
    }

    .erc-ah-bottom span:nth-child(2)::after {
        display: none;
    }

    .erc-ah-watermark {
        left: -25px;

        bottom: 310px;

        font-size: 190px;
    }

}


/* =========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================= */

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

    .erc-ah-glow,
    .erc-ah-capability,
    .erc-ah-capability::before,
    .erc-ah-arrow,
    .erc-ah-primary,
    .erc-ah-primary svg {

        animation: none !important;

        transition: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b1a84c5 *//* ======================================================
   ERC ABOUT — SECTION 02 / CORPORATE STORY
====================================================== */

.erc-story-section{
    position:relative;
    overflow:hidden;
    background:#F4F6F7;
}

.erc-story{
    position:relative;
    width:100%;
    padding:90px 0 0;
    color:#102A3B;
    overflow:hidden;
}


/* ======================================================
   BACKGROUND TYPOGRAPHY
====================================================== */

.erc-story-bg-word{
    position:absolute;
    right:-35px;
    top:150px;

    font-size:clamp(110px,15vw,245px);
    font-weight:800;
    letter-spacing:-0.07em;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(16,42,59,0.045);

    writing-mode:vertical-rl;

    pointer-events:none;
    user-select:none;
}


/* ======================================================
   GENERAL WIDTH
====================================================== */

.erc-story-header,
.erc-story-intro,
.erc-story-grid{
    width:min(1200px,calc(100% - 80px));
    margin-left:auto;
    margin-right:auto;
}


/* ======================================================
   SECTION HEADER
====================================================== */

.erc-story-header{
    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    align-items:center;

    gap:28px;

    margin-bottom:80px;
}


.erc-story-section-id{
    display:flex;
    align-items:center;
    gap:16px;
}


.erc-story-section-id > span{
    display:flex;

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

    width:43px;
    height:43px;

    border:
        1px solid rgba(16,42,59,.2);

    border-radius:50%;

    color:#B88A3B;

    font-size:11px;
    font-weight:700;
}


.erc-story-section-id div{
    display:flex;
    flex-direction:column;
}


.erc-story-section-id small{
    margin-bottom:4px;

    color:#8A969E;

    font-size:8px;

    letter-spacing:.18em;
}


.erc-story-section-id strong{
    color:#102A3B;

    font-size:11px;

    letter-spacing:.16em;
}


.erc-story-header-line{
    height:1px;

    background:
        rgba(16,42,59,.13);
}


.erc-story-header-ref{
    color:#8A969E;

    font-size:8px;

    letter-spacing:.15em;
}


/* ======================================================
   INTRODUCTION
====================================================== */

.erc-story-intro{
    display:grid;

    grid-template-columns:
        33% 67%;

    margin-bottom:85px;
}


.erc-story-intro-empty{
    padding-top:15px;
}


.erc-story-intro-empty span{
    color:#A6AFB4;

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

    letter-spacing:.25em;

    writing-mode:vertical-rl;
}


.erc-story-statement{
    max-width:820px;
}


.erc-story-kicker{
    display:block;

    margin-bottom:23px;

    color:#B88A3B;

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

    letter-spacing:.2em;
}


.erc-story-statement h2{
    margin:0;

    color:#102A3B;

    font-size:
        clamp(40px,4.3vw,66px);

    font-weight:300;

    line-height:1.08;

    letter-spacing:-.04em;
}


.erc-story-statement h2 em{
    display:inline;

    color:#102A3B;

    font-family:Georgia,serif;

    font-weight:400;

    font-style:italic;
}


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

.erc-story-grid{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(300px,.82fr)
        80px
        minmax(430px,1.18fr);

    gap:55px;

    align-items:center;

    padding-bottom:105px;
}


/* ======================================================
   LEFT TEXT
====================================================== */

.erc-story-copy{
    position:relative;

    padding:
        35px
        0
        35px;
}


.erc-story-copy-label{
    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:27px;

    color:#B88A3B;

    font-size:10px;

    font-weight:700;

    letter-spacing:.21em;
}


.erc-story-copy-label span{
    width:38px;

    height:1px;

    background:#B88A3B;
}


.erc-story-copy p{
    margin:
        0
        0
        20px;

    color:#677681;

    font-size:14px;

    line-height:1.85;
}


.erc-story-copy .erc-story-lead{
    color:#102A3B;

    font-size:18px;

    font-weight:500;

    line-height:1.65;

    letter-spacing:-.01em;
}


/* ======================================================
   ERC SIGNATURE
====================================================== */

.erc-story-signature{
    display:flex;

    align-items:center;

    gap:17px;

    margin-top:38px;

    padding-top:25px;

    border-top:
        1px solid rgba(16,42,59,.12);
}


.erc-signature-mark{
    display:flex;

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

    width:52px;
    height:52px;

    background:#102A3B;

    color:#fff;

    font-size:15px;

    font-weight:800;

    letter-spacing:.05em;
}


.erc-story-signature div{
    display:flex;

    flex-direction:column;
}


.erc-story-signature small{
    margin-bottom:4px;

    color:#89959C;

    font-size:8px;

    letter-spacing:.17em;
}


.erc-story-signature strong{
    color:#102A3B;

    font-size:11px;

    letter-spacing:.13em;
}


/* ======================================================
   CENTRE AXIS
====================================================== */

.erc-story-axis{
    position:relative;

    height:440px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:14px;
}


.erc-axis-line{
    width:1px;

    height:112px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(16,42,59,.28)
        );
}


.erc-axis-short{
    height:70px;

    background:
        linear-gradient(
            to bottom,
            rgba(16,42,59,.28),
            transparent
        );
}


.erc-axis-top,
.erc-axis-bottom{
    font-size:9px;

    font-weight:700;

    letter-spacing:.15em;

    color:#B88A3B;
}


.erc-axis-middle{
    writing-mode:vertical-rl;

    color:#A4ADB2;

    font-size:8px;

    letter-spacing:.28em;
}


/* ======================================================
   RIGHT IMAGE
====================================================== */

.erc-story-visual{
    position:relative;

    min-height:560px;
}


.erc-story-photo-frame{
    position:relative;

    width:88%;

    height:510px;

    overflow:hidden;

    margin-left:auto;

    background:#DCE2E5;
}


.erc-story-photo{
    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:
        transform .9s
        cubic-bezier(.2,.65,.3,1);
}


.erc-story-photo-frame:hover
.erc-story-photo{
    transform:scale(1.045);
}


/* PHOTO OVERLAY */

.erc-photo-overlay{
    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            to top,
            rgba(7,28,44,.52),
            transparent 48%
        );
}


/* ======================================================
   PHOTO CORNER MARKS
====================================================== */

.erc-corner{
    position:absolute;

    width:50px;
    height:50px;

    pointer-events:none;
}


.erc-corner-tl{
    top:20px;
    left:20px;

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

    border-left:
        1px solid rgba(255,255,255,.7);
}


.erc-corner-br{
    bottom:20px;
    right:20px;

    border-right:
        1px solid rgba(255,255,255,.7);

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


/* ======================================================
   PHOTO REFERENCE
====================================================== */

.erc-photo-reference{
    position:absolute;

    top:25px;
    right:28px;

    display:flex;

    gap:18px;

    align-items:center;

    color:#fff;
}


.erc-photo-reference small{
    font-size:7px;

    letter-spacing:.2em;

    opacity:.65;
}


.erc-photo-reference span{
    color:#D4AB63;

    font-size:9px;

    font-weight:700;

    letter-spacing:.15em;
}


/* ======================================================
   IMAGE CAPTION
====================================================== */

.erc-photo-caption{
    position:absolute;

    left:30px;
    bottom:28px;

    display:flex;

    align-items:center;

    gap:16px;

    color:#fff;
}


.erc-caption-number{
    display:flex;

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

    width:38px;
    height:38px;

    border:
        1px solid rgba(255,255,255,.45);

    border-radius:50%;

    color:#D4AB63;

    font-size:9px;
}


.erc-photo-caption div{
    display:flex;

    flex-direction:column;
}


.erc-photo-caption small{
    margin-bottom:5px;

    font-size:7px;

    letter-spacing:.18em;

    opacity:.6;
}


.erc-photo-caption strong{
    font-size:12px;

    font-weight:600;
}


/* ======================================================
   OFFSET CORPORATE BLOCK
====================================================== */

.erc-story-offset-block{
    position:absolute;

    left:-12px;
    bottom:2px;

    width:190px;

    padding:
        28px
        25px;

    background:#102A3B;

    display:flex;

    flex-direction:column;

    box-shadow:
        0 20px 60px
        rgba(16,42,59,.15);
}


.erc-story-offset-block small{
    margin-bottom:21px;

    color:#D4AB63;

    font-size:10px;

    font-weight:800;

    letter-spacing:.15em;
}


.erc-story-offset-block span{
    padding:
        8px
        0;

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

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

    font-size:8px;

    letter-spacing:.14em;
}


.erc-story-offset-block span:last-child{
    border-bottom:0;
}


/* ======================================================
   VERTICAL TEXT
====================================================== */

.erc-story-vertical{
    position:absolute;

    right:-26px;

    top:80px;

    writing-mode:vertical-rl;

    color:#A0AAB0;

    font-size:7px;

    font-weight:700;

    letter-spacing:.32em;
}


/* ======================================================
   BOTTOM CORPORATE STRIP
====================================================== */

.erc-story-bottom{
    width:100%;

    min-height:100px;

    display:grid;

    grid-template-columns:
        minmax(250px,.75fr)
        2.25fr;

    align-items:center;

    border-top:
        1px solid rgba(16,42,59,.12);

    background:#FFFFFF;

    padding:
        0
        max(
            calc((100% - 1200px)/2),
            40px
        );
}


.erc-story-bottom-title{
    color:#102A3B;

    font-size:9px;

    font-weight:700;

    letter-spacing:.18em;
}


.erc-story-bottom-items{
    height:100%;

    display:grid;

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


.erc-story-bottom-items span{
    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    min-height:100px;

    color:#596A75;

    font-size:10px;

    font-weight:600;

    letter-spacing:.05em;
}


.erc-story-bottom-items span:not(:last-child)::after{
    content:"";

    position:absolute;

    right:0;

    width:1px;

    height:32px;

    background:
        rgba(16,42,59,.12);
}


.erc-story-bottom-items b{
    color:#B88A3B;

    font-size:8px;
}


/* ======================================================
   TABLET
====================================================== */

@media(max-width:1024px){

    .erc-story{
        padding-top:75px;
    }

    .erc-story-header,
    .erc-story-intro,
    .erc-story-grid{
        width:
            calc(100% - 60px);
    }

    .erc-story-intro{
        grid-template-columns:
            20% 80%;
    }

    .erc-story-grid{
        grid-template-columns:
            .9fr
            50px
            1.1fr;

        gap:30px;
    }

    .erc-story-photo-frame{
        width:93%;

        height:470px;
    }

    .erc-story-statement h2{
        font-size:48px;
    }

}


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

@media(max-width:767px){

    .erc-story{
        padding-top:55px;
    }

    .erc-story-header,
    .erc-story-intro,
    .erc-story-grid{
        width:
            calc(100% - 40px);
    }


    .erc-story-header{
        grid-template-columns:
            auto 1fr;

        margin-bottom:55px;
    }


    .erc-story-header-ref{
        display:none;
    }


    .erc-story-intro{
        display:block;

        margin-bottom:55px;
    }


    .erc-story-intro-empty{
        display:none;
    }


    .erc-story-statement h2{
        font-size:38px;

        line-height:1.12;
    }


    .erc-story-grid{
        display:flex;

        flex-direction:column;

        gap:50px;

        padding-bottom:70px;
    }


    .erc-story-copy{
        order:1;

        width:100%;
    }


    .erc-story-axis{
        display:none;
    }


    .erc-story-visual{
        order:2;

        width:100%;

        min-height:490px;
    }


    .erc-story-photo-frame{
        width:calc(100% - 18px);

        height:430px;

        margin-left:18px;
    }


    .erc-story-offset-block{
        left:0;

        bottom:5px;

        width:165px;

        padding:23px 20px;
    }


    .erc-story-vertical{
        display:none;
    }


    .erc-story-bottom{
        display:block;

        padding:
            28px
            20px;
    }


    .erc-story-bottom-title{
        margin-bottom:22px;
    }


    .erc-story-bottom-items{
        grid-template-columns:
            1fr 1fr;
    }


    .erc-story-bottom-items span{
        min-height:65px;

        justify-content:flex-start;
    }


    .erc-story-bottom-items span::after{
        display:none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8f6c0f *//* ==========================================================
   ERC ABOUT US
   SECTION 03 — PURPOSE / VISION & MISSION
========================================================== */

.erc-purpose-section{
    position:relative;
    overflow:hidden;
    background:#F3EFE7;
}


/* MAIN WRAPPER */

.erc-purpose{
    position:relative;
    overflow:hidden;
    width:100%;
    padding:90px 0 110px;
    color:#102A3B;
}


/* ==========================================================
   GIANT BACKGROUND WORD
========================================================== */

.erc-purpose-bg{
    position:absolute;

    left:-35px;
    top:185px;

    font-size:clamp(150px,20vw,315px);
    font-weight:800;

    letter-spacing:-.08em;

    line-height:.8;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(16,42,59,.045);

    transform:rotate(-90deg)
              translateX(-100%);

    transform-origin:left top;

    pointer-events:none;
    user-select:none;
}


/* ==========================================================
   STANDARD WIDTH
========================================================== */

.erc-purpose-header,
.erc-purpose-intro,
.erc-purpose-grid{
    width:min(1200px,calc(100% - 80px));

    margin-left:auto;
    margin-right:auto;
}


/* ==========================================================
   SECTION HEADER
========================================================== */

.erc-purpose-header{
    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    align-items:center;

    gap:28px;

    margin-bottom:82px;
}


.erc-purpose-id{
    display:flex;

    align-items:center;

    gap:15px;
}


.erc-purpose-no{
    display:flex;

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

    width:43px;
    height:43px;

    border:
        1px solid rgba(16,42,59,.2);

    border-radius:50%;

    color:#B78732;

    font-size:10px;

    font-weight:700;
}


.erc-purpose-id div{
    display:flex;

    flex-direction:column;
}


.erc-purpose-id small{
    margin-bottom:4px;

    color:#8D989F;

    font-size:7px;

    letter-spacing:.18em;
}


.erc-purpose-id strong{
    color:#102A3B;

    font-size:10px;

    letter-spacing:.17em;
}


.erc-purpose-line{
    height:1px;

    background:
        rgba(16,42,59,.14);
}


.erc-purpose-ref{
    color:#939DA2;

    font-size:7px;

    letter-spacing:.17em;
}


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

.erc-purpose-intro{
    display:grid;

    grid-template-columns:
        29% 71%;

    margin-bottom:75px;
}


.erc-purpose-intro-label{
    padding-top:14px;

    color:#A1A9AD;

    font-size:8px;

    font-weight:700;

    letter-spacing:.25em;

    writing-mode:vertical-rl;
}


.erc-purpose-intro-heading{
    max-width:780px;
}


.erc-purpose-intro-heading > span{
    display:block;

    margin-bottom:20px;

    color:#B78732;

    font-size:9px;

    font-weight:700;

    letter-spacing:.22em;
}


.erc-purpose-intro-heading h2{
    margin:0 0 23px;

    color:#102A3B;

    font-size:clamp(42px,4.5vw,68px);

    font-weight:300;

    line-height:1.06;

    letter-spacing:-.045em;
}


.erc-purpose-intro-heading h2 em{
    display:block;

    color:#102A3B;

    font-family:Georgia,serif;

    font-weight:400;

    font-style:italic;
}


.erc-purpose-intro-heading p{
    width:100%;
    max-width:560px;

    margin:0;

    color:#718087;

    font-size:13px;

    line-height:1.8;
}


/* ==========================================================
   MAIN GRID
========================================================== */

.erc-purpose-grid{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(340px,.88fr)
        minmax(480px,1.12fr);

    gap:75px;

    align-items:stretch;
}


/* ==========================================================
   VISION CHAMBER
========================================================== */

.erc-vision-panel{
    position:relative;

    min-height:650px;

    padding:
        45px
        52px
        42px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    overflow:hidden;

    background:#0A2638;

    color:#FFFFFF;
}


/* subtle grid */

.erc-vision-panel::before{
    content:"";

    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size:
        58px 58px;

    pointer-events:none;
}


/* gold glow */

.erc-vision-panel::after{
    content:"";

    position:absolute;

    width:300px;
    height:300px;

    right:-170px;
    bottom:-150px;

    border-radius:50%;

    background:
        rgba(183,135,50,.20);

    filter:blur(90px);

    pointer-events:none;
}


/* TOP */

.erc-vision-top{
    position:relative;
    z-index:3;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-bottom:27px;

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


.erc-vision-top > span{
    color:#D0A451;

    font-size:10px;

    font-weight:700;

    letter-spacing:.25em;
}


.erc-vision-top small{
    color:
        rgba(255,255,255,.32);

    font-size:7px;

    letter-spacing:.17em;
}


/* CENTER */

.erc-vision-center{
    position:relative;
    z-index:3;

    padding:
        70px
        0
        60px;
}


.erc-vision-index{
    position:absolute;

    right:-10px;
    top:15px;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(255,255,255,.09);

    font-size:110px;

    font-weight:700;

    line-height:1;
}


.erc-vision-kicker{
    display:block;

    margin-bottom:22px;

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

    font-size:8px;

    font-weight:700;

    letter-spacing:.22em;
}


.erc-vision-center h3{
    position:relative;

    max-width:480px;

    margin:
        0
        0
        26px;

    color:#FFFFFF;

    font-size:32px;

    line-height:1.28;

    font-weight:400;

    letter-spacing:-.025em;
}


.erc-vision-center p{
    max-width:450px;

    margin:0;

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

    font-size:13px;

    line-height:1.85;
}


/* FOOTER */

.erc-vision-footer{
    position:relative;
    z-index:3;

    display:grid;

    grid-template-columns:
        auto 1fr auto;

    align-items:center;

    gap:20px;

    padding-top:28px;

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


.erc-vision-footer div{
    display:flex;

    flex-direction:column;
}


.erc-vision-footer small{
    margin-bottom:5px;

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

    font-size:7px;

    letter-spacing:.16em;
}


.erc-vision-footer strong{
    color:#FFFFFF;

    font-size:10px;

    letter-spacing:.15em;
}


.erc-vision-footer > span{
    height:1px;

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


/* VERTICAL BRAND */

.erc-vision-vertical{
    position:absolute;

    right:13px;

    top:50%;

    transform:
        translateY(-50%);

    writing-mode:vertical-rl;

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

    font-size:6px;

    font-weight:700;

    letter-spacing:.34em;
}


/* ==========================================================
   MISSION AREA
========================================================== */

.erc-mission-area{
    position:relative;

    padding:
        12px
        0
        0;
}


/* MISSION HEADING */

.erc-mission-title{
    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:30px;

    padding-bottom:30px;

    border-bottom:
        1px solid rgba(16,42,59,.18);
}


.erc-mission-title span{
    display:block;

    margin-bottom:10px;

    color:#B78732;

    font-size:9px;

    font-weight:700;

    letter-spacing:.22em;
}


.erc-mission-title h3{
    max-width:420px;

    margin:0;

    color:#102A3B;

    font-size:31px;

    font-weight:400;

    line-height:1.2;

    letter-spacing:-.03em;
}


.erc-mission-title > small{
    padding-bottom:5px;

    color:#959FA4;

    font-size:7px;

    letter-spacing:.16em;
}


/* ==========================================================
   MISSION ROWS
========================================================== */

.erc-mission-item{
    position:relative;

    display:grid;

    grid-template-columns:
        45px
        1fr
        30px;

    gap:22px;

    padding:
        29px
        0;

    border-bottom:
        1px solid rgba(16,42,59,.14);

    transition:
        padding-left .35s ease;
}


/* animated gold line */

.erc-mission-item::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-1px;

    width:0;
    height:1px;

    background:#B78732;

    transition:
        width .55s
        cubic-bezier(.2,.7,.2,1);
}


.erc-mission-item:hover{
    padding-left:13px;
}


.erc-mission-item:hover::after{
    width:100%;
}


/* NUMBER */

.erc-mission-number{
    padding-top:3px;

    color:#B78732;

    font-size:10px;

    font-weight:700;

    letter-spacing:.1em;
}


/* CONTENT */

.erc-mission-content small{
    display:block;

    margin-bottom:7px;

    color:#99A2A6;

    font-size:7px;

    font-weight:700;

    letter-spacing:.19em;
}


.erc-mission-content h4{
    margin:
        0
        0
        7px;

    color:#102A3B;

    font-size:15px;

    font-weight:600;

    line-height:1.4;
}


.erc-mission-content p{
    max-width:510px;

    margin:0;

    color:#718087;

    font-size:11px;

    line-height:1.7;
}


/* ARROW */

.erc-mission-arrow{
    color:#A3ABAF;

    font-size:15px;

    transition:
        color .3s ease,
        transform .3s ease;
}


.erc-mission-item:hover
.erc-mission-arrow{
    color:#B78732;

    transform:
        translate(4px,-4px);
}


/* ==========================================================
   CLOSING LINE
========================================================== */

.erc-mission-closing{
    display:flex;

    align-items:center;

    gap:18px;

    margin-top:35px;
}


.erc-closing-line{
    width:45px;
    height:1px;

    background:#B78732;
}


.erc-mission-closing p{
    margin:0;

    color:#7A878E;

    font-size:10px;

    letter-spacing:.03em;
}


.erc-mission-closing strong{
    color:#102A3B;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .erc-purpose{
        padding:
            75px
            0
            90px;
    }

    .erc-purpose-header,
    .erc-purpose-intro,
    .erc-purpose-grid{
        width:
            calc(100% - 60px);
    }

    .erc-purpose-intro{
        grid-template-columns:
            20% 80%;
    }

    .erc-purpose-grid{
        grid-template-columns:
            .9fr 1.1fr;

        gap:40px;
    }

    .erc-vision-panel{
        min-height:620px;

        padding:
            38px
            35px;
    }

    .erc-vision-center h3{
        font-size:27px;
    }

}


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

@media(max-width:767px){

    .erc-purpose{
        padding:
            55px
            0
            70px;
    }


    .erc-purpose-header,
    .erc-purpose-intro,
    .erc-purpose-grid{
        width:
            calc(100% - 40px);
    }


    .erc-purpose-header{
        grid-template-columns:
            auto 1fr;

        margin-bottom:55px;
    }


    .erc-purpose-ref{
        display:none;
    }


    .erc-purpose-intro{
        display:block;

        margin-bottom:50px;
    }


    .erc-purpose-intro-label{
        display:none;
    }


    .erc-purpose-intro-heading h2{
        font-size:38px;

        line-height:1.1;
    }


    .erc-purpose-grid{
        display:block;
    }


    /* VISION MOBILE */

    .erc-vision-panel{
        min-height:560px;

        padding:
            32px
            25px;

        margin-bottom:60px;
    }


    .erc-vision-center{
        padding:
            60px
            0
            45px;
    }


    .erc-vision-index{
        font-size:85px;
    }


    .erc-vision-center h3{
        font-size:26px;
    }


    /* MISSION MOBILE */

    .erc-mission-title{
        align-items:flex-start;
    }


    .erc-mission-title h3{
        font-size:27px;
    }


    .erc-mission-title > small{
        display:none;
    }


    .erc-mission-item{
        grid-template-columns:
            32px
            1fr
            18px;

        gap:14px;

        padding:
            25px
            0;
    }


    .erc-mission-content h4{
        font-size:14px;
    }


    .erc-mission-content p{
        font-size:11px;
    }


    .erc-mission-item:hover{
        padding-left:0;
    }


    .erc-purpose-bg{
        display:none;
    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

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

    .erc-mission-item,
    .erc-mission-item::after,
    .erc-mission-arrow{
        transition:none!important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-adfff69 *//* ==========================================================
   ERC ABOUT US
   SECTION 04 — TRUST ARCHITECTURE
========================================================== */

.erc-principles-section{
    position:relative;
    overflow:hidden;
    background:#E9EFF2;
}


/* MAIN WRAPPER */

.erc-trust{
    position:relative;
    width:100%;
    overflow:hidden;
    padding:95px 0 85px;
    color:#102A3B;
}


/* ==========================================================
   BLUEPRINT BACKGROUND
========================================================== */

.erc-trust-grid-bg{
    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(16,42,59,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(16,42,59,.035) 1px,
            transparent 1px
        );

    background-size:72px 72px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 15%,
            #000 82%,
            transparent
        );

    pointer-events:none;
}


/* ==========================================================
   BACKGROUND WORD
========================================================== */

.erc-trust-watermark{
    position:absolute;

    right:-25px;
    top:210px;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(16,42,59,.045);

    font-size:clamp(150px,21vw,330px);

    font-weight:800;

    letter-spacing:-.07em;

    line-height:1;

    user-select:none;
    pointer-events:none;
}


/* ==========================================================
   STANDARD WIDTH
========================================================== */

.erc-trust-header,
.erc-trust-intro,
.erc-trust-framework,
.erc-trust-bottom{
    position:relative;
    z-index:3;

    width:min(1200px,calc(100% - 80px));

    margin-left:auto;
    margin-right:auto;
}


/* ==========================================================
   HEADER
========================================================== */

.erc-trust-header{
    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    align-items:center;

    gap:28px;

    margin-bottom:82px;
}


.erc-trust-id{
    display:flex;

    align-items:center;

    gap:15px;
}


.erc-trust-num{
    width:43px;
    height:43px;

    display:flex;

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

    border:
        1px solid rgba(16,42,59,.18);

    border-radius:50%;

    color:#B78732;

    font-size:10px;

    font-weight:700;
}


.erc-trust-id > div{
    display:flex;
    flex-direction:column;
}


.erc-trust-id small{
    margin-bottom:4px;

    color:#8F9BA1;

    font-size:7px;

    letter-spacing:.18em;
}


.erc-trust-id strong{
    color:#102A3B;

    font-size:10px;

    letter-spacing:.17em;
}


.erc-trust-header-line{
    height:1px;

    background:
        rgba(16,42,59,.14);
}


.erc-trust-ref{
    color:#919CA1;

    font-size:7px;

    letter-spacing:.17em;
}


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

.erc-trust-intro{
    display:grid;

    grid-template-columns:
        17% 54% 29%;

    gap:35px;

    align-items:end;

    margin-bottom:85px;
}


.erc-trust-intro-side{
    align-self:start;

    margin-top:17px;

    color:#9BA6AA;

    font-size:8px;

    font-weight:700;

    letter-spacing:.25em;

    writing-mode:vertical-rl;
}


.erc-trust-intro-main > span{
    display:block;

    margin-bottom:20px;

    color:#B78732;

    font-size:9px;

    font-weight:700;

    letter-spacing:.22em;
}


.erc-trust-intro-main h2{
    margin:0;

    color:#102A3B;

    font-size:
        clamp(43px,4.6vw,70px);

    line-height:1.04;

    font-weight:300;

    letter-spacing:-.045em;
}


.erc-trust-intro-main h2 em{
    display:block;

    font-family:Georgia,serif;

    font-style:italic;

    font-weight:400;
}


.erc-trust-intro-copy{
    display:flex;

    gap:17px;

    align-items:flex-start;

    padding-bottom:7px;
}


.erc-trust-small-line{
    flex:0 0 34px;

    height:1px;

    margin-top:9px;

    background:#B78732;
}


.erc-trust-intro-copy p{
    margin:0;

    color:#718087;

    font-size:11px;

    line-height:1.75;
}


/* ==========================================================
   FRAMEWORK
========================================================== */

.erc-trust-framework{
    position:relative;

    min-height:650px;

    display:grid;

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

    grid-template-rows:
        1fr
        1fr;

    column-gap:85px;

    row-gap:75px;

    align-items:center;
}


/* ==========================================================
   PRINCIPLE
========================================================== */

.erc-principle{
    position:relative;

    min-height:180px;

    display:grid;

    grid-template-columns:
        42px
        1fr;

    gap:18px;

    align-content:center;

    padding:
        28px
        0;

    border-top:
        1px solid rgba(16,42,59,.16);

    border-bottom:
        1px solid rgba(16,42,59,.10);

    transition:
        transform .4s ease,
        padding .4s ease;
}


/* LEFT GROUPS */

.erc-principle-prof{
    grid-column:1;
    grid-row:1;
}


.erc-principle-impartial{
    grid-column:1;
    grid-row:2;
}


/* RIGHT GROUPS */

.erc-principle-conf{
    grid-column:3;
    grid-row:1;
}


.erc-principle-trans{
    grid-column:3;
    grid-row:2;
}


/* INDEX */

.erc-principle-index{
    color:#B78732;

    font-size:10px;

    font-weight:700;

    letter-spacing:.1em;
}


/* TEXT */

.erc-principle-text small{
    display:block;

    margin-bottom:8px;

    color:#929DA2;

    font-size:7px;

    font-weight:700;

    letter-spacing:.2em;
}


.erc-principle-text h3{
    margin:
        0
        0
        9px;

    color:#102A3B;

    font-size:24px;

    line-height:1.2;

    font-weight:500;

    letter-spacing:-.025em;
}


.erc-principle-text p{
    max-width:360px;

    margin:0;

    color:#718087;

    font-size:11px;

    line-height:1.75;
}


/* ==========================================================
   PRINCIPLE NODE
========================================================== */

.erc-principle-node{
    position:absolute;

    width:9px;
    height:9px;

    top:50%;

    transform:
        translateY(-50%);

    border:
        2px solid #E9EFF2;

    background:#B78732;

    border-radius:50%;

    box-shadow:
        0 0 0 1px #B78732;
}


/* node position */

.erc-principle-prof
.erc-principle-node,
.erc-principle-impartial
.erc-principle-node{
    right:-90px;
}


.erc-principle-conf
.erc-principle-node,
.erc-principle-trans
.erc-principle-node{
    left:-90px;
}


/* ==========================================================
   RIGHT PRINCIPLES
========================================================== */

.erc-principle-conf,
.erc-principle-trans{
    grid-template-columns:
        42px
        1fr;
}


/* ==========================================================
   CENTER TRUST CORE
========================================================== */

.erc-trust-core{
    position:relative;

    grid-column:2;
    grid-row:1 / 3;

    align-self:center;

    width:290px;
    height:390px;

    padding:
        30px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    background:#092638;

    box-shadow:
        0 28px 70px
        rgba(9,38,56,.14);

    color:#FFFFFF;

    overflow:hidden;
}


/* subtle internal grid */

.erc-trust-core::before{
    content:"";

    position:absolute;

    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size:
        48px 48px;

    pointer-events:none;
}


/* subtle glow */

.erc-trust-core::after{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    left:50%;
    bottom:-150px;

    transform:
        translateX(-50%);

    border-radius:50%;

    background:
        rgba(183,135,50,.22);

    filter:
        blur(70px);

    pointer-events:none;
}


/* CORNERS */

.erc-trust-core-corner{
    position:absolute;

    width:35px;
    height:35px;

    z-index:3;
}


.core-tl{
    left:15px;
    top:15px;

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

    border-left:
        1px solid rgba(255,255,255,.4);
}


.core-tr{
    right:15px;
    top:15px;

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

    border-right:
        1px solid rgba(255,255,255,.4);
}


.core-bl{
    left:15px;
    bottom:15px;

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

    border-left:
        1px solid rgba(255,255,255,.4);
}


.core-br{
    right:15px;
    bottom:15px;

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

    border-right:
        1px solid rgba(255,255,255,.4);
}


/* CORE INDEX */

.erc-core-index{
    position:relative;

    z-index:5;

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

    font-size:7px;

    letter-spacing:.18em;
}


/* CENTER */

.erc-core-center{
    position:relative;

    z-index:5;

    text-align:center;
}


.erc-core-mark{
    width:64px;
    height:64px;

    margin:
        0
        auto
        28px;

    display:flex;

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

    border:
        1px solid rgba(212,164,81,.65);

    border-radius:50%;

    color:#D0A451;

    font-size:17px;

    font-weight:800;

    letter-spacing:.07em;
}


.erc-core-center small{
    display:block;

    margin-bottom:8px;

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

    font-size:7px;

    letter-spacing:.22em;
}


.erc-core-center h3{
    margin:
        0
        0
        18px;

    color:#FFFFFF;

    font-size:41px;

    font-weight:300;

    letter-spacing:.02em;
}


.erc-core-center p{
    margin:0;

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

    font-size:10px;

    line-height:1.7;
}


/* CORE FOOTER */

.erc-core-footer{
    position:relative;

    z-index:5;

    display:flex;

    justify-content:space-between;

    gap:8px;

    padding-top:20px;

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


.erc-core-footer span{
    color:
        rgba(255,255,255,.33);

    font-size:6px;

    letter-spacing:.13em;
}


/* ==========================================================
   CONNECTOR SYSTEM
========================================================== */

.erc-trust-connectors{
    position:absolute;

    left:50%;
    top:50%;

    width:375px;
    height:310px;

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

    pointer-events:none;

    z-index:-1;
}


/* HORIZONTAL CONNECTORS */

.connector-left,
.connector-right{
    position:absolute;

    top:50%;

    width:95px;
    height:1px;

    background:
        rgba(16,42,59,.22);
}


.connector-left{
    left:-15px;
}


.connector-right{
    right:-15px;
}


/* VERTICAL */

.connector-top,
.connector-bottom{
    position:absolute;

    left:50%;

    width:1px;
    height:75px;

    background:
        rgba(16,42,59,.20);
}


.connector-top{
    top:-40px;
}


.connector-bottom{
    bottom:-40px;
}


/* CENTER NODE */

.connector-center{
    position:absolute;

    left:50%;
    top:50%;

    width:12px;
    height:12px;

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

    border-radius:50%;

    border:
        1px solid #B78732;

    background:#E9EFF2;
}


/* ==========================================================
   HOVER EFFECT
========================================================== */

.erc-principle::after{
    content:"";

    position:absolute;

    bottom:-1px;
    left:0;

    width:0;
    height:1px;

    background:#B78732;

    transition:
        width .55s
        cubic-bezier(.2,.7,.2,1);
}


.erc-principle:hover::after{
    width:100%;
}


.erc-principle-prof:hover,
.erc-principle-impartial:hover{
    transform:
        translateX(8px);
}


.erc-principle-conf:hover,
.erc-principle-trans:hover{
    transform:
        translateX(-8px);
}


/* ==========================================================
   BOTTOM STRIP
========================================================== */

.erc-trust-bottom{
    margin-top:82px;

    min-height:90px;

    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    gap:30px;

    align-items:center;

    border-top:
        1px solid rgba(16,42,59,.15);
}


.erc-trust-bottom-label{
    display:flex;

    flex-direction:column;
}


.erc-trust-bottom-label small{
    margin-bottom:5px;

    color:#B78732;

    font-size:7px;

    letter-spacing:.18em;
}


.erc-trust-bottom-label strong{
    color:#102A3B;

    font-size:11px;

    font-weight:600;
}


.erc-trust-bottom-line{
    height:1px;

    background:
        rgba(16,42,59,.12);
}


.erc-trust-bottom-code{
    color:#8F9A9F;

    font-size:7px;

    letter-spacing:.13em;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .erc-trust{
        padding:
            75px
            0;
    }


    .erc-trust-header,
    .erc-trust-intro,
    .erc-trust-framework,
    .erc-trust-bottom{
        width:
            calc(100% - 60px);
    }


    .erc-trust-intro{
        grid-template-columns:
            10% 58% 32%;
    }


    .erc-trust-framework{
        grid-template-columns:
            1fr
            235px
            1fr;

        column-gap:50px;
    }


    .erc-trust-core{
        width:235px;
        height:370px;

        padding:25px;
    }


    .erc-principle-prof
    .erc-principle-node,
    .erc-principle-impartial
    .erc-principle-node{
        right:-55px;
    }


    .erc-principle-conf
    .erc-principle-node,
    .erc-principle-trans
    .erc-principle-node{
        left:-55px;
    }

}


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

@media(max-width:767px){

    .erc-trust{
        padding:
            55px
            0
            60px;
    }


    .erc-trust-header,
    .erc-trust-intro,
    .erc-trust-framework,
    .erc-trust-bottom{
        width:
            calc(100% - 40px);
    }


    .erc-trust-header{
        grid-template-columns:
            auto 1fr;

        margin-bottom:55px;
    }


    .erc-trust-ref{
        display:none;
    }


    .erc-trust-intro{
        display:block;

        margin-bottom:55px;
    }


    .erc-trust-intro-side{
        display:none;
    }


    .erc-trust-intro-main h2{
        font-size:38px;

        margin-bottom:25px;
    }


    .erc-trust-intro-copy{
        max-width:330px;
    }


    /* STACK FRAMEWORK */

    .erc-trust-framework{
        display:flex;

        flex-direction:column;

        min-height:0;

        gap:0;
    }


    /* CORE FIRST */

    .erc-trust-core{
        order:1;

        width:100%;

        height:360px;

        margin-bottom:42px;
    }


    .erc-principle{
        order:2;

        width:100%;

        min-height:0;

        padding:
            28px
            0;

        transform:none !important;
    }


    .erc-principle-node{
        display:none;
    }


    .erc-trust-connectors{
        display:none;
    }


    .erc-principle-text h3{
        font-size:21px;
    }


    .erc-principle-text p{
        max-width:100%;
    }


    .erc-trust-bottom{
        display:block;

        padding-top:30px;

        margin-top:45px;
    }


    .erc-trust-bottom-line{
        margin:
            20px
            0;
    }


    .erc-trust-bottom-code{
        line-height:1.8;
    }


    .erc-trust-watermark{
        display:none;
    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

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

    .erc-principle,
    .erc-principle::after{
        transition:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d1c7936 *//* ==========================================================
   ERC ABOUT US
   SECTION 05
   TWO CAPABILITIES / ONE PURPOSE
   COMPLETE PREMIUM VERSION
========================================================== */


.erc-capabilities-section{
    position:relative;
    overflow:hidden;
    background:#FFFFFF;
}


/* ==========================================================
   MAIN WRAPPER
========================================================== */

.erc-capabilities{
    --erc-navy:#0A2638;
    --erc-navy-dark:#071E2E;
    --erc-gold:#B78732;
    --erc-gold-light:#D0A451;
    --erc-grey:#718087;
    --erc-light:#F4F6F7;

    position:relative;

    width:100%;

    padding:
        95px
        0
        100px;

    overflow:hidden;

    color:var(--erc-navy);
}


/* ==========================================================
   BACKGROUND NUMBER
========================================================== */

.erc-cap-bg-number{
    position:absolute;

    right:-40px;
    top:185px;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(16,42,59,.035);

    font-size:
        clamp(250px,34vw,520px);

    font-weight:800;

    line-height:.8;

    letter-spacing:-.08em;

    pointer-events:none;
    user-select:none;

    animation:
        ercCapBgFloat
        12s
        ease-in-out
        infinite alternate;
}


@keyframes ercCapBgFloat{

    from{
        transform:
            translate3d(0,0,0);
    }

    to{
        transform:
            translate3d(-18px,20px,0);
    }

}


/* ==========================================================
   STANDARD CONTENT WIDTH
========================================================== */

.erc-cap-header,
.erc-cap-intro,
.erc-cap-system,
.erc-cap-footer{
    position:relative;

    z-index:3;

    width:
        min(1200px,calc(100% - 80px));

    margin-left:auto;
    margin-right:auto;
}


/* ==========================================================
   HEADER
========================================================== */

.erc-cap-header{
    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    gap:28px;

    align-items:center;

    margin-bottom:82px;
}


.erc-cap-id{
    display:flex;

    align-items:center;

    gap:15px;
}


.erc-cap-number{
    width:43px;
    height:43px;

    display:flex;

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

    border:
        1px solid rgba(16,42,59,.18);

    border-radius:50%;

    color:var(--erc-gold);

    font-size:10px;

    font-weight:700;
}


.erc-cap-id > div{
    display:flex;

    flex-direction:column;
}


.erc-cap-id small{
    margin-bottom:4px;

    color:#8D989F;

    font-size:7px;

    letter-spacing:.18em;
}


.erc-cap-id strong{
    color:var(--erc-navy);

    font-size:10px;

    letter-spacing:.17em;
}


.erc-cap-header-line{
    height:1px;

    background:
        rgba(16,42,59,.14);
}


.erc-cap-ref{
    color:#939DA2;

    font-size:7px;

    letter-spacing:.17em;
}


/* ==========================================================
   INTRODUCTION
========================================================== */

.erc-cap-intro{
    display:grid;

    grid-template-columns:
        17%
        54%
        29%;

    gap:35px;

    align-items:end;

    margin-bottom:85px;
}


.erc-cap-side-label{
    align-self:start;

    margin-top:18px;

    writing-mode:vertical-rl;

    color:#A0AAAF;

    font-size:8px;

    font-weight:700;

    letter-spacing:.24em;
}


.erc-cap-heading > span{
    display:block;

    margin-bottom:19px;

    color:var(--erc-gold);

    font-size:9px;

    font-weight:700;

    letter-spacing:.22em;
}


.erc-cap-heading h2{
    margin:0;

    color:var(--erc-navy);

    font-size:
        clamp(45px,4.8vw,72px);

    font-weight:300;

    line-height:1.03;

    letter-spacing:-.045em;
}


.erc-cap-heading h2 em{
    display:block;

    font-family:Georgia,serif;

    font-style:italic;

    font-weight:400;
}


.erc-cap-intro-copy{
    display:flex;

    align-items:flex-start;

    gap:16px;

    padding-bottom:7px;
}


.erc-cap-small-line{
    flex:0 0 34px;

    height:1px;

    margin-top:8px;

    background:var(--erc-gold);
}


.erc-cap-intro-copy p{
    margin:0;

    color:var(--erc-grey);

    font-size:11px;

    line-height:1.75;
}


/* ==========================================================
   MAIN CAPABILITY SYSTEM
========================================================== */

.erc-cap-system{
    position:relative;

    overflow:hidden;

    border:
        1px solid rgba(16,42,59,.09);

    background:var(--erc-light);

    box-shadow:
        0 28px 80px
        rgba(16,42,59,.055);
}


/* blueprint background */

.erc-cap-system::before{
    content:"";

    position:absolute;

    inset:0;

    background-image:
        linear-gradient(
            rgba(16,42,59,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(16,42,59,.025) 1px,
            transparent 1px
        );

    background-size:
        65px 65px;

    pointer-events:none;
}


/* ==========================================================
   CAPABILITY TRACK
========================================================== */

.erc-cap-track{
    position:relative;

    z-index:3;

    display:grid;

    grid-template-columns:
        230px
        1fr;

    min-height:285px;

    overflow:hidden;

    border-bottom:
        1px solid rgba(16,42,59,.12);
}


/* ==========================================================
   PREMIUM LIGHT SWEEP
========================================================== */

.erc-cap-track::before{
    content:"";

    position:absolute;

    z-index:7;

    top:-90%;
    left:-30%;

    width:25%;
    height:280%;

    opacity:0;

    transform:
        rotate(13deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.70),
            transparent
        );

    pointer-events:none;
}


.erc-cap-track:hover::before{
    animation:
        ercCapSweep
        1.25s
        ease;
}


@keyframes ercCapSweep{

    0%{
        left:-30%;
        opacity:0;
    }

    20%{
        opacity:.45;
    }

    100%{
        left:115%;
        opacity:0;
    }

}


/* ==========================================================
   TRACK NAME
========================================================== */

.erc-track-name{
    position:relative;

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding:
        45px
        35px;

    border-right:
        1px solid rgba(16,42,59,.12);

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


/* gold edge */

.erc-track-name::after{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:3px;
    height:0;

    background:var(--erc-gold);

    transition:
        height .55s
        cubic-bezier(.2,.65,.25,1);
}


.erc-cap-track:hover
.erc-track-name::after{
    height:100%;
}


.erc-track-code{
    color:var(--erc-gold);

    font-size:11px;

    font-weight:700;

    letter-spacing:.1em;

    transition:
        transform .4s ease;
}


.erc-track-name small{
    display:block;

    margin-bottom:8px;

    color:#9AA4A9;

    font-size:7px;

    letter-spacing:.17em;
}


.erc-track-name h3{
    margin:0;

    color:var(--erc-navy);

    font-size:22px;

    font-weight:500;

    line-height:1.2;

    letter-spacing:-.025em;

    transition:
        transform .4s
        cubic-bezier(.2,.65,.25,1);
}


.erc-cap-track:hover
.erc-track-code{
    transform:
        translateY(-4px);
}


.erc-cap-track:hover
.erc-track-name h3{
    transform:
        translateX(5px);
}


/* ==========================================================
   TRACK PATH
========================================================== */

.erc-track-path{
    position:relative;

    display:grid;

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

    gap:35px;

    padding:
        43px
        40px;
}


/* base route */

.erc-track-flow-line{
    position:absolute;

    z-index:1;

    left:70px;
    right:70px;

    top:68px;

    height:1px;

    overflow:visible;

    background:
        rgba(16,42,59,.18);
}


/* animated permanent gold progress */

.erc-track-flow-line::after{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:0;
    height:1px;

    background:
        rgba(183,135,50,.42);

    transition:
        width 1.1s ease;
}


.erc-cap-track:hover
.erc-track-flow-line::after{
    width:100%;
}


/* moving gold energy beam */

.erc-track-flow-line::before{
    content:"";

    position:absolute;

    top:-1px;
    left:0;

    width:85px;
    height:3px;

    opacity:0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(183,135,50,.40),
            var(--erc-gold),
            rgba(183,135,50,.40),
            transparent
        );

    filter:
        drop-shadow(
            0 0 5px
            rgba(183,135,50,.28)
        );
}


.erc-capabilities.is-visible
.erc-cert-track
.erc-track-flow-line::before{
    animation:
        ercCapTrackTravel
        4.8s
        ease-in-out
        1.1s
        infinite;
}


.erc-capabilities.is-visible
.erc-training-track
.erc-track-flow-line::before{
    animation:
        ercCapTrackTravel
        4.8s
        ease-in-out
        2.1s
        infinite;
}


@keyframes ercCapTrackTravel{

    0%{
        left:0;
        opacity:0;
    }

    12%{
        opacity:1;
    }

    75%{
        opacity:1;
    }

    100%{
        left:
            calc(100% - 85px);

        opacity:0;
    }

}


/* ==========================================================
   PATH STEP
========================================================== */

.erc-path-step{
    position:relative;

    z-index:3;

    padding-top:50px;

    transition:
        transform .4s
        cubic-bezier(.2,.65,.25,1);
}


.erc-path-step:hover{
    transform:
        translateY(-7px);
}


.erc-path-step small{
    display:block;

    margin-bottom:8px;

    color:var(--erc-gold);

    font-size:7px;

    font-weight:700;

    letter-spacing:.17em;

    transition:
        color .3s ease;
}


.erc-path-step h4{
    margin:
        0
        0
        9px;

    color:var(--erc-navy);

    font-size:17px;

    font-weight:600;

    letter-spacing:-.02em;

    transition:
        transform .35s ease;
}


.erc-path-step:hover h4{
    transform:
        translateX(4px);
}


.erc-path-step p{
    max-width:210px;

    margin:0;

    color:var(--erc-grey);

    font-size:10px;

    line-height:1.7;

    transition:
        color .35s ease;
}


.erc-path-step:hover p{
    color:#52656F;
}


/* ==========================================================
   PATH NODE
========================================================== */

.erc-step-node{
    position:absolute;

    top:20px;
    left:0;

    width:11px;
    height:11px;

    border-radius:50%;

    border:
        2px solid var(--erc-gold);

    background:var(--erc-light);

    box-shadow:
        0 0 0
        4px var(--erc-light);

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


.erc-step-node::after{
    content:"";

    position:absolute;

    inset:-7px;

    border:
        1px solid
        rgba(183,135,50,.35);

    border-radius:50%;

    opacity:0;

    transform:
        scale(.5);
}


/* sequential node pulses */

.erc-capabilities.is-visible
.erc-path-step:nth-child(1)
.erc-step-node::after{
    animation:
        ercCapNodePulse
        3.8s
        1.1s
        infinite;
}


.erc-capabilities.is-visible
.erc-path-step:nth-child(2)
.erc-step-node::after{
    animation:
        ercCapNodePulse
        3.8s
        1.6s
        infinite;
}


.erc-capabilities.is-visible
.erc-path-step:nth-child(3)
.erc-step-node::after{
    animation:
        ercCapNodePulse
        3.8s
        2.1s
        infinite;
}


@keyframes ercCapNodePulse{

    0%{
        opacity:0;

        transform:
            scale(.55);
    }

    12%{
        opacity:.85;
    }

    40%{
        opacity:0;

        transform:
            scale(1.9);
    }

    100%{
        opacity:0;

        transform:
            scale(1.9);
    }

}


.erc-path-step:hover
.erc-step-node{
    background:var(--erc-gold);

    transform:
        scale(1.23);

    box-shadow:
        0 0 0 5px
        rgba(183,135,50,.10),
        0 0 20px
        rgba(183,135,50,.28);
}


/* ==========================================================
   ERC CENTRE CONNECTOR
========================================================== */

.erc-cap-midline{
    position:absolute;

    z-index:8;

    left:229px;
    top:285px;

    width:42px;
    height:42px;

    display:flex;

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

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

    border:
        1px solid rgba(16,42,59,.18);

    border-radius:50%;

    background:#FFFFFF;

    box-shadow:
        0 8px 25px
        rgba(16,42,59,.08);
}


.erc-cap-midline span{
    color:var(--erc-gold);

    font-size:8px;

    font-weight:800;

    letter-spacing:.05em;
}


/* ==========================================================
   FINAL CONVERGENCE
========================================================== */

.erc-cap-convergence{
    position:relative;

    z-index:5;

    min-height:360px;

    padding:
        75px
        70px;

    overflow:hidden;

    background:
        var(--erc-navy);
}


/* internal blueprint */

.erc-cap-convergence::before{
    content:"";

    position:absolute;

    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size:
        62px 62px;

    pointer-events:none;
}


/* ambient moving light */

.erc-cap-convergence::after{
    content:"";

    position:absolute;

    width:430px;
    height:430px;

    right:-180px;
    top:-200px;

    border-radius:50%;

    background:
        rgba(50,111,148,.18);

    filter:
        blur(100px);

    pointer-events:none;

    animation:
        ercCapOutcomeGlow
        8s
        ease-in-out
        infinite alternate;
}


@keyframes ercCapOutcomeGlow{

    from{
        transform:
            translate(0,0)
            scale(1);
    }

    to{
        transform:
            translate(-60px,55px)
            scale(1.12);
    }

}


/* ==========================================================
   CONVERGENCE LINES
========================================================== */

.erc-convergence-lines{
    position:absolute;

    left:0;
    top:0;

    width:38%;
    height:100%;

    pointer-events:none;
}


.erc-con-line{
    position:absolute;

    left:0;

    width:100%;
    height:1px;

    overflow:visible;

    background:
        linear-gradient(
            to right,
            rgba(183,135,50,.85),
            rgba(183,135,50,.16)
        );
}


.erc-con-top{
    top:35%;
}


.erc-con-bottom{
    bottom:35%;
}


/* endpoint */

.erc-con-top::after,
.erc-con-bottom::after{
    content:"";

    position:absolute;

    right:0;
    top:50%;

    width:7px;
    height:7px;

    transform:
        translateY(-50%);

    border-radius:50%;

    background:var(--erc-gold);
}


/* moving light */

.erc-con-line::before{
    content:"";

    position:absolute;

    left:0;
    top:-1px;

    width:65px;
    height:3px;

    opacity:0;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--erc-gold-light),
            transparent
        );

    filter:
        drop-shadow(
            0 0 6px
            rgba(208,164,81,.45)
        );
}


.erc-capabilities.is-visible
.erc-con-top::before{
    animation:
        ercCapConvergence
        3.7s
        1.9s
        infinite;
}


.erc-capabilities.is-visible
.erc-con-bottom::before{
    animation:
        ercCapConvergence
        3.7s
        2.7s
        infinite;
}


@keyframes ercCapConvergence{

    0%{
        left:0;
        opacity:0;
    }

    15%{
        opacity:1;
    }

    75%{
        opacity:1;
    }

    100%{
        left:
            calc(100% - 65px);

        opacity:0;
    }

}


/* endpoint pulse */

.erc-capabilities.is-visible
.erc-con-top::after{
    animation:
        ercCapEndPulse
        2.8s
        2.1s
        infinite;
}


.erc-capabilities.is-visible
.erc-con-bottom::after{
    animation:
        ercCapEndPulse
        2.8s
        2.8s
        infinite;
}


@keyframes ercCapEndPulse{

    0%{
        box-shadow:
            0 0 0 0
            rgba(183,135,50,.38);
    }

    70%{
        box-shadow:
            0 0 0 13px
            rgba(183,135,50,0);
    }

    100%{
        box-shadow:
            0 0 0 13px
            rgba(183,135,50,0);
    }

}


/* ==========================================================
   OUTCOME PANEL
========================================================== */

.erc-outcome{
    position:relative;

    z-index:5;

    width:62%;

    margin-left:auto;

    padding-left:65px;

    border-left:
        1px solid rgba(255,255,255,.13);
}


/* ==========================================================
   OUTCOME TOP
========================================================== */

.erc-outcome-top{
    display:flex;

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

    padding-bottom:25px;

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


.erc-outcome-top span{
    color:
        rgba(255,255,255,.35);

    font-size:7px;

    letter-spacing:.19em;
}


.erc-outcome-top small{
    color:var(--erc-gold-light);

    font-size:8px;

    letter-spacing:.14em;
}


/* ==========================================================
   OUTCOME CENTER
========================================================== */

.erc-outcome-center{
    position:relative;

    padding:
        48px
        0
        42px;
}


.erc-outcome-index{
    position:absolute;

    right:0;
    top:25px;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(255,255,255,.07);

    font-size:105px;

    font-weight:700;

    line-height:1;

    animation:
        ercCapOutcomeIndex
        7s
        ease-in-out
        infinite;
}


@keyframes ercCapOutcomeIndex{

    0%,
    100%{
        transform:
            translateY(0);
    }

    50%{
        transform:
            translateY(-10px);
    }

}


.erc-outcome-center > small{
    display:block;

    margin-bottom:15px;

    color:var(--erc-gold-light);

    font-size:8px;

    font-weight:700;

    letter-spacing:.21em;
}


.erc-outcome-center h3{
    position:relative;

    margin:
        0
        0
        22px;

    color:#FFFFFF;

    font-size:46px;

    font-weight:300;

    line-height:1.03;

    letter-spacing:-.04em;

    transition:
        transform .45s ease;
}


.erc-outcome-center h3 em{
    position:relative;

    display:block;

    font-family:Georgia,serif;

    font-style:italic;

    font-weight:400;
}


.erc-outcome-center h3 em::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-8px;

    width:0;
    height:1px;

    background:
        var(--erc-gold-light);

    transition:
        width .65s
        cubic-bezier(.2,.7,.2,1);
}


.erc-outcome:hover
.erc-outcome-center h3{
    transform:
        translateX(5px);
}


.erc-outcome:hover
.erc-outcome-center h3 em::after{
    width:75px;
}


.erc-outcome-center p{
    max-width:430px;

    margin:0;

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

    font-size:11px;

    line-height:1.8;
}


/* ==========================================================
   OUTCOME BOTTOM
========================================================== */

.erc-outcome-bottom{
    display:flex;

    justify-content:space-between;

    gap:15px;

    padding-top:20px;

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


.erc-outcome-bottom span{
    color:
        rgba(255,255,255,.34);

    font-size:7px;

    letter-spacing:.15em;

    transition:
        color .35s ease,
        letter-spacing .35s ease;
}


.erc-outcome-bottom span:hover{
    color:var(--erc-gold-light);

    letter-spacing:.20em;
}


/* ==========================================================
   SECTION FOOTER
========================================================== */

.erc-cap-footer{
    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    gap:28px;

    align-items:center;

    margin-top:55px;

    padding-top:28px;

    border-top:
        1px solid rgba(16,42,59,.13);
}


.erc-cap-footer-code{
    color:var(--erc-gold);

    font-size:7px;

    letter-spacing:.18em;
}


.erc-cap-footer-line{
    height:1px;

    background:
        rgba(16,42,59,.12);
}


.erc-cap-footer p{
    margin:0;

    color:#839097;

    font-size:9px;
}


.erc-cap-footer strong{
    color:var(--erc-navy);
}


/* ==========================================================
   SCROLL REVEAL
========================================================== */

.erc-cap-header,
.erc-cap-intro,
.erc-cap-track,
.erc-cap-convergence,
.erc-cap-footer{
    opacity:0;

    transform:
        translateY(30px);

    transition:
        opacity .9s
        cubic-bezier(.2,.65,.25,1),
        transform .9s
        cubic-bezier(.2,.65,.25,1);
}


/* header */

.erc-capabilities.is-visible
.erc-cap-header{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.05s;
}


/* intro */

.erc-capabilities.is-visible
.erc-cap-intro{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.16s;
}


/* certification */

.erc-capabilities.is-visible
.erc-cert-track{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.29s;
}


/* training */

.erc-capabilities.is-visible
.erc-training-track{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.43s;
}


/* outcome */

.erc-capabilities.is-visible
.erc-cap-convergence{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.58s;
}


/* footer */

.erc-capabilities.is-visible
.erc-cap-footer{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.72s;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .erc-capabilities{
        padding:
            75px
            0
            85px;
    }


    .erc-cap-header,
    .erc-cap-intro,
    .erc-cap-system,
    .erc-cap-footer{
        width:
            calc(100% - 60px);
    }


    .erc-cap-intro{
        grid-template-columns:
            10%
            58%
            32%;
    }


    .erc-cap-track{
        grid-template-columns:
            190px
            1fr;
    }


    .erc-track-path{
        gap:20px;

        padding:
            40px
            28px;
    }


    .erc-cap-midline{
        left:189px;
    }


    .erc-cap-convergence{
        padding:
            65px
            45px;
    }

}


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

@media(max-width:767px){

    .erc-capabilities{
        padding:
            55px
            0
            65px;
    }


    .erc-cap-header,
    .erc-cap-intro,
    .erc-cap-system,
    .erc-cap-footer{
        width:
            calc(100% - 40px);
    }


    /* HEADER */

    .erc-cap-header{
        grid-template-columns:
            auto
            1fr;

        margin-bottom:55px;
    }


    .erc-cap-ref{
        display:none;
    }


    /* INTRO */

    .erc-cap-intro{
        display:block;

        margin-bottom:50px;
    }


    .erc-cap-side-label{
        display:none;
    }


    .erc-cap-heading h2{
        font-size:39px;

        margin-bottom:25px;
    }


    .erc-cap-intro-copy{
        max-width:330px;
    }


    /* TRACK */

    .erc-cap-track{
        display:block;

        min-height:0;
    }


    .erc-track-name{
        padding:
            28px
            25px;

        border-right:0;

        border-bottom:
            1px solid rgba(16,42,59,.12);
    }


    .erc-cap-track::before{
        display:none;
    }


    /* PATH */

    .erc-track-path{
        display:block;

        padding:
            15px
            25px
            25px;
    }


    .erc-track-flow-line{
        left:30px;
        right:auto;

        top:45px;
        bottom:45px;

        width:1px;
        height:auto;
    }


    .erc-track-flow-line::after{
        width:1px;
        height:0;

        transition:
            height 1s ease;
    }


    .erc-cap-track:hover
    .erc-track-flow-line::after{
        width:1px;
        height:100%;
    }


    /* vertical travelling light */

    .erc-track-flow-line::before{
        width:3px;
        height:70px;

        top:0;
        left:-1px;

        background:
            linear-gradient(
                to bottom,
                transparent,
                var(--erc-gold),
                transparent
            );
    }


    .erc-capabilities.is-visible
    .erc-cert-track
    .erc-track-flow-line::before{
        animation:
            ercCapTrackMobile
            4.5s
            1.1s
            ease-in-out
            infinite;
    }


    .erc-capabilities.is-visible
    .erc-training-track
    .erc-track-flow-line::before{
        animation:
            ercCapTrackMobile
            4.5s
            2.1s
            ease-in-out
            infinite;
    }


    @keyframes ercCapTrackMobile{

        0%{
            top:0;
            opacity:0;
        }

        15%{
            opacity:1;
        }

        75%{
            opacity:1;
        }

        100%{
            top:
                calc(100% - 70px);

            opacity:0;
        }

    }


    .erc-path-step{
        padding:
            28px
            0
            28px
            42px;
    }


    .erc-path-step:hover{
        transform:none;
    }


    .erc-step-node{
        left:0;
        top:35px;
    }


    .erc-path-step p{
        max-width:100%;
    }


    .erc-cap-midline{
        display:none;
    }


    /* OUTCOME */

    .erc-cap-convergence{
        min-height:0;

        padding:
            48px
            25px;
    }


    .erc-convergence-lines{
        display:none;
    }


    .erc-outcome{
        width:100%;

        margin:0;

        padding:0;

        border-left:0;
    }


    .erc-outcome-center h3{
        font-size:39px;
    }


    .erc-outcome-bottom{
        flex-wrap:wrap;
    }


    /* FOOTER */

    .erc-cap-footer{
        display:block;

        margin-top:40px;
    }


    .erc-cap-footer-line{
        margin:
            18px
            0;
    }


    .erc-cap-footer p{
        line-height:1.7;
    }


    .erc-cap-bg-number{
        display:none;
    }

}


/* ==========================================================
   REDUCED MOTION ACCESSIBILITY
========================================================== */

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

    .erc-capabilities *,
    .erc-capabilities *::before,
    .erc-capabilities *::after{
        animation:none !important;
        transition:none !important;
    }


    .erc-cap-header,
    .erc-cap-intro,
    .erc-cap-track,
    .erc-cap-convergence,
    .erc-cap-footer{
        opacity:1 !important;
        transform:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69d848d *//* ==========================================================
   ERC ABOUT US
   SECTION 06 — HOW ERC CREATES CONFIDENCE
========================================================== */

.erc-confidence-section{
    position:relative;
    overflow:visible;
    background:#F7F9FA;
}


.erc-confidence{
    position:relative;
    width:100%;
    padding:95px 0 115px;
    color:#0A2638;
}


/* ==========================================================
   WATERMARK
========================================================== */

.erc-confidence-watermark{
    position:absolute;
    right:-45px;
    top:180px;

    writing-mode:vertical-rl;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(10,38,56,.04);

    font-size:clamp(100px,13vw,210px);
    font-weight:800;
    letter-spacing:-.05em;

    pointer-events:none;
}


/* ==========================================================
   WIDTH
========================================================== */

.erc-confidence-header,
.erc-confidence-layout{
    width:min(1200px,calc(100% - 80px));
    margin-left:auto;
    margin-right:auto;
}


/* ==========================================================
   HEADER
========================================================== */

.erc-confidence-header{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:28px;
    margin-bottom:100px;
}


.erc-confidence-id{
    display:flex;
    align-items:center;
    gap:15px;
}


.erc-confidence-id > span{
    width:43px;
    height:43px;

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

    border:1px solid rgba(10,38,56,.18);
    border-radius:50%;

    color:#B78732;
    font-size:10px;
    font-weight:700;
}


.erc-confidence-id div{
    display:flex;
    flex-direction:column;
}


.erc-confidence-id small{
    margin-bottom:4px;
    color:#8B979D;
    font-size:7px;
    letter-spacing:.18em;
}


.erc-confidence-id strong{
    color:#0A2638;
    font-size:10px;
    letter-spacing:.17em;
}


.erc-confidence-header-line{
    height:1px;
    background:rgba(10,38,56,.14);
}


.erc-confidence-ref{
    color:#939DA2;
    font-size:7px;
    letter-spacing:.17em;
}


/* ==========================================================
   MAIN LAYOUT
========================================================== */

.erc-confidence-layout{
    display:grid;
    grid-template-columns:41% 59%;
    gap:80px;
    align-items:start;
}


/* ==========================================================
   LEFT / STICKY
========================================================== */

.erc-confidence-left{
    position:relative;
}


.erc-confidence-sticky{
    position:sticky;
    top:120px;

    padding-right:50px;
}


.erc-confidence-kicker{
    display:block;
    margin-bottom:24px;

    color:#B78732;

    font-size:9px;
    font-weight:700;
    letter-spacing:.22em;
}


.erc-confidence-sticky h2{
    margin:0 0 27px;

    color:#0A2638;

    font-size:clamp(46px,4.4vw,67px);
    font-weight:300;
    line-height:1.04;
    letter-spacing:-.045em;
}


.erc-confidence-sticky h2 em{
    display:block;

    font-family:Georgia,serif;
    font-style:italic;
    font-weight:400;
}


.erc-confidence-sticky > p{
    max-width:430px;
    margin:0;

    color:#728087;

    font-size:13px;
    line-height:1.8;
}


/* SIDE INDEX */

.erc-confidence-index{
    margin-top:55px;

    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:15px;
    align-items:center;

    max-width:330px;
}


.erc-confidence-index span{
    color:#B78732;
    font-size:8px;
    font-weight:700;
}


.erc-confidence-index i{
    position:relative;
    height:1px;
    background:rgba(10,38,56,.13);
}


.erc-confidence-index i::after{
    content:"";

    position:absolute;
    left:0;
    top:0;

    width:35%;
    height:1px;

    background:#B78732;

    animation:
        ercConfidenceIndex
        4s
        ease-in-out
        infinite alternate;
}


@keyframes ercConfidenceIndex{

    from{
        width:18%;
    }

    to{
        width:100%;
    }

}


/* ==========================================================
   RIGHT JOURNEY
========================================================== */

.erc-confidence-journey{
    position:relative;

    border-left:
        1px solid rgba(10,38,56,.14);

    padding-left:55px;
}


/* vertical gold progress */

.erc-confidence-journey::before{
    content:"";

    position:absolute;

    left:-1px;
    top:0;

    width:1px;
    height:0;

    background:
        linear-gradient(
            to bottom,
            #B78732,
            rgba(183,135,50,.15)
        );

    transition:
        height 1.7s ease;
}


.erc-confidence-section:hover
.erc-confidence-journey::before{
    height:82%;
}


/* ==========================================================
   STEPS
========================================================== */

.erc-confidence-step{
    position:relative;

    display:grid;
    grid-template-columns:55px 1fr 30px;
    gap:24px;

    min-height:210px;

    padding:10px 0 45px;

    margin-bottom:35px;

    border-bottom:
        1px solid rgba(10,38,56,.13);

    transition:
        transform .4s ease,
        padding-left .4s ease;
}


.erc-confidence-step::before{
    content:"";

    position:absolute;

    left:-61px;
    top:14px;

    width:11px;
    height:11px;

    border-radius:50%;

    background:#F7F9FA;

    border:2px solid #B78732;

    box-shadow:
        0 0 0 5px #F7F9FA;

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


.erc-confidence-step:hover{
    transform:translateX(8px);
}


.erc-confidence-step:hover::before{
    background:#B78732;

    box-shadow:
        0 0 0 5px rgba(183,135,50,.12),
        0 0 20px rgba(183,135,50,.18);
}


/* NUMBER */

.erc-confidence-step-number{
    color:#B78732;
    font-size:11px;
    font-weight:700;
    letter-spacing:.1em;
}


/* CONTENT */

.erc-confidence-step-main small{
    display:block;

    margin-bottom:10px;

    color:#929DA2;

    font-size:7px;
    font-weight:700;
    letter-spacing:.2em;
}


.erc-confidence-step-main h3{
    margin:0 0 14px;

    color:#0A2638;

    font-size:31px;
    font-weight:400;
    letter-spacing:-.03em;

    transition:
        transform .35s ease;
}


.erc-confidence-step:hover
.erc-confidence-step-main h3{
    transform:translateX(5px);
}


.erc-confidence-step-main p{
    max-width:520px;
    margin:0;

    color:#718087;

    font-size:11px;
    line-height:1.8;
}


/* ARROW */

.erc-confidence-arrow{
    color:#B1B9BD;
    font-size:16px;

    transition:
        transform .35s ease,
        color .35s ease;
}


.erc-confidence-step:hover
.erc-confidence-arrow{
    color:#B78732;
    transform:translate(4px,4px);
}


/* ==========================================================
   FINAL STEP
========================================================== */

.erc-confidence-final{
    margin-bottom:60px;
}


.erc-confidence-final
.erc-confidence-arrow{
    color:#B78732;
}


/* ==========================================================
   RESULT PANEL
========================================================== */

.erc-confidence-result{
    position:relative;

    display:grid;
    grid-template-columns:120px 1fr;
    gap:45px;

    padding:48px;

    overflow:hidden;

    background:#0A2638;

    color:#FFFFFF;
}


.erc-confidence-result::before{
    content:"";

    position:absolute;

    right:-100px;
    top:-100px;

    width:260px;
    height:260px;

    border-radius:50%;

    background:
        rgba(183,135,50,.16);

    filter:blur(70px);

    animation:
        ercConfidenceGlow
        7s
        ease-in-out
        infinite alternate;
}


@keyframes ercConfidenceGlow{

    from{
        transform:translate(0,0);
    }

    to{
        transform:translate(-45px,45px);
    }

}


.erc-confidence-result > span{
    position:relative;
    z-index:2;

    color:#D0A451;

    font-size:7px;
    letter-spacing:.18em;
}


.erc-confidence-result div{
    position:relative;
    z-index:2;
}


.erc-confidence-result small{
    display:block;

    margin-bottom:12px;

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

    font-size:7px;
    letter-spacing:.2em;
}


.erc-confidence-result h3{
    margin:0;

    color:#FFFFFF;

    font-size:34px;
    font-weight:300;
    line-height:1.13;
    letter-spacing:-.035em;
}


.erc-confidence-result h3 em{
    display:block;

    color:#FFFFFF;

    font-family:Georgia,serif;
    font-style:italic;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .erc-confidence{
        padding:75px 0 90px;
    }


    .erc-confidence-header,
    .erc-confidence-layout{
        width:calc(100% - 60px);
    }


    .erc-confidence-layout{
        grid-template-columns:38% 62%;
        gap:45px;
    }


    .erc-confidence-sticky{
        top:90px;
        padding-right:15px;
    }

}


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

@media(max-width:767px){

    .erc-confidence{
        padding:55px 0 65px;
    }


    .erc-confidence-header,
    .erc-confidence-layout{
        width:calc(100% - 40px);
    }


    .erc-confidence-header{
        grid-template-columns:auto 1fr;
        margin-bottom:55px;
    }


    .erc-confidence-ref{
        display:none;
    }


    .erc-confidence-layout{
        display:block;
    }


    .erc-confidence-sticky{
        position:relative;
        top:auto;

        padding:0;

        margin-bottom:65px;
    }


    .erc-confidence-sticky h2{
        font-size:39px;
    }


    .erc-confidence-journey{
        padding-left:30px;
    }


    .erc-confidence-step{
        grid-template-columns:35px 1fr 18px;
        gap:13px;

        min-height:0;

        padding-bottom:32px;
        margin-bottom:28px;
    }


    .erc-confidence-step::before{
        left:-36px;
    }


    .erc-confidence-step:hover{
        transform:none;
    }


    .erc-confidence-step-main h3{
        font-size:25px;
    }


    .erc-confidence-result{
        display:block;
        padding:35px 27px;
    }


    .erc-confidence-result > span{
        display:block;
        margin-bottom:28px;
    }


    .erc-confidence-result h3{
        font-size:29px;
    }


    .erc-confidence-watermark{
        display:none;
    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

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

    .erc-confidence *,
    .erc-confidence *::before,
    .erc-confidence *::after{
        animation:none !important;
        transition:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33ab4c5 *//* ==========================================================
   ERC ABOUT US
   SECTION 07 — CORPORATE ASSURANCE
========================================================== */

.erc-assurance-section{
    position:relative;
    overflow:hidden;
    background:#071D2C;
}


/* ==========================================================
   MAIN WRAPPER
========================================================== */

.erc-assurance{
    --erc-gold:#B78732;
    --erc-gold-light:#D0A451;
    --erc-white:#FFFFFF;
    --erc-navy:#071D2C;

    position:relative;

    width:100%;

    overflow:hidden;

    padding:
        95px
        0
        0;

    color:#FFFFFF;
}


/* ==========================================================
   BACKGROUND GRID
========================================================== */

.erc-assurance-grid{
    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size:
        72px 72px;

    pointer-events:none;
}


/* ==========================================================
   BACKGROUND TYPOGRAPHY
========================================================== */

.erc-assurance-word{
    position:absolute;

    left:-30px;
    bottom:80px;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(255,255,255,.035);

    font-size:
        clamp(120px,17vw,260px);

    font-weight:800;

    letter-spacing:-.06em;

    line-height:.8;

    pointer-events:none;

    user-select:none;

    transform:
        rotate(-90deg)
        translateX(-100%);

    transform-origin:left bottom;
}


/* ==========================================================
   AMBIENT GLOW
========================================================== */

.erc-assurance-glow{
    position:absolute;

    width:500px;
    height:500px;

    left:-250px;
    top:250px;

    border-radius:50%;

    background:
        rgba(41,105,143,.17);

    filter:
        blur(120px);

    pointer-events:none;

    animation:
        ercAssuranceGlow
        10s
        ease-in-out
        infinite alternate;
}


@keyframes ercAssuranceGlow{

    from{
        transform:
            translate(0,0)
            scale(1);
    }

    to{
        transform:
            translate(100px,60px)
            scale(1.12);
    }

}


/* ==========================================================
   STANDARD WIDTH
========================================================== */

.erc-assurance-header,
.erc-assurance-layout{
    position:relative;

    z-index:4;

    width:
        min(1200px,calc(100% - 80px));

    margin-left:auto;
    margin-right:auto;
}


/* ==========================================================
   HEADER
========================================================== */

.erc-assurance-header{
    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    gap:28px;

    align-items:center;

    margin-bottom:90px;
}


.erc-assurance-id{
    display:flex;

    align-items:center;

    gap:15px;
}


.erc-assurance-number{
    width:43px;
    height:43px;

    display:flex;

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

    border:
        1px solid rgba(255,255,255,.18);

    border-radius:50%;

    color:var(--erc-gold-light);

    font-size:10px;

    font-weight:700;
}


.erc-assurance-id > div{
    display:flex;

    flex-direction:column;
}


.erc-assurance-id small{
    margin-bottom:4px;

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

    font-size:7px;

    letter-spacing:.18em;
}


.erc-assurance-id strong{
    color:#FFFFFF;

    font-size:10px;

    letter-spacing:.17em;
}


.erc-assurance-header-line{
    height:1px;

    background:
        rgba(255,255,255,.13);
}


.erc-assurance-ref{
    color:
        rgba(255,255,255,.30);

    font-size:7px;

    letter-spacing:.17em;
}


/* ==========================================================
   MAIN LAYOUT
========================================================== */

.erc-assurance-layout{
    display:grid;

    grid-template-columns:
        .88fr
        1.12fr;

    gap:90px;

    align-items:center;

    padding-bottom:105px;
}


/* ==========================================================
   LEFT CONTENT
========================================================== */

.erc-assurance-content{
    position:relative;

    padding-right:20px;
}


.erc-assurance-kicker{
    display:block;

    margin-bottom:23px;

    color:var(--erc-gold-light);

    font-size:9px;

    font-weight:700;

    letter-spacing:.22em;
}


/* HEADLINE */

.erc-assurance-content h2{
    max-width:580px;

    margin:
        0
        0
        30px;

    color:#FFFFFF;

    font-size:
        clamp(48px,5vw,75px);

    font-weight:300;

    line-height:1.02;

    letter-spacing:-.05em;
}


.erc-assurance-content h2 em{
    display:block;

    font-family:Georgia,serif;

    font-style:italic;

    font-weight:400;

    color:#FFFFFF;
}


/* COPY */

.erc-assurance-lead{
    max-width:510px;

    margin:
        0
        0
        22px;

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

    font-size:16px;

    line-height:1.75;

    font-weight:500;
}


.erc-assurance-copy{
    max-width:500px;

    margin:0;

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

    font-size:12px;

    line-height:1.85;
}


/* ==========================================================
   STATEMENT
========================================================== */

.erc-assurance-statement{
    display:flex;

    align-items:center;

    gap:18px;

    margin-top:45px;

    padding-top:27px;

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


.erc-assurance-statement-line{
    width:42px;
    height:1px;

    background:
        var(--erc-gold-light);
}


.erc-assurance-statement div{
    display:flex;

    flex-direction:column;
}


.erc-assurance-statement small{
    margin-bottom:6px;

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

    font-size:7px;

    letter-spacing:.18em;
}


.erc-assurance-statement strong{
    color:
        rgba(255,255,255,.78);

    font-size:11px;

    font-weight:500;
}


/* ==========================================================
   META
========================================================== */

.erc-assurance-meta{
    display:flex;

    gap:24px;

    margin-top:45px;
}


.erc-assurance-meta span{
    color:
        rgba(255,255,255,.22);

    font-size:6px;

    letter-spacing:.17em;
}


/* ==========================================================
   LEDGER
========================================================== */

.erc-assurance-ledger{
    --mouse-x:50%;
    --mouse-y:50%;

    position:relative;

    overflow:hidden;

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

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

    backdrop-filter:
        blur(8px);

    box-shadow:
        0 35px 90px
        rgba(0,0,0,.18);
}


/* ==========================================================
   MOUSE LIGHT
========================================================== */

.erc-ledger-light{
    position:absolute;

    inset:0;

    pointer-events:none;

    background:
        radial-gradient(
            circle 240px
            at var(--mouse-x) var(--mouse-y),
            rgba(208,164,81,.10),
            transparent 70%
        );

    opacity:.85;

    transition:
        opacity .3s ease;
}


/* ==========================================================
   SCANNING LINE
========================================================== */

.erc-ledger-scan{
    position:absolute;

    z-index:5;

    left:0;
    right:0;

    top:-4px;

    height:2px;

    opacity:.5;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(208,164,81,.20),
            var(--erc-gold-light),
            rgba(208,164,81,.20),
            transparent
        );

    filter:
        drop-shadow(
            0 0 5px
            rgba(208,164,81,.30)
        );

    animation:
        ercLedgerScan
        7s
        ease-in-out
        infinite;
}


@keyframes ercLedgerScan{

    0%{
        top:0;
        opacity:0;
    }

    12%{
        opacity:.55;
    }

    50%{
        opacity:.45;
    }

    90%{
        opacity:.5;
    }

    100%{
        top:100%;
        opacity:0;
    }

}


/* ==========================================================
   LEDGER HEAD
========================================================== */

.erc-ledger-head{
    position:relative;

    z-index:6;

    display:flex;

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

    padding:
        30px
        34px;

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


.erc-ledger-head > div:first-child{
    display:flex;

    flex-direction:column;
}


.erc-ledger-head small{
    margin-bottom:6px;

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

    font-size:7px;

    letter-spacing:.18em;
}


.erc-ledger-head strong{
    color:#FFFFFF;

    font-size:10px;

    letter-spacing:.17em;
}


/* STATUS */

.erc-ledger-status{
    display:flex;

    align-items:center;

    gap:8px;

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

    font-size:6px;

    letter-spacing:.14em;
}


.erc-status-dot{
    width:6px;
    height:6px;

    border-radius:50%;

    background:
        var(--erc-gold-light);

    box-shadow:
        0 0 0 0
        rgba(208,164,81,.35);

    animation:
        ercStatusPulse
        2.8s
        infinite;
}


@keyframes ercStatusPulse{

    0%{
        box-shadow:
            0 0 0 0
            rgba(208,164,81,.35);
    }

    70%{
        box-shadow:
            0 0 0 9px
            rgba(208,164,81,0);
    }

    100%{
        box-shadow:
            0 0 0 9px
            rgba(208,164,81,0);
    }

}


/* ==========================================================
   LEDGER ITEM
========================================================== */

.erc-ledger-item{
    position:relative;

    z-index:6;

    display:grid;

    grid-template-columns:
        45px
        1fr
        30px;

    gap:20px;

    padding:
        28px
        34px;

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

    transition:
        background .4s ease,
        padding-left .4s ease;
}


/* GOLD LINE */

.erc-ledger-item::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-1px;

    width:0;
    height:1px;

    background:
        var(--erc-gold-light);

    transition:
        width .6s
        cubic-bezier(.2,.7,.2,1);
}


.erc-ledger-item:hover{
    padding-left:43px;

    background:
        rgba(255,255,255,.025);
}


.erc-ledger-item:hover::after{
    width:100%;
}


/* INDEX */

.erc-ledger-index{
    padding-top:2px;

    color:
        var(--erc-gold-light);

    font-size:9px;

    font-weight:700;

    letter-spacing:.1em;
}


/* CONTENT */

.erc-ledger-content small{
    display:block;

    margin-bottom:7px;

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

    font-size:6px;

    letter-spacing:.18em;
}


.erc-ledger-content h3{
    margin:
        0
        0
        8px;

    color:#FFFFFF;

    font-size:19px;

    font-weight:500;

    letter-spacing:-.02em;

    transition:
        transform .35s ease;
}


.erc-ledger-item:hover
.erc-ledger-content h3{
    transform:
        translateX(4px);
}


.erc-ledger-content p{
    max-width:420px;

    margin:0;

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

    font-size:10px;

    line-height:1.75;
}


/* ==========================================================
   LEDGER STATUS MARK
========================================================== */

.erc-ledger-mark{
    display:flex;

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


.erc-ledger-mark span{
    position:relative;

    width:10px;
    height:10px;

    border:
        1px solid rgba(208,164,81,.65);

    border-radius:50%;

    transition:
        background .35s ease,
        transform .35s ease;
}


.erc-ledger-mark span::after{
    content:"";

    position:absolute;

    inset:3px;

    border-radius:50%;

    background:
        var(--erc-gold-light);

    opacity:.25;
}


.erc-ledger-item:hover
.erc-ledger-mark span{
    background:
        var(--erc-gold-light);

    transform:
        scale(1.15);
}


/* ==========================================================
   LEDGER FOOTER
========================================================== */

.erc-ledger-footer{
    position:relative;

    z-index:6;

    display:flex;

    align-items:center;

    gap:17px;

    padding:
        28px
        34px;
}


.erc-ledger-footer > span{
    width:48px;
    height:48px;

    display:flex;

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

    border:
        1px solid rgba(208,164,81,.45);

    color:
        var(--erc-gold-light);

    font-size:10px;

    font-weight:800;
}


.erc-ledger-footer div{
    display:flex;

    flex-direction:column;
}


.erc-ledger-footer small{
    margin-bottom:5px;

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

    font-size:6px;

    letter-spacing:.17em;
}


.erc-ledger-footer strong{
    color:
        rgba(255,255,255,.62);

    font-size:7px;

    letter-spacing:.14em;
}


/* ==========================================================
   BOTTOM STRIP
========================================================== */

.erc-assurance-bottom{
    position:relative;

    z-index:6;

    min-height:90px;

    display:flex;

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

    gap:25px;

    padding:
        0 40px;

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

    background:
        rgba(0,0,0,.12);
}


.erc-assurance-bottom span{
    color:
        rgba(255,255,255,.30);

    font-size:7px;

    font-weight:600;

    letter-spacing:.17em;

    transition:
        color .3s ease;
}


.erc-assurance-bottom span:hover{
    color:
        var(--erc-gold-light);
}


.erc-assurance-bottom i{
    width:28px;
    height:1px;

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


/* ==========================================================
   PREMIUM SCROLL REVEALS
========================================================== */

.erc-assurance-header,
.erc-assurance-content,
.erc-assurance-ledger,
.erc-assurance-bottom{
    opacity:0;

    transform:
        translateY(30px);

    transition:
        opacity .9s
        cubic-bezier(.2,.65,.25,1),
        transform .9s
        cubic-bezier(.2,.65,.25,1);
}


.erc-assurance.is-visible
.erc-assurance-header{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.05s;
}


.erc-assurance.is-visible
.erc-assurance-content{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.18s;
}


.erc-assurance.is-visible
.erc-assurance-ledger{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.32s;
}


.erc-assurance.is-visible
.erc-assurance-bottom{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.55s;
}


/* ==========================================================
   STAGGER LEDGER ROWS
========================================================== */

.erc-ledger-item{
    opacity:0;

    transform:
        translateX(20px);
}


.erc-assurance.is-visible
.erc-ledger-item{
    opacity:1;

    transform:
        translateX(0);

    transition:
        opacity .7s ease,
        transform .7s ease,
        background .4s ease,
        padding-left .4s ease;
}


.erc-assurance.is-visible
.erc-ledger-item:nth-of-type(1){
    transition-delay:.48s;
}


.erc-assurance.is-visible
.erc-ledger-item:nth-of-type(2){
    transition-delay:.58s;
}


.erc-assurance.is-visible
.erc-ledger-item:nth-of-type(3){
    transition-delay:.68s;
}


.erc-assurance.is-visible
.erc-ledger-item:nth-of-type(4){
    transition-delay:.78s;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .erc-assurance{
        padding-top:75px;
    }


    .erc-assurance-header,
    .erc-assurance-layout{
        width:
            calc(100% - 60px);
    }


    .erc-assurance-layout{
        grid-template-columns:
            .8fr
            1.2fr;

        gap:50px;

        padding-bottom:85px;
    }


    .erc-assurance-content h2{
        font-size:52px;
    }


    .erc-ledger-item{
        padding:
            25px
            27px;
    }

}


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

@media(max-width:767px){

    .erc-assurance{
        padding-top:55px;
    }


    .erc-assurance-header,
    .erc-assurance-layout{
        width:
            calc(100% - 40px);
    }


    .erc-assurance-header{
        grid-template-columns:
            auto
            1fr;

        margin-bottom:55px;
    }


    .erc-assurance-ref{
        display:none;
    }


    .erc-assurance-layout{
        display:block;

        padding-bottom:65px;
    }


    .erc-assurance-content{
        padding:0;

        margin-bottom:55px;
    }


    .erc-assurance-content h2{
        font-size:42px;
    }


    .erc-assurance-lead{
        font-size:14px;
    }


    .erc-assurance-meta{
        flex-wrap:wrap;
    }


    .erc-ledger-head{
        padding:
            25px
            22px;
    }


    .erc-ledger-status{
        display:none;
    }


    .erc-ledger-item{
        grid-template-columns:
            30px
            1fr
            20px;

        gap:13px;

        padding:
            25px
            22px;
    }


    .erc-ledger-item:hover{
        padding-left:22px;
    }


    .erc-ledger-content h3{
        font-size:18px;
    }


    .erc-ledger-footer{
        padding:
            25px
            22px;
    }


    .erc-assurance-bottom{
        min-height:auto;

        flex-wrap:wrap;

        gap:12px;

        padding:
            25px
            20px;
    }


    .erc-assurance-bottom i{
        width:15px;
    }


    .erc-assurance-word{
        display:none;
    }


    .erc-ledger-light{
        display:none;
    }

}


/* ==========================================================
   ACCESSIBILITY
========================================================== */

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

    .erc-assurance *,
    .erc-assurance *::before,
    .erc-assurance *::after{
        animation:none !important;
        transition:none !important;
    }


    .erc-assurance-header,
    .erc-assurance-content,
    .erc-assurance-ledger,
    .erc-assurance-bottom,
    .erc-ledger-item{
        opacity:1 !important;
        transform:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57d42d8 *//* ==========================================================
   ERC ABOUT US
   SECTION 08 — FINAL CORPORATE CTA
========================================================== */

.erc-final-cta-section{
    position:relative;
    overflow:hidden;
    background:#F1EEE7;
}


/* ==========================================================
   MAIN
========================================================== */

.erc-final-cta{
    --erc-navy:#0A2638;
    --erc-gold:#B78732;
    --erc-gold-light:#D0A451;
    --erc-grey:#748189;

    --erc-final-x:0px;
    --erc-final-y:0px;

    position:relative;

    width:100%;

    overflow:hidden;

    padding:
        95px
        0
        0;

    color:
        var(--erc-navy);
}


/* ==========================================================
   BACKGROUND GRID
========================================================== */

.erc-final-grid{
    position:absolute;

    inset:0;

    background-image:
        linear-gradient(
            rgba(10,38,56,.028) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(10,38,56,.028) 1px,
            transparent 1px
        );

    background-size:
        75px 75px;

    pointer-events:none;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 12%,
            #000 85%,
            transparent
        );
}


/* ==========================================================
   LARGE ERC WATERMARK
========================================================== */

.erc-final-watermark{
    position:absolute;

    right:-30px;
    bottom:40px;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(10,38,56,.055);

    font-size:
        clamp(260px,35vw,540px);

    font-weight:800;

    line-height:.7;

    letter-spacing:-.09em;

    user-select:none;
    pointer-events:none;

    transform:
        translate(
            var(--erc-final-x),
            var(--erc-final-y)
        );

    transition:
        transform .8s
        cubic-bezier(.2,.65,.25,1);
}


/* ==========================================================
   AMBIENT GLOW
========================================================== */

.erc-final-glow{
    position:absolute;

    left:-180px;
    top:220px;

    width:450px;
    height:450px;

    border-radius:50%;

    background:
        rgba(183,135,50,.10);

    filter:
        blur(110px);

    pointer-events:none;

    animation:
        ercFinalGlow
        9s
        ease-in-out
        infinite alternate;
}


@keyframes ercFinalGlow{

    from{
        transform:
            translate(0,0);
    }

    to{
        transform:
            translate(90px,45px);
    }

}


/* ==========================================================
   CONTENT WIDTH
========================================================== */

.erc-final-header,
.erc-final-layout,
.erc-final-signature{
    position:relative;

    z-index:5;

    width:
        min(1200px,calc(100% - 80px));

    margin-left:auto;
    margin-right:auto;
}


/* ==========================================================
   HEADER
========================================================== */

.erc-final-header{
    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    gap:28px;

    align-items:center;

    margin-bottom:95px;
}


.erc-final-id{
    display:flex;

    align-items:center;

    gap:15px;
}


.erc-final-number{
    width:43px;
    height:43px;

    display:flex;

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

    border:
        1px solid rgba(10,38,56,.18);

    border-radius:50%;

    color:
        var(--erc-gold);

    font-size:10px;

    font-weight:700;
}


.erc-final-id > div{
    display:flex;

    flex-direction:column;
}


.erc-final-id small{
    margin-bottom:4px;

    color:#929CA1;

    font-size:7px;

    letter-spacing:.18em;
}


.erc-final-id strong{
    color:
        var(--erc-navy);

    font-size:10px;

    letter-spacing:.17em;
}


.erc-final-header-line{
    height:1px;

    background:
        rgba(10,38,56,.14);
}


.erc-final-ref{
    color:#929CA1;

    font-size:7px;

    letter-spacing:.17em;
}


/* ==========================================================
   MAIN LAYOUT
========================================================== */

.erc-final-layout{
    display:grid;

    grid-template-columns:
        17%
        83%;

    align-items:start;

    padding-bottom:110px;
}


/* ==========================================================
   SIDE LABEL
========================================================== */

.erc-final-side{
    padding-top:15px;
}


.erc-final-side span{
    writing-mode:vertical-rl;

    color:#9AA5AA;

    font-size:8px;

    font-weight:700;

    letter-spacing:.27em;
}


/* ==========================================================
   MAIN CONTENT
========================================================== */

.erc-final-main{
    max-width:920px;
}


.erc-final-kicker{
    display:block;

    margin-bottom:25px;

    color:
        var(--erc-gold);

    font-size:9px;

    font-weight:700;

    letter-spacing:.22em;
}


.erc-final-main h2{
    max-width:900px;

    margin:
        0
        0
        29px;

    color:
        var(--erc-navy);

    font-size:
        clamp(54px,6vw,90px);

    font-weight:300;

    line-height:.98;

    letter-spacing:-.055em;
}


.erc-final-main h2 em{
    display:block;

    font-family:Georgia,serif;

    font-style:italic;

    font-weight:400;
}


.erc-final-main > p{
    max-width:620px;

    margin:0;

    color:
        var(--erc-grey);

    font-size:14px;

    line-height:1.85;
}


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

.erc-final-actions{
    margin-top:60px;

    border-top:
        1px solid rgba(10,38,56,.16);
}


/* ==========================================================
   ACTION
========================================================== */

.erc-final-action{
    position:relative;

    display:grid;

    grid-template-columns:
        50px
        1fr
        35px;

    gap:22px;

    align-items:center;

    min-height:105px;

    padding:
        18px
        12px;

    color:
        var(--erc-navy);

    text-decoration:none;

    border-bottom:
        1px solid rgba(10,38,56,.14);

    transition:
        padding-left .45s ease,
        background .45s ease;
}


/* animated line */

.erc-final-action::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-1px;

    width:0;
    height:1px;

    background:
        var(--erc-gold);

    transition:
        width .65s
        cubic-bezier(.2,.7,.2,1);
}


.erc-final-action:hover{
    padding-left:25px;

    background:
        rgba(255,255,255,.45);
}


.erc-final-action:hover::after{
    width:100%;
}


/* ==========================================================
   NUMBER
========================================================== */

.erc-action-number{
    color:
        var(--erc-gold);

    font-size:10px;

    font-weight:700;

    letter-spacing:.1em;

    transition:
        transform .4s ease;
}


.erc-final-action:hover
.erc-action-number{
    transform:
        translateY(-4px);
}


/* ==========================================================
   TEXT
========================================================== */

.erc-final-action div{
    display:flex;

    flex-direction:column;
}


.erc-final-action small{
    margin-bottom:8px;

    color:#98A1A6;

    font-size:7px;

    letter-spacing:.18em;
}


.erc-final-action strong{
    color:
        var(--erc-navy);

    font-size:22px;

    font-weight:500;

    letter-spacing:-.025em;

    transition:
        transform .4s ease;
}


.erc-final-action:hover strong{
    transform:
        translateX(5px);
}


/* ==========================================================
   ARROW
========================================================== */

.erc-final-arrow{
    color:#A0A9AD;

    font-size:18px;

    transition:
        color .35s ease,
        transform .35s ease;
}


.erc-final-action:hover
.erc-final-arrow{
    color:
        var(--erc-gold);

    transform:
        translate(4px,-4px);
}


/* ==========================================================
   FEATURED FIRST ACTION
========================================================== */

.erc-final-primary{
    background:
        var(--erc-navy);

    color:#FFFFFF;

    padding-left:28px;

    padding-right:28px;
}


.erc-final-primary small{
    color:
        rgba(255,255,255,.35);
}


.erc-final-primary strong{
    color:#FFFFFF;
}


.erc-final-primary
.erc-final-arrow{
    color:
        rgba(255,255,255,.55);
}


.erc-final-primary:hover{
    padding-left:36px;

    background:#0D3045;
}


.erc-final-primary:hover strong{
    color:#FFFFFF;
}


/* subtle internal sweep */

.erc-final-primary::before{
    content:"";

    position:absolute;

    top:0;
    left:-30%;

    width:22%;
    height:100%;

    opacity:0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.08),
            transparent
        );

    transform:
        skewX(-15deg);

    pointer-events:none;
}


.erc-final-primary:hover::before{
    animation:
        ercFinalSweep
        1.1s
        ease;
}


@keyframes ercFinalSweep{

    0%{
        left:-30%;
        opacity:0;
    }

    20%{
        opacity:1;
    }

    100%{
        left:110%;
        opacity:0;
    }

}


/* ==========================================================
   CORPORATE SIGNATURE
========================================================== */

.erc-final-signature{
    min-height:120px;

    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    gap:32px;

    align-items:center;

    border-top:
        1px solid rgba(10,38,56,.13);
}


/* BRAND */

.erc-final-brand{
    display:flex;

    align-items:center;

    gap:15px;
}


.erc-final-brand-mark{
    width:48px;
    height:48px;

    display:flex;

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

    background:
        var(--erc-navy);

    color:#FFFFFF;

    font-size:12px;

    font-weight:800;
}


.erc-final-brand div{
    display:flex;

    flex-direction:column;
}


.erc-final-brand small{
    margin-bottom:4px;

    color:#969FA4;

    font-size:7px;

    letter-spacing:.17em;
}


.erc-final-brand strong{
    color:
        var(--erc-navy);

    font-size:9px;

    letter-spacing:.14em;
}


/* ==========================================================
   SIGNATURE LINE
========================================================== */

.erc-final-sign-line{
    position:relative;

    height:1px;

    background:
        rgba(10,38,56,.12);
}


.erc-final-sign-line span{
    position:absolute;

    left:0;
    top:0;

    height:1px;

    width:0;

    background:
        var(--erc-gold);
}


.erc-final-cta.is-visible
.erc-final-sign-line span{
    animation:
        ercSignatureDraw
        2.3s
        .8s
        cubic-bezier(.2,.7,.2,1)
        forwards;
}


@keyframes ercSignatureDraw{

    from{
        width:0;
    }

    to{
        width:100%;
    }

}


.erc-final-sign-line i{
    position:absolute;

    right:0;
    top:50%;

    width:7px;
    height:7px;

    transform:
        translateY(-50%);

    border-radius:50%;

    background:
        var(--erc-gold);

    opacity:0;
}


.erc-final-cta.is-visible
.erc-final-sign-line i{
    animation:
        ercSignatureNode
        .5s
        3s
        forwards;
}


@keyframes ercSignatureNode{

    from{
        opacity:0;
        transform:
            translateY(-50%)
            scale(.3);
    }

    to{
        opacity:1;
        transform:
            translateY(-50%)
            scale(1);
    }

}


/* ==========================================================
   VALUES
========================================================== */

.erc-final-values{
    display:flex;

    gap:20px;
}


.erc-final-values span{
    color:#939DA2;

    font-size:6px;

    letter-spacing:.16em;

    transition:
        color .3s ease;
}


.erc-final-values span:hover{
    color:
        var(--erc-gold);
}


/* ==========================================================
   SCROLL REVEAL
========================================================== */

.erc-final-header,
.erc-final-kicker,
.erc-final-main h2,
.erc-final-main > p,
.erc-final-actions,
.erc-final-signature{
    opacity:0;

    transform:
        translateY(30px);

    transition:
        opacity .9s
        cubic-bezier(.2,.65,.25,1),
        transform .9s
        cubic-bezier(.2,.65,.25,1);
}


.erc-final-cta.is-visible
.erc-final-header{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.05s;
}


.erc-final-cta.is-visible
.erc-final-kicker{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.16s;
}


.erc-final-cta.is-visible
.erc-final-main h2{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.26s;
}


.erc-final-cta.is-visible
.erc-final-main > p{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.38s;
}


.erc-final-cta.is-visible
.erc-final-actions{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.52s;
}


.erc-final-cta.is-visible
.erc-final-signature{
    opacity:1;

    transform:
        translateY(0);

    transition-delay:.68s;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1024px){

    .erc-final-cta{
        padding-top:75px;
    }


    .erc-final-header,
    .erc-final-layout,
    .erc-final-signature{
        width:
            calc(100% - 60px);
    }


    .erc-final-layout{
        grid-template-columns:
            10%
            90%;

        padding-bottom:90px;
    }


    .erc-final-main h2{
        font-size:64px;
    }


    .erc-final-values{
        gap:12px;
    }

}


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

@media(max-width:767px){

    .erc-final-cta{
        padding-top:55px;
    }


    .erc-final-header,
    .erc-final-layout,
    .erc-final-signature{
        width:
            calc(100% - 40px);
    }


    .erc-final-header{
        grid-template-columns:
            auto
            1fr;

        margin-bottom:55px;
    }


    .erc-final-ref{
        display:none;
    }


    .erc-final-layout{
        display:block;

        padding-bottom:65px;
    }


    .erc-final-side{
        display:none;
    }


    .erc-final-main h2{
        font-size:43px;

        line-height:1.04;
    }


    .erc-final-main > p{
        font-size:13px;
    }


    .erc-final-actions{
        margin-top:45px;
    }


    .erc-final-action{
        grid-template-columns:
            35px
            1fr
            20px;

        gap:12px;

        min-height:95px;
    }


    .erc-final-action strong{
        font-size:18px;
    }


    .erc-final-action:hover{
        padding-left:12px;
    }


    .erc-final-primary{
        padding-left:18px;
        padding-right:18px;
    }


    .erc-final-primary:hover{
        padding-left:18px;
    }


    .erc-final-signature{
        display:block;

        padding:
            35px
            0;
    }


    .erc-final-sign-line{
        margin:
            28px
            0;
    }


    .erc-final-values{
        flex-wrap:wrap;
    }


    .erc-final-watermark{
        font-size:230px;

        bottom:120px;
    }


    .erc-final-glow{
        width:300px;
        height:300px;
    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

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

    .erc-final-cta *,
    .erc-final-cta *::before,
    .erc-final-cta *::after{
        animation:none !important;
        transition:none !important;
    }


    .erc-final-header,
    .erc-final-kicker,
    .erc-final-main h2,
    .erc-final-main > p,
    .erc-final-actions,
    .erc-final-signature{
        opacity:1 !important;
        transform:none !important;
    }


    .erc-final-sign-line span{
        width:100%;
    }


    .erc-final-sign-line i{
        opacity:1;
    }

}/* End custom CSS */