@import url('https://fonts.googleapis.com/css?family=Cairo');

*{
	font-family: 'Cairo', sans-serif;
	overflow: none;
	margin: 0;
	padding: 0;
}

body{
	
background-color: #ffffff;
overflow-x: scroll;
}
header {
	width: 100%;
	height: 560px;
}


/*to  top*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 100px;
  height: 62px;
  width: 62px;
  border-radius: 50%;
  z-index: 99;
  
  border: none;
  outline: none;
background-image: url('../images/up-arrow.svg');
background-size: cover;

  cursor: pointer;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}



/*to  top*/


header .slider{

	width: 100%;	
	height:400px;
	background-image: url('../images/bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

	
}header .slider article {
	width: 100%;
	height: 100%;
	padding: 10% 1% ;
	border-style: solid;
	text-align: center;
	font-weight: bold;
	font-size: 60px;
	background-color: rgb(0,0,0,0.4);
	color: white;

}



@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

header .slider #slider { overflow: hidden; }
header .slider #slider figure img { width: 20%; float: left; }
header .slider #slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}









header .news{
	padding-top: 2%;
	color: white;
	width: 100%;
	height: 13%;
	background-color: #1E2AD2;

}header .news marquee span{
float: right;
color:#FFFFFF;

}




.container {

	width: 100%;
	height: 600px;

background-image: url('../images/service.jpeg');
background-size: cover;

}.container  div {
	float: left;
}.container  .right{
	width: 70%;
	height: 100%;
background:rgba(0,0,0, 0.8);


}.container  .left{
	width: 30%; height: 100%;
	background-color: white;
}.container  .left button{
	width: 70%;
	height: 10%;
	color: white;
	background-color:#9708CC ;
	border-style: none;
	border-radius: 20px;
	margin: 1%  18%;

}
.container  .right article{
color: white;
font-size: 35px;
text-align: center;
}
.container  .right button{
margin:1% auto;
color: white;
	width: 35%;height: 70px;
border-radius: 30px;
border-style: none;
font-size: 20px;
padding: 1% 5% 1% 5% ;
background-color: #C32BAC;
    box-shadow: 0 8px 16px 0 rgba(255,255,255,0.1);
    text-align: right;

}

.new{
	width: 100%;
	height: 300px;
	background-color: white
}.new article{
	text-align: center;
	font-size: 45px;

}.new button{
text-align: center;
	width: 250px;
	height: 50px;
background-color: #8e44ad;
color:white;
border-style: none;
font-size:25px;
cursor: pointer;
}

.donner{
	width: 100%;
	height: 450px;
	background-color: white;
}
.donner article b{
	text-align: center;
 font-size: 45px;
 }.donner article {
 	text-align: center;
 	font-size: 30px;
 }.donner .donner_i{
 	width: 22%;
 	height: 90%;
 	margin: 1% 1% 1% 1% ;
 	border-radius: 7px;
 	float: right;
 }.donner .donner_i img{

width: 70px;


 }.donner .donner_i  article{
 	text-align: center;
 	font-size: 30px;
 }


.donner_k{
	width: 100%;
	height: 500px;
	background-color: #1904E5
;
}
.donner_k .donner_c{
	margin: -10% 1% 0% 3%;
float: right;
	width: 20%;
	height: 72%;
	border-radius: 10px;
border-radius: 30px;
background-color: rgba(255,255,255,0.1);


}
.donner_k .donner_c:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.1);
}
.donner_k .donner_c img {
	width: 100px;
	margin:1%;

}.donner_k .donner_c  b {
	 color:white ;
	 text-align: center;
}.donner_k .donner_c  article {
	 color:white ;
	 text-align: center;
}
.donner_k .donner_c button {
	width: 150px;
	height: 70px;
	text-align: center;
	font-size: 20px;
	color: white;

	margin: 2% 25%;
	border-style: none;
	border-radius: 30px;
	background-color: rgba(255,255,255,0.1);
}
.donner_k .donner_c button:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.1);
}
.footerc {
	width: 100%;
	height: 550px;
	background-color:#1904E5
;
}.footerc .footert{
	margin:5% 1% ;
	width: 23%;
	height: 58%;
	float: right;
}

.footerc .footert  a {
	text-align: center;
	color: #ffffff
;
	text-decoration: none;
}
.footerc .footert ul {
	    list-style: none;
color: white;
}

.footerc .footert img{ 
width: 20px;
  }
  .footerc .footert article{
text-align: center;
color: white;

  }.footerc img {
  	position: relative;
  	width: 30px;
  	margin:0.5% 0.2%;

  }