/* RTL Support CSS for Arabic Version */

/* Font Awesome 6 Global Support - Both English and Arabic */
.fa,
.fas,
.far,
.fal,
.fab,
.fad,
.fa-solid,
.fa-regular,
.fa-light,
.fa-brands,
i[class*="fa-"],
span[class*="fa-"],
[class*="fa-"]:before,
[class^="fa-"]:before {
	font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands', 'FontAwesome' !important;
	font-style: normal !important;
}

/* Header Search Icon - Override uicons to use Font Awesome 6 (English & Arabic) */
.full-width-header .rs-header .expand-btn-inner ul .search-parent a i,
.full-width-header .rs-header .expand-btn-inner ul .search-parent a i:before,
.full-width-header .rs-header .expand-btn-inner ul .search-parent a.rs-search i,
.full-width-header .rs-header .expand-btn-inner ul .search-parent a.rs-search i:before {
	font-family: 'Font Awesome 6 Free', 'FontAwesome' !important;
	font-weight: 600 !important;
}

/* Search Bar Button Icon - Override uicons to use Font Awesome 6 */
.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form button i,
.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form button i:before {
	font-family: 'Font Awesome 6 Free', 'FontAwesome' !important;
	font-weight: 600 !important;
}

/* Search Bar Button Position RTL - Move to left side */
body[dir="rtl"] .full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form button {
	right: auto !important;
	left: 0 !important;
}

/* Search Bar Input Padding RTL - Add padding on right for icon */
body[dir="rtl"] .full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form input {
	padding-right: 50px !important;
	padding-left: 17px !important;
}

/* English version - Override uicons for search icon */
body:not([dir="rtl"]) .full-width-header .rs-header .expand-btn-inner ul .search-parent a i,
body:not([dir="rtl"]) .full-width-header .rs-header .expand-btn-inner ul .search-parent a i:before,
body:not([dir="rtl"]) .full-width-header .rs-header .expand-btn-inner ul .search-parent a.rs-search i,
body:not([dir="rtl"]) .full-width-header .rs-header .expand-btn-inner ul .search-parent a.rs-search i:before {
	font-family: 'Font Awesome 6 Free', 'FontAwesome' !important;
	font-weight: 600 !important;
}

.fas,
.fa-solid,
[class*="fa-"].fa-solid {
	font-weight: 900 !important;
}

.far,
.fa-regular,
[class*="fa-"].fa-regular {
	font-weight: 400 !important;
}

.fab,
.fa-brands,
[class*="fa-"].fa-brands {
	font-family: 'Font Awesome 6 Brands' !important;
	font-weight: 400 !important;
}

/* Droid Arabic Kufi Font */
/* Note: Droid Arabic Kufi is not available on Google Fonts anymore */
/* You can download the font files and add them locally, or use the CDN below */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700;800;900&display=swap');

/* Alternative: If you have Droid Arabic Kufi font files, use @font-face:
@font-face {
	font-family: 'Droid Arabic Kufi';
	src: url('../fonts/DroidArabicKufi-Regular.woff2') format('woff2'),
		 url('../fonts/DroidArabicKufi-Regular.woff') format('woff'),
		 url('../fonts/DroidArabicKufi-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Droid Arabic Kufi';
	src: url('../fonts/DroidArabicKufi-Bold.woff2') format('woff2'),
		 url('../fonts/DroidArabicKufi-Bold.woff') format('woff'),
		 url('../fonts/DroidArabicKufi-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
*/

html[dir="rtl"], 
body[dir="rtl"] {
	direction: rtl;
	text-align: right;
	/* Don't set font-family here to avoid overriding icons */
}

/* Apply Arabic font to text elements in RTL - Icons excluded below */
body[dir="rtl"] p,
body[dir="rtl"] h1,
body[dir="rtl"] h2,
body[dir="rtl"] h3,
body[dir="rtl"] h4,
body[dir="rtl"] h5,
body[dir="rtl"] h6,
body[dir="rtl"] span:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not([class*="fa-"]):not([class*="flaticon"]):not([class*="uicons"]),
body[dir="rtl"] div:not([class*="fa"]):not([class*="flaticon"]):not([class*="uicons"]),
body[dir="rtl"] a:not([class*="fa"]):not([class*="flaticon"]):not([class*="uicons"]),
body[dir="rtl"] li:not([class*="fa"]):not([class*="flaticon"]):not([class*="uicons"]),
body[dir="rtl"] td:not([class*="fa"]):not([class*="flaticon"]):not([class*="uicons"]),
body[dir="rtl"] th:not([class*="fa"]):not([class*="flaticon"]):not([class*="uicons"]),
body[dir="rtl"] input:not([class*="fa"]):not([class*="flaticon"]):not([class*="uicons"]),
body[dir="rtl"] textarea:not([class*="fa"]):not([class*="flaticon"]):not([class*="uicons"]),
body[dir="rtl"] button:not([class*="fa"]):not([class*="flaticon"]):not([class*="uicons"]),
body[dir="rtl"] label:not([class*="fa"]):not([class*="flaticon"]):not([class*="uicons"]) {
	font-family: 'Droid Arabic Kufi', 'Noto Sans Arabic', 'Arial', sans-serif !important;
}

