/*body{
	background-color: black !important;
}*/


@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@500;600&family=Noto+Naskh+Arabic&display=swap');


.elementor-field-type-upload.elementor-field-group {
    border-bottom: 1px solid #d69e16;
    padding-bottom: 15px;
}

body.rtl .option-menu li.phone {
    direction: ltr;
}
body.rtl .option-menu li.phone a {
    display: inline-flex;
    align-items: baseline;
    flex-direction: row-reverse;
}
body.rtl .option-menu li.phone img {transform: scaleX(-1);}

body.rtl .search-bar input[type=submit] {
    float: left;
    margin-left: 52px;
    margin-right: 0;
}

body.rtl .dot-mar h2:before {
    left: unset;
    right: 0;
} 

/*---- HEADER CSS STARTS -----*/

body.rtl .menu-bar {
    right: unset;
    left: 0;
    transform: scaleX(-1);
}
body.rtl .menu-screen {
    right: unset;
    left: 0;
}

body.rtl #header .header-right {
    text-align: left;
}

body.rtl .icons-banner-s ul, body.rtl .home-slider ul.elementor-icon-list-items {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
body.rtl .icons-banner-s ul li a span, body.rtl .home-slider ul.elementor-icon-list-items li a span{
    position: relative !important;
    right: 3px;
}

body.rtl .option-menu ul li {
    padding-right: 25px;
    padding-left: 0;
}
body.rtl .men-icon img.show {
    padding-right: 50px;
    padding-left: 0;
}
body.rtl .option-menu img {
    margin-left: 10px;
    margin-right: 0;
}
body.rtl .header-right li {
    padding-left: 0;
    padding-right: 25px;
}

body.rtl #wp-megamenu-header-menu>.wpmm-nav-wrap ul.wp-megamenu>li ul.wp-megamenu-sub-menu li a {
    font-size: 14px;
}

ul#menu-ser-menu-arabic li > a {
    font-size: 16px !important;
}

/*---- HEADER CSS ENDS -----*/


/*----- HOME SLIDER CSS STARTS -----*/
body.rtl .demo-post-wrapper {
    direction: ltr;
}
body.rtl .Slide-image-box {
    transform: scaleX(-1);
}
body.rtl .home-slider .demo-post-wrapper .slide-hover {
    right: unset;
    left: 0;
}
body.rtl .home-slider .demo-post-wrapper .Slide-content-box {
    margin-left: 0;
    margin-right: 10.5%;
    right: 0;
    text-align: right;
}
body.rtl .home-slider .demo-post-wrapper .Slide-content-box p {
    text-align: right;
}
body.rtl .home-slider .demo-post-wrapper ul.slick-dots {
    left: unset;
    right: 10.2%;
    text-align: right;
}

/*----- HOME SLIDER CSS ENDS -----*/


/*---- SERVICE SECTION CSS STARTS ----*/
body.rtl .services-wrapper .services-area .left span {
    left: unset;
    right: 0;
    top: 0;
    font-size: 150px;
}
body.rtl .services-wrapper .services-area .left {
    padding: 0 160px 0px 90px;
    margin-top: 300px;
    position: relative;
}

body.rtl .nst-ser .cus-tab li.active:before {
    right: unset;
    left: -40px;
}

/*---- SERVICE SECTION CSS ENDS ----*/


/*------ ABOUT AFKAR CSS STARTS ------*/
body.rtl .sect-4 .abt-count-box .elementor-counter-title {
    text-align: right;
}
body.rtl .sect-4 .count-column:after {
    right: unset;
    left: 40px;
}

/*------ ABOUT AFKAR CSS ENDS ------*/

/*------- FEATURED GALLERY CSS STARTS ------*/
body.rtl .nst-project {
    direction: ltr;
}
body.rtl .FeaturedProjects-post-area .content {
    text-align: right;
    left: unset;
    right: 40px;
    padding-left: 40px;
}

/*------- FEATURED GALLERY CSS ENDS ------*/

/*----- OUR CLIENTS AND PARTNERS CSS STARTS -----*/
body.rtl .nst-clients {
    direction: ltr;
}
body.rtl .a2-arrow {
    direction: ltr;
}
body.rtl .sect-6 .a2-arrow {
    right: unset;
    left: 25.2%;
}

/*----- OUR CLIENTS AND PARTNERS CSS STARTS -----*/


/*---- LATEST NEWS SECTION CSS STARTS -----*/
body.rtl .nst-blog, body.rtl .md-blog, body.rtl .nw-blog {
    direction: ltr;
}
body.rtl .event_cover {
    text-align: right;
}

