html { scroll-behavior: smooth; }

#navbar { transition: background 0.3s, box-shadow 0.3s; }
#navbar.scrolled { background: #0d1f3c !important; box-shadow: 0 2px 24px rgba(0,0,0,0.25); }

#mobile-menu { transition: max-height 0.35s ease, opacity 0.3s; max-height: 0; overflow: hidden; opacity: 0; }
#mobile-menu.open { max-height: 600px; opacity: 1; }

.sector-card { transition: transform 0.3s, box-shadow 0.3s; }
.sector-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,0.13); }
.sector-card:hover .sector-icon { background: #c9a227 !important; }
.sector-card:hover .learn-link { color: #c9a227; }

.reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.6s ease, transform 0.6s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

.nav-link::after {
    content: ''; 
    display: block; 
    height: 2px; 
    background: #c9a227;
    transform: scaleX(0); 
    transition: transform 0.25s;
    margin-top: 2px; 
    border-radius: 2px;
}
.nav-link:hover::after, .nav-link.active::after { transform: scaleX(1); }

.menuber ul li{
    display: flex;
}

.slick-prev:before, .slick-next:before {
    font-family: none;
    background: #ffffff;
    color: black;
    padding: 10px 9px;
    position: absolute;
    left: -18px;
    font-weight: bold !important;
    top: -5px;
}
.slick-next:before {
    left: 0px !important;
    
}