*{
        margin:0;
        padding:0;
        box-sizing:border-box;
    }
html,
body{

    overflow-x:hidden;
}
    body{
    font-family:'Nunito Sans',sans-serif;
        background:#07111F;
        color:white;
    }
html{

    scroll-behavior:smooth;
}

#expertise,
#presence{

    scroll-margin-top:100px;
}
    
    .container{
        width:90%;
        max-width:1400px;
        margin:auto;
    }

 .navbar{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    transition:.25s ease;
    padding:20px 0;
}

 .navbar .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

    .logo{
         flex:1;
        display:flex;
        align-items:center;
    }


    .logo img{
        height:68px;
        width:auto;
        display:block;
    }

    .logo img:hover{
        transform:scale(1.03);
    }

  .nav-links{
    display:flex;
    gap:28px;
    list-style:none;
    position:relative;
}

.nav-links a,
.mega-trigger{

    color:#fff;
    text-decoration:none;
    transition:.25s;

    font-family:'Inter',sans-serif;

    font-size:14px;

    font-weight:500;

    letter-spacing:-0.3px;
}
    .hero{

        min-height:100vh;

        background:
        linear-gradient(
        rgba(0,0,0,.45),
        rgba(0,0,0,.35)
        ),
        url('images/hero-bg.jpg');

        background-size:cover;

        background-position:center;

        display:flex;

        align-items:flex-start;
    } 

    .hero-content{

        padding-top:240px;

        padding-left:80px;

        padding-right:15px;
    }

    .hero-tag{

        display:inline-block;

        color:#FFC933;

        font-size:18px;

        font-weight:700;

        letter-spacing:4px;

        text-transform:uppercase;

        margin-bottom:20px;

        position:relative;

        top:-20px;

        text-shadow:
        0 2px 10px rgba(0,0,0,.35);
    }

    .hero h1{

        max-width:700px;

        font-size:42px;

        font-weight:400;

        line-height:1.15;

        letter-spacing:-1px;

        color:#fff;

        margin-bottom:25px;
    }
    .hero p{

        margin-top:25px;

        max-width:650px;

        font-size:18px;

        line-height:1.7;

        color:rgba(255,255,255,.92);
        text-shadow:
        0 2px 10px rgba(0,0,0,.35);
    }

    .hero-buttons{
        margin-top:80px;
        display:flex;
        gap:20px;
    }

    .hero-buttons a{
    transition: transform 0.35s ease;
}

.hero-buttons a:hover{
    transform: translateY(-3px) scale(1.05);
}

    .btn-primary{
        background:#F4B400;
        color:#07111F;
        padding:16px 34px;
        text-decoration:none;
        font-weight:600;
        font-size:15px;
    }

    .btn-secondary{
        border:1px solid rgba(255,255,255,.5);
        color:white;
        padding:16px 34px;
        text-decoration:none;
        font-size:15px;
    }

    .about h2{
        font-size:56px;
        max-width:900px;
        margin:20px 0;
    }

    .about p{
        max-width:800px;
        line-height:1.8;
    }

    .card h3{
        font-size:24px;
    }

    .about-abana .section-tag{

        color:#F4B400;

        font-size:14px;

        letter-spacing:2px;
    }

    .about-abana h2{

        margin-top:20px;

        max-width:900px;

        font-size:56px;

        font-weight:300;

        line-height:1.15;
    }

    .about-abana p{

        margin-top:30px;

        max-width:850px;

        font-size:18px;

        line-height:1.8;

        color:#555;
    }

    .hamburger{
        display:block;
        margin-left:auto;
        font-size:32px;
        color:#fff;
    }

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

.nav-item{
    position:relative;
}

.mega-menu{

    position:fixed;

    top:108px;

    left:0;

    width:100%;

    background:#fff;

    padding:40px 80px;

    border-top:1px solid #e5e5e5;

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

    opacity:0;

    visibility:hidden;

    transition:.2s;

    z-index:999;
}