body.rtl .blog-category-wrapper .viewBtn {
    margin-right: 0;
    margin-left: 120px;
}
body.rtl .event-arrow {
    direction: ltr;
}
body.rtl .sect-5 .event-arrow {
    right: unset;
    left: 15%;
}


body.rtl.single-blog .single-post-wrapper .date .date-left {
    margin-right: 0;
    margin-left: 23px;
}

/*---- LATEST NEWS SECTION CSS ENDS -----*/

.clear {
    clear: both;
}


/*---- FOOTER CSS STARTS ------*/

.widget_text {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.rtl .nst-footer .nst-box.c4 ul li:before {
    left: unset;
    right: 0;
}
body.rtl .nst-footer .nst-box.c4 ul li {
    padding-left: 0 !important;
    padding-right: 12%;
}

body.rtl .nst-footer .nst-box {
    padding-left: 0;
    padding-right: 40px;
}


ul.social-icon-s {
    margin: 0;
    padding: 0;
}
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h3 span{
    font-family: 'Noto Kufi Arabic' !important;
}
body.rtl p, body.rtl li, body.rtl a, body.rtl span{
    font-family: 'Noto Naskh Arabic', serif !important;
}
body.rtl .search-bar input {
    font-family: 'Noto Naskh Arabic', serif !important;
}
body.rtl .nst-footer .nst-box li.phone {
    direction: ltr !important;
}

body.rtl .job-list-sect .search_location input,
body.rtl .job-list-sect .search_keywords input,
body.rtl .job-list-sect ul.job_types li label{
    font-family: 'Noto Naskh Arabic', serif !important;
}

/*---- FOOTER CSS ENDS ------*/

/*------ CONTACT PAGE CSS STARTS ------*/

.imageflip {
    transform: scaleX(-1);
}
.imageflip .elementor-container {
    transform: scaleX(-1);
}
.arabic-social::before {
    content: "وسائل التواصل الاجتماعي :";
    margin-right: 0;
    margin-left: 30px;
    font-family: 'Noto Naskh Arabic', serif !important;
}
.phone-arabic p.elementor-image-box-description {
    direction: ltr;
}



/*------ CONTACT PAGE CSS ENDS ------*/


/*---- ABOUT PAGE CSS STARTS ------*/

body.rtl .about-build .build-inner2 .elementor-element.elementor-element-6a3bd0d > .elementor-element-populated {
    padding: 0 12% 0 0 !important;
}
body.rtl .about-build .about-inner3 .abt-count-box .elementor-counter-title {
    text-align: right;
}

body.rtl .about-build .about-inner3 .count-column:after {
    right: unset;
    left: 0;
    margin-right: 0px;
    margin-left: 30px;
}

body.rtl .about-build .about-inner3 > .elementor-container .elementor-row {
    padding-left: 0;
    padding-right: 70px;
}


body.rtl .about-build .build-inner2 h2 img {
    margin-right: 0;
    margin-left: 12px;
}


body.rtl .nst-team-slider {
    direction: ltr;
}
body.rtl .nst-team-slider .slick-slide {
    float: left;
}

body.rtl .about-build .build-inner2 .dot-mar h2:hover:after {
    left: -20px;
    top: 0;
    background-position: right;
}
.about-build .build-inner2 .dot-mar.focus h2:hover:after {
    background-image: url(/wp-content/uploads/2021/11/Focus.png);
}

/*---- ABOUT PAGE CSS ENDS  ------*/


/*----- CAREERS PAGE CSS STARTS ------*/

body.rtl span.geekmark {
    left: unset;
    right: 0;
}
body.rtl .job-list-sect ul.job_listings li .position {
    float: right;
}
body.rtl .job-list-sect ul.job_listings li .location {
    float: right;
    text-align: right;
    font-family: 'Noto Naskh Arabic', serif !important;
}

body.rtl .single_job_listing .meta li.apply-btn {
    float: left;
}

.arabic-btn{
	display:none !important;
}
body.rtl .english-btn{
	display:none !important;
}
body.rtl .arabic-btn {
    display: inline-block !important;
}

/*----- CAREERS PAGE CSS ENDS ------*/


/*----- GALLERY PAGE CSS STARTS -----*/

body.rtl .project-page .port-content {
    margin-left: 0;
    margin-right: 28px;
}
body.rtl .project-page .test-post-area:hover .more-btn{
    margin-left: 0;
    margin-right: 28px;
}

body.rtl .project-page .more-btn a:after {
    right: 0;
	left: unset;
}


.english-banner{
	display:block;
}
.arabic-banner{
	display:none;
}

body.rtl .english-banner{
	display:none;
}
body.rtl .arabic-banner{
	display:block;
}


body.rtl .nst1-project {
    direction: ltr;
}
body.rtl .media-post-wrapper .slick-slider .slick-slide {
    float: left;
}
body.rtl .media-post-wrapper .slick-slider {
    direction: ltr;
}

/*----- GALLERY PAGE CSS ENDS -----*/


/*---- SERVICES PAGE CSS STARTS -----*/


/*body.rtl .Section-color .elementor-text-editor ul{
    padding-right: 10px;
}
body.rtl .Section-color .elementor-text-editor ul li {
    list-style: arabic-indic !important;
}*/

body.rtl .Section-color .elementor-text-editor ul li::before,
body.rtl .Section-color .elementor-text-editor ol li::before  {
    left: unset;
    right: 0;
    content: counter(alphabet, arabic-indic) ". ";
}
body.rtl .Section-color .elementor-text-editor ul li,
body.rtl .Section-color .elementor-text-editor ol li  {
    padding-left: 0;
    padding-right: 50px;
}
body.rtl .Main-section .subservices ul li{
	letter-spacing: 0;
}

/*---- SERVICES PAGE CSS ENDS -----*/


/*----- ALL FORMS ON WEBSITE ------*/
span.elementor-message.elementor-message-danger.arabic{
	display:none;
}
body.rtl span.elementor-message.elementor-message-danger.english{
	display:none;
}
body.rtl span.elementor-message.elementor-message-danger.arabic {
    display: block;
}

body.rtl input#form-field-email, body.rtl input#form-field-field_a33ef5e {
    text-align: right;
    direction: ltr;
}

