@font-face {
    font-display: swap;
    font-family: 'Swissra';
    src: url('../assets/fonts/Swissra Normal.otf') format('opentype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Swissra';
    src: url('../assets/fonts/Swissra Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Swissra';
    src: url('../assets/fonts/Swissra Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Swissra';
    src: url('../assets/fonts/Swissra Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Swissra';
    src: url('../assets/fonts/Swissra Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal
}

:root[lang="ar"],
[dir="rtl"] {
    --_font-default: "Swissra", sans-serif;
    --_font-accent: "Swissra", sans-serif;
    direction: rtl;
    text-align: right;
    line-height: 1.8
}

[lang="ar"] body,
[dir="rtl"] body {
    font-family: var(--_font-default);
    direction: rtl;
    text-align: right
}

[lang="ar"] h1,
[lang="ar"] h2,
[lang="ar"] h3,
[lang="ar"] h4,
[lang="ar"] h5,
[lang="ar"] h6,
[lang="ar"] .mxd-title,
[lang="ar"] .hero-title,
[lang="ar"] .hero-01-title__item,
[lang="ar"] .hero-int__title-item,
[lang="ar"] .word,
[lang="ar"] .char {
    font-family: var(--_font-accent);
    letter-spacing: 0 !important
}



[dir="rtl"] .mxd-menu__left {
    order: 2;
    border-right: none;
    border-left: 1px solid var(--st-muted)
}

[dir="rtl"] .mxd-menu__right {
    order: 1
}

[dir="rtl"] .main-menu__link {
    text-align: right
}

[dir="rtl"] .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important
}

[dir="rtl"] .me-auto {
    margin-left: auto !important;
    margin-right: 0 !important
}

[dir="rtl"] .ps-0 {
    padding-right: 0 !important
}

[dir="rtl"] .pe-0 {
    padding-left: 0 !important
}

[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
    direction: rtl
}

[dir="rtl"] label {
    text-align: right;
    width: 100%
}

[dir="rtl"] .btn-icon {
    margin-left: 0;
    margin-right: 1rem;
    transform: scaleX(-1)
}

[dir="rtl"] .ph-arrow-right,
[dir="rtl"] .ph-arrow-left,
[dir="rtl"] .ph-caret-right,
[dir="rtl"] .ph-caret-left {
    transform: scaleX(-1)
}

[dir="rtl"] .footer-content {
    text-align: right
}

[dir="rtl"] .footer-socials {
    justify-content: flex-start
}

[dir="rtl"] .hero-01__content,
[dir="rtl"] .hero-int__content {
    text-align: right;
    align-items: flex-start
}

[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-left: 0;
    padding-right: 2rem
}

[dir="rtl"] .list-unstyled {
    padding-right: 0
}

[dir="rtl"] .absolute-left {
    left: auto;
    right: 0
}

[dir="rtl"] .absolute-right {
    right: auto;
    left: 0
}

[dir="rtl"] .mxd-menu__caption,
[dir="rtl"] .menu-promo__caption {
    text-align: right
}

[dir="rtl"] .hero-title span {
    letter-spacing: normal
}

[dir="rtl"] .mxd-footer__top {
    flex-direction: row-reverse
}

[dir="rtl"] .mxd-footer__bottom {
    flex-direction: row-reverse
}

[dir="rtl"] .footer-socials {
    justify-content: flex-end
}

[dir="rtl"] .form__reply {
    left: auto;
    right: 0
}

[dir="rtl"] .mxd-promo__bg {
    right: auto;
    left: -10rem;
    transform: scaleX(-1)
}

@media only screen and (min-width:1200px) {
    [dir="rtl"] .mxd-promo__bg {
        left: 0
    }
}

[dir="rtl"] .mxd-promo__content {
    align-items: flex-start
}

@media only screen and (min-width:1200px) {
    [dir="rtl"] .mxd-promo__images {
        right: auto;
        left: 0
    }

    [dir="rtl"] .mxd-promo__inner {
        padding-left: 6rem;
        padding-right: 6rem
    }
}

[dir="rtl"] .mxd-services-stack__title,
[dir="rtl"] .mxd-services-stack__info {
    text-align: right;
    padding-right: 0;
    padding-left: 2.6rem
}

[dir="rtl"] .mxd-services-stack__controls {
    right: auto;
    left: 1rem
}

[dir="rtl"] .services-stack__image {
    right: auto;
    left: 0
}

@media only screen and (min-width:992px) {
    [dir="rtl"] .services-stack__image {
        right: auto;
        left: 0
    }

    [dir="rtl"] .services-stack__image .service-img {
        right: auto;
        left: -15%;
        transform: scaleX(-1)
    }

    [dir="rtl"] .mxd-services-stack__inner {
        align-items: flex-start
    }
}

@media only screen and (min-width:1200px) {
    [dir="rtl"] .services-stack__image .service-img {
        right: auto;
        left: 0
    }
}

[dir="rtl"] .mxd-services-cards__tags {
    justify-content: flex-start
}

[dir="rtl"] .btn-outline {
    direction: rtl
}

[dir="rtl"] .ctacontent {
    direction: rtl !important;
    text-align: right !important
}

[dir="rtl"] .mxd-stats-cards__inner.align-end {
    align-items: flex-start
}

@media only screen and (min-width:768px) {
    [dir="rtl"] .mxd-stats-cards__image.mxd-stats-cards-image-1 {
        left: auto;
        right: -4rem
    }

    [dir="rtl"] .mxd-stats-cards__image.mxd-stats-cards-image-3 {
        right: auto;
        left: -4rem
    }

    [dir="rtl"] .mxd-stats-cards__image.mxd-stats-cards-image-4 {
        right: auto;
        left: -6rem
    }
}

@media only screen and (min-width:1600px) {
    [dir="rtl"] .mxd-stats-cards__image.mxd-stats-cards-image-1 {
        left: auto;
        right: -6rem
    }
}

[dir="rtl"] .mxd-section-title {
    direction: rtl;
    text-align: right
}

[dir="rtl"] .aboutblogstitle {
    direction: rtl !important
}

[dir="rtl"] .marquee-mobile {
    direction: ltr !important;
}

[dir="rtl"] .hero-00-manifest .mxd-manifest {
    padding-top: 3.5rem !important;
}

/* Fix for header controls visibility on all screen sizes removed */

[lang="ar"] h1,
[lang="ar"] h2,
[lang="ar"] h3,
[lang="ar"] h4,
[lang="ar"] h5,
[lang="ar"] h6,
[lang="ar"] p,
[lang="ar"] .mxd-title,
[lang="ar"] .mxd-counter__number,
[lang="ar"] .mxd-stats-number,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] .mxd-title,
[dir="rtl"] .mxd-counter__number,
[dir="rtl"] .mxd-stats-number {
    line-height: 1.6 !important;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    direction: rtl !important;
}

[lang="ar"],
[dir="rtl"] html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    direction: rtl !important;
}

/* Fix Arabic button text clipping without breaking animation */
[lang="ar"] .btn-anim .btn-caption,
[dir="rtl"] .btn-anim .btn-caption {
    height: 65px;
    line-height: 6.2rem;

}

[lang="ar"] .btn-anim.btn-anim-medium .btn-caption,
[dir="rtl"] .btn-anim.btn-anim-medium .btn-caption {
    height: 3.2rem;
    line-height: 3.2rem;
}

[dir="rtl"] .btn-absolute-right {
    left: 0;
    right: auto;
}

[dir="rtl"] .marqee {
    direction: ltr !important;
}

[dir="rtl"] .hero_desc {
    text-align: right !important;
}

[dir="rtl"] .mxd-hero-07__more {
    left: 0;
    right: auto;
}