.link-wrapper {
  position: relative;
  display: block;
  border-radius:0;
  margin-right:1px;
  padding:14px;
  
 
}
.card-mbdrat{
 padding:0;
 background-color:transparent;
  height:auto;

}

.card-mbdrat h5{
    font-family:cairo;
    font-size:20px;
    background-color:transparent;
    margin-top:20px;
    text-align:right;
}
.card-mbdrat p{
    background-color:transparent;
    margin-top:5px;
    text-align:right;
    font-size:17px;
    font-weight:bold;
}

/* right side*/
.hover-12:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 6px;
  bottom: 0;
  right: 0;
  background-color:darkcyan;
  transform: scaleY(0);
  transform-origin:   bottom right;
  transition: transform  0.3s;
}

.hover-12:hover:before {
  transform-origin: bottom left;
  transform: scaleY(.95);
}
/* bottom side */
.hover-12:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 6px;
  bottom: 0;
  right: 0;
  background-color:darkcyan;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}
.hover-12:hover:after {
  transform-origin: bottom right;
  transform: scaleX(.97);
}




@media(max-width:900px){
    .card-mbdrat h5{
    font-family:cairo;
    font-size:15px;
    background-color:transparent;
    margin-top:20px;
    text-align:right;
}
.card-mbdrat p{
    background-color:transparent;
    margin-top:5px;
    text-align:right;
    font-size:12px;
    font-weight:bold;
    margin-right:12px;
}
}