@font-face {
    font-family: IRANSans_Fa;
    font-style: normal;
    /*font-weight: 500;*/
    src: url('../fonts/IRANSansWeb.eot') format('eot');
    src: url('../fonts/IRANSansWeb.ttf') format('truetype'),
    url('../fonts/IRANSansWeb.woff2') format('woff');
}

body {
    font-family: IRANSans_Fa;
    direction: rtl;
    text-align: right;
    background: #f0f0f0;
    font-size: 14px;
    color: #212529 !important;
}


* {
    margin: 0;
    padding: 0;
    outline: none !important;
    list-style: none;
}

a {
    text-decoration: none !important;
    color: #666;
}


.menu-4rak{
    /*position: absolute;*/
    /*top: 52px;*/
    /*right: 0;*/
    min-width: 193px !important;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
    border-radius: 15px;
    transition: all .2s ease-out;
}

.menu-4rak  .list-item-4rak{
    width: 100%;
    position: relative;
}

.menu-4rak  .list-item-4rak > a{
    display: block;
    padding: 4px 15px;
    color: #6a6a6a;
    font-size: 14px;
    line-height: 2.27;
    font-weight: 200;
    transition: all 0.1s ease-in-out;
}

.menu-4rak .list-item-4rak a:hover {
    color: #c00;
}

.menu-4rak .list-item-4rak .sub-menu1-4rak{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 6px;
    right: 101%;
    min-width: 240px;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 9;
    border-radius: 15px;
    transition: all .2s ease-out;

}
.menu-4rak .list-item-4rak:hover >.sub-menu1-4rak{
    visibility: visible;
    opacity: 1;
    top: 10px;
}
.menu-4rak .list-item-4rak a svg{
    position: absolute;
    left: 12px;
    top: 15px;
    font-size: 20px;
}

/*.menu-4rak .list-item-4rak.icon::before{*/
/*    content: "\f104";*/
/*    font-family: "Font Awesome 5 Pro",sans-serif;*/
/*    position: absolute;*/
/*    left: 12px;*/
/*    top: 6px;*/
/*    font-size: 20px;*/
/*}*/
.menu-4rak .list-item-4rak.icon:hover::before{
    color: #c00;
    background-color: #9b9b9b;
}