/* =========================================================
   eRMPL WEBSITE
   GLOBAL STYLES
========================================================= */

:root {
    --ermpl-primary: #f07c00;
    --ermpl-primary-dark: #f07c00;

    --ermpl-green: #17652c;
    --ermpl-green-dark: #17652c;

    --ermpl-dark: #202020;
    --ermpl-text: #444444;

    --ermpl-white: #ffffff;
    --ermpl-light: #f7f8f5;

    --ermpl-border: #e5e5e5;

    --ermpl-font-primary: "Inter", sans-serif;
}


/* =========================================================
   RESET
========================================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--ermpl-font-primary);
    color: var(--ermpl-text);
    background: var(--ermpl-white);

    overflow-x: hidden;
}

img {
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
}


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

.ermpl-header {
    position: relative;
    z-index: 100;

    width: 100%;

    background: rgba(255, 255, 255, 0.96);

    border-bottom: 1px solid rgba(229, 229, 229, 0.55);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    opacity: 0;
    transform: translateY(-25px);

    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

body.ermpl-page-loaded .ermpl-header {
    opacity: 1;
    transform: translateY(0);
}


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

.ermpl-header-nav {
    min-height: 82px;

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


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

.ermpl-header-logo {
    display: inline-flex;
    align-items: center;

    position: relative;
    z-index: 2;
}

.ermpl-header-logo-image {
    width: 175px;

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

.ermpl-header-logo:hover .ermpl-header-logo-image {
    transform: scale(1.04);
}


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

.ermpl-header-menu {
    display: flex;
    align-items: center;

    gap: 30px;

    list-style: none;

    margin: 0;
    padding: 0;
}


/* =========================================================
   HEADER MENU ITEM
========================================================= */

.ermpl-header-menu-item {
    position: relative;

    opacity: 0;
    transform: translateY(-10px);

    transition:
        opacity 0.5s ease,
        transform 0.5s ease;
} 
body.ermpl-page-loaded
.ermpl-header-menu-item {
    opacity: 1;
    transform: translateY(0);
}

body.ermpl-page-loaded
.ermpl-header-menu-item:nth-child(1) {
    transition-delay: 0.15s;
}

body.ermpl-page-loaded
.ermpl-header-menu-item:nth-child(2) {
    transition-delay: 0.20s;
}

body.ermpl-page-loaded
.ermpl-header-menu-item:nth-child(3) {
    transition-delay: 0.25s;
}

body.ermpl-page-loaded
.ermpl-header-menu-item:nth-child(4) {
    transition-delay: 0.30s;
}

body.ermpl-page-loaded
.ermpl-header-menu-item:nth-child(5) {
    transition-delay: 0.35s;
}

body.ermpl-page-loaded
.ermpl-header-menu-item:nth-child(6) {
    transition-delay: 0.40s;
}

body.ermpl-page-loaded
.ermpl-header-menu-item:nth-child(7) {
    transition-delay: 0.45s;
}

body.ermpl-page-loaded
.ermpl-header-menu-item:nth-child(8) {
    transition-delay: 0.50s;
} 


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

.ermpl-header-nav-link {
    position: relative;

    display: inline-flex;
    align-items: center;

    padding: 8px 0;

    color: var(--ermpl-dark);

    font-size: 14px;
    font-weight: 500;

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

.ermpl-header-nav-link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 0;
    height: 2px;

    border-radius: 10px;

    background: var(--ermpl-primary);

    transition: width 0.3s ease;
}

.ermpl-header-nav-link:hover {
    color: var(--ermpl-primary);

    transform: translateY(-1px);
}

.ermpl-header-nav-link:hover::after,
.ermpl-header-nav-link.active::after {
    width: 100%;
}

.ermpl-header-nav-link.active {
    color: var(--ermpl-primary);
}


/* =========================================================
   MOBILE MENU BUTTON
========================================================= */

.ermpl-header-toggle {
    width: 44px;
    height: 44px;

    padding: 0;

    border: 0;
    border-radius: 10px;

    background: transparent;

    display: none;

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

    gap: 5px;

    cursor: pointer;
}

.ermpl-header-toggle span {
    width: 22px;
    height: 2px;

    border-radius: 5px;

    background: var(--ermpl-dark);

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

.ermpl-header-toggle:hover {
    background: var(--ermpl-light);
}


/* =========================================================
   BANNER
========================================================= */

.ermpl-banner {
    position: relative;

    min-height: 570px;

    display: flex;
    align-items: center;

    overflow: hidden;

    padding: 45px 0 30px;

    background:url("../images/BannerBgImage.png") no-repeat center center;

    background-size: cover;
}


/* =========================================================
   BANNER DECORATIVE LIGHT
========================================================= */

.ermpl-banner::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -160px;
    right: 5%;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(245, 130, 32, 0.08),
            transparent 70%
        );

    pointer-events: none;
}


/* =========================================================
   BANNER GREEN LIGHT
========================================================= */

.ermpl-banner::after {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    left: -150px;
    bottom: -200px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(61, 139, 69, 0.08),
            transparent 70%
        );

    pointer-events: none;
}


/* =========================================================
   BANNER CONTENT
========================================================= */

.ermpl-banner-content {
    position: relative;

    z-index: 5;

    max-width: 570px;

    opacity: 0;
    transform: translateX(-55px);

    transition:
        opacity 1s ease,
        transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

body.ermpl-page-loaded
.ermpl-banner-content {
    opacity: 1;

    transform: translateX(0);

    transition-delay: 0.35s;
}


/* =========================================================
   BANNER TITLE
========================================================= */

.ermpl-banner-title {
    position: relative;

    color: var(--ermpl-dark);

    font-size: clamp(38px, 4vw, 44px);

    /* line-height: 1.08; */

    font-weight: 750;

    letter-spacing: -1.3px;

    margin-bottom: 22px;
}


/* =========================================================
   BANNER HIGHLIGHT
========================================================= */

.ermpl-banner-highlight {
    position: relative;

    display: inline-block;

    color: var(--ermpl-primary);

    overflow: hidden;
}


/* Animated underline */

.ermpl-banner-highlight::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 2px;

    width: 0;
    height: 4px;

    border-radius: 20px;

    background: var(--ermpl-primary);

    opacity: 0.18;

    transition:
        width 1s
        cubic-bezier(0.22, 1, 0.36, 1);
}

body.ermpl-page-loaded
.ermpl-banner-highlight::after {
    width: 100%;

    transition-delay: 1.1s;
}


/* =========================================================
   BANNER SUBTITLE
========================================================= */

