.DropdownMenu{
    width:100%;
 
}

/* container menu */
.MenuList{
    list-style:none;
    margin:0 auto;
    padding:0;
    max-width:1200px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.MenuList > li:first-child{
    display: none !important;
}
/* menu item */
.MenuList > li{
    position:relative;
}

/* link menu */
.MenuList > li > a{
    display:block;
    padding: 15px;
    color:#fff;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    text-decoration:none;
}

/* hover */
.MenuList > li:hover{
    background:rgba(255,255,255,0.1);
}

/* active */
.TopMenuActive > a{
    background:rgba(255,255,255,0.1);
}

/* icon dropdown */
.HasChildren::after{
    content: "";
    display: inline-block;
    margin-left: 6px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    margin-bottom: 4px;
}

/* ===== DROPDOWN LEVEL 1 ===== */

.MenuList li ul.Dropdown{
    position:absolute;
    top:100%;
    left:0;
    background:#f2f2f2;
    min-width:260px;
    list-style:none;
    padding:0;
    margin:0;
    display:none;
    box-shadow:0 4px 10px rgba(0,0,0,0.15);
}

/* show dropdown */
.MenuList li:hover > ul.Dropdown{
    display:block;
}

/* item dropdown */
.MenuList li ul.Dropdown li{
    border-bottom:1px solid #ddd;
}

.MenuList li ul.Dropdown li a{
    display:block;
    padding:12px 16px;
    color:#333;
    font-size:14px;
    text-decoration:none;
}

/* hover dropdown */
.MenuList li ul.Dropdown li:hover{
    background:#e6e6e6;
}

/* ===== SUBMENU LEVEL 2 ===== */

.MenuList li ul.Popup{
    position:absolute;
    top:0;
    left:100%;
    background:#f2f2f2;
    min-width:220px;
    list-style:none;
    padding:0;
    margin:0;
    display:none;
    box-shadow:0 4px 10px rgba(0,0,0,0.15);
}

/* show submenu */
.MenuList li ul.Dropdown li:hover > ul.Popup{
    display:block;
}

/* submenu arrow */
.MenuList li ul.Dropdown li.HasChildren > a::after{
    content:"â–¶";
    float:right;
}

.MenuList .LanguageMenu{
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px;
    border-radius: 20px;
    transition: all 0.3s ease;
}
.MenuList .language-button{
    width: 25px;
    transition: all 0.25s ease;
}
.MenuList .language-button:hover{
    transform: scale(1.2);
}
/* ===== MOBILE ===== */

.MenuList .navbar-button{
    display:none;
}

@media (max-width:1200px) {
        .MenuList > li > a {
        padding: 10px;
        }
}

@media (max-width:1000px) {
.MenuList{
    /* flex-direction:column; */
    /* position:fixed; */
    /* top:0; */
    /* left:-260px; */
    /* width:260px; */
    /* height:100%; */
    /* background:#184b9b; */
    /* transition:.3s; */
}

.MenuList.active{
    left:0;
}

.navbar-button{
    display:flex;
    flex-direction:column;
    position:absolute;
    top:15px;
    right:20px;
    cursor:pointer;
}

.navbar-button span{
    height:3px;
    width:25px;
    background:white;
    margin:4px 0;
}
}

@media (max-width:768px) {
        .MainStructure .layoutheader.scroll-header .navbar-button span {
        		background: #fff !important;
        }
        .DropdownMenu .navbar-button {
        		background: none !important;
        }
        .DropdownMenu .navbar-button span {
        		background: #063c99 !important;
        }
}