.elementor-19 .elementor-element.elementor-element-720a0bf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-11f200a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-ac71a49{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-3678e52{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-92fdaaf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-d3f2afc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-f9347a9 *//* =========================================================
CESPEN — ABOUT PAGE
SECTION 01 — HERO
FULL UPDATED CSS
========================================================= */

.cespen-about-s1,
.cespen-about-s1 *{
    box-sizing:border-box;
}


.cespen-about-s1{

    --ca-navy:#06254d;
    --ca-navy-dark:#031a38;
    --ca-gold:#d79a18;
    --ca-white:#ffffff;
    --ca-text:#18283d;
    --ca-muted:#667286;

    position:relative;

    width:100%;

    overflow:hidden;

    background:#ffffff;

    font-family:
        "Poppins",
        Arial,
        sans-serif;
}


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

.cespen-about-s1__wrap{

    width:100%;

    min-height:640px;

    display:grid;

    grid-template-columns:
        46%
        54%;

    align-items:stretch;
}


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

.cespen-about-s1__content{

    position:relative;

    z-index:5;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:flex-start;

    padding:
        70px
        45px
        70px
        clamp(38px,5vw,85px);

    background:#ffffff;
}


/* =========================================================
EYEBROW
========================================================= */

.cespen-about-s1__eyebrow{

    display:block;

    margin-bottom:16px;

    color:
        var(--ca-gold);

    font-size:11px;

    line-height:1;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;
}


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

.cespen-about-s1__title{

    margin:0;

    max-width:650px;

    color:
        var(--ca-navy);

    font-size:
        clamp(
            37px,
            3.6vw,
            61px
        );

    line-height:1.04;

    font-weight:800;

    letter-spacing:-1.8px;
}


.cespen-about-s1__title span{

    display:block;
}


.cespen-about-s1__title .is-gold{

    color:
        var(--ca-gold);
}


/* =========================================================
GOLD LINE
========================================================= */

.cespen-about-s1__line{

    display:block;

    width:66px;
    height:3px;

    margin:
        22px
        0;

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


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

.cespen-about-s1__desc{

    max-width:570px;

    margin:
        0
        0
        15px;

    color:
        var(--ca-muted);

    font-size:14px;

    line-height:1.75;

    font-weight:400;
}


.cespen-about-s1__desc--small{

    font-size:12.5px;

    color:#7a8494;
}


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

.cespen-about-s1__button{

    min-height:48px;

    margin-top:13px;

    padding:
        0
        20px;

    display:inline-flex;

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

    gap:24px;

    background:
        var(--ca-navy);

    border:
        1px
        solid
        var(--ca-navy);

    border-radius:4px;

    color:#ffffff;

    text-decoration:none;

    font-size:10.5px;

    line-height:1;

    font-weight:700;

    letter-spacing:.5px;

    transition:
        background .25s ease,
        transform .25s ease;
}


.cespen-about-s1__button:hover{

    background:
        var(--ca-navy-dark);

    transform:
        translateY(-2px);
}


.cespen-about-s1__button-arrow{

    color:
        var(--ca-gold);

    font-size:17px;
}


/* =========================================================
RIGHT VISUAL
FULL BACKGROUND IMAGE
========================================================= */

.cespen-about-s1__visual{

    position:relative;

    min-height:640px;

    overflow:hidden;

    background-image:
        url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1800&q=90");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    background-color:#e9edf2;
}


/* =========================================================
HIDE OLD IMG TAG
========================================================= */

.cespen-about-s1__image{

    display:none !important;
}


/* =========================================================
LEFT FADE
========================================================= */

.cespen-about-s1__visual::before{

    content:"";

    position:absolute;

    z-index:2;

    top:0;
    left:0;

    width:22%;
    height:100%;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.94) 0%,
            rgba(255,255,255,.50) 42%,
            rgba(255,255,255,.08) 78%,
            rgba(255,255,255,0) 100%
        );
}


/* =========================================================
SUBTLE DARK OVERLAY
========================================================= */

.cespen-about-s1__visual::after{

    content:"";

    position:absolute;

    z-index:1;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(6,37,77,.02) 0%,
            rgba(6,37,77,.08) 100%
        );
}


/* =========================================================
NAVY DECORATION
========================================================= */

