@import'phone.css';

#body {
  background-image: url(../img/body.jpg); 

}

.title{
  margin-top: 0px;
}
/*-----------------div3-----------------------*/
.imagtitle {
width: auto;

}

.title h2{
  margin-top: 70px;
  font-size: 20px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bolder;
 

  }
  
.mad{
  background-color: rgb(192, 201, 140);
  color: #000;
  width: 30%;
  border-radius: 12px;
  box-shadow: 2px 2px 15px black;
  margin: auto;
  text-align: center;
  font-size: 30px;
  padding: 5px;
margin-top: 20px;
  
}

.top{
  
  color: black;
  font-size: 30px;
   width: 90%;
    background-color: #fff;
      border-radius: 5px;
      padding: 2%;
      margin: 2%;
  direction: rtl;
  margin: 0 auto;
  box-shadow: 2px 2px 15px rgb(10, 7, 211);
      -moz-border-radius:10px;
      -webkid-border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 7px;
    display: block;
    }

.head{
  background-color: rgb(18, 18, 197);
  color : white;
  text-align: center;
 padding: 10px;
 border-radius: 10px;
}
.head2{
  background-color: rgb(18, 18, 197);
  color : white;
  text-align: center;
 padding: 10px;
 border-radius: 10px;
}
.img1{
  float: center;
  width: 350px;


}



.img3{
  margin-right: 150px;
  
  width: 60%;
  float: center;
 

}
.fig3{
  font-size: 15px;
  text-align: center;
  font-weight: bold;
}
.mov{
  color: #000;
  font-weight: bolder;
}
.h66{
  text-align: center;
  font-size: 18px;
  background-color: blanchedalmond;
  flex-direction: column;

}
.video1{

  float : center;
  width: 100%;
}
.k1{
  width: 20%;
  float: left;
}
.mad2{
  background-color: rgb(192, 201, 140);
  color: #000;
  width: 30%;
  border-radius: 12px;
  box-shadow: 2px 2px 15px black;
  margin: auto;
  text-align: center;
  font-size: 30px;
  padding: 5px;
margin-top: 20px;
  
}
.top1{
  float: left;
  color: black;
  font-size: 20px;
   width: 45%;
    background-color: #fff;
      border-radius: 5px;
      padding: 5px;
      margin: 2px;
  direction: rtl;
  margin: 0 auto;
  box-shadow: 2px 2px 15px rgb(33, 85, 230);
      -moz-border-radius:10px;
      -webkid-border-radius: 5px;
    margin-top: 1px;
    margin-bottom: 0px;
    margin-left: 0px;
    }
    .top2{
      float: left;
      color: black;
      font-size: 20px;
       width: 45%;
        background-color: #fff;
          border-radius: 5px;
          padding: 5px;
          margin: 2px;
      direction: rtl;
      margin: 0 auto;
      box-shadow: 2px 2px 15px rgb(33, 85, 230);
          -moz-border-radius:10px;
          -webkid-border-radius: 5px;
        margin-top: 1px;
        margin-bottom: 0px;
        margin-left: 20px;
        }
        
.head3{
 background-color: rgb(9, 34, 13);
 color : white;
 text-align: center;
 padding: 7px;
 border-radius: 5px;
 font-size: 18px;

 }
 .toplast{
  
  color: black;
  font-size: 20px;
   width: 90%;

     
      padding: 2%;
      margin: 2%;
  direction: rtl;
  margin: 0 auto;
 
     
    margin-top: 10px;
    margin-bottom: 7px;
    display: block;
    }
    .mad3{
      background-color: rgb(185, 24, 150);
      color: white;
      width: 100%;
      font-weight: bold;
      border-radius: 3px;
      box-shadow: 2px 2px 2px black;
      margin: auto;
      text-align: center;
      font-size: 20px;
      padding: 2px;
    margin-top: 2px;
    }
    .img5{
      float: left;
      width: 200px;
    
    }