@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

body.rtl,
.rtl .section-title,
.rtl h1,
.rtl h2,
.rtl h3,
.rtl p,
.rtl span,
.rtl a,
.rtl .nav-link,
.rtl .navbar,
.rtl .btn-default,
.rtl input,
.rtl textarea,
.rtl label,
.rtl {
    font-family: 'Cairo', sans-serif;
}

/* RTL navbar */
.rtl .navbar-nav {
    margin-right: 0;
    margin-left: auto;
}

.rtl .section-sub-title {
    text-align: right;
    padding: 8px 32px 8px 16px;
}

/* النقطة يمين في RTL */
.rtl .section-sub-title::before {
    left: auto;
    right: 16px;
}

/* RTL flex and grid alignment where needed */
.rtl .hero-content-box,
.rtl .section-title-content {
    text-align: right;
}

.rtl .about-us-content-box,
.rtl .who-we-tab-content,
.rtl .commitment-item-title h3,
.rtl .fact-item-title {
    text-align: right;
}

.rtl .footer-links ul,
.rtl .footer-links-box {
    text-align: right;
}

.rtl .footer-copyright-text {
    text-align: center;
}

/* Slicknav RTL */
.rtl .slicknav_nav {
    text-align: right;
}

/* Hero counter footer: ترتيب عكسي في RTL (التقييم يمين، الزر يسار) */
.rtl .hero-counter-footer {
    flex-direction: row-reverse;
}

.rtl .hero-rating-box,
.rtl .hero-rating-box-content {
    text-align: right;
}

/* التقييم: النجمة ثم الرقم في RTL */
.rtl .hero-rating-box-header {
    flex-direction: row-reverse;
}

/* زر الاستشارة: الأيقونة يسار النص في RTL */
.rtl .btn-default {
    padding: 17px 24px 17px 58px;
}

.rtl .btn-default::before {
    right: auto;
    left: 24px;
}

/* زر إرسال الرسالة: الأيقونة يمين النص في RTL */
.rtl .cta-contact-form-btn .btn-default {
    padding: 17px 58px 17px 24px;
}

.rtl .cta-contact-form-btn .btn-default::before {
    right: 24px;
    left: auto;
}

/* Form RTL */
.rtl .cta-contact-form .form-control,
.rtl .cta-contact-form input,
.rtl .cta-contact-form textarea {
    text-align: right;
}

.rtl .cta-contact-form input::placeholder,
.rtl .cta-contact-form textarea::placeholder {
    text-align: right;
}

.rtl .page-header-box .breadcrumb-item+.breadcrumb-item {
    padding-right: 0.5rem;
    padding-left: 0;
}

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

.our-fact-image-box {
    margin-left: 20px;
    margin-right: 0 !important;
    flex-direction: row-reverse;
}

.hero-counter-list {
    flex-direction: row-reverse;
}
.rtl .project-gallery-view-all {
    right: unset;
}