
/**** Posts: services *****/

/* Featured img */

.single .entry-header .post-thumb img {
    display: block;
		margin: auto
}



/* comments */
.comments-area, #comments, .comment-list, .comments-section {
    display: none !important;
}


/* sections */

.service-item{
	line-height: 2em;
}

.details,
.profil,
.field-of-missions,
.our-specialization,
.our-services,
.service-item
{
	margin-bottom: 50px
}


.details {
	margin-top: 50px;
	display: flex;
	align-items: center; 
	justify-content: flex-start;
	position: relative;
}

.details div {
	box-shadow: 3px 5px 12px rgba(0, 0, 0, 0.25);
	margin: 10px;
	padding: 10px;
	border-radius: 5px;
	transition: 0.3s;
	background-color: #E38732;
	color: #fff;
}

.details::before {
	content: "";
	width: 90%;
	height: 1px;
	background-color: rgba(0, 0 , 0, 0.3);
	position: absolute;
	left: 5%;
	top: -20px
} 


/** Button **/
button.ask-for-service {
	padding: 15px;
	margin: 10px auto;
	font-size: 15px;
}

.button-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px
}


button.ask-for-service {
	transition: 0.3s;
}



.details div:hover, button.ask-for-service:hover {
	transform: scale(1.1);
}

/* Guarding service */



/********** *************
 * Pages 
*********** *************/ 

/**** ** Main Page ** *****/


/* ************ */
/* Header */
/* ************ */

/* Nav links */
a.hfe-menu-item:hover {
	transform: scale(1.1);
}

.current-menu-item {
	position: relative;
	transform: scale(1.1);
}

.current-menu-item::after {
	content: "";
	width: 70%;
	height: 1px;
	background-color: #E38732;
	position: absolute;
	left: 50%;
	transform:translateX(-50%) !important
}


/* Header Slider */

/* Slider Note */
.slider-note {
  position: relative; 
	text-indent: 35px
}

.slider-note::before {
    content: "";
		display: block !important;
    width: 50px;
    height: 2px;
    background-color: #E38732;
    position: absolute;
    right: 0;
    top: 50%;
		transform: translateY(-50%);
}


/* En: slider Note */
.slider-note-en {
  position: relative; 
	text-indent: 65px
}

.slider-note-en::before {
    content: "";
		display: block !important;
    width: 50px;
    height: 2px;
    background-color: #E38732;
    position: absolute;
    left: 0;
    top: 50%;
		transform: translateY(-50%);
}


@media(max-width: 768px) {
	.slider-note-en::before {
		top: 25%;
	}
}



.slider-button {
	transition: 0.3s;
}
.slider-button:hover {
	transform: scale(1.1)
}



/** Responsive ***/


/** Mobiles **/
@media(max-width: 768px) {
	.slider-note,
	.slider-note-en,
	.slider-button {
		font-size: 8px !important;
 }
	

	
	
	
	div#n2-ss-3 .n2-font-4d9b93f4aff88a99b6b74f7af58ab866-hover,
	
	div#n2-ss-4 .n2-font-bd3566dfdc4e7ee39480e772151f46d9-hover{
		font-size: 10px;
 }
	
	.slider-p {
		font-size: 8px !important
 }
	
/* Navigation bar **/
	
	.main-page-header,
	.English-main-page-header {
		width: 100%;
		margin: auto;
		margin-bottom: 100px;
		display: flex;
}
	
	.main-page-header
	.cpel-switcher__code,
	.English-main-page-header
	.cpel-switcher__code {
		color: #01032a
	}	
}

/* Tablets and less */
@media(max-width: 1100px) {
	
	div#n2-ss-3 .n2-ss-control-bullet-vertical > .nextend-bullet-bar,
	
	div#n2-ss-4 .n2-ss-control-bullet-vertical > .nextend-bullet-bar
	{
		display: none;
	}	
}



/* ************ */
/* من نحن */
/* ************ */

.who-us-comments,
.our-vision-clients,
.our-vision-clients-en

