.elementor-29 .elementor-element.elementor-element-3f268f5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-d4c358e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-9ebb10b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-ed0188b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-d7f521a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-e4a458c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-8c18700 *//* =========================================================
CESPEN — EXPERTISE PAGE
SECTION 01 — HERO
========================================================= */

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


.cespen-exp-s1{

    --ce1-navy:#06254d;
    --ce1-navy-dark:#031a38;
    --ce1-gold:#d79a18;
    --ce1-white:#ffffff;
    --ce1-text:#5c687a;

    position:relative;

    width:100%;

    overflow:hidden;

    background:#ffffff;

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


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

.cespen-exp-s1__wrap{

    width:100%;

    min-height:650px;

    display:grid;

    grid-template-columns:
        46%
        54%;

    align-items:stretch;
}


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

.cespen-exp-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-exp-s1__eyebrow{

    display:block;

    margin-bottom:16px;

    color:
        var(--ce1-gold);

    font-size:11px;

    line-height:1;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;
}


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

.cespen-exp-s1__title{

    margin:0;

    max-width:680px;

    color:
        var(--ce1-navy);

    font-size:
        clamp(
            37px,
            3.5vw,
            60px
        );

    line-height:1.04;

    font-weight:800;

    letter-spacing:-1.8px;
}


.cespen-exp-s1__title span{

    display:block;
}


.cespen-exp-s1__title .is-gold{

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


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

.cespen-exp-s1__line{

    display:block;

    width:66px;
    height:3px;

    margin:
        22px
        0;

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


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

.cespen-exp-s1__desc{

    max-width:580px;

    margin:
        0
        0
        28px;

    color:
        var(--ce1-text);

    font-size:14px;

    line-height:1.75;

    font-weight:400;
}


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

.cespen-exp-s1__button{

    min-height:48px;

    padding:
        0
        20px;

    display:inline-flex;

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

    gap:25px;

    color:#ffffff;

    background:
        var(--ce1-navy);

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

    border-radius:4px;

    text-decoration:none;

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:.5px;

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


.cespen-exp-s1__button:hover{

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

    transform:
        translateY(-2px);
}


.cespen-exp-s1__button-arrow{

    color:
        var(--ce1-gold);

    font-size:17px;
}


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

.cespen-exp-s1__visual{

    position:relative;

    min-height:650px;

    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 center;

    background-repeat:no-repeat;

    background-color:#e5e9ed;
}


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

.cespen-exp-s1__visual::after{

    content:"";

    position:absolute;

    z-index:1;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(3,26,56,.02) 0%,
            rgba(3,26,56,.12) 100%
        );
}


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

.cespen-exp-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,.93) 0%,
            rgba(255,255,255,.48) 45%,
            rgba(255,255,255,.08) 80%,
            rgba(255,255,255,0) 100%
        );
}


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

.cespen-exp-s1__navy-shape{

    position:absolute;

    z-index:3;

    width:110px;
    height:83%;

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

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

    transform:
        skewX(-28deg);
}


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

.cespen-exp-s1__gold-shape{

    position:absolute;

    z-index:4;

    width:11px;
    height:46%;

    right:25px;
    bottom:-8%;

    background:
        var(--ce1-gold);

    transform:
        skewX(-28deg);
}


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

