body,html{
    width: 100%;
    margin: 0;
}
#slider{
    width:100%;
    height:550px;
    margin-top:-50px;
    background-image:url(../images/wallpaper.png);
    background-size:cover;
    text-align: center;
}
#slider p{
    font-family:'Times New Roman';
    color: rgb(58, 8, 222);
    font-size:60px;
    background-color: rgba(13, 102, 204, 0.5);
    padding:30px;
    margin-top:-22px;
}
#slider button{
    background-color: rgba(36, 114, 217, 0.523);
    color: #094ee2;
    padding: 20px;
    border-radius:30px ;
    margin-bottom:-20px;
}
#more{
   text-align: center;
   margin-bottom:30px;
   color: rgb(0, 120, 189);
}
.twodivs{
   display: flex;
   gap: 10px;
}
.div1{
    padding: 20px;
  margin: 20px auto;
  background-color:#dbdada;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.div2{
    padding: 20px;
  margin: 20px auto;
  background-color:#dbdada;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.twodivs img{
    width:50px;
    height:50px;
}
#more button{
    text-align: center;
    background-color: rgba(21, 221, 228, 0.389);
    color: #054fed;
    padding: 20px;
    border-radius:30px;
    margin-top:20px;
}
#mission{
    display: flex;
    width: 96%;
    color:#0078bd;
    padding: 20px;
  margin: 15px auto;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.image{
    width:40%;
    display: flex;
}
.image img{
    width: 500px;
    height:450px;
    margin-top: -20px;
}
.discrip{
    text-align: center;
    width: 55%;
  background-color:#dbdada;
  margin-top: -20px;
}