/*----- ALL FORMS ON WEBSITE ------*/


/*------ MEDIA QUERIES CSS STARTS ------*/

@media only screen and (max-width: 1536px) and (min-width: 1025px){
	body.rtl .home-slider .demo-post-wrapper .Slide-content-box {
		margin-right: 8.5%;
	}
}


@media only screen and (max-width: 1680px) and (min-width: 1366px){

	body.rtl .sec-left .elementor-column-wrap {
		padding-right: 50px !important;
		padding-left: 0px !important;
	}
	body.rtl .sec-right .elementor-column-wrap {
		padding-left: 80px !important;
		padding-right: 0 !important;
	}
	
	body.rtl .services-wrapper .services-area .left {
		padding: 0 100px 0px 50px;
		margin-top: 280px;
	}
	body.rtl .services-wrapper .services-area .left span {
		font-size: 110px;
	}
	
	body.rtl .sect-4 .count-column {
		position: relative;
		width: auto !important;
	}
	body.rtl .sect-4 .count-column:after {
		position: relative;
		margin: 0 30px 0 15px !important;
	}
	body.rtl .sect-4 .count-column:after {
		left: 20px;
	}
	
	.Main-section .subservices ul li {
		font-size: 20px;
	}
	
	body.rtl .Section-color .elementor-text-editor ul li, body.rtl .Section-color .elementor-text-editor ol li {
		padding-right: 30px;
	}
	
	div#wp-megamenu-header-menu ul#menu-ser-menu-arabic li > a {
		font-size: 15px !important;
	}
	
}

@media only screen and (max-width: 1365px) and (min-width: 1280px){
	
	body.rtl .sec-merg-inner2 .elementor-element.elementor-element-5ab46b8 > .elementor-element-populated{
		border-width: 0px 0px 0px 2px !important;
	}
	
	body.rtl .services-wrapper .services-area .left {
		padding: 0 100px 0px 50px;
		margin-top: 250px;
	}
	
	body.rtl .services-wrapper .services-area .left span {
		font-size: 90px;
	}
	
	body.rtl .sect-4 .count-column:after {
		position: relative;
		margin: 0 30px 0 15px !important;
	}
	body.rtl .sect-4 .count-column:after {
		left: 20px;
	}
	
	body.rtl .sec-left .elementor-column-wrap {
		padding-right: 50px !important;
		padding-left: 0px !important;
	}
	
	body.rtl .sec-right .elementor-column-wrap {
		padding-left: 80px !important;
		padding-right: 0 !important;
	}
	
	.Main-section .subservices ul li {
		font-size: 20px;
	}
	
	body.rtl .Section-color .elementor-text-editor ul li, body.rtl .Section-color .elementor-text-editor ol li {
		padding-right: 30px;
	}
	
	div#wp-megamenu-header-menu ul#menu-ser-menu-arabic li > a {
		font-size: 14px !important;
	}

}

