img.nav-logo {
    width: calc(80 * var(--rpx));
    height: calc(60 * var(--rpx));
}

ul.dropdown-menu {
    background-color: var(--main);
}

a.dropdown-item {
    font-family: var(---font-family);
    font-weight: var(---font-weight);
    color: #f1fcfc;
    font-size: calc(15 * var(--rpx));
    letter-spacing: var(---letter-spacing);
    line-height: var(---line-height);
    white-space: nowrap;
    direction: rtl;
    text-align: right;
    font-style: var(---font-style);
    margin-bottom: calc(5 * var(--rpx));
}

.dropdown-divider {
    color: #633A82;
    background-color: #633A82;
}

.active-nav-link {
    margin-bottom: calc(5 * var(--rpx));
    border-bottom: var(--main) 3px solid;
}

nav.navbar {
    background-color: #272e67;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 4px 4px #00000040;
}

.navbar-spacer {
    height: calc(0*var(--rpx));
}

@media screen and (max-width: 576px) {
    .navbar-spacer {
        height: calc(100*var(--rpx));
    }
}



a.nav-link {
    font-family: var(---font-family) !important;
    font-weight: var(---font-weight) !important;
    color: #f1fcfc !important;
    font-size: calc(15 * var(--rpx));
    text-align: center !important;
    letter-spacing: var(---letter-spacing) !important;
    line-height: var(---line-height) !important;
    white-space: nowrap !important;
    direction: rtl !important;
    font-style: var(---font-style) !important;
    margin-inline-end: calc(30 * var(--rpx));
}

@media screen and (max-width: 768px) {
    a.nav-link {
        font-size: calc(20*var(--rpx));
    }
}