.cespen-about-s1__navy-shape{

    position:absolute;

    z-index:3;

    width:105px;
    height:82%;

    top:-16%;
    right:-47px;

    background:
        rgba(6,37,77,.94);

    transform:
        skewX(-29deg);
}


/* =========================================================
GOLD DECORATION
========================================================= */

.cespen-about-s1__gold-shape{

    position:absolute;

    z-index:4;

    width:11px;
    height:46%;

    right:25px;
    bottom:-8%;

    background:
        var(--ca-gold);

    transform:
        skewX(-29deg);
}


/* =========================================================
BADGE
========================================================= */

.cespen-about-s1__badge{

    position:absolute;

    z-index:5;

    left:34px;
    bottom:35px;

    width:260px;

    padding:
        18px
        20px;

    background:
        rgba(6,37,77,.94);

    border-left:
        4px
        solid
        var(--ca-gold);

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


.cespen-about-s1__badge strong{

    display:block;

    margin-bottom:5px;

    color:
        var(--ca-gold);

    font-size:15px;

    font-weight:700;
}


.cespen-about-s1__badge span{

    display:block;

    color:#ffffff;

    font-size:9.5px;

    line-height:1.5;

    font-weight:400;
}


/* =========================================================
LARGE DESKTOP
========================================================= */

@media(min-width:1500px){

    .cespen-about-s1__wrap,
    .cespen-about-s1__visual{

        min-height:700px;
    }


    .cespen-about-s1__visual{

        background-position:center center;
    }

}


/* =========================================================
LAPTOP
========================================================= */

@media(max-width:1100px){

    .cespen-about-s1__wrap{

        grid-template-columns:
            50%
            50%;
    }


    .cespen-about-s1__content{

        padding:
            60px
            35px;
    }


    .cespen-about-s1__visual{

        background-position:58% center;
    }

}


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

@media(max-width:850px){

    .cespen-about-s1__wrap{

        display:flex;

        flex-direction:column;
    }


    .cespen-about-s1__visual{

        order:1;

        width:100%;

        min-height:470px;

        background-position:center center;
    }


    .cespen-about-s1__content{

        order:2;

        width:100%;

        padding:
            50px
            30px
            55px;
    }


    .cespen-about-s1__visual::before{

        width:100%;
        height:30%;

        top:auto;
        left:0;
        bottom:0;

        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,0) 0%,
                rgba(255,255,255,.25) 35%,
                rgba(255,255,255,.92) 100%
            );
    }


    .cespen-about-s1__navy-shape{

        width:90px;

        right:-50px;

        height:75%;
    }


    .cespen-about-s1__gold-shape{

        right:18px;

        height:40%;
    }

}


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

@media(max-width:560px){

    .cespen-about-s1__visual{

        min-height:360px;

        background-position:center center;
    }


    .cespen-about-s1__content{

        padding:
            39px
            18px
            45px;
    }


    .cespen-about-s1__title{

        font-size:
            clamp(
                32px,
                10vw,
                42px
            );

        letter-spacing:-1.2px;
    }


    .cespen-about-s1__desc{

        font-size:13px;
    }


    .cespen-about-s1__desc--small{

        font-size:12px;
    }


    .cespen-about-s1__button{

        width:100%;

        justify-content:space-between;
    }


    .cespen-about-s1__badge{

        left:17px;
        right:17px;
        bottom:18px;

        width:auto;
    }


    .cespen-about-s1__navy-shape{

        width:72px;

        right:-48px;
    }


    .cespen-about-s1__gold-shape{

        width:8px;

        right:10px;
    }

}


/* =========================================================
VERY SMALL MOBILE
========================================================= */

