.layout-7 .header {
    border-bottom-color: #262626 !important;
}

.layout-7 .header::before {
    content: "";
    background-color: #121212;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.layout-7 .hero-section{
    background-color: #121212;
}

.layout-7 .navbar-brand img {
    height: 18px;
}

.header .nav-link {
    color: var(--bs-white);
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color: var(--bs-primary);   
}

.navbar-right .hover-svg>svg,
.navbar-right .hover-svg>svg path {
    stroke: var(--bs-white);
}


.navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media screen and (max-width: 991px) {

    .layout-7 .navbar-brand img {
        height: 16px;
    }

    .header .nav-link {
        color: #262626;
    }

}

[data-bs-theme=dark] .layout-7 .hero-section {
    border-bottom: 1px solid #5b5b5b;
}