/* Font Awesome 6 icons - Must be before text elements to override */
body[dir="rtl"] i.fa,
body[dir="rtl"] i.fas,
body[dir="rtl"] i.far,
body[dir="rtl"] i.fal,
body[dir="rtl"] i.fab,
body[dir="rtl"] i.fad,
body[dir="rtl"] i.fa-solid,
body[dir="rtl"] i.fa-regular,
body[dir="rtl"] i.fa-light,
body[dir="rtl"] i.fa-brands,
body[dir="rtl"] i[class*="fa-"],
body[dir="rtl"] span[class*="fa-"],
body[dir="rtl"] .fa,
body[dir="rtl"] .fas,
body[dir="rtl"] .far,
body[dir="rtl"] .fal,
body[dir="rtl"] .fab,
body[dir="rtl"] .fad,
body[dir="rtl"] .fa-solid,
body[dir="rtl"] .fa-regular,
body[dir="rtl"] .fa-light,
body[dir="rtl"] .fa-brands,
body[dir="rtl"] [class*="fa-"],
body[dir="rtl"] [class^="fa-"],
body[dir="rtl"] [class*="fa-"]:before,
body[dir="rtl"] [class^="fa-"]:before {
	font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands', 'FontAwesome' !important;
	font-style: normal !important;
	font-weight: 900 !important;
}

/* Font Awesome 6 Brands */
body[dir="rtl"] .fab,
body[dir="rtl"] .fa-brands,
body[dir="rtl"] i.fab,
body[dir="rtl"] i.fa-brands {
	font-family: 'Font Awesome 6 Brands' !important;
	font-weight: 400 !important;
}

/* Font Awesome 6 Regular */
body[dir="rtl"] .far,
body[dir="rtl"] .fa-regular,
body[dir="rtl"] i.far,
body[dir="rtl"] i.fa-regular {
	font-family: 'Font Awesome 6 Free' !important;
	font-weight: 400 !important;
}

/* Header Search Icon - Override uicons to use Font Awesome 6 */
.full-width-header .rs-header .expand-btn-inner ul .search-parent a i,
.full-width-header .rs-header .expand-btn-inner ul .search-parent a i:before {
	font-family: 'Font Awesome 6 Free', 'FontAwesome' !important;
	font-weight: 600 !important;
}

body[dir="rtl"] .full-width-header .rs-header .expand-btn-inner ul .search-parent a i,
body[dir="rtl"] .full-width-header .rs-header .expand-btn-inner ul .search-parent a i:before {
	font-family: 'Font Awesome 6 Free', 'FontAwesome' !important;
	font-weight: 600 !important;
}

/* Flaticon specific */
body[dir="rtl"] .flaticon,
body[dir="rtl"] [class*="flaticon-"],
body[dir="rtl"] [class*="flaticon-"]:before {
	font-family: 'Flaticon' !important;
}

/* Uicons specific */
body[dir="rtl"] .uicons,
body[dir="rtl"] [class*="uicons-"],
body[dir="rtl"] [class*="uicons-"]:before {
	font-family: 'uicons-regular-rounded' !important;
}

/* Menu RTL Fixes - Logo and Menu together */
body[dir="rtl"] .menu-area .row-table {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center;
}

/* Logo stays on left (first col-cell) */
body[dir="rtl"] .menu-area .row-table .col-cell.header-logo,
body[dir="rtl"] .menu-area .row-table .col-cell:first-child.header-logo {
	justify-content: flex-start !important;
	text-align: left !important;
	/* margin-right: 30px !important; */
}

