.elementor-4569 .elementor-element.elementor-element-0420282{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4569 .elementor-element.elementor-element-0420282:not(.elementor-motion-effects-element-type-background), .elementor-4569 .elementor-element.elementor-element-0420282 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0067FF00;}.elementor-4569 .elementor-element.elementor-element-2d3ef01{width:100%;max-width:100%;}.elementor-4569 .elementor-element.elementor-element-0bb80dd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4569 .elementor-element.elementor-element-0bb80dd:not(.elementor-motion-effects-element-type-background), .elementor-4569 .elementor-element.elementor-element-0bb80dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0067FF00;}.elementor-4569 .elementor-element.elementor-element-a384e5b.elementor-element{--align-self:center;}.elementor-4569 .elementor-element.elementor-element-1e290d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4569 .elementor-element.elementor-element-11b1ce5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4569 .elementor-element.elementor-element-3cfef8f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4569 .elementor-element.elementor-element-67d1f80{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4569 .elementor-element.elementor-element-9628e9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4569 .elementor-element.elementor-element-1e290d8{--content-width:1600px;}.elementor-4569 .elementor-element.elementor-element-11b1ce5{--content-width:1600px;}.elementor-4569 .elementor-element.elementor-element-3cfef8f{--content-width:1600px;}.elementor-4569 .elementor-element.elementor-element-67d1f80{--content-width:1600px;}.elementor-4569 .elementor-element.elementor-element-9628e9e{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-2d3ef01 *//* ===================================
   TOP BAR
=================================== */

.sbs-topbar{

    background:#02254b;

    padding:10px 40px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    transition:.4s ease;

    overflow:hidden;

}

.sbs-topbar.hide-top{

    margin-top:-60px;

    opacity:0;

}

/* ===================================
   CONTACT
=================================== */

.sbs-contact{

    display:flex;

    gap:25px;

}

.sbs-contact a{

    color:#fff;

    text-decoration:none;

    font-size:14px;

    font-weight:500;

}

.sbs-contact i{

    color:#00c8ff;

    margin-right:8px;

}

/* ===================================
   SOCIAL
=================================== */

.sbs-social{

    display:flex;

    gap:15px;

}

.sbs-social a{

    color:#fff;

    transition:.3s;

}

.sbs-social a:hover{

    color:#00c8ff;

}

/* ===================================
   NAVBAR
=================================== */

.sbs-navbar{

    background:#fff;

    padding:20px 50px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    transition:.35s ease;

    position:relative;

    z-index:999;

}

/* ===================================
   STICKY NAVBAR
=================================== */

.sbs-navbar.sticky-nav{

    position:fixed;

    top:0;

    left:0;

    width:100%;

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

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    animation:slideDown .4s ease;

    box-shadow:
    0 10px 35px rgba(0,0,0,.08);

}

@keyframes slideDown{

    from{

        transform:translateY(-100%);

    }

    to{

        transform:translateY(0);

    }

}

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

.sbs-logo img{

    height:70px;

    width:auto;

}

/* ===================================
   MENU
=================================== */

.sbs-menu{

    display:flex;

    align-items:center;

    gap:12px;

}

.sbs-menu a{

    position:relative;

    text-decoration:none;

    color:#082b57;

    font-size:16px;

    font-weight:600;

    padding:14px 24px;

    border-radius:50px;

    transition:.35s ease;

}

/* Hover */

.sbs-menu a:hover{

    background:#eef6ff;

    color:#0b63ce;

    transform:translateY(-2px);

}

/* ===================================
   ACTIVE MENU
=================================== */

.sbs-menu a.active{

    background:
    linear-gradient(
    135deg,
    #0b63ce,
    #082b57
    );

    color:#fff;

    box-shadow:
    0 12px 30px rgba(11,99,206,.25);

}

/* GOLD INDICATOR */

.sbs-menu a.active::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:6px;

    transform:translateX(-50%);

    width:36px;

    height:4px;

    border-radius:30px;

    background:#ffc107;

}

/* Glow Animation */

.sbs-menu a.active{

    animation:activeGlow 3s infinite;

}

@keyframes activeGlow{

    0%{

        box-shadow:
        0 8px 25px rgba(11,99,206,.18);

    }

    50%{

        box-shadow:
        0 12px 35px rgba(11,99,206,.35);

    }

    100%{

        box-shadow:
        0 8px 25px rgba(11,99,206,.18);

    }

}

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

.sbs-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    padding:16px 32px;

    border-radius:14px;

    background:
    linear-gradient(
    135deg,
    #19b5ff,
    #0b63ce
    );

    color:#fff;

    font-weight:700;

    transition:.35s ease;

}