{
   backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
	
  }


@media(min-width: 768px) {
	.who-us-comments
	{
		position: absolute;
		right: 0vw;
		bottom: 5%
	}

}

.our-vision-clients,
.our-vision-clients-en
{
	position: absolute;
	bottom: -2%;
	right: 0%;
}

 


@media(min-width: 0px) {
.us-profile-element::before {
	content: "";
	width: 1px;
	height: 80%;
	background-color: rgba(0, 0, 0, 0.15);
	position: absolute;
	top: 0px;
	left: 0;

	}
	
	
	.us-profile-elem-en::after {
	content: "";
	width: 1px;
	height: 90%;
	background-color: rgba(0, 0, 0, 0.15);
	position: absolute;
	top: 0px;
	right: 0;
}
}




/*********************
/* services-slider 
 * *****************/

/** Containers styles */
.services-slider-div-h,
.services-slider-div
{
	transition: 0.3s
}

.services-slider-div {
	height: 480px;
}

.services-slider-div:hover {
	height: 490px;
}


.services-slider-div:hover .services-slider-div-h{
	background-color: #fff;
	border-radius: 5px;
	padding: 5px;
	color: white !important
}

.services-slider-div:hover > .services-slider-div-p {
	color: white;
}


/*short code */
.slide-number-short-code {
    font-size: 70px; 
    color: transparent; 
    -webkit-text-stroke: 1px black; 
    text-shadow: none; 
		margin-bottom: 10px !important;
}

.services-slider-div:hover > .slide-number-short-code {
	color: white;
	 -webkit-text-stroke: 0;
}



/*slider*/
.services-container,
.services-container-en{
	overflow: hidden ;
}

/* line after */
@media(min-width: 1100px) {
	.services-container::after {
	content: "";
	width: 40%;
	height: 1px;
	position: absolute;
	bottom: 68px;
	left: 12%;
	background-color: #3A5741;
 }
}

@media(min-width: 1100px) {
	.services-container-en::after {
	content: "";
	width: 40%;
	height: 1px;
	position: absolute;
	bottom: 68px;
	right: 12%;
	background-color: #3A5741;
 }
}




/* arrows positions */
.services-container .swiper-button-next:after

{
	right: -1030px;
	bottom: -250px
}

.services-container .swiper-button-prev:after {
	left: -50px;
	bottom: -250px
}

/* arrow position - en */
.services-container-en .swiper-button-next:after

{
	right: 1000px;
	bottom: -250px
}

.services-container-en .swiper-button-prev:after {
	right: -50px;
	bottom: -250px
}


/** arrows hovering */

.services-container > div.swiper-button-prev:hover,

.services-container-en > div.swiper-button-prev:hover

{
	transform: scale(1.1) 		translateY(-20px);
}

.services-container > div.swiper-button-next:hover

{
	transform:  scale(1.1)	translate(-90px, -20px);
}

.services-container-en > div.swiper-button-next:hover {
	transform:  scale(1.1)	translate(90px, -20px);
}

/* arrows - style */

.services-container .swiper-button-prev::after,

.services-container .swiper-button-next::after,

.services-container-en .swiper-button-prev::after,

.services-container-en .swiper-button-next::after
{
	background-color: #01032A;
	border-radius: 5px;
	position: absolute;
	font-size: 15px;
	border: 2px solid #fff;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}




.services-container > div.swiper-button-prev, 

.services-container > div.swiper-button-next,

.services-container-en > div.swiper-button-prev, 

.services-container-en > div.swiper-button-next
{
	transition: 0.3s
}

/************************/

/*******************
 *  شركاء النجاح 
 * *****************/

#successors-block{
	overflow: hidden;
}
 


#successors-block .swiper-slide {
	display: flex;
}



#successors-block > div.swiper-pagination.swiper-pagination-bullets {
	position: absolute;
	bottom: 0px !important;
}

