@import url('https://fonts.googleapis.com/css?family=Aref+Ruqaa:400,700|Harmattan|Lateef&display=swap&subset=arabic');

.font--amiri,
.font--aref,
.font--harmattan,
.font--lateef {
    font-size: inherit;
}

.font--amiri {
    font-family: 'Amiri' !important;
    font-size: .84em;
}

.font--aref {
    font-family: 'Aref Ruqaa' !important;
    font-size: .85em;
}

.font--harmattan {
    font-family: 'Harmattan' !important;
    font-size: .85em;
}

.font--lateef {
    font-family: 'Lateef' !important;
    font-size: 0.95em;
}

hr {
    width: 100%;
}

hr.width--75 {
    width: 75%;
}

hr.width--66 {
    width: 66.666%;
}

hr.width--50 {
    width: 50%;
}

hr.width--33 {
    width: 33.333%;
}

hr.width--25 {
    width: 25%;
}

hr.style--1 {
    border-top: 1px solid #8c8b8b;
}

hr.style--2 {
    border-top: 3px double #8c8b8b;
}

hr.style--5 {
    background-color: #fff;
    border-top: 2px dashed #8c8b8b;
}

hr.style--7 {
    border-top: 1px solid #8c8b8b;
    border-bottom: 1px solid #fff;
}

hr.style--8 {
    border-top: 1px solid #8c8b8b;
    border-bottom: 1px solid #fff;
}

hr.style--8:after {
    content: '';
    display: block;
    margin-top: 2px;
    border-top: 1px solid #8c8b8b;
    border-bottom: 1px solid #fff;
}