/* Menu stays next to logo (second col-cell) */
body[dir="rtl"] .menu-area .row-table .col-cell:nth-child(2) {
	flex: 1;
	justify-content: flex-start !important;
	text-align: left !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

body[dir="rtl"] .menu-area .row-table .col-cell:nth-child(2) .rs-menu-area {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* Buttons stay on right (last col-cell) */
body[dir="rtl"] .menu-area .row-table .col-cell:last-child {
	justify-content: flex-end !important;
	text-align: right !important;
	flex-shrink: 0;
}

/* Buttons Container - Right Side */
body[dir="rtl"] .expand-btn-inner {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center;
	width: 100%;
}

body[dir="rtl"] .expand-btn-inner ul,
[dir="rtl"] .expand-btn-inner ul {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	justify-content: flex-end;
	gap: 18px;
}

body[dir="rtl"] .expand-btn-inner ul li {
	margin-left: 0 !important;
	margin-right: 30px !important;
	display: inline-block;
}

/* Menu Items RTL - override theme so Arabic menu has clear spacing (html or body dir="rtl") */
[dir="rtl"] .nav-menu,
body[dir="rtl"] .nav-menu {
	direction: rtl;
	text-align: right;
	display: flex !important;
	flex-wrap: nowrap !important;
	white-space: nowrap;
	align-items: center;
	justify-content: flex-start !important;
	gap: 0;
}

[dir="rtl"] .nav-menu li,
[dir="rtl"] .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li,
body[dir="rtl"] .nav-menu li,
body[dir="rtl"] .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li {
	float: none !important;
	display: inline-block !important;
	margin-right: 0 !important;
	margin-left: 28px !important;
	padding: 0 !important;
	white-space: nowrap;
}

[dir="rtl"] .nav-menu li:first-child,
body[dir="rtl"] .nav-menu li:first-child {
	margin-left: 0 !important;
}

[dir="rtl"] .nav-menu li a,
[dir="rtl"] .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a,
body[dir="rtl"] .nav-menu li a,
body[dir="rtl"] .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {
	margin-right: 0 !important;
	margin-left: 10px !important;
	white-space: nowrap;
	display: inline-block;
	padding: 0 !important;
}

body[dir="rtl"] .menu-item-has-children > a {
	padding-right: 0 !important;
	padding-left: 17px !important;
}

body[dir="rtl"] .menu-item-has-children > a:before {
	right: auto !important;
	left: 4px !important;
}

/* Logo - Left Side */
body[dir="rtl"] .header-logo {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: center;
	text-align: left !important;
}

body[dir="rtl"] .header-logo .logo-area {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

/* Padding and Margin RTL */
body[dir="rtl"] .pl-50 {
	padding-left: 0 !important;
	padding-right: 50px !important;
}

body[dir="rtl"] .pr-50 {
	padding-right: 0 !important;
	padding-left: 50px !important;
}

body[dir="rtl"] .md-pl-15 {
	padding-left: 0 !important;
	padding-right: 15px !important;
}


/* Text Alignment RTL */
body[dir="rtl"] .text-lg-start {
	text-align: right !important;
}

body[dir="rtl"] .text-lg-end {
	text-align: left !important;
}

/* body[dir="rtl"] .text-center {
	text-align: center !important;
} */

/* Slider RTL - Text Position Bottom Right */
body[dir="rtl"] .rs-slider.slider-style1 .slider .slider-item .slider-inner {
	justify-content: flex-end !important;
	align-items: flex-end !important;
}

/* Arabic Text - Top Left in RTL */
body[dir="rtl"] .slider-text-arabic {
	right: auto !important;
	left: 20px !important;
	top: 20px !important;
}

/* English Text - Right Side in RTL */
body[dir="rtl"] .rs-slider.slider-style1 .slider .slider-item .slider-inner .content-part {
	left: auto !important;
	right: 20px !important;
	text-align: right !important;
}

/* Slider RTL */
body[dir="rtl"] .slick-slider {
	direction: rtl;
}

body[dir="rtl"] .slick-prev {
	right: -25px;
	left: auto;
}

body[dir="rtl"] .slick-next {
	left: -25px;
	right: auto;
}

body[dir="rtl"] .slick-prev:before {
	content: '→';
}

body[dir="rtl"] .slick-next:before {
	content: '←';
}

/* Owl Carousel RTL */
body[dir="rtl"] .owl-carousel {
	direction: rtl;
}

body[dir="rtl"] .owl-carousel .owl-stage {
	direction: rtl;
}

body[dir="rtl"] .owl-carousel .owl-item {
	direction: rtl;
}

body[dir="rtl"] .owl-carousel .owl-nav .owl-prev {
	right: -50px;
	left: auto;
}

body[dir="rtl"] .owl-carousel .owl-nav .owl-next {
	left: -50px;
	right: auto;
}

/* Images visibility RTL */
body[dir="rtl"] .rs-carousel img,
body[dir="rtl"] .logo-img img,
body[dir="rtl"] .team-item-wrap img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	max-width: 100%;
	height: auto;
}

/* Animation RTL */
body[dir="rtl"] .wow.fadeInLeft {
	animation-name: fadeInRight;
}

body[dir="rtl"] .wow.fadeInRight {
	animation-name: fadeInLeft;
}

/* Button Styles RTL - keep space between language button and search */
body[dir="rtl"] .btn-quote,
[dir="rtl"] .expand-btn-inner ul .btn-quote {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-inline-start: 18px !important;
}

body[dir="rtl"] .quote-button {
	display: inline-block;
	text-align: center;
}

/* Search Button RTL */
body[dir="rtl"] .search-parent {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Hamburger Menu RTL */
body[dir="rtl"] .humburger {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Counter Section RTL - Same as English but flipped */
body[dir="rtl"] .rs-counter .row.y-middle > .row {
	display: flex !important;
	flex-direction: row !important;
	direction: rtl;
}

body[dir="rtl"] .rs-counter .row.y-middle > .row > div {
	direction: rtl;
}

body[dir="rtl"] .rs-counter-list {
	text-align: center;
	direction: rtl;
	position: relative;
}

body[dir="rtl"] .count-text {
	direction: rtl;
	text-align: center;
	/* display: flex; */
	flex-direction: column !important;
	align-items: center;
	justify-content: center;
	text-align: right;
}

/* Counter number on top, text below */
body[dir="rtl"] .count-number {
	direction: ltr;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px !important;
}

body[dir="rtl"] .count-text .title {
	display: block;
	margin-top: 0;
}

body[dir="rtl"] .count-number .rs-count {
	direction: ltr;
}

body[dir="rtl"] .count-number .prefix {
	direction: ltr;
	margin-right: 0;
	margin-left: 0;
}

/* Counter shadow effect - flipped for RTL */
body[dir="rtl"] .rs-counter.counter-style1.counter-modify1 .rs-counter-list:before {
	position: absolute;
	content: '';
	right: 2px !important;
	left: auto !important;
	top: 6px;
	bottom: 0;
	width: 70px;
}

/* Counter in About Section RTL */
body[dir="rtl"] #rs-about .rs-counter-list {
	text-align: center;
	direction: rtl;
	position: relative;
	padding: 16px 0px 19px 0px !important;
}

/* body[dir="rtl"] #rs-about .rs-counter-list:before {
	position: absolute;
	content: '';
	right: 2px !important;
	left: auto !important;
	top: 6px;
	bottom: 0;
	width: 70px;
	background: #021f455c;
	height: 125px;
} */

body[dir="rtl"] #rs-about .count-text {
	display: flex;
	flex-direction: column !important;
	align-items: center;
	text-align: center;
}

body[dir="rtl"] #rs-about .count-number {
	order: 1;
	margin-bottom: 6px;
}

body[dir="rtl"] #rs-about .count-number .rs-count {
	font-size: 36px !important;
	line-height: 60px !important;
	font-weight: 700 !important;
	color: #021f45 !important;
	font-family: "Roboto", Sans-serif !important;
}

