.header5 .desktop-navbar .links .nav-item::after {
    background-color: var(--dark);
}

.header5 .desktop-navbar .links .nav-item,
.header5 .desktop-navbar .links .nav-item:hover{
    color: var(--dark);
}

.header5 .desktop-navbar .lang a {
    color: var(--dark);
    border-color: var(--dark);
}

.header5 .desktop-navbar .buttons .login-btn i,
.header5 .desktop-navbar .buttons .basket-btn i {
    color: var(--dark);
}

.header5 .desktop-navbar .open-sidebar .hb {
    background-color: var(--dark);
}

.hero5 {
    color: white;
}

.hero5 .layer {
    background-color: #FFFFFF80;
}

.hero5 .small-container {
    width: 100%;
    max-width: 700px;
    background-color: #6B6B6BB0;
    padding: 40px;
}

.hero5 h1,
 .hero5 h2 {
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .hero5 .small-container {
        padding: 20px;
    }

    .hero5 h1,
    .hero5 h2 {
        margin-bottom: 1rem;
    }
}