.owl-wrapper {
  position: relative;
  height: 250px;
  width: 100%;
  margin: 0;
  padding: 0;
}

.cards{
    position: relative;
    height: 310px;
    width: 100%;
    direction: ltr;
    padding: 30px 0;
    margin-bottom: 20px;
    background-color: white;
}

.card{
  display: block;
  justify-content: center;
  height: 250px;
  padding: 0;
  margin: 0;
  position:relative;
  border-radius: 25px;
  opacity: 1;
  transition: transform 0.4s 0.5s ease-out, opacity 1s ease;
  border:1px #f3f3f3 solid;
}
  
.card img{
  height: 170px;
  object-fit:contain ;    
  border-radius: 25px;    
  margin-top: 10px;
}
.card .title-content{
    color:#2e3192;
    font-size:15px;
    font-weight:300;
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    padding: 85px 10px 10px 10px;
    margin: auto;
    text-align: center;
    background: rgb(240,242,245);
    background: linear-gradient(180deg, rgba(240, 242, 245, 0) 0%, rgba(240, 242, 245, 0.6) 51%);
    border-radius: 20px;
}


.card .title-content span{
    color:#2e3192;
    font-size:18px;
    font-weight:600;
    display:block;
}



@keyframes slide-down{
  0%{
    opacity: 0;
    transform: translate3d(0,-120%,0);
  }
  
  100%{
    opacity: 1;
    transform: translate3d(0,0%,0);
  }
}


@keyframes slide-up{
  0%{
    opacity: 1;
    transform: translate3d(0,0%,0);
  }
  
  100%{
    opacity: 0;
    transform: translate3d(0,-120%,0);
  }
}