.elementor-41 .elementor-element.elementor-element-30057d5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-7ed9ad7{padding:0px 0px 0px 0px;}.elementor-41 .elementor-element.elementor-element-da2a7ee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-37ab04a{padding:0px 0px 0px 0px;}.elementor-41 .elementor-element.elementor-element-fdf4c38{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-cbea7e2{padding:0px 0px 0px 0px;}.elementor-41 .elementor-element.elementor-element-9f7ad5b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-58dbfff{padding:0px 0px 0px 0px;}.elementor-41 .elementor-element.elementor-element-16d0829{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-30b759c{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-7ed9ad7 *//* =========================================================
CESPEN — PARTNERSHIPS PAGE
SECTION 01 — HERO
========================================================= */

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


.cespen-part-s1{

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

    width:100%;

    position:relative;

    overflow:hidden;

    background:#ffffff;

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


/* =========================================================
WRAP
========================================================= */

.cespen-part-s1__wrap{

    width:100%;

    min-height:660px;

    display:grid;

    grid-template-columns:
        47%
        53%;

    align-items:stretch;
}


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

.cespen-part-s1__content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:flex-start;

    padding:
        72px
        50px
        72px
        clamp(38px,5vw,84px);

    background:#ffffff;
}


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

.cespen-part-s1__eyebrow{

    display:block;

    margin-bottom:14px;

    color:
        var(--cpa1-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.8px;
}


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

.cespen-part-s1__content h1{

    margin:0;

    max-width:650px;

    color:
        var(--cpa1-navy);

    font-size:
        clamp(
            42px,
            4.2vw,
            66px
        );

    line-height:.98;

    font-weight:800;

    letter-spacing:-1.9px;
}


.cespen-part-s1__content h1 span{

    display:block;

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


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

.cespen-part-s1__content h2{

    margin:
        19px
        0
        0;

    max-width:580px;

    color:
        var(--cpa1-navy);

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

    line-height:1.35;

    font-weight:650;

    letter-spacing:-.4px;
}


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

.cespen-part-s1__line{

    display:block;

    width:58px;
    height:3px;

    margin:
        20px
        0;

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


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

.cespen-part-s1__content p{

    margin:0;

    max-width:610px;

    color:
        var(--cpa1-text);

    font-size:12px;

    line-height:1.75;
}


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

.cespen-part-s1__actions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-top:29px;
}


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

.cespen-part-s1__btn{

    min-height:49px;

    padding:
        0
        18px;

    display:inline-flex;

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

    gap:22px;

    border-radius:4px;

    text-decoration:none;

    font-size:9px;

    line-height:1;

    font-weight:700;

    letter-spacing:.35px;

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


.cespen-part-s1__btn span:last-child{

    font-size:16px;
}


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

.cespen-part-s1__btn--gold{

    color:#ffffff;

    background:
        var(--cpa1-gold);

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


.cespen-part-s1__btn--gold:hover{

    transform:
        translateY(-2px);

    background:#b98212;
}


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

.cespen-part-s1__btn--outline{

    color:
        var(--cpa1-navy);

    background:#ffffff;

    border:
        1px
        solid
        #cfd6de;
}


.cespen-part-s1__btn--outline span:last-child{

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


.cespen-part-s1__btn--outline:hover{

    transform:
        translateY(-2px);

    border-color:
        var(--cpa1-navy);
}


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

.cespen-part-s1__visual{

    position:relative;

    min-height:660px;

    overflow:hidden;

    background-image:
        linear-gradient(
            180deg,
            rgba(3,26,56,.03),
            rgba(3,26,56,.22)
        ),
        url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1800&q=90");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;
}


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

.cespen-part-s1__visual::before{

    content:"";

    position:absolute;

    inset:
        0
        auto
        0
        0;

    width:18%;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.9),
            rgba(255,255,255,0)
        );
}


/* =========================================================
GOLD DETAIL
========================================================= */

.cespen-part-s1__visual::after{

    content:"";

    position:absolute;

    right:28px;
    top:0;

    width:9px;
    height:38%;

    background:
        var(--cpa1-gold);

    transform:
        skewX(-25deg);
}


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

.cespen-part-s1__visual-card{

    position:absolute;

    left:35px;
    right:35px;
    bottom:34px;

    max-width:540px;

    padding:
        18px
        20px;

    background:
        rgba(3,26,56,.94);

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

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


.cespen-part-s1__visual-card span{

    display:block;

    margin-bottom:8px;

    color:
        var(--cpa1-gold);

    font-size:8px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.1px;
}


.cespen-part-s1__visual-card strong{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:8px;

    color:#ffffff;

    font-size:10px;

    line-height:1.5;

    font-weight:650;
}


.cespen-part-s1__visual-card i{

    color:
        var(--cpa1-gold);

    font-style:normal;

    font-size:13px;
}


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

@media(max-width:900px){

    .cespen-part-s1__wrap{

        grid-template-columns:1fr;
    }


    .cespen-part-s1__content{

        padding:
            56px
            28px;
    }


    .cespen-part-s1__visual{

        min-height:470px;
    }


    .cespen-part-s1__visual::before{

        width:100%;
        height:20%;

        inset:
            0
            0
            auto
            0;

        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.9),
                rgba(255,255,255,0)
            );
    }

}


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

@media(max-width:560px){

    .cespen-part-s1__content{

        padding:
            44px
            17px
            48px;
    }


    .cespen-part-s1__content h1{

        font-size:
            clamp(
                36px,
                11vw,
                46px
            );

        letter-spacing:-1.3px;
    }


    .cespen-part-s1__content h2{

        font-size:18px;
    }


    .cespen-part-s1__content p{

        font-size:11.5px;
    }


    .cespen-part-s1__actions{

        width:100%;
    }


    .cespen-part-s1__btn{

        width:100%;

        justify-content:space-between;
    }


    .cespen-part-s1__visual{

        min-height:380px;
    }


    .cespen-part-s1__visual-card{

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

        padding:
            16px;
    }


    .cespen-part-s1__visual-card strong{

        font-size:9px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37ab04a *//* =========================================================
CESPEN — PARTNERSHIPS PAGE
SECTION 02 — WHY PARTNER WITH CESPEN
========================================================= */

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


.cespen-part-s2{

    --cpa2-navy:#06254d;
    --cpa2-navy-dark:#031a38;
    --cpa2-gold:#d79a18;
    --cpa2-white:#ffffff;
    --cpa2-bg:#f5f6f8;
    --cpa2-text:#657285;
    --cpa2-border:#e1e6eb;

    width:100%;

    position:relative;

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

    background:
        var(--cpa2-bg);

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


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

.cespen-part-s2__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;
}


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

.cespen-part-s2__head{

    display:grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(300px,.85fr);

    align-items:end;

    gap:70px;

    margin-bottom:38px;
}


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

.cespen-part-s2__eyebrow{

    display:block;

    margin-bottom:9px;

    color:
        var(--cpa2-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.8px;
}


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

.cespen-part-s2__heading h2{

    margin:0;

    color:
        var(--cpa2-navy);

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

    line-height:1.08;

    font-weight:800;

    letter-spacing:-1.3px;
}


.cespen-part-s2__heading h2 span{

    display:block;

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


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

.cespen-part-s2__line{

    display:block;

    width:56px;
    height:3px;

    margin-top:16px;

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


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

.cespen-part-s2__intro{

    margin:0;

    max-width:520px;

    color:
        var(--cpa2-text);

    font-size:11.5px;

    line-height:1.75;
}


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

.cespen-part-s2__grid{

    display:grid;

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

    gap:17px;
}


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

.cespen-part-s2__card{

    position:relative;

    min-height:235px;

    padding:
        28px
        24px
        25px;

    overflow:hidden;

    background:
        var(--cpa2-white);

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

    border-radius:7px;

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

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


.cespen-part-s2__card:hover{

    transform:
        translateY(-5px);

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

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


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

.cespen-part-s2__number{

    position:absolute;

    right:20px;
    top:20px;

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

    font-size:42px;

    line-height:1;

    font-weight:800;

    letter-spacing:-1px;
}


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

.cespen-part-s2__icon{

    width:57px;
    height:57px;

    margin-bottom:21px;

    display:flex;

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

    border-radius:50%;

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


.cespen-part-s2__icon svg{

    width:26px;
    height:26px;

    fill:none;

    stroke:
        var(--cpa2-gold);

    stroke-width:1.6;

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


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

.cespen-part-s2__card h3{

    margin:
        0
        0
        9px;

    max-width:280px;

    color:
        var(--cpa2-navy);

    font-size:11.5px;

    line-height:1.35;

    font-weight:800;

    letter-spacing:.15px;
}


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

.cespen-part-s2__card p{

    margin:0;

    max-width:330px;

    color:
        var(--cpa2-text);

    font-size:10px;

    line-height:1.65;
}


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

.cespen-part-s2__card::after{

    content:"";

    position:absolute;

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

    height:3px;

    background:
        var(--cpa2-gold);

    transform:
        scaleX(0);

    transform-origin:left;

    transition:
        transform .3s ease;
}


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

    transform:
        scaleX(1);
}


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

@media(max-width:1050px){

    .cespen-part-s2{

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


    .cespen-part-s2__head{

        gap:40px;
    }

}


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

@media(max-width:850px){

    .cespen-part-s2{

        padding:
            62px
            24px
            68px;
    }


    .cespen-part-s2__head{

        grid-template-columns:1fr;

        gap:20px;
    }


    .cespen-part-s2__intro{

        max-width:650px;
    }


    .cespen-part-s2__grid{

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

}


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

@media(max-width:560px){

    .cespen-part-s2{

        padding:
            52px
            17px
            58px;
    }


    .cespen-part-s2__head{

        margin-bottom:28px;
    }


    .cespen-part-s2__heading h2{

        font-size:31px;
    }


    .cespen-part-s2__intro{

        font-size:11px;
    }


    .cespen-part-s2__grid{

        grid-template-columns:1fr;

        gap:12px;
    }


    .cespen-part-s2__card{

        min-height:auto;

        padding:
            23px
            20px;
    }


    .cespen-part-s2__icon{

        width:53px;
        height:53px;

        margin-bottom:17px;
    }


    .cespen-part-s2__card h3{

        font-size:11px;
    }


    .cespen-part-s2__card p{

        font-size:10.2px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbea7e2 *//* =========================================================
CESPEN — PARTNERSHIPS PAGE
SECTION 03 — OUR PARTNER ECOSYSTEM
========================================================= */

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


.cespen-part-s3{

    --cpa3-navy:#06254d;
    --cpa3-gold:#d79a18;
    --cpa3-white:#ffffff;
    --cpa3-bg:#ffffff;
    --cpa3-text:#647184;
    --cpa3-border:#e2e6eb;

    width:100%;

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

    background:
        var(--cpa3-bg);

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


/* =========================================================
WRAP
========================================================= */

.cespen-part-s3__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;
}


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

.cespen-part-s3__head{

    display:flex;

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

    gap:18px;

    margin-bottom:31px;
}


.cespen-part-s3__head h2{

    margin:0;

    color:
        var(--cpa3-navy);

    font-size:
        clamp(
            22px,
            2vw,
            31px
        );

    line-height:1;

    font-weight:800;

    letter-spacing:-.6px;

    text-align:center;
}


.cespen-part-s3__line{

    width:65px;
    height:2px;

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


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

.cespen-part-s3__grid{

    display:grid;

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

    gap:14px;
}


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

.cespen-part-s3__card{

    position:relative;

    min-width:0;

    min-height:250px;

    padding:
        27px
        19px
        25px;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    background:
        var(--cpa3-white);

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

    border-radius:6px;

    box-shadow:
        0 6px 20px
        rgba(6,37,77,.04);

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


.cespen-part-s3__card:hover{

    transform:
        translateY(-5px);

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

    box-shadow:
        0 15px 32px
        rgba(6,37,77,.09);
}


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

.cespen-part-s3__icon{

    width:58px;
    height:58px;

    margin-bottom:18px;

    display:flex;

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

    border-radius:50%;

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


.cespen-part-s3__icon svg{

    width:27px;
    height:27px;

    fill:none;

    stroke:
        var(--cpa3-gold);

    stroke-width:1.6;

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


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

.cespen-part-s3__card h3{

    margin:
        0
        0
        12px;

    color:
        var(--cpa3-navy);

    font-size:11.5px;

    line-height:1.3;

    font-weight:800;

    letter-spacing:.15px;
}


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

.cespen-part-s3__card p{

    margin:0;

    max-width:200px;

    color:
        var(--cpa3-text);

    font-size:9.5px;

    line-height:1.65;
}


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

.cespen-part-s3__card::after{

    content:"";

    position:absolute;

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

    height:3px;

    background:
        var(--cpa3-gold);

    transform:
        scaleX(0);

    transform-origin:center;

    transition:
        transform .3s ease;
}


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

    transform:
        scaleX(1);
}


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

@media(max-width:1100px){

    .cespen-part-s3{

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


    .cespen-part-s3__grid{

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

        gap:17px;
    }


    .cespen-part-s3__card{

        min-height:235px;
    }

}


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

@media(max-width:760px){

    .cespen-part-s3{

        padding:
            58px
            24px
            64px;
    }


    .cespen-part-s3__grid{

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


    .cespen-part-s3__card:last-child{

        grid-column:
            1 / -1;

        width:50%;

        justify-self:center;
    }

}


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

@media(max-width:560px){

    .cespen-part-s3{

        padding:
            50px
            17px
            56px;
    }


    .cespen-part-s3__head{

        gap:9px;
    }


    .cespen-part-s3__line{

        width:28px;
    }


    .cespen-part-s3__head h2{

        font-size:21px;
    }


    .cespen-part-s3__grid{

        grid-template-columns:1fr;

        gap:11px;
    }


    .cespen-part-s3__card,
    .cespen-part-s3__card:last-child{

        width:100%;

        grid-column:auto;

        min-height:auto;

        display:grid;

        grid-template-columns:
            57px
            1fr;

        grid-template-rows:
            auto
            auto;

        column-gap:15px;

        align-items:center;

        text-align:left;

        padding:
            19px;
    }


    .cespen-part-s3__icon{

        grid-row:
            1 / 3;

        width:57px;
        height:57px;

        margin:0;
    }


    .cespen-part-s3__card h3{

        margin:
            0
            0
            5px;

        font-size:11px;
    }


    .cespen-part-s3__card p{

        max-width:none;

        font-size:9.8px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-58dbfff *//* =========================================================
CESPEN — PARTNERSHIPS PAGE
SECTION 04 — OUR COLLABORATION MODELS
========================================================= */

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


.cespen-part-s4{

    --cpa4-navy:#06254d;
    --cpa4-gold:#d79a18;
    --cpa4-white:#ffffff;
    --cpa4-bg:#f5f6f8;
    --cpa4-text:#667386;
    --cpa4-border:#e0e5ea;

    width:100%;

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

    background:
        var(--cpa4-bg);

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


/* =========================================================
WRAP
========================================================= */

.cespen-part-s4__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;
}


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

.cespen-part-s4__head{

    display:flex;

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

    gap:18px;

    margin-bottom:32px;
}


.cespen-part-s4__head h2{

    margin:0;

    color:
        var(--cpa4-navy);

    font-size:
        clamp(
            22px,
            2vw,
            31px
        );

    line-height:1;

    font-weight:800;

    letter-spacing:-.6px;

    text-align:center;
}


.cespen-part-s4__line{

    width:62px;
    height:2px;

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


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

.cespen-part-s4__grid{

    display:grid;

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

    gap:14px 18px;
}


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

.cespen-part-s4__item{

    min-height:122px;

    display:grid;

    grid-template-columns:
        64px
        1fr;

    align-items:center;

    gap:18px;

    padding:
        19px
        21px;

    background:
        var(--cpa4-white);

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

    border-radius:7px;

    box-shadow:
        0 6px 18px
        rgba(6,37,77,.035);

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


.cespen-part-s4__item:hover{

    transform:
        translateY(-4px);

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

    box-shadow:
        0 13px 29px
        rgba(6,37,77,.08);
}


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

.cespen-part-s4__icon{

    width:60px;
    height:60px;

    display:flex;

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

    border-radius:50%;

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


.cespen-part-s4__icon svg{

    width:27px;
    height:27px;

    fill:none;

    stroke:
        var(--cpa4-gold);

    stroke-width:1.6;

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


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

.cespen-part-s4__body h3{

    margin:
        0
        0
        7px;

    color:
        var(--cpa4-navy);

    font-size:11px;

    line-height:1.35;

    font-weight:800;

    letter-spacing:.15px;
}


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

.cespen-part-s4__body p{

    margin:0;

    max-width:500px;

    color:
        var(--cpa4-text);

    font-size:9.8px;

    line-height:1.6;
}


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

@media(max-width:1000px){

    .cespen-part-s4{

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

}


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

@media(max-width:760px){

    .cespen-part-s4{

        padding:
            58px
            24px
            64px;
    }


    .cespen-part-s4__grid{

        grid-template-columns:1fr;
    }

}


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

@media(max-width:560px){

    .cespen-part-s4{

        padding:
            50px
            17px
            56px;
    }


    .cespen-part-s4__head{

        gap:9px;
    }


    .cespen-part-s4__line{

        width:27px;
    }


    .cespen-part-s4__head h2{

        font-size:21px;
    }


    .cespen-part-s4__item{

        grid-template-columns:
            55px
            1fr;

        gap:14px;

        min-height:auto;

        padding:
            17px;
    }


    .cespen-part-s4__icon{

        width:55px;
        height:55px;
    }


    .cespen-part-s4__icon svg{

        width:25px;
        height:25px;
    }


    .cespen-part-s4__body h3{

        font-size:10.5px;
    }


    .cespen-part-s4__body p{

        font-size:9.5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30b759c *//* =========================================================
CESPEN — PARTNERSHIPS PAGE
SECTION 05 — STRATEGIC PARTNERS + CTA
========================================================= */

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


.cespen-part-s5{

    --cpa5-navy:#06254d;
    --cpa5-navy-dark:#031a38;
    --cpa5-gold:#d79a18;
    --cpa5-white:#ffffff;
    --cpa5-bg:#f4f5f7;
    --cpa5-text:#647184;
    --cpa5-border:#e1e5ea;

    width:100%;

    position:relative;

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

    background:#ffffff;

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


/* =========================================================
WRAP
========================================================= */

.cespen-part-s5__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,1.55fr)
        minmax(340px,.75fr);

    gap:20px;

    align-items:stretch;
}


/* =========================================================
LEFT PARTNERS PANEL
========================================================= */

.cespen-part-s5__partners{

    padding:
        28px
        28px
        30px;

    background:
        var(--cpa5-bg);

    border:
        1px
        solid
        #e6e9ed;

    border-radius:8px;
}


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

.cespen-part-s5__head{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:23px;
}


.cespen-part-s5__head h2{

    margin:0;

    color:
        var(--cpa5-navy);

    font-size:13px;

    line-height:1;

    font-weight:800;

    letter-spacing:.2px;
}


.cespen-part-s5__head span{

    display:block;

    width:50px;
    height:2px;

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


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

.cespen-part-s5__logos{

    display:grid;

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

    gap:8px;
}


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

.cespen-part-s5__logo,
.cespen-part-s5__more{

    min-width:0;

    height:115px;

    padding:
        14px
        8px;

    display:flex;

    flex-direction:column;

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

    text-align:center;

    background:#ffffff;

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

    border-radius:5px;

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


.cespen-part-s5__logo:hover{

    transform:
        translateY(-3px);

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

    box-shadow:
        0 8px 20px
        rgba(6,37,77,.07);
}


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

.cespen-part-s5__logo img{

    display:block;

    width:52px;
    height:52px;

    margin-bottom:8px;

    object-fit:contain;

    object-position:center;
}


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

.cespen-part-s5__logo small{

    display:block;

    color:
        var(--cpa5-navy);

    font-size:6.8px;

    line-height:1.25;

    font-weight:650;
}


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

.cespen-part-s5__more{

    border-style:dashed;

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


.cespen-part-s5__more strong{

    display:block;

    margin-bottom:4px;

    color:
        var(--cpa5-gold);

    font-size:12px;

    font-weight:800;
}


.cespen-part-s5__more span{

    font-size:7px;

    line-height:1.3;

    font-weight:600;
}


/* =========================================================
RIGHT CTA
========================================================= */

.cespen-part-s5__cta{

    position:relative;

    overflow:hidden;

    min-height:100%;

    padding:
        32px
        28px;

    display:grid;

    grid-template-columns:
        62px
        1fr;

    gap:20px;

    align-items:start;

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

    border-radius:8px;
}


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

.cespen-part-s5__cta::after{

    content:"";

    position:absolute;

    width:170px;
    height:170px;

    right:-75px;
    top:-95px;

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

    border-radius:50%;
}


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

.cespen-part-s5__cta-icon{

    width:62px;
    height:62px;

    display:flex;

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

    border-radius:50%;

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

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


.cespen-part-s5__cta-icon svg{

    width:31px;
    height:31px;

    fill:none;

    stroke:
        var(--cpa5-gold);

    stroke-width:1.6;

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


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

.cespen-part-s5__eyebrow{

    display:block;

    margin-bottom:8px;

    color:
        var(--cpa5-gold);

    font-size:8px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.2px;
}


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

.cespen-part-s5__cta-content h2{

    margin:0;

    color:#ffffff;

    font-size:
        clamp(
            23px,
            2vw,
            32px
        );

    line-height:1.05;

    font-weight:800;

    letter-spacing:-.8px;
}


.cespen-part-s5__cta-content h2 span{

    display:block;

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


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

.cespen-part-s5__cta-content p{

    margin:
        13px
        0
        19px;

    max-width:380px;

    color:#ccd5df;

    font-size:9.5px;

    line-height:1.65;
}


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

.cespen-part-s5__button{

    min-height:43px;

    display:inline-flex;

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

    gap:22px;

    padding:
        0
        16px;

    color:#ffffff;

    background:
        var(--cpa5-gold);

    border:
        1px
        solid
        var(--cpa5-gold);

    border-radius:4px;

    text-decoration:none;

    font-size:8.5px;

    font-weight:700;

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


.cespen-part-s5__button span:last-child{

    font-size:15px;
}


.cespen-part-s5__button:hover{

    transform:
        translateY(-2px);

    background:#b98212;
}


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

@media(max-width:1150px){

    .cespen-part-s5{

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


    .cespen-part-s5__wrap{

        grid-template-columns:1fr;
    }


    .cespen-part-s5__logos{

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


    .cespen-part-s5__cta{

        min-height:260px;
    }

}


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

@media(max-width:760px){

    .cespen-part-s5{

        padding:
            56px
            24px
            62px;
    }


    .cespen-part-s5__logos{

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

}


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

@media(max-width:560px){

    .cespen-part-s5{

        padding:
            48px
            17px
            54px;
    }


    .cespen-part-s5__partners{

        padding:
            23px
            17px;
    }


    .cespen-part-s5__head h2{

        font-size:12px;
    }


    .cespen-part-s5__logos{

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


    .cespen-part-s5__logo,
    .cespen-part-s5__more{

        height:110px;
    }


    .cespen-part-s5__cta{

        grid-template-columns:1fr;

        min-height:auto;

        padding:
            27px
            20px;
    }


    .cespen-part-s5__cta-icon{

        width:56px;
        height:56px;
    }


    .cespen-part-s5__cta-content h2{

        font-size:28px;
    }


    .cespen-part-s5__button{

        width:100%;

        justify-content:space-between;
    }

}/* End custom CSS */