.nav-link{

    position:relative;

    display:flex;

    align-items:center;

    padding:12px 18px;

    border-radius:9999px;

    font-size:15px;

    font-weight:600;

    color:#334155;

    transition:.30s;

}

.nav-link:hover{

    color:#2563eb;

    background:#eff6ff;

}

.active-nav{

    color:#2563eb;

    background:#eff6ff;

}

.active-nav::after{

    content:'';

    position:absolute;

    bottom:6px;

    left:18px;

    right:18px;

    height:2px;

    border-radius:999px;

    background:#2563eb;

}

.mobile-link{

    display:block;

    padding:14px 18px;

    border-radius:16px;

    font-weight:600;

    color:#334155;

    transition:.3s;

}

.mobile-link:hover{

    background:#eff6ff;

    color:#2563eb;

}

.mobile-dropdown-btn{

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 18px;

    border-radius:16px;

    font-weight:600;

    color:#334155;

    transition:.3s;

}

.mobile-dropdown-btn:hover{

    background:#eff6ff;

}

.mobile-dropdown{

    display:none;

    padding-left:20px;

    margin-top:6px;

}

.mobile-dropdown a{

    display:block;

    padding:10px 16px;

    color:#64748b;

    border-radius:12px;

}

.mobile-dropdown a:hover{

    color:#2563eb;

    background:#f8fafc;

}
.mega-menu{
    position:fixed;
    top:95px;
    left:50%;
    transform:translateX(-50%) translateY(10px);

    width:min(1180px,94%);

    opacity:0;
    visibility:hidden;

    pointer-events:none;

    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s;

    z-index:999;
}

.mega-menu.show{

    opacity:1;
    visibility:visible;

    transform:translateX(-50%) translateY(0);

    pointer-events:auto;

}

.mega-menu::before{

    content:"";

    position:absolute;

    left:0;
    right:0;

    top:-20px;

    height:20px;

}

.mega-wrapper{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:40px;
    background:#fff;
    border-radius:28px;
    padding:38px;
    box-shadow:0 30px 80px rgba(15,23,42,.14);
    border:1px solid #e2e8f0;
}

.mega-title{
    font-size:22px;
    font-weight:700;
    margin-bottom:28px;
}

.mega-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.mega-item{
    display:flex;
    gap:18px;
    padding:18px;
    border-radius:18px;
    transition:.25s;
}

.mega-item:hover{
    background:#f8fbff;
}

.mega-icon{
    width:54px;
    height:54px;
    border-radius:16px;
    background:#eff6ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2563eb;
    font-size:24px;
    flex-shrink:0;
}

.mega-item h5{
    font-weight:700;
    margin-bottom:6px;
}

.mega-item p{
    font-size:14px;
    color:#64748b;
    line-height:1.5;
}

.mega-feature{
    background:linear-gradient(135deg,#2563eb,#4f46e5);
    color:#fff;
    border-radius:24px;
    padding:36px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.mega-badge{
    display:inline-block;
    background:rgba(255,255,255,.18);
    padding:8px 14px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    margin-bottom:18px;
}

.mega-feature h3{
    font-size:28px;
    line-height:1.3;
    margin-bottom:18px;
}

.mega-feature p{
    opacity:.9;
    line-height:1.7;
}

.mega-button{
    margin-top:30px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#fff;
    color:#2563eb;
    padding:14px 24px;
    border-radius:999px;
    font-weight:700;
    width:max-content;
}

@media(max-width:1024px){
    .mega-menu{
        display:none;
    }
}

.footer-title{

    font-size:18px;

    font-weight:700;

}

.footer-links{

    margin-top:32px;

    display:flex;

    flex-direction:column;

    gap:18px;

}

.footer-links a{

    color:#64748b;

    transition:.25s;

}

.footer-links a:hover{

    color:#2563eb;

    padding-left:6px;

}

.footer-contact{

    display:flex;

    align-items:flex-start;

    gap:14px;

    color:#475569;

}

.footer-contact i{

    color:#2563eb;

    margin-top:3px;

}

.footer-social{

    width:42px;

    height:42px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:999px;

    background:#fff;

    border:1px solid #e2e8f0;

    transition:.3s;

}

.footer-social:hover{

    background:#2563eb;

    color:#fff;

}

.footer-bottom-link{

    color:#64748b;

}

.footer-bottom-link:hover{

    color:#2563eb;

}