.elementor-77263 .elementor-element.elementor-element-9dd7e46{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-77263 .elementor-element.elementor-element-9dd7e46 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77263 .elementor-element.elementor-element-dd0b5c5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-77263 .elementor-element.elementor-element-dd0b5c5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D8EAFB;}.elementor-bc-flex-widget .elementor-77263 .elementor-element.elementor-element-dd0b5c5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-77263 .elementor-element.elementor-element-dd0b5c5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-77263 .elementor-element.elementor-element-dd0b5c5 > .elementor-element-populated, .elementor-77263 .elementor-element.elementor-element-dd0b5c5 > .elementor-element-populated > .elementor-background-overlay, .elementor-77263 .elementor-element.elementor-element-dd0b5c5 > .elementor-background-slideshow{border-radius:30px 30px 0px 0px;}.elementor-77263 .elementor-element.elementor-element-dd0b5c5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 0px 10px 0px;}.elementor-77263 .elementor-element.elementor-element-dd0b5c5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-77263 .elementor-element.elementor-element-a40d553.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-77263 .elementor-element.elementor-element-a40d553.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-77263 .elementor-element.elementor-element-e28a259 .elementor-button{background-color:#EBEDFB;font-family:"Poppins", Sans-serif;font-weight:500;fill:#001F5B;color:#001F5B;border-radius:15px 15px 15px 15px;padding:15px 15px 15px 15px;}.elementor-bc-flex-widget .elementor-77263 .elementor-element.elementor-element-c2e9977.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-77263 .elementor-element.elementor-element-c2e9977.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-77263 .elementor-element.elementor-element-b935ede .elementor-button{background-color:#4A46C0;border-radius:15px 15px 15px 15px;padding:15px 15px 15px 15px;}.elementor-77263 .elementor-element.elementor-element-c2db4ab > .elementor-element-populated{padding:0px 20px 0px 20px;}.elementor-77263 .elementor-element.elementor-element-ef06c11{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-77263 .elementor-element.elementor-element-ef06c11 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-77263 .elementor-element.elementor-element-b6ac362:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-77263 .elementor-element.elementor-element-b6ac362 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D8EAFB;}.elementor-bc-flex-widget .elementor-77263 .elementor-element.elementor-element-b6ac362.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-77263 .elementor-element.elementor-element-b6ac362.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-77263 .elementor-element.elementor-element-b6ac362 > .elementor-element-populated, .elementor-77263 .elementor-element.elementor-element-b6ac362 > .elementor-element-populated > .elementor-background-overlay, .elementor-77263 .elementor-element.elementor-element-b6ac362 > .elementor-background-slideshow{border-radius:30px 30px 0px 0px;}.elementor-77263 .elementor-element.elementor-element-b6ac362 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 0px 10px 0px;}.elementor-77263 .elementor-element.elementor-element-b6ac362 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-77263 .elementor-element.elementor-element-e83313e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-77263 .elementor-element.elementor-element-e83313e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-77263 .elementor-element.elementor-element-63d20c3 > .elementor-element-populated{padding:0px 20px 0px 20px;}.elementor-77263 .elementor-element.elementor-element-9f498f5 .elementor-button{background-color:#EBEDFB;fill:#001F5B;color:#001F5B;border-radius:15px 15px 15px 15px;padding:15px 15px 15px 15px;}.elementor-77263 .elementor-element.elementor-element-9f498f5 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-77263 .elementor-element.elementor-element-a8c858a > .elementor-element-populated{padding:0px 20px 0px 20px;}.elementor-77263 .elementor-element.elementor-element-3f35421 .elementor-button{background-color:#4A46C0;border-radius:15px 15px 15px 15px;padding:15px 15px 15px 15px;}.elementor-77263 .elementor-element.elementor-element-3f35421 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-77263 .elementor-element.elementor-element-3f35421 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:767px){.elementor-77263 .elementor-element.elementor-element-9dd7e46{padding:0px 0px 0px 0px;}.elementor-77263 .elementor-element.elementor-element-a40d553{width:50%;}.elementor-77263 .elementor-element.elementor-element-e28a259 .elementor-button{padding:15px 8px 15px 8px;}.elementor-77263 .elementor-element.elementor-element-c2e9977{width:50%;}.elementor-77263 .elementor-element.elementor-element-c2db4ab > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS for section, class: .elementor-element-9dd7e46 */.always-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #fff; /* optional */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ef06c11 */.always-bottom1 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #fff; /* optional */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-77876ae */.story-banner{

    position:relative;

    width:100%;

    max-width:1680px;

    height:500px;

    margin:80px auto;

    overflow:hidden;

    border-radius:30px;

    background:#002C5F;

}

