html,body{}
html{scroll-behavior: smooth;}
body{
	font-family: "Noto Kufi Arabic";
	background-color: #fff;
}

a{
	color: #656565;
	text-decoration:none;
	font-size: 16px;
	transition: all 300ms ease;
}
a:hover{
	color: #ff0000;
}
p {
    font-size: 16px;
    font-weight: 300;
    color: #000000;
}
div{font-size: 16px;}
section{font-size: 16px;}
ul{font-size: 16px;}
ul>li{font-size: 16px;}


h1,h2,h3,h4,h5,h6{
	line-height: 1;
	font-weight: 300;
}

.spacer-5{display: block; height: 5px;}
.spacer-10{display: block; height: 10px;}
.spacer-20{display: block; height: 20px;}
.spacer-40{display: block; height: 40px;}
.spacer-60{display: block; height: 60px;}
.spacer-80{display: block; height: 80px;}
.spacer-100{display: block; height: 100px;}
.spacer-120{display: block; height: 120px;}


.fnt-10{font-size: 10px !important;}
.fnt-12{font-size: 12px !important;}
.fnt-13{font-size: 13px !important;}
.fnt-14{font-size: 14px !important;}
.fnt-15{font-size: 15px !important;}
.fnt-18{font-size: 18px !important;}
.fnt-20{font-size: 20px !important;}
.fnt-25{font-size: 25px !important;}
.fnt-30{font-size: 30px !important;}
.fnt-40{font-size: 40px !important;}
.fnt-50{font-size: 50px !important;}
.fnt-60{font-size: 60px !important;}
.fnt-70{font-size: 70px !important;}
.fnt-80{font-size: 80px !important;}

.fnt-black{color: #000;}
.fnt-white{color: #fff}

.fnt-allCaps{text-transform: uppercase;}
.fnt-extraBold{font-weight: bolder;}
.fnt-bold{font-weight: 300;}

.remMar{margin: 0px !important;}
.remPad{padding: 0px !important}
.allCaps{text-transform: uppercase;}


.fa-mar-right{margin-left: 5px;}
.fa-mar-left{margin-right: 5px;}
.fa-mar-right-20{margin-left: 20px;}
.fa-mar-left-20{margin-right: 20px;}

.hideThis{display: none !important;}

.vh-100{height: 100vh;}
.vh-50{height: 50vh;}
.vh-25{height: 25vh;}

.posRel{position: relative;}
.posAbs{position: absolute;}

footer{
	background: #3B3B3C;
}

.social-footer a{
	color: #fff;
	transition: all 300ms ease;
}
.social-footer a:hover{
	color: #ff0000;
	transition: all 300ms ease;
}

#banner{}

.banner-top{
    z-index: -1;
    position: relative;
}
.banner-bottom{
    position: absolute;
    top: 45%;
    right: 50%;
    transform: translate(50%, -50%);
}

.social-footer span{
	margin: 0 5px;
}

.menu-footer span{
	margin: 0 5px;
}

.menu-footer a{
	color: #fff;
	transition: all 300ms ease;
}
.menu-footer a:hover{
	color: #ff0000;
	transition: all 300ms ease;
}

.copyright, .menu-footer a{
	font-size: 12px;
	font-weight: 200;
}

.gotop{
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	transition: all 300ms ease;
}

.gotop:hover{
	color: #ff0000;
}

.preAnimate{
	opacity: 0;
	position: relative;
	top:100px;
	transition: all 1000ms ease;
}

.animateThis{
	opacity: 1;
	position: relative;
	top:0px;
	transition: all all 1000ms ease;
}

.vertical-title{
	writing-mode: vertical-rl;
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	overflow: hidden;
}

.vertical-title h3{
	padding-top: 25px;
	font-size: 20px;
}

.vertical-hr{
	border-color: #ff0000;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);

}

.about-marker a{
	position: absolute;
	font-family: "Noto Kufi Arabic";
	color: #ff0000;
	font-size: 15px;
	transition: all 300ms ease;
}
.about-marker a:hover{
	font-size: 20px;
}

.marker-tooltip{
	font-family: "Noto Kufi Arabic";
	font-size: 12px;
}

.marker-jed{
    top: 63%;
    left: 25%;
    transform: translate(-10%, 50%);
}
.marker-ruh{
	top: 45%;
	right: 53%;
    transform: translate(-35%, 50%);
}
.marker-dbx{
	top: 43%;
	right: 11%;
    transform: translate(-10%, 70%);
}

.teamGallery .owl-dots{
    padding-left: calc(var(--bs-gutter-x)* .5);
    padding-right: calc(var(--bs-gutter-x)* .5);
    margin: 0;
    position: absolute;
    bottom: 1rem;
    width: 100%;
    z-index: 1;
    right: 0;
    left: 0;
    opacity: 0.5;
    padding: 0 2rem;
    display: flex;
}
.teamGallery .owl-dots button{
	list-style: none;
    padding: 0 5px;
    background-color: #fff;
    height: 0.4rem;
    display: block;
    width: 100%;
    border-radius: orem;
    margin: 0 3px;   
    transition: all 300ms ease;
}

.teamGallery .owl-dots button:hover,
.teamGallery .owl-dots button.active{
    background-color: #ff0000;
}

/*.teamDots{
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin: 0;
    position: absolute;
    bottom: 1rem;
    width: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    opacity: 0.5;
    padding: 0 2rem;
}
.teamDots > li{
	list-style: none;
    padding: 0 5px;
    background-color: #fff;
    height: 1rem;
    display: block;
    width: 100%;
    border-radius: 3rem;
    margin: 0 3px;   
    transition: all 300ms ease;
}

.teamDots li:hover,
.teamDots li.active{
    background-color: #ff0000;
}

*/
/* owl carousel fade effect */ 
.animated  {
	-webkit-animation-duration:1000ms;
	animation-duration : 1000ms ;
	-webkit-animation-fill-mode:both ;
	animation-fill-mode : both ;
}  

.owl-animated-out {z-index : 1;}

.owl-animated-in {z-index : 0;}

.fadeOut  {
  -webkit-animation-name:fadeOut;
  animation-name:fadeOut;
}  

@-webkit-keyframes fadeOut{
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}

@keyframes fadeOut{
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}

.services-item{
    max-height: 330px;
    overflow: hidden;
    margin-bottom: 80px;
}

.project-tabs{
	padding: 0;
    border: 0px;
}
.project-tabs > li{
	list-style: none;
	margin: 0 1rem;
}

.project-tabs button {
    border: none;
    background-color: transparent;
    font-size: 20px;
    font-weight: 400;
    transition: all 300ms ease;
}

.tab-pane .project-tabs button{
    font-size: 16px;
}

.project-tabs button:hover,
.project-tabs button.active{
	color: #ff0000;
	font-weight: bold;
}

.projects-items{
	height: 100%;
}

.contact-menu .nav-pills .nav-link, 
.contact-menu .nav-pills .nav-link{
	background-color: #fff;
	color: #323232;
	border-radius: 0px;
border: 1px solid #b1aaaa;
	transition: all 300ms ease;
    text-align: right;
	 font-size: 20px;
    font-weight: 300;
}

.contact-menu .nav-fill .nav-item, 
.contact-menu .nav-fill>.nav-link{
	margin: 0px 3px;
}

.contact-menu .nav-pills .nav-link.active, .contact-menu .nav-pills .show>.nav-link, .contact-menu .nav-pills .nav-link:hover {
    background-color: #323232;
    color: #fff;
border: 1px solid #b1aaaa;
    font-size: 20px;
    font-weight: 400;
}

.contact-tabs .form-control{
	border: none;
	border-bottom: 1px solid #b1aaaa;
	border-radius: 0px;
}

.contact-tabs .form-control:disabled{
	background-color: transparent;
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: rtl;
}

.btn-contact {
    background-color: #fff;
    color: #323232;
    border-radius: 0px;
  	  border: 1px solid #b1aaaa;
    transition: all 300ms ease;
    font-size: 16px;
    font-weight: 700;
}
.btn-contact:hover{
	color: #ff0000 ;
	background-color: #fff;


}

.btn-upload{
	color:#000;
	background-color: #fff;
	border: 1px solid transparent;
	border-bottom: 1px solid #000;
	border-radius: 0px;
	transition: all 300ms ease;
}
.btn-upload:hover{
	color:#fff;
	background-color: #000;
	border: 2px solid #000;
}

.projects-items .all{
	opacity: 1;
	position: relative;
	transition: all 500ms ease;
}

.projects-items .all.hide{
	opacity: 0;
	position: absolute;
	transition: all 500ms ease;
}

.history-top{
	position: absolute;
	top: -15%;
}

#history-counter{
    width: 100%;
    font-weight: 300;
    font-size: 10rem;
    text-align: center;
    display: block;
}

.history-bottom{
	position: relative;
}

#our-history{
	max-height: 475px;
	overflow: hidden;
}