@media(max-width:390px){

    .cespen-about-s1__visual{

        min-height:320px;

        background-position:55% center;
    }


    .cespen-about-s1__content{

        padding-left:16px;
        padding-right:16px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0cef7ef *//* =========================================================
CESPEN — ABOUT PAGE
SECTION 02 — OUR PURPOSE
========================================================= */

.cespen-about-s2,
.cespen-about-s2 *{
    box-sizing:border-box;
}


.cespen-about-s2{

    --cas2-navy:#06254d;
    --cas2-navy-dark:#031a38;
    --cas2-gold:#d79a18;
    --cas2-white:#ffffff;
    --cas2-bg:#f5f6f8;
    --cas2-text:#556377;
    --cas2-border:#e0e5eb;

    position:relative;

    width:100%;

    padding:
        78px
        clamp(24px,4.8vw,78px)
        85px;

    background:
        var(--cas2-bg);

    font-family:
        "Poppins",
        Arial,
        sans-serif;
}


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

.cespen-about-s2__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;
}


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

.cespen-about-s2__head{

    width:100%;

    max-width:700px;

    margin-bottom:38px;
}


/* EYEBROW */

.cespen-about-s2__eyebrow{

    display:block;

    margin-bottom:8px;

    color:
        var(--cas2-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.8px;

    text-transform:uppercase;
}


/* TITLE */

.cespen-about-s2__head h2{

    margin:0;

    color:
        var(--cas2-navy);

    font-size:
        clamp(
            30px,
            2.8vw,
            44px
        );

    line-height:1.08;

    font-weight:800;

    letter-spacing:-1.2px;
}


/* GOLD LINE */

.cespen-about-s2__line{

    display:block;

    width:55px;
    height:3px;

    margin-top:15px;

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


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

.cespen-about-s2__grid{

    width:100%;

    display:grid;

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

    gap:20px;
}


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

.cespen-about-s2__card{

    position:relative;

    min-height:315px;

    padding:
        34px
        30px
        31px;

    overflow:hidden;

    background:
        var(--cas2-white);

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

    border-radius:6px;

    box-shadow:
        0 8px 25px
        rgba(5,34,70,.05);

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


.cespen-about-s2__card:hover{

    transform:
        translateY(-5px);

    border-color:
        rgba(215,154,24,.5);

    box-shadow:
        0 18px 38px
        rgba(5,34,70,.10);
}


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

.cespen-about-s2__number{

    position:absolute;

    top:22px;
    right:25px;

    color:
        rgba(6,37,77,.075);

    font-size:64px;

    line-height:1;

    font-weight:800;

    pointer-events:none;
}


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

.cespen-about-s2__icon{

    position:relative;

    z-index:2;

    width:58px;
    height:58px;

    margin-bottom:25px;

    display:flex;

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

    border-radius:50%;

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


.cespen-about-s2__icon svg{

    width:27px;
    height:27px;

    fill:none;

    stroke:
        var(--cas2-gold);

    stroke-width:1.6;

    stroke-linecap:round;
    stroke-linejoin:round;
}


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

.cespen-about-s2__card h3{

    position:relative;

    z-index:2;

    margin:
        0
        0
        14px;

    color:
        var(--cas2-navy);

    font-size:16px;

    line-height:1.25;

    font-weight:750;

    letter-spacing:.3px;
}


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

.cespen-about-s2__card p{

    position:relative;

    z-index:2;

    margin:0;

    max-width:390px;

    color:
        var(--cas2-text);

    font-size:12px;

    line-height:1.75;

    font-weight:400;
}


/* =========================================================
CORE VALUES
========================================================= */

.cespen-about-s2__values{

    position:relative;

    z-index:2;

    display:flex;

    flex-wrap:wrap;

    gap:8px;
}


.cespen-about-s2__values span{

    display:inline-flex;

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

    min-height:31px;

    padding:
        0
        11px;

    background:
        #f4f6f8;

    border:
        1px
        solid
        #e1e5e9;

    border-radius:3px;

    color:
        var(--cas2-navy);

    font-size:8.8px;

    line-height:1;

    font-weight:700;

    letter-spacing:.5px;
}


/* =========================================================
BOTTOM GOLD LINE
========================================================= */

.cespen-about-s2__card::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:4px;

    background:
        var(--cas2-gold);

    transform:
        scaleX(0);

    transform-origin:left;

    transition:
        transform .3s ease;
}


.cespen-about-s2__card:hover::after{

    transform:
        scaleX(1);
}


/* =========================================================
LAPTOP
========================================================= */

@media(max-width:1100px){

    .cespen-about-s2{

        padding-left:30px;
        padding-right:30px;
    }


    .cespen-about-s2__card{

        padding:
            30px
            24px;

        min-height:330px;
    }

}


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

@media(max-width:850px){

    .cespen-about-s2{

        padding:
            62px
            24px
            68px;
    }


    .cespen-about-s2__grid{

        grid-template-columns:1fr;

        gap:16px;
    }


    .cespen-about-s2__card{

        min-height:auto;
    }


    .cespen-about-s2__card p{

        max-width:650px;
    }

}


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

@media(max-width:560px){

    .cespen-about-s2{

        padding:
            52px
            17px
            58px;
    }


    .cespen-about-s2__head{

        margin-bottom:28px;
    }


    .cespen-about-s2__head h2{

        font-size:31px;
    }


    .cespen-about-s2__card{

        padding:
            27px
            21px
            25px;
    }


    .cespen-about-s2__number{

        top:17px;
        right:18px;

        font-size:53px;
    }


    .cespen-about-s2__icon{

        width:54px;
        height:54px;

        margin-bottom:21px;
    }


    .cespen-about-s2__card h3{

        font-size:15px;
    }


    .cespen-about-s2__card p{

        font-size:11.5px;
    }


    .cespen-about-s2__values span{

        min-height:30px;

        font-size:8px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6b0549c *//* =========================================================
CESPEN — ABOUT PAGE
SECTION 03 — IMPACT NUMBERS
========================================================= */

.cespen-about-s3,
.cespen-about-s3 *{
    box-sizing:border-box;
}


.cespen-about-s3{

    --cas3-navy:#06254d;
    --cas3-navy-dark:#031a38;
    --cas3-gold:#d79a18;
    --cas3-white:#ffffff;
    --cas3-muted:#cbd4df;

    position:relative;

    width:100%;

    overflow:hidden;

    background:
        linear-gradient(
            115deg,
            var(--cas3-navy-dark) 0%,
            var(--cas3-navy) 100%
        );

    padding:
        50px
        clamp(24px,4.8vw,78px);

    font-family:
        "Poppins",
        Arial,
        sans-serif;
}


/* =========================================================
BACKGROUND DETAIL
========================================================= */

.cespen-about-s3::before{

    content:"";

    position:absolute;

    width:330px;
    height:330px;

    right:-130px;
    top:-190px;

    border-radius:50%;

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


.cespen-about-s3::after{

    content:"";

    position:absolute;

    width:210px;
    height:210px;

    left:-100px;
    bottom:-150px;

    border-radius:50%;

    border:
        1px
        solid
        rgba(215,154,24,.12);
}


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

.cespen-about-s3__wrap{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1500px;

    margin:0 auto;

    display:grid;

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


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

.cespen-about-s3__item{

    position:relative;

    min-height:120px;

    display:flex;

    flex-direction:column;

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

    text-align:center;

    padding:
        10px
        25px;
}


/* DIVIDER */

.cespen-about-s3__item:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;
    top:15px;
    bottom:15px;

    width:1px;

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


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

.cespen-about-s3__item strong{

    display:block;

    margin-bottom:8px;

    color:
        var(--cas3-gold);

    font-size:
        clamp(
            35px,
            3vw,
            50px
        );

    line-height:1;

    font-weight:800;

    letter-spacing:-1.5px;
}


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

.cespen-about-s3__item span{

    display:block;

    color:
        var(--cas3-white);

    font-size:10.5px;

    line-height:1.55;

    font-weight:500;

    letter-spacing:.1px;
}


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

.cespen-about-s3__item{

    transition:
        transform .25s ease;
}


.cespen-about-s3__item:hover{

    transform:
        translateY(-3px);
}


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

@media(max-width:850px){

    .cespen-about-s3{

        padding:
            40px
            24px;
    }


    .cespen-about-s3__wrap{

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


    .cespen-about-s3__item{

        min-height:125px;
    }


    .cespen-about-s3__item::after{

        display:none;
    }


    .cespen-about-s3__item:nth-child(odd){

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


    .cespen-about-s3__item:nth-child(-n+2){

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

}


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

@media(max-width:520px){

    .cespen-about-s3{

        padding:
            33px
            17px;
    }


    .cespen-about-s3__wrap{

        grid-template-columns:1fr;
    }


    .cespen-about-s3__item{

        min-height:auto;

        padding:
            24px
            10px;

        border-right:0 !important;
    }


    .cespen-about-s3__item:not(:last-child){

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


    .cespen-about-s3__item strong{

        font-size:40px;
    }


    .cespen-about-s3__item span{

        font-size:11px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9777988 *//* =========================================================
CESPEN — ABOUT PAGE
SECTION 04 — OUR LEADERSHIP
========================================================= */

.cespen-about-s4,
.cespen-about-s4 *{
    box-sizing:border-box;
}


.cespen-about-s4{

    --cas4-navy:#06254d;
    --cas4-navy-dark:#031a38;
    --cas4-gold:#d79a18;
    --cas4-white:#ffffff;
    --cas4-bg:#ffffff;
    --cas4-text:#5f6c7d;
    --cas4-line:#e0e5ea;

    width:100%;

    position:relative;

    padding:
        78px
        clamp(24px,4.8vw,78px)
        86px;

    background:
        var(--cas4-bg);

    font-family:
        "Poppins",
        Arial,
        sans-serif;
}


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

.cespen-about-s4__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;
}


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

.cespen-about-s4__head{

    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(0,.95fr);

    gap:70px;

    align-items:end;

    margin-bottom:38px;
}


/* =========================================================
EYEBROW
========================================================= */

.cespen-about-s4__eyebrow{

    display:block;

    margin-bottom:9px;

    color:
        var(--cas4-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.8px;
}


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

.cespen-about-s4__head h2{

    margin:0;

    color:
        var(--cas4-navy);

    font-size:
        clamp(
            31px,
            3vw,
            46px
        );

    line-height:1.08;

    font-weight:800;

    letter-spacing:-1.3px;
}


/* =========================================================
GOLD LINE
========================================================= */

.cespen-about-s4__line{

    display:block;

    width:56px;
    height:3px;

    margin-top:15px;

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


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

.cespen-about-s4__head > p{

    margin:0;

    max-width:600px;

    color:
        var(--cas4-text);

    font-size:12px;

    line-height:1.75;
}


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

.cespen-about-s4__grid{

    display:grid;

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

    gap:24px;
}


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

.cespen-about-s4__card{

    display:grid;

    grid-template-columns:
        43%
        57%;

    min-height:350px;

    overflow:hidden;

    background:#ffffff;

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

    border-radius:7px;

    box-shadow:
        0 8px 26px
        rgba(4,32,67,.05);

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


.cespen-about-s4__card:hover{

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 38px
        rgba(4,32,67,.10);
}


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

.cespen-about-s4__image{

    position:relative;

    min-height:350px;

    overflow:hidden;

    background:#dce1e7;
}


.cespen-about-s4__image img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
    object-position:center;

    transition:
        transform .45s ease;
}


.cespen-about-s4__card:hover
.cespen-about-s4__image img{

    transform:
        scale(1.045);
}


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

.cespen-about-s4__image-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(3,26,56,0) 45%,
            rgba(3,26,56,.48) 100%
        );

    pointer-events:none;
}


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

.cespen-about-s4__role-tag{

    position:absolute;

    left:18px;
    bottom:18px;

    padding:
        8px
        11px;

    background:
        var(--cas4-gold);

    color:#ffffff;

    font-size:8px;

    line-height:1;

    font-weight:700;

    letter-spacing:.65px;
}


/* =========================================================
BODY
========================================================= */

.cespen-about-s4__body{

    padding:
        42px
        32px
        32px;

    display:flex;

    flex-direction:column;

    justify-content:center;
}


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

.cespen-about-s4__body h3{

    margin:
        0
        0
        7px;

    color:
        var(--cas4-navy);

    font-size:
        clamp(
            18px,
            1.5vw,
            23px
        );

    line-height:1.2;

    font-weight:800;
}


/* =========================================================
DESIGNATION
========================================================= */

.cespen-about-s4__designation{

    display:block;

    margin-bottom:19px;

    color:
        var(--cas4-gold);

    font-size:10px;

    font-weight:700;

    letter-spacing:.5px;
}


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

.cespen-about-s4__body p{

    margin:
        0
        0
        24px;

    color:
        var(--cas4-text);

    font-size:11.5px;

    line-height:1.75;
}


/* =========================================================
PROFILE LINK
========================================================= */

.cespen-about-s4__link{

    width:max-content;

    display:inline-flex;

    align-items:center;

    gap:13px;

    padding-bottom:5px;

    border-bottom:
        1px
        solid
        #aeb7c2;

    color:
        var(--cas4-navy);

    text-decoration:none;

    font-size:9px;

    font-weight:700;

    letter-spacing:.5px;

    transition:
        color .25s ease,
        border-color .25s ease;
}


.cespen-about-s4__link span:last-child{

    color:
        var(--cas4-gold);

    font-size:16px;
}


.cespen-about-s4__link:hover{

    color:
        var(--cas4-gold);

    border-color:
        var(--cas4-gold);
}


/* =========================================================
BOTTOM CTA
========================================================= */

.cespen-about-s4__bottom{

    margin-top:30px;

    display:flex;

    justify-content:flex-end;
}


.cespen-about-s4__bottom a{

    display:inline-flex;

    align-items:center;

    gap:15px;

    min-height:45px;

    padding:
        0
        19px;

    background:
        var(--cas4-navy);

    color:#ffffff;

    text-decoration:none;

    font-size:9.5px;

    font-weight:700;

    letter-spacing:.45px;

    border-radius:4px;

    transition:
        background .25s ease,
        transform .25s ease;
}


.cespen-about-s4__bottom a span:last-child{

    color:
        var(--cas4-gold);

    font-size:17px;
}


.cespen-about-s4__bottom a:hover{

    background:
        var(--cas4-navy-dark);

    transform:
        translateY(-2px);
}


/* =========================================================
LAPTOP
========================================================= */

@media(max-width:1150px){

    .cespen-about-s4{

        padding-left:30px;
        padding-right:30px;
    }


    .cespen-about-s4__card{

        grid-template-columns:
            42%
            58%;
    }


    .cespen-about-s4__body{

        padding:
            32px
            24px;
    }

}


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

@media(max-width:900px){

    .cespen-about-s4{

        padding:
            62px
            24px
            68px;
    }


    .cespen-about-s4__head{

        grid-template-columns:1fr;

        gap:20px;
    }


    .cespen-about-s4__grid{

        grid-template-columns:1fr;
    }


    .cespen-about-s4__card{

        grid-template-columns:
            40%
            60%;
    }

}


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

@media(max-width:600px){

    .cespen-about-s4{

        padding:
            52px
            17px
            58px;
    }


    .cespen-about-s4__head h2{

        font-size:31px;
    }


    .cespen-about-s4__card{

        display:block;

        min-height:0;
    }


    .cespen-about-s4__image{

        min-height:360px;
        height:360px;
    }


    .cespen-about-s4__body{

        padding:
            28px
            21px;
    }


    .cespen-about-s4__body h3{

        font-size:20px;
    }


    .cespen-about-s4__body p{

        font-size:11.5px;
    }


    .cespen-about-s4__bottom{

        justify-content:stretch;
    }


    .cespen-about-s4__bottom a{

        width:100%;

        justify-content:space-between;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ea97ce1 *//* =========================================================
CESPEN — ABOUT PAGE
SECTION 05 — OUR APPROACH
========================================================= */

.cespen-about-s5,
.cespen-about-s5 *{
    box-sizing:border-box;
}

.cespen-about-s5{

    --cas5-navy:#06254d;
    --cas5-navy-dark:#031a38;
    --cas5-gold:#d79a18;
    --cas5-white:#ffffff;
    --cas5-bg:#f5f6f8;
    --cas5-text:#5e6b7d;
    --cas5-line:#dde3e8;

    width:100%;

    position:relative;

    padding:
        78px
        clamp(24px,4.8vw,78px)
        84px;

    background:
        var(--cas5-bg);

    font-family:
        "Poppins",
        Arial,
        sans-serif;
}


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

.cespen-about-s5__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;
}


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

.cespen-about-s5__head{

    max-width:680px;

    margin-bottom:42px;
}


.cespen-about-s5__eyebrow{

    display:block;

    margin-bottom:8px;

    color:
        var(--cas5-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.8px;
}


.cespen-about-s5__head h2{

    margin:0;

    color:
        var(--cas5-navy);

    font-size:
        clamp(
            30px,
            2.8vw,
            44px
        );

    line-height:1.08;

    font-weight:800;

    letter-spacing:-1.2px;
}


.cespen-about-s5__line{

    display:block;

    width:55px;
    height:3px;

    margin-top:15px;

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


/* =========================================================
PROCESS GRID
========================================================= */

.cespen-about-s5__process{

    width:100%;

    display:grid;

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

    align-items:stretch;

    gap:0;
}


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

.cespen-about-s5__step{

    position:relative;

    min-height:310px;

    padding:
        30px
        24px
        26px;

    background:#ffffff;

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

    border-radius:6px;

    box-shadow:
        0 7px 22px
        rgba(6,37,77,.045);

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


.cespen-about-s5__step:hover{

    transform:
        translateY(-5px);

    border-color:
        rgba(215,154,24,.45);

    box-shadow:
        0 16px 34px
        rgba(6,37,77,.10);
}


/* =========================================================
STEP NUMBER
========================================================= */

.cespen-about-s5__number{

    position:absolute;

    top:18px;
    right:20px;

    color:
        rgba(6,37,77,.07);

    font-size:46px;

    line-height:1;

    font-weight:800;
}


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

.cespen-about-s5__icon{

    width:56px;
    height:56px;

    margin-bottom:23px;

    display:flex;

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

    border-radius:50%;

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


.cespen-about-s5__icon svg{

    width:25px;
    height:25px;

    fill:none;

    stroke:
        var(--cas5-gold);

    stroke-width:1.6;

    stroke-linecap:round;
    stroke-linejoin:round;
}


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

.cespen-about-s5__step h3{

    margin:
        0
        0
        13px;

    color:
        var(--cas5-navy);

    font-size:14px;

    line-height:1.2;

    font-weight:750;

    letter-spacing:.4px;
}


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

.cespen-about-s5__step p{

    margin:
        0
        0
        18px;

    color:
        var(--cas5-text);

    font-size:10.5px;

    line-height:1.68;
}


/* =========================================================
META
========================================================= */

.cespen-about-s5__meta{

    display:block;

    color:
        var(--cas5-gold);

    font-size:8.5px;

    line-height:1.6;

    font-weight:650;

    letter-spacing:.1px;
}


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

.cespen-about-s5__connector{

    display:flex;

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

    color:
        var(--cas5-gold);

    font-size:23px;

    font-weight:400;
}


/* =========================================================
BOTTOM GOLD LINE
========================================================= */

.cespen-about-s5__step::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:3px;

    background:
        var(--cas5-gold);

    transform:
        scaleX(0);

    transform-origin:left;

    transition:
        transform .3s ease;
}


.cespen-about-s5__step:hover::after{

    transform:
        scaleX(1);
}


/* =========================================================
LAPTOP
========================================================= */

@media(max-width:1200px){

    .cespen-about-s5{

        padding-left:30px;
        padding-right:30px;
    }


    .cespen-about-s5__process{

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

        gap:14px;
    }


    .cespen-about-s5__connector{

        display:none;
    }


    .cespen-about-s5__step{

        min-height:330px;

        padding:
            28px
            20px;
    }

}


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

@media(max-width:900px){

    .cespen-about-s5{

        padding:
            62px
            24px
            68px;
    }


    .cespen-about-s5__process{

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

        gap:16px;
    }


    .cespen-about-s5__step{

        min-height:280px;
    }

}


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

@media(max-width:560px){

    .cespen-about-s5{

        padding:
            52px
            17px
            58px;
    }


    .cespen-about-s5__head{

        margin-bottom:28px;
    }


    .cespen-about-s5__head h2{

        font-size:31px;
    }


    .cespen-about-s5__process{

        grid-template-columns:1fr;

        gap:14px;
    }


    .cespen-about-s5__step{

        min-height:auto;

        padding:
            26px
            21px
            24px;
    }


    .cespen-about-s5__number{

        font-size:42px;
    }


    .cespen-about-s5__step p{

        font-size:11.5px;
    }


    .cespen-about-s5__meta{

        font-size:8.7px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4ec3e8 *//* =========================================================
CESPEN — ABOUT PAGE
SECTION 06 — FINAL CTA
========================================================= */

.cespen-about-s6,
.cespen-about-s6 *{
    box-sizing:border-box;
}


.cespen-about-s6{

    --cas6-navy:#06254d;
    --cas6-navy-dark:#031a38;
    --cas6-gold:#d79a18;
    --cas6-gold-dark:#b87e0c;
    --cas6-white:#ffffff;
    --cas6-muted:#cbd4df;

    position:relative;

    width:100%;

    overflow:hidden;

    padding:
        68px
        clamp(24px,4.8vw,78px);

    background:
        linear-gradient(
            115deg,
            var(--cas6-navy-dark) 0%,
            var(--cas6-navy) 100%
        );

    font-family:
        "Poppins",
        Arial,
        sans-serif;
}


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

.cespen-about-s6::before{

    content:"";

    position:absolute;

    width:430px;
    height:430px;

    right:-180px;
    top:-240px;

    border-radius:50%;

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

    pointer-events:none;
}


.cespen-about-s6::after{

    content:"";

    position:absolute;

    width:290px;
    height:290px;

    right:-80px;
    top:-180px;

    border-radius:50%;

    border:
        1px
        solid
        rgba(215,154,24,.12);

    pointer-events:none;
}


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

.cespen-about-s6__wrap{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1500px;

    margin:0 auto;

    display:grid;

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

    align-items:center;

    gap:70px;
}


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

.cespen-about-s6__content{

    max-width:760px;
}


/* EYEBROW */

.cespen-about-s6__eyebrow{

    display:block;

    margin-bottom:12px;

    color:
        var(--cas6-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.8px;
}


/* TITLE */

.cespen-about-s6__content h2{

    margin:0;

    color:
        var(--cas6-white);

    font-size:
        clamp(
            32px,
            3vw,
            48px
        );

    line-height:1.08;

    font-weight:800;

    letter-spacing:-1.3px;
}


/* GOLD LINE */

.cespen-about-s6__line{

    display:block;

    width:58px;
    height:3px;

    margin:
        19px
        0;

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


/* DESCRIPTION */

.cespen-about-s6__content p{

    margin:0;

    color:
        var(--cas6-muted);

    font-size:13px;

    line-height:1.7;

    font-weight:400;
}


/* =========================================================
BUTTON GROUP
========================================================= */

.cespen-about-s6__actions{

    width:300px;

    display:flex;

    flex-direction:column;

    gap:10px;
}


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

.cespen-about-s6__btn{

    width:100%;

    min-height:49px;

    display:flex;

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

    gap:20px;

    padding:
        0
        18px;

    border-radius:4px;

    text-decoration:none;

    font-size:9.5px;

    line-height:1;

    font-weight:700;

    letter-spacing:.4px;

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


.cespen-about-s6__btn span:last-child{

    font-size:17px;

    line-height:1;
}


/* =========================================================
GOLD BUTTON
========================================================= */

.cespen-about-s6__btn--gold{

    color:#ffffff;

    background:
        var(--cas6-gold);

    border:
        1px
        solid
        var(--cas6-gold);
}


.cespen-about-s6__btn--gold:hover{

    background:
        var(--cas6-gold-dark);

    border-color:
        var(--cas6-gold-dark);

    transform:
        translateY(-2px);
}


/* =========================================================
WHITE BUTTON
========================================================= */

.cespen-about-s6__btn--white{

    color:
        var(--cas6-navy);

    background:#ffffff;

    border:
        1px
        solid
        #ffffff;
}


.cespen-about-s6__btn--white span:last-child{

    color:
        var(--cas6-gold);
}


.cespen-about-s6__btn--white:hover{

    color:#ffffff;

    background:
        transparent;

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

    transform:
        translateY(-2px);
}


/* =========================================================
OUTLINE BUTTON
========================================================= */

.cespen-about-s6__btn--outline{

    color:#ffffff;

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

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


.cespen-about-s6__btn--outline span:last-child{

    color:
        var(--cas6-gold);
}


.cespen-about-s6__btn--outline:hover{

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

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

    transform:
        translateY(-2px);
}


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

@media(max-width:900px){

    .cespen-about-s6{

        padding:
            58px
            24px;
    }


    .cespen-about-s6__wrap{

        grid-template-columns:1fr;

        gap:35px;
    }


    .cespen-about-s6__actions{

        width:100%;

        max-width:500px;
    }

}


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

@media(max-width:560px){

    .cespen-about-s6{

        padding:
            50px
            17px;
    }


    .cespen-about-s6__content h2{

        font-size:31px;
    }


    .cespen-about-s6__content p{

        font-size:12px;
    }


    .cespen-about-s6__actions{

        max-width:none;
    }


    .cespen-about-s6__btn{

        min-height:51px;

        font-size:9px;

        padding:
            0
            16px;
    }

}/* End custom CSS */