/* ============================================================
   RTL STYLES (Arabic)
   ============================================================ */

body.rtl {
    font-family: "Almarai", sans-serif !important;
    text-align: right;
}

[dir="rtl"] .header-inner {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .breadcrumb {
    flex-direction: row-reverse;
}

[dir="rtl"] .form-group label,
[dir="rtl"] .form-group input,
[dir="rtl"] .form-group select,
[dir="rtl"] .form-group textarea {
    text-align: right;
	font-family: "Almarai", sans-serif !important;
}

[dir="rtl"] .service-link i {
    transform: rotate(180deg);
}

[dir="rtl"] .footer-col a i {
    margin-right: 0;
    margin-left: 8px;
}

[dir="rtl"] .btn i {
    transform: rotate(270deg);
}

/* Marcellus is for Latin only - so for Arabic use a serif fallback */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] .hero-title,
[dir="rtl"] .pre-title,
[dir="rtl"] .about-quote,
[dir="rtl"] .accordion-title,
[dir="rtl"] .about-philosophy,
[dir="rtl"] .btn,
[dir="rtl"] .about-big-title {
    font-family: "Almarai", sans-serif;
    font-weight: 600;
}

[dir="rtl"] .section-pre-title,
[dir="rtl"] .hero-subtitle {
    font-family: inherit;
}

.phone {
    direction: ltr;
    unicode-bidi: embed;
}
.num {
    direction: rtl;
}

.eng_icon {
    float: right !important;
    margin-top: 5px !important;
}

.flipped-bg {
    position: relative;
    overflow: hidden;
}

.flipped-bg::before {
    content: "";
    position: absolute;
    inset: 0;

    background: url(../images/court_arabic.webp) left center / cover no-repeat;

    transform: scaleX(-1);
    transform-origin: center;
    z-index: -1;
}

.about-image {
    position: relative;
    min-height: 540px;
    border-radius: 0 0 30px 0;
    overflow: hidden;
    background: url(../images/court_arabic.webp) left center / cover no-repeat;
    /* box-shadow: var(--shadow-lg); */
}

.hero {
    position: relative;
    min-height: 80vh;
    display: flex;
    align-items: center;
    background: url('../images/kuwait_arabic.webp') center/cover no-repeat;
    color: var(--white);
    overflow: hidden;
    padding: 80px 0;
}