#successors-block div.swiper-pagination.swiper-pagination-bullets > span.swiper-pagination-bullet {
	margin: 5px;
}


#successors-block > div.swiper-pagination.swiper-pagination-bullets > span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #E38732 
}


/**********
 * آراء العملاء
************/

.ranks-slider,
.ranks-slider-en{
	overflow: hidden;
}




@media(min-width: 768px) {
	.ranks-slider::after
{
	content: "";
	width: 40%;
	height: 1px;
	position: absolute;
	bottom: 40px;
	left: 12%;
	background-color: rgba(227, 135, 50, 0.3);
}
}

.ranks-slider-en::after {
	content: "";
	width: 40%;
	height: 1px;
	position: absolute;
	bottom: 35px;
	right: 12%;
	background-color: rgba(227, 135, 50, 0.3);
}


.client-box-shadow {
	height: 430px;
}


/* arrows */

/* arrows style  */

.ranks-slider .swiper-button-next::after, 

.ranks-slider .swiper-button-prev::after,

.ranks-slider-en .swiper-button-next::after, 

.ranks-slider-en .swiper-button-prev::after

{
	background-color: #3A5741;
	padding: 15px;
	border-radius: 5px;
	position: absolute;
	font-size: 15px;
	border: 2px solid #fff;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}



/* AR */

/* arrows position */
.ranks-slider .swiper-button-next::after {
	right: -1020px;
	bottom: -230px
}

.ranks-slider .swiper-button-prev::after {
	left: -30px;
	bottom: -230px
}

.ranks-slider > div.swiper-button-prev:hover {
	transform: scale(1.1) 		translateY(-20px);
}


.ranks-slider > div.swiper-button-next:hover {
	transform:  scale(1.1)	translate(-85px, -20px);
}

.ranks-slider > div.swiper-button-next,

.ranks-slider > div.swiper-button-prev {
	transition: 0.3s
}



/* En */


/* arrows postition */
.ranks-slider-en > div.swiper-button-next,

.ranks-slider-en > div.swiper-button-prev {
	transition: 0.3s
}



.ranks-slider-en > div.swiper-button-next:after {
	right: 1000px;
	bottom: -230px
}

.ranks-slider-en > div.swiper-button-prev:after {
	left: 30px;
	bottom: -230px
}



.ranks-slider-en > div.swiper-button-prev:hover {
	transform: scale(1.1) 		translateY(-20px);
	
}

.ranks-slider-en > div.swiper-button-next:hover {
	transform:  scale(1.1)	translate(85px, -20px);
}

/***************************
/* footer
 ***************************/

.newsletter-form input[type*="email"] {
	text-align: right;
	background-color: #00000000;
	border:none;
	border-bottom: 2px solid rgba(255, 255, 255, 0.4);
	color: white;
	padding: 20px;
	font-size: 20px;
}

.newsletter-form input[type*="email"]::placeholder {
	color: #fff;
}


 .elementor-1267 .elementor-element.elementor-element-6d65201 .wpcf7-form .wpcf7-submit
{
	background-color: #fff;
	display: inline-block;
	color: #01032A;
	font-size: 10px;
	padding: 15px;
	border-radius: 5%;
	position: absolute;
	border: none;
	top: 27px;
	left: 0px;
	transition: 0.3s
}

.elementor-1267 .elementor-element.elementor-element-6d65201 .wpcf7-form .wpcf7-submit:hover {
	transform: scale(1.1) translate(0px, -2px);
}



/* En */
.newsletter-en input[type*="email"] {
	text-align: left;
}

.elementor-4117 .elementor-element.elementor-element-6d65201 .wpcf7-form .wpcf7-submit
{
	background-color: #fff;
	color: #01032A;
	font-size: 10px;
	padding: 15px;
	text-align: center;
	border-radius: 5%;
	position: absolute;
	border: none;
	top: 27px;
	right: 0px;
	transition: 0.3s;
}



.elementor-4117 .elementor-element.elementor-element-6d65201 .wpcf7-form .wpcf7-submit:hover {
	transform: scale(1.1) translate(0px, -2px);
	cursor: pointer;
	
}


/* En */
.footer-social-media-links .elementor-icon-list-icon {
	transition: 0.3s;
	opacity: 0.8
}

.footer-social-media-links
.elementor-icon-list-icon:hover {
	transform:scale(1.03);
	opacity: 1;
	cursor: pointer;
}

.footer-social-media-links {
	overflow: none
}

.footer-social-media-links svg {
	color: white;
	width: 40px !important
}

/*************
 * General Styles *
************/



/** Line after title ***/

@media(min-width: 1000px) {
	.line-after-title {
	position: relative;
}

.line-after-title::after {
	content: "";
	position: absolute;
	width: 70px;
	height: 1px;
	background-color: #37C8AE;
	left: -100px;
	top: 50%;
}


.line-after-title-en {
	position: relative;
}

.line-after-title-en::after {
	content: "";
	position: absolute;
	width: 70px;
	height: 1px;
	background-color: #37C8AE;
	right: -100px;
	top: 50%;
	}
}




/****** Arrows *******/ 
@media(max-width: 1200px) {
	
.services-container .swiper-button-prev::after,
	
.services-container .swiper-button-next::after,
	
.ranks-slider .swiper-button-next::after, 

.ranks-slider .swiper-button-prev::after,
	
.ranks-slider-en .swiper-button-next::after, 

.ranks-slider-en .swiper-button-prev::after,
	
#successors-block > div.swiper-pagination.swiper-pagination-bullets	{
		display: none !important;
	}
}



