.elementor-50 .elementor-element.elementor-element-f9f269e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-0be93ee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-ac89a65 *//* =========================================================
CESPEN — CONTACT PAGE
SECTION 01 — HERO
========================================================= */

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


.cespen-contact-s1{

    --cc1-navy:#06254d;
    --cc1-dark:#031a38;
    --cc1-gold:#d79a18;
    --cc1-white:#ffffff;
    --cc1-muted:#d3dae3;

    width:100%;

    position:relative;

    overflow:hidden;

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


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

.cespen-contact-s1__wrap{

    min-height:650px;

    display:grid;

    grid-template-columns:
        46%
        54%;

    align-items:stretch;
}


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

.cespen-contact-s1__content{

    position:relative;

    z-index:3;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:
        65px
        42px
        55px
        clamp(35px,4.8vw,80px);

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


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

.cespen-contact-s1__eyebrow{

    display:block;

    margin-bottom:12px;

    color:
        var(--cc1-gold);

    font-size:10px;

    line-height:1;

    font-weight:700;

    letter-spacing:1.8px;
}


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

.cespen-contact-s1__content h1{

    margin:0;

    max-width:620px;

    color:
        var(--cc1-white);

    font-size:
        clamp(
            42px,
            4.1vw,
            64px
        );

    line-height:.98;

    font-weight:800;

    letter-spacing:-1.8px;
}


.cespen-contact-s1__content h1 span{

    display:block;

    margin-top:7px;

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


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

.cespen-contact-s1__content > p{

    margin:
        22px
        0
        32px;

    max-width:590px;

    color:
        var(--cc1-muted);

    font-size:12px;

    line-height:1.75;
}


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

.cespen-contact-s1__details{

    width:100%;

    display:grid;

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

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

    padding-top:23px;
}


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

.cespen-contact-s1__item{

    position:relative;

    min-width:0;

    padding:
        0
        16px;
}


.cespen-contact-s1__item:first-child{

    padding-left:0;
}


.cespen-contact-s1__item:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;
    top:0;
    bottom:0;

    width:1px;

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


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

.cespen-contact-s1__icon{

    width:46px;
    height:46px;

    margin-bottom:12px;

    display:flex;

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

    border-radius:50%;

    border:
        2px
        solid
        var(--cc1-gold);
}


.cespen-contact-s1__icon svg{

    width:21px;
    height:21px;

    fill:none;

    stroke:
        var(--cc1-gold);

    stroke-width:1.7;

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


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

.cespen-contact-s1__item > span{

    display:block;

    margin-bottom:7px;

    color:#ffffff;

    font-size:9px;

    font-weight:700;

    letter-spacing:.2px;
}


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

.cespen-contact-s1__item a,
.cespen-contact-s1__item p{

    margin:0;

    color:
        var(--cc1-muted);

    text-decoration:none;

    font-size:8.5px;

    line-height:1.55;

    font-weight:400;
}


.cespen-contact-s1__item a:hover{

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


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

.cespen-contact-s1__visual{

    position:relative;

    min-height:650px;

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

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    background-color:#d8dde2;
}


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

.cespen-contact-s1__visual::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,26,56,.22) 0%,
            rgba(3,26,56,.04) 55%,
            rgba(3,26,56,.06) 100%
        );
}


/* GOLD DETAIL */

.cespen-contact-s1__visual::after{

    content:"";

    position:absolute;

    right:27px;
    top:0;

    width:9px;
    height:32%;

    background:
        var(--cc1-gold);

    transform:
        skewX(-24deg);
}


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

@media(max-width:1150px){

    .cespen-contact-s1__wrap{

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


    .cespen-contact-s1__content{

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


    .cespen-contact-s1__details{

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

        gap:22px 0;
    }


    .cespen-contact-s1__item:nth-child(2)::after{

        display:none;
    }

}


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

@media(max-width:850px){

    .cespen-contact-s1__wrap{

        display:flex;

        flex-direction:column;
    }


    .cespen-contact-s1__content{

        order:2;

        padding:
            50px
            24px;
    }


    .cespen-contact-s1__visual{

        order:1;

        min-height:430px;

        background-position:center;
    }

}


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

@media(max-width:560px){

    .cespen-contact-s1__visual{

        min-height:330px;
    }


    .cespen-contact-s1__content{

        padding:
            43px
            17px
            46px;
    }


    .cespen-contact-s1__content h1{

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

        letter-spacing:-1.2px;
    }


    .cespen-contact-s1__content > p{

        font-size:11.5px;
    }


    .cespen-contact-s1__details{

        grid-template-columns:1fr;

        gap:0;
    }


    .cespen-contact-s1__item{

        padding:
            18px
            0;

        display:grid;

        grid-template-columns:
            48px
            1fr;

        grid-template-rows:
            auto
            auto;

        column-gap:14px;

        align-items:center;

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


    .cespen-contact-s1__item:last-child{

        border-bottom:0;
    }


    .cespen-contact-s1__item::after{

        display:none;
    }


    .cespen-contact-s1__icon{

        grid-row:
            1 / 3;

        width:46px;
        height:46px;

        margin:0;
    }


    .cespen-contact-s1__item > span{

        margin-bottom:3px;
    }


    .cespen-contact-s1__item a,
    .cespen-contact-s1__item p{

        font-size:9px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8563939 *//* =========================================================
CESPEN — CONTACT PAGE
SECTION 02 — MESSAGE FORM + LOCATION
========================================================= */

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


.cespen-contact-s2{

    --cc2-navy:#06254d;
    --cc2-dark:#031a38;
    --cc2-gold:#d79a18;
    --cc2-white:#ffffff;
    --cc2-bg:#f3f5f7;
    --cc2-text:#637083;
    --cc2-border:#dfe4e9;

    position:relative;

    width:100%;

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

    background:
        var(--cc2-bg);

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


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

.cespen-contact-s2__wrap{

    position:relative;

    z-index:5;

    width:100%;

    max-width:1500px;

    margin:
        -28px
        auto
        0;

    display:grid;

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

    gap:20px;
}


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

.cespen-contact-s2__card{

    min-width:0;

    padding:
        29px
        27px
        27px;

    background:
        var(--cc2-white);

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

    border-radius:9px;

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


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

.cespen-contact-s2__head{

    display:flex;

    align-items:center;

    gap:12px;
}


.cespen-contact-s2__head-icon{

    width:31px;
    height:31px;

    display:flex;

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


.cespen-contact-s2__head-icon svg{

    width:24px;
    height:24px;

    fill:none;

    stroke:
        var(--cc2-navy);

    stroke-width:1.6;

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


.cespen-contact-s2__head h2{

    margin:0;

    color:
        var(--cc2-navy);

    font-size:15px;

    line-height:1.2;

    font-weight:800;
}


.cespen-contact-s2__title-line{

    display:block;

    width:34px;
    height:2px;

    margin-top:6px;

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


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

.cespen-contact-s2__intro{

    margin:
        12px
        0
        18px;

    max-width:600px;

    color:
        var(--cc2-text);

    font-size:10px;

    line-height:1.65;
}


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

.cespen-contact-s2__form{

    display:grid;

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

    gap:11px;
}


/* =========================================================
FIELD
========================================================= */

.cespen-contact-s2__field{

    position:relative;

    min-width:0;

    height:48px;

    display:flex;

    align-items:center;

    background:#ffffff;

    border:
        1px
        solid
        #dce2e8;

    border-radius:4px;

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


.cespen-contact-s2__field:focus-within{

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

    box-shadow:
        0 0 0 3px
        rgba(215,154,24,.08);
}


/* =========================================================
FULL WIDTH FIELD
========================================================= */

.cespen-contact-s2__field--full{

    grid-column:
        1 / -1;
}


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

.cespen-contact-s2__field-icon{

    flex:
        0
        0
        43px;

    width:43px;
    height:100%;

    display:flex;

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


.cespen-contact-s2__field-icon svg{

    width:17px;
    height:17px;

    fill:none;

    stroke:#788596;

    stroke-width:1.5;

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


/* =========================================================
INPUT / SELECT
========================================================= */

.cespen-contact-s2__field input,
.cespen-contact-s2__field select{

    width:100%;
    height:100%;

    padding:
        0
        13px
        0
        0;

    color:
        var(--cc2-navy);

    background:transparent;

    border:0;

    outline:0;

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

    font-size:9.5px;
}


.cespen-contact-s2__field input::placeholder{

    color:#8a95a3;

    opacity:1;
}


.cespen-contact-s2__field select{

    color:#8a95a3;

    cursor:pointer;
}


/* =========================================================
TEXTAREA
========================================================= */

.cespen-contact-s2__field--message{

    height:115px;

    align-items:flex-start;
}


.cespen-contact-s2__field--message
.cespen-contact-s2__field-icon{

    padding-top:14px;

    align-items:flex-start;
}


.cespen-contact-s2__field textarea{

    width:100%;
    height:100%;

    padding:
        14px
        13px
        14px
        0;

    resize:none;

    border:0;

    outline:0;

    background:transparent;

    color:
        var(--cc2-navy);

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

    font-size:9.5px;

    line-height:1.6;
}


.cespen-contact-s2__field textarea::placeholder{

    color:#8a95a3;
}


/* =========================================================
SUBMIT
========================================================= */

.cespen-contact-s2__submit{

    grid-column:
        1 / -1;

    width:100%;

    min-height:49px;

    margin-top:1px;

    padding:
        0
        20px;

    display:flex;

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

    gap:25px;

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

    border-radius:4px;

    background:
        var(--cc2-gold);

    color:#ffffff;

    cursor:pointer;

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

    font-size:9px;

    line-height:1;

    font-weight:700;

    letter-spacing:.4px;

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


.cespen-contact-s2__submit span:last-child{

    font-size:17px;
}


.cespen-contact-s2__submit:hover{

    transform:
        translateY(-2px);

    background:#ba8111;
}


/* =========================================================
MAP
========================================================= */

.cespen-contact-s2__map{

    position:relative;

    width:100%;

    height:295px;

    overflow:hidden;

    border-radius:5px;

    background:#e5e8eb;
}


.cespen-contact-s2__map iframe{

    display:block;

    width:100%;
    height:100%;

    border:0;
}


/* =========================================================
MAP INFO
========================================================= */

.cespen-contact-s2__map-info{

    position:absolute;

    z-index:5;

    right:24px;
    top:50%;

    transform:
        translateY(-50%);

    width:220px;

    padding:
        17px;

    display:grid;

    grid-template-columns:
        38px
        1fr;

    align-items:start;

    gap:10px;

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

    border-radius:5px;

    box-shadow:
        0 8px 25px
        rgba(3,26,56,.18);
}


/* =========================================================
PIN
========================================================= */

.cespen-contact-s2__pin{

    width:36px;
    height:36px;

    display:flex;

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

    border-radius:50%;

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


.cespen-contact-s2__pin svg{

    width:19px;
    height:19px;

    fill:none;

    stroke:
        var(--cc2-gold);

    stroke-width:1.7;
}


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

.cespen-contact-s2__map-info strong{

    display:block;

    margin-bottom:5px;

    color:
        var(--cc2-navy);

    font-size:11px;

    font-weight:800;
}


.cespen-contact-s2__map-info p{

    margin:0;

    color:
        var(--cc2-text);

    font-size:8px;

    line-height:1.5;
}


/* =========================================================
ACCESS BAR
========================================================= */

.cespen-contact-s2__access{

    display:grid;

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

    background:
        var(--cc2-navy);

    border-radius:
        0
        0
        5px
        5px;
}


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

.cespen-contact-s2__access-item{

    min-height:68px;

    display:flex;

    align-items:center;

    gap:13px;

    padding:
        11px
        18px;
}


.cespen-contact-s2__access-item:first-child{

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


.cespen-contact-s2__access-icon{

    flex:
        0
        0
        34px;

    width:34px;
    height:34px;

    display:flex;

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


.cespen-contact-s2__access-icon svg{

    width:25px;
    height:25px;

    fill:none;

    stroke:
        var(--cc2-gold);

    stroke-width:1.6;

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


.cespen-contact-s2__access-item p{

    margin:0;

    color:#ffffff;

    font-size:8.5px;

    line-height:1.5;
}


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

@media(max-width:1050px){

    .cespen-contact-s2{

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


    .cespen-contact-s2__map-info{

        right:15px;

        width:205px;
    }

}


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

@media(max-width:850px){

    .cespen-contact-s2{

        padding:
            0
            24px
            62px;
    }


    .cespen-contact-s2__wrap{

        grid-template-columns:1fr;

        margin-top:-20px;
    }


    .cespen-contact-s2__map{

        height:330px;
    }

}


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

@media(max-width:560px){

    .cespen-contact-s2{

        padding:
            0
            17px
            54px;
    }


    .cespen-contact-s2__wrap{

        margin-top:-12px;
    }


    .cespen-contact-s2__card{

        padding:
            24px
            17px;
    }


    .cespen-contact-s2__form{

        grid-template-columns:1fr;
    }


    .cespen-contact-s2__field,
    .cespen-contact-s2__field--full,
    .cespen-contact-s2__submit{

        grid-column:auto;
    }


    .cespen-contact-s2__field{

        height:49px;
    }


    .cespen-contact-s2__field--message{

        height:115px;
    }


    .cespen-contact-s2__map{

        height:330px;
    }


    .cespen-contact-s2__map-info{

        left:13px;
        right:13px;
        top:auto;
        bottom:13px;

        width:auto;

        transform:none;
    }


    .cespen-contact-s2__access{

        grid-template-columns:1fr;
    }


    .cespen-contact-s2__access-item:first-child{

        border-right:0;

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

}/* End custom CSS */