.video-detail{background:#fff;padding:20px}.video-frame{position:relative;width:100%;padding-bottom:56.25%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}.video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-frame video{position:absolute;top:0;left:0;width:100%;height:100%}.video-card{margin-bottom:20px;position:relative;height:360px;width:100%;cursor:pointer;transition:filter .5s ease-in-out;filter:brightness(1);border-radius:10px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.video-card:after{background:linear-gradient(0deg,rgba(0,0,0,.65),rgba(0,0,0,.45),transparent,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;transition:background .3s ease-in-out}.video-card.limited-desc:after{background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.65),transparent,transparent)}.video-card.expanded:after{background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.7),rgba(0,0,0,.3),transparent)}.video-card .content{position:absolute;color:#fff;bottom:0;left:0;width:100%;padding:20px;z-index:2}.video-card .btn-video{border:3px solid #fff;border-radius:100px;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);cursor:pointer;display:block;height:55px;width:55px;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5;transition:opacity .3s ease-in-out}.video-card:hover .btn-video{opacity:1}.video-card .btn-video .arrow-right{border:10px solid transparent;border-left:17px solid #fff;border-radius:0;border-right:0;height:0;left:55%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.video-card .content .title,.video-card .content .title a{font-size:28px;font-weight:600;line-height:1.3;color:#fff}.video-card .content .desc{font-size:16px;font-weight:500;line-height:22px;color:#fff;transition:-webkit-line-clamp .5s ease-in-out;display:-webkit-box;-webkit-box-orient:vertical}.video-card .content .desc.limited-desc{overflow:hidden;-webkit-line-clamp:2}.video-card .view-more-desc{font-size:16px;font-weight:600;-webkit-text-decoration:underline;text-decoration:underline;color:#fff;background:none;border:0;padding:0;cursor:pointer;font-size:14px;font-weight:bold;display:none;transition:opacity .5s ease-in-out;opacity:1}.video-card .view-more-desc.hidden{opacity:0;display:none!important}.details-list-title{font-weight:500;margin-right:10px;color:var(--heading);white-space:nowrap}@media(max-width:1200px){.video-card{height:400px}}@media(max-width:992px){.video-card{height:360px}}@media(max-width:767px){.video-detail{padding:10px}.blog-card{padding:0}.video-card{height:300px}}@media(max-width:576px){.video-card{height:270px}.details-list-title{margin-right:5px;white-space:nowrap}}