/* .arrows-boxshadow  */

.ranks-slider-en > div.swiper-button-next:after,

.ranks-slider-en > div.swiper-button-prev:after,

.services-container .swiper-button-prev:after,

.services-container .swiper-button-next:after,

.services-container-en .swiper-button-prev:after,

.services-container-en .swiper-button-next:after,

.ranks-slider .swiper-button-next::after, 

.ranks-slider .swiper-button-prev::after,

.projects-container1 .swiper-button-prev::after,

.projects-container1 .swiper-button-next::after {
	box-shadow: 
    1px 1px 1px rgba(0, 0, 0, 0.25), 
    -1px -1px 1px rgba(255, 255, 255, 0.25); 
}


/*************************/
/***************************/

/* Other pages */

/***
 * Header
 * /


/* Main title */

.page-main-title,
.page-main-title-en 

{
	color: #03052C;
	font-size: 30px;
	margin-bottom: 10px !important;
	position: relative;
}


.page-secondary-title

{
	color: rgba(23, 23, 23, 0.46);
	font-size: 20px;
	transform: translate(-22px)
}


/* EN */


.page-secondary-title-en {
	color: rgba(23, 23, 23, 0.46);
	font-size: 20px;
	transform: translate(15px)
}


/* Responsive */
@media(min-width: 768px) {
	.page-main-title::after {
	content: "";
	width: 50px;
	height: 1px;
	background-color: #03052C;
	position: absolute;
	left: -60px;
	top: 50%
}
}

@media(max-width: 768px) {
	.page-main-title,
	.page-main-title-en {
		font-size: 20px;
	}
	
	.page-secondary-title,
	.page-secondary-title-en {
		font-size: 15px;
		transform: translate(0)
	}
	
	/* pdf */
	.pdfemb-viewer {
		height: 400px !important;
	}
}


/**************************/

/* صفحة الخدمات  */


.servicesPage-box:hover >
.services-p

{
	color: white !important;
}

.servicesPage-box:hover > .services-heading,

.servicesPage-box:hover 
.services-icon

{
	background-color: #fff;
	padding: 5px 10px 0;
	border-radius: 5px
}

.services-heading, 
.services-p,
.services-icon{
	transition: 0.3s
}

/***************************/
/* about us page */
/***************************/

.about-us-cards-shadow {
	box-shadow: 3px 5px 12px rgba(0, 0, 0, 0.25)
}