.nav-item:hover .mega-menu{
    opacity:1;
    visibility:visible;
    display:flex;
}

  .mega-left{

    width:220px;

    min-width:220px;

    padding-right:30px;

    border-right:1px solid #ddd;
}

  .mega-left h3{
    font-size:28px;
    line-height:1.2;
    word-break:break-word;
}

    .mega-left p{

        color:#666;

        line-height:1.8;
    }

   .mega-right{

    width:100%;

    display:grid;

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

    gap:60px;
}

 .mega-column h4{

    color:#222;

    font-size:15px;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

    margin-bottom:20px;
}

.mega-column a{

    display:block;

    margin-bottom:14px;

    color:#555;

    text-decoration:none;

    font-size:13px;

    font-weight:400;

    line-height:1.5;

    transition:.2s;
}

    .mega-column a:hover{

        color:#F4B400;
    }

    .nav-item:hover .mega-menu{
    opacity:1;
    visibility:visible;
    display:flex;
}

.nav-item:hover ~ li a,
.nav-item:hover .mega-trigger{
    color:#111;
}

.navbar:has(.nav-item:hover){
    background:#fff;
}

.navbar:has(.nav-item:hover) .nav-links a{
    color:#111;
}

.contact-btn{

    color:#fff;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    letter-spacing:-0.2px;

    padding:10px 0;

    position:relative;

    transition:.25s;
}

.contact-btn::after{

    content:'';

    position:absolute;

    left:0;

    bottom:-4px;

    width:0;

    height:2px;

    background:#F4B400;

    transition:.25s;
}

.contact-btn:hover{

    color:#F4B400;
}

.contact-btn:hover::after{

    width:100%;
}
/* =========================
ACTIVE MENU
========================= */

.nav-item:hover > a{

    color:#F4B400 !important;

    font-weight:700;
}

.nav-item:hover::before{

    content:'';

    position:absolute;

    top:-28px;

    left:50%;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#F4B400;
}

.section-tag{
    color:#F4B400;
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
}

    /* ===================================
    HAMBURGER
    =================================== */

   .hamburger{

    display:none;

    background:none;
    border:none;

    color:#fff;

    font-size:32px;

    cursor:pointer;

    z-index:1001;
}
    /* ===================================
    RESPONSIVE MOBILE
    =================================== */

    @media (max-width:768px){

    .hamburger{

        display:block;

        background:none;

        border:none;

        color:#fff;

        font-size:32px;

        cursor:pointer;

        z-index:99999;

        position:relative;
    }

    
    .navbar{

        position:fixed;

        top:0;

        left:0;

        width:100%;

        z-index:10001;
    }

    .nav-links{

        position:fixed;

        top:90px;

        right:-100%;

        width:100%;

        height:calc(100vh - 90px);

        background:#fff;

        padding:20px 25px 40px;

        overflow-y:auto;

        z-index:9999;

        transition:.35s ease;

        display:block;
    }

    .nav-links.active{

        right:0;
    }


        .nav-links.active{
            display:flex;
        }

        .hero-tag{

            font-size:11px;

            letter-spacing:2px;
        }

        .hero h1{

            font-size:32px;

            line-height:1.15;

            letter-spacing:0;

            max-width:100%;
        }

        .hero p{

            font-size:14px;

            max-width:100%;
        }

        .hero-buttons{

            flex-direction:column;

            gap:12px;
        }

        .btn-primary,
        .btn-secondary{

            width:180px;

            text-align:center;
        }
    }

    /* ===================================
COMMON SECTIONS
=================================== */

.about-abana-section,
.expertise-section,
.sogip-section,
.why-section,
.presence-section,
.contact-section{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;
}

.about-abana-section::before,
.expertise-section::before,
.sogip-section::before,
.why-section::before,
.presence-section::before,
.contact-section::before{

    display:none;
}

.section-content{

    position:relative;

    z-index:2;
}

.section-tag{

    display:block;

    color:#F4B400;

    font-size:13px;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:20px;
}

.section-content h2{

    font-size:38px;

    font-weight:300;

    line-height:1.2;

    max-width:800px;

    margin-bottom:20px;
}

