/* ---------- RTL Overrides ---------- */

body.rtl {
	direction: rtl;
	text-align: right;
    font-family: 'Tajawal', sans-serif;

}

body.rtl .tt-header-inner {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
}

body.rtl .tt-header-col-left,
body.rtl .tt-header-col-right {
	text-align: initial;
}

/* buttons and toggles */
body.rtl .tt-m-menu-toggle-btn-text {
	text-align: right;
}

body.rtl .tt-btn {
	direction: rtl;
	text-align: center;
}

/* if you have any data-hover behavior */
body.rtl [data-hover]::after {
	direction: rtl;
	text-align: right;
}

/* optional: switcher and icon alignment */
body.rtl .tt-style-switch-inner {
	flex-direction: row-reverse;
}

/* Fix for logo if needed */
body.rtl .tt-logo {
	text-align: right;
}

/* mobile/responsive menu fixes */
@media (max-width: 991px) {
	body.rtl .tt-main-menu-inner {
		text-align: right;
	}
}

/* قلب ترتيب أعمدة الهيدر */
body.rtl .tt-header-inner {
  flex-direction: row-reverse;
}

/* قلب ترتيب عناصر الهيدر */
body.rtl .tt-header-col-left {
  justify-content: flex-end;
}
body.rtl .tt-header-col-center {
  justify-content: center;
}
body.rtl .tt-header-col-right {
  justify-content: flex-start;
}

/* قلب المارجن للقائمة */
body.rtl .tt-main-menu-list > li {
  margin-left: 55px;
  margin-right: 0;
}

@media (max-width: 1400px) {
  body.rtl .tt-main-menu-list > li {
    margin-left: 30px;
    margin-right: 0;
  }
}

/* الخط تحت كل عنصر بالقائمة */
body.rtl .tt-main-menu-list > li > a::before {
  left: auto;
  right: 0;
}

/* قلب موقع السهم في السب منيو */
body.rtl .tt-submenu-trigger > a::after {
  right: auto;
  left: -8px;
}

/* السب منيو */
body.rtl .tt-submenu {
  left: auto;
  right: 0;
  text-align: right;
}

/* السب منيو المتداخل */
body.rtl .tt-submenu .tt-submenu-wrap > .tt-submenu {
  left: auto;
  right: 100%;
}

/* المارجن لقائمة السب منيو */
body.rtl .tt-submenu-list {
  margin: 0 20px 0 0;
}

/* الموبايل: قلب الاتجاه */
@media (max-width: 1024px) {
  body.rtl .tt-main-menu {
    right: 0;
    left: auto;
  }

  body.rtl .tt-main-menu-list {
    text-align: right;
  }

  body.rtl .tt-submenu-list {
    margin: 0 20px 0 0;
  }

  body.rtl .tt-m-caret {
    left: auto;
    right: 100%;
  }

  body.rtl .tt-submenu-trigger .tt-submenu-trigger-m {
    left: auto;
    right: 0;
  }

  body.rtl .tt-m-menu-toggle-btn-text {
    text-align: left;
    padding-left: 2px;
    padding-right: 0;
  }
}

/* RTL: Header layout-2 adjustments */
body.rtl #tt-header.tt-header-alter .tt-header-inner {
	justify-content: space-between;
	flex-direction: row-reverse;
}

body.rtl #tt-header.tt-header-alter .tt-header-col-left {
	justify-content: flex-end;
}

body.rtl #tt-header.tt-header-alter .tt-header-col-center {
	margin-right: 0;
	margin-left: 0;
}

body.rtl #tt-header.tt-header-alter .tt-header-col-right {
	flex-direction: row;
	margin-right: 0;
	margin-left: auto;
}

/* لو كان عندك كذا */
.magnetic-wrap .ball-label {
	left: 100%;
}

/* وقتها نضيف للـ RTL */
body.rtl .magnetic-wrap .ball-label {
	left: auto;
	right: 100%;
}

/* RTL: زر المينيو في الموبايل */
body.rtl #tt-m-menu-toggle-btn-wrap {
	flex-direction: row-reverse;
}

body.rtl .tt-m-menu-toggle-btn-holder {
	float: right;
}

body.rtl .tt-m-menu-toggle-btn-text {
	float: right;
	padding-left: 2px;
	padding-right: 0;
	text-align: left;
}

/* End of RTL header adjustments */

/* start hero */
.ph-caption-title span {
	display: block;
	line-height: 1.5;
}

/* X Banner Section - RTL Support */
.tt-scrolling-text-crossed {
    direction: rtl;
}

.tt-scrolling-text-crossed-inner {
    text-align: right;
}

.tt-scrt-inner {
    display: flex;
    justify-content: flex-end;
}

.tt-scrt-content {
    text-align: right;
}

body.rtl #page-header.ph-cap-sm .ph-caption-title {
	line-height: 1.4;
}
body.rtl #page-header.ph-cap-lg .ph-caption-title {
	line-height: 1.45;
}
body.rtl #page-header.ph-cap-xlg .ph-caption-title {
	line-height: 1.5;
}
body.rtl #page-header.ph-cap-xxlg .ph-caption-title {
	line-height: 1.55;
}
body.rtl #page-header.ph-cap-xxxlg .ph-caption-title {
	line-height: 1.6;
}
body.rtl #page-header.ph-cap-xxxxlg .ph-caption-title {
	line-height: 1.6;
}

body.rtl .tt-big-arrow svg {
	transform: scaleX(-1);
	transform-origin: center;
}