.hero-sec{position:relative}.hero:after{content:"";position:absolute;bottom:-10px;width:100%;height:50px;background:linear-gradient(to bottom,transparent,#f0f9ff)}.swiper-container{width:100%;height:300px}.slide-container{height:280px}.slide-container>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.swiper-slide{position:relative}.caption{position:absolute;height:30px;width:100%;bottom:-32px;background:#000c;color:#f0f9ff;font-size:15px;padding:5px 0;text-align:center;transition:bottom .3s ease-in-out}.slide-container:hover .caption{bottom:0}