.navbar {
    background-color: var(--primary-color) !important;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar .navbar-brand picture {
    display: flex;
    width: 230px;
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
    .navbar .navbar-brand picture {
        width: 140px;
    }
}

@media (max-width: 991.98px) {
    .navbar-content-container {
        border-bottom: 1px solid var(--soft-white);
        padding-bottom: 10px;
        width: 100%;
    }

    .navbar .navbar-collapse {
        margin-top: 10px;
    }
}

.navbar .nav-item a {
    color: var(--white-color) !important;
}

.navbar .nav-item a.active {
    font-weight: 600;
}
.navbar .nav-item a,
.navbar .main-btn {
    font-size: .9rem !important;
}
.navbar .main-btn {
    font-family: var(--popins-font-family);
}