/*  
	https://baniyas.ae/
	arabic.css
	Last modified - 27 Aug 2024
*/
@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap");

:root {
	--ff-brand: "Almarai", sans-serif;
	--fw-light: 300;
	--fw-regular: 400;
	--fw-medium: 700;
	--fw-semibold: 800;
}

body {
	font-family: var(--ff-brand);
	direction: rtl;
}

.lg-outer,
.numberLtr,
.iti{
	direction: ltr;
}

.header__main .btn--topmenu:before {
	right: auto;
	left: 0;
}

.header__main .btn--topmenu:hover:before,
.primary__nav .sub__menu .menu__list a::after {
	left: auto;
	right: 0;
}

.primary__nav .has--sub__menu.drop--open .nav__item__main::after {
	transform: rotate(225deg);
}

@media (min-width: 1200px) {
	.primary__nav .sub__menu {
		left: auto;
		right: 0;
	}
}

@media (max-width: 1200px) {
	nav {
		left: auto;
		right: 0;
		transform: translateX(calc(var(--nav-sidebar-width) * 1));
	}
}

.swiper-rtl .slider__nav {
	flex-direction: row-reverse;
}

.baniyas-properties .wrapper:nth-of-type(even) .content-wrap {
	left: auto;
	right: -10%;
}

@media (max-width: 1200px) {
	.baniyas-properties .wrapper:nth-of-type(odd) .content-wrap {
		left: 0px;
	}
}

@media (max-width: 900px) {
	.baniyas-properties .wrapper:nth-of-type(even) .content-wrap {
		right: 0;
	}
}

.whatsapp-link {
	right: auto;
	left: 20px;
}

.form__group select,
.contact-form-box .form__group select {
	background-position: left 15px center;
}

.form__group .btn svg {
	transform: scaleX(-1);
}

.pagination ul li.PagedList-skipToPrevious a:after {
	transform: rotate(135deg);
	left: 15px;
}

.pagination ul li.PagedList-skipToNext a:after {
	transform: rotate(315deg);
	left: 20px;
}

.btn--line::after,
.job-apply {
	right: auto;
	left: 0;
}

.btn--line:hover:after {
	right: 0;
	left: auto;
	width: 100%;
}

.job-list-wrap .job-list .list .top-box::after {
	left: auto;
	right: 0;
}

@media (min-width: 1200px) {
	.new-project .banner__caption .banner__title {
		width: 60%;
	}
	.video--banner h1 {
		max-width: 50%;
		text-align: center;
		margin-bottom: 0;
	}
}
@media (min-width:600px) {
	.video--banner h1 {
		text-align: center;
	}
}