body{

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

}

@keyframes floatSoft {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-8px);
    }
}

.hero-float {
    animation: floatSoft 4s ease-in-out infinite;
}


.menu-link{

font-weight:500;

color:#374151;

transition:.3s;

}


.menu-link:hover{

color:#073B70;

}
.nav-item{

position:relative;
font-weight:500;
color:#374151;
transition:.3s;

}


.nav-item:hover{

color:#0b3b75;

}


.nav-item::after{

content:"";
position:absolute;
bottom:-8px;
left:0;
width:0;
height:2px;
background:#0b3b75;
transition:.3s;

}


.nav-item:hover::after{

width:100%;

}
.nav-item{

font-weight:500;
color:#374151;
transition:.3s;
position:relative;

}


.nav-item:hover{

color:#082f63;

}


.nav-item::after{

content:"";
position:absolute;
bottom:-8px;
left:0;
height:2px;
width:0;
background:#082f63;
transition:.3s;

}


.nav-item:hover::after{

width:100%;

}
.nav-item{

position:relative;
font-weight:600;
font-size:15px;
color:#374151;
transition:all .3s ease;

}


.nav-item:hover{

color:#082f63;

}



.nav-item::after{

content:"";
position:absolute;
left:50%;
bottom:-10px;

width:0;
height:3px;

background:#082f63;

border-radius:999px;

transform:translateX(-50%);

transition:.3s ease;

}



.nav-item:hover::after,
.nav-item.active::after{

width:100%;

}



.nav-item.active{

color:#082f63;

}

/* Modal image styles */
#imageModal img{
    max-height: 90vh;
    width: 100%;
    display: block;
    background: #000;
}

#imageModal #modalCaption{
    background: #fff;
}