.menu_items_cont .menu_item:not(:last-child)::after{
    content: " | ";
}

.menu_item{
    display: block;
}
.menu_item_a{
    padding: 0 5px;
    transform: translateY(0%);
    display: inline-block;
    color: white;
    font-family: barlow-light;

    transition: 0.1s ease-in-out;
}

.menu_active{
    /* color: var(--colorfirst) !important; */
    text-decoration: underline !important;
}

.menu_desktop_logo{
    max-width: 230px;
    padding: 0 30px;
}

.lang_active{
    color: var(--colorfirst) !important;
}

.langOption{
    cursor: pointer;
    padding: 0 5px;
}

.langOption_cont{
    display: inline;
}
.langOption_cont:not(:last-child):after{
    color: var(--colorfirst);
    font-weight: bold;
    content: " | ";
    display: inline;
}

.main_menu{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
}

.dropdown_menu_cont{
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    transform-origin: top;
    min-width: 15vw;
    background-color: rgba(84, 147, 224, 0.9) !important;
    
    transform: translate(0, 100%) scaleY(0);
    transition: all 0.3s ease-in-out;

}

.menu_bars_btn:hover .dropdown_menu_cont{
    transform: translate(0, 100%) scaleY(1);
}

.menu_spacers{
    transition: 0.5s ease-in-out;
    padding-top: 15px;
}

.sticky .menu_spacers{
    padding-top: 15px;
}

.menu_background_color{
    transition: 0.5s ease-in-out;
    background-color: transparent;
}
.sticky .menu_background_color,
.sticky.menu_background_color{
    background-color: rgba(84, 147, 224, 0.9);
}

@media (max-width: 700px) {
    .menu_desktop_logo{
        max-width: 100px;
        padding: 0 10px;
    }

    .dropdown_menu_cont{
        min-width: 55vw;

    }
}


.custom_bars_cont{
    cursor: pointer;
}
.custom_bars_bar{
    height: 2px;
    width: 50px;
    background-color: var(--white);
    margin: 7px 0;
}