@import url('https://fonts.googleapis.com/css2?family=Jali+Arabic:wght@400;500;700&display=swap');

html[lang="ar"] {
  font-family: 'Jali Arabic', sans-serif !important;
}
:dir(rtl)  {
	body {
		font-family: 'Jali Arabic', sans-serif !important;
	}
}
.nav-link {
	text-decoration: underline !important;
}
.nav-link:focus {
	 color: #000000 !important;
 border-radius: 6px !important;
}
:dir(rtl) { 
	.header__sticky .navbar .dropdown-menu {
		min-width: 180px !important;
    padding: 10px 3px !important;
    border-radius: 9px !important;
	}
	.header .nav-wrap .navbar .navbar-collapse .navbar-nav .nav-item a {
		text-align: start !important;
	}
	.nav-link:focus, .nav-link:hover {
		color: #000000 !important;
	}

	.nav-link .dropdown-menu[data-bs-popper] {
		    right: 0 !important;
    left: auto !important;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		text-align: start !important;
    font-size: 14px !important;
	}
	.menu-item .nav-link {
		text-align
	}
	.slider-btn .btn-arrow-circle button img {
		ransform: rotate(180deg) !important;
	}
	.header .nav-right .nav-right-ul li {
		    display: flex;
    align-items: center;
    gap: 5px;
	}
	.banner .banner-shape {
	    left: auto !important;
    right: 0 !important;
		transform: scaleX(-1) !important;
	}
	.banner img.banner-img {
		    right: 0 !important;
    left: auto !important;
    transform: scaleX(-1) !important;
	}
	.header .logo-wrap {
		        margin-right: 0px !important;
		margin-left: 30px !important;
	}
	body .banner {
		align-items: center !important;
	}
	.dropdown-toggle::after {
		    margin-right: .555em !important;
		    margin-left: 0px !important;
	}
	.banner h1,
.banner .wrap p {
		    color: #231f20 !important
	}
	.lazyblock-consultation-banner-block-2wC87f  .banner h1 {
		    color: #ffffff !important;
        margin-top: 30%;
	}
.lazyblock-consultation-banner-block-2wC87f  .banner p {
		    color: #ffffff !important
	}
.lazyblock-consultation-banner-block-2gcTpC  .banner h1 {
		    color: #ffffff !important;
        margin-top: 30%;
	}
.lazyblock-consultation-banner-block-2gcTpC  .banner p {
		    color: #ffffff !important
	}
	a.more .more-wrap span {
		margin-left: 0px !important;
		margin-right: 10px !important;
	}

	a.more {
		padding: 8px 20px 8px 20px !important;
		color: #231f20 !important;
		    border: 1px solid #231f20;
	}
	.services .owl-services .item .inner {
		    flex-direction: row-reverse;
	}
	.services .owl-services .item .inner .icon {
		    margin-left: 15px !important;
    flex-shrink: 0;
    margin-right: 0px !important;
	}
	.lazyblock-consultation-banner-block-2wC87f a.more {
		        color: #fff !important;
        border: 1px solid #fff;
	}
.lazyblock-consultation-banner-block-2gcTpC a.more {
		        color: #fff !important;
        border: 1px solid #fff;
	}
	.statistic .custom-outer {
		    float: right !important;
	}
	.statistic .right .inner {
		    margin-left: 0px !important;
		    margin-right: 100px !important;
	}
	.statistic .right .box-wrap {
		left: 70px !important;
right: 70px !important;
	}
	.managed-property .right .swiper-slide {
		    margin-left: 24px !important;
margin-right: 0px !important;
	}
	.managed-property .right {
		    padding-right: 80px !important;
padding-left: 0px !important;
	}
	.dev-service .custom-outer {
		float: right !important;
	}
	.contact .container .custom-outer {
		float: right !important;
	}
	.contact .container .custom-outer .contact-left {
		    padding: 50px 12px 50px 50px !important;
	}
	.resources .listings a.more {
		    max-width: 149px !important;
	}
	.resources .listings .inner ul {
		    padding-right: 35px !important;
padding-left: 0px !important;
margin: 0px !important;
	}
.banner {
  &::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    pointer-events: none;
            z-index: 1 !important;
  }
}


}
.statistic .box {
	display: none;
}
.navbar-collapse #menu-group-header-menu .menu-item a {
	    font-size: 14px !important;
}
.banner .wrap {
	padding-left: 0px !important;
}
.lazyblock-group-machineries-Z1gtoqF.wp-block-lazyblock-group-machineries {
	    overflow-x: hidden;
}
section.testimonials {
	    overflow-x: hidden;
}
.header .nav-right .nav-right-ul {
	    align-items: center;
}