.story-banner img{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center center;

    display:block;

    z-index:1;

}

.story-overlay{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:linear-gradient(
        90deg,
        rgba(0,44,95,.85) 0%,
        rgba(0,44,95,.65) 35%,
        rgba(0,44,95,.25) 65%,
        rgba(0,44,95,0) 100%
    );

    z-index:2;

}

.story-content{

    position:absolute;

    top:50%;

    left:70px;

    transform:translateY(-50%);

    width:540px;

    z-index:3;

}

.story-label{

    display:block;

    color:#fff;

    font-size:13px;

    letter-spacing:8px;

    font-weight:700;

    margin-bottom:20px;

}

.story-content h2{

    color:#fff;

    font-size:64px;

    font-weight:900;

    line-height:.95;

    letter-spacing:-2px;

    margin:0;

}

.story-content p{

    color:rgba(255,255,255,.92);

    font-size:18px;

    line-height:1.8;

    margin-top:24px;

}

/* =========================================================
   FEATURE CARDS
========================================================= */

.feature-card,
.fixed-card{

    position:relative;

    width:396px;

    height:493px;

    flex:0 0 396px;

    overflow:hidden;

    border-radius:28px;

    background:#001C45;

    transition:all .35s ease;

    cursor:pointer;

    box-shadow:
    0 15px 35px rgba(0,0,0,.08);

}

.feature-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 30px 60px rgba(0,44,95,.18);

}

/* =========================================================
   IMAGE
========================================================= */

.feature-card img,
.fixed-card img{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center center;

    transition:transform .6s ease;

}

.feature-card:hover img{

    transform:scale(1.05);

}

/* =========================================================
   OVERLAY
========================================================= */

.feature-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        180deg,

        rgba(0,0,0,0) 0%,

        rgba(0,25,60,.08) 30%,

        rgba(0,25,60,.45) 55%,

        rgba(0,25,60,.82) 75%,

        rgba(0,25,60,.96) 100%

    );

    z-index:2;

}

/* =========================================================
   CONTENT
========================================================= */

.feature-content{

    position:absolute;

    left:32px;

    right:32px;

    bottom:32px;

    z-index:3;

}

.feature-content h3{

    margin:0 0 18px;

    color:#ffffff;

    font-size:32px;

    font-weight:700;

    line-height:1.1;

    letter-spacing:-1px;

}

.feature-content p{

    margin:0;

    color:rgba(255,255,255,.88);

    font-size:18px;

    line-height:1.65;

    font-weight:400;

}

/* =========================================================
   CAROUSEL
========================================================= */

.carousel-wrap{

    position:relative;

    width:100%;

}

.carousel-track{

    display:flex;

    align-items:stretch;

    gap:24px;

    overflow-x:auto;

    scroll-behavior:smooth;

    scroll-snap-type:x mandatory;

    padding:0 20px 24px;

    scrollbar-width:none;

    -webkit-overflow-scrolling:touch;

}

.carousel-track::-webkit-scrollbar{

    display:none;

}

.carousel-card{

    flex:0 0 396px;

    scroll-snap-align:start;

}

/* =========================================================
   CONTROLS
========================================================= */

.carousel-controls{

    display:flex;

    justify-content:flex-end;

    gap:12px;

    margin-bottom:30px;

}

.carousel-btn{

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#ffffff;

    cursor:pointer;

    transition:.3s;

    box-shadow:0 8px 20px rgba(0,44,95,.10);

}

