.navbar {
    background-color: white !important;
    --bs-navbar-nav-link-padding-x: 12px;
    --bs-nav-link-font-size: 17px;
}

.navbar .nav-link {
    --bs-nav-link-color: var(--ng-text-primary);
    font-size: 16px;
}

.navbar ul.navbar-nav {
    gap: 12px;
}

.navbar .nav-link.active {
    color: var(--ng-text-primary);
    font-weight: 600;
}

.navbar .nav-link:hover {
    color: var(--ng-color-primary)
}

.navbar .nav-link:focus-visible {
    box-shadow: unset;
}

.slick-prev:before,
.slick-next:before {
    font-size: 33px !important;
    color: var(--ng-color-secondary) !important;
}

.slick-track {
    display: flex;
}

.customer .slick-track .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}

.dropdown-item {
    padding: 6px 12px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--ng-color-primary);
    color: white;
}

.slick-dots {
    bottom: -30px !important;
}

.slick-next {
    right: -13px !important;
}

.slick-dots li button:before {
    color: var(--ng-color-secondary) !important;
    font-size: 12px !important;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        justify-content: flex-end;
    }

}

@media (max-width: 991px) {
    .navbar ul.navbar-nav {
        gap: 0 !important;
    }

    .navbar .nav-item:last-of-type {
        margin-top: 12px;
    }
}

.btn-ng {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--ng-color-primary);
    --bs-btn-border-color: var(--ng-color-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #29a24d;
    --bs-btn-hover-border-color: #29a24d;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #79c490;
    --bs-btn-active-border-color: #79c490;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--ng-color-primary);
    --bs-btn-disabled-border-color: var(--ng-color-primary);
}