@media (min-width: 200px) and (max-width: 768px) {
	body {
		
	}
	.header__sticky  {
		background:linear-gradient(to bottom, rgba(0, 0, 0, 0.65), rgb(0 0 0 / 42%) 40%, rgb(0 0 0 / 13%) 79%, #00000000) !important;
	}
	footer .foot-logo {
		    width: 100% !important;
	}
	footer .foot-logo .inner {
		        justify-content: center !important;
	}
	.foot-box:nth-child(4){
    width: 100% !important;
}
:dir(rtl) {  
	.lazyblock-consultation-banner-block-2gcTpC .banner p {
		        font-size: 13px !important;
					text-align: center !important;
	}
	.lazyblock-consultation-banner-block-2gcTpC .banner h1 {
		text-align: center !important;
        font-size: 24px !important;
        margin-top: 42vh !important;
	}
	.banner .wrap {
		display: flex;
flex-direction: column;
            justify-content: center;
            align-items: center;
	}
	.banner .wrap a.more {
		width: max-content;
	}
	}

}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
:dir(rtl) {  
	.lazyblock-consultation-banner-block-2gcTpC .banner p {
		        font-size: 16px !important;
					text-align: center !important;
	}
	.lazyblock-consultation-banner-block-2gcTpC .banner h1 {
		text-align: center !important;
        font-size: 32px !important;
        margin-top: 42vh !important;
	}
	.banner .wrap {
		display: flex;
flex-direction: column;
            justify-content: center;
            align-items: center;
	}
	.banner .wrap a.more {
		width: max-content;
	}
	}
		.header {
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0.65), rgb(0 0 0 / 42%) 40%, rgb(0 0 0 / 13%) 79%, #00000000);
	}
	.lazyblock-group-property-NiodF.wp-block-lazyblock-group-property {
		overflow-x: hidden;
	}
		footer .foot-logo {
		    width: 100% !important;
	}
	footer .foot-logo .inner {
		        justify-content: center !important;
	}
	.foot-box:nth-child(2),
	.foot-box:nth-child(3),
	.foot-box:nth-child(4){
    width: 33% !important;
}
	.banner .wrap {
			padding-left: 0px !important;
	}
	.statistic .right .box-wrap {
		left: 0;
        right: 0;
        margin: auto;
        display: flex;
        gap: 20px;
        justify-content: center;
	}
	.header .nav-wrap .navbar .navbar-collapse .navbar-nav .nav-item a {
		    padding: 5px 10px !important;
	}
	.dev-service .left .inner ul {
		    margin-left: 20px !important;
	}
}


/* Laptop */
@media (min-width: 1025px) and (max-width: 1439px) {
	.dropdown-toggle::after {
		    margin-left: .555em !important;
	}
	.lazyblock-group-property-NiodF.wp-block-lazyblock-group-property {
		overflow-x: hidden;
	}
	.dev-service .left .inner ul {
		    margin-left: 20px !important;
	}
	.header {
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0.65), rgb(0 0 0 / 42%) 40%, rgb(0 0 0 / 13%) 79%, #00000000);
	}
	
}

/* Desktop */
@media (min-width: 1440px) {
	.menu-item .dropdown-toggle::after {
		    margin-left: .555em !important;
	}
	.menu-item .dropdown-toggle::after {
		vertical-align: .155em !important;
	}
		.header {
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), rgb(0 0 0 / 42%) 40%, rgb(0 0 0 / 13%) 79%, #00000000);
	}
	.dev-service .left .inner ul {
		    margin-left: 20px !important;
	}
		footer .foot-logo::before {
		left: -310px !important;
	}
	
}

:dir(rtl) {  
	@media (min-width: 200px) and (max-width: 768px) {
		.header .nav-wrap .navbar .navbar-toggler {
			        left: 12px !important;
        			right: auto !important;
		}
		.header .nav-right {
			padding-left: 70px !important;
			padding-right: 0px !important;
		}
.statistic .right .inner {
		        margin-right: 0px !important;
	}
		.managed-property .right {
			        padding-right: 0px !important;
        padding-left: 0px !important;
		}
	}
@media (min-width: 768px) and (max-width: 1024px) {
.managed-property .right {
        padding-right: 30px !important;
        padding-left: 0px !important;
    }
    .dev-service .left .inner ul {
        margin-right: 20px !important;
    }
	.statistic .right .inner {
		        margin-right: 0px !important;
	}
	.contact .container .custom-outer .contact-left {
		        padding: 44px 5px 45px 5px !important;
	}
}
@media (min-width: 1025px) and (max-width: 1439px) {
    .dev-service .left .inner ul {
        margin-right: 20px !important;
    }
}
@media (min-width: 1440px) {
    .dev-service .left .inner ul {
        margin-right: 20px !important;
    }
	footer .foot-logo::before {
		    left: 15px !important;
right: auto !important;
	}
}
}