:root {
    --color-primary: #9c1e72;
    --color-primary-rgb: 156 30 114;
    --color-primary-rgb-50: 223 90 179;
    --color-primary-rgb-100: 219 69 169;
    --color-primary-rgb-200: 215 47 159;
    --color-primary-rgb-300: 199 38 145;
    --color-primary-rgb-400: 177 34 130;
    --color-primary-rgb-500: 156 30 114;
    --color-primary-rgb-600: 135 26 98;
    --color-primary-rgb-700: 113 22 83;
    --color-primary-rgb-800: 92 18 67;
    --color-primary-rgb-900: 70 14 51;
}

.en {
    display: none !important;
}

[x-cloak] {
    display: none !important;
}

.navigation-menu .navigation-item-one:hover {
    color: #fff !important;
    background-color: #B71E23;
}

.navigation-menu .navigation-item-one {
    transition: all .5s;
}

.navigation-menu .navigation-item-one:hover .ziti {
    color: #fff !important;
}

:root {
    --navigation-height: 80px;
    --main-margin-top: 80px;
}

.navigation {
    -->height: var(--navigation-height);
}

.navigation .navigation-link {
    text-transform: capitalize;
}

.navigation-link,
.navigation-dropdown-link {
    font-size: 16px;
}

.navigation-inline-form input[type='search'] {
    padding-right: 40px;
}

@media (min-width: 992px) {
    .navigation-around .navigation-body {
        justify-content: space-around;
    }

    .navigation-transparent .navigation-input::placeholder {
        color: #fff;
    }

    .navigation-transparent .navigation-search-icon {
        color: #fff
    }

    .navigation-transparent .navigation-input {
        border-color: #fff;
    }

    .navigation-body {
        max-width: 1280px;
        margin: auto;
        justify-content: space-between;
    }

    .navigation-logo a img {
        height: 50px;
    }

    .navigation-link {
        padding: 10px 20px;
    }
}

.navigation-item:not(.navigation-brand-text):hover .navigation-link,
.navigation-item:not(.navigation-brand-text):focus .navigation-link,
.navigation-item:not(.navigation-brand-text).is-active .navigation-link {
    color: #9c1e72;
}

.navigation-avatar-item .navigation-link img {
    border: solid 2px #9c1e72;
}

.navigation-item:hover>.navigation-link>.submenu-indicator:after,
.navigation-item:focus>.navigation-link>.submenu-indicator:after,
.navigation-item.is-active>.navigation-link>.submenu-indicator:after {
    border-color: transparent #9c1e72 #9c1e72 transparent;
}

.navigation-btn {
    border-color: #9c1e72;
    background-color: #9c1e72;
}

.navigation-btn:hover,
.navigation-btn:focus {
    background-color: #a01f75;
}

.navigation-badge {
    background-color: #9c1e72;
}

.navigation-input:hover,
.navigation-input:focus {
    border-color: #9c1e72;
}

.navigation-btn:hover .navigation-search-icon {
    color: #9c1e72;
}

.navigation-dropdown-item:hover>.navigation-dropdown-link,
.navigation-dropdown-item:focus>.navigation-dropdown-link,
.navigation-dropdown-item.is-active>.navigation-dropdown-link {
    color: #9c1e72 !important;
}

.navigation-dropdown-item:hover>.navigation-dropdown-link>.submenu-indicator:after,
.navigation-dropdown-item:focus>.navigation-dropdown-link>.submenu-indicator:after,
.navigation-dropdown-item.is-active>.navigation-dropdown-link>.submenu-indicator:after {
    border-color: transparent #9c1e72 #9c1e72 transparent;
}

.navigation-list>li>a:hover {
    color: #9c1e72;
}