.navbar-lang-icon > path {
    stroke: white;
    stroke-width: 3;
}

.navbar {
    transition: all .3s;
}

.navbar:hover .navbar-brand > div {
    color: #333;
}

.navbar:hover .navbar-item {
    color: #333;
}

.navbar:hover .navbar-lang-icon > path {
    stroke: #333;
}


@media (min-width: 1024px) {
    .navbar-light {
        border-bottom: 0;
    }

    .navbar-light .navbar-brand > div {
        color: #333;
    }

    .navbar-light .navbar-brand > .brand-dark {
        display: none;
    }

    .navbar-light .navbar-brand > .brand-light {
        display: block;
    }

    .navbar-light .navbar-item {
        color: #333;
    }

    .navbar-light .navbar-lang-icon > path {
        stroke: #333;
    }

    .navbar-item > .banner-inner {
        transition: all .3s;
    }

    .navbar-item:hover > .banner-inner {
        display: flex;
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 1024px) {
    .navbar-mobile-light .navbar-brand > div {
        color: #333;
    }

    .navbar-mobile-light .navbar-brand > .brand-dark {
        display: none;
    }

    .navbar-mobile-light .navbar-brand > .brand-light {
        display: block;
    }

    .navbar-mobile-light .navbar-item {
        color: #333;
    }

    .navbar-mobile-light .navbar-lang-icon > path {
        stroke: #333;
    }

    .navbar-item > .banner-inner {
        transition: all .3s;
    }

    .navbar-item:hover > .banner-inner {
        display: flex;
        opacity: 1;
        visibility: visible;
    }
}

@media screen and (max-width: 996px) {
    .navbar-items {
        display: none;
    }

    .navbar-toggler {
        display: flex !important;
    }
}