.carousel-btn:hover{

    background:#002C5F;

    color:#ffffff;

    transform:translateY(-2px);

}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1200px){

    .feature-card,
    .fixed-card,
    .carousel-card{

        width:340px;

        height:430px;

        flex:0 0 340px;

    }

    .feature-content{

        left:24px;
        right:24px;
        bottom:24px;

    }

    .feature-content h3{

        font-size:28px;

    }

    .feature-content p{

        font-size:16px;

    }

}

@media(max-width:768px){

    .carousel-track{

        gap:16px;

        padding:0 12px 18px;

    }

    .feature-card,
    .fixed-card,
    .carousel-card{

        width:300px;

        height:390px;

        flex:0 0 300px;

    }

    .feature-content{

        left:20px;
        right:20px;
        bottom:20px;

    }

    .feature-content h3{

        font-size:24px;

        margin-bottom:12px;

    }

    .feature-content p{

        font-size:15px;

        line-height:1.5;

    }

}
/* =====================================
   FORCE CARD TEXT COLOUR
===================================== */

.feature-card h1,
.feature-card h2,
.feature-card h3,
.feature-card h4,
.feature-card h5,
.feature-card h6,

.fixed-card h1,
.fixed-card h2,
.fixed-card h3,
.fixed-card h4,
.fixed-card h5,
.fixed-card h6,

.carousel-card h1,
.carousel-card h2,
.carousel-card h3,
.carousel-card h4,
.carousel-card h5,
.carousel-card h6{

    color:#ffffff !important;

}

.feature-card p,
.fixed-card p,
.carousel-card p{

    color:rgba(255,255,255,.92) !important;

}

/* ===========================================
   COLOUR SECTION
=========================================== */

.colour-section{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:60px;

    align-items:center;

    max-width:1600px;

    margin:120px auto;

    padding:80px;

    background:linear-gradient(
        135deg,
        #001B46 0%,
        #003B6F 100%
    );

    border-radius:32px;

}

/* LEFT */

.colour-info{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.colour-label{

    font-size:14px;

    letter-spacing:6px;

    color:#9EB8DA;

    text-transform:uppercase;

    margin-bottom:20px;

    font-weight:700;

}

.colour-title{

    color:#ffffff;

    font-size:64px;

    line-height:1;

    margin-bottom:28px;

    font-weight:800;

}

.colour-description{

    color:rgba(255,255,255,.82);

    font-size:20px;

    line-height:1.8;

}

/* GRID */

.colour-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:28px;

}

/* CARD */

.colour-card{

    background:#20436C;

    border-radius:28px;

    overflow:hidden;

    transition:.35s;

}

.colour-card:hover{

    transform:translateY(-8px);

}

/* IMAGE */

.colour-image{

    width:100%;

    aspect-ratio:1/1;

    overflow:hidden;

}

.colour-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

/* CONTENT */

.colour-content{

    padding:28px;

}

.colour-content h3{

    color:#ffffff !important;

    font-size:34px;

    margin:0 0 14px;

    font-weight:700;

}

.colour-content p{

    color:rgba(255,255,255,.82) !important;

    margin:0;

    font-size:18px;

}

/* RESPONSIVE */

@media(max-width:1024px){

.colour-section{

    grid-template-columns:1fr;

    padding:50px;

}

.colour-grid{

    grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.colour-section{

    padding:30px;

    gap:30px;

}

.colour-grid{

    grid-template-columns:1fr;

}

.colour-title{

    font-size:42px;

}

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9998ddc */h2.mt-3.text-3xl.md\:text-5xl.font-black.leading-tight {
    color: #ffffff;
}
h2.mt-4.text-5xl.lg\:text-7xl.font-black.uppercase.leading-none.text-white {
    color: #ffffff;
}
h3.text-white.text-3xl.font-bold.leading-tight {
    color: #ffffff;
}
h1.hero-title.mt-4.text-5xl.md\:text-8xl.font-black.uppercase.leading-\[0\.88\] {
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS *//* Force all Elementor buttons to use Prompt */
.elementor-button, 
.elementor-button span {
    font-family: 'Prompt', sans-serif !important;
}/* End custom CSS */