.b1-next{
  position: absolute;
  top: 0;
  bottom: 0;
  display:ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: .5;
}   
.b1{

  text-align: center;
  width: 250px;
  height: 50px;
  background-color: #3e0bce;
  color: #fff;
  font-size: 45px;
  opacity: 1;
  border-radius: 50px;
  top: 100%;
  margin-left: auto;
  margin-right: auto;

}
.b1-o{
padding: 20px;
}
.b{
font-family: IBM Plex Sans Arabic, sans-serif;
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

img{
    max-width: 100%;
    max-height: 100%;
    display: block;
}
.box{
    margin-left: auto;
margin-right: auto;
    width: 80%;        
    border: 5px solid rgba(0, 0, 0, 0);
    text-align: center;

}
.b{
padding: 20px;
margin-left: auto;
margin-right: auto;
text-align: right;
font-size: 20px;
width: 80%;

}    
.o{
    
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
align-content: center;
}
.t{
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    font-size: 20px;
   width: 80%;
}
@media screen and (max-width:1000px){
.box {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border: 5px solid rgba(0, 0, 0, 0);
  text-align: center;

}

.b {
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  font-size: 30px;
  width: 98%;

}
.t {
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  font-size: 30px;
  width: 80%;
}   
}
/* footer section*/

.footer p {
color: #fff;
font-size: 17px;
line-height: 20px;
text-align: center;
font-weight: 400;
font-weight: normal;
background: #f13a10;

}



footer{
flex-shrink: 0;
background: #f13a10;

}
/***/
.b {
  line-height:
  36px;
  vertical-align:
  baseline;
  letter-spacing:
  normal;
  word-spacing:
  0px;

}