.history-bottom .owl-nav{
	display: none !important;
}

.img-href{
    background-color: #323232;
    height: 100%;
    display: block;
}

.img-href img{
	opacity: 0.7;
	transition: all 300ms ease;
}

.img-href img:hover{
	opacity: 1;
	transition: all 300ms ease;
}

.sec-title{
	overflow: hidden;
	white-space: nowrap;
}
.explore-btn{
	position: absolute;
	bottom: 0px;
}

.title-line{
	border: 0;
	clear: both;
	display: list-item;
	width: 1px;
	background-color: #ff0000;
	height: 100%;
	-webkit-transform: rotate(0deg);
	opacity: 1;
	border-top: 2px solid;
	margin: 0;
}

.forceNumber{
	direction: ltr !important;
    display: block;
}

#wpcf7-f207-o1{direction: rtl !important;}
.form-control{
	font-size: 16px;
}

.top-title{
	font-size:20px;
	
}

.fontW_400{
	font-weight:400;
}

.read_more{
	font-size:12px;
	font-weight:300;
}
.exprole_more {
    font-weight: 700;
    font-size: 12px;
    color: black;
}

.subtitle_sec {
    gap: 30px;
    direction: rtl;
    justify-content: start;
	
}
.projects-items p {
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 0.5rem;
    padding-top: 10px;
}

.subtitle_sec p {
    margin-bottom: 0rem;
    margin-top: 10px;
}
.feat-cont h4 {
    font-weight: 600;
    font-size: 16px;
}
.feat-cont p {
    font-size: 12px;
}
.contactus p {
    font-size: 20px;
    font-weight: 400;
}

.contact-info a {
    font-size: 20px;
    font-weight: 300;
    color: black;
}

.ceo_img {
    min-height: 280px;
    height: 280px;
    object-fit: cover;
}

@media only screen and (max-width: 992px) {

 .ceo_img{
width:100%;
	 
}

}