.header_menu_container{
    flex-grow: 1;
}
.header_menu_container ul{
    display:flex;    
}
.header_menu_container ul li{
    flex-grow: 1;
    position: relative;
}
.header_menu_container ul li a{
    display:inline-block;
    
    width: 100%;
    text-align: center;
    font-family: 'Source Sans Pro';   
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 24.5px 33px; 
  
}

.header_menu_container ul li:hover a,
.header_menu_container ul li a.root-item-selected
{
    background: var(--color-v2);
    
}

.header_menu_container ul li ul{
    position: absolute;   
   display: flex;   
   flex-wrap: wrap;  
   width: 592px;
   padding-top: 20px;
   background-color: var(--color-v2); 
   transition: 0.2s;
   opacity: 0;
   user-select: none;
   pointer-events: none;
   z-index: -5;
}
.header_menu_container ul li a:hover~ul,
.header_menu_container ul li ul:hover
{
    opacity: 1;
    user-select: unset;
    pointer-events: unset;
    z-index: 88;
    
}

.header_menu_container ul li ul li{
   width: 50%;
}
.header_menu_container ul li ul li a{
    background-color: var(--color-v2);
    text-align: left;
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 15px;
}
.header_menu_container ul li ul li:nth-child(even) a{
   padding-left: 0;
}
.header_menu_container ul li ul li a:hover{
    color: var(--color-default_v2);
}

.mobile_menu{
    display: none;
}
.root_item_menu{
    position: relative;
}
.root_item_menu::after{
   content: '';
   height: 5px;
   width:  9px;
   position: absolute;
   top: 33px;
   right: 23px;
   background: url(images/arrow.svg) no-repeat center;
}

@media(max-width: 1200px){
    .root_item_menu::after{
       display: none;
     }
    .header_menu_container{
        display: none;
    }
    .mobile_menu{
        display: block;
    }
    .header_menu_container ul{
        display:none;    
    }
    .mobile_menu .slicknav_menu{
        background: var(--color-v1);
    }
    .mobile_menu .slicknav_btn{
        background-color: var(--color-v2);
    }
    .mobile_menu ul li ul{
        padding-left: 20px;
    }
    .mobile_menu ul li ul li a{
        padding: 0px 10px;
    }
    
}