.logo-eternet {
    width: 220px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.navbar {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.nav-link {
    padding-top: 39px;
    padding-bottom: 35px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.custom-link {
    padding-top: 41px;
}

.navbar-dark .navbar-nav .nav-link {
    position: relative;
    font-family: var(--font-main);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: none;
    color: var(--white-1);
}

.navbar-dark .navbar-nav .nav-link:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    visibility: hidden;
    border-top: 1px solid transparent;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.navbar-dark .navbar-nav .nav-link:hover:before,
.navbar-dark .navbar-nav .nav-link:focus:before,
.navbar-dark .navbar-nav .nav-link.active:before {
    visibility: visible;
    border-top: 1px solid var(--primary);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--primary);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.navbar .megamenu {
    padding: 1rem 1.5rem;
}

nav.dark {
    background-color: var(--color-main-navbar);
}

.dark .dropdown-menu,
.dark .megamenu {
    border-radius: 0px 0px 5px 5px;
}

.dark .megamenu {
    background-color: var(--secondary);
}
    .navbar.fixed-top .nav-link {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar.fixed-top .nav-link.custom-link {
        padding-top: 22px;
        padding-bottom: 20px;
    }

    .navbar.fixed-top .logo-eternet {
        width: 180px;
    }

    @media all and (min-width: 992px) {
        .navbar-expand-lg .navbar-nav .dropdown-menu {
            position: absolute;
            margin: auto;
        }

        .navbar .has-megamenu {
            position: static !important;
        }

        .navbar .megamenu {
            left: 0;
            right: 0;
        }
    }

    @media (max-width: 991px) {
        .navbar-brand {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .logo-eternet {
            width: 180px;
        }

        .nav-link {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .navbar-dark .navbar-nav .nav-link {
            font-size: 0.8125rem;
            letter-spacing: 1px;
            border-bottom: 1px solid var(--opacity-white-2);
        }

        .navbar-dark .navbar-nav .nav-item:last-child .nav-link {
            border-bottom: none;
        }

        .navbar-dark .navbar-nav .nav-link:before {
            visibility: hidden;
            border-top: none;
        }

        .navbar-dark .navbar-nav .nav-link:hover:before,
        .navbar-dark .navbar-nav .nav-link:focus:before,
        .navbar-dark .navbar-nav .nav-link.active:before {
            visibility: hidden;
            border-top: none;
        }

        .shadow-submenu {
            box-shadow: 0 13px 15px 11px var(--opacity-gray-1);
        }

        .dark .megamenu {
            border-top: none;
            border-left: none;
            border-right: none;
            border-bottom: 1px solid var(--opacity-gray-1);
            border-radius: 0;
        }

    }

    .navbar-dark .navbar-toggler {
        padding: 0px;
        line-height: 1;
        font-size: 1.8rem;
        border: none;
    }

    .navbar-dark .navbar-toggler {
        color: var(--opacity-white-5);
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .navbar-dark .navbar-toggler:focus {
        color: var(--white-2);
        box-shadow: none;
    }