@import url('https://fonts.googleapis.com/css?family=Cairo:400,700,900&subset=arabic');
/* POWERED www.Chakirdev.com */


*{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    text-decoration: none;
    font-family: 'Cairo', sans-serif;
    text-rendering: optimizeLegibility;
    text-decoration-color: brown;
}


html{
background-image: url("../img/img2.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
   
}
body{
font-family: 'Cairo', sans-serif;
text-rendering: optimizeLegibility;
direction:rtl;
}


.clr{clear:both;}
#HomePage{width:95%;margin:auto;padding-top: 50px;}
footer {
    width: 100%;
    padding-bottom: 20px;
}

.inpu{border:1px solid #047e79;border-radius: 35px;text-align:center;width: 400px;}
.button {
    background-color: #047e79; /* Green */
    border: none;
    border-radius: 30px;
    color: white;
    padding: 5px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 21px;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    width:170px;
}
.button:hover {
   background-color: #047e79; /* Green */ 
} 
.aid-text{font-size:20px;font-weight:bold;line-height:20px;font-family: 'Cairo', sans-serif;width:60%;}
@media screen and (min-width: 200px) and (max-width: 1000px){ 
.aid-text{font-size:18px;width:90%;}
.logo{
  width: 80%;
}
    
#HomePage{width:95%;margin:auto;padding-top:0px;margin-top:50px;} 
.inpu{border:1px solid #047e79;border-radius: 35px;text-align:center;width: 80%;} 
footer {width: 80%;font-size:12px;}  
}




.aid-text2{color: #047e79;font-size:30px;font-weight:bold;line-height:30px;font: '\css\GE-SS-Two-Bold.otf', sans-serif;width:80%;}


.myDiv{
  width:80%;
  border: 2px outset;
  background-color: rgba(170, 215, 173, 0.7);
  text-align: center;
    }









.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}