.customMenuOuter
{
    width:100%;
    min-height:10px;
    float:left;
    background: rgb(30,34,45);
    background: linear-gradient(0deg, rgba(30,34,45,0) 0%, rgba(30,34,45,0.23853291316526615) 6%, rgba(30,34,45,0.6615021008403361) 20%, rgba(30,34,45,1) 37%, rgba(30,34,45,1) 100%);
    padding-bottom:50px; 
}

.customMenuInner
{
    width:100%;
    min-height:10px;
    float:left;
    padding:15px 0px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.customMenuLogoOuter
{
    width:300px;
    height:60px;
    float:left;
}

.customMenuRightOuter
{
    width:300px;
    height:60px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:15px;
}

.customMenuCenterOuter
{
    flex:1;
    height:60px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
}

.customMenuCenterBox
{
    min-width:10px;
    height:30px;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:14px;
    font-weight:400;
    cursor:pointer;
}

.customMenuRightBtn
{
    min-width:10px;
    height:40px;
    background-color:#fff;
    float:left;
    padding:0px 35px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:500;
    color:#333;
    border-radius:5px;
    cursor:pointer;
    position:relative;
    transition:ease 0.3s all;
    border:1px solid #fff;
}

.customMenuRightBtn:hover
{    
    background-color:#1e222d;
    color:#fff;
}

.customMenuRightBtn:hover .customMenuRightBtnDropdown
{    
    display:block;
}

.customMenuLangBtn
{
    min-width:10px;
    height:40px;
    background-color:#fff;
    float:left;
    padding:0px 15px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:500;
    color:#333;
    border-radius:5px;
    cursor:pointer;
    gap:10px;
    position:relative;
}

.customMenuLangBtn img
{
    width:20px;
    height:15px;
    float:left;
    object-fit: cover;
    object-position: center;
}

.customMenuLangDropdown
{
    width:120px;
    min-height:10px;
    float:left;
    position:absolute;
    right:0px;
    top:40px;
    background-color:#fff;
    border-radius:5px;
    overflow:hidden;
    display:none;
}

.customMenuLangLine
{
    width:100%;
    min-height:10px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:10px;
    font-size:14px;
    font-weight:500;
    color:#333;
    gap:10px;
    cursor:pointer;
    transition: ease 0.3s all;
}

.customMenuLangLine:hover
{
    background-color:#dadada;
}

.customMenuLangLine img
{
    width:20px;
    height:15px;
    float:left;
    object-fit: cover;
    object-position: center;
}

.customMenuLangBtn:hover .customMenuLangDropdown
{
    display:block;
}

.customMenuRightBtnDropdown
{
    width:150px;
    min-height:10px;
    position:absolute;
    right:0px;
    top:39px;
    background-color:#1e222d;
    border-radius:5px;
    overflow:hidden;
    display:none;
}

.customMenuRightBtnDropdown .customMenuLangLine
{
    justify-content:center;
    color:#fff;
}

.customMenuRightBtnDropdown .customMenuLangLine:hover
{
    background-color:#fff;
    color:#1e222d;
}

.customMenuLogoOuter img
{
    width:100%;
    height:60px;
    object-fit: contain;
    object-position: center left;
}