body[dir="rtl"] #rs-about .count-number .prefix {
	font-size: 42px !important;
	line-height: 60px !important;
	font-weight: 700 !important;
	color: #021f45 !important;
	font-family: "Roboto", Sans-serif !important;
}

body[dir="rtl"] #rs-about .count-text .title {
	order: 2;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 24px !important;
	color: #010d14 !important;
	margin-top: 6px;
}

/* Responsive RTL */
@media (max-width: 991px) {
	body[dir="rtl"] .menu-area .row-table {
		flex-wrap: wrap;
	}
	
	body[dir="rtl"] .menu-area .row-table .col-cell:first-child {
		order: 1 !important;
		width: 100%;
		justify-content: flex-start;
	}
	
	body[dir="rtl"] .menu-area .row-table .col-cell:nth-child(2) {
		order: 3 !important;
		width: 100%;
	}
	
	body[dir="rtl"] .menu-area .row-table .col-cell.header-logo {
		order: 2 !important;
		width: auto;
	}
}

.form-pd{
	padding-left: 50px;
	padding-right: 0;
}
.rs-contact.contact-style1 .contact-box-item .contact-box .content-text {
    padding: 0px 15px 0px 0px;
}
.rs-footer.footer-main-home .footer-top .footer-social li {
    display: inline-block;
    margin-left: 19px;
	margin-right: 0;
}