*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
    font-family:'Poppins',sans-serif;
    background:#f7f9fc;
    scroll-behavior:smooth;

    /* 40px top-header + 70px navbar */
    padding-top:110px;
}

/* Sticky Top Header */
.top-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(19, 23, 90, 0.95);
    color: #fff;
    z-index: 1050;
    padding: 8px 0;
}

.top-header a{
    color:#fff;
    text-decoration:none;
    margin-right:20px;
}

.top-header a:hover{
    color:#ffd700;
}

.top-header i{
    margin-right:6px;
}

.social-links a{
    margin-left:15px;
    font-size:16px;
}



/* Mobile */

@media(max-width:768px){

    .top-header{
        padding:6px 0;
    }

    .navbar{
        top:60px;
    }

    body{
        padding-top:120px;
    }
}



/* Navbar */
.navbar{
    position: fixed;
    top:40px;
    left:0;
    width:100%;
    background:#fff;
    z-index:1040;
    box-shadow:0 2px 12px rgba(0,0,0,.08);
    padding:12px 0;
}

/* Logo */
.navbar-brand{
    display:flex;
    align-items:center;
    gap:10px;
    margin-right:30px;
}

.logo{
    width:auto;
    height:60px;
    object-fit:contain;
}

/* Menu */
.navbar-nav .nav-link{
    font-size:16px;
    font-weight:500;
    color:#333;
    padding:10px 16px !important;
    transition:.3s;
}

.navbar-nav .nav-link:hover{
    color:#0d6efd;
}

/* Buttons */
.btn-login{
    border:1px solid #0d6efd;
    color:#0d6efd;
    padding:8px 22px;
    border-radius:8px;
}

.btn-login:hover{
    background:#0d6efd;
    color:#fff;
}

.btn-signup{
    background:#0d6efd;
    color:#fff;
    padding:8px 24px;
    border-radius:8px;
}

.btn-signup:hover{
    background:#084298;
}

.mega-menu {
    position: static; 
    
}
.mega-menu-content {
    width: 100%;
    left: 0;
    right: 0; 
    border: none;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); 
} 
.mega-menu-content h6 {
    margin-bottom: 10px;
}
.mega-menu-content .dropdown-item {
        padding: 5px 0;
        font-size: 14px;
} 
.mega-menu-content .dropdown-item:hover {
    color: #0d6efd;
    background: none;
}

/* Mobile */
@media(max-width:991px){

    .logo{
        height:50px;
    }

    .navbar{
        padding:10px 0;
    }

    .navbar-collapse{
        background:#fff;
        padding:15px;
        margin-top:10px;
        border-radius:10px;
        box-shadow:0 8px 20px rgba(0,0,0,.08);
    }

    .navbar-nav{
        text-align:left;
    }

    .navbar-nav .nav-link{
        padding:12px 0 !important;
    }

    .btn-login,
    .btn-signup{
        width:100%;
        margin-top:10px;
    }
}


.hero-contact{
background:linear-gradient(135deg,#071d44,#0b5f46);
padding:100px 0;
color:#fff;
position:relative;
overflow:hidden;
}

.hero-contact::before{
content:'';
position:absolute;
width:500px;
height:500px;
border:1px solid rgba(255,255,255,.08);
border-radius:50%;
right:-150px;
top:-100px;
}

.hero-contact::after{
content:'';
position:absolute;
width:350px;
height:350px;
border:1px solid rgba(255,255,255,.08);
border-radius:50%;
left:-120px;
bottom:-120px;
}

.hero-contact h1{
font-weight:800;
}

.hero-contact p{
color:#dbe6f8;
}

.info-card{
background:#fff;
padding:30px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.35s;
text-align:center;
}

.info-card:hover{
transform:translateY(-8px);
}

.info-card i{
font-size:40px;
color:#16c47f;
margin-bottom:15px;
}

.info-card h5{
font-weight:700;
margin-bottom:10px;
}

.info-card p{
margin:0;
color:#666;
}

.form-card{
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.form-card h3{
font-weight:700;
margin-bottom:25px;
}

.form-control,
.form-select{
border-radius:12px;
padding:14px;
border:1px solid #d8dee8;
}

.form-control:focus,
.form-select:focus{
box-shadow:none;
border-color:#20c997;
}

.btn-success{
background:#18b66c;
border:none;
padding:12px 28px;
border-radius:30px;
font-weight:600;
transition:.3s;
}

.btn-success:hover{
background:#12965a;
transform:translateY(-2px);
}

.accordion-item{
border:none;
margin-bottom:15px;
border-radius:15px!important;
overflow:hidden;
box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.accordion-button{
font-weight:600;
padding:18px;
}

.accordion-button:not(.collapsed){
background:#18b66c;
color:#fff;
}

.cta{
background:linear-gradient(135deg,#08244e,#0b5f46);
color:#fff;
}

.cta h2{
font-weight:800;
margin-bottom:15px;
}

.cta .btn-light{
padding:12px 28px;
border-radius:30px;
font-weight:600;
}

.ratio{
border-radius:20px;
overflow:hidden;
}

footer{
background:#071d44;
color:#fff;
}

@media(max-width:992px){

.hero-contact{
text-align:center;
padding:70px 0;
}

.hero-contact img{
margin-top:40px;
}

.form-card{
margin-top:20px;
}

}


.footer {
  background: #081229;
  color: white;
  padding: 60px 0;
}

.footer a {
  color: #cfd6e6;
  text-decoration: none;
  display: block;
  margin-bottom: 10px;
}

@media(max-width:576px){

.hero-contact h1{
font-size:2.2rem;
}

.form-card{
padding:25px;
}

.info-card{
padding:22px;
}

.btn-success{
width:100%;
}

}