.sbs-btn:hover{

    transform:translateY(-3px);

    box-shadow:
    0 12px 30px rgba(25,181,255,.35);

}

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

@media(max-width:991px){

    .sbs-navbar{

        flex-direction:column;

        gap:20px;

        padding:20px;

    }

    .sbs-menu{

        flex-wrap:wrap;

        justify-content:center;

    }

}

@media(max-width:768px){

    .sbs-topbar{

        flex-direction:column;

        gap:10px;

        padding:12px;

    }

    .sbs-contact{

        flex-direction:column;

        align-items:center;

        gap:8px;

    }

    .sbs-logo img{

        height:55px;

    }

    .sbs-menu a{

        padding:10px 16px;

        font-size:14px;

    }

    .sbs-btn{

        width:100%;

        max-width:250px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a384e5b */.contact-hero{

    min-height:100vh;

    position:relative;

    overflow:hidden;

    display:flex;

    align-items:center;

    background:
    linear-gradient(
    135deg,
    #ffffff 0%,
    #f7fbff 60%,
    #fffaf0 100%
    );

    padding:120px 40px;

}

.hero-bg-grid{

    position:absolute;

    inset:0;

    background-image:
    linear-gradient(rgba(8,43,87,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8,43,87,.03) 1px, transparent 1px);

    background-size:50px 50px;

}

.hero-container{

    max-width:1400px;

    margin:auto;

    width:100%;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:80px;

    align-items:center;

    position:relative;

    z-index:2;

}

.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 22px;

    border-radius:50px;

    background:#fff;

    border:1px solid #edf2f7;

    color:#c79300;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.hero-left h1{

    font-size:82px;

    line-height:1;

    margin:25px 0;

    color:#082b57;

    font-weight:900;

}

.hero-left h1 span{

    color:#d4a017;

}

.hero-left p{

    max-width:650px;

    font-size:19px;

    line-height:1.9;

    color:#667085;

}

.hero-buttons{

    display:flex;

    gap:15px;

    margin-top:35px;

    flex-wrap:wrap;

}

.btn-primary{

    background:#082b57;

    color:#fff;

    padding:18px 34px;

    border-radius:60px;

    text-decoration:none;

    font-weight:700;

}

.btn-secondary{

    background:#fff;

    color:#082b57;

    border:1px solid #dbe3f0;

    padding:18px 34px;

    border-radius:60px;

    text-decoration:none;

    font-weight:700;

}

.quick-info{

    display:grid;

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

    gap:15px;

    margin-top:50px;

}

.info-box{

    background:#fff;

    padding:22px;

    border-radius:18px;

    border:1px solid #eef2f7;

    box-shadow:0 10px 25px rgba(0,0,0,.04);

}

.info-box strong{

    display:block;

    color:#082b57;

    margin-bottom:10px;

}

.info-box span{

    color:#667085;

    font-size:14px;

}

.hero-image-wrapper{

    position:relative;

}

.hero-image-wrapper::before{

    content:"";

    position:absolute;

    width:100%;

    height:100%;

    background:
    linear-gradient(
    135deg,
    #082b57,
    #0b63ce
    );

    border-radius:35px;

    transform:rotate(-4deg);

}

.hero-image-wrapper img{

    position:relative;

    width:100%;

    border-radius:35px;

    display:block;

    box-shadow:
    0 30px 80px rgba(0,0,0,.15);

}

@media(max-width:991px){

.hero-container{

    grid-template-columns:1fr;

}

.hero-left{

    text-align:center;

}

.hero-left h1{

    font-size:52px;

}

.quick-info{

    grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b05a0e3 */.contact-options{

    padding:120px 40px;

    background:#fff;

}

.section-header{

    text-align:center;

    max-width:850px;

    margin:0 auto 70px;

}

.section-header span{

    color:#c79300;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}

.section-header h2{

    font-size:56px;

    color:#082b57;

    margin:20px 0;

    line-height:1.2;

    font-weight:800;

}

.section-header p{

    color:#667085;

    font-size:17px;

    line-height:1.8;

}

.contact-grid{

    max-width:1400px;

    margin:auto;

    display:grid;

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

    gap:25px;

}

.contact-card{

    background:#fff;

    padding:40px 30px;

    border-radius:25px;

    border:1px solid #edf2f7;

    text-align:center;

    transition:.4s;

    box-shadow:
    0 10px 30px rgba(0,0,0,.04);

}

.contact-card:hover{

    transform:translateY(-10px);

    border-color:#d4a017;

}

.featured{

    background:
    linear-gradient(
    135deg,
    #082b57,
    #0b63ce
    );

}

.featured h3,
.featured p,
.featured a{

    color:#fff !important;

}

.card-icon{

    width:80px;

    height:80px;

    border-radius:50%;

    background:#f8fbff;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto auto 20px;

    font-size:35px;

}

.contact-card h3{

    color:#082b57;

    margin-bottom:15px;

}

.contact-card p{

    color:#667085;

    line-height:1.8;

    margin-bottom:20px;

}

.contact-card a{

    color:#0b63ce;

    font-weight:700;

    text-decoration:none;

}

@media(max-width:991px){

.contact-grid{

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

}

}

@media(max-width:768px){

.contact-options{

    padding:80px 20px;

}

.section-header h2{

    font-size:34px;

}

.contact-grid{

    grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81e63d4 */.locations-section{

    padding:120px 40px;

    background:#fff;

}

.section-title{

    max-width:850px;

    margin:0 auto 80px;

    text-align:center;

}

.section-title span{

    color:#d4a017;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}

.section-title h2{

    font-size:60px;

    color:#082b57;

    margin:20px 0;

    font-weight:800;

}

.section-title p{

    color:#667085;

    line-height:1.9;

}

/* TIMELINE */

.location-timeline{

    max-width:1000px;

    margin:auto;

    position:relative;

}

.location-timeline::before{

    content:"";

    position:absolute;

    left:24px;

    top:0;

    bottom:0;

    width:2px;

    background:
    linear-gradient(
    #082b57,
    #d4a017
    );

}

.location-item{

    position:relative;

    padding-left:90px;

    margin-bottom:70px;

}

.location-dot{

    position:absolute;

    left:10px;

    top:8px;

    width:30px;

    height:30px;

    border-radius:50%;

    background:#082b57;

    border:6px solid #f5f9ff;

    box-shadow:
    0 0 0 2px #d4a017;

}

.location-content{

    background:#fff;

    padding:35px;

    border-radius:25px;

    border:1px solid #eef2f7;

    box-shadow:
    0 15px 40px rgba(0,0,0,.05);

}

.location-type{

    color:#d4a017;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

}

.location-content h3{

    font-size:34px;

    color:#082b57;

    margin:10px 0 15px;

}

.location-content p{

    color:#667085;

    line-height:1.9;

}

@media(max-width:768px){

.section-title h2{

    font-size:36px;

}

.location-item{

    padding-left:70px;

}

.location-content{

    padding:25px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-393281d */.map-section{

    padding:120px 40px;

    background:
    linear-gradient(
    180deg,
    #ffffff,
    #f8fbff
    );

}

.map-heading{

    max-width:850px;

    margin:0 auto 60px;

    text-align:center;

}

.map-heading span{

    color:#d4a017;

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

}

.map-heading h2{

    font-size:60px;

    color:#082b57;

    margin:20px 0;

    line-height:1.1;

    font-weight:800;

}

.map-heading p{

    color:#667085;

    line-height:1.9;

    font-size:17px;

}

/* Tabs */

.map-tabs{

    display:flex;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;

    margin-bottom:35px;

}

.map-btn{

    padding:15px 25px;

    border:none;

    cursor:pointer;

    border-radius:60px;

    background:#fff;

    color:#082b57;

    font-weight:600;

    box-shadow:
    0 10px 25px rgba(0,0,0,.05);

    transition:.3s;

}

.map-btn:hover{

    transform:translateY(-3px);

}

.map-btn.active{

    background:#082b57;

    color:#fff;

}

/* Info */

.map-info{

    max-width:1400px;

    margin:0 auto 25px;

    padding:25px 35px;

    background:#fff;

    border-radius:25px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

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

}

.office-info h3{

    color:#082b57;

    font-size:28px;

    margin-bottom:10px;

}

.office-info p{

    color:#667085;

    line-height:1.8;

}

.direction-btn{

    padding:16px 28px;

    border-radius:60px;

    background:#082b57;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    white-space:nowrap;

}

/* Map */

.map-container{

    max-width:1400px;

    margin:auto;

    overflow:hidden;

    border-radius:30px;

    box-shadow:
    0 25px 60px rgba(8,43,87,.08);

}

.map-container iframe{

    width:100%;

    height:650px;

    border:none;

}

/* Mobile */

@media(max-width:991px){

.map-info{

    flex-direction:column;

    text-align:center;

}

}

@media(max-width:768px){

.map-section{

    padding:80px 20px;

}

.map-heading h2{

    font-size:38px;

}

.map-container iframe{

    height:450px;

}

.map-btn{

    width:100%;

}

.office-info h3{

    font-size:22px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-513685b */.faq-section{

    padding:120px 40px;

    background:
    linear-gradient(
    180deg,
    #ffffff,
    #f8fbff
    );

}

.faq-heading{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.faq-heading span{

    color:#d4a017;

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

}

.faq-heading h2{

    font-size:58px;

    color:#082b57;

    margin:20px 0;

    line-height:1.1;

    font-weight:800;

}

.faq-heading p{

    color:#667085;

    font-size:17px;

    line-height:1.9;

}

.faq-container{

    max-width:1000px;

    margin:auto;

}

.faq-item{

    background:#fff;

    margin-bottom:18px;

    border-radius:22px;

    overflow:hidden;

    border:1px solid #edf2f7;

    box-shadow:
    0 10px 30px rgba(8,43,87,.04);

}

.faq-question{

    width:100%;

    border:none;

    background:none;

    cursor:pointer;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:28px 30px;

    font-size:20px;

    font-weight:700;

    color:#082b57;

    text-align:left;

}

.faq-question span{

    width:40px;

    height:40px;

    border-radius:50%;

    background:#f5f9ff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    transition:.3s;

}

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:.4s ease;

}

.faq-answer p{

    padding:0 30px 28px;

    color:#667085;

    line-height:1.9;

}

.faq-item.active .faq-answer{

    max-height:250px;

}

.faq-item.active .faq-question span{

    transform:rotate(45deg);

    background:#082b57;

    color:#fff;

}

@media(max-width:768px){

.faq-section{

    padding:80px 20px;

}

.faq-heading h2{

    font-size:38px;

}

.faq-question{

    font-size:17px;

    padding:22px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2bfe4d5 */.contact-form-section{

    padding:120px 40px;

    background:
    linear-gradient(
    180deg,
    #f8fbff,
    #ffffff
    );

}

.form-container{

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:50px;

    align-items:center;

}

.form-left span{

    color:#d4a017;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}

.form-left h2{

    font-size:58px;

    color:#082b57;

    margin:20px 0;

    line-height:1.1;

    font-weight:800;

}

.form-left p{

    color:#667085;

    line-height:1.9;

    margin-bottom:40px;

}

.contact-info{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.info-item{

    background:#fff;

    padding:20px;

    border-radius:18px;

    border:1px solid #eef2f7;

}

.info-item strong{

    color:#082b57;

    display:block;

    margin-bottom:8px;

}

.info-item p{

    margin:0;

    color:#667085;

}

.form-right{

    background:#fff;

    padding:40px;

    border-radius:30px;

    box-shadow:
    0 20px 50px rgba(8,43,87,.08);

}

.input-group{

    margin-bottom:18px;

}

.form-right input,
.form-right select,
.form-right textarea{

    width:100%;

    padding:18px 20px;

    border:1px solid #e5e7eb;

    border-radius:14px;

    outline:none;

    font-size:15px;

}

.form-right textarea{

    height:140px;

    resize:none;

}

.form-right input:focus,
.form-right select:focus,
.form-right textarea:focus{

    border-color:#082b57;

}

.form-right button{

    width:100%;

    border:none;

    background:
    linear-gradient(
    135deg,
    #082b57,
    #0b63ce
    );

    color:#fff;

    padding:18px;

    border-radius:14px;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

}

@media(max-width:991px){

.form-container{

    grid-template-columns:1fr;

}

.form-left h2{

    font-size:42px;

}

}

@media(max-width:768px){

.contact-form-section{

    padding:80px 20px;

}

.form-right{

    padding:25px;

}

.form-left h2{

    font-size:34px;

}

}/* End custom CSS */