.red{
  background-color: #ff6f3c;
  color: white;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;

}

.center{
  text-align: center;
}

.padding{
  padding-top:10px;
  padding-bottom: 10px;
}


@media only screen and (max-width: 600px) {

  .cardd{
    width: 96% !important;
    margin-left:2% !important;;
    margin-right:2% !important;;
  }

   #hide{
        visibility: hidden;
       display:none;

  }

}

.tl{
  text-align: left;
}
.tc{
  text-align: center;
}
.a{
  text-decoration: none;
    color: white;;
  padding: 5px;
  font-family: 'Prompt', sans-serif;
  font-size: 17px;
}
.a:hover{
    color: white;
  text-decoration: none;
  opacity: 0.7;
  font-family: 'Prompt', sans-serif;
}

.center{
  text-align: center;
}
.f{
  zoom:2;
  color: #155263;
}

.cardd{
  width: 100% !important;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 15px;
}
.cardd:hover{
opacity: 0.9;
}

body{
font-family: 'Tajawal', sans-serif;
}


.acard{
  text-decoration: none !important;
  color:black;
}
.acard:hover{
  text-decoration: none !important;
  color:black;
}