.cespen-exp-s1__badge{

    position:absolute;

    z-index:5;

    left:35px;
    bottom:34px;

    width:270px;

    padding:
        18px
        20px;

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

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

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


.cespen-exp-s1__badge span{

    display:block;

    margin-bottom:6px;

    color:
        var(--ce1-gold);

    font-size:8px;

    line-height:1;

    font-weight:700;

    letter-spacing:1px;
}


.cespen-exp-s1__badge strong{

    display:block;

    color:#ffffff;

    font-size:13px;

    line-height:1.45;

    font-weight:600;
}


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

@media(min-width:1500px){

    .cespen-exp-s1__wrap,
    .cespen-exp-s1__visual{

        min-height:700px;
    }

}


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

@media(max-width:1100px){

    .cespen-exp-s1__wrap{

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


    .cespen-exp-s1__content{

        padding:
            60px
            35px;
    }


    .cespen-exp-s1__visual{

        background-position:58% center;
    }

}


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

@media(max-width:850px){

    .cespen-exp-s1__wrap{

        display:flex;

        flex-direction:column;
    }


    .cespen-exp-s1__visual{

        order:1;

        width:100%;

        min-height:470px;

        background-position:center;
    }


    .cespen-exp-s1__content{

        order:2;

        width:100%;

        padding:
            50px
            30px
            55px;
    }


    .cespen-exp-s1__visual::before{

        width:100%;
        height:30%;

        top:auto;
        bottom:0;

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

}


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

@media(max-width:560px){

    .cespen-exp-s1__visual{

        min-height:360px;
    }


    .cespen-exp-s1__content{

        padding:
            39px
            18px
            45px;
    }


    .cespen-exp-s1__title{

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

        letter-spacing:-1.2px;
    }


    .cespen-exp-s1__desc{

        font-size:13px;
    }


    .cespen-exp-s1__button{

        width:100%;

        justify-content:space-between;
    }


    .cespen-exp-s1__badge{

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

        width:auto;
    }


    .cespen-exp-s1__navy-shape{

        width:72px;

        right:-48px;
    }


    .cespen-exp-s1__gold-shape{

        width:8px;

        right:10px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-416474b *//* =========================================================
CESPEN — EXPERTISE PAGE
SECTION 02 — EXPERTISE IMPACT STRIP
========================================================= */

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

.cespen-exp-s2{

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

    position:relative;

    width:100%;

    overflow:hidden;

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

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

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


/* =========================================================
BACKGROUND DETAILS
========================================================= */

.cespen-exp-s2::before{

    content:"";

    position:absolute;

    width:380px;
    height:380px;

    right:-160px;
    top:-230px;

    border-radius:50%;

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

    pointer-events:none;
}


.cespen-exp-s2::after{

    content:"";

    position:absolute;

    width:260px;
    height:260px;

    right:-70px;
    top:-165px;

    border-radius:50%;

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

    pointer-events:none;
}


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

.cespen-exp-s2__wrap{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1500px;

    margin:0 auto;

    display:grid;

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

    align-items:center;

    gap:55px;
}


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

.cespen-exp-s2__intro{

    position:relative;

    padding-right:35px;

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


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

.cespen-exp-s2__eyebrow{

    display:block;

    margin-bottom:10px;

    color:
        var(--ce2-gold);

    font-size:9px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.7px;

    text-transform:uppercase;
}


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

.cespen-exp-s2__intro h2{

    margin:
        0
        0
        15px;

    color:
        var(--ce2-white);

    font-size:
        clamp(
            25px,
            2.2vw,
            35px
        );

    line-height:1.1;

    font-weight:800;

    letter-spacing:-.8px;
}


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

.cespen-exp-s2__intro p{

    margin:0;

    max-width:310px;

    color:
        var(--ce2-muted);

    font-size:10.5px;

    line-height:1.7;

    font-weight:400;
}


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

.cespen-exp-s2__stats{

    width:100%;

    display:grid;

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


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

.cespen-exp-s2__stat{

    position:relative;

    min-height:125px;

    padding:
        12px
        20px;

    display:flex;

    flex-direction:column;

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

    text-align:center;
}


/* =========================================================
DIVIDERS
========================================================= */

.cespen-exp-s2__stat:not(:last-child)::after{

    content:"";

    position:absolute;

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

    width:1px;

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


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

.cespen-exp-s2__stat strong{

    display:block;

    margin-bottom:9px;

    color:
        var(--ce2-gold);

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

    line-height:1;

    font-weight:800;

    letter-spacing:-1.4px;
}


/* =========================================================
STAT LABEL
========================================================= */

.cespen-exp-s2__stat span{

    display:block;

    color:
        var(--ce2-white);

    font-size:10px;

    line-height:1.5;

    font-weight:500;
}


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

.cespen-exp-s2__stat{

    transition:
        transform .25s ease;
}


.cespen-exp-s2__stat:hover{

    transform:
        translateY(-3px);
}


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

@media(max-width:1150px){

    .cespen-exp-s2{

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


    .cespen-exp-s2__wrap{

        grid-template-columns:
            300px
            1fr;

        gap:35px;
    }


    .cespen-exp-s2__intro{

        padding-right:25px;
    }


    .cespen-exp-s2__stat{

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

}


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

@media(max-width:900px){

    .cespen-exp-s2{

        padding:
            50px
            24px;
    }


    .cespen-exp-s2__wrap{

        grid-template-columns:1fr;

        gap:35px;
    }


    .cespen-exp-s2__intro{

        padding:
            0
            0
            28px;

        border-right:0;

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


    .cespen-exp-s2__intro p{

        max-width:650px;
    }


    .cespen-exp-s2__stats{

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


    .cespen-exp-s2__stat::after{

        display:none;
    }


    .cespen-exp-s2__stat:nth-child(odd){

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


    .cespen-exp-s2__stat:nth-child(-n+2){

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

}


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

@media(max-width:520px){

    .cespen-exp-s2{

        padding:
            44px
            17px;
    }


    .cespen-exp-s2__intro h2{

        font-size:29px;
    }


    .cespen-exp-s2__intro p{

        font-size:11px;
    }


    .cespen-exp-s2__stats{

        grid-template-columns:1fr;
    }


    .cespen-exp-s2__stat{

        min-height:auto;

        padding:
            23px
            10px;

        border-right:0 !important;
    }


    .cespen-exp-s2__stat:not(:last-child){

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


    .cespen-exp-s2__stat strong{

        font-size:40px;
    }


    .cespen-exp-s2__stat span{

        font-size:10.5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0be18a3 *//* =========================================================
CESPEN — EXPERTISE PAGE
SECTION 03 — OUR AREAS OF EXPERTISE
========================================================= */

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


.cespen-exp-s3{

    --ce3-navy:#06254d;
    --ce3-navy-dark:#031a38;
    --ce3-gold:#d79a18;
    --ce3-white:#ffffff;
    --ce3-bg:#f5f6f8;
    --ce3-text:#647184;
    --ce3-border:#e0e5ea;

    position:relative;

    width:100%;

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

    background:
        var(--ce3-bg);

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


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

.cespen-exp-s3__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;
}


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

.cespen-exp-s3__head{

    display:grid;

    grid-template-columns:
        minmax(0,1.2fr)
        minmax(300px,.8fr);

    align-items:end;

    gap:70px;

    margin-bottom:38px;
}


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

.cespen-exp-s3__eyebrow{

    display:block;

    margin-bottom:9px;

    color:
        var(--ce3-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.8px;

    text-transform:uppercase;
}


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

.cespen-exp-s3__heading h2{

    margin:0;

    color:
        var(--ce3-navy);

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

    line-height:1.08;

    font-weight:800;

    letter-spacing:-1.3px;
}


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

.cespen-exp-s3__line{

    display:block;

    width:56px;
    height:3px;

    margin-top:16px;

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


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

.cespen-exp-s3__intro{

    margin:0;

    max-width:500px;

    color:
        var(--ce3-text);

    font-size:12px;

    line-height:1.75;
}


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

.cespen-exp-s3__grid{

    width:100%;

    display:grid;

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

    gap:22px;
}


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

.cespen-exp-s3__card{

    position:relative;

    min-width:0;

    overflow:hidden;

    background:
        var(--ce3-white);

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

    border-radius:7px;

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

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


.cespen-exp-s3__card:hover{

    transform:
        translateY(-6px);

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

    box-shadow:
        0 18px 38px
        rgba(5,33,68,.11);
}


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

.cespen-exp-s3__image{

    position:relative;

    width:100%;

    height:235px;

    overflow:hidden;

    background:#dce1e6;
}


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

.cespen-exp-s3__image img{

    display:block;

    width:100%;
    height:100%;

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

    transition:
        transform .5s ease;
}


.cespen-exp-s3__card:hover
.cespen-exp-s3__image img{

    transform:
        scale(1.045);
}


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

.cespen-exp-s3__image::after{

    content:"";

    position:absolute;

    inset:0;

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

    pointer-events:none;
}


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

.cespen-exp-s3__number{

    position:absolute;

    z-index:3;

    right:18px;
    bottom:13px;

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

    font-size:38px;

    line-height:1;

    font-weight:800;

    letter-spacing:-1px;
}


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

.cespen-exp-s3__body{

    position:relative;

    min-height:315px;

    padding:
        46px
        25px
        26px;
}


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

.cespen-exp-s3__icon{

    position:absolute;

    top:-30px;
    left:24px;

    z-index:5;

    width:60px;
    height:60px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--ce3-navy);

    border:
        4px
        solid
        var(--ce3-white);

    box-shadow:
        0 5px 15px
        rgba(3,26,56,.16);
}


.cespen-exp-s3__icon svg{

    width:27px;
    height:27px;

    fill:none;

    stroke:
        var(--ce3-gold);

    stroke-width:1.6;

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


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

.cespen-exp-s3__body h3{

    margin:
        0
        0
        7px;

    color:
        var(--ce3-navy);

    font-size:16px;

    line-height:1.3;

    font-weight:750;

    letter-spacing:.05px;
}


/* =========================================================
TAGLINE
========================================================= */

.cespen-exp-s3__tagline{

    display:block;

    margin-bottom:13px;

    color:
        var(--ce3-gold);

    font-size:9.7px;

    line-height:1.5;

    font-weight:700;
}


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

.cespen-exp-s3__body p{

    margin:
        0
        0
        19px;

    color:
        var(--ce3-text);

    font-size:11px;

    line-height:1.7;
}


/* =========================================================
KEY AREAS
========================================================= */

.cespen-exp-s3__areas{

    display:flex;

    flex-wrap:wrap;

    gap:7px;
}


.cespen-exp-s3__areas span{

    min-height:29px;

    display:inline-flex;

    align-items:center;

    padding:
        0
        9px;

    background:#f5f6f8;

    border:
        1px
        solid
        #e3e6ea;

    border-radius:3px;

    color:
        var(--ce3-navy);

    font-size:8.2px;

    line-height:1.2;

    font-weight:600;
}


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

.cespen-exp-s3__card::after{

    content:"";

    position:absolute;

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

    height:4px;

    background:
        var(--ce3-gold);

    transform:
        scaleX(0);

    transform-origin:left;

    transition:
        transform .3s ease;
}


.cespen-exp-s3__card:hover::after{

    transform:
        scaleX(1);
}


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

@media(max-width:1150px){

    .cespen-exp-s3{

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


    .cespen-exp-s3__grid{

        gap:17px;
    }


    .cespen-exp-s3__image{

        height:210px;
    }


    .cespen-exp-s3__body{

        min-height:330px;

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


    .cespen-exp-s3__icon{

        left:20px;
    }

}


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

@media(max-width:900px){

    .cespen-exp-s3{

        padding:
            62px
            24px
            70px;
    }


    .cespen-exp-s3__head{

        grid-template-columns:1fr;

        gap:20px;
    }


    .cespen-exp-s3__intro{

        max-width:650px;
    }


    .cespen-exp-s3__grid{

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

        gap:18px;
    }


    .cespen-exp-s3__image{

        height:225px;
    }

}


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

@media(max-width:600px){

    .cespen-exp-s3{

        padding:
            52px
            17px
            58px;
    }


    .cespen-exp-s3__head{

        margin-bottom:28px;
    }


    .cespen-exp-s3__heading h2{

        font-size:31px;
    }


    .cespen-exp-s3__intro{

        font-size:11.5px;
    }


    .cespen-exp-s3__grid{

        grid-template-columns:1fr;

        gap:18px;
    }


    .cespen-exp-s3__image{

        height:245px;
    }


    .cespen-exp-s3__body{

        min-height:auto;

        padding:
            46px
            21px
            27px;
    }


    .cespen-exp-s3__body h3{

        font-size:15px;
    }


    .cespen-exp-s3__body p{

        font-size:11.5px;
    }

}


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

@media(max-width:390px){

    .cespen-exp-s3__image{

        height:220px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee0f40b *//* =========================================================
CESPEN — EXPERTISE PAGE
SECTION 04 — OUR APPROACH
========================================================= */

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


.cespen-exp-s4{

    --ce4-navy:#06254d;
    --ce4-navy-dark:#031a38;
    --ce4-gold:#d79a18;
    --ce4-white:#ffffff;
    --ce4-bg:#f4f5f7;
    --ce4-text:#637083;
    --ce4-line:#dfe3e8;

    width:100%;

    position:relative;

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

    background:#ffffff;

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


/* =========================================================
WRAPPER / GREY PANEL
========================================================= */

.cespen-exp-s4__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;

    padding:
        38px
        34px
        35px;

    background:
        var(--ce4-bg);

    border:
        1px
        solid
        #e7eaee;

    border-radius:8px;
}


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

.cespen-exp-s4__head{

    max-width:760px;

    margin-bottom:34px;
}


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

.cespen-exp-s4__eyebrow{

    display:block;

    margin-bottom:8px;

    color:
        var(--ce4-navy);

    font-size:11px;

    line-height:1;

    font-weight:800;

    letter-spacing:.4px;
}


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

.cespen-exp-s4__head h2{

    margin:
        0
        0
        10px;

    color:
        var(--ce4-navy);

    font-size:
        clamp(
            25px,
            2vw,
            34px
        );

    line-height:1.08;

    font-weight:800;

    letter-spacing:-.8px;
}


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

.cespen-exp-s4__head p{

    margin:0;

    max-width:720px;

    color:
        var(--ce4-text);

    font-size:10.5px;

    line-height:1.7;
}


/* =========================================================
FLOW
========================================================= */

.cespen-exp-s4__flow{

    width:100%;

    display:grid;

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

    align-items:start;
}


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

.cespen-exp-s4__step{

    min-width:0;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    padding:
        4px
        10px;
}


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

.cespen-exp-s4__icon{

    width:65px;
    height:65px;

    margin-bottom:15px;

    display:flex;

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

    border-radius:50%;

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


.cespen-exp-s4__icon svg{

    width:31px;
    height:31px;

    fill:none;

    stroke:
        var(--ce4-gold);

    stroke-width:1.6;

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


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

.cespen-exp-s4__step h3{

    margin:
        0
        0
        8px;

    color:
        var(--ce4-navy);

    font-size:10px;

    line-height:1.2;

    font-weight:800;

    letter-spacing:.3px;
}


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

.cespen-exp-s4__step p{

    margin:0;

    max-width:145px;

    color:
        var(--ce4-text);

    font-size:9px;

    line-height:1.55;
}


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

.cespen-exp-s4__arrow{

    display:flex;

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

    min-height:65px;

    color:
        var(--ce4-gold);

    font-size:24px;

    line-height:1;

    font-weight:400;
}


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

@media(max-width:1100px){

    .cespen-exp-s4{

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


    .cespen-exp-s4__wrap{

        padding:
            34px
            25px;
    }


    .cespen-exp-s4__flow{

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

        gap:18px;
    }


    .cespen-exp-s4__arrow{

        display:none;
    }


    .cespen-exp-s4__step{

        padding:
            0
            5px;
    }

}


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

@media(max-width:850px){

    .cespen-exp-s4{

        padding:
            58px
            24px
            64px;
    }


    .cespen-exp-s4__flow{

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

        gap:25px 15px;
    }


    .cespen-exp-s4__step{

        padding:
            18px
            10px;

        border:
            1px
            solid
            #e0e4e9;

        border-radius:6px;

        background:#ffffff;
    }


    .cespen-exp-s4__step:last-child{

        grid-column:
            1 / -1;

        max-width:50%;

        width:100%;

        justify-self:center;
    }

}


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

@media(max-width:560px){

    .cespen-exp-s4{

        padding:
            50px
            17px
            56px;
    }


    .cespen-exp-s4__wrap{

        padding:
            28px
            18px;
    }


    .cespen-exp-s4__head{

        margin-bottom:25px;
    }


    .cespen-exp-s4__head h2{

        font-size:28px;
    }


    .cespen-exp-s4__head p{

        font-size:10.5px;
    }


    .cespen-exp-s4__flow{

        grid-template-columns:1fr;

        gap:12px;
    }


    .cespen-exp-s4__step,
    .cespen-exp-s4__step:last-child{

        width:100%;

        max-width:none;

        grid-column:auto;

        display:grid;

        grid-template-columns:
            56px
            1fr;

        grid-template-rows:
            auto
            auto;

        column-gap:15px;

        text-align:left;

        align-items:center;
    }


    .cespen-exp-s4__icon{

        grid-row:
            1 / 3;

        width:56px;
        height:56px;

        margin:0;
    }


    .cespen-exp-s4__icon svg{

        width:27px;
        height:27px;
    }


    .cespen-exp-s4__step h3{

        margin:
            0
            0
            4px;

        font-size:10px;
    }


    .cespen-exp-s4__step p{

        max-width:none;

        font-size:9.5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2884be5 *//* =========================================================
CESPEN — EXPERTISE PAGE
SECTION 05 — OUR DELIVERY CAPABILITIES
========================================================= */

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


.cespen-exp-s5{

    --ce5-navy:#06254d;
    --ce5-navy-dark:#031a38;
    --ce5-gold:#d79a18;
    --ce5-white:#ffffff;
    --ce5-bg:#f4f5f7;
    --ce5-text:#647184;
    --ce5-line:#dfe4e9;

    width:100%;

    position:relative;

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

    background:#ffffff;

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


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

.cespen-exp-s5__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(300px,.7fr)
        minmax(0,1.3fr);

    gap:55px;

    align-items:center;

    padding:
        40px
        36px;

    background:
        var(--ce5-bg);

    border:
        1px
        solid
        #e6e9ed;

    border-radius:8px;
}


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

.cespen-exp-s5__head{

    max-width:470px;
}


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

.cespen-exp-s5__eyebrow{

    display:block;

    margin-bottom:10px;

    color:
        var(--ce5-navy);

    font-size:11px;

    line-height:1;

    font-weight:800;

    letter-spacing:.3px;
}


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

.cespen-exp-s5__head h2{

    margin:0;

    color:
        var(--ce5-navy);

    font-size:
        clamp(
            27px,
            2.3vw,
            38px
        );

    line-height:1.08;

    font-weight:800;

    letter-spacing:-1px;
}


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

.cespen-exp-s5__line{

    display:block;

    width:54px;
    height:3px;

    margin:
        15px
        0;

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


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

.cespen-exp-s5__head p{

    margin:0;

    color:
        var(--ce5-text);

    font-size:10.8px;

    line-height:1.7;
}


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

.cespen-exp-s5__grid{

    width:100%;

    display:grid;

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

    column-gap:40px;

    row-gap:0;
}


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

.cespen-exp-s5__item{

    min-width:0;

    display:flex;

    align-items:center;

    gap:13px;

    min-height:58px;

    padding:
        10px
        0;

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


/* LAST TWO */

.cespen-exp-s5__item:nth-last-child(-n+2){

    border-bottom:0;
}


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

.cespen-exp-s5__check{

    flex:
        0
        0
        24px;

    width:24px;
    height:24px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--ce5-gold);

    color:#ffffff;

    font-size:12px;

    line-height:1;

    font-weight:800;
}


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

.cespen-exp-s5__item h3{

    margin:0;

    color:
        var(--ce5-navy);

    font-size:10.8px;

    line-height:1.45;

    font-weight:650;
}


.cespen-exp-s5__item h3 span{

    color:
        var(--ce5-text);

    font-weight:500;
}


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

.cespen-exp-s5__item{

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


.cespen-exp-s5__item:hover{

    transform:
        translateX(4px);
}


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

@media(max-width:1100px){

    .cespen-exp-s5{

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


    .cespen-exp-s5__wrap{

        grid-template-columns:
            320px
            1fr;

        gap:35px;

        padding:
            35px
            28px;
    }


    .cespen-exp-s5__grid{

        column-gap:25px;
    }

}


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

@media(max-width:850px){

    .cespen-exp-s5{

        padding:
            0
            24px
            64px;
    }


    .cespen-exp-s5__wrap{

        grid-template-columns:1fr;

        gap:30px;
    }


    .cespen-exp-s5__head{

        max-width:650px;
    }

}


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

@media(max-width:560px){

    .cespen-exp-s5{

        padding:
            0
            17px
            56px;
    }


    .cespen-exp-s5__wrap{

        padding:
            28px
            18px;
    }


    .cespen-exp-s5__head h2{

        font-size:29px;
    }


    .cespen-exp-s5__grid{

        grid-template-columns:1fr;
    }


    .cespen-exp-s5__item,
    .cespen-exp-s5__item:nth-last-child(-n+2){

        min-height:56px;

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


    .cespen-exp-s5__item:last-child{

        border-bottom:0;
    }


    .cespen-exp-s5__item h3{

        font-size:10.5px;
    }


    .cespen-exp-s5__check{

        width:23px;
        height:23px;

        flex-basis:23px;
    }

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

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


.cespen-exp-s6{

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

    position:relative;

    width:100%;

    overflow:hidden;

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

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

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


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

.cespen-exp-s6::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-170px;
    top:-245px;

    border-radius:50%;

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

    pointer-events:none;
}


.cespen-exp-s6::after{

    content:"";

    position:absolute;

    width:270px;
    height:270px;

    right:-70px;
    top:-175px;

    border-radius:50%;

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

    pointer-events:none;
}


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

.cespen-exp-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-exp-s6__content{

    max-width:760px;
}


/* EYEBROW */

.cespen-exp-s6__eyebrow{

    display:block;

    margin-bottom:10px;

    color:
        var(--ce6-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.7px;

    text-transform:uppercase;
}


/* TITLE */

.cespen-exp-s6__content h2{

    margin:0;

    color:
        var(--ce6-white);

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

    line-height:1.08;

    font-weight:800;

    letter-spacing:-1.3px;
}


/* GOLD LINE */

.cespen-exp-s6__line{

    display:block;

    width:58px;
    height:3px;

    margin:
        18px
        0;

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


/* DESCRIPTION */

.cespen-exp-s6__content p{

    margin:0;

    max-width:650px;

    color:
        var(--ce6-muted);

    font-size:12px;

    line-height:1.75;

    font-weight:400;
}


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

.cespen-exp-s6__actions{

    width:300px;

    display:flex;

    flex-direction:column;

    gap:10px;
}


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

.cespen-exp-s6__btn{

    width:100%;

    min-height:49px;

    display:flex;

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

    gap:18px;

    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-exp-s6__btn span:last-child{

    font-size:17px;

    line-height:1;
}


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

.cespen-exp-s6__btn--gold{

    color:#ffffff;

    background:
        var(--ce6-gold);

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


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

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

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

    transform:
        translateY(-2px);
}


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

.cespen-exp-s6__btn--outline{

    color:#ffffff;

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

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


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

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


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

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

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

    transform:
        translateY(-2px);
}


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

@media(max-width:900px){

    .cespen-exp-s6{

        padding:
            56px
            24px;
    }


    .cespen-exp-s6__wrap{

        grid-template-columns:1fr;

        gap:32px;
    }


    .cespen-exp-s6__actions{

        width:100%;

        max-width:500px;
    }

}


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

@media(max-width:560px){

    .cespen-exp-s6{

        padding:
            48px
            17px;
    }


    .cespen-exp-s6__content h2{

        font-size:31px;
    }


    .cespen-exp-s6__content p{

        font-size:11.5px;
    }


    .cespen-exp-s6__actions{

        max-width:none;
    }


    .cespen-exp-s6__btn{

        min-height:51px;

        font-size:9px;

        padding:
            0
            16px;
    }

}/* End custom CSS */