@media only screen and (max-width: 1279px) and (min-width: 1025px){	

	body.rtl .header-right li {
		padding-right: 10px;
	}
	body.rtl .option-menu ul li {
		padding-right: 10px;
	}
	
	body.rtl .sec-merg-inner2 .elementor-element.elementor-element-5ab46b8 > .elementor-element-populated{
		border-width: 0px 0px 0px 2px !important;
	}
	body.rtl .services-wrapper .services-area .left {
		padding: 0 80px 0px 40px;
		margin-top: 240px;
	}
	body.rtl .nst-ser ul li {
		padding-right: 20px;
	}
	
	.services-wrapper .services-area .left h2 {
		font-size: 22px;
	}
	body.rtl .services-wrapper .services-area .left span {
		font-size: 80px;
	}
	
	body.rtl .sect-4 .count-column:after {
		position: relative;
		margin: 0 20px 0 10px !important;
	}
	body.rtl .sect-4 .count-column:after {
		left: 20px;
	}
	
	body.rtl .nst-footer .nst-box {
		padding-left: 0;
		padding-right: 0px;
	}
	body.rtl .nst-footer .nst-box.c4 ul li {
		padding-left: 0 !important;
		padding-right: 15%;
	}
	.nst-footer .nst-box.c4 ul li.addres {
		width: 100%;
	}
	.nst-footer .contenar {
		width: 90%;
		display: flex;
	}
	
	body.rtl .sec-left .elementor-column-wrap {
		padding-right: 20px !important;
		padding-left: 0px !important;
	}
	
	body.rtl .sec-right .elementor-column-wrap {
		padding-left: 20px !important;
		padding-right: 0 !important;
	}
	
	.Main-section .subservices ul li {
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	body.rtl .Section-color .elementor-text-editor ul li, body.rtl .Section-color .elementor-text-editor ol li {
		padding-right: 30px;
	}
	
	div#wp-megamenu-header-menu ul#menu-ser-menu-arabic li > a {
		font-size: 13px !important;
	}

}

@media only screen and (max-width: 1024px) and (min-width: 1024px){
	
	body.rtl .sec-right .elementor-column-wrap {
		padding-left: 20px !important;
		padding-right: 0 !important;
	}
	
	.Main-section .subservices ul li {
		font-size: 18px;
		margin-bottom: 10px;
	}
	div#wp-megamenu-header-menu ul#menu-ser-menu-arabic li > a {
		font-size: 13px !important;
	}
	
}
	
@media only screen and (max-width: 1024px) and (min-width: 768px){
	
	body.rtl .header-right li {
		padding-right: 10px;
	}
	body.rtl .option-menu ul li {
		padding-right: 10px;
	}
	
	body.rtl .sec-merg-inner2 .elementor-element.elementor-element-5ab46b8 > .elementor-element-populated {
		border-width: 0px 0px 0px 2px !important;
		padding-left: 20px;
	}
	body.rtl .nst-ser .cus-tab li.active:before {
		left: -24px;
	}
	.nst-ser .cus-tab li.active:before {
		width: 5px;
	}
	body.rtl .nst-ser ul li {
		font-size: 16px;
		padding-right: 25px;
	}
	body.rtl .services-wrapper .services-area .left {
		padding: 0 70px 0px 20px;
		margin-top: 240px;
	}
	
	body.rtl .services-wrapper .services-area .left span {
		font-size: 70px;
	}
	body.rtl .home-slider .demo-post-wrapper .Slide-content-box {
		margin-right: 8.5%;
	}
	
	body.rtl .sect-4 .count-column:after {
		position: relative;
		margin: 0 20px 0 10px !important;
	}
	body.rtl .sect-4 .count-column:after {
		left: 10px;
	}
	
	body.rtl .event-area {
		margin-left: auto;
	}
	body.rtl .nst-footer .nst-box.c4 ul li:before {
		background-position: right;
	}
	
	.option-menu li.phone, .option-menu li.email {
		display: none;
	}
	
	body.rtl .sec-left .elementor-column-wrap {
		padding-right: 20px !important;
		padding-left: 0px !important;
	}
	
	.Section-color .elementor-text-editor ul {
		padding: 0;
		margin: 20px 0 !important;
	}
	body.rtl .Section-color .elementor-text-editor ul li, body.rtl .Section-color .elementor-text-editor ol li {
		padding-right: 30px;
	}
	
}

