.elementor-35 .elementor-element.elementor-element-53425d36{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-7a11ecc4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-361f2d79{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-1c7619a9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-31577f18{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-7b051297 *//* =========================================================
CESPEN — PROGRAMMES PAGE
SECTION 01 — HERO
========================================================= */

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

.cespen-prog-s1{

    --cp1-navy:#06254d;
    --cp1-navy-dark:#031a38;
    --cp1-gold:#d79a18;
    --cp1-white:#ffffff;
    --cp1-muted:#d7dee7;

    position:relative;

    width:100%;

    min-height:690px;

    overflow:hidden;

    background-image:
        url("https://images.unsplash.com/photo-1524178232363-1fb2b075b655?auto=format&fit=crop&w=2000&q=90");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

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


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

.cespen-prog-s1__overlay{

    position:absolute;

    inset:0;

    z-index:1;

    background:
        linear-gradient(
            90deg,
            rgba(2,22,47,.96) 0%,
            rgba(3,30,64,.93) 30%,
            rgba(3,30,64,.70) 52%,
            rgba(3,30,64,.22) 76%,
            rgba(3,30,64,.10) 100%
        );
}


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

.cespen-prog-s1__wrap{

    position:relative;

    z-index:2;

    width:100%;

    min-height:690px;

    max-width:1600px;

    margin:0 auto;

    padding:
        72px
        clamp(26px,4.7vw,78px)
        58px;

    display:grid;

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

    align-items:center;

    gap:55px;
}


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

.cespen-prog-s1__content{

    max-width:760px;
}


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

.cespen-prog-s1__eyebrow{

    display:block;

    margin-bottom:14px;

    color:
        var(--cp1-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.8px;
}


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

.cespen-prog-s1__content h1{

    margin:0;

    color:
        var(--cp1-white);

    font-size:
        clamp(
            42px,
            4.4vw,
            70px
        );

    line-height:.98;

    font-weight:800;

    letter-spacing:-2px;
}


.cespen-prog-s1__content h1 span{

    display:block;

    margin-top:8px;

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


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

.cespen-prog-s1__content > p{

    max-width:660px;

    margin:
        24px
        0
        34px;

    color:
        var(--cp1-muted);

    font-size:13px;

    line-height:1.75;
}


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

.cespen-prog-s1__stats{

    display:grid;

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

    gap:0;

    max-width:760px;
}


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

.cespen-prog-s1__stat{

    position:relative;

    padding:
        0
        20px;

    min-height:78px;

    display:flex;

    flex-direction:column;

    justify-content:center;
}


.cespen-prog-s1__stat:first-child{

    padding-left:0;
}


.cespen-prog-s1__stat:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;
    top:8px;
    bottom:8px;

    width:1px;

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


.cespen-prog-s1__stat strong{

    display:block;

    margin-bottom:5px;

    color:
        var(--cp1-white);

    font-size:22px;

    line-height:1;

    font-weight:800;
}


.cespen-prog-s1__stat span{

    color:
        #d1d9e3;

    font-size:8.8px;

    line-height:1.45;
}


/* =========================================================
RIGHT PANEL
========================================================= */

.cespen-prog-s1__panel{

    width:100%;

    padding:
        25px
        22px;

    background:
        rgba(4,31,66,.93);

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

    border-radius:8px;

    box-shadow:
        0 16px 38px
        rgba(0,0,0,.18);

    backdrop-filter:
        blur(4px);
}


/* =========================================================
PANEL LABEL
========================================================= */

.cespen-prog-s1__panel-label{

    display:block;

    margin-bottom:10px;

    color:
        var(--cp1-white);

    font-size:10px;

    line-height:1.4;

    font-weight:750;

    letter-spacing:.4px;
}


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

.cespen-prog-s1__panel > p{

    margin:
        0
        0
        17px;

    color:#c7d0dc;

    font-size:9px;

    line-height:1.6;
}


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

.cespen-prog-s1__duration{

    display:flex;

    align-items:center;

    gap:11px;

    min-height:41px;

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


.cespen-prog-s1__duration-icon{

    color:
        var(--cp1-gold);

    font-size:16px;

    line-height:1;
}


.cespen-prog-s1__duration strong{

    color:
        var(--cp1-white);

    font-size:9.5px;

    line-height:1;

    font-weight:600;
}


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

@media(min-width:1500px){

    .cespen-prog-s1,
    .cespen-prog-s1__wrap{

        min-height:735px;
    }

}


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

@media(max-width:1100px){

    .cespen-prog-s1__wrap{

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

        gap:35px;

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


    .cespen-prog-s1__stats{

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

        max-width:560px;
    }


    .cespen-prog-s1__stat{

        padding:
            14px
            18px;
    }


    .cespen-prog-s1__stat:first-child{

        padding-left:18px;
    }


    .cespen-prog-s1__stat::after{

        display:none;
    }

}


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

@media(max-width:850px){

    .cespen-prog-s1{

        min-height:auto;

        background-position:60% center;
    }


    .cespen-prog-s1__overlay{

        background:
            linear-gradient(
                180deg,
                rgba(2,22,47,.85) 0%,
                rgba(2,22,47,.95) 100%
            );
    }


    .cespen-prog-s1__wrap{

        min-height:auto;

        grid-template-columns:1fr;

        padding:
            60px
            24px;

        gap:35px;
    }


    .cespen-prog-s1__content{

        max-width:none;
    }


    .cespen-prog-s1__panel{

        max-width:500px;
    }

}


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

@media(max-width:560px){

    .cespen-prog-s1__wrap{

        padding:
            48px
            17px;
    }


    .cespen-prog-s1__content h1{

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

        letter-spacing:-1.3px;
    }


    .cespen-prog-s1__content > p{

        font-size:12px;

        margin-bottom:26px;
    }


    .cespen-prog-s1__stats{

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


    .cespen-prog-s1__stat{

        padding:
            15px
            10px;

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


    .cespen-prog-s1__stat:nth-child(odd){

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


    .cespen-prog-s1__stat:nth-child(n+3){

        border-bottom:0;
    }


    .cespen-prog-s1__stat strong{

        font-size:20px;
    }


    .cespen-prog-s1__panel{

        max-width:none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-63715b67 *//* =========================================================
CESPEN — PROGRAMMES PAGE
SECTION 02 — PROGRAMME CATEGORIES
========================================================= */

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


.cespen-prog-s2{

    --cp2-navy:#06254d;
    --cp2-gold:#d79a18;
    --cp2-white:#ffffff;
    --cp2-bg:#ffffff;
    --cp2-text:#606d7e;
    --cp2-border:#e1e5ea;

    width:100%;

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

    background:
        var(--cp2-bg);

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


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

.cespen-prog-s2__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;
}


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

.cespen-prog-s2__head{

    width:100%;

    display:flex;

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

    gap:20px;

    margin-bottom:32px;
}


.cespen-prog-s2__head h2{

    margin:0;

    color:
        var(--cp2-navy);

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

    line-height:1;

    font-weight:800;

    text-align:center;

    letter-spacing:-.6px;
}


.cespen-prog-s2__line{

    width:60px;
    height:2px;

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


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

.cespen-prog-s2__grid{

    display:grid;

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

    gap:14px;
}


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

.cespen-prog-s2__card{

    min-width:0;

    position:relative;

    overflow:hidden;

    background:
        var(--cp2-white);

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

    border-radius:6px;

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

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


.cespen-prog-s2__card:hover{

    transform:
        translateY(-5px);

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


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

.cespen-prog-s2__image{

    width:100%;

    height:165px;

    overflow:hidden;

    background:#dce1e6;
}


.cespen-prog-s2__image img{

    display:block;

    width:100%;
    height:100%;

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

    transition:
        transform .45s ease;
}


.cespen-prog-s2__card:hover
.cespen-prog-s2__image img{

    transform:
        scale(1.04);
}


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

.cespen-prog-s2__body{

    position:relative;

    min-height:330px;

    padding:
        42px
        18px
        20px;

    display:flex;

    flex-direction:column;
}


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

.cespen-prog-s2__icon{

    position:absolute;

    top:-28px;
    left:17px;

    width:56px;
    height:56px;

    display:flex;

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

    border-radius:50%;

    background:
        var(--cp2-navy);

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

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


.cespen-prog-s2__icon svg{

    width:25px;
    height:25px;

    fill:none;

    stroke:
        var(--cp2-gold);

    stroke-width:1.6;

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


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

.cespen-prog-s2__body h3{

    margin:
        0
        0
        10px;

    color:
        var(--cp2-navy);

    font-size:12px;

    line-height:1.3;

    font-weight:750;
}


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

.cespen-prog-s2__body p{

    margin:
        0
        0
        14px;

    color:
        var(--cp2-text);

    font-size:9px;

    line-height:1.6;
}


/* =========================================================
LIST
========================================================= */

.cespen-prog-s2__body ul{

    margin:
        0
        0
        18px;

    padding:0;

    list-style:none;
}


.cespen-prog-s2__body li{

    position:relative;

    margin-bottom:6px;

    padding-left:11px;

    color:
        var(--cp2-text);

    font-size:8.2px;

    line-height:1.4;
}


.cespen-prog-s2__body li::before{

    content:"•";

    position:absolute;

    left:0;
    top:0;

    color:
        var(--cp2-gold);

    font-weight:800;
}


/* =========================================================
VIEW PROGRAMMES
========================================================= */

.cespen-prog-s2__body > a{

    margin-top:auto;

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:
        var(--cp2-gold);

    text-decoration:none;

    font-size:8.5px;

    font-weight:700;

    letter-spacing:.25px;
}


.cespen-prog-s2__body > a span{

    font-size:14px;

    transition:
        transform .2s ease;
}


.cespen-prog-s2__body > a:hover span{

    transform:
        translateX(3px);
}


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

.cespen-prog-s2__card::after{

    content:"";

    position:absolute;

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

    height:3px;

    background:
        var(--cp2-gold);

    transform:
        scaleX(0);

    transform-origin:left;

    transition:
        transform .3s ease;
}


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

    transform:
        scaleX(1);
}


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

@media(max-width:1200px){

    .cespen-prog-s2{

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


    .cespen-prog-s2__grid{

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

        gap:18px;
    }


    .cespen-prog-s2__image{

        height:200px;
    }


    .cespen-prog-s2__body{

        min-height:300px;

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

}


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

@media(max-width:800px){

    .cespen-prog-s2{

        padding:
            60px
            24px
            68px;
    }


    .cespen-prog-s2__grid{

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


    .cespen-prog-s2__image{

        height:215px;
    }

}


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

@media(max-width:560px){

    .cespen-prog-s2{

        padding:
            52px
            17px
            58px;
    }


    .cespen-prog-s2__head{

        gap:10px;
    }


    .cespen-prog-s2__line{

        width:28px;
    }


    .cespen-prog-s2__head h2{

        font-size:21px;
    }


    .cespen-prog-s2__grid{

        grid-template-columns:1fr;

        gap:17px;
    }


    .cespen-prog-s2__image{

        height:240px;
    }


    .cespen-prog-s2__body{

        min-height:auto;

        padding:
            44px
            21px
            25px;
    }


    .cespen-prog-s2__body h3{

        font-size:14px;
    }


    .cespen-prog-s2__body p{

        font-size:10.5px;
    }


    .cespen-prog-s2__body li{

        font-size:9.5px;
    }


    .cespen-prog-s2__body > a{

        margin-top:10px;

        font-size:9px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87d4730 *//* =========================================================
CESPEN — PROGRAMMES PAGE
SECTION 03 — OUR LEARNING APPROACH
========================================================= */

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


.cespen-prog-s3{

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

    width:100%;

    position:relative;

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

    background:
        var(--cp3-bg);

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


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

.cespen-prog-s3__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;
}


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

.cespen-prog-s3__head{

    max-width:720px;

    margin-bottom:38px;
}


.cespen-prog-s3__eyebrow{

    display:block;

    margin-bottom:8px;

    color:
        var(--cp3-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.8px;
}


.cespen-prog-s3__head h2{

    margin:0;

    color:
        var(--cp3-navy);

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

    line-height:1.08;

    font-weight:800;

    letter-spacing:-1.2px;
}


.cespen-prog-s3__line{

    display:block;

    width:55px;
    height:3px;

    margin:
        15px
        0;

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


.cespen-prog-s3__head p{

    margin:0;

    max-width:650px;

    color:
        var(--cp3-text);

    font-size:11.5px;

    line-height:1.7;
}


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

.cespen-prog-s3__flow{

    display:grid;

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

    align-items:stretch;
}


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

.cespen-prog-s3__step{

    position:relative;

    min-height:230px;

    padding:
        29px
        20px
        25px;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    background:#ffffff;

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

    border-radius:7px;

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

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


.cespen-prog-s3__step:hover{

    transform:
        translateY(-5px);

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

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


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

.cespen-prog-s3__num{

    position:absolute;

    top:17px;
    right:18px;

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

    font-size:38px;

    line-height:1;

    font-weight:800;
}


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

.cespen-prog-s3__icon{

    width:62px;
    height:62px;

    margin-bottom:18px;

    display:flex;

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

    border-radius:50%;

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


.cespen-prog-s3__icon svg{

    width:28px;
    height:28px;

    fill:none;

    stroke:
        var(--cp3-gold);

    stroke-width:1.6;

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


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

.cespen-prog-s3__step h3{

    margin:
        0
        0
        8px;

    color:
        var(--cp3-navy);

    font-size:11px;

    line-height:1.2;

    font-weight:800;

    letter-spacing:.35px;
}


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

.cespen-prog-s3__step p{

    margin:0;

    max-width:155px;

    color:
        var(--cp3-text);

    font-size:9.5px;

    line-height:1.6;
}


/* =========================================================
ARROWS
========================================================= */

.cespen-prog-s3__arrow{

    display:flex;

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

    color:
        var(--cp3-gold);

    font-size:24px;

    line-height:1;
}


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

.cespen-prog-s3__step::after{

    content:"";

    position:absolute;

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

    height:3px;

    background:
        var(--cp3-gold);

    transform:
        scaleX(0);

    transform-origin:left;

    transition:
        transform .3s ease;
}


.cespen-prog-s3__step:hover::after{

    transform:
        scaleX(1);
}


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

@media(max-width:1150px){

    .cespen-prog-s3{

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


    .cespen-prog-s3__flow{

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

        gap:14px;
    }


    .cespen-prog-s3__arrow{

        display:none;
    }


    .cespen-prog-s3__step{

        min-height:240px;

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

}


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

@media(max-width:850px){

    .cespen-prog-s3{

        padding:
            60px
            24px
            66px;
    }


    .cespen-prog-s3__flow{

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

        gap:16px;
    }


    .cespen-prog-s3__step{

        min-height:220px;
    }


    .cespen-prog-s3__step:last-child{

        grid-column:
            1 / -1;

        width:50%;

        justify-self:center;
    }

}


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

@media(max-width:560px){

    .cespen-prog-s3{

        padding:
            52px
            17px
            58px;
    }


    .cespen-prog-s3__head{

        margin-bottom:28px;
    }


    .cespen-prog-s3__head h2{

        font-size:31px;
    }


    .cespen-prog-s3__head p{

        font-size:11px;
    }


    .cespen-prog-s3__flow{

        grid-template-columns:1fr;

        gap:12px;
    }


    .cespen-prog-s3__step,
    .cespen-prog-s3__step:last-child{

        width:100%;

        grid-column:auto;

        min-height:auto;

        display:grid;

        grid-template-columns:
            58px
            1fr;

        grid-template-rows:
            auto
            auto;

        column-gap:15px;

        align-items:center;

        text-align:left;

        padding:
            20px;
    }


    .cespen-prog-s3__icon{

        grid-row:
            1 / 3;

        width:58px;
        height:58px;

        margin:0;
    }


    .cespen-prog-s3__step h3{

        margin:
            0
            0
            4px;
    }


    .cespen-prog-s3__step p{

        max-width:none;

        font-size:10px;
    }


    .cespen-prog-s3__num{

        font-size:34px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10855888 *//* =========================================================
CESPEN — PROGRAMMES PAGE
SECTION 04 — WHY CHOOSE CESPEN
========================================================= */

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


.cespen-prog-s4{

    --cp4-navy:#06254d;
    --cp4-navy-dark:#031a38;
    --cp4-gold:#d79a18;
    --cp4-white:#ffffff;
    --cp4-text:#637083;
    --cp4-bg:#ffffff;
    --cp4-card:#f5f6f8;
    --cp4-border:#e2e6eb;

    width:100%;

    position:relative;

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

    background:
        var(--cp4-bg);

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


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

.cespen-prog-s4__wrap{

    width:100%;

    max-width:1500px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(300px,.65fr)
        minmax(0,1.35fr);

    align-items:center;

    gap:65px;
}


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

.cespen-prog-s4__content{

    max-width:480px;
}


/* EYEBROW */

.cespen-prog-s4__eyebrow{

    display:block;

    margin-bottom:10px;

    color:
        var(--cp4-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.7px;
}


/* TITLE */

.cespen-prog-s4__content h2{

    margin:0;

    color:
        var(--cp4-navy);

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

    line-height:1.08;

    font-weight:800;

    letter-spacing:-1.3px;
}


/* GOLD LINE */

.cespen-prog-s4__line{

    display:block;

    width:56px;
    height:3px;

    margin:
        17px
        0;

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


/* DESCRIPTION */

.cespen-prog-s4__content p{

    margin:0;

    max-width:440px;

    color:
        var(--cp4-text);

    font-size:11.5px;

    line-height:1.75;
}


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

.cespen-prog-s4__features{

    display:grid;

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

    gap:14px;
}


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

.cespen-prog-s4__item{

    min-height:135px;

    display:grid;

    grid-template-columns:
        50px
        1fr;

    align-items:start;

    gap:16px;

    padding:
        23px
        21px;

    background:
        var(--cp4-card);

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

    border-radius:7px;

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


.cespen-prog-s4__item:hover{

    transform:
        translateY(-4px);

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

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


/* WIDE LAST ITEM */

.cespen-prog-s4__item--wide{

    grid-column:
        1 / -1;
}


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

.cespen-prog-s4__icon{

    width:50px;
    height:50px;

    display:flex;

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

    border-radius:50%;

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


.cespen-prog-s4__icon svg{

    width:23px;
    height:23px;

    fill:none;

    stroke:
        var(--cp4-gold);

    stroke-width:1.6;

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


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

.cespen-prog-s4__item h3{

    margin:
        2px
        0
        7px;

    color:
        var(--cp4-navy);

    font-size:10.5px;

    line-height:1.3;

    font-weight:800;

    letter-spacing:.2px;
}


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

.cespen-prog-s4__item p{

    margin:0;

    max-width:390px;

    color:
        var(--cp4-text);

    font-size:9.5px;

    line-height:1.6;
}


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

@media(max-width:1050px){

    .cespen-prog-s4{

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


    .cespen-prog-s4__wrap{

        grid-template-columns:
            320px
            1fr;

        gap:40px;
    }

}


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

@media(max-width:850px){

    .cespen-prog-s4{

        padding:
            60px
            24px
            66px;
    }


    .cespen-prog-s4__wrap{

        grid-template-columns:1fr;

        gap:32px;
    }


    .cespen-prog-s4__content{

        max-width:650px;
    }

}


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

@media(max-width:560px){

    .cespen-prog-s4{

        padding:
            52px
            17px
            58px;
    }


    .cespen-prog-s4__content h2{

        font-size:31px;
    }


    .cespen-prog-s4__content p{

        font-size:11px;
    }


    .cespen-prog-s4__features{

        grid-template-columns:1fr;

        gap:11px;
    }


    .cespen-prog-s4__item,
    .cespen-prog-s4__item--wide{

        grid-column:auto;

        min-height:auto;

        padding:
            18px;
    }


    .cespen-prog-s4__item p{

        font-size:9.8px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-475ebfcd *//* =========================================================
CESPEN — PROGRAMMES PAGE
SECTION 05 — FINAL CTA
========================================================= */

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


.cespen-prog-s5{

    --cp5-navy:#06254d;
    --cp5-navy-dark:#031a38;
    --cp5-gold:#d79a18;
    --cp5-gold-dark:#b98212;
    --cp5-white:#ffffff;
    --cp5-muted:#cbd5e1;

    position:relative;

    width:100%;

    overflow:hidden;

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

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

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


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

.cespen-prog-s5::before{

    content:"";

    position:absolute;

    width:430px;
    height:430px;

    right:-170px;
    top:-260px;

    border-radius:50%;

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

    pointer-events:none;
}


.cespen-prog-s5::after{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    right:-65px;
    top:-185px;

    border-radius:50%;

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

    pointer-events:none;
}


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

.cespen-prog-s5__wrap{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1500px;

    margin:0 auto;

    display:grid;

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

    align-items:center;

    gap:70px;
}


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

.cespen-prog-s5__content{

    max-width:780px;
}


.cespen-prog-s5__eyebrow{

    display:block;

    margin-bottom:11px;

    color:
        var(--cp5-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.8px;
}


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

.cespen-prog-s5__content h2{

    margin:0;

    color:
        var(--cp5-white);

    font-size:
        clamp(
            34px,
            3.3vw,
            52px
        );

    line-height:1.07;

    font-weight:800;

    letter-spacing:-1.4px;
}


.cespen-prog-s5__content h2 span{

    display:block;

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


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

.cespen-prog-s5__line{

    display:block;

    width:58px;
    height:3px;

    margin:
        18px
        0;

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


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

.cespen-prog-s5__content p{

    margin:0;

    max-width:690px;

    color:
        var(--cp5-muted);

    font-size:12px;

    line-height:1.75;
}


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

.cespen-prog-s5__actions{

    width:100%;

    display:flex;

    flex-direction:column;

    gap:10px;
}


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

.cespen-prog-s5__btn{

    width:100%;

    min-height:50px;

    padding:
        0
        19px;

    display:flex;

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

    gap:20px;

    border-radius:4px;

    text-decoration:none;

    font-size:9.5px;

    line-height:1;

    font-weight:700;

    letter-spacing:.35px;

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


.cespen-prog-s5__btn span:last-child{

    font-size:17px;

    line-height:1;
}


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

.cespen-prog-s5__btn--gold{

    color:#ffffff;

    background:
        var(--cp5-gold);

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


.cespen-prog-s5__btn--gold:hover{

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

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

    transform:
        translateY(-2px);
}


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

.cespen-prog-s5__btn--outline{

    color:#ffffff;

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

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


.cespen-prog-s5__btn--outline span:last-child{

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


.cespen-prog-s5__btn--outline:hover{

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

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

    transform:
        translateY(-2px);
}


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

@media(max-width:900px){

    .cespen-prog-s5{

        padding:
            56px
            24px;
    }


    .cespen-prog-s5__wrap{

        grid-template-columns:1fr;

        gap:32px;
    }


    .cespen-prog-s5__actions{

        max-width:500px;
    }

}


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

@media(max-width:560px){

    .cespen-prog-s5{

        padding:
            48px
            17px;
    }


    .cespen-prog-s5__content h2{

        font-size:32px;
    }


    .cespen-prog-s5__content p{

        font-size:11.5px;
    }


    .cespen-prog-s5__actions{

        max-width:none;
    }


    .cespen-prog-s5__btn{

        min-height:51px;

        padding:
            0
            16px;

        font-size:9px;
    }

}/* End custom CSS */