body{
    background-color: rgba(209, 199, 199, 0.712);
}


  .Main_Title{
    padding-top: 17% ;
    padding-left: 12%;
    color: white;
}




.Title{
    margin: 3% auto auto auto;
    padding: auto;
    text-align: center;
    color: rgb(21, 21, 225);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: bolder;
}

.desc{
    width: 80%;
    border-radius: 5%;
    background-color: #aca9a9;
    margin: 3% auto 2% 5%;
    padding: 5%;
    padding: auto;
}

@media (min-width: 601px) {
    .body{
    background-image: url(./Images/Main.jpeg);
    height: 90vh;
    background-size: cover;
    background-position: center;
    width: 80%;
    margin: auto;
}
.Location{
    padding-top: 0% ;
   padding-left: 10%;
 color: black;
}
.Third_Title{
    display: none;

}
.Second_Title{
    padding-top: 5% ;
    padding-left: 15%;
    color: white;
}
.main_box{
    display: flex;
}

.Saudi_boxes{
   width: 29%;
   align-items: center;
   box-shadow: 0 8px 30px rgba(0,0,0,0.3);
   border-radius: 10px;
   margin : 15px ;
   padding: 5px;
   margin: 25px auto;
   
}
.Saudi_images{
   width: 80%;
   height: 60vh;
   display: flex;
   align-items: center;
   box-shadow: 0 8px 30px rgba(0,0,0,0.3);
   border-radius: 10px;
   margin : 15px ;
   padding: 5px;
   margin: 25px auto;
}
.Saudi_boxes:hover{
    transform: translateY(-8px) scale(1.03);
}


}

@media (max-width:600px) {
    .body{
    background-image: url(./Images/main2.jpeg);
    height: 90vh;
    background-size: cover;
    background-position: center;
    width: 80%;
    margin: auto;
}


.mobile_Location{
    padding-top: 16%;
    margin: 3% auto auto 2% ;
    color: whitesmoke;
    padding-left: 10%;
}
.Third_Title{
    margin: 3% auto auto 5%;
}
  .Saudi_boxes{
   width: 80%;
   align-items: center;
   box-shadow: 0 8px 30px rgba(0,0,0,0.3);
   border-radius: 10px;
   margin : 15px ;
   padding: 5px;
   margin: 25px auto;
   
}
.Second_Title{
    display: none;
}
.Saudi_images{
   width: 90%;
   height: 60vh;
   align-items: center;
   box-shadow: 0 8px 30px rgba(0,0,0,0.3);
   padding: 5px;
   margin: 25px auto;
}
.Saudi_boxes:hover{
    transform: translateY(-8px) scale(1.03);
}





}