.mediawithCardSection .section-title div+div{margin-top:30px}.mediawithCardSection .card-inner{background:#fff;border-radius:20px;display:flex;flex-direction:column;height:100%;overflow:hidden}.mediawithCardSection .card{width:20%}.mediawithCardSection .image img{border-radius:20px;height:421px!important;object-fit:cover}.mediawithCardSection .number{align-items:center;background:#5226ef1a;border-radius:10px;color:#5226ef;display:inline-flex;font-family:Special Gothic Condensed One,sans-serif;font-size:20px;font-weight:500;height:48px;justify-content:center;line-height:1.3;margin:20px auto 0;width:48px}.mediawithCardSection .bottom-content{flex-grow:1;padding:0 15px 20px;position:relative;top:-45px;transform:translateY(100%);transition:all .4s}.mediawithCardSection .card-inner:hover .bottom-content{top:0;transform:translateY(0)}.mediawithCardSection .video video{border-radius:20px;width:100%}.mediawithCardSection .playbutton{cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.mediawithCardSection .poster-image{height:100%;left:0;position:absolute;top:0;width:100%}.mediawithCardSection .poster-image img{height:100%!important;object-fit:cover;width:100%!important}.mediawithCardSection .video{border-radius:20px;font-size:0;overflow:hidden}@media (max-width:1440px){.mediawithCardSection .card{width:33.33%}}@media (max-width:991px){.mediawithCardSection .card{width:50%}.mediawithCardSection .bottom-content{top:-35px}}@media (max-width:767px){.mediawithCardSection .section-title div+div{margin-top:20px}.mediawithCardSection .card{width:100%}.mediawithCardSection .playbutton svg{width:55px}.mediawithCardSection .image img{height:280px!important}}