@font-face {
    font-family: "GE SS Two";
    src: url("../fonts/arabic/GE SS Two Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GE SS Two";
    src: url("../fonts/arabic/GE SS Two Light.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GE SS Two";
    src: url("../fonts/arabic/GE SS Two Light.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GE SS Two";
    src: url("../fonts/arabic/GE SS Two Light.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html[dir="rtl"],
html[dir="rtl"] body,
body.rtl {
    font-family: "GE SS Two", Tahoma, Arial, sans-serif;
}

html[dir="rtl"] *:not(.ti),
body.rtl *:not(.ti) {
    font-family: "GE SS Two", Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .h1,
html[dir="rtl"] .h2,
html[dir="rtl"] .h3,
html[dir="rtl"] .h4,
html[dir="rtl"] .h5,
html[dir="rtl"] .h6,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
body.rtl .h1,
body.rtl .h2,
body.rtl .h3,
body.rtl .h4,
body.rtl .h5,
body.rtl .h6,
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6 {
    text-transform: none;
    letter-spacing: 0;
}

html[dir="rtl"] .ti,
body.rtl .ti {
    font-family: "tabler-icons" !important;
}