/* tajawal-200 - arabic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 200;
    src: url("../webfonts/tajawal-v12-arabic_latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tajawal-300 - arabic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 300;
    src: url("../webfonts/tajawal-v12-arabic_latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tajawal-regular - arabic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 400;
    src: url("../webfonts/tajawal-v12-arabic_latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tajawal-500 - arabic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 500;
    src: url("../webfonts/tajawal-v12-arabic_latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tajawal-700 - arabic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 700;
    src: url("../webfonts/tajawal-v12-arabic_latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tajawal-800 - arabic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 800;
    src: url("../webfonts/tajawal-v12-arabic_latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tajawal-900 - arabic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 900;
    src: url("../webfonts/tajawal-v12-arabic_latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
    font-family: "Tajawal", sans-serif !important;
}
.header-btn .offcanvas {
    left: -15px;
    right: auto;
    transform: translateX(-100%) !important;
    -webkit-transform: translateX(-100%) !important;
    -moz-transform: translateX(-100%) !important;
    -ms-transform: translateX(-100%) !important;
    -o-transform: translateX(-100%) !important;
}
.header-social-links {
    margin-right: 0;
    margin-left: 20px;
}
.header-social-links ul li {
    margin-right: 0;
    margin-left: 15px;
}
.our-scrolling-ticker {
    direction: rtl;
}
.scrolling-content {
    animation: scroll-rtl 60s linear infinite;
    -webkit-animation: scroll-rtl 60s linear infinite;
}
.scrolling-content span img {
    margin-left: 40px;
    margin-right: 0;
}
.company-client-images .client-image {
    margin-left: -18px;
    margin-right: 0;
}
.how-work-company-slider[dir="ltr"] .logos-container-wrapper {
    animation: scroll-ltr 20s linear infinite;
    -webkit-animation: scroll-ltr 20s linear infinite;
}
@keyframes scroll-ltr {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
}
@keyframes scroll-rtl {
    from {
        transform: translateX(calc(100% - var(--gap)));
        -webkit-transform: translateX(calc(100% - var(--gap)));
        -moz-transform: translateX(calc(100% - var(--gap)));
        -ms-transform: translateX(calc(100% - var(--gap)));
        -o-transform: translateX(calc(100% - var(--gap)));
    }
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
}
.agency-item-content h3:after {
    right: -60px;
    left: initial;
}

.author-image {
    margin-left: 15px;
    margin-right: 0;
}

.success-list-item {
    background-position: right top 2px;
    padding-right: 30px;
}
.agency-free-consultation {
    text-align: initial;
    text-align: left;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: right;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-left: var(--bs-breadcrumb-item-padding-x);
}
.who-we-are .who-we-are-content {
    padding-left: 90px;
    padding-right: 0;
}
.who-we-are::after {
    right: initial;
    left: -90px;
}
.our-consultancy-images {
    margin-left: 30px;
    margin-right: 0;
}
@media only screen and (max-width: 991px) {
    .who-we-are .who-we-are-content {
        padding-left: 0;
    }
}
.faq-images {
    margin-right: 0;
    margin-left: 30px;
}
.our-faq-section .accordion-header .accordion-button.collapsed {
    text-align: right;
}
.our-faq-section .accordion-button:not(.collapsed) {
    text-align: right;
}
.section-title h2 {
    padding-left: 0;
    padding-right: 24px;
}
.section-title h2::before {
    right: 0;
    left: initial;
}
.wahed-size {
    font-size: 50px !important;
}
.work-process-no {
    width: 100%;
    padding-right: 0;
    padding-left: 10px;
    text-align: left;
}
.post-social-sharing ul li {
    margin-right: 0;
    margin-left: 10px;
}
.post-entry ul {
    padding-left: 0;
    padding-right: 20px;
}
.footer-contact-item .icon-box {
    margin-right: 0;
    margin-left: 20px;
}
.footer-social-links {
    text-align: right;
}
.footer-social-links ul li {
    margin-right: 0;
    margin-left: 45px;
}
.footer-contact-content p {
    text-align: right;
}
.box-pricing-2 ul li::before {
    margin-left: 10px;
    margin-right: 0;
}
@media (max-width: 900px) {
    .mfp-container {
        padding-left: 0;
        padding-right: 0;
    }
}
.contact-us-form {
    margin-left: 0;
    margin-right: 30px;
}
.contact-info-box .info-box-2 .icon-box {
    margin: 0 0 0 30px;
}
.contact-info-box .info-box-2 .contact-item-content {
    text-align: right;
}
@media only screen and (max-width: 767px) {
    .contact-info-box .info-box-1 .contact-item-content,
    .contact-info-box .info-box-2 .contact-item-content {
        text-align: right;
    }
    .contact-info-box .info-box-1 .icon-box,
    .contact-info-box .info-box-2 .icon-box {
        margin: 0 0 0 25px;
    }
    .footer-social-links ul li {
        margin-left: 13px;
    }
    .contact-us-form {
        margin: 0;
    }
}
.whatsapp {
    width: 180px;
    left: 20px;
}
.whatsapp img {
    margin-left: 14px;
    margin-right: 0;
}
.page-pricing .box-pricing ul li::before {
    padding-right: 0;
    padding-left: 20px;
}
.page-pricing .box-pricing .pricing-header h4 {
    font-size: 28px;
}
.service-entry-list ul li {
    padding-left: 0;
    padding-right: 30px;
}
.service-entry-list ul li::before {
    right: 0;
    left: initial;
}
.service-catagery-list ul li a::before {
    right: initial;
    left: 0;
}
.about-agency::before {
    left: initial;
    right: -120px;
}
.why-choose-us::before {
    left: initial;
    right: -90px;
}

.footer-work-together::before {
    left: initial;
    right: -120px;
}
.who-we-are::before {
    right: initial;
    left: -90px;
}
.page-project::before,
.page-blog::before {
    right: initial;
    left: -120px;
}
.main-menu ul li.submenu > a:after {
    margin-left: initial;
    margin-right: 8px;
}
.slicknav_arrow:after {
    margin-left: initial;
    margin-right: 8px;
}
.main-menu ul ul {
    text-align: right;
}
.slicknav_arrow:after {
    right: 80px;
}
.learn-more-circle {
    margin-right: -20px;
    margin-left: 0;
}
.contact-info-box .info-box-1 .contact-info-item::before {
    right: initial;
    left: 0;
}
.example-box {
    text-align: right;
}
.why-choose-content {
    margin-right: 0;
    margin-left: 30px;
}
.about-us-list {
    left: 0;
    right: initial;
}
.about-list-item::before {
    right: initial;
    left: -40px;
}
.why-choose-list-item h3 {
    padding-left: 0;
    padding-right: 30px;
}
.why-choose-list-item h3::before {
    left: initial;
    right: 0;
}
.about-us-footer {
    margin-top: 70px;
}
.about-us::before {
    right: initial;
    left: -70px;
}
@media (max-width: 768px) {
    .whatsapp {
        width: 55px;
        height: 55px;
    }
    .whatsapp img {
        margin-left: 0;
    }
    .contact-info-box .info-box-1 .contact-info-item::before {
        left: initial;
        right: -50%;
    }
    .faq-images {
        margin-left: 0;
    }
    .our-scrolling-ticker {
        z-index: 2;
        position: relative;
    }
    .why-choose-content {
        margin-left: 0;
    }
}
.gallery-items {
    direction: rtl;
}
@keyframes scrollHorizontal {
    0% {
        transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
    }
    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
}
