body{
	direction: rtl;
	font-family: cairo;
}

.package-card img{
	
	transition: 0.4s;
}
.package-card img:hover{
	transform: scale(1.01);
	opacity: 0.8;
	}

.noto-sans-<uniquifier> {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.nav-link-ar{
	font-family: cairo;
	border-radius: 6px;
	display: block;
	padding: 6px 42px 10px 20px;
	font-weight: bold;

}
.nav-link{
	font-weight: bold;
}
.nav-link:hover{
	color: #C61313;
}
p{

	font-family: cairo;
}

a{

	font-family: cairo;
}
.btn{

	font-family: cairo;
}


.call{

	font-family: cairo;
	direction: rtl !important;
}
.nav-margin{
	margin: 0 auto;
	font-family: cairo;
	text-transform: uppercase;
}

h1, h2, h3, h4, h5{
	font-family: cairo;
}

h1{
	font-family: cairo;
	font-weight: bold;
	font-size: 64px;
	text-transform: initial;
	color: #3E3E3E;
}
.bold{
	font-weight: bold;
}
.mainheadingred{
	background: #C61313;
	color: white;
	padding: 0 6px;
}
.headimg{
	display: flex;
	vertical-align: middle;
	align-content: center;
	height: 300px;
	position: relative;
}
.headimg img{
	width: 300px;
	}
.headimg0{
	position: absolute;
	left:20%;
	transition: 0.9s; 
	  transition-delay: 0.11s;
}
.headimg0:hover{
	transform: scale(1.1); 
	 
	}
.headimg1{
	position: absolute;
	left:30%;
	bottom: 0px;
	transition: 0.8s; 
	  transition-delay: 0.11s;
}

.headimg1:hover{
	transform: scale(1.1);  
	 
	}
.headimg2{
	position: absolute;
	left: 40%;
	transition: 0.8s; 
	  transition-delay: 0.11s;
	 
}

.headimg2:hover{
	transform: scale(1.1);  
	}
.headimg3{
	position: absolute;
	left: 50%;
	bottom: 0px; 
	transition: 0.8s;
	  transition-delay: 0.11s;
	 
}

.headimg3:hover{
	transform: scale(1.1);  
	}
.headimg4{
	position: absolute;
	left: 60%; 
	transition: 0.8s;
	  transition-delay: 0.11s;
	 
}

.headimg4:hover{
	transform: scale(1.1);  
	}
.banner p{
	font-size: 24px;
	width: 70%;
	text-align: center;
	margin: 0 auto;
	padding: 8px 0 20px;
}
.btn-ban-contact{
	background: #3E3E3E;
	color: #fff;
	border: 0;
	padding: 12px 26px;
	font-weight: normal;
}
.btn-ban-contact:hover{

	background: #5F5F5F;
}

.btn-ban-dow{
	background: #D9D9D9;
	color: #3E3E3E;
	border: 0;
	padding: 12px 26px;
	margin: 0 4px;
	font-weight: normal;
}
.btn-ban-dow:hover{
background: #C8C8C8;
	color: #3E3E3E;

}
.about{
	background: url(images/about.jpg);
	height: 950px;
	padding: 10% 25% 0  45%;
	padding-top: 5rem !important;
}
.about h2{
	font-size: 42px;
}

.about p{
	font-size: 18px !important;
	line-height: 32px;

	}

	.services{
		text-align: center;
		background: #F1EFEF !important;

	}

	.services p{
		text-align: center;
		width: 80%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
		.workbox{
		transition: 0.4s;
	}

	.workbox:hover{
		transform: scale(1.02);
	}
	.servicebox{
		background: #E4E4E4;
		border-radius: 16px;
        width: 28%;
        margin-bottom: 10px !important;
        padding: 60px 40px;
        margin: 0 auto;
        transition: .6s;
        box-shadow: 0 0 120px #ccc;

	}
	.servicebox:hover img{
		transform: scale(1.2);
        transition: .2s;


	}
	.servicebox:hover{
		box-shadow: 0 0 120px #9F9F9F;
	}

.servicebox h5{
	text-align: right;
	font-weight: bold;
}
	.servicebox p{
		text-align: right;
		width: 100%;
		
	}

.work{
	background: #fff;
	margin: 0px auto;
}
.workbox {
	margin: 14px 4px;
	width: 32%;


}
.workbox img{
	width: 340px;
    box-shadow: 0 0 20px 0 #ddd;
    border-radius: 12px;
	position: relative;
	transition: 0.1s;


	}
.workbox img:hover{
	
		opacity: 0.7;
}

	.workbox a{
	transition: .4s;


   


}

.workbox a:hover{



}
.workbox span{
	margin: 1px 10px;
	font-size: 18px;
	padding: 14px 0;
	float: right;
}

.lmih{
	font-family: cairo;
	font-size: 54px;
	line-height: 62px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
}
#work span{
	font-family: cairo;
}


.footer{
	padding: 40px 0;
}

.footer p{
	text-align: right;

}

.footer .moving{

	font-family: cairo;
	font-size: 122px;
	text-transform: uppercase;
	font-weight: bold;

}


.footer .moving span{
	color: #C61313;
	font-size: 88px;
	padding-top: 20px;
}


.footer h4{
	text-align: left;
	font-size: 18px;
	text-transform: uppercase;
}

a.media{
	float: right;
	margin: 2px 6px;
}
a.media img{
	width: 32px;
	}

	.social{
		margin: 16px 0;
		float: right;
	}
.bold{
	font-weight: bold;
}
@media only screen and (max-width: 600px) {
  h1 {
    font-size: 44px;
    line-height: 62px;
  }
  .headimg img{
  	width: 130px;
  }
.headimg0{
	position: absolute;
	left:0%;
}
.headimg1{
	position: absolute;
	left:14%;
	bottom: inherit;
}
.headimg2{
	position: absolute;
	left: 28%;
	 
}
.headimg3{
	position: absolute;
	left: 48%;
	bottom: inherit;
	 
}
.headimg4{
	position: absolute;
	left: 62%;
	 
}

.about{
	padding: 0;
	background: white;
	text-align: center;
	height: auto;
}
.servicebox{
	width: 96%;
}

.workbox{
	width: 70% !important;
	margin: 0px auto;
	text-align: center;
}
.workbox img{
	width: 80%;
	text-align: center;
}
.workbox span{
	padding: 14px 0;
    float: none;
    margin: 0 0 20px 0;
    display: block;
}
.footer {
    padding: 40px 0 2px 0;
}
.headimg{
	height: 120px;
}
.banner p{
	font-size: 16px;
}

h2{
	font-size: 22px !important;
}
.about p {
	font-size: 16px !important;
	line-height: 22px;
	width: 80%;
	margin: 0 auto;
}

.services-icon img{
	width: 80px;
	text-align: left;
}
.services-icon {
	text-align: left;
	float: right;
}

.servicebox{
	padding: 28px;
}
.package-card img{
	width: 220px;
	transition: 0.4s;
}
.call{
	text-align: center;
	margin: 20px 0;
	width: 100%;
	direction: ltr !important;

}
.banner{
	padding: 22px 0 !important;
}




}