.main-header {
    transition: background-color 0.3s ease;
}

.main-header.scrolled {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.main-header.scrolled .nav-brand .mega-white-logo {
    display: none;
}

.main-header.scrolled .nav-brand .mega-darks-logo {
    display: block;
}

.main-header.scrolled .menu-links {
    color: #333 !important;
}

.main-header.scrolled .right-end-btn .btn-br {
    color: #333 !important;
}