/* ==========================================================================
   Quarty Child RTL Stylesheet (Arabic & RTL Support)
   ========================================================================== */

/* =====================================================
   CAIRO FONT FAMILY
   Quarty Child Theme
   ===================================================== */

/* =====================================================
   CAIRO FONT FAMILY
   Quarty Child Theme
   ===================================================== */

@font-face {
    font-family: 'Cairo';
    src: url('/wp-content/themes/quarty-child/Fonts/Cairo/Cairo-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/wp-content/themes/quarty-child/Fonts/Cairo/Cairo-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/wp-content/themes/quarty-child/Fonts/Cairo/Cairo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/wp-content/themes/quarty-child/Fonts/Cairo/Cairo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/wp-content/themes/quarty-child/Fonts/Cairo/Cairo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/wp-content/themes/quarty-child/Fonts/Cairo/Cairo-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* =====================================================
   ARABIC ONLY
   ===================================================== */

html[dir="rtl"] body,
body.rtl {
    font-family: 'Cairo', sans-serif !important;
}


/* All Arabic elements */
html[dir="rtl"] body *,
body.rtl * {
    font-family: 'Cairo', sans-serif !important;
}
/* --------------------------------------------------------------------------
   1. Hero Banner & Hero Slider (قسم الهيرو والسلايدر)
   -------------------------------------------------------------------------- */
body.rtl .qrt-main-slider .qrt-project-cover .qrt-overlay .qrt-banner-title,
body.rtl .qrt-main-slider-onepage .qrt-project-cover .qrt-overlay .qrt-banner-title,
body.rtl .qrt-banner .qrt-overlay .qrt-banner-title,
body.rtl .qrt-half-banner .qrt-overlay .qrt-banner-title {
	text-align: right !important;
	direction: rtl !important;
}

body.rtl .qrt-banner-title h1,
body.rtl .qrt-banner-title h2,
body.rtl .qrt-banner-title h3,
body.rtl .qrt-banner-title .title--h1 {
	text-align: right !important;
	letter-spacing: 0 !important;
}

/* Hero text description */
body.rtl .qrt-main-slider .qrt-project-cover .qrt-overlay .qrt-banner-title .qrt-text,
body.rtl .qrt-main-slider-onepage .qrt-project-cover .qrt-overlay .qrt-banner-title .qrt-text,
body.rtl .qrt-banner-title .qrt-text {
	text-align: right !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	letter-spacing: 0 !important;
}

/* Divider in Hero */
body.rtl .qrt-main-slider .qrt-project-cover .qrt-overlay .qrt-banner-title .qrt-divider-2,
body.rtl .qrt-half-banner .qrt-overlay .qrt-banner-title .qrt-divider-2,
body.rtl .qrt-banner-title .qrt-divider-2 {
	margin-left: auto !important;
	margin-right: 0 !important;
}

/* Hero Buttons */
body.rtl .qrt-banner-title .qrt-btn {
	margin-left: 15px !important;
	margin-right: 0 !important;
}

/* Arrow inside buttons in RTL */
body.rtl .qrt-btn i.fa-arrow-right,
body.rtl .qrt-btn i.fas.fa-arrow-right {
	transform: rotate(180deg) !important;
	margin-left: 0 !important;
	margin-right: 10px !important;
	display: inline-block;
}

body.rtl .qrt-btn i.fa-arrow-left,
body.rtl .qrt-btn i.fas.fa-arrow-left {
	transform: rotate(180deg) !important;
	margin-right: 0 !important;
	margin-left: 10px !important;
	display: inline-block;
}

/* Parallax fix positioning */
body.rtl .qrt-parallax-fix {
	text-align: right !important;
}

/* --------------------------------------------------------------------------
   2. Header & Top Bar (الهيدر والأزرار)
   -------------------------------------------------------------------------- */
body.rtl .qrt-top-bar,
body.rtl .qrt-top-bar .qrt-menu,
body.rtl .qrt-top-bar .qrt-menu nav ul li a,
body.rtl .qrt-top-bar .qrt-menu nav ul li ul li a,
body.rtl .qrt-top-bar .qrt-dynamic-menu nav ul li a,
body.rtl .qrt-top-bar .qrt-btn,
body.rtl .qrt-top-bar .qrt-btn span,
body.rtl .qrt-top-bar .qrt-send-request,
body.rtl .qrt-top-bar .qrt-logo-text,
body.rtl .qrt-top-bar .qrt-logo-sub {
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

body.rtl .qrt-top-bar .qrt-buttons {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

body.rtl .qrt-top-bar .qrt-btn.qrt-mr-20 {
	margin-right: 0 !important;
	margin-left: 20px !important;
}

body.rtl .qrt-top-bar .qrt-menu {
	text-align: center;
}

body.rtl .qrt-top-bar .qrt-menu nav ul li {
	margin-left: 0;
	margin-right: 15px;
}

body.rtl .qrt-top-bar .qrt-menu nav ul li a,
body.rtl .qrt-top-bar .qrt-dynamic-menu nav ul li a {
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	line-height: normal;
}

body.rtl .qrt-top-bar .qrt-menu nav ul li.current-menu-item>a,
body.rtl .qrt-top-bar .qrt-dynamic-menu nav ul li.current-menu-item>a {
	font-weight: 700 !important;
}

body.rtl .qrt-top-bar .qrt-menu nav ul li ul.sub-menu {
	right: 0 !important;
	left: auto !important;
	text-align: right !important;
}

body.rtl .qrt-top-bar .qrt-menu nav ul li ul.sub-menu li a,
body.rtl .qrt-top-bar .qrt-menu nav ul li ul li a {
	font-size: 14px !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	line-height: 1.6;
}

body.rtl .qrt-top-bar .qrt-btn,
body.rtl .qrt-top-bar .qrt-btn span,
body.rtl .qrt-top-bar .qrt-send-request {
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

/* --------------------------------------------------------------------------
   3. Slider Navigation & Pagination (أزرار التقليب والتنقل)
   -------------------------------------------------------------------------- */
body.rtl .qrt-slider-navigation {
	left: 0 !important;
	right: auto !important;
}

body.rtl .qrt-slider-navigation .qrt-slider-nav-btn {
	letter-spacing: 0 !important;
}

/* --------------------------------------------------------------------------
   4. Forms & Inputs (النماذج وحقول الإدخال)
   -------------------------------------------------------------------------- */
body.rtl input[type="text"],
body.rtl input[type="email"],
body.rtl input[type="tel"],
body.rtl input[type="url"],
body.rtl input[type="password"],
body.rtl input[type="search"],
body.rtl input[type="number"],
body.rtl textarea,
body.rtl select {
	text-align: right !important;
	direction: rtl !important;
}

body.rtl .wpcf7-form,
body.rtl .wpforms-form,
body.rtl .jet-form-builder {
	text-align: right !important;
	direction: rtl !important;
}

body.rtl .wpcf7-form-control-wrap {
	text-align: right !important;
}

/* --------------------------------------------------------------------------
   5. Project Facts & Portfolio (تفاصيل المشاريع والمعرض)
   -------------------------------------------------------------------------- */
body.rtl .project-facts {
	text-align: right !important;
	direction: rtl !important;
}

body.rtl .project-facts .facts-table th,
body.rtl .project-facts .facts-table td {
	text-align: right !important;
}

body.rtl .qrt-work-item .qrt-work-descr {
	text-align: right !important;
}

/* --------------------------------------------------------------------------
   6. Split Layout & Half Content Frame (الصفحات المقسمة والقوائم الجانبية)
   -------------------------------------------------------------------------- */
body.rtl .qrt-app .qrt-content .qrt-half-content-frame {
	display: flex;
	width: 100%;
	position: relative;
	background-color: #f7f8f8;
}

@media (min-width: 1201px) {
	body.rtl .qrt-app .qrt-content .qrt-half-content-frame .qrt-left {
		width: calc(100% - 480px) !important;
		min-height: calc(100vh - 100px);
		margin-right: 0 !important;
		margin-left: auto !important;
		padding: 40px;
		position: relative;
		overflow: hidden;
	}

	body.rtl.admin-bar .qrt-app .qrt-content .qrt-half-content-frame .qrt-left {
		min-height: calc(100vh - 132px);
	}

	body.rtl .qrt-app .qrt-content .qrt-half-content-frame .qrt-right {
		position: fixed !important;
		left: 0 !important;
		right: auto !important;
		width: 480px !important;
		height: calc(100vh - 100px) !important;
		margin-left: 0 !important;
		margin-right: auto !important;
		z-index: 2;
	}

	body.rtl.admin-bar .qrt-app .qrt-content .qrt-half-content-frame .qrt-right {
		height: calc(100vh - 132px) !important;
	}
}

@media (max-width: 1200px) {
	body.rtl .qrt-app .qrt-content .qrt-half-content-frame {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}

	body.rtl .qrt-app .qrt-content .qrt-half-content-frame .qrt-left {
		width: 100% !important;
		margin: 0 !important;
		padding: 40px 20px 20px !important;
	}

	body.rtl .qrt-app .qrt-content .qrt-half-content-frame .qrt-right {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		height: 300px !important;
		margin: 0 !important;
	}
}

/* --------------------------------------------------------------------------
   7. General Typography & Elementor Alignments (العناصر العامة والمحاذاة)
   -------------------------------------------------------------------------- */
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6 {
	letter-spacing: 0 !important;
}

body.rtl blockquote {
	border-left: none !important;
	border-right: 3px solid #c5a47e !important;
	padding-left: 0 !important;
	padding-right: 20px !important;
	text-align: right !important;
}

body.rtl ul,
body.rtl ol {
	padding-right: 20px;
	padding-left: 0;
}

/* Preserve Elementor alignments */
body.rtl .elementor-align-center,
body.rtl .elementor-align-center .elementor-button,
body.rtl .elementor-widget-heading.elementor-align-center .elementor-heading-title,
body.rtl .elementor-element.elementor-align-center {
	text-align: center !important;
}

body.rtl .elementor-align-left,
body.rtl .elementor-align-left .elementor-button,
body.rtl .elementor-widget-heading.elementor-align-left .elementor-heading-title,
body.rtl .elementor-element.elementor-align-left {
	text-align: left !important;
}

body.rtl .elementor-align-right,
body.rtl .elementor-align-right .elementor-button,
body.rtl .elementor-widget-heading.elementor-align-right .elementor-heading-title,
body.rtl .elementor-element.elementor-align-right {
	text-align: right !important;
}

body.rtl .elementor-align-justify,
body.rtl .elementor-align-justify .elementor-button,
body.rtl .elementor-element.elementor-align-justify {
	text-align: justify !important;
}

/* --------------------------------------------------------------------------
   8. Portfolio Single Page RTL (صفحة تفاصيل المشروع باللغة العربية)
   -------------------------------------------------------------------------- */
body.rtl .arw-portfolio-wrapper,
html[dir="rtl"] .arw-portfolio-wrapper {
	direction: rtl !important;
	text-align: right !important;
	font-family: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

body.rtl .arw-portfolio-title,
html[dir="rtl"] .arw-portfolio-title {
	text-align: right !important;
	letter-spacing: 0 !important;
	font-family: 'Cairo', sans-serif !important;
	font-weight: 700 !important;
}

body.rtl .arw-portfolio-subtitle,
html[dir="rtl"] .arw-portfolio-subtitle,
body.rtl .arw-details-title,
html[dir="rtl"] .arw-details-title,
body.rtl .arw-details-subtitle,
html[dir="rtl"] .arw-details-subtitle {
	text-align: right !important;
	letter-spacing: 0 !important;
	font-family: 'Cairo', sans-serif !important;
}

body.rtl .arw-details-description,
html[dir="rtl"] .arw-details-description,
body.rtl .arw-details-description p,
html[dir="rtl"] .arw-details-description p {
	text-align: right !important;
	font-family: 'Cairo', sans-serif !important;
	line-height: 1.9 !important;
}

body.rtl .arw-portfolio-meta-row,
html[dir="rtl"] .arw-portfolio-meta-row {
	direction: rtl !important;
	justify-content: flex-start !important;
	gap: 30px !important;
}

body.rtl .arw-meta-item,
html[dir="rtl"] .arw-meta-item {
	direction: rtl !important;
	text-align: right !important;
	font-family: 'Cairo', sans-serif !important;
}

body.rtl .arw-meta-icon,
html[dir="rtl"] .arw-meta-icon {
	margin-left: 6px !important;
	margin-right: 0 !important;
}

body.rtl .arw-video-trigger,
html[dir="rtl"] .arw-video-trigger {
	right: 25px !important;
	left: auto !important;
	direction: rtl !important;
	letter-spacing: 0 !important;
	font-family: 'Cairo', sans-serif !important;
}

body.rtl .arw-ba-title,
html[dir="rtl"] .arw-ba-title,
body.rtl .arw-project-cta-heading,
html[dir="rtl"] .arw-project-cta-heading,
body.rtl .arw-project-cta-subheading,
html[dir="rtl"] .arw-project-cta-subheading {
	text-align: center !important;
	letter-spacing: 0 !important;
	font-family: 'Cairo', sans-serif !important;
}

body.rtl .arw-portfolio-btn,
html[dir="rtl"] .arw-portfolio-btn {
	letter-spacing: 0 !important;
	font-family: 'Cairo', sans-serif !important;
	font-weight: 700 !important;
}

body.rtl .arw-bottom-cta-heading,
html[dir="rtl"] .arw-bottom-cta-heading {
	text-align: right !important;
	letter-spacing: 0 !important;
	font-family: 'Cairo', sans-serif !important;
}

body.rtl .arw-modal-close,
html[dir="rtl"] .arw-modal-close,
body.rtl .arw-video-modal-close,
html[dir="rtl"] .arw-video-modal-close {
	left: 0 !important;
	right: auto !important;
}

/* Full Width Override for Portfolio in RTL - Fixes right-shifted empty space */
body.rtl.single-architect_portfolio .qrt-app .qrt-content .qrt-half-content-frame,
body.rtl.single-portfolio .qrt-app .qrt-content .qrt-half-content-frame,
body.rtl .qrt-app .qrt-content .qrt-half-content-frame:has(.arw-portfolio-wrapper),
body.rtl .qrt-app .qrt-content .qrt-content-frame:has(.arw-portfolio-wrapper) {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	background-color: var(--arw-portfolio-bg, #222) !important;
}

body.rtl.single-architect_portfolio .qrt-app .qrt-content .qrt-half-content-frame .qrt-left,
body.rtl.single-portfolio .qrt-app .qrt-content .qrt-half-content-frame .qrt-left,
body.rtl .qrt-app .qrt-content .qrt-half-content-frame:has(.arw-portfolio-wrapper) .qrt-left,
body.rtl .qrt-app .qrt-content .qrt-content-frame:has(.arw-portfolio-wrapper) .qrt-left {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
	float: none !important;
}

body.rtl.single-architect_portfolio .qrt-app .qrt-content .qrt-half-content-frame .qrt-right,
body.rtl.single-portfolio .qrt-app .qrt-content .qrt-half-content-frame .qrt-right,
body.rtl .qrt-app .qrt-content .qrt-half-content-frame:has(.arw-portfolio-wrapper) .qrt-right {
	display: none !important;
	width: 0 !important;
	margin: 0 !important;
}/* =========================================================
   RTL - Responsive .qrt-dynamic-content
   ========================================================= */

html[dir="rtl"] .default--scrolling .qrt-dynamic-content {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 80px !important;
}


/* =========================================================
   Large Desktop
   1441px and above
   ========================================================= */

@media (min-width: 1441px) {
    html[dir="rtl"] .default--scrolling .qrt-dynamic-content {
        padding-right: 80px !important;
        padding-left: 0 !important;
    }
}


/* =========================================================
   Desktop
   1201px - 1440px
   ========================================================= */

@media (min-width: 1201px) and (max-width: 1440px) {
    html[dir="rtl"] .default--scrolling .qrt-dynamic-content {
        padding-right: 60px !important;
        padding-left: 0 !important;
    }
}


/* =========================================================
   Laptop
   1025px - 1200px
   ========================================================= */

@media (min-width: 1025px) and (max-width: 1200px) {
    html[dir="rtl"] .default--scrolling .qrt-dynamic-content {
        padding-right: 45px !important;
        padding-left: 0 !important;
    }
}


/* =========================================================
   Tablet
   768px - 1024px
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {
    html[dir="rtl"] .default--scrolling .qrt-dynamic-content {
        padding-right: 35px !important;
        padding-left: 0 !important;
    }
}


/* =========================================================
   Mobile
   481px - 767px
   ========================================================= */

@media (min-width: 481px) and (max-width: 767px) {
    html[dir="rtl"] .default--scrolling .qrt-dynamic-content {
        padding-right: 20px !important;
        padding-left: 0 !important;
    }
}


/* =========================================================
   Small Mobile
   320px - 480px
   ========================================================= */

@media (min-width: 320px) and (max-width: 480px) {
    html[dir="rtl"] .default--scrolling .qrt-dynamic-content {
        padding-right: 15px !important;
        padding-left: 0 !important;
    }
}


/* =========================================================
   Very Small Screens
   Below 320px
   ========================================================= */

@media (max-width: 319px) {
    html[dir="rtl"] .default--scrolling .qrt-dynamic-content {
        padding-right: 10px !important;
        padding-left: 0 !important;
    }
}




/* =========================================================
   TIMELINE RTL
   Keep timeline layout LTR
   Arabic text only = RTL
   ========================================================= */


/* ---------------------------------------------------------
   1. Keep the Timeline structure exactly like the theme
   --------------------------------------------------------- */

html[dir="rtl"] .post-inner-loop,
body.rtl .post-inner-loop {
    direction: ltr !important;
    text-align: left;
}


/* Keep each timeline item in the original theme direction */

html[dir="rtl"] .timeline-item-wrap,
body.rtl .timeline-item-wrap {
    direction: ltr !important;
}


/* Keep the timeline center */

html[dir="rtl"] .timeline-track,
body.rtl .timeline-track {
    direction: ltr !important;
}


/* ---------------------------------------------------------
   2. Keep LEFT / RIGHT cards in their original positions
   --------------------------------------------------------- */

html[dir="rtl"] .timeline-left-content,
body.rtl .timeline-left-content {
    direction: ltr !important;
}

html[dir="rtl"] .timeline-right-content,
body.rtl .timeline-right-content {
    direction: ltr !important;
}


/* ---------------------------------------------------------
   3. Arabic content inside the cards
   --------------------------------------------------------- */

html[dir="rtl"] .timeline-item,
body.rtl .timeline-item {
    direction: rtl !important;
    text-align: right !important;
}


html[dir="rtl"] .timeline-item-content,
body.rtl .timeline-item-content {
    direction: rtl !important;
    text-align: right !important;
}


/* Heading */

html[dir="rtl"] .timeline-item-heading,
body.rtl .timeline-item-heading {
    direction: rtl !important;
    text-align: right !important;

    font-family: 'Cairo', sans-serif !important;
    letter-spacing: 0 !important;
    line-height: 1.5 !important;
}


/* Description */

html[dir="rtl"] .timeline-item-description,
body.rtl .timeline-item-description {
    direction: rtl !important;
    text-align: right !important;

    font-family: 'Cairo', sans-serif !important;
    letter-spacing: 0 !important;
    line-height: 1.9 !important;
}


html[dir="rtl"] .timeline-item-description p,
body.rtl .timeline-item-description p {
    direction: rtl !important;
    text-align: right !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* ---------------------------------------------------------
   4. Remove text-left from Arabic
   --------------------------------------------------------- */

html[dir="rtl"] .timeline-item.text-left,
body.rtl .timeline-item.text-left,

html[dir="rtl"] .timeline-item-content.text-left,
body.rtl .timeline-item-content.text-left,

html[dir="rtl"] .border-bottom.text-left,
body.rtl .border-bottom.text-left {
    text-align: right !important;
}


/* ---------------------------------------------------------
   5. Divider
   --------------------------------------------------------- */

html[dir="rtl"] .timeline-item-content .border-bottom,
body.rtl .timeline-item-content .border-bottom {
    text-align: right !important;
}


html[dir="rtl"] .timeline-item-content .border-bottom hr,
body.rtl .timeline-item-content .border-bottom hr {
    margin-left: 0 !important;
    margin-right: auto !important;
}


/* ---------------------------------------------------------
   6. Numbers / Pins
   Keep their original LEFT/RIGHT positioning
   --------------------------------------------------------- */

html[dir="rtl"] .point-icon,
body.rtl .point-icon {
    direction: ltr !important;
}


html[dir="rtl"] .timeline-point-icon,
body.rtl .timeline-point-icon {
    direction: ltr !important;
}


html[dir="rtl"] .timeline-pin-icon,
body.rtl .timeline-pin-icon {
    direction: ltr !important;
}


/* Numbers must stay LTR */

html[dir="rtl"] .timeline-text-tooltip,
body.rtl .timeline-text-tooltip {
    direction: ltr !important;
    text-align: center !important;
}


/* ---------------------------------------------------------
   7. Beginning / End
   --------------------------------------------------------- */

html[dir="rtl"] .timeline-text-start,
body.rtl .timeline-text-start,

html[dir="rtl"] .timeline-text-end,
body.rtl .timeline-text-end {
    direction: rtl !important;
    text-align: center !important;
}


html[dir="rtl"] .beginning-text,
body.rtl .beginning-text,

html[dir="rtl"] .end-text,
body.rtl .end-text {
    direction: rtl !important;
    text-align: center !important;

    font-family: 'Cairo', sans-serif !important;
    letter-spacing: 0 !important;
    line-height: 1.7 !important;
}


/* ---------------------------------------------------------
   8. Arabic font
   --------------------------------------------------------- */

html[dir="rtl"] .post-inner-loop h1,
html[dir="rtl"] .post-inner-loop h2,
html[dir="rtl"] .post-inner-loop h3,
html[dir="rtl"] .post-inner-loop h4,
html[dir="rtl"] .post-inner-loop h5,
html[dir="rtl"] .post-inner-loop h6,
html[dir="rtl"] .post-inner-loop p,
body.rtl .post-inner-loop h1,
body.rtl .post-inner-loop h2,
body.rtl .post-inner-loop h3,
body.rtl .post-inner-loop h4,
body.rtl .post-inner-loop h5,
body.rtl .post-inner-loop h6,
body.rtl .post-inner-loop p {
    font-family: 'Cairo', sans-serif !important;
    letter-spacing: 0 !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */


/* ---------------------------------------------------------
   Tablet
   --------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1024px) {

    html[dir="rtl"] .timeline-item-heading,
    body.rtl .timeline-item-heading {
        font-size: 21px !important;
    }

    html[dir="rtl"] .timeline-item-description,
    body.rtl .timeline-item-description {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 767px) {

    html[dir="rtl"] .post-inner-loop,
    body.rtl .post-inner-loop {
        direction: ltr !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    html[dir="rtl"] .timeline-item-wrap,
    body.rtl .timeline-item-wrap {
        direction: ltr !important;
    }

    html[dir="rtl"] .timeline-item,
    body.rtl .timeline-item {
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="rtl"] .timeline-item-content,
    body.rtl .timeline-item-content {
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="rtl"] .timeline-item-heading,
    body.rtl .timeline-item-heading {
        font-size: 19px !important;
        line-height: 1.5 !important;
    }

    html[dir="rtl"] .timeline-item-description,
    body.rtl .timeline-item-description {
        font-size: 13px !important;
        line-height: 1.8 !important;
    }

    html[dir="rtl"] .beginning-text,
    body.rtl .beginning-text,

    html[dir="rtl"] .end-text,
    body.rtl .end-text {
        font-size: 14px !important;
    }
}


/* ---------------------------------------------------------
   Very Small Mobile
   --------------------------------------------------------- */

@media (max-width: 480px) {

    html[dir="rtl"] .timeline-item-heading,
    body.rtl .timeline-item-heading {
        font-size: 17px !important;
    }

    html[dir="rtl"] .timeline-item-description,
    body.rtl .timeline-item-description {
        font-size: 12px !important;
        line-height: 1.8 !important;
    }
}
/* =====================================================
   PAGE 405 ONLY - ARABIC FOOTER FRAME
   Keep the original English footer frame
   RTL content inside the frame
   ===================================================== */

body.rtl.page-id-405 .footer__builder {
    /* نفس فريم الإنجليزي */
    width: auto !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}


/* الفريم الداخلي يفضل بنفس أبعاده */
body.rtl.page-id-405 .footer__builder > div {
    box-sizing: border-box !important;
}


/* =====================================================
   RTL INSIDE THE FOOTER ONLY
   ===================================================== */

body.rtl.page-id-405 .footer__builder {
    direction: rtl !important;
}


/* النصوص العربية */
body.rtl.page-id-405 .footer__builder p,
body.rtl.page-id-405 .footer__builder h1,
body.rtl.page-id-405 .footer__builder h2,
body.rtl.page-id-405 .footer__builder h3,
body.rtl.page-id-405 .footer__builder h4,
body.rtl.page-id-405 .footer__builder h5,
body.rtl.page-id-405 .footer__builder h6 {
    direction: rtl !important;
    text-align: right !important;
    letter-spacing: 0 !important;
}


/* القوائم */
body.rtl.page-id-405 .footer__builder ul,
body.rtl.page-id-405 .footer__builder ol {
    direction: rtl !important;
    text-align: right !important;
}


/* الروابط */
body.rtl.page-id-405 .footer__builder a {
    direction: rtl;
    letter-spacing: 0 !important;
}


/* =====================================================
   SOCIAL ICONS
   لا نقلب شكل الأيقونات
   ===================================================== */

body.rtl.page-id-405 .footer__builder
[class*="social"] {
    direction: ltr !important;
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {

    body.rtl.page-id-405 .footer__builder {
        width: auto !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding: 0 !important;
    }
}



/* RTL - Page 405 Only */
@media (min-width: 1201px) {

    body.rtl.page-id-405 .qrt-app .qrt-content .qrt-half-content-frame .qrt-left {
        width: calc(100% - 480px) !important;

        min-height: calc(100vh - 100px);

        margin-right: 0 !important;
        margin-left: 0 !important;

        position: relative;
        overflow: hidden;

        box-sizing: border-box;

        padding: 0 !important;
    }

}
/* =========================================================
   BAWADIKJI - ARABIC PROCESS STEPS
   Specific Widget Fix
   ========================================================= */


/* =========================================================
   DESKTOP + TABLET
   Widget ID: 96fa2d9
   ========================================================= */

@media (min-width: 768px) {

    html[dir="rtl"] .elementor-element-96fa2d9 .tp-process-steps-widget,
    body.rtl .elementor-element-96fa2d9 .tp-process-steps-widget {

        direction: ltr !important;

        width: 100% !important;

        max-width: 100% !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* لا تسمح للـ inline width
       أن يخرج العناصر خارج الـWidget */

    html[dir="rtl"] .elementor-element-96fa2d9
    .tp-process-steps-wrapper,

    body.rtl .elementor-element-96fa2d9
    .tp-process-steps-wrapper {

        box-sizing: border-box !important;

        direction: ltr !important;
    }


    /* =====================================================
       ترتيب العناصر
       ===================================================== */

    html[dir="rtl"] .elementor-element-96fa2d9
    .elementor-ps-content-0,

    body.rtl .elementor-element-96fa2d9
    .elementor-ps-content-0 {
        order: 4 !important;
    }


    html[dir="rtl"] .elementor-element-96fa2d9
    .elementor-ps-content-1,

    body.rtl .elementor-element-96fa2d9
    .elementor-ps-content-1 {
        order: 3 !important;
    }


    html[dir="rtl"] .elementor-element-96fa2d9
    .elementor-ps-content-2,

    body.rtl .elementor-element-96fa2d9
    .elementor-ps-content-2 {
        order: 2 !important;
    }


    html[dir="rtl"] .elementor-element-96fa2d9
    .elementor-ps-content-3,

    body.rtl .elementor-element-96fa2d9
    .elementor-ps-content-3 {
        order: 1 !important;
    }


    /* =====================================================
       العربي
       ===================================================== */

    html[dir="rtl"] .elementor-element-96fa2d9
    .tp-pro-step-desc,

    body.rtl .elementor-element-96fa2d9
    .tp-pro-step-desc {

        direction: rtl !important;

        text-align: center !important;

        font-family: 'Cairo', sans-serif !important;
    }


    html[dir="rtl"] .elementor-element-96fa2d9
    .tp-pro-step-desc p,

    body.rtl .elementor-element-96fa2d9
    .tp-pro-step-desc p {

        direction: rtl !important;

        text-align: center !important;

        font-family: 'Cairo', sans-serif !important;

        line-height: 1.8 !important;

        margin: 0 !important;
    }


    /* =====================================================
       الأيقونات تظل LTR
       ===================================================== */

    html[dir="rtl"] .elementor-element-96fa2d9
    .tp-ps-left-imt,

    html[dir="rtl"] .elementor-element-96fa2d9
    .tp-ps-icon-img,

    body.rtl .elementor-element-96fa2d9
    .tp-ps-left-imt,

    body.rtl .elementor-element-96fa2d9
    .tp-ps-icon-img {

        direction: ltr !important;
    }
}


/* =========================================================
   MOBILE
   Widget ID: 4c7fb4e
   ========================================================= */

@media (max-width: 767px) {

    html[dir="rtl"] .elementor-element-4c7fb4e
    .tp-process-steps-widget,

    body.rtl .elementor-element-4c7fb4e
    .tp-process-steps-widget {

        direction: rtl !important;

        width: 100% !important;

        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    html[dir="rtl"] .elementor-element-4c7fb4e
    .tp-process-steps-wrapper,

    body.rtl .elementor-element-4c7fb4e
    .tp-process-steps-wrapper {

        width: 100% !important;

        max-width: 100% !important;

        box-sizing: border-box !important;

        direction: rtl !important;
    }


    html[dir="rtl"] .elementor-element-4c7fb4e
    .tp-ps-right-content,

    body.rtl .elementor-element-4c7fb4e
    .tp-ps-right-content {

        direction: rtl !important;

        text-align: right !important;
    }


    html[dir="rtl"] .elementor-element-4c7fb4e
    .tp-pro-step-desc,

    html[dir="rtl"] .elementor-element-4c7fb4e
    .tp-pro-step-desc p,

    body.rtl .elementor-element-4c7fb4e
    .tp-pro-step-desc,

    body.rtl .elementor-element-4c7fb4e
    .tp-pro-step-desc p {

        direction: rtl !important;

        text-align: right !important;

        font-family: 'Cairo', sans-serif !important;

        line-height: 1.8 !important;
    }
}

/* =====================================================
   RTL - FIX FONT AWESOME ICONS
   WordPress Child Theme
   ===================================================== */

html[dir="rtl"] .tp-process-steps-widget i.fas,
body.rtl .tp-process-steps-widget i.fas {

    font-family: "Font Awesome 5 Free" !important;

    font-weight: 900 !important;

    font-style: normal !important;

    display: inline-block !important;

    visibility: visible !important;

    opacity: 1 !important;

    line-height: 1 !important;

    width: auto !important;

    height: auto !important;

    transform: none !important;
}


/* النجمة تحديدًا */

html[dir="rtl"] .tp-process-steps-widget i.fas.fa-star,
body.rtl .tp-process-steps-widget i.fas.fa-star {

    font-family: "Font Awesome 5 Free" !important;

    font-weight: 900 !important;

    color: #c5ad70 !important;

    display: inline-block !important;

    visibility: visible !important;

    opacity: 1 !important;
}


/* لو الـPlugin مستخدم Font Awesome 6 */

html[dir="rtl"] .tp-process-steps-widget i.fa-solid,
body.rtl .tp-process-steps-widget i.fa-solid {

    font-family: "Font Awesome 6 Free" !important;

    font-weight: 900 !important;

    display: inline-block !important;

    visibility: visible !important;

    opacity: 1 !important;
}

@media (min-width: 768px) {

    html[dir="rtl"] .elementor-element-96fa2d9
    .tp-process-steps-widget {

        direction: rtl !important;

        width: 100% !important;

        max-width: 100% !important;

        display: flex !important;

        flex-direction: row !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    html[dir="rtl"] .elementor-element-96fa2d9
    .tp-process-steps-wrapper {

        width: 25% !important;

        max-width: 25% !important;

        flex: 0 0 25% !important;

        box-sizing: border-box !important;
    }


    html[dir="rtl"] .elementor-element-96fa2d9
    .tp-pro-step-desc,
    
    html[dir="rtl"] .elementor-element-96fa2d9
    .tp-pro-step-desc p {

        direction: rtl !important;

        text-align: center !important;

        font-family: 'Cairo', sans-serif !important;
    }
}
body.rtl.page-id-405 .qrt-app .qrt-content .qrt-half-content-frame {
    display: flex !important;
    width: 100% !important;
    position: relative !important;
    background-color: #272727 !important;
}