@font-face {
    font-family: "Questv1";
    src: url("../fonts/Questv1Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --arabic-font: "Questv1", "Cairo", "Tahoma", "Arial", sans-serif;
}

html[dir="rtl"] body,
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"] p,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] li,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] label {
    font-family: var(--arabic-font) !important;
}

html[dir="rtl"] .fa,
html[dir="rtl"] .fa-duotone,
html[dir="rtl"] .fa-light,
html[dir="rtl"] .fa-regular,
html[dir="rtl"] .fa-solid,
html[dir="rtl"] .fa-thin,
html[dir="rtl"] .fad,
html[dir="rtl"] .fal,
html[dir="rtl"] .far,
html[dir="rtl"] .fas,
html[dir="rtl"] .fat {
    font-family: var(--fa-style-family, "Font Awesome 6 Pro") !important;
}

html[dir="rtl"] .fa-brands,
html[dir="rtl"] .fab {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400;
}

@media (max-width: 1920px) {
    .about-wrapper.style1 .thumb-box {
        left: -250px;
        right: unset;
    }
}

.about-wrapper.style1 .content ul li::before {
    margin-right: 0;
    margin-left: 10px;
}

.gt-btn-icon-1::after {
    content: "\f060";
    margin-right: 10px;
    margin-left: 0px;
}

.breadcumb .breadcumb-wrapper .page-heading .breadcrumb-items li i {
    margin-left: 0;
    margin-right: 19px;
}

.fa-angle-right:before {
    content: "\f104";
}

.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
    margin-right: 0;
    margin-left: 20px;
}

.mean-container .mean-nav ul li a {
    float: right;
    text-align: start;
}

.mean-container .mean-nav ul li a.mean-expand {
    float: left;
    left: 0;
    right: unset;
}


.header-1 .header-right .sidebar__toggle {
    margin-left: 0;
}

.banner-area {
    transform: scaleX(-1);
}

.banner-area>* {
    transform: scaleX(-1);
}

.client-say {
    right: unset;
    left: 0;
}

.end-0 {
    right: unset !important;
    left: 0;
}

.footer-single-widget h3::before,
.footer-single-widget .h3::before,
.footer-single-widget h3::after,
.footer-single-widget .h3::after {
    right: 0;
    left: unset;
}

.sidebar-info .sidebar-single-item .newsletter-form .submit-btn {
    border-radius: 10px 0 0 10px;
}