/* ==========================================================================
   Right-to-left adjustments (Arabic)
   ========================================================================== */

:root {
    --default-font: "Cairo", "DM Sans", sans-serif;
}

body,
h1, h2, h3, h4, h5, h6,
p, a, li, input, textarea, button {
    font-family: var(--default-font);
    letter-spacing: 0 !important;
}

.section-title h3 {
    letter-spacing: 0;
}

.main-menu .nav-menu-wrapper > ul,
.footer-menu ul,
.footer-social-links ul,
.post-item-meta ul,
.breadcrumb {
    padding-right: 0;
}

.main-menu ul ul {
    left: auto;
    right: 0;
    transform-origin: top right;
    text-align: right;
}

.main-menu ul ul ul {
    left: auto;
    right: 100%;
}

.main-menu ul li.submenu > a:after {
    margin-left: 0;
    margin-right: 6px;
}

.main-menu .nav-menu-wrapper {
    margin: 0 20px;
}

.hero-image {
    padding-left: 0;
    padding-right: 80px;
}

.company-experience {
    left: auto;
    right: 0;
}

.footer-about-box {
    margin-right: 0;
    margin-left: 40px;
}

.footer-newsletter-box {
    margin-right: 0;
    margin-left: 120px;
}

.footer-contact-item::before {
    left: auto;
    right: 0;
}

.footer-menu ul li::before {
    left: auto;
    right: 0;
}

.post-entry ul,
.service-entry-list ul,
.what-we-do-list ul,
.fact-counter-list ul,
.about-info-list ul {
    padding-left: 0;
    padding-right: 20px;
}

.slicknav_menu ul ul li a {
    padding: 8px 30px 8px 20px;
}

.slicknav_arrow {
    float: left;
}

.cta-box .btn-default + .btn-default {
    margin-left: 0;
    margin-right: 12px;
}

.project-navigation {
    flex-direction: row-reverse;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: 0.5rem;
}

.text-anime-style-2,
.text-anime-style-3 {
    opacity: 1 !important;
    visibility: visible !important;
}

.post-item-meta ul li i {
    margin-right: 0;
    margin-left: 4px;
}

.post-body ul,
.post-body ol {
    padding-left: 0;
    padding-right: 22px;
}

.post-body blockquote {
    border-left: 0;
    border-right: 4px solid var(--accent-color);
}