.ermpl-banner-subtitle {
    max-width: 500px;

    color: var(--ermpl-text);

    font-size: 16px;

    line-height: 1.75;

    margin-bottom: 30px;

    opacity: 0;

    transform: translateY(20px);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

body.ermpl-page-loaded
.ermpl-banner-subtitle {
    opacity: 1;

    transform: translateY(0);

    transition-delay: 0.85s;
}


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

.ermpl-banner-actions {
    display: flex;
    align-items: center;

    gap: 14px;

    opacity: 0;
    transform: translateY(20px);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

body.ermpl-page-loaded
.ermpl-banner-actions {
    opacity: 1;

    transform: translateY(0);

    transition-delay: 1s;
}


/* =========================================================
   BANNER BUTTON
========================================================= */

.ermpl-banner-btn {
    position: relative;

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

    min-height: 46px;

    padding: 0 25px;

    border-radius: 30px;

    font-size: 14px;

    font-weight: 600;

    overflow: hidden;

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


/* =========================================================
   BUTTON SHINE
========================================================= */

.ermpl-banner-btn::before {
    content: "";

    position: absolute;

    top: 0;
    left: -130%;

    width: 80%;
    height: 100%;

    transform: skewX(-20deg);

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

    transition: left 0.6s ease;
}

.ermpl-banner-btn:hover::before {
    left: 140%;
}


/* =========================================================
   PRIMARY BUTTON
========================================================= */

.ermpl-banner-btn-primary {
    color: var(--ermpl-white);

    background:
        linear-gradient(
            135deg,
            var(--ermpl-primary),
            var(--ermpl-primary-dark)
        );

    box-shadow:
        0 8px 20px rgba(245, 130, 32, 0.20);
}

.ermpl-banner-btn-primary:hover {
    color: var(--ermpl-white);

    transform: translateY(-3px);

    box-shadow:
        0 13px 28px rgba(245, 130, 32, 0.30);
}


/* =========================================================
   SECONDARY BUTTON
========================================================= */

.ermpl-banner-btn-secondary {
    color: var(--ermpl-green);

    border: 1px solid rgba(61, 139, 69, 0.55);

    background: rgba(255,255,255,0.90);

    box-shadow:
        0 5px 15px rgba(0,0,0,0.03);
}

.ermpl-banner-btn-secondary:hover {
    color: var(--ermpl-green-dark);

    border-color: var(--ermpl-green);

    transform: translateY(-3px);

    box-shadow:
        0 10px 22px rgba(61, 139, 69, 0.12);
}


/* =========================================================
   BANNER IMAGE
========================================================= */

.ermpl-banner-image {
    position: relative;

    z-index: 4;

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

    opacity: 0;

    transform:
        translateX(70px)
        scale(0.92);

    transition:
        opacity 1.1s ease,
        transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

body.ermpl-page-loaded
.ermpl-banner-image {
    opacity: 1;

    transform:
        translateX(0)
        scale(1);

    transition-delay: 0.45s;
}


/* =========================================================
   BANNER IMAGE ELEMENT
========================================================= */

.ermpl-banner-image-element {
    width: 100%;

    max-width: 650px;

    height: auto;

    filter:
        drop-shadow(
            0 18px 25px
            rgba(0,0,0,0.06)
        );

    animation:
        ermplBannerFloat
        6s
        ease-in-out
        infinite;

    animation-delay: 1.5s;
}


/* =========================================================
   BANNER FLOAT
========================================================= */

@keyframes ermplBannerFloat {

    0% {
        transform: translateY(0);
    }

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

    100% {
        transform: translateY(0);
    }

}


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

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

    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    body,
    .ermpl-header,
    .ermpl-header-menu-item,
    .ermpl-banner-content,
    .ermpl-banner-image,
    .ermpl-banner-subtitle,
    .ermpl-banner-actions {
        opacity: 1 !important;

        transform: none !important;
    }

}


.ermpl-padding-top-bottom{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.ermpl-padding-top{
    padding-top: 60px !important;
   
}
.ermpl-padding-bottom{
   
    padding-bottom: 60px !important;
}
/* =========================================================
   eRMPL IMPACT
========================================================= */

.ermpl-impact {
    position: relative;
    padding: 20px 0 55px;
    background: var(--ermpl-white);
    z-index: 5;
}


/* =========================================================
   IMPACT CARD
========================================================= */

.ermpl-impact-card {
    position: relative;

    min-height: 118px;

    display: flex;
    align-items: center;

    gap: 18px;

    padding: 22px 24px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fcfdfb 100%
        );

    border: 1px solid rgba(229, 229, 229, 0.85);

    border-radius: 14px;

    box-shadow:
        0 6px 25px rgba(0, 0, 0, 0.045);

    opacity: 0;

    transform:
        translateY(35px)
        scale(0.97);

    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================================
   IMPACT CARD REVEAL
========================================================= */

.ermpl-impact-card.ermpl-reveal-active {
    opacity: 1;

    transform:
        translateY(0)
        scale(1);
}


/* =========================================================
   STAGGER
========================================================= */

.ermpl-impact-card-green {
    transition-delay: 0.05s;
}

.ermpl-impact-card-orange {
    transition-delay: 0.15s;
}


/* =========================================================
   TOP ACCENT - GREEN
========================================================= */

.ermpl-impact-card-green::before {
    content: "";

    position: absolute;

    top: 0;
    left: 20px;
    right: 20px;

    height: 2px;

    border-radius:
        0 0 10px 10px;

    background:
        linear-gradient(
            90deg,
            var(--ermpl-green),
            rgba(61, 139, 69, 0)
        );

    transform: scaleX(0);

    transform-origin: left;

    transition:
        transform 0.5s ease;
}


/* =========================================================
   TOP ACCENT - ORANGE
========================================================= */

.ermpl-impact-card-orange::before {
    content: "";

    position: absolute;

    top: 0;
    left: 20px;
    right: 20px;

    height: 2px;

    border-radius:
        0 0 10px 10px;

    background:
        linear-gradient(
            90deg,
            var(--ermpl-primary),
            rgba(245, 130, 32, 0)
        );

    transform: scaleX(0);

    transform-origin: left;

    transition:
        transform 0.5s ease;
}


/* =========================================================
   TOP ACCENT HOVER
========================================================= */

.ermpl-impact-card:hover::before {
    transform: scaleX(1);
}


/* =========================================================
   CARD HOVER
========================================================= */

.ermpl-impact-card:hover {
    transform:
        translateY(-7px)
        scale(1.01);

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   GREEN CARD HOVER BORDER
========================================================= */

.ermpl-impact-card-green:hover {
    border-color:
        rgba(61, 139, 69, 0.25);
}


/* =========================================================
   ORANGE CARD HOVER BORDER
========================================================= */

.ermpl-impact-card-orange:hover {
    border-color:
        rgba(245, 130, 32, 0.25);
}


/* =========================================================
   IMPACT ICON WRAPPER
========================================================= */

.ermpl-impact-icon-wrap {
    position: relative;

    flex: 0 0 62px;

    width: 62px;
    height: 62px;

    display: flex;

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

    border-radius: 16px;

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


/* =========================================================
   GREEN ICON BACKGROUND
========================================================= */

.ermpl-impact-card-green
.ermpl-impact-icon-wrap {
    background:
        rgba(61, 139, 69, 0.055);
}


/* =========================================================
   ORANGE ICON BACKGROUND
========================================================= */

.ermpl-impact-card-orange
.ermpl-impact-icon-wrap {
    background:
        rgba(245, 130, 32, 0.065);
}


/* =========================================================
   ICON
========================================================= */

.ermpl-impact-icon {
    width: 42px;
    height: 42px;

    object-fit: contain;

    transition:
        transform 0.4s ease;
}


/* =========================================================
   ICON HOVER
========================================================= */

.ermpl-impact-card:hover
.ermpl-impact-icon-wrap {
    transform:
        rotate(-3deg)
        scale(1.08);
}


.ermpl-impact-card:hover
.ermpl-impact-icon {
    transform:
        scale(1.08);
}


/* =========================================================
   IMPACT CONTENT
========================================================= */

.ermpl-impact-content {
    min-width: 0;
}


/* =========================================================
   IMPACT NUMBER - DEFAULT
========================================================= */

.ermpl-impact-number {
    color: var(--ermpl-green);

    font-size: 28px;

    line-height: 1.1;

    font-weight: 750;

    letter-spacing: -0.7px;

    margin-bottom: 5px;

    white-space: nowrap;

    transition:
        transform 0.3s ease;
}


/* =========================================================
   GREEN NUMBER
========================================================= */

.ermpl-impact-card-green
.ermpl-impact-number {
    color: var(--ermpl-green);
}


/* =========================================================
   ORANGE NUMBER
========================================================= */

.ermpl-impact-card-orange
.ermpl-impact-number {
    color: var(--ermpl-primary);
}


/* =========================================================
   NUMBER HOVER
========================================================= */

.ermpl-impact-card:hover
.ermpl-impact-number {
    transform:
        translateX(3px);
}


/* =========================================================
   IMPACT LABEL
========================================================= */

.ermpl-impact-label {
    color: var(--ermpl-text);

    font-size: 14px;

    line-height: 1.4;

    font-weight: 500;
}


/* =========================================================
   SUBTLE GREEN CARD GLOW
========================================================= */

.ermpl-impact-card-green::after {
    content: "";

    position: absolute;

    width: 90px;
    height: 90px;

    right: -35px;
    bottom: -45px;

    border-radius: 50%;

    background:
        rgba(61, 139, 69, 0.045);

    transition:
        transform 0.5s ease;
}


/* =========================================================
   SUBTLE ORANGE CARD GLOW
========================================================= */

.ermpl-impact-card-orange::after {
    content: "";

    position: absolute;

    width: 90px;
    height: 90px;

    right: -35px;
    bottom: -45px;

    border-radius: 50%;

    background:
        rgba(245, 130, 32, 0.045);

    transition:
        transform 0.5s ease;
}


/* =========================================================
   GLOW HOVER
========================================================= */

.ermpl-impact-card:hover::after {
    transform:
        scale(1.8);
}


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

@media (max-width: 991px) {

    .ermpl-impact {
        padding:
            20px 0 45px;
    }

}






/*Loader Design */

/* =========================================================
   eRMPL PAGE LOADER
========================================================= */

.ermpl-loader {

    position: fixed;

    inset: 0;

    z-index: 99999;

    display: flex;

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

    background:
        radial-gradient(
            circle at center,
            #ffffff 0%,
            #ffffff 55%,
            #f7f8f5 100%
        );

    opacity: 1;

    visibility: visible;

    transition:
        opacity 0.7s ease,
        visibility 0.7s ease;
}


/* =========================================================
   LOADER HIDDEN
========================================================= */

.ermpl-loader.ermpl-loader-hidden {

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

}


/* =========================================================
   LOADER CONTENT
========================================================= */

.ermpl-loader-content {

    width: 320px;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    animation:
        ermplLoaderContentIn
        0.8s
        ease
        both;
}


/* =========================================================
   LOGO WRAPPER
========================================================= */

.ermpl-loader-logo-wrap {

    position: relative;

    width: 145px;
    height: 145px;

    display: flex;

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

    margin-bottom: 22px;
}


/* =========================================================
   LOGO
========================================================= */

.ermpl-loader-logo {

    position: relative;

    z-index: 3;

    width: 105px;
    height: 105px;

    display: flex;

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

    border-radius: 50%;

    background: #ffffff;

    box-shadow:
        0 10px 35px
        rgba(0, 0, 0, 0.08);

    animation:
        ermplLoaderLogoPulse
        2s
        ease-in-out
        infinite;
}


.ermpl-loader-logo-image {

    width: 82px;

    height: auto;

    object-fit: contain;
}


/* =========================================================
   ANIMATED RINGS
========================================================= */

.ermpl-loader-ring {

    position: absolute;

    inset: 0;

    border-radius: 50%;

    border: 2px solid transparent;

    animation:
        ermplLoaderRotate
        2.2s
        linear
        infinite;
}


/* Orange Ring */

.ermpl-loader-ring-orange {

    border-top-color:
        var(--ermpl-primary);

    border-right-color:
        var(--ermpl-primary);

    transform: rotate(25deg);
}


/* Green Ring */

.ermpl-loader-ring-green {

    inset: 8px;

    border-bottom-color:
        var(--ermpl-green);

    border-left-color:
        var(--ermpl-green);

    animation-direction:
        reverse;

    animation-duration:
        2.8s;
}


/* =========================================================
   BRAND
========================================================= */

.ermpl-loader-brand {

    color:
        var(--ermpl-dark);

    font-size: 20px;

    font-weight: 800;

    letter-spacing: 2px;

    margin-bottom: 5px;
}


/* =========================================================
   LOADING TEXT
========================================================= */

.ermpl-loader-text {

    color:
        #777777;

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 0.2px;

    margin-bottom: 22px;

    animation:
        ermplLoaderTextPulse
        1.8s
        ease-in-out
        infinite;
}


/* =========================================================
   PROGRESS BAR
========================================================= */

.ermpl-loader-progress {

    position: relative;

    width: 220px;

    height: 4px;

    overflow: hidden;

    border-radius: 10px;

    background:
        #e9ece7;
}


/* =========================================================
   PROGRESS BAR FILL
========================================================= */

.ermpl-loader-progress-bar {

    position: absolute;

    top: 0;
    left: 0;

    width: 0%;

    height: 100%;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            var(--ermpl-primary),
            var(--ermpl-green)
        );

    transition:
        width 0.15s ease;
}


/* =========================================================
   PERCENTAGE
========================================================= */

.ermpl-loader-percentage {

    margin-top: 10px;

    color:
        var(--ermpl-green);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1px;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes ermplLoaderRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


@keyframes ermplLoaderLogoPulse {

    0%,
    100% {

        transform:
            scale(1);

    }

    50% {

        transform:
            scale(1.04);

    }

}


@keyframes ermplLoaderTextPulse {

    0%,
    100% {

        opacity: 0.55;

    }

    50% {

        opacity: 1;

    }

}


@keyframes ermplLoaderContentIn {

    from {

        opacity: 0;

        transform:
            translateY(20px)
            scale(0.96);

    }

    to {

        opacity: 1;

        transform:
            translateY(0)
            scale(1);

    }

}


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

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

    .ermpl-loader-ring,
    .ermpl-loader-logo,
    .ermpl-loader-text,
    .ermpl-loader-content {

        animation: none;

    }

}
/* Loader Design End */


/* =========================================================
   eRMPL WHAT WE DO
========================================================= */

.ermpl-what-we-do {
    position: relative;
    background: var(--ermpl-white);
    overflow: hidden;
}


/* =========================================================
   SECTION HEADING
========================================================= */
.ermpl-what-we-do-heading {
    margin-bottom: 32px;
    text-align: center;
}

.ermpl-what-we-do-title {
    margin: 0;

    color: var(--ermpl-dark);

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

    font-weight: 700;
}


.ermpl-what-we-do-heading-line {
    display: block;

    width: 42px;
    height: 3px;

    margin: 8px auto 0;

    border-radius: 10px;

    background: linear-gradient(
        90deg,
        var(--ermpl-primary),
        var(--ermpl-green)
    );
}


/* =========================================================
   CARD
========================================================= */

.ermpl-what-we-do-card {
    position: relative;

    height: 100%;
    min-height: 235px;

    padding: 22px 20px 20px;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    border: 1px solid rgba(61, 139, 69, 0.16);

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            #f5faf4 0%,
            #f9fcf8 100%
        );

    opacity: 0;

    transform:
        translateY(35px)
        scale(0.98);

    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* Orange Card */

.ermpl-what-we-do-card-orange {
    border-color: rgba(245, 130, 32, 0.16);

    background:
        linear-gradient(
            145deg,
            #fffaf3 0%,
            #fffdf9 100%
        );
}


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

.ermpl-what-we-do-card.ermpl-reveal-active {
    opacity: 1;

    transform:
        translateY(0)
        scale(1);
}


/* =========================================================
   STAGGER ANIMATION
========================================================= */

.col-xl-3:nth-child(1)
.ermpl-what-we-do-card {
    transition-delay: 0.05s;
}

.col-xl-3:nth-child(2)
.ermpl-what-we-do-card {
    transition-delay: 0.15s;
}

.col-xl-3:nth-child(3)
.ermpl-what-we-do-card {
    transition-delay: 0.25s;
}

.col-xl-3:nth-child(4)
.ermpl-what-we-do-card {
    transition-delay: 0.35s;
}


/* =========================================================
   CARD DECORATION
========================================================= */

.ermpl-what-we-do-card::before {
    content: "";

    position: absolute;

    top: -55px;
    right: -55px;

    width: 120px;
    height: 120px;

    border-radius: 50%;

    background: rgba(61, 139, 69, 0.05);

    transition:
        transform 0.5s ease;
}


.ermpl-what-we-do-card-orange::before {
    background: rgba(245, 130, 32, 0.05);
}


/* =========================================================
   CARD HOVER
========================================================= */

.ermpl-what-we-do-card:hover {
    border-color: rgba(61, 139, 69, 0.28);

    box-shadow:
        0 15px 35px rgba(35, 70, 40, 0.10);

    transform:
        translateY(-7px)
        scale(1);
}


.ermpl-what-we-do-card-orange:hover {
    border-color: rgba(245, 130, 32, 0.28);

    box-shadow:
        0 15px 35px rgba(120, 70, 20, 0.09);
}


.ermpl-what-we-do-card:hover::before {
    transform: scale(1.5);
}


/* =========================================================
   ICON
========================================================= */

.ermpl-what-we-do-icon-wrap {
        position: relative;
    z-index: 1;
    width: 70%;
    height: auto;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}


.ermpl-what-we-do-icon {
    /* width: 76px;
    height: 68px; */

    object-fit: contain;

    transition:
        transform 0.4s ease;
}


.ermpl-what-we-do-card:hover
.ermpl-what-we-do-icon {
    transform:
        translateY(-4px)
        scale(1.04);
}


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

.ermpl-what-we-do-content {
    position: relative;

    z-index: 1;

    flex: 1;
}


.ermpl-what-we-do-card-title {
    margin: 0 0 8px;

    color: var(--ermpl-green);

    font-size: 17px;
    line-height: 1.3;

    font-weight: 700;
}


.ermpl-what-we-do-card-orange
.ermpl-what-we-do-card-title {
    color: var(--ermpl-primary);
}


.ermpl-what-we-do-card-text {
    max-width: 220px;

    margin: 0;

    color: var(--ermpl-text);

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


/* =========================================================
   ARROW
========================================================= */

.ermpl-what-we-do-arrow {
    position: absolute;

    right: 14px;
    bottom: 14px;

    z-index: 2;

    width: 27px;
    height: 27px;

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

    border-radius: 50%;

    color: var(--ermpl-white);

    background: var(--ermpl-green);

    font-size: 17px;
    font-weight: 500;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}
.ermpl-what-we-do-arrow i{
    margin-top: 3px;
}

.ermpl-what-we-do-card-orange
.ermpl-what-we-do-arrow {
    background: var(--ermpl-primary);
}


.ermpl-what-we-do-arrow span {
    line-height: 1;

    transform: translateY(-1px);
}


.ermpl-what-we-do-card:hover
.ermpl-what-we-do-arrow {
    transform:
        translateX(3px)
        scale(1.08);

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.12);
}



/* Featured Section */
/* =========================================================
   eRMPL FEATURED INITIATIVES
========================================================= */

.ermpl-initiatives {

    position: relative;


    background: var(--ermpl-white);

    overflow: hidden;
}


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

.ermpl-initiatives-heading {

    margin-bottom: 30px;

    text-align: center;
}


.ermpl-initiatives-heading h2 {

    margin: 0;

    color: var(--ermpl-dark);

    font-size: 28px;

    line-height: 1.2;

    font-weight: 750;

    letter-spacing: -0.5px;
}


.ermpl-initiatives-heading span {

    display: block;

    width: 45px;

    height: 3px;

    margin: 9px auto 0;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            var(--ermpl-green),
            var(--ermpl-primary)
        );
}


/* =========================================================
   INITIATIVE CARD
========================================================= */

.ermpl-initiative-card {

    position: relative;

    height: 205px;

    overflow: hidden;

    border-radius: 12px;

    background: #f5f5f5;

    box-shadow:
        0 5px 22px rgba(0, 0, 0, 0.06);

    opacity: 0;

    transform:
        translateY(25px);

    transition:
        opacity 0.65s ease,
        transform 0.65s ease,
        box-shadow 0.35s ease;
}


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

.ermpl-initiative-card.ermpl-initiative-visible {

    opacity: 1;

    transform:
        translateY(0);
}


/* =========================================================
   STAGGER
========================================================= */

.col-lg-3:nth-child(1)
.ermpl-initiative-card {

    transition-delay: 0.05s;
}


.col-lg-3:nth-child(2)
.ermpl-initiative-card {

    transition-delay: 0.15s;
}


.col-lg-3:nth-child(3)
.ermpl-initiative-card {

    transition-delay: 0.25s;
}


.col-lg-3:nth-child(4)
.ermpl-initiative-card {

    transition-delay: 0.35s;
}


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

.ermpl-initiative-image {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 0.6s ease;
}


/* =========================================================
   IMAGE HOVER
========================================================= */

.ermpl-initiative-card:hover
.ermpl-initiative-image {

    transform:
        scale(1.07);
}


/* =========================================================
   OVERLAY
========================================================= */

.ermpl-initiative-overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    opacity: 0.92;

    transition:
        opacity 0.35s ease;
}


/* =========================================================
   GREEN OVERLAY
========================================================= */

.ermpl-initiative-green
.ermpl-initiative-overlay {

   background: linear-gradient(360deg, rgb(35 112 49) 25%, rgb(61 139 69 / 46%) 45%, rgba(61, 139, 69, 0.12) 100%);
}


/* =========================================================
   ORANGE OVERLAY
========================================================= */

.ermpl-initiative-orange
.ermpl-initiative-overlay {

   background: linear-gradient(360deg, rgba(229, 111, 11, 0.95) 25%, rgb(245 130 32 / 49%) 45%, rgba(245, 130, 32, 0.12) 100%);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.ermpl-initiative-content {

    position: absolute;

    left: 18px;
    right: 12px;
    bottom: 15px;

    z-index: 2;

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 10px;
}


/* =========================================================
   TITLE
========================================================= */

.ermpl-initiative-content h3 {

    margin: 0 0 5px;

    max-width: 155px;

    color: var(--ermpl-white);

    font-size: 17px;

    line-height: 1.15;

    font-weight: 700;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ermpl-initiative-content p {

    margin: 0;

    max-width: 175px;

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

    font-size: 10.5px;

    line-height: 1.45;

    font-weight: 400;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* =========================================================
   ARROW
========================================================= */

.ermpl-initiative-arrow {

    flex: 0 0 27px;

    width: 27px;
    height: 27px;

    display: flex;

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

    border-radius: 50%;

    color: var(--ermpl-white);

    background:
        rgba(255, 255, 255, 0.22);

    border:
        1px solid rgba(255, 255, 255, 0.35);

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


.ermpl-initiative-arrow i {

    font-size: 10px;
}


/* =========================================================
   GREEN ARROW
========================================================= */

.ermpl-initiative-green
.ermpl-initiative-arrow {

    background:
        var(--ermpl-green-dark);
}


/* =========================================================
   ORANGE ARROW
========================================================= */

.ermpl-initiative-orange
.ermpl-initiative-arrow {

    background:
        var(--ermpl-primary-dark);
}


/* =========================================================
   ARROW HOVER
========================================================= */

.ermpl-initiative-card:hover
.ermpl-initiative-arrow {

    transform:
        translateX(4px);

    background:
        var(--ermpl-white);

    color:
        var(--ermpl-dark);
}


/* =========================================================
   CARD HOVER
========================================================= */

.ermpl-initiative-card:hover {

    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.12);
}


/* =========================================================
   OVERLAY HOVER
========================================================= */

.ermpl-initiative-card:hover
.ermpl-initiative-overlay {

    opacity: 0.96;
}
/* Featured Section End */


/* Ecosystem Section */
/* =========================================================

/* =========================================================
   eRMPL OUR ECOSYSTEM
========================================================= */

.ermpl-ecosystem {
    position: relative;
    background: var(--ermpl-white);
    overflow: hidden;
}


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

.ermpl-ecosystem-heading {

    margin-bottom: 32px;
        text-align: center;
}


.ermpl-ecosystem-heading h2 {

    margin: 0;

    color: var(--ermpl-dark);

    font-size: 28px;

    line-height: 1.2;

    font-weight: 750;

    letter-spacing: -0.5px;
}


.ermpl-ecosystem-heading span {

    display: block;

    width: 45px;

    height: 3px;

    margin: 9px auto 0;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            var(--ermpl-green),
            var(--ermpl-primary)
        );
}


/* =========================================================
   ECOSYSTEM WRAPPER
========================================================= */

.ermpl-ecosystem-wrapper {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    padding: 20px 10px 32px;

    border: 1px solid
        rgba(61, 139, 69, 0.16);

    border-radius: 16px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdf9 100%
        );

    box-shadow:
        0 8px 30px
        rgba(0, 0, 0, 0.035);
}


/* =========================================================
   BOTTOM ECOSYSTEM PATH
========================================================= */

.ermpl-ecosystem-wrapper::after {

    content: "";

    position: absolute;

    left: 25px;
    right: 25px;

    bottom: 12px;

    height: 1px;

    border-bottom:
        1px dashed
        rgba(61, 139, 69, 0.35);

    z-index: 0;
}


/* =========================================================
   ECOSYSTEM ITEM
========================================================= */

.ermpl-ecosystem-item {

    position: relative;

    z-index: 2;

    flex: 0 0 auto;

    text-align: center;

    opacity: 0;

    transform:
        translateY(20px)
        scale(0.94);

    animation:
        ermplEcosystemReveal
        0.6s ease forwards;
}


/* =========================================================
   STAGGER
========================================================= */

.ermpl-ecosystem-item:nth-child(1) {
    animation-delay: 0.1s;
}

.ermpl-ecosystem-item:nth-child(3) {
    animation-delay: 0.25s;
}

.ermpl-ecosystem-item:nth-child(5) {
    animation-delay: 0.4s;
}

.ermpl-ecosystem-item:nth-child(7) {
    animation-delay: 0.55s;
}

.ermpl-ecosystem-item:nth-child(9) {
    animation-delay: 0.7s;
}

.ermpl-ecosystem-item:nth-child(11) {
    animation-delay: 0.85s;
}


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

.ermpl-ecosystem-node {

    position: relative;

    width: 105px;
    height: 105px;

    display: flex;

    flex-direction: column;

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

    border-radius: 50%;

    background: #ffffff;

    border: 1px solid
        rgba(61, 139, 69, 0.20);

    box-shadow:
        0 5px 18px
        rgba(0, 0, 0, 0.055);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================================
   GREEN NODE
========================================================= */

.ermpl-ecosystem-green {

    border-color:
        rgba(61, 139, 69, 0.28);

    background:
        radial-gradient(
            circle at center,
            #ffffff 45%,
            rgba(61, 139, 69, 0.08) 100%
        );
}


/* =========================================================
   ORANGE NODE
========================================================= */

.ermpl-ecosystem-orange {

    border-color:
        rgba(245, 130, 32, 0.28);

    background:
        radial-gradient(
            circle at center,
            #ffffff 45%,
            rgba(245, 130, 32, 0.08) 100%
        );
}


/* =========================================================
   eRMPL NODE
========================================================= */

.ermpl-ecosystem-ermpl {

    border-color:
        rgba(245, 130, 32, 0.25);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fffdf9
        );
}


/* =========================================================
   ICON
========================================================= */

.ermpl-ecosystem-icon {

    width: 42px;
    height: 42px;

    display: flex;

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

    margin-bottom: 5px;
}


.ermpl-ecosystem-icon i {

    font-size: 29px;

    color: var(--ermpl-green);

    transition:
        transform 0.35s ease;
}


/* =========================================================
   ORANGE ICON
========================================================= */

.ermpl-ecosystem-orange
.ermpl-ecosystem-icon i {

    color: var(--ermpl-primary);
}


/* =========================================================
   eRMPL LOGO
========================================================= */

.ermpl-ecosystem-logo {

    width: 58px;
    height: 42px;

    display: flex;

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

    margin-bottom: 4px;
}


.ermpl-ecosystem-logo img {

    width: 58px;

    height: auto;

    object-fit: contain;
}


/* =========================================================
   TITLE
========================================================= */

.ermpl-ecosystem-title {

    color: var(--ermpl-dark);

    font-size: 10px;

    line-height: 1.25;

    font-weight: 650;

    text-align: center;
}


/* =========================================================
   ARROW
========================================================= */

.ermpl-ecosystem-arrow {

    position: relative;

    z-index: 3;

    flex: 0 0 45px;

    width: 45px;

    display: flex;

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

    color: var(--ermpl-dark);

    opacity: 0;

    animation:
        ermplArrowReveal
        0.5s ease forwards;
}


/* =========================================================
   ARROW STAGGER
========================================================= */

.ermpl-ecosystem-arrow:nth-child(2) {
    animation-delay: 0.2s;
}

.ermpl-ecosystem-arrow:nth-child(4) {
    animation-delay: 0.35s;
}

.ermpl-ecosystem-arrow:nth-child(6) {
    animation-delay: 0.5s;
}

.ermpl-ecosystem-arrow:nth-child(8) {
    animation-delay: 0.65s;
}

.ermpl-ecosystem-arrow:nth-child(10) {
    animation-delay: 0.8s;
}


/* =========================================================
   ARROW ICON
========================================================= */

.ermpl-ecosystem-arrow i {

    font-size: 15px;

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


/* =========================================================
   NODE HOVER
========================================================= */

.ermpl-ecosystem-node:hover {

    transform:
        translateY(-6px)
        scale(1.05);

    box-shadow:
        0 12px 28px
        rgba(0, 0, 0, 0.10);
}


.ermpl-ecosystem-node:hover
.ermpl-ecosystem-icon i {

    transform:
        scale(1.15);
}


/* =========================================================
   ARROW HOVER
========================================================= */

.ermpl-ecosystem-arrow:hover i {

    color: var(--ermpl-primary);

    transform:
        translateX(4px);
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes ermplEcosystemReveal {

    from {

        opacity: 0;

        transform:
            translateY(20px)
            scale(0.94);
    }

    to {

        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }
}


@keyframes ermplArrowReveal {

    from {

        opacity: 0;

        transform:
            translateX(-8px);
    }

    to {

        opacity: 1;

        transform:
            translateX(0);
    }
}

/* Ecosystem Section End */


/* =========================================================
   eRMPL SUCCESS STORIES
========================================================= */

.ermpl-success {
    position: relative;
    background: var(--ermpl-white);
    overflow: hidden;
}


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

.ermpl-success .ermpl-section-heading {
    margin-bottom: 32px;
    text-align: center;
}

.ermpl-success .ermpl-section-heading h2 {
    position: relative;

    display: inline-block;

    color: var(--ermpl-dark);

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

    margin: 0;
}


/* Small underline */

.ermpl-heading-line {
    display: block;

    width: 55px;
    height: 3px;

    margin: 8px auto 0;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            var(--ermpl-green),
            var(--ermpl-primary)
        );
}


/* =========================================================
   SUCCESS CARD
========================================================= */

.ermpl-success-card {
    position: relative;

    display: flex;

    width: 100%;
    min-height: 170px;

    overflow: hidden;

    background: var(--ermpl-white);

    border: 1px solid rgba(229, 229, 229, 0.9);

    border-radius: 15px;

    box-shadow:
        0 6px 25px rgba(0, 0, 0, 0.045);

    opacity: 0;

    transform:
        translateY(30px)
        scale(0.98);

    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


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

.ermpl-success-card.ermpl-success-reveal {
    opacity: 1;

    transform:
        translateY(0)
        scale(1);
}


/* =========================================================
   STAGGER
========================================================= */

.col-lg-4:nth-child(1) .ermpl-success-card {
    transition-delay: 0.05s;
}

.col-lg-4:nth-child(2) .ermpl-success-card {
    transition-delay: 0.15s;
}

.col-lg-4:nth-child(3) .ermpl-success-card {
    transition-delay: 0.25s;
}


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

.ermpl-success-image {
    position: relative;

    flex: 0 0 48%;

    min-width: 0;

    overflow: hidden;

    background: var(--ermpl-light);
}


.ermpl-success-image-element {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 0.55s ease;
}


/* =========================================================
   IMAGE HOVER
========================================================= */

.ermpl-success-card:hover
.ermpl-success-image-element {
    transform: scale(1.06);
}


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

.ermpl-success-content {
    position: relative;

    flex: 1;

    min-width: 0;

    padding: 19px 20px 18px;
}


/* =========================================================
   PERSON NAME
========================================================= */

.ermpl-success-person h3 {
    color: var(--ermpl-green);

    font-size: 18px;
    line-height: 1.2;

    font-weight: 700;

    margin: 0 0 3px;
}


/* Orange story */

.ermpl-success-card-orange
.ermpl-success-person h3 {
    color: var(--ermpl-primary);
}


/* =========================================================
   ROLE
========================================================= */

.ermpl-success-role {
    display: block;

    color: #777;

    font-size: 11px;
    line-height: 1.4;

    font-weight: 500;
}


/* =========================================================
   LOCATION
========================================================= */

.ermpl-success-location {
    display: flex;

    align-items: center;

    gap: 6px;

    margin-top: 11px;

    color: var(--ermpl-dark);

    font-size: 11px;

    font-weight: 500;
}


.ermpl-success-location i {
    color: var(--ermpl-green);

    font-size: 11px;
}


/* Orange location */

.ermpl-success-card-orange
.ermpl-success-location i {
    color: var(--ermpl-primary);
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ermpl-success-description {
    max-width: 190px;

    color: var(--ermpl-text);

    font-size: 11px;

    line-height: 1.55;

    margin: 12px 0 0;
}


/* =========================================================
   ARROW BUTTON
========================================================= */

.ermpl-success-arrow {
    position: absolute;

    right: 13px;
    bottom: 13px;

    width: 30px;
    height: 30px;

    display: flex;

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

    border: 1px solid rgba(61, 139, 69, 0.35);

    border-radius: 50%;

    color: var(--ermpl-green);

    background: rgba(61, 139, 69, 0.035);

    font-size: 12px;

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


/* Orange arrow */

.ermpl-success-card-orange
.ermpl-success-arrow {
    color: var(--ermpl-primary);

    border-color: rgba(245, 130, 32, 0.35);

    background: rgba(245, 130, 32, 0.035);
}


/* =========================================================
   ARROW HOVER
========================================================= */

.ermpl-success-card:hover
.ermpl-success-arrow {
    transform: translateX(3px);

    color: var(--ermpl-white);

    background: var(--ermpl-green);

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


.ermpl-success-card-orange:hover
.ermpl-success-arrow {
    background: var(--ermpl-primary);

    border-color: var(--ermpl-primary);
}


/* =========================================================
   CARD HOVER
========================================================= */

.ermpl-success-card:hover {
    transform: translateY(-6px);

    border-color: rgba(61, 139, 69, 0.20);

    box-shadow:
        0 16px 35px rgba(0, 0, 0, 0.09);
}


.ermpl-success-card-orange:hover {
    border-color: rgba(245, 130, 32, 0.22);
}


/* =========================================================
   TOP ACCENT
========================================================= */

.ermpl-success-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 3px;

    z-index: 3;

    background: var(--ermpl-green);

    transform: scaleX(0);

    transform-origin: left;

    transition:
        transform 0.45s ease;
}


.ermpl-success-card-orange::before {
    background: var(--ermpl-primary);
}


.ermpl-success-card:hover::before {
    transform: scaleX(1);
}



/* =========================================================
   eRMPL PARTNERS
========================================================= */

.ermpl-partners {

    position: relative;

   

    background: var(--ermpl-white);

    overflow: hidden;
}


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

.ermpl-partners .ermpl-section-heading {

    margin-bottom: 30px;
    text-align: center;
}


.ermpl-partners .ermpl-section-heading h2 {

    display: inline-block;

    color: var(--ermpl-dark);

    font-size: 30px;

    line-height: 1.2;

    font-weight: 700;

    margin: 0;

}


.ermpl-heading-line {

    display: block;

    width: 55px;

    height: 3px;

    margin: 8px auto 0;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            var(--ermpl-green),
            var(--ermpl-primary)
        );

}


/* =========================================================
   SLIDER
========================================================= */

.ermpl-partners-slider {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

}


/* =========================================================
   VIEWPORT
========================================================= */

.ermpl-partners-viewport {

    width: 100%;

    overflow: hidden;

    padding:
        5px
        8px
        12px;

}


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

.ermpl-partners-track {

    display: flex;

    align-items: center;

    gap: 22px;

    transition:
        transform 0.55s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

}


/* =========================================================
   PARTNER ITEM
========================================================= */

.ermpl-partner-item {

    flex:
        0 0
        calc(
            (100% - 110px) / 6
        );

    height: 76px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding:
        12px
        20px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fcfdfb 100%
        );

    border:
        1px solid
        rgba(
            229,
            229,
            229,
            0.9
        );

    border-radius: 12px;

    box-shadow:
        0 5px 20px
        rgba(
            0,
            0,
            0,
            0.035
        );

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

}


/* =========================================================
   LOGO
========================================================= */

.ermpl-partner-item img {

    display: block;

    width: auto;

    max-width: 100%;

    height: 48px;

    object-fit: contain;

    filter:
        grayscale(15%);

    opacity: 0.92;

    transition:
        transform 0.35s ease,
        filter 0.35s ease,
        opacity 0.35s ease;

}


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

.ermpl-partner-item:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(
            61,
            139,
            69,
            0.22
        );

    box-shadow:
        0 12px 28px
        rgba(
            0,
            0,
            0,
            0.075
        );

}


.ermpl-partner-item:hover img {

    transform:
        scale(1.04);

    filter:
        grayscale(0);

    opacity: 1;

}


/* =========================================================
   NAVIGATION BUTTON
========================================================= */

.ermpl-partners-arrow {

    position: relative;

    flex:
        0 0 30px;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    border:
        1px solid
        var(--ermpl-border);

    border-radius: 50%;

    background:
        var(--ermpl-white);

    color:
        var(--ermpl-dark);

    font-size: 11px;

    cursor: pointer;

    z-index: 3;

    transition:
        all 0.3s ease;

}


/* =========================================================
   BUTTON HOVER
========================================================= */

.ermpl-partners-arrow:hover {

    color:
        var(--ermpl-white);

    background:
        var(--ermpl-green);

    border-color:
        var(--ermpl-green);

    transform:
        scale(1.08);

}


.ermpl-partners-next:hover {

    background:
        var(--ermpl-primary);

    border-color:
        var(--ermpl-primary);

}


/* =========================================================
   SLIDER REVEAL
========================================================= */

.ermpl-partner-item {

    opacity: 0;

    transform:
        translateY(18px);

}


.ermpl-partner-item.ermpl-partner-visible {

    opacity: 1;

    transform:
        translateY(0);

}


/* =========================================================
   STAGGER
========================================================= */

.ermpl-partner-item:nth-child(1) {
    transition-delay: 0.05s;
}

.ermpl-partner-item:nth-child(2) {
    transition-delay: 0.10s;
}

.ermpl-partner-item:nth-child(3) {
    transition-delay: 0.15s;
}

.ermpl-partner-item:nth-child(4) {
    transition-delay: 0.20s;
}

.ermpl-partner-item:nth-child(5) {
    transition-delay: 0.25s;
}

.ermpl-partner-item:nth-child(6) {
    transition-delay: 0.30s;
}

.ermpl-partner-item:nth-child(7) {
    transition-delay: 0.35s;
}



/* =========================================================
   eRMPL FOOTER
========================================================= */

.ermpl-footer {
    position: relative;
    background: #ffffff;
    overflow: hidden;
}


/* =========================================================
   MAIN FOOTER
========================================================= */

.ermpl-footer-main {
    padding: 48px 0 42px;
    background: #ffffff;
}


/* =========================================================
   BRAND
========================================================= */

.ermpl-footer-brand {
    padding-right: 25px;
}


.ermpl-footer-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}


.ermpl-footer-logo-image {
    width: 145px;
    height: auto;
    display: block;
}


.ermpl-footer-description {
    max-width: 250px;

    margin: 18px 0 20px;

    color: #4f5350;

    font-size: 14px;

    line-height: 1.6;

    font-weight: 400;
}


/* =========================================================
   SOCIAL ICONS
========================================================= */

.ermpl-footer-social {
    display: flex;
    align-items: center;
    gap: 12px;
}


.ermpl-footer-social-link {
    width: 38px;
    height: 38px;

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

    border: 1px solid #e3e6e3;

    border-radius: 50%;

    background: #ffffff;

    color: #202420;

    font-size: 15px;

    text-decoration: none;

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


.ermpl-footer-social-link:hover {
    transform: translateY(-4px);

    background: var(--ermpl-green);

    border-color: var(--ermpl-green);

    color: #ffffff;
}


/* =========================================================
   FOOTER COLUMN
========================================================= */

.ermpl-footer-column {
    height: 100%;
}


.ermpl-footer-title {
    position: relative;

    margin: 5px 0 18px;

    color: var(--ermpl-green);

    font-size: 15px;

    font-weight: 700;

    line-height: 1.3;
}


.ermpl-footer-title::after {
    content: "";

    display: block;

    width: 32px;

    height: 2px;

    margin-top: 7px;

    border-radius: 10px;

    background: var(--ermpl-primary);
}


/* =========================================================
   FOOTER LINKS
========================================================= */

.ermpl-footer-links {
    margin: 0;
    padding: 0;

    list-style: none;
}


.ermpl-footer-links li {
    margin-bottom: 11px;
}


.ermpl-footer-links a {
    position: relative;

    display: inline-block;

    color: #454945;

    font-size: 13px;

    line-height: 1.4;

    font-weight: 500;

    text-decoration: none;

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


.ermpl-footer-links a::before {
    content: "";

    position: absolute;

    left: 0;
    bottom: -4px;

    width: 0;
    height: 1px;

    background: var(--ermpl-primary);

    transition: width 0.3s ease;
}


.ermpl-footer-links a:hover {
    color: var(--ermpl-green);

    transform: translateX(3px);
}


.ermpl-footer-links a:hover::before {
    width: 100%;
}


/* =========================================================
   CONTACT
========================================================= */

.ermpl-footer-contact {
    display: flex;

    flex-direction: column;

    gap: 9px;
    font-size: 14px;
    margin-top: 4px;
}


.ermpl-footer-contact-item {
    display: flex;

    align-items: center;

    gap: 12px;
}


.ermpl-footer-contact-icon {
    flex: 0 0 18px;

    width: 18px;
    height: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #4c514d;

    font-size: 14px;
}
.ermpl-footer-contact-item p, .ermpl-footer-contact-item a {
    margin-bottom: 0;
    color:#444444;
}

.ermpl-footer-contact-line {
    width: 100%;

    max-width: 175px;

    height: 2px;

    border-radius: 5px;

    background:
        linear-gradient(
            90deg,
            #dfe2df,
            #f0f1f0
        );
}


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

.ermpl-footer-bottom {
    position: relative;

    min-height: 32px;

    display: flex;

    align-items: center;

    background: var(--ermpl-green);

    color: #ffffff;
}


.ermpl-footer-copyright {
    color: rgba(255,255,255,0.88);

    font-size: 12px;

    line-height: 1.5;
}


.ermpl-footer-legal {
    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 17px;
}


.ermpl-footer-legal a {
    color: rgba(255,255,255,0.88);

    font-size: 12px;

    text-decoration: none;

    transition:
        color 0.25s ease;
}


.ermpl-footer-legal a:hover {
    color: #ffffff;
}


.ermpl-footer-divider {
    color: rgba(255,255,255,0.55);

    font-size: 12px;
}


/* =========================================================
   BACK TO TOP
========================================================= */

.ermpl-footer-top {
    position: fixed;

    right: 22px;
    bottom: 40px;

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0;

    border-radius: 50%;

    background: var(--ermpl-green);

    color: #ffffff;

    font-size: 14px;

    cursor: pointer;
z-index: 9999;
    box-shadow:
        0 5px 18px rgba(0,0,0,0.15);

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


.ermpl-footer-top:hover {
    transform: translateY(-4px);

    background: var(--ermpl-primary);
}


/* =========================================================
   FOOTER REVEAL ANIMATION
========================================================= */

.ermpl-footer-brand,
.ermpl-footer-column {
    opacity: 0;

    transform: translateY(25px);

    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
}


.ermpl-footer.ermpl-footer-visible
.ermpl-footer-brand,
.ermpl-footer.ermpl-footer-visible
.ermpl-footer-column {
    opacity: 1;

    transform: translateY(0);
}


.ermpl-footer-column:nth-child(2) {
    transition-delay: 0.1s;
}


.ermpl-footer-column:nth-child(3) {
    transition-delay: 0.2s;
}


.ermpl-footer-column:nth-child(4) {
    transition-delay: 0.3s;
}


.ermpl-footer-column:nth-child(5) {
    transition-delay: 0.4s;
}





/* =========================================================
   eRMPL ABOUT BANNER
========================================================= */

.ermpl-about-banner {
    /* position: relative;
    overflow: hidden;

    padding: 25px 0 35px;

    background: #ffffff; */


        position: relative;
    overflow: hidden;
    /* min-height: 650px; */
    display: flex;
    align-items: center;
    padding: 40px 0 40px;
    background: #ffffff;
    isolation: isolate;
}




/* =========================================================
   SOFT GRADIENT BACKGROUND
========================================================= */

.ermpl-about-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;

    background:
        radial-gradient(
            ellipse 45% 55% at 82% 35%,
            rgba(226, 246, 211, 0.42) 0%,
            rgba(226, 246, 211, 0.18) 38%,
            transparent 75%
        ),

        radial-gradient(
            ellipse 42% 35% at 70% 0%,
            rgba(255, 231, 207, 0.36) 0%,
            rgba(255, 231, 207, 0.12) 45%,
            transparent 80%
        ),

        radial-gradient(
            ellipse 45% 45% at 10% 90%,
            rgba(225, 247, 211, 0.35) 0%,
            rgba(225, 247, 211, 0.10) 45%,
            transparent 80%
        );
}


/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.ermpl-about-banner::after {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;

    right: -180px;
    top: -230px;

    border: 1px dashed rgba(237, 145, 67, 0.16);
    border-radius: 50%;

    z-index: -2;
}


/* =========================================================
   CONTAINER
========================================================= */

.ermpl-about-banner .container {
    position: relative;
    z-index: 2;
}


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

.ermpl-about-banner-content {
    position: relative;
    z-index: 5;
    max-width: 620px;
}


/* =========================================================
   SMALL LABEL
========================================================= */

.ermpl-about-banner-label {
    display: inline-block;

    margin-bottom: 18px;

    color: var(--ermpl-green);

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

    letter-spacing: 1.4px;
    text-transform: uppercase;

    position: relative;
    padding-bottom: 10px;
}

.ermpl-about-banner-label::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 48px;
    height: 2px;

    background: var(--ermpl-green);
}


/* =========================================================
   MAIN HEADING
========================================================= */

.ermpl-about-banner-title {
    margin: 0;

    color: #202020;

    font-size: clamp(44px, 5vw, 68px);
    font-weight: 700;

    line-height: 1.08;
    letter-spacing: -2px;
}

.ermpl-about-banner-title span {
    color: var(--ermpl-primary);
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ermpl-about-banner-description {
    max-width: 590px;

    margin: 28px 0 0;

    color: #4d4d4d;

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


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

.ermpl-about-banner-image {
    position: relative;

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

    min-height: 500px;

    z-index: 3;
}

.ermpl-about-banner-image-element {
    position: relative;

    width: 100%;
    max-width: 600px;
    height: auto;

    object-fit: contain;

    z-index: 4;

    filter: drop-shadow(
        0 15px 35px rgba(50, 90, 55, 0.05)
    );
}


/* =========================================================
   IMAGE SOFT GLOW
========================================================= */

.ermpl-about-banner-image::before {
    content: "";

    position: absolute;

    width: 440px;
    height: 440px;

    right: 5%;
    top: 50%;

    transform: translateY(-50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(224, 246, 211, 0.40) 0%,
            rgba(224, 246, 211, 0.16) 45%,
            transparent 72%
        );

    filter: blur(5px);

    z-index: 1;
}


/* =========================================================
   DECORATIVE ORBITS
========================================================= */

.ermpl-about-banner-image::after {
    content: "";

    position: absolute;

    width: 470px;
    height: 470px;

    right: 0;
    top: 50%;

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

    border: 1px dashed rgba(111, 166, 94, 0.16);

    border-radius: 50%;

    z-index: 2;
}


/* =========================================================
   FLOATING DOTS
========================================================= */

.ermpl-about-banner-content::before {
    content: "";

    position: absolute;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: rgba(239, 145, 67, 0.42);

    right: -40px;
    top: 20px;

    box-shadow:
        100px 70px 0 rgba(120, 190, 103, 0.45),
        180px 160px 0 rgba(239, 145, 67, 0.28),
        -100px 380px 0 rgba(120, 190, 103, 0.28);
}


/* =========================================================
   DECORATIVE CURVES
========================================================= */

.ermpl-about-banner .container::before {
    content: "";

    position: absolute;

    width: 650px;
    height: 180px;

    right: -120px;
    bottom: -100px;

    border-top: 1px solid rgba(105, 166, 91, 0.16);

    border-radius: 50%;

    transform: rotate(-7deg);

    pointer-events: none;
}

.ermpl-about-banner .container::after {
    content: "";

    position: absolute;

    width: 500px;
    height: 150px;

    right: -20px;
    bottom: -50px;

    border-top: 1px solid rgba(239, 145, 67, 0.12);

    border-radius: 50%;

    transform: rotate(8deg);

    pointer-events: none;
}


/* =========================================================
   FLOATING ANIMATION
========================================================= */

@keyframes ermplAboutFloat {

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

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

.ermpl-about-banner-content::before {
    animation:
        ermplAboutFloat 6s ease-in-out infinite;
}


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

@media (max-width: 991px) {

    .ermpl-about-banner {
        min-height: auto;
        padding: 90px 0;
    }

    .ermpl-about-banner-content {
        max-width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .ermpl-about-banner-label::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .ermpl-about-banner-title {
        font-size: 52px;
    }

    .ermpl-about-banner-description {
        margin-left: auto;
        margin-right: auto;
    }

    .ermpl-about-banner-image {
        min-height: 400px;
        margin-top: 40px;
    }

    .ermpl-about-banner-image-element {
        max-width: 520px;
    }
}


@media (max-width: 767px) {

    .ermpl-about-banner {
        padding: 70px 0 50px;
    }

    .ermpl-about-banner-title {
        font-size: 42px;
        letter-spacing: -1.2px;
    }

    .ermpl-about-banner-description {
        font-size: 15px;
        line-height: 1.65;
    }

    .ermpl-about-banner-image {
        min-height: 300px;
        margin-top: 25px;
    }

    .ermpl-about-banner-image-element {
        max-width: 100%;
    }

    .ermpl-about-banner-image::before {
        width: 300px;
        height: 300px;
    }

    .ermpl-about-banner-image::after {
        width: 320px;
        height: 320px;
    }

    .ermpl-about-banner::after {
        width: 350px;
        height: 350px;
        right: -180px;
        top: -120px;
    }

    .ermpl-about-banner .container::before,
    .ermpl-about-banner .container::after {
        opacity: 0.5;
    }
}






/* =========================================================
   ABOUT CONTENT
========================================================= */

.ermpl-about-banner-content {
    position: relative;
    z-index: 2;

    max-width: 580px;

    padding-left: 10px;
}


/* =========================================================
   ABOUT LABEL
========================================================= */

.ermpl-about-banner-label {
    position: relative;

    display: inline-block;

    margin-bottom: 18px;

    color: var(--ermpl-green);

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

    letter-spacing: 0.8px;

    text-transform: uppercase;
}
/* 
.ermpl-about-banner-label::before {
    content: "";

    position: absolute;

    left: 0;
    bottom: -7px;

    width: 38px;
    height: 2px;

    border-radius: 10px;

    background: var(--ermpl-green);
} */


/* =========================================================
   ABOUT TITLE
========================================================= */

.ermpl-about-banner-title {
    margin: 0 0 22px;

    color: var(--ermpl-dark);

    font-size: clamp(38px, 4vw, 55px);

    line-height: 1.12;

    font-weight: 750;

    letter-spacing: -1.5px;
}

.ermpl-about-banner-title span {
    color: var(--ermpl-primary);
}


/* =========================================================
   ABOUT DESCRIPTION
========================================================= */

.ermpl-about-banner-description {
    max-width: 520px;

    margin: 0;

    color: var(--ermpl-text);

    font-size: 15px;

    line-height: 1.75;
}


/* =========================================================
   ABOUT IMAGE
========================================================= */

.ermpl-about-banner-image {
    position: relative;

    display: flex;

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

    min-height: 320px;

    /* padding-left: 20px; */
}


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

.ermpl-about-banner-image-element {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 650px;

    height: auto;

    object-fit: contain;

    transition:
        transform 0.5s ease;
}

.ermpl-about-banner-image:hover
.ermpl-about-banner-image-element {
    transform: translateY(-5px);
}


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

.ermpl-about-banner-image::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 260px;

    right: 5%;
    bottom: 10px;

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse,
            rgba(61, 139, 69, 0.07),
            transparent 70%
        );

    pointer-events: none;
}

/* =========================================================
   ABOUT BANNER LOAD ANIMATION
========================================================= */

.ermpl-about-banner-content {
    opacity: 0;

    transform: translateX(-40px);

    animation:
        ermplAboutContentIn
        0.9s
        cubic-bezier(0.22, 1, 0.36, 1)
        0.15s
        forwards;
}


.ermpl-about-banner-image {
    opacity: 0;

    transform: translateX(40px) scale(0.96);

    animation:
        ermplAboutImageIn
        1s
        cubic-bezier(0.22, 1, 0.36, 1)
        0.3s
        forwards;
}


/* =========================================================
   CONTENT ANIMATION
========================================================= */

@keyframes ermplAboutContentIn {

    from {
        opacity: 0;
        transform: translateX(-40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}


/* =========================================================
   IMAGE ANIMATION
========================================================= */

@keyframes ermplAboutImageIn {

    from {
        opacity: 0;
        transform: translateX(40px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }

}


/* =========================================================
   IMAGE HOVER
========================================================= */

.ermpl-about-banner-image-element {
    transition:
        transform 0.5s ease;
}

.ermpl-about-banner-image:hover
.ermpl-about-banner-image-element {
    transform: translateY(-5px);
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

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

    .ermpl-about-banner-content,
    .ermpl-about-banner-image {
        opacity: 1;
        transform: none;
        animation: none;
    }

}

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

@media (max-width: 991px) {

    .ermpl-about-banner {
        padding: 25px 0 50px;
    }

  

    .ermpl-about-banner-content {
        max-width: 100%;
        padding-left: 0;
    }

    .ermpl-about-banner-image {
        min-height: auto;

        margin-top: 35px;

        padding-left: 0;
    }

    .ermpl-about-banner-image-element {
        max-width: 600px;

        margin: 0 auto;
    }

}


@media (max-width: 767px) {

    .ermpl-about-banner {
        padding: 20px 0 40px;
    }

    

    .ermpl-about-banner-content {
        text-align: center;
    }

    .ermpl-about-banner-label::before {
        left: 50%;

        transform: translateX(-50%);
    }

    .ermpl-about-banner-title {
        font-size: 36px;

        letter-spacing: -0.8px;
    }

    .ermpl-about-banner-description {
        margin-right: auto;
        margin-left: auto;

        font-size: 14px;
    }

    .ermpl-about-banner-image {
        margin-top: 30px;
    }

}


@media (max-width: 575px) {

    .ermpl-about-banner-title {
        font-size: 31px;
    }

  

}


/* =========================================================
   eRMPL OUR STORY
========================================================= */

.ermpl-story {
    position: relative;

    padding: 70px 0;

    background: var(--ermpl-white);

    overflow: hidden;
}


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

.ermpl-story-image {
    position: relative;

    overflow: hidden;

    width: 100%;

    min-height: 280px;

    border-radius: 14px;

    background: #f2f2f2;
}


.ermpl-story-image-element {
    width: 100%;
    height: 100%;

    min-height: 280px;

    display: block;

    object-fit: cover;

    border-radius: 14px;

    transition:
        transform 0.6s ease;
}


/* =========================================================
   IMAGE HOVER
========================================================= */

.ermpl-story-image:hover
.ermpl-story-image-element {
    transform: scale(1.03);
}


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

.ermpl-story-content {
    max-width: 650px;

    padding-left: 15px;
}


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

.ermpl-story-label {
    position: relative;

    display: inline-block;

    margin-bottom: 15px;

    color: var(--ermpl-green);

    font-size: 13px;

    font-weight: 750;

    letter-spacing: 0.8px;

    text-transform: uppercase;
}


.ermpl-story-label::after {
    content: "";

    display: block;

    width: 38px;
    height: 2px;

    margin-top: 7px;

    border-radius: 10px;

    background: var(--ermpl-green);
}


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

.ermpl-story-title {
    margin: 0 0 20px;

    color: var(--ermpl-dark);

    font-size: 30px;

    line-height: 1.2;

    font-weight: 750;

    letter-spacing: -1px;
}


.ermpl-story-title span {
    color: var(--ermpl-primary);
}


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

.ermpl-story-description {
    max-width: 650px;

    margin: 0 0 18px;

    color: var(--ermpl-text);

    font-size: 15px;

    line-height: 1.75;
}


.ermpl-story-description:last-child {
    margin-bottom: 0;
}


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

.ermpl-story-image,
.ermpl-story-content {
    opacity: 0;

    transition:
        opacity 0.9s ease,
        transform 0.9s cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );
}


.ermpl-story-image {
    transform: translateX(-40px);
}


.ermpl-story-content {
    transform: translateX(40px);
}


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

.ermpl-story.ermpl-story-visible
.ermpl-story-image {

    opacity: 1;

    transform: translateX(0);
}


.ermpl-story.ermpl-story-visible
.ermpl-story-content {

    opacity: 1;

    transform: translateX(0);

    transition-delay: 0.15s;
}


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

@media (max-width: 991px) {

    .ermpl-story {
        padding: 55px 0;
    }

    .ermpl-story-content {
        padding-left: 0;
    }

    .ermpl-story-title {
        font-size: 34px;
    }

}


@media (max-width: 767px) {

    .ermpl-story {
        padding: 45px 0;
    }

    .ermpl-story-image {
        min-height: 240px;
    }

    .ermpl-story-image-element {
        min-height: 240px;
    }

    .ermpl-story-content {
        text-align: center;
    }

    .ermpl-story-label::after {
        margin-left: auto;
        margin-right: auto;
    }

    .ermpl-story-title {
        font-size: 31px;
    }

    .ermpl-story-description {
        font-size: 14px;

        line-height: 1.7;
    }

}


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

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

    .ermpl-story-image,
    .ermpl-story-content {

        opacity: 1;

        transform: none;

        transition: none;
    }

    .ermpl-story-image-element {
        transition: none;
    }

}

/* =========================================================
   eRMPL HOW WE THINK
========================================================= */

.ermpl-thinking {
    position: relative;
    overflow: hidden;

    background: var(--ermpl-white);

   
}
.desktop-display-none{
    display: none;
}

/* =========================================================
   SECTION LABEL
========================================================= */

.ermpl-thinking-label {
   
    margin-bottom: 7px;

    color: var(--ermpl-green);

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

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* =========================================================
   SECTION TITLE
========================================================= */

.ermpl-thinking .ermpl-section-title {
    position: relative;

    display: inline-block;

    margin: 0;

    color: var(--ermpl-dark);

    font-size: 30px;

    line-height: 1.2;

    font-weight: 750;

    letter-spacing: -1px;
}

.ermpl-thinking .ermpl-section-title span {
    color: var(--ermpl-primary);
}


/* Small underline */

.ermpl-thinking .ermpl-section-title::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -14px;

    width: 48px;
    height: 2px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            var(--ermpl-primary),
            var(--ermpl-green)
        );

    transform: translateX(-50%);
}


/* =========================================================
   THINKING CARD
========================================================= */

.ermpl-thinking-card {
    position: relative;

    height: 100%;

    min-height: 210px;

    padding: 24px 25px 22px;

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

    text-align: center;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fcfdfb 100%
        );

    border: 1px solid rgba(220, 225, 220, 0.9);

    border-radius: 13px;

    box-shadow:
        0 5px 20px rgba(0, 0, 0, 0.035);

    overflow: hidden;

    opacity: 0;

    transform:
        translateY(35px)
        scale(0.97);

    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(
            0.22,
            1,
            0.36,
            1
        ),
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* =========================================================
   ACTIVE REVEAL
========================================================= */

.ermpl-thinking-card.ermpl-reveal-active {
    opacity: 1;

    transform:
        translateY(0)
        scale(1);

    transition-delay:
        var(--ermpl-reveal-delay, 0s);
}


/* =========================================================
   CARD TOP ACCENT
========================================================= */

.ermpl-thinking-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 25%;
    right: 25%;

    height: 2px;

    border-radius:
        0 0 10px 10px;

    background:
        linear-gradient(
            90deg,
            var(--ermpl-green),
            rgba(61, 139, 69, 0)
        );

    transform: scaleX(0);

    transform-origin: center;

    transition:
        transform 0.45s ease;
}


/* Orange cards */

.ermpl-thinking-card:nth-child(even)::before {
    background:
        linear-gradient(
            90deg,
            var(--ermpl-primary),
            rgba(245, 130, 32, 0)
        );
}


/* =========================================================
   CARD HOVER
========================================================= */

.ermpl-thinking-card:hover {
    transform:
        translateY(-7px)
        scale(1.01);

    border-color:
        rgba(61, 139, 69, 0.20);

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.08);
}

.ermpl-thinking-card:hover::before {
    transform: scaleX(1);
}


/* =========================================================
   ICON WRAPPER
========================================================= */

.ermpl-thinking-icon-wrap {
    width: 72px;
    height: 72px;

    display: flex;

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

    margin-bottom: 16px;

    border-radius: 50%;

    background:
        rgba(61, 139, 69, 0.045);

    border:
        1px solid rgba(61, 139, 69, 0.12);

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


/* Orange icon background */

.ermpl-thinking-card:nth-child(even)
.ermpl-thinking-icon-wrap {
    background:
        rgba(245, 130, 32, 0.045);

    border-color:
        rgba(245, 130, 32, 0.14);
}


/* =========================================================
   ICON
========================================================= */

.ermpl-thinking-icon {
    width: 54px;
    height: 54px;

    object-fit: contain;

    transition:
        transform 0.4s ease;
}


/* =========================================================
   ICON HOVER
========================================================= */

.ermpl-thinking-card:hover
.ermpl-thinking-icon-wrap {
    transform:
        scale(1.08)
        rotate(-3deg);
}

.ermpl-thinking-card:hover
.ermpl-thinking-icon {
    transform: scale(1.08);
}


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

.ermpl-thinking-content {
    width: 100%;
}


/* =========================================================
   CARD TITLE
========================================================= */

.ermpl-thinking-content h3 {
    margin: 0;

    color: var(--ermpl-dark);

    font-size: 16px;

    line-height: 1.35;

    font-weight: 700;
}


/* =========================================================
   CARD LINE
========================================================= */

.ermpl-thinking-line {
    width: 38px;
    height: 2px;

    margin:
        12px auto 12px;

    border-radius: 10px;

    background:
        var(--ermpl-green);

    transition:
        width 0.35s ease;
}


/* Orange line */

.ermpl-thinking-card:nth-child(even)
.ermpl-thinking-line {
    background:
        var(--ermpl-primary);
}


/* Expand line */

.ermpl-thinking-card:hover
.ermpl-thinking-line {
    width: 55px;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ermpl-thinking-content p {
    max-width: 220px;

    margin: 0 auto;

    color: var(--ermpl-text);

    font-size: 13px;

    line-height: 1.65;

    font-weight: 450;
}


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

.ermpl-thinking-card::after {
    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    right: -50px;
    bottom: -50px;

    border-radius: 50%;

    background:
        rgba(61, 139, 69, 0.035);

    transition:
        transform 0.5s ease;
}

.ermpl-thinking-card:nth-child(even)::after {
    background:
        rgba(245, 130, 32, 0.035);
}

.ermpl-thinking-card:hover::after {
    transform: scale(1.8);
}


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

@media (max-width: 991px) {

    .ermpl-thinking {
        padding:
            55px 0
            60px;
    }

    .ermpl-thinking-card {
        min-height: 205px;
    }

}


@media (max-width: 575px) {

    .ermpl-thinking {
        padding:
            45px 0
            50px;
    }

    .ermpl-thinking .ermpl-section-title {
        font-size: 29px;
    }

    .ermpl-thinking-card {
        min-height: auto;

        padding:
            22px 20px;
    }

}

/* =========================================================
   eRMPL OUR EXPERTISE
========================================================= */

.ermpl-expertise {
    position: relative;

   

    background: var(--ermpl-white);

    overflow: hidden;
}


/* =========================================================
   SECTION LABEL
========================================================= */

.ermpl-expertise-label {
    margin-bottom: 7px;

    color: var(--ermpl-green);

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

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* =========================================================
   SECTION TITLE
========================================================= */

.ermpl-expertise .ermpl-section-title {
    position: relative;

    display: inline-block;

    margin: 0;

    color: var(--ermpl-dark);

    font-size: 30px;

    line-height: 1.2;

    font-weight: 750;

    letter-spacing: -1px;
}


/* =========================================================
   TITLE UNDERLINE
========================================================= */

.ermpl-expertise .ermpl-section-title::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -14px;

    width: 48px;
    height: 2px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            var(--ermpl-primary),
            var(--ermpl-green)
        );

    transform: translateX(-50%);
}


/* =========================================================
   EXPERTISE CARD
========================================================= */

.ermpl-expertise-card {
    position: relative;

    height: 100%;

    min-height: 110px;

    display: flex;

    align-items: center;

    gap: 22px;

    padding: 18px 22px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fcfdfb 100%
        );

    border: 1px solid rgba(225, 229, 224, 0.9);

    border-radius: 12px;

    box-shadow:
        0 5px 20px rgba(0, 0, 0, 0.035);

    opacity: 0;

    transform:
        translateY(30px)
        scale(0.98);

    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(
            0.22,
            1,
            0.36,
            1
        ),
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


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

.ermpl-expertise-card.ermpl-reveal-active {
    opacity: 1;

    transform:
        translateY(0)
        scale(1);

    transition-delay:
        var(--ermpl-reveal-delay, 0s);
}


/* =========================================================
   TOP ACCENT
========================================================= */

.ermpl-expertise-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 20px;
    right: 20px;

    height: 2px;

    border-radius:
        0 0 10px 10px;

    background:
        linear-gradient(
            90deg,
            var(--ermpl-green),
            transparent
        );

    transform: scaleX(0);

    transform-origin: left;

    transition:
        transform 0.45s ease;
}


/* Alternate orange */

.ermpl-expertise-card:nth-child(even)::before {
    background:
        linear-gradient(
            90deg,
            var(--ermpl-primary),
            transparent
        );
}


/* =========================================================
   CARD HOVER
========================================================= */

.ermpl-expertise-card:hover {
    transform:
        translateY(-5px)
        scale(1.01);

    border-color:
        rgba(61, 139, 69, 0.2);

    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.07);
}

.ermpl-expertise-card:hover::before {
    transform: scaleX(1);
}


/* =========================================================
   ICON WRAPPER
========================================================= */

.ermpl-expertise-icon-wrap {
    flex: 0 0 68px;

    width: 68px;
    height: 68px;

    display: flex;

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

    border-radius: 50%;

    background:
        rgba(61, 139, 69, 0.045);

    border:
        1px solid rgba(61, 139, 69, 0.12);

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


/* Orange cards */

.ermpl-expertise-card:nth-child(even)
.ermpl-expertise-icon-wrap {
    background:
        rgba(245, 130, 32, 0.045);

    border-color:
        rgba(245, 130, 32, 0.13);
}


/* =========================================================
   ICON
========================================================= */

.ermpl-expertise-icon {
    width: 58px;
    height: 58px;

    object-fit: contain;

    transition:
        transform 0.4s ease;
}


/* =========================================================
   ICON HOVER
========================================================= */

.ermpl-expertise-card:hover
.ermpl-expertise-icon-wrap {
    transform:
        scale(1.08)
        rotate(-3deg);
}

.ermpl-expertise-card:hover
.ermpl-expertise-icon {
    transform: scale(1.08);
}


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

.ermpl-expertise-content {
    min-width: 0;
}


/* =========================================================
   TITLE
========================================================= */

.ermpl-expertise-title {
    margin: 0 0 7px;

    color: var(--ermpl-dark);

    font-size: 15px;

    line-height: 1.35;

    font-weight: 700;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ermpl-expertise-text {
    max-width: 280px;

    margin: 0;

    color: var(--ermpl-text);

    font-size: 12.5px;

    line-height: 1.55;

    font-weight: 450;
}


/* =========================================================
   SUBTLE GLOW
========================================================= */

.ermpl-expertise-card::after {
    content: "";

    position: absolute;

    width: 90px;
    height: 90px;

    right: -45px;
    bottom: -45px;

    border-radius: 50%;

    background:
        rgba(61, 139, 69, 0.035);

    transition:
        transform 0.5s ease;
}

.ermpl-expertise-card:nth-child(even)::after {
    background:
        rgba(245, 130, 32, 0.035);
}

.ermpl-expertise-card:hover::after {
    transform: scale(1.7);
}


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

@media (max-width: 991px) {

    .ermpl-expertise {
        padding:
            55px 0
            60px;
    }

}


@media (max-width: 575px) {

    .ermpl-expertise {
        padding:
            45px 0
            50px;
    }

    .ermpl-expertise .ermpl-section-title {
        font-size: 29px;
    }

    .ermpl-expertise-card {
        min-height: 105px;

        gap: 16px;

        padding:
            16px 18px;
    }

    .ermpl-expertise-icon-wrap {
        flex-basis: 58px;

        width: 58px;
        height: 58px;
    }

    .ermpl-expertise-icon {
        width: 38px;
        height: 38px;
    }

}
/* =========================================================
   eRMPL IMPACT CTA
========================================================= */

.ermpl-impact-cta {
    position: relative;

    overflow: hidden;

    padding: 28px 0;

    background:
        linear-gradient(
            90deg,
            #f9faf5 0%,
            #ffffff 55%,
            #f9faf5 100%
        );

    border-top:
        1px solid rgba(61, 139, 69, 0.08);

    border-bottom:
        1px solid rgba(61, 139, 69, 0.08);
}


/* =========================================================
   QUOTE
========================================================= */

.ermpl-impact-cta-quote {
    position: relative;

    display: flex;

    align-items: flex-start;

    padding-right: 35px;

    border-right:
        1px solid rgba(61, 139, 69, 0.12);
}


/* =========================================================
   QUOTE MARK
========================================================= */

.ermpl-impact-cta-mark {
    flex: 0 0 auto;

    margin-right: 12px;

    color: var(--ermpl-green);

    font-family: Georgia, serif;

    font-size: 64px;

    line-height: 0.8;

    font-weight: 700;
}


/* =========================================================
   TITLE
========================================================= */

.ermpl-impact-cta-title {
    max-width: 400px;

    margin: 0;

    color: var(--ermpl-dark);

    font-size: 21px;

    line-height: 1.35;

    font-weight: 650;

    letter-spacing: -0.3px;
}

.ermpl-impact-cta-title span {
    color: var(--ermpl-primary);
}


/* =========================================================
   CTA ACTION
========================================================= */

.ermpl-impact-cta-action {
    padding:
        0 25px;
}


/* =========================================================
   CTA LABEL
========================================================= */

.ermpl-impact-cta-label {
    margin: 0 0 12px;

    color: var(--ermpl-dark);

    font-size: 14px;

    line-height: 1.5;

    font-weight: 600;
}


/* =========================================================
   CTA BUTTON
========================================================= */

.ermpl-impact-cta-button {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    min-height: 40px;

    padding:
        0 17px;

    border-radius: 25px;

    color: var(--ermpl-white);

    background:
        var(--ermpl-green-dark);

    font-size: 12px;

    font-weight: 600;

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

.ermpl-impact-cta-button:hover {
    color: var(--ermpl-white);

    background:
        var(--ermpl-green);

    transform:
        translateY(-2px);

    box-shadow:
        0 7px 18px
        rgba(23, 101, 44, 0.18);
}


/* =========================================================
   BUTTON ICON
========================================================= */

.ermpl-impact-cta-button i {
    font-size: 10px;

    transition:
        transform 0.3s ease;
}

.ermpl-impact-cta-button:hover i {
    transform:
        translateX(3px);
}


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

.ermpl-impact-cta-image {
    position: relative;

    height: 100%;

    min-height: 90px;

    display: flex;

    align-items: center;

    justify-content: flex-end;
}

.ermpl-impact-cta-image-element {
  width: 220%;
    max-width: 541px;
    position: absolute;
    height: auto;

    object-fit: contain;
}


/* =========================================================
   SUBTLE IMAGE ANIMATION
========================================================= */

.ermpl-impact-cta-image-element {
    animation:
        ermplCtaFloat 5s ease-in-out infinite;
}

@keyframes ermplCtaFloat {

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

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

}


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

.ermpl-impact-cta {
    opacity: 0;

    transform:
        translateY(25px);

    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );
}

.ermpl-impact-cta.ermpl-reveal-active {
    opacity: 1;

    transform:
        translateY(0);
}


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

@media (max-width: 991px) {

    .ermpl-impact-cta {
        padding: 30px 0;
    }

    .ermpl-impact-cta-quote {
        padding-right: 0;

        border-right: 0;
    }

    .ermpl-impact-cta-action {
        padding:
            20px 0 0;
    }

    .ermpl-impact-cta-image {
        margin-top: 15px;

        min-height: 70px;

        justify-content: center;
    }

    .ermpl-impact-cta-image-element {
        max-width: 500px;
    }

}


@media (max-width: 575px) {

    .ermpl-impact-cta {
        padding: 30px 0;
    }

    .ermpl-impact-cta-quote {
        align-items: flex-start;
    }

    .ermpl-impact-cta-mark {
        font-size: 50px;

        margin-right: 8px;
    }

    .ermpl-impact-cta-title {
        font-size: 18px;
    }

    .ermpl-impact-cta-label {
        font-size: 13px;
    }

    .ermpl-impact-cta-image {
        margin-top: 20px;
    }

}


/* =========================================================
   LEADERSHIP SECTION
========================================================= */

.ermpl-leadership-section {
    position: relative;
    overflow: hidden;
    
    background: #ffffff;
    isolation: isolate;
}


/* =========================================================
   FEATURED LEADER
========================================================= */

.ermpl-featured-leader {
    position: relative;

    overflow: hidden;

    margin-bottom: 36px;

    border: 1px solid #e4ebe4;
    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fbfdf9 65%,
            #f5faef 100%
        );

    box-shadow:
        0 12px 35px rgba(25, 70, 45, .055);
}


/* =========================================================
   FEATURED IMAGE
========================================================= */

.ermpl-featured-leader-image {
    height: 100%;
    min-height: 350px;

    overflow: hidden;

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


.ermpl-featured-leader-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform .6s ease;
}


.ermpl-featured-leader:hover
.ermpl-featured-leader-image img {
    transform: scale(1.035);
}


/* =========================================================
   FEATURED CONTENT
========================================================= */

.ermpl-featured-leader-content {
    height: 100%;

    padding: 20px 29px 20px;
}


.ermpl-leader-role {
    display: inline-flex;

    align-items: center;

    padding: 7px 12px;

    border-radius: 6px;

    background: #e8f6e5;

    color: #176b3a;

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

    letter-spacing: .5px;
}


.ermpl-featured-leader-content h3 {
    margin: 15px 0 8px;

    color: #161616;

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

    line-height: 1.1;
}


.ermpl-leader-line {
    width: 44px;
    height: 3px;

    margin: 12px 0 20px;

    background: var(--ermpl-primary);
}


.ermpl-featured-leader-content p {
    margin: 0 0 14px;

    color: #5c5c5c;

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   LINKEDIN BUTTON
========================================================= */

.ermpl-leader-link {
   display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    padding: 9px 12px 9px 7px;
    border-radius: 16px;
    background: var(--ermpl-green-dark);
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}


.ermpl-leader-link:hover {
    color: #ffffff;

    transform: translateY(-2px);

    background: #125b31;

    box-shadow:
        0 8px 20px rgba(23, 107, 58, .18);
}


.ermpl-linkedin-icon {
   width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffffff;
    color: #176b3a;
    font-size: 12px;
}


/* =========================================================
   QUOTE
========================================================= */

.ermpl-featured-leader-quote {
    height: 100%;

    padding: 20px 30px 20px;

    border-left: 1px solid #e6ebe6;
}


.ermpl-quote-mark {
    margin-bottom: -8px;

    color: #176b3a;

    font-family: Georgia, serif;

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

    line-height: .8;
}


.ermpl-featured-leader-quote p {
    margin: 15px 0 0;

    color: #555;

    font-size: 15px;
    font-style: italic;

    line-height: 1.65;
}



/* =========================================================
   LEADER CARDS
========================================================= */

.ermpl-leaders-row {
    row-gap: 24px;
}


.ermpl-leader-card {
    height: 100%;

    overflow: hidden;

    border: 1px solid #e2e9e2;
    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            #f3faef 0%,
            #ffffff 70%
        );

    box-shadow:
        0 7px 24px rgba(30, 70, 45, .045);

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


.ermpl-leader-card-orange {
    background:
        linear-gradient(
            135deg,
            #fff5ea 0%,
            #ffffff 70%
        );
}


.ermpl-leader-card:hover {
    transform: translateY(-7px);

    box-shadow:
        0 16px 35px rgba(30, 70, 45, .10);

    border-color: #cbdccc;
}


/* =========================================================
   CARD IMAGE
========================================================= */

.ermpl-leader-card-image {
    height: 220px;

    margin: 14px 14px 0;

    overflow: hidden;

    border-radius: 10px;
}


.ermpl-leader-card-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .5s ease;
}


.ermpl-leader-card:hover
.ermpl-leader-card-image img {
    transform: scale(1.045);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.ermpl-leader-card-content {
    padding: 20px 18px 20px;
}


.ermpl-leader-card-content h3 {
    margin: 0 0 5px;

    color: #171717;

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


.ermpl-leader-designation {
    color: #176b3a;

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

    line-height: 1.4;
}


.ermpl-leader-card-orange
.ermpl-leader-designation {
    color: #f47c00;
}


.ermpl-leader-card-line {
    width: 38px;
    height: 2px;

    margin: 12px 0 14px;

    background: #f47c00;
}


.ermpl-leader-card-content p {
    min-height: 66px;

    margin: 0 0 18px;

    color: #656565;

    font-size: 13px;

    line-height: 1.55;
}


/* =========================================================
   PROFILE LINK
========================================================= */

.ermpl-leader-profile {
    display: flex;

    align-items: center;
    gap: 10px;

    width: 100%;

    padding: 8px 10px;

    border: 1px solid #70a97d;
    border-radius: 25px;

    color: #176b3a;

    font-size: 12px;
    font-weight: 600;

    text-decoration: none;

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


.ermpl-leader-card-orange
.ermpl-leader-profile {
    border-color: #f0a05d;
    color: #ed7800;
}


.ermpl-leader-profile > span:nth-child(2) {
    flex: 1;
}


.ermpl-leader-profile:hover {
    color: #ffffff;
    background: #176b3a;
    transform: translateY(-2px);
}


.ermpl-leader-card-orange
.ermpl-leader-profile:hover {
    background: #f47c00;
}


.ermpl-small-linkedin {
    width: 30px;
    height: 30px;

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

    border-radius: 50%;

    background: rgba(23, 107, 58, .07);

    font-size: 15px;
}


.ermpl-leader-card-orange
.ermpl-small-linkedin {
    background: rgba(244, 124, 0, .08);
}


/* =========================================================
   REVEAL ANIMATION
========================================================= */

.ermpl-featured-leader,
.ermpl-leader-card {
    opacity: 0;

    transform: translateY(28px);

    transition:
        opacity .7s ease,
        transform .7s cubic-bezier(.22, .61, .36, 1);

    transition-delay: var(--ermpl-reveal-delay, 0s);
}


.ermpl-featured-leader.ermpl-reveal-active,
.ermpl-leader-card.ermpl-reveal-active {
    opacity: 1;
    transform: translateY(0);
}


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

@media (max-width: 1199px) {

    .ermpl-leader-card-image {
        height: 190px;
    }

    .ermpl-leader-card-content h3 {
        font-size: 18px;
    }

    .ermpl-leader-card-content p {
        font-size: 12px;
    }

}


@media (max-width: 991px) {

    .ermpl-leadership-section {
        padding: 75px 0 85px;
    }

    .ermpl-featured-leader-image {
        min-height: 380px;
        border-radius: 17px 17px 0 0;
    }

    .ermpl-featured-leader-content {
        padding: 35px;
    }

    .ermpl-featured-leader-quote {
        display: none;
    }

    .ermpl-featured-landscape {
        display: none;
    }

    .ermpl-leader-card-image {
        height: 220px;
    }

}


@media (max-width: 767px) {

    .ermpl-leadership-section {
        padding: 60px 0 70px;
    }

    .ermpl-leadership-heading {
        margin-bottom: 35px;
    }

    .ermpl-leadership-title {
        font-size: 34px;
        letter-spacing: -.8px;
    }

    .ermpl-leadership-description {
        font-size: 14px;
        padding: 0 10px;
    }

    .ermpl-featured-leader {
        margin-bottom: 25px;
        border-radius: 14px;
    }

    .ermpl-featured-leader-image {
        min-height: 300px;
    }

    .ermpl-featured-leader-content {
        padding: 28px 24px 35px;
    }

    .ermpl-featured-leader-content h3 {
        font-size: 28px;
    }

    .ermpl-featured-leader-content p {
        font-size: 14px;
    }

    .ermpl-leader-card-image {
        height: 240px;
    }

    .ermpl-leader-card-content {
        padding: 18px;
    }

    .ermpl-leader-card-content p {
        min-height: auto;
    }

}



/* =========================================================
   eRMPL RECOGNITION SECTION
========================================================= */

.ermpl-recognition {
    position: relative;
   
    background: #ffffff;
    overflow: hidden;
}


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

.ermpl-recognition-heading {
    text-align: center;
    margin-bottom: 55px;
}


.ermpl-recognition-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 14px;
}


.ermpl-recognition-eyebrow span {
    width: 30px;
    height: 2px;
    background: #e5a55b;
    display: block;
}


.ermpl-recognition-eyebrow strong {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #1d5b36;
}


.ermpl-recognition-heading h2 {
    margin: 0;
    color: #172b22;
  
    font-size: 28px;
    font-weight: 700;
    line-height: 1.15;
}


.ermpl-recognition-divider {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
}


.ermpl-recognition-divider span {
    width: 28px;
    height: 2px;
    background: #d9a15b;
}


.ermpl-recognition-divider i {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d99342;
    font-size: 16px;
}


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

.ermpl-recognition-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    align-items: stretch;
}


/* =========================================================
   CARD
========================================================= */

.ermpl-recognition-card {
    position: relative;
    min-height: 455px;
    padding: 24px 24px 70px;
    background: #ffffff;
    border: 1px solid #e4e6e3;
    border-radius: 14px;
    overflow: hidden;

    box-shadow:
        0 5px 20px rgba(23, 43, 34, 0.035);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


.ermpl-recognition-card:hover {
    transform: translateY(-8px);

    border-color: #d9dcd8;

    box-shadow:
        0 20px 45px rgba(23, 43, 34, 0.10);
}


/* =========================================================
   TOP YEAR
========================================================= */

.ermpl-recognition-year {
    display: inline-block;

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

    color: #1b5b36;

    padding-bottom: 7px;

    border-bottom: 2px solid #8bad98;

    margin-bottom: 25px;
}


.orange-card .ermpl-recognition-year {
    color: #d87520;
    border-color: #e4ae70;
}


/* =========================================================
   LOGO AREA
========================================================= */

.ermpl-recognition-logo {
    height: 105px;

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

    margin-bottom: 18px;
}


.ermpl-recognition-logo img {
    display: block;

    max-width: 88%;
    max-height: 88px;

    width: auto;
    height: auto;

    object-fit: contain;
}


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

.ermpl-recognition-content {
    position: relative;
    z-index: 2;
}


.ermpl-recognition-content h3 {
    margin: 0 0 14px;

    color: #185631;

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

    line-height: 1.35;
}


.orange-card
.ermpl-recognition-content h3 {
    color: #d87822;
}


.ermpl-recognition-content h3 span {
    display: block;
}


.ermpl-recognition-content p {
    margin: 0;

    max-width: 290px;

    color: #333a36;

    font-size: 14px;
    font-weight: 400;

    line-height: 1.75;
}


/* =========================================================
   BOTTOM CURVE
========================================================= */

.ermpl-recognition-card::after {
    content: "";

    position: absolute;

    left: -10%;
    right: -10%;

    bottom: -55px;

    height: 105px;

    border-top: 2px solid rgba(38, 91, 57, 0.16);

    border-radius: 50% 50% 0 0;

    pointer-events: none;
}


.orange-card::after {
    border-color: rgba(221, 132, 40, 0.18);
}


/* =========================================================
   BOTTOM ICON
========================================================= */

.ermpl-recognition-icon {
    position: absolute;

    bottom: 5%;
    left: 50%;

    transform: translateX(-50%);

    width: 55px;
    height: 55px;

    border-radius: 50%;

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

    z-index: 3;

    border: 5px solid #ffffff;

    color: #ffffff;

    font-size: 20px;
}


.ermpl-recognition-icon.green {
    background: #145b32;
}


.ermpl-recognition-icon.orange {
    background: #ed741c;
}


/* =========================================================
   SUBTLE CARD TOP ACCENT
========================================================= */

.ermpl-recognition-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 45px;
    height: 3px;

    background: #145b32;

    border-radius: 0 0 4px 0;
}


.ermpl-recognition-card.orange-card::before {
    background: #ed741c;
}


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

@media (max-width: 1100px) {

    .ermpl-recognition {
        padding: 80px 0 95px;
    }


    .ermpl-recognition-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }


    .ermpl-recognition-card {
        min-height: 430px;
    }

}


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

@media (max-width: 767px) {

    .ermpl-recognition {
        padding: 70px 0 80px;
    }


    .ermpl-recognition-heading {
        margin-bottom: 40px;
    }


    .ermpl-recognition-eyebrow strong {
        font-size: 11px;
    }


    .ermpl-recognition-eyebrow span {
        width: 20px;
    }


    .ermpl-recognition-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }


    .ermpl-recognition-card {
        min-height: 420px;
    }

}


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

@media (max-width: 480px) {

    .ermpl-recognition {
        padding: 60px 15px 70px;
    }


    .ermpl-recognition-card {
        padding: 22px 20px 70px;
    }


    .ermpl-recognition-heading h2 {
        font-size: 31px;
    }


    .ermpl-recognition-logo {
        height: 95px;
    }


    .ermpl-recognition-logo img {
        max-width: 85%;
        max-height: 78px;
    }


    .ermpl-recognition-content h3 {
        font-size: 19px;
    }


    .ermpl-recognition-content p {
        font-size: 13.5px;
        line-height: 1.7;
    }

}
/* =========================================================
   RECOGNITION CARD REVEAL
========================================================= */

.ermpl-recognition-card {
    opacity: 0;
    transform: translateY(35px);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
    transition-delay: var(--ermpl-reveal-delay, 0s);
}


.ermpl-recognition-card.ermpl-reveal-active {
    opacity: 1;
    transform: translateY(0);
}/* =========================================================
   eRMPL RECOGNITION HIGHLIGHTS
========================================================= */



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

.ermpl-highlights-wrapper {
    position: relative;

    background:
        linear-gradient(
            135deg,
            #063b1d 0%,
            #084b25 50%,
            #06381c 100%
        );

    border-radius: 18px;

    overflow: hidden;

    padding: 15px;

}


/* =========================================================
   SUBTLE BACKGROUND
========================================================= */

.ermpl-highlights-wrapper::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -260px;
    right: 5%;

    background:
        radial-gradient(
            circle,
            rgba(255, 255, 255, 0.06),
            transparent 65%
        );

    pointer-events: none;
}


/* =========================================================
   ITEM
========================================================= */

.ermpl-highlight-item {
    position: relative;

    display: flex;
    align-items: center;

    gap: 18px;

    min-height: 115px;

    padding: 5px 25px;

    z-index: 2;
}


/* =========================================================
   VERTICAL DIVIDER
========================================================= */

.ermpl-highlight-item::after {
    content: "";

    position: absolute;

    right: 0;
    top: 10px;
    bottom: 10px;

    width: 1px;

    background:
        rgba(225, 185, 108, 0.30);
}


/* Remove divider from last item */

.ermpl-highlights-wrapper
.col-lg-3:last-child
.ermpl-highlight-item::after {
    display: none;
}


/* =========================================================
   ICON
========================================================= */

.ermpl-highlight-icon {
    flex: 0 0 72px;

    width: 72px;
    height: 72px;

    border-radius: 50%;

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

    color: #b7d865;

    border: 1.5px solid
        rgba(170, 207, 82, 0.65);

    background:
        rgba(255, 255, 255, 0.025);

    font-size: 28px;

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


.ermpl-highlight-icon.orange {
    color: #ed8b2c;

    border-color:
        rgba(237, 139, 44, 0.75);
}


.ermpl-highlight-item:hover
.ermpl-highlight-icon {
    transform:
        translateY(-4px) scale(1.04);

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


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

.ermpl-highlight-content {
    min-width: 0;
}


.ermpl-highlight-content h3 {
    margin: 0 0 7px;

    color: #fff;

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

    line-height: 1.3;
}


.ermpl-highlight-item:first-child
.ermpl-highlight-content h3 {
    font-size: 16px;
}


.ermpl-highlight-content p {
    margin: 0;

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

    font-size: 13px;

    
}
.ermpl-highlight-item {
    opacity: 0;
    transform: translateY(25px);
    transition:
        opacity 0.6s ease,
        transform 0.6s ease;
    transition-delay: var(--ermpl-reveal-delay, 0s);
}

.ermpl-highlight-item.ermpl-reveal-active {
    opacity: 1;
    transform: translateY(0);
}

.ermpl-highlight-content p span {
    display: block;
}


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

@media (max-width: 991px) {

    .ermpl-highlights-wrapper {
        padding: 20px 15px;
    }


    .ermpl-highlight-item {
        padding: 20px;
    }


    /* Hide divider on right side of
       second column */

    .ermpl-highlights-wrapper
    .col-md-6:nth-child(2)
    .ermpl-highlight-item::after {
        display: none;
    }


    /* Horizontal divider */

    .ermpl-highlights-wrapper
    .col-md-6:nth-child(-n + 2)
    .ermpl-highlight-item {
        border-bottom:
            1px solid
            rgba(225, 185, 108, 0.25);
    }

}


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

@media (max-width: 767px) {

    .ermpl-recognition-highlights {
        padding: 20px 15px;
    }


    .ermpl-highlights-wrapper {
        padding: 10px 15px;

        border-radius: 15px;
    }


    .ermpl-highlight-item {
        min-height: auto;

        padding: 22px 5px;

        gap: 16px;
    }


    /* Remove vertical divider */

    .ermpl-highlight-item::after {
        top: auto;
        bottom: 0;

        left: 5%;
        right: 5%;

        width: 90%;
        height: 1px;

        background:
            rgba(225, 185, 108, 0.25);
    }


    /* Keep divider between all items
       except last */

    .ermpl-highlights-wrapper
    .col-12:last-child
    .ermpl-highlight-item::after {
        display: none;
    }


    /* Remove Bootstrap/tablet borders */

    .ermpl-highlights-wrapper
    .col-md-6:nth-child(-n + 2)
    .ermpl-highlight-item {
        border-bottom: none;
    }


    .ermpl-highlight-icon {
        flex: 0 0 62px;

        width: 62px;
        height: 62px;

        font-size: 24px;
    }


    .ermpl-highlight-content h3 {
        font-size: 17px;
    }


    .ermpl-highlight-content p {
        font-size: 12.5px;

        line-height: 1.65;
    }

}


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

@media (max-width: 420px) {

    .ermpl-highlights-wrapper {
        padding:
            8px 14px;
    }


    .ermpl-highlight-item {
        gap: 13px;
    }


    .ermpl-highlight-icon {
        flex: 0 0 55px;

        width: 55px;
        height: 55px;

        font-size: 21px;
    }


    .ermpl-highlight-content h3 {
        font-size: 15px;
    }


    .ermpl-highlight-content p {
        font-size: 11.5px;
    }

}



/* =========================================================
   eRMPL IMPACT STATISTICS
========================================================= */

.ermpl-impact-stats {
    width: 100%;

    padding: 25px 0;

    background:
        linear-gradient(
            100deg,
            #f3f9f1 0%,
            #f8fbf6 50%,
            #eef7ed 100%
        );

}


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

.ermpl-impact-stats-wrapper {
    position: relative;


}


/* =========================================================
   STAT ITEM
========================================================= */

.ermpl-impact-stat {
    position: relative;

    display: flex;

    align-items: center;

    gap: 18px;

    min-height: 68px;

    padding: 8px 28px;
}


/* =========================================================
   VERTICAL SEPARATOR
========================================================= */

.ermpl-impact-stat::after {
    content: "";

    position: absolute;

    top: 5px;
    right: 0;

    width: 1px;
    height: 58px;

    background: #b9c4be;
}


/* Remove separator from last item */

.ermpl-impact-stats-wrapper
.col-lg-3:last-child
.ermpl-impact-stat::after {
    display: none;
}


/* =========================================================
   ICON
========================================================= */

.ermpl-impact-stat-icon {
    width: 45px;
    height: 52px;

    flex: 0 0 45px;

    display: flex;

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

    color: #09603f;

    font-size: 34px;

    line-height: 1;

    transition:
        transform .3s ease;
}


.ermpl-impact-stat:hover
.ermpl-impact-stat-icon {
    transform:
        translateY(-3px)
        scale(1.05);
}


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

.ermpl-impact-stat-content h3 {
    margin: 0 0 3px;

    color: var(--ermpl-green-dark);

    font-size: 24px;

    font-weight: 700;

    line-height: 1.1;
}


.ermpl-impact-stat-content p {
    margin: 0;

    color: #304c65;

    font-size: 14px;

    line-height: 1.3;

    white-space: nowrap;
}


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

@media (max-width: 991px) {

    .ermpl-impact-stat {
        padding:
            14px 20px;
    }


    /* 2 x 2 layout */

    .ermpl-impact-stats-wrapper
    .col-md-6:nth-child(odd)
    .ermpl-impact-stat::after {
        display: block;
    }


    .ermpl-impact-stats-wrapper
    .col-md-6:nth-child(even)
    .ermpl-impact-stat::after {
        display: none;
    }


    .ermpl-impact-stats-wrapper
    .col-md-6:nth-child(-n + 2)
    .ermpl-impact-stat {
        border-bottom:
            1px solid #dfe5e0;
    }

}


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

@media (max-width: 767px) {

    .ermpl-impact-stats {
        padding:
            15px 10px;
    }


    .ermpl-impact-stats-wrapper {
        padding:
            8px 10px;
    }


    .ermpl-impact-stat {
        padding:
            14px 8px;

        gap: 12px;
    }


    .ermpl-impact-stat::after {
        top: auto;
        bottom: 0;

        left: 8%;
        right: 8%;

        width: 84%;
        height: 1px;
    }


    .ermpl-impact-stats-wrapper
    .col-12:last-child
    .ermpl-impact-stat::after {
        display: none;
    }


    /* Remove tablet borders */

    .ermpl-impact-stats-wrapper
    .col-md-6:nth-child(-n + 2)
    .ermpl-impact-stat {
        border-bottom: none;
    }


    .ermpl-impact-stat-icon {
        width: 38px;
        height: 42px;

        flex-basis: 38px;

        font-size: 28px;
    }


    .ermpl-impact-stat-content h3 {
        font-size: 18px;
    }


    .ermpl-impact-stat-content p {
        font-size: 10px;

        white-space: normal;
    }

}


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

@media (max-width: 480px) {

    .ermpl-impact-stat {
        gap: 9px;

        padding:
            12px 5px;
    }


    .ermpl-impact-stat-icon {
        width: 34px;
        height: 38px;

        flex-basis: 34px;

        font-size: 25px;
    }


    .ermpl-impact-stat-content h3 {
        font-size: 16px;
    }


    .ermpl-impact-stat-content p {
        font-size: 9px;
    }

}

/* =========================================================
   eRMPL PARTNERSHIP AREAS
========================================================= */

.ermpl-partnership-areas {
    position: relative;


    background: #ffffff;

    overflow: hidden;
}


/* =========================================================
   SUBTLE BACKGROUND
========================================================= */

.ermpl-partnership-areas::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -250px;
    left: -180px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(232, 243, 230, .65),
            transparent 70%
        );

    pointer-events: none;
}






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

.ermpl-partnership-intro {
    max-width: 480px;

    margin: 0 0 6px;

    color: #4c6074;

    font-size: 14px;

    line-height: 1.65;
}


/* =========================================================
   CARD ROW
========================================================= */

.ermpl-partnership-row {
    position: relative;

}


/* =========================================================
   CARD
========================================================= */

.ermpl-partnership-card {
    position: relative;

    min-height: 240px;

    padding: 22px;

    overflow: hidden;

    border:
        1px solid rgba(25, 91, 62, .08);

    border-radius: 11px;

    background:
        #f2f8ef;

    text-align: center;

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


/* Alternating cards */

.ermpl-partnership-row
> div:nth-child(even)
.ermpl-partnership-card {
    background:
        #fff5ed;
}


/* =========================================================
   DECORATIVE TOP LINE
========================================================= */

.ermpl-partnership-card::before {
    content: "";

    position: absolute;

    left: 50%;

    top: 0;

    width: 0;

    height: 3px;

    background: #ed641b;

    transform:
        translateX(-50%);

    transition:
        width .35s ease;
}


.ermpl-partnership-card:hover::before {
    width: 65px;
}


/* =========================================================
   DECORATIVE CIRCLE
========================================================= */

.ermpl-partnership-card::after {
    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    right: -55px;
    bottom: -55px;

    border-radius: 50%;

    border:
        1px solid rgba(23, 96, 61, .08);

    transition:
        transform .4s ease;
}


.ermpl-partnership-card:hover::after {
    transform: scale(1.5);
}


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

.ermpl-partnership-card:hover {
    transform:
        translateY(-8px);

    border-color:
        rgba(23, 96, 61, .18);

    box-shadow:
        0 18px 40px
        rgba(20, 62, 42, .10);
}


/* =========================================================
   ICON
========================================================= */

.ermpl-partnership-icon {
    position: relative;

    width: 66px;
    height: 66px;

    margin: 0 auto 18px;

    display: flex;

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

    border-radius: 50%;

    color: #17603d;

    border:
        1.5px solid
        rgba(23, 96, 61, .35);

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

    font-size: 30px;

    z-index: 2;

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


.ermpl-partnership-card:hover
.ermpl-partnership-icon {
    transform:
        translateY(-3px)
        scale(1.07);

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


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

.ermpl-partnership-number {
    position: absolute;

    top: 13px;
    right: 16px;

    color:
        rgba(23, 96, 61, .13);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1px;
}


/* =========================================================
   TITLE
========================================================= */

.ermpl-partnership-card h3 {
    position: relative;

    margin: 0 0 8px;

    color: var(--ermpl-dark);

    font-size: 16px;

    font-weight: 700;

    line-height: 1.28;

    z-index: 2;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ermpl-partnership-card p {
    position: relative;

    max-width: 185px;

    /* min-height: 62px; */

    margin: 0 auto 0;

    color: #53677a;

    font-size: 13px;

    line-height: 1.6;

    z-index: 2;
}



/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1200px) {

    /*
       Bootstrap .col-xl without a number
       gives equal-width columns.
    */

    .ermpl-partnership-row {
        margin-left: -6px;
        margin-right: -6px;
    }

    .ermpl-partnership-row > div {
        padding-left: 6px;
        padding-right: 6px;
    }

}


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

@media (max-width: 1199px) {

    .ermpl-partnership-areas {
        padding: 70px 0 75px;
    }


    .ermpl-partnership-row {
        margin-top: 35px;
    }


    .ermpl-partnership-card {
        min-height: 275px;

        padding:
            27px 18px 22px;
    }

}


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

@media (max-width: 991px) {

    .ermpl-partnership-heading {
        align-items: flex-start !important;
    }


    .ermpl-partnership-intro {
        margin-top: 20px;
    }


    .ermpl-partnership-card {
        min-height: 285px;
    }

}


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

@media (max-width: 767px) {

    .ermpl-partnership-areas {
        padding:
            55px 15px 65px;
    }


    .ermpl-partnership-heading h2 {
        font-size: 42px;

        line-height: 1;
    }


    .ermpl-partnership-intro {
        margin-top: 18px;

        font-size: 13px;

        line-height: 1.6;
    }


    .ermpl-partnership-row {
        margin-top: 28px;
    }


    .ermpl-partnership-card {
        min-height: 270px;

        padding:
            28px 20px 22px;
    }

}


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

@media (max-width: 480px) {

    .ermpl-partnership-heading h2 {
        font-size: 36px;

        letter-spacing: -1px;
    }


    .ermpl-section-eyebrow strong {
        font-size: 11px;
    }


    .ermpl-partnership-intro {
        font-size: 12px;
    }


    .ermpl-partnership-card {
        min-height: 255px;
    }


    .ermpl-partnership-icon {
        width: 60px;
        height: 60px;

        font-size: 27px;
    }


    .ermpl-partnership-card h3 {
        font-size: 16px;
    }


    .ermpl-partnership-card p {
        font-size: 11.5px;
    }

}


/* =========================================================
   eRMPL PARTNER CARDS
========================================================= */

.ermpl-partners-row {
    position: relative;
}


/* =========================================================
   CARD
========================================================= */

.ermpl-partner-card {
    position: relative;

    max-height: 210px;
    min-height: 200px;
    overflow: hidden;

    padding: 18px 20px;

    border: 1px solid #e2e9e2;

    border-radius: 10px;

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





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

.ermpl-partner-card:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(23, 96, 61, .18);

    box-shadow:
        0 15px 35px
        rgba(23, 60, 42, .10);
}








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

.ermpl-partner-content {
    position: relative;
    z-index: 4;
  
}


/* =========================================================
   PARTNER NAME
========================================================= */

.ermpl-partner-content h3 {

     margin: 0 0 10px;
    color: #0b3d67;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ermpl-partner-content p {

      margin: 15px 0 5px;
    color: #4c6375;
    font-size: 12.5px;
    line-height: 1.45;
    max-width: 280px;
      display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;

    overflow: hidden;
}


/* =========================================================
   LINK
========================================================= */

.ermpl-partner-link {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color: #17603d;

    font-size: 10px;

    font-weight: 700;

    text-decoration: none;
}


.ermpl-partner-link span {

    position: relative;
}


.ermpl-partner-link span::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: -2px;

    width: 100%;
    height: 1px;

    background: #17603d;

    transform:
        scaleX(.35);

    transform-origin: right;

    transition:
        transform .3s ease;
}


.ermpl-partner-link:hover {

    color: #17603d;
}


.ermpl-partner-link:hover
span::after {

    transform:
        scaleX(1);

    transform-origin: left;
}


.ermpl-partner-link i {

    transition:
        transform .3s ease;
}


.ermpl-partner-link:hover i {

    transform:
        translateX(4px);
}


/* =========================================================
   PARTNER IMAGE
========================================================= */

.ermpl-partner-image {

    position: absolute;
    right: 10px;
    bottom: 30px;
    width: 94px;
    height: 185px;
    overflow: hidden;
    border-radius: 6px;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(25, 60, 40, .08);
}


.ermpl-partner-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .5s ease;
}


.ermpl-partner-card:hover
.ermpl-partner-image img {

    transform:
        scale(1.07);
}


/* =========================================================
   DECORATIVE SHAPE
========================================================= */

.ermpl-partner-card::after {

    content: "";

    position: absolute;

    right: -35px;
    top: 35px;

    width: 105px;
    height: 105px;

    border-radius: 50%;

    background:
        rgba(215, 239, 211, .45);

    z-index: 1;
}


.ermpl-partners-row
> div:nth-child(even)
.ermpl-partner-card::after {

    background:
        rgba(251, 224, 202, .5);
}


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

@media (max-width: 1199px) {

    .ermpl-partner-card {

        min-height: 225px;

    }

}


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

@media (max-width: 767px) {

    .ermpl-partner-card {

        min-height: 220px;

        padding: 16px;

    }


    .ermpl-partner-category {

        top: 13px;
        right: 13px;

        font-size: 8px;

    }




    .ermpl-partner-content {

        margin-left: 85px;

        width: calc(100% - 85px);

        padding-top: 52px;

        padding-right: 75px;

    }


    .ermpl-partner-content h3 {

        font-size: 15px;

    }


    .ermpl-partner-content p {

        font-size: 10px;

    }


    .ermpl-partner-image {

        width: 65px;
        height: 92px;

        right: 9px;
        bottom: 9px;

    }

}


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

@media (max-width: 480px) {

    .ermpl-partner-card {

        min-height: 205px;

    }


    .ermpl-partner-content {

        padding-right: 68px;

    }


    .ermpl-partner-content h3 {

        font-size: 14px;

    }


    .ermpl-partner-content p {

        font-size: 9.5px;

    }



}


/* .ermpl-partner-logo {
    display: block;
    width: 180px;
    height: 40px;
    object-fit: contain;
    object-position: left center;
} */
 .ermpl-partner-logo {
    width: 180px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

.ermpl-partner-logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.ermpl-partner-card {
    opacity: 0;
    transform: translateY(30px);

    transition:
        opacity 0.65s ease,
        transform 0.65s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;

    transition-delay:
        var(--ermpl-reveal-delay, 0s);
}

.ermpl-partner-card.ermpl-reveal-active {
    opacity: 1;
    transform: translateY(0);
}

/* =========================================
   eRMPL PREMIUM VENTURES
========================================= */

.ermpl-ventures-premium {
    position: relative;
    overflow: hidden;

    background: #ffffff;
}


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

.ermpl-vp-header {
    position: relative;

    margin-bottom: 38px;
}


.ermpl-vp-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 13px;

    color: #17603d;

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

    letter-spacing: .5px;
}


.ermpl-vp-eyebrow span {
    width: 22px;
    height: 3px;

    display: block;

    position: relative;

    background: #f47b20;

    border-radius: 5px;
}


.ermpl-vp-eyebrow span::after {
    content: "";

    position: absolute;

    left: 9px;
    top: 0;

    width: 13px;
    height: 3px;

    background: #4b8b48;

    border-radius: 5px;
}


.ermpl-vp-heading {
    margin: 0;
    color: var(--ermpl-dark);
font-size: 40px;

    font-weight: 700;

    line-height: .98;

    letter-spacing: -1.8px;
}


.ermpl-vp-heading strong {
    display: block;

    color: var(--ermpl-primary);

    font-weight: 700;
}


.ermpl-vp-header-right {
    position: relative;

    min-height: 100px;

    padding-top: 10px;
}


.ermpl-vp-header-right p {
    max-width: 450px;

    margin: 0;

    color: #50677a;

    font-size: 13px;

    line-height: 1.65;
}


.ermpl-vp-script {
    position: absolute;

    right: 10px;
    bottom: -15px;

    color: var(--ermpl-green);

    font-family:
        "Brush Script MT",
        "Segoe Script",
        cursive;

    font-size: 23px;

    line-height: 1.05;

    transform: rotate(-5deg);
}

.ermpl-vp-script::after {
    content: "";

    position: absolute;

    width: 90px;
    height: 3px;

    right: -5px;
    bottom: -12px;

    background: #ed681e;

    transform: rotate(-7deg);

    border-radius: 50%;
}


/* =========================================
   CARD ROW
========================================= */

.ermpl-vp-row {
    row-gap: 20px;
}


/* =========================================
   CARD
========================================= */

.ermpl-vp-card {
    position: relative;

    height: 290px;

    overflow: hidden;

    border: 1px solid rgba(21, 70, 52, .10);

    border-radius: 15px;

    box-shadow:
        0 8px 25px rgba(25, 70, 55, .035);

    transition:
        transform .4s ease,
        box-shadow .4s ease;

    opacity: 0;

    transform: translateY(35px);
}


.ermpl-vp-card.ermpl-reveal-active {
    opacity: 1;

    transform: translateY(0);
}


.ermpl-vp-card:hover {
    transform: translateY(-7px);

    box-shadow:
        0 18px 40px rgba(25, 70, 55, .13);
}


/* =========================================
   BACKGROUNDS
========================================= */

.ermpl-vp-green {
    background:
        linear-gradient(
            135deg,
            #f2faef 0%,
            #f9fcf7 100%
        );
}





.ermpl-vp-orange {
    background:
        linear-gradient(
            135deg,
            #fff5e9 0%,
            #fffaf5 100%
        );
}


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

.ermpl-vp-number {
   position: absolute;
    top: 15px;
    left: 14px;
    z-index: 6;
    color: rgba(40, 110, 70, .28);
    font-size: 25px;
    font-style: italic;
    font-weight: 700;
    opacity: 0.2;
}





.ermpl-vp-orange .ermpl-vp-number {
    color: rgba(235, 123, 39, .35);
}


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

.ermpl-vp-card-content {
        position: relative;
    z-index: 5;
    width: 56%;
    height: 100%;
    padding: 25px 10px 20px 30px;
}

.ermpl-vp-logo {
    width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
    margin-top: 10px;
    overflow: hidden;
}

.ermpl-vp-logo img {
    display: block;
    max-width: 100%;
    max-height: 40px;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: left center;
}





.ermpl-vp-card h3 {
    margin: 0 0 3px;

    color: #092f52;

    font-size: 21px;

    font-weight: 800;

    line-height: 1.1;
}


.ermpl-vp-orange h3 span {
    color: var(--ermpl-primary);
}





.ermpl-vp-card p {
    max-width: 205px;
    margin: 0 0 13px;

    color: #526979;
    font-size: 12px;
    line-height: 1.5;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;

    overflow: hidden;
    text-overflow: ellipsis;
}





/* =========================================
   LEARN MORE
========================================= */

.ermpl-vp-learn {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    color: #17603d;

    font-size: 10px;

    font-weight: 800;

    text-decoration: none;

    transition: gap .3s ease;
}




.ermpl-vp-orange .ermpl-vp-learn {
    color: var(--ermpl-primary);
}


.ermpl-vp-learn::after {
    content: "";

    position: absolute;

    left: 62px;
    bottom: 24px;

    width: 42px;
    height: 1px;

    background: currentColor;

    opacity: .35;
}


.ermpl-vp-learn i {
    transition: transform .3s ease;
}


.ermpl-vp-card:hover .ermpl-vp-learn {
    gap: 17px;
}


.ermpl-vp-card:hover .ermpl-vp-learn i {
    transform: translateX(3px);
}


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

.ermpl-vp-photo {
    position: absolute;

    right: -1px;
    bottom: -1px;

    width: 49%;
    height: 100%;

    overflow: hidden;

    z-index: 2;

    clip-path:
        ellipse(
            92% 85% at 100% 50%
        );
}


.ermpl-vp-photo::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    background:
        linear-gradient(
            90deg,
            rgba(245,250,242,.9) 0%,
            rgba(245,250,242,.05) 35%,
            transparent 60%
        );
}





.ermpl-vp-orange .ermpl-vp-photo::before {
    background:
        linear-gradient(
            90deg,
            rgba(255,245,233,.9) 0%,
            rgba(255,245,233,.05) 35%,
            transparent 60%
        );
}


.ermpl-vp-photo img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .7s ease;
}


.ermpl-vp-card:hover .ermpl-vp-photo img {
    transform: scale(1.07);
}


/* =========================================
   ROUND ACTION ICON
========================================= */

.ermpl-vp-action {
    position: absolute;

    right: 15px;
    bottom: 14px;

    z-index: 8;

    width: 39px;
    height: 39px;

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

    border-radius: 50%;

    background: #17603d;

    color: #ffffff;

    font-size: 13px;

    box-shadow:
        0 5px 15px rgba(0,0,0,.12);

    transition:
        transform .3s ease;
}





.ermpl-vp-orange .ermpl-vp-action {
    background: #ed681e;
}


.ermpl-vp-card:hover .ermpl-vp-action {
    transform: rotate(8deg) scale(1.08);
}


/* =========================================
   BOTTOM CTA
========================================= */

.ermpl-vp-bottom {
    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    min-height: 88px;

    margin-top: 28px;

    padding: 17px 30px;

    overflow: hidden;

    border: 1px solid #edf1ed;

    border-radius: 45px;

    background:
        linear-gradient(
            90deg,
            #f8fcf7,
            #ffffff
        );
}


.ermpl-vp-bottom-left {
    display: flex;

    align-items: center;

    gap: 18px;

    max-width: 620px;

    position: relative;

    z-index: 5;
}


.ermpl-vp-bottom-icon {
    width: 42px;
    height: 42px;

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

    flex-shrink: 0;

    color: #17603d;

    font-size: 20px;
}


.ermpl-vp-bottom-left p {
    margin: 0;

    color: #50677a;

    font-size: 11.5px;

    line-height: 1.5;
}


.ermpl-vp-view-all {
    position: relative;

    z-index: 10;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 13px 24px;

    border-radius: 30px;

    background: #08623d;

    color: #ffffff;

    font-size: 10.5px;

    font-weight: 700;

    text-decoration: none;

    white-space: nowrap;

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


.ermpl-vp-view-all:hover {
    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(8, 98, 61, .2);
}


/* =========================================
   BOTTOM LANDSCAPE
========================================= */

.ermpl-vp-bottom-landscape {
    position: absolute;

    right: -5px;
    bottom: -12px;

    width: 360px;
    height: 75px;

    opacity: .55;
}


.ermpl-vp-bottom-landscape::before,
.ermpl-vp-bottom-landscape::after {
    content: "";

    position: absolute;

    left: 0;

    width: 100%;
    height: 45px;

    border-top: 1.5px solid #6d9c89;

    border-radius: 50%;

    transform: rotate(-3deg);
}


.ermpl-vp-bottom-landscape::before {
    top: 20px;
}


.ermpl-vp-bottom-landscape::after {
    top: 30px;

    transform: rotate(2deg);
}


.ermpl-vp-bottom-landscape span {
    position: absolute;

    bottom: 18px;

    width: 3px;
    height: 23px;

    background: #6d9c89;

    border-radius: 3px;
}


.ermpl-vp-bottom-landscape span:nth-child(1) {
    left: 110px;
}


.ermpl-vp-bottom-landscape span:nth-child(2) {
    left: 210px;
}


.ermpl-vp-bottom-landscape span:nth-child(3) {
    left: 285px;
}


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

@media (max-width: 1199px) {

    .ermpl-vp-card {
        height: 285px;
    }

    .ermpl-vp-card-content {
        width: 64%;
        padding-left: 58px;
    }

    .ermpl-vp-photo {
        width: 47%;
    }

    .ermpl-vp-heading {
        font-size: 48px;
    }
}


@media (max-width: 991px) {

    .ermpl-ventures-premium {
        padding: 70px 0;
    }

    .ermpl-vp-header-right {
        margin-top: 25px;
    }

    .ermpl-vp-script {
        right: 20px;
    }

    .ermpl-vp-card {
        height: 285px;
    }

    .ermpl-vp-bottom {
        border-radius: 25px;
    }
}


@media (max-width: 767px) {

    .ermpl-ventures-premium {
        padding: 55px 0;
    }

    .ermpl-vp-heading {
        font-size: 38px;
    }

    .ermpl-vp-header-right {
        min-height: auto;
    }

    .ermpl-vp-script {
        position: relative;

        right: auto;
        bottom: auto;

        margin-top: 20px;

        text-align: right;
    }

    .ermpl-vp-card {
        height: 285px;
    }

    .ermpl-vp-bottom {
        display: block;

        padding: 22px;

        border-radius: 20px;
    }

    .ermpl-vp-bottom-left {
        margin-bottom: 18px;
    }

    .ermpl-vp-view-all {
        width: fit-content;
    }

    .ermpl-vp-bottom-landscape {
        display: none;
    }
}


@media (max-width: 575px) {

    .ermpl-vp-heading {
        font-size: 32px;
    }

    .ermpl-vp-card {
        height: 275px;
    }

    .ermpl-vp-card-content {
                width: 55%;
        padding: 23px 8px 18px 20px
    }

    .ermpl-vp-number {
        left: 15px;
    }

    .ermpl-vp-card h3 {
        font-size: 18px;
    }

    .ermpl-vp-card p {
        font-size: 9.5px;
    }

    .ermpl-vp-photo {
        width: 48%;
    }

    .ermpl-vp-action {
        width: 34px;
        height: 34px;

        right: 10px;
        bottom: 10px;

        font-size: 11px;
    }

    .ermpl-vp-learn::after {
        left: 50px;
        bottom: 19px;
    }
}
.ermpl-vp-header {
    opacity: 0;
    transform: translateY(25px);

    transition:
        opacity .8s ease,
        transform .8s ease;
}

.ermpl-vp-header.ermpl-reveal-active {
    opacity: 1;
    transform: translateY(0);
}




/* =========================================
   eRMPL PARTNERSHIP QUOTE SECTION
========================================= */


.ermpl-partnership-quote-banner {
    position: relative;
    overflow: hidden;
    min-height: 185px;

    padding: 28px 30px;

    background: #fdfcf8;

    border-radius: 8px;

    box-shadow:
        0 3px 15px rgba(20, 60, 45, 0.03);
}


/* =========================================
   QUOTE ICON
========================================= */

.ermpl-partnership-quote-icon {
    width: 68px;
    height: 68px;

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

    margin-left: 5px;

    border-radius: 50%;

    background: #edf5ef;
}

.ermpl-partnership-quote-icon span {
    position: relative;
    top: 4px;

    font-family: Georgia, serif;

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

    font-weight: 700;

    color: #17603d;
}


/* =========================================
   QUOTE CONTENT
========================================= */

.ermpl-partnership-quote-content {
    position: relative;

    padding-left: 24px;

    border-left: 3px solid #e97836;
}

.ermpl-partnership-quote-text {
    max-width: 520px;

    margin: 0 0 12px;

    color: #284d68;

    font-size: 17px;
    line-height: 1.45;

    font-weight: 500;
}

.ermpl-partnership-quote-author {
    color: #17603d;

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


/* =========================================
   ILLUSTRATION AREA
========================================= */

.ermpl-partnership-quote-illustration {
    position: relative;

    height: 150px;

    margin-left: 10px;
}



/* =========================================
   IMPACT MESSAGE
========================================= */

.ermpl-partnership-impact-text {
    position: absolute;

    top: 5px;
    right: 0;

    width: 145px;

    z-index: 5;

    text-align: center;

    color: #17603d;

    transform: rotate(-3deg);
}

.ermpl-partnership-impact-text span {
    display: block;

    font-family: "Poppins", sans-serif;

    font-size: 17px;
    line-height: 1.1;

    font-weight: 500;
}

.ermpl-partnership-impact-text strong {
    display: block;

    font-family: "Poppins", sans-serif;

    font-size: 18px;
    line-height: 1.15;

    font-weight: 700;
}

.ermpl-impact-line {
    width: 95px;
    height: 3px;

    margin: 8px auto 0;

    background: #e97836;

    border-radius: 50%;

    transform: rotate(-10deg);
}


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

@media (max-width: 1199px) {

    .ermpl-partnership-quote-text {
        font-size: 15px;
    }

    .ermpl-partnership-quote-illustration {
        height: 145px;
    }

    .ermpl-partnership-impact-text {
        width: 120px;
    }

    .ermpl-partnership-impact-text span,
    .ermpl-partnership-impact-text strong {
        font-size: 15px;
    }

    .ermpl-quote-sun {
        right: 190px;
    }
}


@media (max-width: 991px) {

    .ermpl-partnership-quote-banner {
        padding: 30px;
    }

    .ermpl-partnership-quote-illustration {
        margin-top: 20px;
        margin-left: 0;
    }

    .ermpl-quote-landscape {
        width: 80%;
    }

    .ermpl-partnership-impact-text {
        right: 10px;
    }
}


@media (max-width: 767px) {

    .ermpl-partnership-quote-section {
        padding: 20px 0 45px;
    }

    .ermpl-partnership-quote-banner {
        padding: 25px 20px;
    }

    .ermpl-partnership-quote-icon {
        width: 55px;
        height: 55px;
    }

    .ermpl-partnership-quote-icon span {
        font-size: 45px;
    }

    .ermpl-partnership-quote-content {
        padding-left: 18px;
    }

    .ermpl-partnership-quote-text {
        font-size: 14px;
        line-height: 1.5;
    }

    .ermpl-partnership-quote-author {
        font-size: 12px;
    }

    .ermpl-partnership-quote-illustration {
        height: 135px;
        margin-top: 25px;
    }

    .ermpl-quote-landscape {
        width: 75%;
        height: 125px;
    }

    .ermpl-quote-sun {
        right: 150px;
        width: 50px;
        height: 50px;
    }

    .ermpl-partnership-impact-text {
        width: 105px;
        top: 15px;
        right: 0;
    }

    .ermpl-partnership-impact-text span,
    .ermpl-partnership-impact-text strong {
        font-size: 13px;
    }

    .ermpl-impact-line {
        width: 75px;
    }
}


@media (max-width: 575px) {

    .ermpl-partnership-quote-banner {
        padding: 22px 18px;
    }

    .ermpl-partnership-quote-icon {
        width: 48px;
        height: 48px;
    }

    .ermpl-partnership-quote-icon span {
        font-size: 38px;
    }

    .ermpl-partnership-quote-content {
        padding-left: 14px;
    }

    .ermpl-partnership-quote-text {
        font-size: 13px;
    }

    .ermpl-partnership-quote-illustration {
        height: 120px;
    }

    .ermpl-quote-landscape {
        width: 72%;
        height: 110px;
    }

    .ermpl-quote-sun {
        right: 120px;
        width: 42px;
        height: 42px;
    }

    .ermpl-partnership-impact-text {
        width: 90px;
    }

    .ermpl-partnership-impact-text span,
    .ermpl-partnership-impact-text strong {
        font-size: 11px;
    }
}


/* =========================================
   eRMPL - WHY OUR VENTURES MATTER
========================================= */

.ermpl-ventures-matter {
    position: relative;

    padding: 30px 0 30px;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #f8fbf7 0%,
            #ffffff 100%
        );
}


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

.ermpl-matter-heading-wrap {
    position: relative;
}

.ermpl-matter-intro h2 {
   margin: 0;
    color: var(--ermpl-dark);
    font-size: 34px;
    /* line-height: 1.05; */
    font-weight: 700;
  
}

.ermpl-matter-intro h2 span {
    display: block;
}


.ermpl-matter-orange-line {
    width: 31px;
    height: 3px;

    margin-top: 14px;

    background: #ef6b21;

    border-radius: 4px;
}


.ermpl-matter-intro p {
    max-width: 270px;

    margin: 17px 0 0;

    color: #5a6f78;

    font-size: 12px;

    line-height: 1.6;
}


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

.ermpl-matter-principles {
    margin: 0;
}


.ermpl-matter-item {
    position: relative;

    min-height: 150px;

    padding:
        0 20px
        0 25px;

    border-left: 1px solid #d5dfda;
}


/* =========================================
   ICON
========================================= */

.ermpl-matter-icon {
    width: 38px;
    height: 38px;

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

    margin-bottom: 9px;

    color: #17603d;

    font-size: 26px;
}


.ermpl-matter-item:nth-child(2) .ermpl-matter-icon {
    color: #3c7d4c;
}


.ermpl-matter-item:nth-child(3) .ermpl-matter-icon {
    color: #17603d;
}


.ermpl-matter-item:nth-child(4) .ermpl-matter-icon {
    color: #17603d;
}


/* =========================================
   ITEM TITLE
========================================= */

.ermpl-matter-item h3 {
    margin: 0 0 8px;

    color: #183e36;

    font-size: 14px;

    line-height: 1.15;

    font-weight: 700;
}

.ermpl-matter-item h3 span {
    display: block;
}


/* =========================================
   ITEM DESCRIPTION
========================================= */

.ermpl-matter-item p {
    max-width: 145px;

    margin: 0;

    color: #5b6f70;

    font-size: 10px;

    line-height: 1.5;
}


/* =========================================
   LANDSCAPE
========================================= */

.ermpl-matter-landscape {
    position: relative;

    height: 125px;

    margin-top: 12px;

    overflow: hidden;
}


.ermpl-matter-landscape svg {
    position: absolute;

    left: 0;
    bottom: -2px;

    width: 100%;
    height: 125px;
}


/* =========================================
   ORANGE DECORATIVE BRANCH
========================================= */

.ermpl-matter-orange-branch {
    position: absolute;

    right: 10px;
    bottom: 18px;

    width: 100px;
    height: 80px;
}


.ermpl-matter-orange-branch::before {
    content: "";

    position: absolute;

    right: 30px;
    bottom: 0;

    width: 2px;
    height: 70px;

    background: #ed7428;

    transform:
        rotate(8deg);

    transform-origin: bottom;
}


.ermpl-matter-orange-branch span {
    position: absolute;

    width: 20px;
    height: 35px;

    border:
        1.5px solid #ed7428;

    border-left: 0;

    border-bottom: 0;

    border-radius: 100% 0;

    transform: rotate(-20deg);
}


.ermpl-matter-orange-branch span:nth-child(1) {
    right: 22px;
    top: 9px;
}

.ermpl-matter-orange-branch span:nth-child(2) {
    right: 42px;
    top: 28px;

    transform: rotate(25deg);
}

.ermpl-matter-orange-branch span:nth-child(3) {
    right: 8px;
    top: 40px;
}


/* =========================================
   REVEAL ANIMATION
========================================= */

.ermpl-matter-intro,
.ermpl-matter-item {
    opacity: 0;

    transform: translateY(25px);

    transition:
        opacity .7s ease,
        transform .7s ease;
}


.ermpl-matter-intro.ermpl-reveal-active,
.ermpl-matter-item.ermpl-reveal-active {
    opacity: 1;

    transform: translateY(0);
}


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

@media (max-width: 991px) {

    .ermpl-ventures-matter {
        padding: 65px 0 15px;
    }

    .ermpl-matter-intro {
        padding-right: 0;

        margin-bottom: 35px;
    }

    .ermpl-matter-intro p {
        max-width: 500px;
    }

    .ermpl-matter-item {
        margin-bottom: 30px;
    }

}


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

@media (max-width: 767px) {

    .ermpl-ventures-matter {
        padding: 55px 0 10px;
    }

    .ermpl-matter-intro h2 {
        font-size: 30px;
    }

    .ermpl-matter-item {
        min-height: 145px;

        padding-left: 18px;
        padding-right: 10px;
    }

    .ermpl-matter-item h3 {
        font-size: 13px;
    }

    .ermpl-matter-item p {
        font-size: 9.5px;
    }

    .ermpl-matter-landscape {
        height: 90px;

        margin-top: 5px;
    }

    .ermpl-matter-landscape svg {
        height: 90px;
    }

    .ermpl-matter-orange-branch {
        right: -5px;
        bottom: 5px;

        transform: scale(.75);
        transform-origin: right bottom;
    }

}


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

@media (max-width: 480px) {

    .ermpl-matter-intro h2 {
        font-size: 27px;
    }

    .ermpl-matter-intro p {
        font-size: 11px;
    }

    .ermpl-matter-item {
        min-height: 135px;
    }

    .ermpl-matter-icon {
        font-size: 22px;
    }

    .ermpl-matter-item h3 {
        font-size: 12px;
    }

    .ermpl-matter-item p {
        font-size: 9px;
    }

}



/* Service Page */

/* =========================================
   eRMPL SERVICES TABBED SECTION
========================================= */

.ermpl-services-tabs-section {
    position: relative;
   
    background: #ffffff;
}


/* =========================================
   TAB NAVIGATION
========================================= */

.ermpl-services-tabs-nav {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #dce6df;
}


.ermpl-services-tab {
   position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    /* width: 270px; */
    min-height: 72px;
    padding: 12px 20px;
    border: 0;
    background: transparent;
    color: #173b55;
    cursor: pointer;
    transition: background .3s ease, color .3s ease;
}


.ermpl-services-tab::after {
    content: "";

    position: absolute;

    left: 15%;
    right: 15%;
    bottom: -1px;

    height: 3px;

    background: var(--ermpl-primary);

    transform: scaleX(0);

    transform-origin: center;

    transition: transform .35s ease;
}


.ermpl-services-tab.active {
    background: #ffffff;

    color: var(--ermpl-dark);
}


.ermpl-services-tab.active::after {
    transform: scaleX(1);
}


.ermpl-services-tab:hover {
    background: #f8fbf8;
}


/* TAB ICON */

.ermpl-services-tab-icon {
    width: 39px;
    height: 39px;

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

    flex-shrink: 0;

    color: #17603d;

    font-size: 21px;

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


.ermpl-services-tab:nth-child(2) .ermpl-services-tab-icon {
    color: #17603d;
}


.ermpl-services-tab.active .ermpl-services-tab-icon {
    transform: translateY(-2px);
}


.ermpl-services-tab-content {
    display: flex;
    flex-direction: column;

    text-align: left;
}


.ermpl-services-tab-content strong {
    color: #173b55;

    font-size: 20px;

    line-height: 1.2;

    font-weight: 700;
}


.ermpl-services-tab-content small {
    margin-top: 4px;

    color: #73828b;

    font-size: 12px;

    line-height: 1.2;
}


/* =========================================
   TAB PANELS
========================================= */

.ermpl-services-tab-panels {
    position: relative;
}


.ermpl-services-tab-panel {
    display: none;

    opacity: 0;
}


.ermpl-services-tab-panel.active {
    display: block;

    animation:
        ermplServicesTabIn .5s ease forwards;
}


@keyframes ermplServicesTabIn {

    from {
        opacity: 0;

        transform: translateY(12px);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }

}


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

.ermpl-services-panel-intro {
    position: relative;

    min-height: 400px;

    padding:
        10px
        40px
        20px
        0;
}


.ermpl-services-panel-brand {
    margin-bottom: -3px;

    color: var(--ermpl-dark);

    font-size: 23px;

    font-weight: 700;
}


.ermpl-services-panel-intro h2 {
    margin: 0 0 16px;

    color: var(--ermpl-primary);

    font-size: 32px;

    line-height: 1.05;

    font-weight: 700;
}


.ermpl-services-panel-intro p {
    /* max-width: 285px; */

    margin: 0;

    color: #526979;

    font-size: 16px;

    line-height: 1.65;
}






/* =========================================
   SERVICE LIST
========================================= */

.ermpl-service-list {
    row-gap: 10px;
}


.ermpl-service-item {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 64px;

    padding: 9px 11px;

    border: 1px solid #e6eee8;

    border-radius: 9px;

    background:
        linear-gradient(
            135deg,
            #f7fbf6,
            #ffffff
        );

    text-decoration: none;

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


.ermpl-service-item:hover {
    transform: translateY(-3px);

    border-color: #cbded0;

    background: #ffffff;

    box-shadow:
        0 9px 22px rgba(23, 96, 61, .08);
}


/* NUMBER */

.ermpl-service-number {
    width: 30px;

    flex-shrink: 0;

    color: var(--ermpl-primary);
 font-size: 13px;

    font-weight: 500;
}


/* ICON */

.ermpl-service-icon {
    width: 34px;
    height: 34px;

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

    flex-shrink: 0;

    margin-right: 10px;

    color: var(--ermpl-green);

    font-size: 17px;
}


.ermpl-service-icon.orange {
    color: var(--ermpl-primary);
}


/* INFO */

.ermpl-service-info {
    display: flex;
    flex-direction: column;

    min-width: 0;

    padding-right: 20px;
}


.ermpl-service-info strong {
    display: block;

    color: #183e55;

    font-size: 14px;

    line-height: 1.2;

    font-weight: 700;
}



.ermpl-service-info small {
    display: block;

    margin-top: 4px;

    color: #697b84;

    font-size: 12px;

    line-height: 1.3;
}


/* ARROW */

.ermpl-service-arrow {
    position: absolute;

    right: 10px;

    width: 30px;
    height: 30px;

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

    border-radius: 50%;

    background: #173d55;

    color: #ffffff;

    font-size: 12px;

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


.ermpl-service-item:hover .ermpl-service-arrow {
    background: #17603d;

    transform: translateX(2px);
}


.ermpl-service-item-wide {
    min-height: 58px;
}


/* =========================================
   CONSULTING ITEMS
========================================= */

.ermpl-consulting-list {
    row-gap: 15px;
}


.ermpl-consulting-item {
   display: flex;
    align-items: flex-start;
    min-height: 72px;
    padding: 2px 2px 8px 2px;
    border-bottom: 1px solid #e4ece6;
}


.ermpl-consulting-icon {
    width: 42px;
    height: 42px;

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

    flex-shrink: 0;

    margin-right: 12px;

    border: 1px solid #bcd8c7;

    border-radius: 50%;

    background: #f5faf5;

    color: #17603d;

    font-size: 17px;
}


.ermpl-consulting-icon.orange {
    border-color: #f1c7a9;

    background: #fff8f2;

    color: var(--ermpl-primary);;
}


.ermpl-consulting-item h3 {
    margin: 1px 0 5px;

    color: #183e55;

    font-size: 14px;

    line-height: 1.15;

    font-weight: 700;
}


.ermpl-consulting-item h3 span {
    display: block;
}


.ermpl-consulting-item p {
    margin: 0;

    color: #6a7b82;

    font-size: 12px;

    line-height: 1.4;
}


.ermpl-consulting-wide {
    align-items: center;

    min-height: 65px;

    padding: 10px 14px;

    border:
        1px solid #e4ece6;

    border-radius: 9px;

    background: #f9fbf8;
}


.ermpl-consulting-wide .ermpl-consulting-icon {
    margin-right: 14px;
}


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

@media (max-width: 991px) {

    .ermpl-services-tabs-section {
        padding: 60px 0;
    }

    .ermpl-services-panel-intro {
        min-height: auto;

        padding:
            0
            0
            35px;
    }

    .ermpl-services-panel-intro p {
        max-width: 500px;
    }

    .ermpl-services-panel-line {
        display: none;
    }

    .ermpl-consulting-visual {
        display: none;
    }

}


@media (max-width: 767px) {

    .ermpl-services-tabs-nav {
        margin-bottom: 30px;
    }

    .ermpl-services-tab {
        width: 50%;

        gap: 8px;

        padding: 10px;
    }

    .ermpl-services-tab-icon {
        width: 30px;
        height: 30px;

        font-size: 17px;
    }

    .ermpl-services-tab-content strong {
        font-size: 11px;
    }

    .ermpl-services-tab-content small {
        font-size: 7px;
    }

    .ermpl-services-panel-intro h2 {
        font-size: 27px;
    }

    .ermpl-services-panel-intro p {
        font-size: 11px;
    }

    .ermpl-service-item {
        min-height: 66px;
    }

    .ermpl-service-number {
        width: 25px;

        font-size: 11px;
    }

    .ermpl-service-icon {
        width: 30px;
        height: 30px;

        font-size: 15px;

        margin-right: 7px;
    }

    .ermpl-service-info strong {
        font-size: 10px;
    }

    .ermpl-service-info small {
        font-size: 7.5px;
    }

}


@media (max-width: 480px) {

    .ermpl-services-tabs-nav {
        justify-content: stretch;
    }

    .ermpl-services-tab {
        min-height: 62px;
    }

    .ermpl-services-tab-icon {
        display: none;
    }

    .ermpl-services-tab-content {
        text-align: center;
    }

    .ermpl-service-item {
        padding-right: 35px;
    }

    .ermpl-service-info small {
        max-width: 180px;
    }

}
/* =========================================
   eRMPL SERVICES TAB ANIMATIONS
========================================= */


/* =========================================
   PANEL ENTER
========================================= */

.ermpl-services-tab-panel.ermpl-tab-enter {

    animation:
        ermplServicePanelEnter
        .55s
        cubic-bezier(.22, .61, .36, 1)
        forwards;
}


@keyframes ermplServicePanelEnter {

    0% {
        opacity: 0;

        transform:
            translateY(18px);
    }

    100% {
        opacity: 1;

        transform:
            translateY(0);
    }

}


/* =========================================
   SERVICE CARDS
========================================= */

.ermpl-service-item {

    opacity: 0;

    transform:
        translateY(18px)
        scale(.98);

    transition:
        opacity .55s ease,
        transform .55s cubic-bezier(.22, .61, .36, 1),
        box-shadow .3s ease,
        border-color .3s ease;

    transition-delay:
        var(--ermpl-service-delay, 0s);
}


.ermpl-service-item.ermpl-service-item-visible {

    opacity: 1;

    transform:
        translateY(0)
        scale(1);
}


/* =========================================
   CONSULTING CARDS
========================================= */

.ermpl-consulting-item {

    opacity: 0;

    transform:
        translateY(18px);

    transition:
        opacity .6s ease,
        transform .6s cubic-bezier(.22, .61, .36, 1),
        border-color .3s ease;

    transition-delay:
        var(--ermpl-consulting-delay, 0s);
}


.ermpl-consulting-item.ermpl-consulting-item-visible {

    opacity: 1;

    transform:
        translateY(0);
}


/* =========================================
   TAB ICON ANIMATION
========================================= */

.ermpl-services-tab.active
.ermpl-services-tab-icon {

    animation:
        ermplTabIconPop
        .45s
        ease;
}


@keyframes ermplTabIconPop {

    0% {
        opacity: 0;

        transform:
            scale(.7)
            translateY(4px);
    }

    70% {
        transform:
            scale(1.12)
            translateY(-2px);
    }

    100% {
        opacity: 1;

        transform:
            scale(1)
            translateY(0);
    }

}


/* =========================================
   TAB TEXT
========================================= */

.ermpl-services-tab.active
.ermpl-services-tab-content {

    animation:
        ermplTabTextIn
        .45s
        ease;
}


@keyframes ermplTabTextIn {

    from {
        opacity: 0;

        transform:
            translateX(-7px);
    }

    to {
        opacity: 1;

        transform:
            translateX(0);
    }

}


/* =========================================
   SERVICE ARROW
========================================= */

.ermpl-service-arrow {

    transition:
        transform .35s ease,
        background .3s ease;
}


.ermpl-service-item:hover
.ermpl-service-arrow {

    transform:
        translateX(3px)
        rotate(-5deg);
}


/* =========================================
   CONSULTING ICON
========================================= */

.ermpl-consulting-item:hover
.ermpl-consulting-icon {

    transform:
        translateY(-2px)
        scale(1.05);

    transition:
        transform .3s ease;
}








/* Service Page */
/* =========================================
   OUR APPROACH SECTION
========================================= */

.ermpl-approach-section {
    position: relative;
    overflow: hidden;
    padding: 40px 0 40px;
    background:
        linear-gradient(
            110deg,
            #f4f9f2 0%,
            #f9fbf6 48%,
            #f4f9f1 100%
        );
}


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

.ermpl-approach-intro {
    position: relative;
    z-index: 5;
    padding-right: 35px;
}

.ermpl-approach-intro h2 {
    margin: 0;
    color:var(--ermpl-dark);
    font-size: 27px;
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.ermpl-approach-intro h2 span {
    display: block;
    color: var(--ermpl-green-dark);
    font-size: 26px;
    font-weight: 700;
    margin-top: 2px;
}

.ermpl-approach-line {
    width: 32px;
    height: 3px;
    margin: 12px 0 10px;
    background: var(--ermpl-primary);
}

.ermpl-approach-intro p {
    max-width: 280px;
    margin: 0;
    color: #61707b;
    font-size: 12px;
    line-height: 1.45;
}


/* =========================================
   PROCESS
========================================= */

.ermpl-approach-process {
    position: relative;
    z-index: 5;

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

    width: 100%;
}


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

.ermpl-approach-step {
    width: 130px;
    flex: 0 0 130px;
    text-align: center;

    opacity: 0;
    transform: translateY(25px);

    transition:
        opacity 0.65s ease,
        transform 0.65s cubic-bezier(.22, .61, .36, 1);
}

.ermpl-approach-step.ermpl-reveal-active {
    opacity: 1;
    transform: translateY(0);
}


/* =========================================
   ICON CIRCLE
========================================= */

.ermpl-approach-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 60px;
    height: 60px;

    margin: 0 auto 7px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.55);

    border: 2px solid #c9dfc8;
}

.ermpl-approach-step:nth-child(1) .ermpl-approach-icon-wrap {
    border-color: #b8d8b8;
}

.ermpl-approach-step:nth-child(3) .ermpl-approach-icon-wrap {
    border-color: #f5c6a5;
}

.ermpl-approach-step:nth-child(5) .ermpl-approach-icon-wrap {
    border-color: #c6dfc5;
}

.ermpl-approach-step:nth-child(7) .ermpl-approach-icon-wrap {
    border-color: #f5b486;
}


.ermpl-approach-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    color: #3f8b5b;
    font-size: 23px;
}

.ermpl-approach-step:nth-child(3) .ermpl-approach-icon {
    color: #f47b32;
}

.ermpl-approach-step:nth-child(7) .ermpl-approach-icon {
    color: #f47b32;
}


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

.ermpl-approach-number {
    margin-top: 1px;

    color: #f47b32;

    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}


/* =========================================
   TITLE
========================================= */

.ermpl-approach-step h3 {
    margin: 5px 0 5px;

    color: var(--ermpl-green-dark);

    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}


/* =========================================
   DESCRIPTION
========================================= */

.ermpl-approach-step p {
    max-width: 105px;

    margin: 0 auto;

    color: #68767e;

    font-size: 14px;
    line-height: 1.35;
}


/* =========================================
   CONNECTORS
========================================= */

.ermpl-approach-connector {
    display: flex;
    align-items: center;

    width: 55px;

    margin-top: 30px;

    color: #88a99b;
}

.ermpl-approach-connector span {
    flex: 1;

    height: 1px;

    border-top:
        1px dashed #8daf9f;
}

.ermpl-approach-connector i {
    margin-left: 5px;

    font-size: 8px;

    color: #88a99b;
}


/* =========================================
   BOTTOM LANDSCAPE
========================================= */

.ermpl-approach-landscape {
    position: absolute;

    left: 0;
    right: 0;
    bottom: -2px;

    height: 43px;

    pointer-events: none;
    overflow: hidden;
}


/* Dark green bottom curve */

.ermpl-landscape-wave {
    position: absolute;

    left: -5%;
    bottom: -34px;

    width: 110%;
    height: 65px;

    background: #073c36;

    border-radius: 50% 50% 0 0 / 65% 65% 0 0;

    transform: rotate(-1deg);
}


/* Light green hills */

.ermpl-landscape-hill {
    position: absolute;

    bottom: -30px;

    width: 270px;
    height: 70px;

    border-radius: 50%;

    opacity: .75;
}

.ermpl-landscape-hill.hill-one {
    left: 18%;

    background: #d8e8d1;

    transform: rotate(-7deg);
}

.ermpl-landscape-hill.hill-two {
    left: 43%;

    width: 350px;

    background: #e6efdf;

    transform: rotate(5deg);
}


/* Fine landscape lines */

.ermpl-landscape-lines {
    position: absolute;

    left: 25%;
    bottom: 1px;

    width: 45%;
    height: 25px;

    opacity: .45;

    background:
        repeating-linear-gradient(
            170deg,
            transparent 0,
            transparent 7px,
            #9dbd9c 8px,
            transparent 9px
        );
}


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

.ermpl-approach-step:hover
.ermpl-approach-icon-wrap {
    transform: translateY(-3px);
    box-shadow: 0 7px 18px rgba(32, 82, 58, .10);
}

.ermpl-approach-icon-wrap {
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


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

@media (max-width: 991px) {

    .ermpl-approach-section {
        padding: 50px 0 70px;
    }

    .ermpl-approach-intro {
        text-align: center;
        padding-right: 0;
        margin-bottom: 40px;
    }

    .ermpl-approach-intro p {
        margin-left: auto;
        margin-right: auto;
    }

    .ermpl-approach-line {
        margin-left: auto;
        margin-right: auto;
    }

    .ermpl-approach-process {
        justify-content: center;
    }

}


@media (max-width: 767px) {

    .ermpl-approach-section {
        padding: 45px 0 65px;
    }

    .ermpl-approach-intro h2 {
        font-size: 25px;
    }

    .ermpl-approach-intro h2 span {
        font-size: 23px;
    }

    .ermpl-approach-process {
        flex-wrap: wrap;
        row-gap: 35px;
    }

    .ermpl-approach-step {
        width: 42%;
        flex: 0 0 42%;
    }

    .ermpl-approach-connector {
        display: none;
    }

    .ermpl-approach-icon-wrap {
        width: 58px;
        height: 58px;
    }

    .ermpl-approach-step p {
        max-width: 130px;
    }

}


@media (max-width: 480px) {

    .ermpl-approach-process {
        row-gap: 30px;
    }

    .ermpl-approach-step {
        width: 48%;
        flex-basis: 48%;
    }

}
/* Servce Page */





/* =========================================
   TESTIMONIAL + FAQ SECTION
========================================= */

.ermpl-testimonial-faq-section {
    position: relative;
    overflow: hidden;

    padding: 48px 0 55px;

    background:
        linear-gradient(
            100deg,
            #fffaf4 0%,
            #ffffff 48%,
            #ffffff 100%
        );
}


/* =========================================
   TESTIMONIAL
========================================= */

.ermpl-testimonial-wrapper {
    position: relative;

    min-height: 275px;

    padding: 20px 25px 35px 30px;

    overflow: hidden;
}


/* =========================================
   CAROUSEL
========================================= */

.ermpl-testimonial-carousel {
    position: relative;

    width: 100%;
    min-height: 230px;
}


/* =========================================
   SLIDE
========================================= */

.ermpl-testimonial-slide {
    position: absolute;

    top: 0;
    left: 0;

    display: flex;
    align-items: center;

    width: 100%;
    min-height: 230px;

    opacity: 0;
    visibility: hidden;

    transform: translateX(15px);

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


.ermpl-testimonial-slide.active {
    position: relative;

    opacity: 1;
    visibility: visible;

    transform: translateX(0);
}


/* =========================================
   TESTIMONIAL CONTENT
========================================= */

.ermpl-testimonial-content {
    position: relative;
    z-index: 3;

    width: 57%;

    padding-left: 10px;
    padding-right: 10px;
}


/* =========================================
   QUOTE
========================================= */

.ermpl-testimonial-quote {
    height: 38px;

    color: #f47728;

    font-family: Georgia, serif;

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

    line-height: .85;

    margin-bottom: 8px;
}


.ermpl-testimonial-text {
    max-width: 300px;

    margin: 0 0 14px;

    color: #3f4d55;

    font-size: 12px;

    line-height: 1.55;
}


/* =========================================
   PERSON
========================================= */

.ermpl-testimonial-person {
    position: relative;

    padding-left: 9px;
}


.ermpl-testimonial-person::before {
    content: "";

    position: absolute;

    left: 0;
    top: 1px;

    width: 3px;
    height: 38px;

    border-radius: 2px;

    background: #f47b32;
}


.ermpl-testimonial-person h4 {
    margin: 0 0 3px;

    color: #245b45;

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


.ermpl-testimonial-person span {
    color: #78827f;

    font-size: 10px;
}


/* =========================================
   TESTIMONIAL IMAGE
========================================= */

.ermpl-testimonial-image {
    position: relative;

    width: 43%;
    height: 220px;

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


.ermpl-testimonial-image-shape {
    position: relative;

    width: 205px;
    height: 215px;

    overflow: hidden;

    clip-path: polygon(
        12% 15%,
        32% 5%,
        52% 8%,
        70% 2%,
        88% 15%,
        96% 32%,
        91% 52%,
        97% 72%,
        84% 91%,
        65% 94%,
        47% 98%,
        29% 91%,
        13% 94%,
        7% 76%,
        2% 56%,
        9% 39%,
        3% 26%
    );

    background: #e9f0e3;
}


.ermpl-testimonial-image-shape::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.18),
            transparent 55%
        );

    pointer-events: none;
}


.ermpl-testimonial-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* =========================================
   TESTIMONIAL INDICATORS
========================================= */

.ermpl-testimonial-indicators {
    position: absolute;

    left: 50%;

    bottom: 2px;

    display: flex;
    align-items: center;

    gap: 7px;

    transform: translateX(-50%);
}


.ermpl-testimonial-indicators button {
    width: 7px;
    height: 7px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background: #d7ddd9;

    cursor: pointer;

    transition:
        width .3s ease,
        background .3s ease,
        border-radius .3s ease;
}


.ermpl-testimonial-indicators button.active {
    width: 18px;

    border-radius: 5px;

    background: var(--ermpl-primary);
}


/* =========================================
   FAQ
========================================= */

.ermpl-faq-wrapper {
    padding-left: 18px;
}


/* =========================================
   FAQ HEADING
========================================= */

.ermpl-faq-heading {
    margin-bottom: 12px;
}


.ermpl-faq-heading h2 {
    margin: 0;

    color: #102f50;

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

    line-height: 1.1;
}


.ermpl-faq-heading span {
    display: block;

    width: 36px;
    height: 3px;

    margin-top: 7px;

    background: var(--ermpl-primary);
}


/* =========================================
   FAQ ITEM
========================================= */

.ermpl-faq-item {
    overflow: hidden;

    margin-bottom: 6px;

    border: 1px solid #e9ece9;

    border-radius: 7px;

    background: #ffffff;

    box-shadow:
        0 2px 7px rgba(30, 65, 45, .035);

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


.ermpl-faq-item.active {
    border-color: #dfe7e0;

    box-shadow:
        0 4px 12px rgba(30, 65, 45, .06);
}


/* =========================================
   QUESTION
========================================= */

.ermpl-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    min-height: 39px;

    padding: 9px 14px;

    border: 0;

    background: transparent;

    color: #334957;

    text-align: left;

    font-family: inherit;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
}


.ermpl-faq-question span {
    padding-right: 15px;
}


.ermpl-faq-question i {
    flex-shrink: 0;

    color: var(--ermpl-green-dark);

    font-size: 14px;

    transition:
        transform .3s ease;
}


.ermpl-faq-item.active
.ermpl-faq-question i {
    transform: rotate(45deg);

    color: #f47728;
}


/* =========================================
   FAQ ANSWER
========================================= */

.ermpl-faq-answer {
    display: grid;

    grid-template-rows: 0fr;

    transition:
        grid-template-rows .35s ease;
}


.ermpl-faq-answer p {
    overflow: hidden;

    margin: 0;

    padding: 0 14px;

    color: #6e7c7b;

    font-size: 14px;

    line-height: 1.5;

    transition:
        padding .35s ease;
}


.ermpl-faq-item.active
.ermpl-faq-answer {
    grid-template-rows: 1fr;
}


.ermpl-faq-item.active
.ermpl-faq-answer p {
    padding-top: 0;
    padding-bottom: 11px;
}


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

@media (max-width: 991px) {

    .ermpl-testimonial-faq-section {
        padding: 45px 0;
    }

    .ermpl-testimonial-wrapper {
        max-width: 650px;

        margin: 0 auto 35px;
    }

    .ermpl-faq-wrapper {
        max-width: 650px;

        margin: auto;

        padding-left: 0;
    }

}


@media (max-width: 767px) {

    .ermpl-testimonial-wrapper {
        min-height: 330px;

        padding: 10px 5px 35px;
    }

    .ermpl-testimonial-carousel {
        min-height: 285px;
    }

    .ermpl-testimonial-slide {
        flex-direction: column;

        min-height: 285px;

        text-align: center;
    }

    .ermpl-testimonial-content {
        width: 100%;

        padding: 0 10px;

        order: 2;
    }

    .ermpl-testimonial-image {
        width: 100%;
        height: 145px;

        order: 1;

        margin-bottom: 8px;
    }

    .ermpl-testimonial-image-shape {
        width: 135px;
        height: 140px;
    }

    .ermpl-testimonial-quote {
        height: 25px;

        font-size: 45px;
    }

    .ermpl-testimonial-text {
        max-width: 360px;

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

        font-size: 11px;
    }

    .ermpl-testimonial-person {
        display: inline-block;

        text-align: left;
    }

    .ermpl-faq-heading h2 {
        font-size: 22px;
    }

}


@media (max-width: 480px) {

    .ermpl-testimonial-image {
        height: 125px;
    }

    .ermpl-testimonial-image-shape {
        width: 120px;
        height: 120px;
    }

    .ermpl-testimonial-text {
        font-size: 10.5px;
    }

}
.impact-page-stat{
    flex-direction: column;
    justify-content: center;

}
.impact-page-stat .ermpl-impact-stat-content{
    text-align: center;
}
.impact-page-stat::after{
        content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 115px;
    background: #b9c4be;
}
.impact-page-stat .ermpl-impact-stat-icon{
   flex:unset;
       width: 60px;
    height: 60px;
    border-radius: 50%;
}
.impact-page-stat-icon-orange{
      background: rgba(245, 130, 32, 0.065);
      border: 1px solid var(--ermpl-primary);
      color: var(--ermpl-primary);
}
.impact-page-stat-icon-green{
    background: rgba(61, 139, 69, 0.055);
      border: 1px solid var(--ermpl-green);
      color: var(--ermpl-green);
}
.impact-page-stat-content h3{
    color: var(--ermpl-dark) !important;
}

/* =========================================
   IMPACT IN FOCUS
========================================= */

.ermpl-impact-focus-section {
    position: relative;
    overflow: hidden;

    padding: 55px 0 60px;

    background:
        linear-gradient(
            105deg,
            #ffffff 0%,
            #fcfdfb 55%,
            #f9fcf8 100%
        );
}


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

.ermpl-impact-focus-content {
    padding-right: 45px;
}


/* =========================================
   SMALL LABEL
========================================= */

.ermpl-impact-focus-label {
    display: inline-block;

    margin-bottom: 8px;

    color: #236348;

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

    letter-spacing: .3px;
}


/* orange underline */

.ermpl-impact-focus-label::after {
    content: "";

    display: block;

    width: 27px;
    height: 3px;

    margin-top: 5px;

    background: #f47b32;
}


/* =========================================
   MAIN HEADING
========================================= */

.ermpl-impact-focus-content h2 {
    margin: 0;

    color: var(--ermpl-dark);

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

    line-height: 1.12;

    letter-spacing: -1px;
}


.ermpl-impact-focus-content h2 span {
    color: #ef6f20;
}


/* =========================================
   DIVIDER
========================================= */

.ermpl-impact-focus-line {
    width: 35px;
    height: 3px;

    margin: 15px 0 15px;

    background: #f47b32;
}


/* =========================================
   DESCRIPTION
========================================= */

.ermpl-impact-focus-content p {
    max-width: 420px;

    margin: 10px 0 20px;

    color: #5c6870;

    font-size: 16px;

    line-height: 1.55;
}


/* =========================================
   CTA BUTTON
========================================= */

.ermpl-impact-focus-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 20px;

    min-width: 225px;

    padding: 12px 17px 12px 22px;

    border-radius: 28px;

    background: #08783f;

    color: #ffffff;

    text-decoration: none;

    font-size: 12px;
    font-weight: 600;

    box-shadow:
        0 5px 14px rgba(8, 120, 63, .16);

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


.ermpl-impact-focus-btn i {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 21px;
    height: 21px;

    border-radius: 50%;

    font-size: 9px;

    transition:
        transform .3s ease;
}


.ermpl-impact-focus-btn:hover {
    background: #056a37;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(8, 120, 63, .22);
}


.ermpl-impact-focus-btn:hover i {
    transform: translateX(3px);
}


/* =========================================
   CARDS AREA
========================================= */

.ermpl-impact-focus-cards {
    margin-top: 0;
}


/* =========================================
   CARD COLUMN
========================================= */

.ermpl-impact-focus-cards > div {
    padding: 6px;
}


/* =========================================
   IMPACT CARD
========================================= */

.ermpl-impact-focus-card {
    position: relative;

    display: flex;
    align-items: flex-start;

    min-height: 137px;

    padding: 17px 42px 17px 18px;

    border: 1px solid #e7ece7;

    border-radius: 9px;

    background: #ffffff;

    box-shadow:
        0 3px 12px rgba(25, 60, 40, .035);

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


.ermpl-impact-focus-card:hover {
    transform: translateY(-3px);

    border-color: #d6e3d7;

    box-shadow:
        0 9px 22px rgba(25, 60, 40, .09);
}


/* =========================================
   ICON
========================================= */

.ermpl-impact-focus-icon {
    flex-shrink: 0;

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

    width: 55px;
    height: 55px;

    margin-right: 14px;

    border-radius: 50%;

    font-size: 22px;
}


.ermpl-impact-focus-icon.green {
    background: #eff8ee;

    color: #236f48;
}


.ermpl-impact-focus-icon.orange {
    background: #fff3e7;

    color: #ef7428;
}


/* =========================================
   CARD CONTENT
========================================= */

.ermpl-impact-focus-card-content {
    padding-top: 3px;
}


.ermpl-impact-focus-card-content h3 {
       margin: 0 0 6px;
    color: #236348;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
}


.ermpl-impact-focus-card:nth-child(2)
.ermpl-impact-focus-card-content h3,

.ermpl-impact-focus-cards
> div:nth-child(3)
.ermpl-impact-focus-card-content h3 {
    color: #ef7428;
}


.ermpl-impact-focus-card-content p {
    max-width: 245px;

    margin: 0;

    color: #68737a;

    font-size: 14px;

    line-height: 1.4;
}


/* =========================================
   CARD ARROW
========================================= */

.ermpl-impact-focus-arrow {
   position: absolute;
    right: 13px;
    bottom: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--ermpl-green-dark);
    border-radius: 50%;
    background: #ffffff;
    color: var(--ermpl-green-dark);
    text-decoration: none;
    font-size: 14px;
    transition: background .25s ease, color .25s ease, transform .25s ease;
}


.ermpl-impact-focus-arrow:hover {
    background: #208050;

    color: #ffffff;

    transform: translateX(2px);
}


/* =========================================
   REVEAL ANIMATION
========================================= */

.ermpl-impact-focus-content,
.ermpl-impact-focus-card {
    opacity: 0;

    transform: translateY(25px);

    transition:
        opacity .65s ease,
        transform .65s cubic-bezier(.22, .61, .36, 1);

    transition-delay:
        var(--ermpl-impact-delay, 0s);
}


.ermpl-impact-focus-content.ermpl-reveal-active,
.ermpl-impact-focus-card.ermpl-reveal-active {
    opacity: 1;

    transform: translateY(0);
}


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

@media (max-width: 1199px) {

    .ermpl-impact-focus-content {
        padding-right: 25px;
    }

    .ermpl-impact-focus-content h2 {
        font-size: 31px;
    }

    .ermpl-impact-focus-card {
        min-height: 145px;

        padding-left: 14px;
        padding-right: 38px;
    }

    .ermpl-impact-focus-icon {
        width: 50px;
        height: 50px;

        margin-right: 11px;

        font-size: 20px;
    }

}


@media (max-width: 991px) {

    .ermpl-impact-focus-section {
        padding: 45px 0;
    }

    .ermpl-impact-focus-content {
        padding-right: 0;

        margin-bottom: 30px;
    }

    .ermpl-impact-focus-content h2 {
        font-size: 32px;
    }

    .ermpl-impact-focus-content p {
        max-width: 600px;
    }

}


@media (max-width: 767px) {

    .ermpl-impact-focus-section {
        padding: 40px 0;
    }

    .ermpl-impact-focus-content h2 {
        font-size: 28px;

        letter-spacing: -.5px;
    }

    .ermpl-impact-focus-content p {
        font-size: 12px;
    }

    .ermpl-impact-focus-card {
        min-height: 125px;
    }

    .ermpl-impact-focus-card-content h3 {
        font-size: 14px;
    }

}


@media (max-width: 480px) {

    .ermpl-impact-focus-content h2 {
        font-size: 25px;
    }

    .ermpl-impact-focus-cards > div {
        padding-left: 0;
        padding-right: 0;
    }

    .ermpl-impact-focus-card {
        padding: 15px 38px 15px 14px;
    }

    .ermpl-impact-focus-icon {
        width: 48px;
        height: 48px;

        margin-right: 10px;

        font-size: 18px;
    }

}

/* =========================================
   PREMIUM IMPACT SECTION
========================================= */

.ermpl-impact-premium {

    position: relative;

    overflow: hidden;

   

    background:
        radial-gradient(
            circle at 78% 30%,
            rgba(31, 102, 76, .45),
            transparent 30%
        ),
        linear-gradient(
            135deg,
             var(--ermpl-green-dark) 0%,
             var(--ermpl-green-dark) 48%,
             var(--ermpl-green-dark) 100%
        );

    color: #ffffff;
}


/* =========================================
   CONTAINER
========================================= */

.ermpl-impact-container {

    position: relative;

    z-index: 5;

    width: 100%;

    max-width: 1440px;

    margin: 0 auto;

    padding: 0 55px;
}


/* =========================================
   BACKGROUND LEAVES
========================================= */




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

.ermpl-impact-intro {

    position: relative;

    padding-right: 25px;

}


.ermpl-impact-eyebrow {

    color: #dcefe0;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1px;
}


.ermpl-impact-eyebrow-line {

    width: 30px;
    height: 2px;

    margin: 8px 0 12px;

    background: #ff8b35;
}


.ermpl-impact-intro h2 {

    margin: 0;

    color: #ffffff;

    font-size: 35px;

    font-weight: 600;

    line-height: 1.05;

    letter-spacing: -1px;

}


.ermpl-impact-intro h2 span {

    color: var(--ermpl-primary);

}


.ermpl-impact-intro p {

  max-width: 390px;
    margin: 22px 0 25px;
    /* color: rgba(255, 255, 255, .68); */
    font-size: 16px;
    line-height: 1.65;

}


/* =========================================
   MAIN CTA
========================================= */

.ermpl-impact-main-btn {

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    min-width: 205px;

    padding: 13px 18px 13px 22px;

    border-radius: 30px;

    background: var(--ermpl-primary);

    color: #ffffff;

    text-decoration: none;

    font-size: 11px;

    font-weight: 600;

    box-shadow:
        0 8px 25px rgba(255, 134, 47, .18);

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


.ermpl-impact-main-btn i {

    font-size: 10px;

    transition:
        transform .3s ease;
}


.ermpl-impact-main-btn:hover {

    color: #ffffff;

    background: var(--ermpl-primary);

    transform: translateY(-2px);

    box-shadow:
        0 12px 30px rgba(255, 134, 47, .25);
}


.ermpl-impact-main-btn:hover i {

    transform: translateX(4px);

}


/* =========================================
   STATISTICS GRID
========================================= */

.ermpl-impact-stat-grid {

    display: flex;

    flex-wrap: wrap;

    margin: -6px;

}


.ermpl-impact-stat-card {

    position: relative;

    display: flex;

    align-items: center;

    width: calc(50% - 12px);

    min-height: 110px;

    margin: 6px;

    padding: 20px;

    overflow: hidden;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            #fffdf7,
            #f5faf5
        );

    box-shadow:
        0 12px 30px rgba(0,0,0,.08);

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


.ermpl-impact-stat-card:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 38px rgba(0,0,0,.14);

}


/* =========================================
   STAT ICON
========================================= */

.ermpl-impact-stat-icon {

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 55px;
    height: 55px;

    margin-right: 15px;

    border-radius: 50%;

    font-size: 22px;

}


.ermpl-impact-stat-icon.orange {

    color: var(--ermpl-primary);

    background:
        #fff1df;

}


.ermpl-impact-stat-icon.green {

    color: #167147;

    background:
        #e7f4e9;

}


/* =========================================
   STAT CONTENT
========================================= */

.ermpl-impact-stat-content strong {

    display: block;

    color: var(--ermpl-green-dark);

    font-size: 27px;

    font-weight: 700;

    line-height: 1;

}


.ermpl-impact-stat-content strong span {

    color: var(--ermpl-primary);

}


.ermpl-impact-stat-content p {

    margin: 7px 0 0;

    color: #4d6260;

    font-size: 14px;

    line-height: 1.4;

}
.foundation-csr-vp-heading strong{
    display: unset;
}

.ermpl-impact-stat-line {

    width: 28px;
    height: 2px;

    margin-top: 12px;

}


.orange-line {

    background: var(--ermpl-primary);

}


.green-line {

    background: var(--ermpl-green-dark);

}


/* =========================================
   STAT ARROW
========================================= */

.ermpl-impact-stat-arrow {

    position: absolute;

    right: 15px;
    bottom: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 27px;
    height: 27px;

    border: 1px solid #a7c4b1;

    border-radius: 50%;

    color: var(--ermpl-green-dark);

    font-size: 9px;

    text-decoration: none;

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


.ermpl-impact-stat-arrow:hover {

    background: var(--ermpl-green-dark);

    color: #ffffff;

    transform: translateX(2px);

}


/* =========================================
   QUOTE CARD
========================================= */
.ermpl-impact-quote-card .quote-image{
    position: absolute;
    height: 70px;
    right: 3%;
    bottom: 3%;
    opacity: 0.5;
}
.ermpl-impact-quote-card {

    position: relative;

    min-height: 230px;

    height: 100%;

    overflow: hidden;

    padding: 27px 25px;

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

    border-radius: 15px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.015)
        );

    backdrop-filter:
        blur(8px);

}


.ermpl-impact-quote-card blockquote {

    position: relative;

    z-index: 3;

    max-width: 250px;

    /* margin: 20px 0; */

    color: #ffffff;

  
    font-size: 20px;

    line-height: 1.35;

}


.ermpl-impact-quote-line {

    width: 36px;
    height: 2px;

    margin-bottom: 13px;

    background: var(--ermpl-primary);

}


.ermpl-impact-author {

    position: relative;

    z-index: 5;

    display: flex;

    flex-direction: column;

}


.ermpl-impact-author strong {

    color: #ffffff;

    font-size: 14px;

}


.ermpl-impact-author span {

    margin-top: 4px;

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

    font-size: 12px;

}





/* =========================================
   REVEAL ANIMATION
========================================= */

.ermpl-impact-intro,
.ermpl-impact-stat-card,
.ermpl-impact-quote-card,
.ermpl-impact-bottom-item {

    opacity: 0;

    transform:
        translateY(25px);

    transition:
        opacity .7s ease,
        transform .7s
        cubic-bezier(.22,.61,.36,1);

    transition-delay:
        var(--ermpl-impact-delay, 0s);

}


.ermpl-impact-intro.ermpl-reveal-active,
.ermpl-impact-stat-card.ermpl-reveal-active,
.ermpl-impact-quote-card.ermpl-reveal-active,
.ermpl-impact-bottom-item.ermpl-reveal-active {

    opacity: 1;

    transform:
        translateY(0);

}


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

@media (max-width: 1199px) {

    .ermpl-impact-container {

        padding:
            0 35px;

    }


    .ermpl-impact-intro h2 {

        font-size: 38px;

    }


    .ermpl-impact-stat-card {

        min-height: 135px;

        padding: 16px;

    }


    .ermpl-impact-bottom {

        margin-left: -35px;
        margin-right: -35px;

        padding-left: 35px;
        padding-right: 35px;

    }

}


@media (max-width: 991px) {

    .ermpl-impact-premium {

        padding-top: 55px;

    }


    .ermpl-impact-intro {

        margin-bottom: 35px;

    }


    .ermpl-impact-stat-grid {

        margin-bottom: 15px;

    }


    .ermpl-impact-quote-card {

        min-height: 260px;

        margin-top: 5px;

    }


    .ermpl-impact-bottom {

        flex-wrap: wrap;

        gap: 15px;

    }

}


@media (max-width: 767px) {

    .ermpl-impact-container {

        padding:
            0 20px;

    }


    .ermpl-impact-intro h2 {

        font-size: 34px;

    }


    .ermpl-impact-stat-card {

        width:
            calc(100% - 12px);

        min-height: 115px;

    }


    .ermpl-impact-quote-card {

        margin-top: 10px;

    }


    .ermpl-impact-bottom {

        display: none;

    }

}


@media (max-width: 480px) {

    .ermpl-impact-intro h2 {

        font-size: 29px;

    }


    .ermpl-impact-intro p {

        font-size: 11px;

    }


    .ermpl-impact-stat-content strong {

        font-size: 23px;

    }


    .ermpl-impact-stat-icon {

        width: 48px;
        height: 48px;

        margin-right: 11px;

    }

}

.foundation-csr-stat .ermpl-impact-stat-icon{
      width: 65px;
    height: 65px;
    border: 1px solid #b9c4be65;
    flex: unset;
    font-size: 26px;
}

/* =========================================
   FOCUS AREA CARDS
========================================= */

.ermpl-focus-area-row {
    margin-top: 38px;
    margin-left: -7px;
    margin-right: -7px;
}

.ermpl-focus-area-row > div {
    padding-left: 7px;
    padding-right: 7px;
}


/* =========================================
   CARD
========================================= */

.ermpl-focus-area-card {
    position: relative;

    min-height: 236px;

    padding: 20px 22px 22px;

    overflow: hidden;

    border: 1px solid #e1e9e1;

    border-radius: 8px;

    background: #ffffff;

    box-shadow:
        0 2px 8px rgba(28, 70, 45, 0.035);

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


.ermpl-focus-area-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 12px 28px rgba(28, 70, 45, 0.09);
}


/* =========================================
   GREEN CARD
========================================= */

.ermpl-focus-green {
    border-color: #dce8dc;
}


/* =========================================
   ORANGE CARD
========================================= */

.ermpl-focus-orange {
    border-color: #eee2d7;
}


/* =========================================
   ICON CIRCLE
========================================= */

.ermpl-focus-area-icon {
    display: flex;

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

    width: 57px;
    height: 57px;

    margin-bottom: 17px;

    border-radius: 50%;

    font-size: 23px;

    transition:
        transform .3s ease;
}


.ermpl-focus-green .ermpl-focus-area-icon {
    color: #1d6a43;

    background:
        #edf7ed;

    border: 1px solid #dcebdc;
}


.ermpl-focus-orange .ermpl-focus-area-icon {
    color: #ed7628;

    background:
        #fff3e6;

    border: 1px solid #f4dfca;
}


.ermpl-focus-area-card:hover
.ermpl-focus-area-icon {
    transform: translateY(-3px) scale(1.03);
}


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

.ermpl-focus-area-content {
    padding-right: 15px;
}


.ermpl-focus-area-content h3 {
    margin: 0 0 10px;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.2;
}


.ermpl-focus-green
.ermpl-focus-area-content h3 {
    color: var(--ermpl-green-dark);
}


.ermpl-focus-orange
.ermpl-focus-area-content h3 {
    color: var(--ermpl-primary);
}


.ermpl-focus-area-content p {
    max-width: 220px;

    margin: 0;

    color: #52605f;

    font-size: 14px;

    line-height: 1.55;
}


/* =========================================
   ARROW BUTTON
========================================= */

.ermpl-focus-area-arrow {
    position: absolute;

    right: 12px;
    bottom: 12px;

    display: flex;

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

    width: 35px;
    height: 35px;

    border-radius: 50%;

    background: #ffffff;

    text-decoration: none;

    font-size: 12px;

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


.ermpl-focus-green
.ermpl-focus-area-arrow {
    border: 1px solid #559371;

    color: #23714b;
}


.ermpl-focus-orange
.ermpl-focus-area-arrow {
    border: 1px solid #efa061;

    color: #ed7628;
}


.ermpl-focus-area-arrow:hover {
    color: #ffffff;

    transform: translateX(3px);
}


.ermpl-focus-green
.ermpl-focus-area-arrow:hover {
    background: var(--ermpl-green-dark);
}


.ermpl-focus-orange
.ermpl-focus-area-arrow:hover {
    background: var(--ermpl-primary);
}


/* =========================================
   REVEAL ANIMATION
========================================= */

.ermpl-focus-area-card {
    opacity: 0;

    transform: translateY(25px);

    transition:
        opacity .65s ease,
        transform .65s cubic-bezier(.22, .61, .36, 1),
        box-shadow .35s ease,
        border-color .35s ease;

    transition-delay:
        var(--ermpl-focus-delay, 0s);
}


.ermpl-focus-area-card.ermpl-reveal-active {
    opacity: 1;

    transform: translateY(0);
}


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

@media (max-width: 1199px) {

    .ermpl-focus-area-card {
        min-height: 220px;

        padding-left: 18px;
        padding-right: 18px;
    }

}


@media (max-width: 991px) {

    .ermpl-focus-area-row {
        margin-top: 30px;
    }

    .ermpl-focus-area-row > div {
        margin-bottom: 14px;
    }

    .ermpl-focus-area-card {
        min-height: 205px;
    }

}


@media (max-width: 767px) {

    .ermpl-focus-area-card {
        min-height: auto;

        padding: 20px;

        padding-bottom: 45px;
    }

    .ermpl-focus-area-icon {
        width: 52px;
        height: 52px;

        margin-bottom: 14px;

        font-size: 21px;
    }

    .ermpl-focus-area-content h3 {
        font-size: 15px;
    }

    .ermpl-focus-area-content p {
        max-width: 300px;

        font-size: 11px;
    }

}



/* Contact Us page */
/* =========================================
   CONTACT CONNECTION PILLARS
========================================= */

.ermpl-contact-pillars {
    position: relative;

    overflow: hidden;

   
    padding: 40px 0px;
   

    background:
        linear-gradient(
            180deg,
            #fffdf8 0%,
            #faf9f2 70%,
            #f6f7ee 100%
        );

    color: var(--ermpl-green-dark);
}


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

.ermpl-contact-pillars .container {
    position: relative;

    z-index: 5;
}


.ermpl-contact-pillars .row {
    min-height: 105px;
}


/* =========================================
   PILLAR
========================================= */

.ermpl-contact-pillar {
    display: flex;

    align-items: center;

    min-height: 110px;

    padding: 0 25px;
}


.ermpl-contact-pillar-middle {
    border-left: 1px solid #d8dfd7;
    border-right: 1px solid #d8dfd7;
}


/* =========================================
   ICON
========================================= */

.ermpl-contact-pillar-icon {
    flex-shrink: 0;

    display: flex;

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

    width: 78px;
    height: 78px;

    margin-right: 23px;

    border-radius: 50%;

    font-size: 29px;

    background: #ffffff;
}


.ermpl-contact-pillar-icon.green {
    color: #247348;

    border: 1.5px solid #acd3b4;

    background:
        radial-gradient(
            circle,
            #f4faf0 0%,
            #edf7ed 100%
        );
}


.ermpl-contact-pillar-icon.orange {
    color: var(--ermpl-primary);

    border: 1.5px solid #f4b47e;

    background:
        radial-gradient(
            circle,
            #fff9f0 0%,
            #fff1e3 100%
        );
}


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

.ermpl-contact-pillar-content {
    padding-top: 2px;
}


.ermpl-contact-pillar-content h3 {
    margin: 0;

    color: var(--ermpl-green-dark);

   
    font-size: 22px;

    font-weight: 700;

    line-height: 1.1;
}


.ermpl-contact-pillar-line {
    width: 35px;
    height: 2px;

    margin: 8px 0 9px;

    background: var(--ermpl-primary);
}


.ermpl-contact-pillar-content p {
    margin: 0;

    color: #53635f;

    font-size: 12px;

    line-height: 1.45;
}




/* =========================================
   REVEAL ANIMATION
========================================= */

.ermpl-contact-pillar {
    opacity: 0;

    transform: translateY(25px);

    transition:
        opacity .65s ease,
        transform .65s
        cubic-bezier(.22,.61,.36,1);

    transition-delay:
        var(--ermpl-reveal-delay, 0s);
}


.ermpl-contact-pillar.ermpl-reveal-active {
    opacity: 1;

    transform: translateY(0);
}


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

.ermpl-contact-pillar-icon {
    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.ermpl-contact-pillar:hover
.ermpl-contact-pillar-icon {
    transform: translateY(-3px);

    box-shadow:
        0 8px 20px rgba(35,90,60,.08);
}


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

@media (max-width: 991px) {

    .ermpl-contact-pillars {
        padding-bottom: 80px;
    }

    .ermpl-contact-pillar {
        padding: 0 12px;
    }

    .ermpl-contact-pillar-icon {
        width: 65px;
        height: 65px;

        margin-right: 15px;

        font-size: 24px;
    }

    .ermpl-contact-pillar-content h3 {
        font-size: 18px;
    }

    .ermpl-contact-pillar-content p {
        font-size: 10px;
    }

}


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

@media (max-width: 767px) {

    .ermpl-contact-pillars {
        padding: 35px 0 65px;
    }

    .ermpl-contact-pillars .row {
        min-height: auto;
    }

    .ermpl-contact-pillar {
        min-height: 95px;

        padding: 15px 5px;
    }

    .ermpl-contact-pillar-middle {
        border-left: 0;
        border-right: 0;

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

    .ermpl-contact-pillar-icon {
        width: 58px;
        height: 58px;

        margin-right: 15px;

        font-size: 21px;
    }

    .ermpl-contact-pillar-content h3 {
        font-size: 18px;
    }

    .ermpl-contact-pillar-content p {
        font-size: 10px;
    }

    .ermpl-contact-landscape {
        height: 55px;
    }

    .ermpl-contact-village {
        transform: scale(.65);
        transform-origin: bottom;
    }

}


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

@media (max-width: 480px) {

    .ermpl-contact-pillar {
        padding-left: 0;
        padding-right: 0;
    }

    .ermpl-contact-pillar-icon {
        width: 52px;
        height: 52px;

        margin-right: 12px;

        font-size: 19px;
    }

    .ermpl-contact-pillar-content h3 {
        font-size: 16px;
    }

    .ermpl-contact-pillar-content p {
        font-size: 9px;
    }

}

/* =========================================
   CONTACT DETAILS SECTION
========================================= */

.ermpl-contact-details-section {

    position: relative;

    overflow: hidden;

   

  
}


/* =========================================
   CONTAINER
========================================= */

.ermpl-contact-details-section
.container {

    position: relative;

    z-index: 5;

}


/* =========================================
   CONTACT FORM CARD
========================================= */

.ermpl-contact-form-card {

    position: relative;

    height: 100%;

    padding: 27px 38px 28px;

    border: 1px solid #e5ebe5;

    border-radius: 12px;

    background: #ffffff;

    box-shadow:
        0 5px 22px rgba(29, 72, 48, .055);

}


/* =========================================
   LABEL
========================================= */

.ermpl-contact-section-label {

    display: inline-block;

    color: #174c3a;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1px;

}


.ermpl-contact-section-label::after {

    content: "";

    display: block;

    width: 37px;

    height: 2px;

    margin-top: 6px;

    background: #f47728;

}


/* =========================================
   FORM HEADING
========================================= */

.ermpl-contact-form-heading {

    margin: 0px 0 20px;

    color: var(--ermpl-dark);

  
    font-size: 30px;

    font-weight: 700;

    line-height: 1.05;

    letter-spacing: -.5px;

}


.ermpl-contact-form-heading span {

    color: #ed7025;

}


/* =========================================
   FORM GROUP
========================================= */

.ermpl-contact-form-group {

    position: relative;

    margin-bottom: 14px;

}


.ermpl-contact-form-group label {

    display: block;

    margin-bottom: 5px;

    color: #344d47;

    font-size: 12px;

    font-weight: 600;

}


.ermpl-contact-form-group label span {

    color: #e85f47;

}


/* =========================================
   INPUT / SELECT / TEXTAREA
========================================= */

.ermpl-contact-form-group input,
.ermpl-contact-form-group select,
.ermpl-contact-form-group textarea {

    width: 100%;

    border: 1px solid #dfe6e1;

    border-radius: 6px;

    outline: none;

    background: #ffffff;

    color: #334d47;

    font-family: inherit;

    font-size: 14px;

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

}


.ermpl-contact-form-group input,
.ermpl-contact-form-group select {

    height: 35px;

    padding: 0 11px;

}


.ermpl-contact-form-group textarea {

    min-height: 92px;

    padding: 10px 11px;

    resize: vertical;

    line-height: 1.45;

}


.ermpl-contact-form-group input::placeholder,
.ermpl-contact-form-group textarea::placeholder {

    color: #a3adaa;

}


.ermpl-contact-form-group input:focus,
.ermpl-contact-form-group select:focus,
.ermpl-contact-form-group textarea:focus {

    border-color: #77a88a;

    box-shadow:
        0 0 0 3px rgba(51, 119, 76, .07);

}


/* =========================================
   SELECT
========================================= */

.ermpl-contact-form-group select {

    color: #9aa39f;

    cursor: pointer;

}


.ermpl-contact-form-group select:valid {

    color: #334d47;

}


/* =========================================
   MESSAGE COUNTER
========================================= */

.ermpl-contact-message-count {
    position: absolute;
    right: 9px;
    bottom: 12px;
    color: #9aa39f;
    font-size: 10px;

}


/* =========================================
   SUBMIT BUTTON
========================================= */

.ermpl-contact-submit-btn {

    display: inline-flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    min-width: 182px;

    height: 42px;

    padding: 0 15px 0 20px;

    border: 0;

    border-radius: 24px;

    outline: none;

    background:
        linear-gradient(
            90deg,
            #ff991d,
            #f36d1e
        );

    color: #ffffff;

    font-family: inherit;

    font-size: 10px;

    font-weight: 600;

    cursor: pointer;

    box-shadow:
        0 6px 15px rgba(239, 116, 34, .18);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.ermpl-contact-submit-btn i {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 22px;

    height: 22px;

    font-size: 9px;

    transition:
        transform .3s ease;

}


.ermpl-contact-submit-btn:hover {

    transform: translateY(-2px);

    box-shadow:
        0 9px 20px rgba(239, 116, 34, .25);

}


.ermpl-contact-submit-btn:hover i {

    transform: translateX(4px);

}


/* =========================================
   VISIT CARD
========================================= */

.ermpl-contact-visit-card {

    position: relative;

    height: 100%;

    overflow: hidden;

    padding: 24px 28px 15px;

    border: 1px solid #e3e9e3;

    border-radius: 12px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfcf7 100%
        );

    box-shadow:
        0 5px 22px rgba(29, 72, 48, .045);

}


/* =========================================
   VISIT HEADING
========================================= */

.ermpl-contact-visit-heading {

    margin: 0px 0 15px;

    color: var(--ermpl-dark);


    font-size: 30px;

    font-weight: 700;

    line-height: 1.05;

}


.ermpl-contact-visit-heading span {

    color: #ed7025;

}


/* =========================================
   CONTACT INFO
========================================= */

.ermpl-contact-info-list {

    position: relative;

    z-index: 3;

}


.ermpl-contact-info-item {

    display: flex;

    align-items: flex-start;

    margin-bottom: 11px;

}


.ermpl-contact-info-icon {

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 37px;

    height: 37px;

    margin-right: 13px;

    border: 1px solid #e1dfc9;

    border-radius: 50%;

    background: #fffef5;

    color: #155a42;

    font-size: 15px;

}


.ermpl-contact-info-content {

    padding-top: 1px;

}


.ermpl-contact-info-content strong {

    display: block;

    margin-bottom: 2px;

    color: var(--ermpl-dark);

       font-size: 12px;

    font-weight: 700;

}


.ermpl-contact-info-content p {

    margin: 0;

    color: #697572;

        font-size: 12px;

    line-height: 1.4;

}


/* =========================================
   MAP
========================================= */

.ermpl-contact-map {

    position: relative;

    height: 160px;

    margin-top: 15px;

    overflow: hidden;

    border-radius: 9px;

    background: #e9eee8;

}


.ermpl-contact-map iframe {

    display: block;

    width: 100%;

    height: 100%;

    border: 0;

    filter:
        saturate(.75)
        contrast(.92);

}


/* =========================================
   REVEAL ANIMATION
========================================= */

.ermpl-contact-form-card,
.ermpl-contact-visit-card {

    opacity: 0;

    transform:
        translateY(28px);

    transition:
        opacity .7s ease,
        transform .7s
        cubic-bezier(.22,.61,.36,1);

}


.ermpl-contact-form-card.ermpl-reveal-active,
.ermpl-contact-visit-card.ermpl-reveal-active {

    opacity: 1;

    transform:
        translateY(0);

}


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

@media (max-width: 991px) {

    .ermpl-contact-details-section {

        padding: 45px 0;

    }

    .ermpl-contact-form-card {

        margin-bottom: 18px;

    }

    .ermpl-contact-visit-card {

        min-height: auto;

    }

}


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

@media (max-width: 767px) {

    .ermpl-contact-details-section {

        padding: 35px 0;

    }

    .ermpl-contact-form-card,
    .ermpl-contact-visit-card {

        padding: 22px 20px;

        border-radius: 10px;

    }

    .ermpl-contact-form-heading,
    .ermpl-contact-visit-heading {

        font-size: 26px;

    }

    .ermpl-contact-form-group input,
    .ermpl-contact-form-group select {

        height: 38px;

    }

    .ermpl-contact-form-group textarea {

        min-height: 110px;

    }

    .ermpl-contact-map {

        height: 190px;

    }

}


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

@media (max-width: 480px) {

    .ermpl-contact-form-heading,
    .ermpl-contact-visit-heading {

        font-size: 24px;

    }

    .ermpl-contact-submit-btn {

        width: 100%;

    }

    .ermpl-contact-info-icon {

        width: 34px;
        height: 34px;

        margin-right: 10px;

    }

}
/* COntact Us Page CSS ends here */







/* Modal backdrop */
.ermpl-partner-modal {
    --partner-primary: #145b46;
    --partner-accent: #e9a23b;
    --partner-text: #26352f;
}

.ermpl-partner-modal .modal-dialog {
    max-width: 680px;
    padding: 16px;
}

.ermpl-partner-modal .modal-content {
    border: 1px solid rgba(20, 91, 70, 0.1);
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 30px 90px rgba(15, 45, 34, 0.2);
}

/* Header */
.partner-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 28px;
    background: linear-gradient(135deg, #f1f7f3, #ffffff);
    border-bottom: 1px solid #edf1ed;
}

.partner-modal-brand {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--partner-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.partner-modal-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #dceee4;
    color: var(--partner-primary);
    font-size: 17px;
}

.partner-modal-close {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid #e5eae6;
    border-radius: 50%;
    background: #fff;
    color: #53625a;
    font-size: 18px;
    cursor: pointer;
    transition: 0.25s ease;
}

.partner-modal-close:hover {
    background: var(--partner-primary);
    color: #fff;
    transform: rotate(90deg);
}

/* Body */
.partner-modal-body {
    padding: 15px 36px;
}

.partner-modal-logo {
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    margin-bottom: 0px;
    border: 1px solid #edf0ec;
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, #edf7ef, transparent 55%),
        #fff;
}

.partner-modal-logo img {
    display: block;
    max-width: 220px;
    max-height: 75px;
    width: auto;
    height: auto;
    object-fit: contain;
}

        .partner-modal-rich-content { text-align: left; line-height: 1.6; }
        .partner-modal-rich-content h5 { font-size: 1.05rem; margin: 0 0 12px; }
        .partner-modal-rich-content p { margin-bottom: 12px; }
        .partner-modal-rich-content ul { padding-left: 22px; margin-bottom: 12px; }
        .partner-modal-rich-content li { margin-bottom: 6px; }
  
.Home-pageInitiatives-modalimage img{
    display: block;
    max-width: 450px;
    max-height: 205px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.partner-modal-tag {
    display: inline-block;
    padding: 7px 12px;
    border-radius: 30px;
    background: #eaf5ee;
    color: var(--partner-primary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
}

.partner-modal-body h2 {
    margin: 10px 0 6px;
    color: #172c23;
    font-size: clamp(23px, 4vw, 25px);
    font-weight: 750;
    line-height: 1.25;
    text-align: center;
}
.divider-wrapper{
        justify-content: center;

    display: flex;
}
.partner-modal-divider {
    width: 55px;
    height: 4px;
    margin: 0 0 14px;
    border-radius: 5px;
    background: linear-gradient(
        90deg,
        var(--partner-accent),
        var(--partner-primary)
    );
}

.partner-modal-body > h6 {
    margin-bottom: 10px;
    color: var(--partner-primary);
    font-size: 15px;
    font-weight: 750;
}

.partner-modal-body > p {
       margin: 0;
    color: #66736b;
    font-size: 15px;
    line-height: 1.65;
}

/* Highlight box */
.partner-modal-highlight {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 25px;
    padding: 19px;
    border: 1px solid #e6eee7;
    border-radius: 15px;
    background: #f7faf7;
}

.partner-highlight-icon {
    flex: 0 0 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #deeee4;
    color: var(--partner-primary);
    font-size: 18px;
}

.partner-modal-highlight h6 {
    margin: 1px 0 6px;
    color: #243c30;
    font-size: 14px;
    font-weight: 750;
}

.partner-modal-highlight p {
    margin: 0;
    color: #6c786f;
    font-size: 13px;
    line-height: 1.7;
}

/* Footer */
.partner-modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 8px 28px;
    border-top: 1px solid #edf1ed;
    background: #fcfdfb;
}

.partner-modal-footer > span {
    color: #738078;
    font-size: 12px;
    font-weight: 600;
}

.partner-modal-footer > span i {
    margin-right: 5px;
    color: var(--partner-primary);
}

.partner-modal-done {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border: 0;
    border-radius: 10px;
    background: var(--partner-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.25s ease;
}

.partner-modal-done:hover {
    background: #0c4233;
    transform: translateY(-2px);
}

.partner-modal-done i {
    transition: transform 0.25s ease;
}

.partner-modal-done:hover i {
    transform: translateX(4px);
}

/* Entrance animation */
.ermpl-partner-modal .modal-dialog {
    transform: translateY(20px) scale(0.98);
    transition: transform 0.3s ease-out;
}

.ermpl-partner-modal.show .modal-dialog {
    transform: translateY(0) scale(1);
}

/* Mobile */
@media (max-width: 575px) {
    .ermpl-partner-modal .modal-dialog {
        margin: 10px auto;
        padding: 8px;
    }

    .ermpl-partner-modal .modal-content {
        border-radius: 18px;
    }

    .partner-modal-header {
        padding: 17px 20px;
    }

    .partner-modal-body {
        padding: 24px 20px;
    }

    .partner-modal-footer {
        padding: 17px 20px;
        align-items: flex-start;
    }

    .partner-modal-footer > span {
        max-width: 145px;
        line-height: 1.6;
    }

    .partner-modal-done {
        padding: 11px 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ermpl-partner-modal .modal-dialog,
    .partner-modal-close,
    .partner-modal-done {
        transition: none;
    }
}





    :root {
        --cookie-green: #17643b;
        --cookie-green-dark: #104d2d;
       
      
    }

    body.cookie-modal-open {
        overflow: hidden;
    }

    .cookie-overlay {
        position: fixed;
        inset: 0;
        z-index: 99998;
        background: rgba(13, 22, 30, 0.62);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease, visibility .3s ease;
    }

    .cookie-overlay.is-visible {
        opacity: 1;
        visibility: visible;
    }

    .cookie-popup {
        width: 100%;
       max-width: 560px;
        background: #fff;
        border-radius: 20px;
        padding: 24px;
        position: relative;
        box-shadow: 0 20px 70px rgba(0, 0, 0, .22);
        transform: translateY(18px);
        transition: transform .3s ease;
        font-family: Arial, sans-serif;
        color: var(--ermpl-dark);
    }

    .cookie-overlay.is-visible .cookie-popup {
        transform: translateY(0);
    }

    .cookie-close {
        position: absolute;
        top: 15px;
        right: 18px;
        background: transparent;
        border: 0;
        font-size: 27px;
        color: #505866;
        cursor: pointer;
        line-height: 1;
        padding: 5px;
    }

    .cookie-content {
        display: grid;
        grid-template-columns: 210px 1fr;
        gap: 25px;
        align-items: center;
    }

   
    .cookie-heading {
        font-size: 30px;
        line-height: 1.2;
        margin: 0 30px 12px 0;
        font-weight: 750;
        letter-spacing: -1px;
    }

    .cookie-description {
        font-size: 15px;
        line-height: 1.75;
        color: var(--cookie-muted);
        margin: 0 0 10px;
    }

    .cookie-policy-link {
        color: var(--cookie-green-dark);
        text-decoration: underline;
        font-weight: 600;
    }

    .cookie-actions {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        margin-top: 26px;
    }

    .cookie-btn {
           min-height: 35px;
    padding: 7px 15px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        transition: .2s ease;
        border: 1px solid transparent;
    }

    .cookie-btn:hover {
        transform: translateY(-1px);
    }

    .cookie-customise {
        background: #fff;
        color: var(--cookie-green-dark);
        border-color: var(--cookie-green-dark);
    }

    .cookie-reject {
        background: #f3f4f5;
        color: #3e444c;
        border-color: #e0e2e5;
    }

    .cookie-accept {
        background: var(--cookie-green-dark);
        color: #fff;
    }

    .cookie-accept:hover {
        background: var(--cookie-green-dark);
    }

    /* Custom preferences */
    .cookie-preferences {
        display: none;
        margin-top: 22px;
        padding-top: 18px;
        border-top: 1px solid #e6e8eb;
    }

    .cookie-preferences.is-open {
        display: block;
    }

    .cookie-preference-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        padding: 12px 0;
        border-bottom: 1px solid #edf0f2;
    }

    .cookie-preference-row strong {
        display: block;
        font-size: 14px;
        margin-bottom: 4px;
    }

    .cookie-preference-row small {
        color: var(--ermpl-text);
        line-height: 1.4;
    }

    .cookie-preference-row input {
        width: 19px;
        height: 19px;
        accent-color:var(--cookie-green-dark);
        cursor: pointer;
        flex-shrink: 0;
    }

    .cookie-preference-row input:disabled {
        cursor: not-allowed;
    }

    .cookie-required {
        font-size: 12px;
        color: var(--cookie-green);
        font-weight: 700;
    }

    .cookie-save {
        width: 100%;
        margin-top: 16px;
    }

    @media (max-width: 600px) {
        .cookie-overlay {
            padding: 14px;
            align-items: flex-end;
        }

        .cookie-popup {
            padding: 26px 20px 20px;
            border-radius: 18px;
            max-height: 90vh;
            overflow-y: auto;
        }

        .cookie-content {
            grid-template-columns: 1fr;
            gap: 16px;
        }

        .cookie-illustration {
            display: none;
        }

        .cookie-heading {
            font-size: 25px;
        }

        .cookie-description {
            font-size: 14px;
        }

        .cookie-actions {
            grid-template-columns: 1fr;
            gap: 9px;
            margin-top: 20px;
        }

        .cookie-btn {
            width: 100%;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .cookie-overlay,
        .cookie-popup,
        .cookie-btn {
            transition: none;
        }
    }


    /* ================= OUR GROUP OF COMPANIES ================= */

.group-companies {
      position: relative;
    isolation: isolate;
    overflow: hidden;
    /* padding: 85px 24px 65px; */
    
   
}




/* Company grid */

.company-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
}

/* Individual company card */

.company-card {
    display: flex;
    min-width: 0;
    min-height: auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px 18px 22px;
    border: 1px solid rgba(16, 73, 49, 0.06);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 8px 28px rgba(27, 59, 43, 0.055);
    text-align: center;
    text-decoration: none;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.company-card:hover {
    transform: translateY(-7px);
    border-color: rgba(243, 107, 22, 0.35);
    box-shadow: 0 18px 36px rgba(27, 59, 43, 0.11);
}

/* Logo image area */

.company-logo {
    display: flex;
    width: 100%;
    height: 65px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}

.company-logo img {
    display: block;
    max-width: 100%;
    max-height: 58px;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.company-card:hover .company-logo img {
    transform: scale(1.04);
}

/* Orange divider */

.company-divider {
    display: block;
    width: 35px;
    height: 2px;
    flex-shrink: 0;
    margin-bottom: 12px;
    border-radius: 5px;
    background: var(--group-orange);
    transition: width 0.3s ease;
}

.company-card:hover .company-divider {
    width: 55px;
}

/* Company description */

.company-card p {
    margin: 0;
    color: var(--group-muted);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
}

/* Footer */

.group-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 38px;
}

.group-footer p {
    margin: 0;
    color: var(--group-green);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
}

.footer-line {
    display: block;
    width: 45px;
    height: 1px;
    background: rgba(7, 91, 60, 0.25);
}

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

@media (max-width: 1100px) {
    .group-companies {
        padding: 70px 22px 55px;
    }

    .company-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .company-card {
        min-height: 180px;
    }

    .group-header {
        margin-bottom: 36px;
    }
}

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

@media (max-width: 600px) {
    .group-companies {
        padding: 52px 16px 40px;
    }

    .group-header {
        margin-bottom: 28px;
    }

    .group-eyebrow {
        gap: 10px;
        font-size: 10px;
        letter-spacing: 3px;
    }

    .group-eyebrow span {
        width: 25px;
    }

    .group-header h2 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .group-header > p {
        margin-top: 14px;
        font-size: 14px;
        line-height: 1.7;
    }

    .company-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .company-card {
        min-height: 160px;
        padding: 18px 10px;
        border-radius: 13px;
    }

    .company-logo {
        height: 55px;
        margin-bottom: 10px;
    }

    .company-logo img {
        max-height: 48px;
        max-width: 100%;
    }

    .company-divider {
        width: 28px;
        margin-bottom: 9px;
    }

    .company-card p {
        font-size: 11px;
        line-height: 1.5;
    }

    .group-footer {
        gap: 10px;
        margin-top: 28px;
    }

    .group-footer p {
        font-size: 11px;
    }

    .footer-line {
        width: 22px;
    }
}

/* Respect reduced motion preferences */

@media (prefers-reduced-motion: reduce) {
    .company-card,
    .company-logo img,
    .company-divider {
        transition: none;
    }

    .company-card:hover {
        transform: none;
    }
}





.ermpl-recognition-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
     -webkit-mask-image: linear-gradient(
        to right,
        transparent,
        #000 4%,
        #000 96%,
        transparent
    );
    mask-image: linear-gradient(
        to right,
        transparent,
        #000 4%,
        #000 96%,
        transparent
    );
}

.ermpl-recognition-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 24px;
    width: max-content;

    /* JavaScript controls movement */
    animation: none !important;
    transition: none !important;
    will-change: transform;
}

.ermpl-recognition-card {
    flex: 0 0 320px;
    width: 320px;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .ermpl-recognition-track {
        gap: 16px;
    }

    .ermpl-recognition-card {
        flex-basis: 280px;
        width: 280px;
    }
}

@media (max-width: 480px) {
    .ermpl-recognition-card {
        flex-basis: 260px;
        width: 260px;
    }
}


/* Recognition slider */
.ermpl-recognition-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ermpl-recognition-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 24px;
    width: max-content;
    will-change: transform;
    transition: none !important;
}

.ermpl-recognition-track .ermpl-recognition-card {
    flex: 0 0 320px;
    width: 320px;
    min-width: 0;
    opacity: 1;
}

.ermpl-recognition-track .ermpl-recognition-card.ermpl-reveal-active {
    opacity: 1;
}

@media (max-width: 767px) {
    .ermpl-recognition-track {
        gap: 16px;
    }

    .ermpl-recognition-track .ermpl-recognition-card {
        flex-basis: 280px;
        width: 280px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ermpl-recognition-track {
        transform: none !important;
    }
}