@media only screen and (max-width: 1023px) and (min-width: 768px){
	
	body.rtl .nst-ser ul li {
		font-size: 23px;
		padding-right: 40px;
	}
	body.rtl .services-wrapper .services-area .left {
		margin-top: 40px;
	}
	body.rtl .event-area {
		margin-left: 0;
	}
	body.rtl .event-area {
		margin-left: 0;
	}
	body.rtl .blog-category-wrapper ul li {
		margin-right: 0;
		margin-left: 15px;
	}
	body.rtl .sect-5 .event-arrow {
		right: unset;
		left: 5px;
	}
	
	body.rtl .sec-right .elementor-column-wrap {
		padding-left: 10px !important;
		padding-right: 0 !important;
	}
	
	.Main-section .subservices ul li {
		font-size: 16px;
		margin-bottom: 5px;
	}
	
	body.rtl .about-build .build-inner2 .elementor-element.elementor-element-6a3bd0d > .elementor-element-populated {
		padding: 0 !important;
	}
	
	body.rtl .about-build .about-inner3 > .elementor-container .elementor-row {
		padding-left: 0;
		padding-right: 0px;
	}
	
}
	

@media only screen and (max-width: 767px){
	
	body.rtl .sec-merg-inner2 .elementor-element.elementor-element-5ab46b8 > .elementor-element-populated {
		border-width: 0px 0px 0px 2px !important;
		padding-left: 20px;
	}
	body.rtl .nst-ser .cus-tab li.active:before {
		left: -24px;
	}
	
	#header .header-right .option-menu .nst-translate ul {
		display: block;
	}
	body.rtl .services-wrapper .services-area .left {
		padding: 0;
		margin-top: 0;
	}
	
	body.rtl .home-slider .demo-post-wrapper .Slide-content-box p {
		width: 100%;
	}
	body.rtl .home-slider .demo-post-wrapper .Slide-content-box {
		margin-right: 10%;
		padding-left: 20px;
		padding-right: 0;
	}
	body.rtl #header .header-right {
		right: unset !important;
		left: 20px;
		display: inline-block;
	}
	body.rtl .sect-5 .event-arrow {
		left: 0;
	}
	body.rtl .sect-6 .a2-arrow {
		left: 10%;
	}

	body.rtl .nst-footer .nst-box {
		padding-left: 0;
		padding-right: 0;
	}
	body.rtl .nst-footer .nst-box.c4 ul li {
		padding-right: 0;
	}
	body.rtl .nst-footer .nst-box.c4 ul li:before {
		background-position: right;
		margin-right: 0;
		margin-left: 5px;
	}
	.nst-footer .contenar {
		display: block;
		padding-bottom: 20px;
	}
	
	
	body.rtl .services-wrapper .services-area .left span {
		font-size: 50px;
	}
	
	body.rtl .about-build .build-inner2 .elementor-element.elementor-element-6a3bd0d > .elementor-element-populated {
		padding: 0 !important;
	}
	body.rtl .about-build .about-inner3 > .elementor-container .elementor-row {
		padding-left: 0;
		padding-right: 0;
	}
	
	.Section-color .elementor-text-editor ul {
		padding: 0;
		margin: 10px 0 !important;
	}
	
	.Main-section .subservices ul li {
		font-size: 16px;
		margin-bottom: 5px;
	}
	
	.Section-color .elementor-image:before{
		display:none;
	}
	
	.job-list-sect ul.job_listings li .position {
		padding-left: 0px !important;
		width: 100% !important;
		float: none !important;
	}
	.job-list-sect ul.job_listings li .location {
		width: 100% !important;
		float: none !important;
		text-align: left !important;
		padding: 0 !important;
	}
	.job-list-sect ul.job_listings li ul.meta {
		width: 100% !important;
		padding: 0 !important;
	}
	body.rtl .job-list-sect ul.job_listings li .location {
		text-align: right !important;
	}
	
	body.rtl .Section-color .elementor-text-editor ul li, body.rtl .Section-color .elementor-text-editor ol li {
		padding-right: 30px;
	} 
	
	body.rtl .about-build .build-inner2 .elementor-element.elementor-element-6a3bd0d > .elementor-element-populated {
		padding: 0 !important;
	}
	
}


.content h1 a {
    text-decoration: none;
    color: #fff;
}

.nst-d span a {
    text-decoration: none;
    color: #fff;
}
.cont-sing p {
    width: 100%;
}
.cont-sing a {
    width: 100%;
}

.cont-sing a img {
    width: 100%;
}
.cont-sing img {
    width: 100%;
}
.post-image {
    margin-top: 4.5%;
}

.single-blog .single-post-wrapper h1 {
 
    margin-top: 0px;
}


	@media screen and (max-width:1366px) and (min-width: 1280px) {

.post-image {
    margin-top: 6%;
}}
/*------ MEDIA QUERIES CSS ENDS ------*/