@font-face {
    font-family: 'TheMixArab-Reg';
    src: url("../fonts/TheMixArab/TheMixArabReg.ttf");
    src: url("../fonts/TheMixArab/TheMixArabReg.ttf") format("truetype")
}

@font-face {
    font-family: 'TheMixArab-Bold';
    src: url("../fonts/TheMixArab/TheMixArabBold.eot");
    src: url("../fonts/TheMixArab/TheMixArabBold.eot?#iefix") format("embedded-opentype"), url("../fonts/TheMixArab/TheMixArabBold.woff") format("woff"), url("../fonts/TheMixArab/TheMixArabBold.ttf") format("truetype"), url("../fonts/TheMixArab/TheMixArabBold.svg#svgFontName") format("svg")
}

@font-face {
    font-family: 'Zarid-Bold';
    src: url("../fonts/Zarid/zaridBold.ttf");
    src: url("../fonts/Zarid/zaridBold.ttf") format("truetype")
}

@font-face {
    font-family: 'Zarid-Reg';
    src: url("../fonts/Zarid/zaridReg.ttf");
    src: url("../fonts/Zarid/zaridReg.ttf") format("truetype")
}

@font-face {
    font-family: 'Lyon';
    src: url("../fonts/Lyon/LyonArabicDisplay-Black.otf");
    src: url("../fonts/Lyon/LyonArabicDisplay-Black.otf") format("truetype")
}

@font-face {
    font-family: 'LyonRegular';
    src: url("../fonts/Lyon/LyonArabicText-Regular.otf");
    src: url("../fonts/Lyon/LyonArabicText-Regular.otf") format("truetype")
}

@font-face {
    font-family: 'Samim';
    src: url("../fonts/Samim/Samim Regular.ttf");
    src: url("../fonts/Samim/Samim Regular.ttf") format("truetype")
}

#app header .logo[_v-1cdfc49d] {
    float: right !important;
    margin: 0;
    padding: 0;
    text-indent: 0px;
    font-size: 30em;
    line-height: normal;
    font-weight: 700;
    text-transform: lowercase;
    text-decoration: none;
    vertical-align: middle;
    /* width: 35px; */
    height: 35px;
    display: block;
    margin-top: -4px;
}