.section-content p{

    max-width:700px;

    font-size:18px;

    line-height:1.8;

    color:rgba(255,255,255,.9);
}

.section-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:58px;

    padding:0 32px;

    background:#F4B400;

    color:#07111F;

    text-decoration:none;

    font-weight:600;

    margin-top:35px;
}

/* ===================================
ABOUT ABANA
=================================== */
.about-abana-section{
    padding:120px 0;
    background:#fff;
}

.about-header{
    display:grid;
    grid-template-columns:1.3fr .9fr;
    gap:40px;

    align-items:center;
}

.about-abana-section h2{
    color:#07111F;

    font-size:42px;
    line-height:1.2;
    font-weight:600;

    margin-top:20px;

    max-width:800px;
}

    .about-title-block{

    padding:40px 50px 40px 0;

    border-bottom:2px solid rgba(0,0,0,.06);
}

.about-intro p{
    color:#5f6772;

    font-size:18px;
    line-height:1.9;

    margin-top:35px;
}

.about-divider{
    width:100%;
    height:1px;

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

     margin:35px 0; 
}


.about-content p{
    color:#5f6772;

    font-size:18px;
    line-height:2;
}

.about-side{
    display:flex;
    flex-direction:column;
    gap:40px;
}

.about-intro-card{

    background:#f8f8f8;

    border-left:4px solid #F4B400;

    padding:35px 40px;

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

.about-intro-card:hover{

    transform:translateY(-4px);

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

.learn-more-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:14px 18px;

    width:fit-content;

    min-width:unset;

    background:#07111F;

    color:#fff;

    text-decoration:none;

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

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

.learn-more-btn{

    display:inline-flex;

    align-items:center;

   justify-content:center;

    gap:16px;

    padding:12px 12px 12px 18px;

    background:#07111F;

    color:#fff;

    text-decoration:none;

    font-size:12px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

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

.learn-icon{

    width:34px;

    height:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#D89C00;

    color:#07111F;

    font-size:16px;

    flex-shrink:0;
}

.learn-more-btn:hover{

    background:#0C1A2D;

    transform:translateY(-3px);

    box-shadow:
        0 12px 25px rgba(0,0,0,.10);
}
.learn-icon{

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#D89C00;

    font-size:18px;

    transition:.35s ease;
}

.learn-more-btn:hover{

    transform:translateY(-3px);

    background:#0C1A2D;

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

.learn-more-btn:hover .learn-icon{

    transform:translateX(4px);
}

.learn-more-btn:hover{

    transform:translateY(-4px);

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

.learn-more-btn:hover .learn-icon{

    transform:translateX(6px);
}

.learn-more-btn:hover{

    background:#0C1A2D;
}

.about-intro-card span{

    display:block;

    color:#D89C00;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:18px;
}

.about-intro-card p{

    color:#5f6772;

    font-size:18px;

    line-height:1.9;

    margin:0;
    }


.learn-more-btn:hover{
    color:#F4B400;

    transform:translateX(8px);
}

.about-abana-section{
    padding:100px 0;
    background:#fff;
}

.about-card{

    background:#f8f8f8;

    border-left:5px solid #F4B400;

    padding:60px 70px;

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

.about-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 20px 45px rgba(0,0,0,.08);
}

.about-card .section-tag{

    display:block;

    margin:0 0 25px;

    color:#D89C00;

    font-size:15px;

    font-weight:700;

    letter-spacing:4px;
}

.about-card h2{

    color:#07111F;

    font-size:48px;

    line-height:1.15;

    font-weight:600;

    max-width:700px;

    margin-bottom:40px;
}

.about-content{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    margin-bottom:40px;
}

.about-content p{

    color:#5f6772;

    font-size:18px;

    line-height:2;
}

.learn-more-btn:hover{

    color:#F4B400;
}

.learn-more-btn:hover{

    transform:translateX(8px);
}

@media(max-width:992px){

    .about-header,
    .about-content{

        grid-template-columns:1fr;

        gap:40px;
    }

    .about-abana-section h2{

        font-size:48px;
    }

}

@media(max-width:768px){

    .about-abana-section{

        padding:80px 0;
    }

    .about-abana-section h2{

        font-size:38px;
    }

}
/* ===================================
EXPERTISE
=================================== */

.expertise-section{
    background-image: url('images/blue-bg2.jpg');
}

.expertise-section h2{

    text-shadow:
    0 3px 15px rgba(0,0,0,.35);
}   
.expertise-grid{

    display:grid;

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

    gap:25px;

    margin-top:50px;
}

.expertise-card{

    background:rgba(7,17,31,.35);

    backdrop-filter:blur(6px);

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

    padding:35px;
}

.expertise-card h3{

    margin-bottom:15px;

    font-size:22px;
}

.expertise-card p{

    font-size:16px;
    
    line-height:1.7;

    color:rgba(255,255,255,.92);
}

.expertise-section .section-tag,
.expertise-section h2{

    margin-left:20px;
}
/*js*/
.expertise-card{

    background:rgba(7,17,31,.28);

    backdrop-filter:blur(10px);

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

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

    padding:35px;

    overflow:hidden;

    transition:
    all .45s ease;

    cursor:pointer;
}

.expertise-card h3{

    margin-bottom:15px;

    font-size:22px;

    color:#fff;

    transition:.45s ease;
}

.expertise-card p{

    font-size:16px;

    line-height:1.7;

    color:rgba(255,255,255,.92);

    transition:.45s ease;
        animation:cardReveal 1.2s ease forwards;

    opacity:0;
}

.expertise-card:hover{

    transform:
    translateY(-12px)
    scale(1.05);

    background:rgba(7,17,31,.55);

    backdrop-filter:blur(0px);

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

    border-color:#F4B400;

    box-shadow:
    0 25px 60px rgba(0,0,0,.35);

    z-index:10;
}

.expertise-card:hover h3{

    color:#F4B400;
}

.expertise-card:hover p{

    color:#fff;
}
.expertise-card:nth-child(1){
    animation-delay:.2s;
}

.expertise-card:nth-child(2){
    animation-delay:.4s;
}

.expertise-card:nth-child(3){
    animation-delay:.6s;
}

.expertise-card:nth-child(4){
    animation-delay:.8s;
}
.expertise-section h2{

    animation:slideTitle 1.2s ease forwards;
}
@keyframes cardReveal{

    0%{

        opacity:0;

        filter:blur(12px);

        transform:scale(.92);
    }

    100%{

        opacity:1;

        filter:blur(0);

        transform:scale(1);
    }
}
@keyframes slideUp{

    from{

        opacity:0;

        transform:translateY(80px);
    }

    to{

        opacity:1;

        transform:translateY(0);
    }
}
/* ===================================
WHY ABANA
=================================== */
.why-section{
     padding:120px 0 40px;
    background:#fff;
}

.why-section h2{
    margin:20px 0 25px;
    color:#07111F;

    font-size:39px;
    line-height:1.05;
    font-weight:500;
    letter-spacing:-2px;

    max-width:900px;
}   

.why-intro{
    max-width:900px;
    color:#5f6772;
    line-height:1.9;
    font-size:18px;
    margin-bottom:60px;
}

.why-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
}

/* LEFT SIDE */

.why-left{
    display:flex;
    flex-direction:column;
    gap:50px;
}

.why-item{
    display:flex;
    gap:35px;
    align-items:flex-start;
}

.why-item img{
    width:260px;
    height:190px;
    object-fit:cover;

    border-radius:0;

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

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}
.why-text h3{
    color:#07111F;
    font-size:34px;
    margin-bottom:20px;
    font-weight:500;
}

.why-text p{
    color:#6B7280;
    line-height:1.9;
    font-size:17px;
}

/* RIGHT SIDE */

.why-right img{
    width:100%;
    height:340px;
    object-fit:cover;

    border-radius:0;

    box-shadow:
        0 20px 45px rgba(0,0,0,.10);

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

.why-right-content h3{
    color:#07111F;
    font-size:34px;
    line-height:1.25;
    margin-bottom:25px;
    font-weight:500;
}

.why-right-content p{
    color:#6B7280;
    line-height:2;
    font-size:17px;
    margin-bottom:25px;
}

.why-item img,
.why-right img{
    box-shadow:
        0 15px 35px rgba(0,0,0,.08);

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


.why-item img:hover,
.why-right img:hover{

    transform:translateY(-6px);

    box-shadow:
        0 30px 60px rgba(0,0,0,.15);
}
/* Hover */

.why-item h3,
.why-right-content h3{
    transition:.3s ease;
}

.why-item:hover h3,
.why-right:hover h3{
    color:#F4B400;
}

.why-highlight{
    margin-top:20px;
    padding:40px;
    background:#f8f8f8;
    border-left:4px solid #F4B400;
}

.why-highlight span{
    display:block;
    color:#F4B400;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    margin-bottom:15px;
}

.why-highlight h3{
    color:#07111F;
    font-size:32px;
    margin-bottom:20px;
    line-height:1.3;
}

.why-highlight p{
    color:#5f6772;
    line-height:1.9;
    font-size:17px;
}


.learn-more-btn::after{
    content:'';
    position:absolute;

    left:0;
    bottom:-6px;

    width:100%;
    height:2px;

    background:#F4B400;

    transform:scaleX(0);
    transform-origin:left;

    transition:.3s ease;
}



.learn-more-btn:hover::after{
    transform:scaleX(1);
}

.learn-more-btn span{
    transition:.3s ease;
}

.learn-more-btn:hover{
    color:#F4B400;
}

.learn-more-btn:hover span{
    transform:translateX(8px);
}

/* Responsive */

@media(max-width:992px){

    .why-layout{
        grid-template-columns:1fr;
    }

    .why-item{
        flex-direction:column;
    }

    .why-item img{
        width:100%;
        height:250px;
    }

}

@media(max-width:768px){

    .why-section{
        padding:80px 0;
    }

    .why-text h3,
    .why-right-content h3{
        font-size:28px;
    }

}
/* ===================================
REGIONAL PRESENCE
=================================== */
.presence-section{

    padding:120px 0;

    background:#fff;
}

.presence-section h2{

    font-size:39px;

    color:#07111F;

    margin:20px 0 25px;
}

.presence-intro{

    max-width:700px;

    color:#5F6772;

    line-height:1.9;

    font-size:18px;

    margin-bottom:60px;
}

.presence-layout{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:50px;

    align-items:start;
}

/* LEFT */

.presence-main img{

    width:100%;

    display:block;

    border-radius:0;

    box-shadow:
        0 20px 45px rgba(0,0,0,.08);
}

.presence-description{

    margin-top:40px;
}

.presence-description p{

    color:#5F6772;

    line-height:2;

    margin-bottom:25px;

    font-size:17px;
}

/* RIGHT */

.presence-sidebar{

    display:flex;

    flex-direction:column;

    gap:25px;
}

.presence-card{

    background:#fff;

    border:1px solid rgba(7,17,31,.08);

    padding:35px;

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

.presence-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 18px 40px rgba(0,0,0,.08);
}

.presence-card h3{

    color:#07111F;

    font-size:28px;

    font-weight:500;

    margin-bottom:12px;
}

.presence-card p{

    color:#5F6772;

    line-height:1.8;
}

/* Highlight */

.presence-card.highlight{

    border-left:4px solid #D89C00;
}

.presence-card.highlight h3{

    color:#D89C00;
}

/* Mobile */

@media(max-width:992px){

    .presence-layout{

        grid-template-columns:1fr;
    }

    .presence-sidebar{

        margin-top:40px;
    }

}

@media(max-width:768px){

    .presence-section{

        padding:80px 0;
    }

    .presence-section h2{

        font-size:32px;
    }

    .presence-intro{

        font-size:16px;
    }

    .presence-card{

        padding:28px;
    }

    .presence-card h3{

        font-size:24px;
    }

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

.contact-section{

    background-image:url('images/contact-bg.jpg');

    text-align:center;
}

.contact-section .section-content{

    width:100%;
}

.contact-section h2{

    margin-left:auto;

    margin-right:auto;
}

.contact-section p{

    margin:auto;
}

.contact-section{

    position:relative;

    background:
    linear-gradient(
        rgba(7,17,31,.65),
        rgba(7,17,31,.55)
    ),
    url('images/contact-bg.jpg');

    background-size:cover;

    background-position:center;
}

/* ===================================
FOOTER
=================================== */

.footer{

    background:#333333;

    padding:-10px 0 15px;
}

.footer-top{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:20px;
}

.footer-brand h3{
    color: #fff;
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 15px;
}

.footer-brand p{
    color: #ffffff;
    font-size: 14px;
    line-height: 1.6;
    max-width: 450px;
    margin-top: 15px;
}

.footer-contact{
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: right;
    margin-top: 15px;   
}

.footer-contact a{

    color:#fff;

    text-decoration:none;

    font-size:14px;

    transition:.3s ease;
}

.footer-contact a:hover{

    color:#faa507;
}

.footer-bottom{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);

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

    text-align: center;
    font-size: 12px;
    color: #fff;
}
@media(max-width:768px){

    .footer-top{

        flex-direction:column;

        gap:20px;
    }

    .footer-contact{

        text-align:left;
    }

    .footer-bottom{

        flex-direction:column;

        gap:8px;

        align-items:flex-start;
    }
}
/*sample*/


/* ===================================
MOBILE
=================================== */
@media(max-width:768px){

    .navbar{

        position:relative;

        z-index:10000;
    }

    .nav-top{

        position:fixed;

        top:0;
        left:0;
        right:0;

        height:90px;

        padding:0 30px;

        display:flex;

        align-items:center;

        justify-content:space-between;

        background:#fff;

        z-index:10001;
    }

    .nav-links{

        position:fixed;

        top:90px;

        right:-100%;

        width:100%;

        height:calc(100vh - 90px);

        background:#fff;

        padding:30px 35px 40px;

        overflow-y:auto;

        transition:.35s ease;

        z-index:10000;
    }

    .nav-links.active{

        right:0;
    }

}
/* =========================
MOBILE MENU
========================= */
.hamburger{

    background:none;
    border:none;

    color:#fff;

    font-size:32px;

    cursor:pointer;

    z-index:1001;
}

@media(max-width:768px){

    .hamburger{
        display:block;
    }

   .nav-links{

    position:fixed;

    top:0;
    right:-100%;

    width:100%;

    height:100vh;

    background:#fff;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    padding:120px 35px 40px;

    transition:right .35s ease;

    z-index:9999;
}

.nav-links.active{

    right:0;
}

    .nav-links.active{
        right:0;
    }

    .nav-item{

        display:block !important;

        width:100%;

        border-bottom:1px solid rgba(7,17,31,.08);
    }

    .nav-item > a{

        display:block;

        width:100%;

        padding:22px 0;

        color:#07111F;

        text-decoration:none;

        font-size:22px;

        font-weight:500;
    }

    .mega-menu{
        display:none !important;
    }
}

@media(max-width:768px){

    .navbar{

        position:absolute;

        z-index:10000;
    }

    .logo{

        position:relative;

        z-index:10001;
    }

    .hamburger{

        display:block !important;

        position:relative;

        z-index:10001;

        background:none;

        border:none;

        color:#07111F;

        font-size:34px;

        line-height:1;

        cursor:pointer;
    }

    .nav-links.active ~ .hamburger{

        color:#07111F;
    }

}

@media(max-width:768px){

    .learn-more-btn{

        display:inline-flex !important;

        width:fit-content;

        min-width:200px;

        margin-top:25px;

        font-size:11px;

        padding:10px 10px 10px 16px;
    }

    .learn-icon{

        width:30px;

        height:30px;

        font-size:14px;
    }
      .footer-email,
    .footer-location{

        display:none;
    }

}