.elementor-13 .elementor-element.elementor-element-3b54462{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-7a1dd15{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-27373c7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-c8faf80{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-166e7c7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-268e21a *//* =========================================================
CESPEN — HOME PAGE
SECTION 01 — HERO
========================================================= */

.cespen-home-hero,
.cespen-home-hero *{
    box-sizing:border-box;
}

.cespen-home-hero{

    --cespen-navy:#06254d;
    --cespen-navy-dark:#031a38;
    --cespen-gold:#d99a16;
    --cespen-gold-dark:#bd8107;
    --cespen-white:#ffffff;
    --cespen-text:#12233d;
    --cespen-muted:#45546a;
    --cespen-line:#d8dde5;

    position:relative;
    width:100%;
    overflow:hidden;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 43%,
            #f8f9fb 43%,
            #f8f9fb 100%
        );

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


/* =========================================================
MAIN INNER
========================================================= */

.cespen-home-hero__inner{

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

    display:grid;

    grid-template-columns:
        minmax(0, 43%)
        minmax(0, 57%);

    align-items:stretch;
}


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

.cespen-home-hero__content{

    position:relative;
    z-index:5;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
        58px
        38px
        52px
        clamp(38px, 4.2vw, 78px);

    background:#ffffff;
}


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

.cespen-home-hero__heading-wrap{
    width:100%;
    max-width:620px;
}

.cespen-home-hero__title{

    margin:0;

    color:var(--cespen-navy);

    font-size:
        clamp(
            31px,
            3.1vw,
            55px
        );

    line-height:.99;

    letter-spacing:-1.8px;

    font-weight:800;

    text-transform:uppercase;
}

.cespen-home-hero__title span{
    display:block;
}

.cespen-home-hero__title .is-gold{
    color:var(--cespen-gold);
    margin-top:5px;
}


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

.cespen-home-hero__gold-line{

    width:68px;
    height:3px;

    margin-top:19px;

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


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

.cespen-home-hero__description{

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

    margin:
        20px
        0
        28px;

    color:var(--cespen-muted);

    font-size:14px;
    line-height:1.72;

    font-weight:400;
}


/* =========================================================
STATISTICS
========================================================= */

.cespen-home-hero__stats{

    width:100%;

    display:grid;

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

    gap:19px;

    margin-bottom:27px;
}

.cespen-home-hero__stat{

    min-width:0;

    display:flex;

    align-items:center;

    gap:10px;
}


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

.cespen-home-hero__stat-icon{

    flex:
        0
        0
        43px;

    width:43px;
    height:43px;

    border-radius:50%;

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

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

.cespen-home-hero__stat-icon svg{

    width:23px;
    height:23px;

    fill:none;

    stroke:var(--cespen-gold);

    stroke-width:1.9;

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


/* =========================================================
STAT COPY
========================================================= */

.cespen-home-hero__stat-copy{

    min-width:0;

    display:flex;
    flex-direction:column;
}

.cespen-home-hero__stat-copy strong{

    display:block;

    color:var(--cespen-navy);

    font-size:19px;
    line-height:1;

    font-weight:800;

    margin-bottom:5px;
}

.cespen-home-hero__stat-copy span{

    display:block;

    color:#536176;

    font-size:9.4px;
    line-height:1.35;

    font-weight:500;
}


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

.cespen-home-hero__actions{

    display:flex;
    align-items:center;

    gap:10px;

    flex-wrap:wrap;
}

.cespen-home-hero__btn{

    min-height:46px;

    display:inline-flex;

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

    gap:14px;

    padding:
        0
        17px;

    text-decoration:none;

    border-radius:5px;

    font-size:10.5px;
    line-height:1;

    font-weight:600;

    letter-spacing:.05px;

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


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

.cespen-home-hero__btn--navy{

    color:#ffffff;

    background:var(--cespen-navy);

    border:
        1px
        solid
        var(--cespen-navy);
}

.cespen-home-hero__btn--navy:hover{

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

    border-color:
        var(--cespen-navy-dark);

    transform:translateY(-2px);
}


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

.cespen-home-hero__btn--gold{

    color:#ffffff;

    background:var(--cespen-gold);

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

.cespen-home-hero__btn--gold:hover{

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

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

    transform:translateY(-2px);
}


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

.cespen-home-hero__btn--outline{

    color:
        var(--cespen-navy);

    background:
        transparent;

    border:
        1px
        solid
        #8390a2;
}

.cespen-home-hero__btn--outline:hover{

    color:#ffffff;

    background:
        var(--cespen-navy);

    border-color:
        var(--cespen-navy);

    transform:translateY(-2px);
}


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

.cespen-home-hero__arrow{

    font-size:16px;

    line-height:1;

    font-weight:400;
}


/* =========================================================
RIGHT VISUAL
========================================================= */

.cespen-home-hero__visual{

    position:relative;

    min-height:620px;

    overflow:hidden;

    background:
        #e9edf2;
}


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

.cespen-home-hero__image{

    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center;

    display:block;
}


/* =========================================================
LEFT SOFT FADE BETWEEN TEXT & IMAGE
========================================================= */

.cespen-home-hero__visual::before{

    content:"";

    position:absolute;

    z-index:2;

    top:0;
    left:0;

    width:21%;
    height:100%;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.96) 0%,
            rgba(255,255,255,.55) 45%,
            rgba(255,255,255,0) 100%
        );
}


/* =========================================================
RIGHT DECORATIVE STRIP
========================================================= */

.cespen-home-hero__shape{

    position:absolute;

    z-index:3;

    pointer-events:none;

    transform:
        skewX(-35deg);
}


/* LARGE BLUE */

.cespen-home-hero__shape--blue-1{

    width:110px;
    height:80%;

    right:-60px;
    top:-5%;

    background:
        rgba(8,48,91,.92);
}


/* SECOND BLUE */

.cespen-home-hero__shape--blue-2{

    width:18px;
    height:67%;

    right:30px;
    bottom:-8%;

    background:
        rgba(4,38,78,.93);
}


/* GOLD */

.cespen-home-hero__shape--gold{

    width:12px;
    height:44%;

    right:6px;
    bottom:-6%;

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


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

@media(min-width:1500px){

    .cespen-home-hero__inner{
        min-height:690px;
    }

    .cespen-home-hero__visual{
        min-height:690px;
    }

    .cespen-home-hero__content{
        padding-left:
            clamp(
                70px,
                5vw,
                105px
            );
    }

}


/* =========================================================
SMALL DESKTOP / LAPTOP
========================================================= */

@media(max-width:1200px){

    .cespen-home-hero__inner{

        grid-template-columns:
            48%
            52%;
    }

    .cespen-home-hero__content{

        padding:
            48px
            28px
            45px
            35px;
    }

    .cespen-home-hero__stats{

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

}


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

@media(max-width:900px){

    .cespen-home-hero{

        background:#ffffff;
    }

    .cespen-home-hero__inner{

        display:flex;

        flex-direction:column;
    }


    /* IMAGE FIRST ON MOBILE/TABLET */

    .cespen-home-hero__visual{

        order:1;

        width:100%;

        min-height:470px;
    }

    .cespen-home-hero__content{

        order:2;

        width:100%;

        padding:
            44px
            32px
            48px;
    }

    .cespen-home-hero__visual::before{

        width:100%;
        height:20%;

        top:auto;
        bottom:0;

        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,0) 0%,
                rgba(255,255,255,.75) 65%,
                rgba(255,255,255,1) 100%
            );
    }

    .cespen-home-hero__heading-wrap,
    .cespen-home-hero__description{

        max-width:680px;
    }

    .cespen-home-hero__stats{

        max-width:670px;

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

}


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

@media(max-width:640px){

    .cespen-home-hero__visual{

        min-height:360px;
    }

    .cespen-home-hero__content{

        padding:
            34px
            20px
            38px;
    }

    .cespen-home-hero__title{

        font-size:
            clamp(
                29px,
                9.3vw,
                39px
            );

        line-height:1.03;

        letter-spacing:-1.1px;
    }

    .cespen-home-hero__description{

        margin-top:18px;

        font-size:13.5px;

        line-height:1.67;
    }

    .cespen-home-hero__stats{

        grid-template-columns:
            1fr;

        gap:15px;

        margin-top:4px;
    }

    .cespen-home-hero__stat{

        padding-bottom:14px;

        border-bottom:
            1px
            solid
            #e6e9ed;
    }

    .cespen-home-hero__stat:last-child{

        border-bottom:0;

        padding-bottom:0;
    }

    .cespen-home-hero__stat-copy strong{

        font-size:20px;
    }

    .cespen-home-hero__stat-copy span{

        font-size:10.5px;
    }

    .cespen-home-hero__actions{

        width:100%;

        display:grid;

        grid-template-columns:1fr;

        gap:9px;
    }

    .cespen-home-hero__btn{

        width:100%;

        min-height:48px;

        justify-content:space-between;

        padding:
            0
            17px;
    }

}


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

@media(max-width:420px){

    .cespen-home-hero__visual{

        min-height:310px;
    }

    .cespen-home-hero__content{

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f81a003 *//* =========================================================
CESPEN — HOME PAGE
SECTION 02 — CORE VALUES STRIP
========================================================= */

.cespen-home-values,
.cespen-home-values *{
    box-sizing:border-box;
}

.cespen-home-values{

    --cv-navy:#06254d;
    --cv-navy-dark:#041c3d;
    --cv-gold:#d79a18;
    --cv-white:#ffffff;
    --cv-muted:#cbd4df;

    position:relative;

    width:100%;

    background:#ffffff;

    padding:
        0
        clamp(24px,3.8vw,62px)
        22px;

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


/* =========================================================
MAIN STRIP
========================================================= */

.cespen-home-values__inner{

    position:relative;

    z-index:5;

    width:100%;

    max-width:1500px;

    margin:
        -28px
        auto
        0;

    display:grid;

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

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

    border-radius:15px;

    overflow:hidden;

    box-shadow:
        0 12px 30px
        rgba(4,28,61,.12);
}


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

.cespen-home-values__item{

    position:relative;

    min-height:128px;

    display:flex;

    align-items:center;

    gap:18px;

    padding:
        23px
        28px;
}


/* DIVIDER */

.cespen-home-values__item:not(:last-child)::after{

    content:"";

    position:absolute;

    top:24px;
    bottom:24px;

    right:0;

    width:1px;

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


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

.cespen-home-values__icon{

    flex:
        0
        0
        58px;

    width:58px;
    height:58px;

    display:flex;

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

.cespen-home-values__icon svg{

    width:53px;
    height:53px;

    fill:none;

    stroke:var(--cv-gold);

    stroke-width:1.45;

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


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

.cespen-home-values__content{

    min-width:0;

    display:flex;

    flex-direction:column;
}


/* TITLE */

.cespen-home-values__content h3{

    margin:
        0
        0
        8px;

    color:
        var(--cv-white);

    font-size:
        clamp(
            15px,
            1.15vw,
            19px
        );

    line-height:1.16;

    font-weight:600;

    letter-spacing:-.2px;
}


/* DESCRIPTION */

.cespen-home-values__content p{

    margin:0;

    max-width:210px;

    color:
        var(--cv-muted);

    font-size:
        10.5px;

    line-height:1.55;

    font-weight:400;
}


/* =========================================================
LARGE SCREEN
========================================================= */

@media(min-width:1500px){

    .cespen-home-values__item{

        min-height:140px;

        padding:
            25px
            34px;
    }

    .cespen-home-values__icon{

        flex-basis:64px;

        width:64px;
        height:64px;
    }

    .cespen-home-values__icon svg{

        width:58px;
        height:58px;
    }

}


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

@media(max-width:1200px){

    .cespen-home-values{

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

    .cespen-home-values__item{

        gap:13px;

        padding:
            22px
            18px;
    }

    .cespen-home-values__icon{

        flex-basis:49px;

        width:49px;
        height:49px;
    }

    .cespen-home-values__icon svg{

        width:46px;
        height:46px;
    }

}


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

@media(max-width:900px){

    .cespen-home-values{

        padding:
            20px
            24px
            25px;
    }

    .cespen-home-values__inner{

        margin:0 auto;

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

    .cespen-home-values__item{

        min-height:135px;

        padding:
            24px;
    }


    /* RESET DESKTOP DIVIDER */

    .cespen-home-values__item:not(:last-child)::after{

        display:none;
    }


    /* VERTICAL DIVIDER */

    .cespen-home-values__item:nth-child(odd)::after{

        content:"";

        display:block;

        position:absolute;

        top:22px;
        bottom:22px;

        right:0;

        width:1px;

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


    /* HORIZONTAL DIVIDER */

    .cespen-home-values__item:nth-child(-n+2)::before{

        content:"";

        position:absolute;

        left:24px;
        right:24px;

        bottom:0;

        height:1px;

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

}


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

@media(max-width:600px){

    .cespen-home-values{

        padding:
            14px
            17px
            20px;
    }

    .cespen-home-values__inner{

        grid-template-columns:1fr;

        border-radius:12px;
    }

    .cespen-home-values__item{

        min-height:auto;

        gap:18px;

        padding:
            21px
            20px;
    }


    /* REMOVE TABLET LINES */

    .cespen-home-values__item:nth-child(odd)::after{

        display:none;
    }

    .cespen-home-values__item:nth-child(-n+2)::before{

        display:none;
    }


    /* MOBILE SEPARATOR */

    .cespen-home-values__item:not(:last-child){

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

    .cespen-home-values__icon{

        flex:
            0
            0
            54px;

        width:54px;
        height:54px;
    }

    .cespen-home-values__icon svg{

        width:50px;
        height:50px;
    }

    .cespen-home-values__content h3{

        font-size:17px;
    }

    .cespen-home-values__content p{

        max-width:260px;

        font-size:11px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-730ea36 *//* =========================================================
CESPEN HOME
SECTION 03 — OUR PROGRAMMES
NEW VERSION
========================================================= */

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

.cespen-s3{

    --s3-navy:#06254d;
    --s3-navy-deep:#031a38;
    --s3-gold:#d79a18;
    --s3-white:#ffffff;
    --s3-bg:#f5f6f7;
    --s3-text:#4f5d70;
    --s3-border:#e1e5ea;

    width:100%;

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

    background:
        var(--s3-bg);

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


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

.cespen-s3__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;
}


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

.cespen-s3__header{

    width:100%;

    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:30px;

    margin-bottom:34px;
}


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

.cespen-s3__eyebrow{

    display:block;

    margin-bottom:8px;

    color:
        var(--s3-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.6px;
}


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

.cespen-s3__title-group h2{

    margin:0;

    color:
        var(--s3-navy);

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

    line-height:1;

    font-weight:800;

    letter-spacing:-1.3px;
}


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

.cespen-s3__title-line{

    display:block;

    width:55px;
    height:3px;

    margin-top:14px;

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


/* =========================================================
VIEW ALL LINK
========================================================= */

.cespen-s3__all-link{

    display:inline-flex;

    align-items:center;

    gap:15px;

    padding-bottom:6px;

    border-bottom:
        1px
        solid
        #aab2bc;

    color:
        var(--s3-navy);

    text-decoration:none;

    font-size:10px;

    font-weight:700;

    letter-spacing:.45px;

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


.cespen-s3__all-link span{

    color:
        var(--s3-gold);

    font-size:18px;
}


.cespen-s3__all-link:hover{

    color:
        var(--s3-gold);

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


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

.cespen-s3__grid{

    width:100%;

    display:grid;

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

    gap:18px;
}


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

.cespen-s3__card{

    position:relative;

    min-width:0;

    overflow:hidden;

    background:
        var(--s3-white);

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

    border-radius:7px;

    box-shadow:
        0 7px 20px
        rgba(8,34,67,.05);

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


.cespen-s3__card:hover{

    transform:
        translateY(-5px);

    box-shadow:
        0 16px 34px
        rgba(8,34,67,.11);
}


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

.cespen-s3__image-box{

    width:100%;

    height:205px;

    overflow:hidden;

    background:#dfe3e7;
}


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

.cespen-s3__image-box img{

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center;

    transform:scale(1);

    transition:
        transform .4s ease;
}


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

    transform:
        scale(1.04);
}


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

.cespen-s3__body{

    position:relative;

    min-height:180px;

    padding:
        44px
        20px
        25px;
}


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

.cespen-s3__icon{

    position:absolute;

    top:-29px;
    left:20px;

    width:58px;
    height:58px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--s3-navy);

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

    box-shadow:
        0 4px 12px
        rgba(3,26,56,.17);
}


.cespen-s3__icon svg{

    width:25px;
    height:25px;

    fill:none;

    stroke:
        var(--s3-gold);

    stroke-width:1.6;

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


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

.cespen-s3__body h3{

    margin:
        0
        0
        12px;

    color:
        var(--s3-navy);

    font-size:13.5px;

    line-height:1.28;

    font-weight:750;

    letter-spacing:.05px;
}


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

.cespen-s3__body p{

    margin:0;

    color:
        var(--s3-text);

    font-size:10.5px;

    line-height:1.65;

    font-weight:400;
}


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

.cespen-s3__card::after{

    content:"";

    position:absolute;

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

    height:3px;

    background:
        var(--s3-gold);

    transform:
        scaleX(0);

    transform-origin:left;

    transition:
        transform .3s ease;
}


.cespen-s3__card:hover::after{

    transform:
        scaleX(1);
}


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

@media(max-width:1250px){

    .cespen-s3{

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


    .cespen-s3__grid{

        gap:14px;
    }


    .cespen-s3__image-box{

        height:185px;
    }


    .cespen-s3__body{

        min-height:185px;

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


    .cespen-s3__icon{

        left:18px;
    }

}


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

@media(max-width:1050px){

    .cespen-s3__grid{

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

        gap:20px;
    }


    .cespen-s3__image-box{

        height:215px;
    }

}


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

@media(max-width:760px){

    .cespen-s3{

        padding:
            58px
            22px
            65px;
    }


    .cespen-s3__header{

        align-items:flex-start;

        margin-bottom:28px;
    }


    .cespen-s3__grid{

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


    .cespen-s3__image-box{

        height:210px;
    }

}


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

@media(max-width:560px){

    .cespen-s3{

        padding:
            50px
            17px
            55px;
    }


    .cespen-s3__header{

        display:block;
    }


    .cespen-s3__title-group h2{

        font-size:31px;
    }


    .cespen-s3__all-link{

        margin-top:20px;
    }


    .cespen-s3__grid{

        grid-template-columns:1fr;

        gap:18px;
    }


    .cespen-s3__image-box{

        height:235px;
    }


    .cespen-s3__body{

        min-height:auto;

        padding:
            45px
            20px
            27px;
    }


    .cespen-s3__body h3{

        font-size:15px;
    }


    .cespen-s3__body p{

        font-size:11.5px;

        max-width:350px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a99d73 *//* =========================================================
CESPEN HOME
SECTION 05 — PARTNERSHIP STRIP
========================================================= */

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

.cespen-s5{

    --s5-navy:#06254d;
    --s5-navy-dark:#031a38;
    --s5-gold:#d79a18;
    --s5-white:#ffffff;
    --s5-muted:#c8d1dc;

    width:100%;

    position:relative;

    overflow:hidden;

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

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

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


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

.cespen-s5::before{

    content:"";

    position:absolute;

    width:360px;
    height:360px;

    right:-140px;
    top:-210px;

    border-radius:50%;

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


.cespen-s5::after{

    content:"";

    position:absolute;

    width:250px;
    height:250px;

    right:-70px;
    top:-150px;

    border-radius:50%;

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


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

.cespen-s5__wrap{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1500px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        250px
        1fr;

    align-items:center;

    gap:45px;
}


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

.cespen-s5__intro{

    position:relative;

    padding-right:25px;
}


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

.cespen-s5__eyebrow{

    display:block;

    margin-bottom:8px;

    color:
        var(--s5-gold);

    font-size:9.5px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.6px;
}


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

.cespen-s5__intro h2{

    margin:0;

    max-width:220px;

    color:
        var(--s5-white);

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

    line-height:1.08;

    font-weight:800;

    letter-spacing:-.8px;
}


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

.cespen-s5__line{

    display:block;

    width:48px;
    height:3px;

    margin-top:15px;

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


/* =========================================================
PARTNER ITEMS
========================================================= */

.cespen-s5__items{

    width:100%;

    display:grid;

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


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

.cespen-s5__item{

    position:relative;

    min-height:105px;

    display:flex;

    flex-direction:column;

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

    gap:13px;

    padding:
        10px
        13px;

    text-align:center;
}


/* =========================================================
DIVIDER
========================================================= */

.cespen-s5__item:not(:last-child)::after{

    content:"";

    position:absolute;

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

    width:1px;

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


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

.cespen-s5__icon{

    width:45px;
    height:45px;

    display:flex;

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


.cespen-s5__icon svg{

    width:40px;
    height:40px;

    fill:none;

    stroke:
        var(--s5-gold);

    stroke-width:1.45;

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


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

.cespen-s5__item span{

    display:block;

    color:
        var(--s5-white);

    font-size:9.5px;

    line-height:1.42;

    font-weight:600;

    letter-spacing:.25px;
}


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

.cespen-s5__item{

    transition:
        transform .25s ease;
}


.cespen-s5__item:hover{

    transform:
        translateY(-3px);
}


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

@media(max-width:1200px){

    .cespen-s5{

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


    .cespen-s5__wrap{

        grid-template-columns:
            220px
            1fr;

        gap:28px;
    }


    .cespen-s5__items{

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

        row-gap:10px;
    }


    .cespen-s5__item{

        min-height:95px;
    }


    .cespen-s5__item:nth-child(3)::after,
    .cespen-s5__item:nth-child(6)::after{

        display:none;
    }

}


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

@media(max-width:850px){

    .cespen-s5{

        padding:
            48px
            24px;
    }


    .cespen-s5__wrap{

        grid-template-columns:1fr;

        gap:34px;
    }


    .cespen-s5__intro{

        padding-right:0;
    }


    .cespen-s5__intro h2{

        max-width:none;
    }


    .cespen-s5__items{

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

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

        padding-top:20px;
    }

}


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

@media(max-width:560px){

    .cespen-s5{

        padding:
            44px
            17px;
    }


    .cespen-s5__intro h2{

        font-size:29px;
    }


    .cespen-s5__items{

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

        gap:0;
    }


    .cespen-s5__item{

        min-height:118px;

        padding:
            18px
            12px;
    }


    /* REMOVE DESKTOP DIVIDERS */

    .cespen-s5__item::after{

        display:none !important;
    }


    /* MOBILE GRID LINES */

    .cespen-s5__item:nth-child(odd){

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


    .cespen-s5__item:nth-child(-n+4){

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


    .cespen-s5__icon{

        width:48px;
        height:48px;
    }


    .cespen-s5__icon svg{

        width:43px;
        height:43px;
    }


    .cespen-s5__item span{

        font-size:9.5px;
    }

}/* End custom CSS */