.navbar-bg {
    background-color: #161616;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.navbar-brand img {
    height: 40px;
}
.nav-link {
    font-weight: 500;
    color: #ffffff !important;
    padding: 0.5rem 1rem !important;
}
.nav-link:hover, .nav-link.active {
    color: #ffaf02 !important;
}
.dropdown-menu {
    border: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-radius: 0px;
}


@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
    left: -23px;
    top: 51px;
    background: #242526;
    }

    .dropdown-item{
        color: #ffffff!important;
        font-size: 15px;
       
    }
    .dropdown-item:hover{
        color: #ffffff!important;
        background: #ffaf02!important;
         margin: 0px;
    }
}
.banner {
    background: url(/assets/images/banner.png);
}


 .hero-banner {
        background: #000;
        color: #fff;
    }
    
    .hover-scale {
        transition: all 0.4s ease;
        letter-spacing: 1px;
        font-size: 15px;

    }
    .hover-scale:hover {
        transform: scale(1.08);
        box-shadow: 0 15px 35px rgba(220, 38, 38, 0.4) !important;
    }

    @media (max-width: 768px) {
        .display-3 { font-size: 2.8rem; }
        .lead { font-size: 1.1rem; }
    }
    @media (max-width: 576px) {
        .display-3 { font-size: 2.4rem; }
        .btn-lg { padding: 0.9rem 2rem !important; font-size: 1rem; }
    }