.expand-video-wrapper .bg-area{background:#fff;height:70vh;overflow:hidden;position:relative;transition:all 1s ease;width:100%}.expand-video-wrapper .bg-area.active{height:100vh}.expand-video-wrapper .bg-area:before{background:rgba(0,0,0,.3);content:"";height:100%;left:0;opacity:1;position:absolute;top:0;transition:all 1s ease;width:100%;z-index:2}.expand-video-wrapper .bg-area.active:before{opacity:0}.expand-video-wrapper .bg-area video.full,.expand-video-wrapper .bg-area video.preview{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.expand-video-wrapper .bg-area video.full{display:none;z-index:5}.expand-video-wrapper .bg-area .content-area{height:100%;position:relative;z-index:3}.expand-video-wrapper .bg-area .content-area .scroll{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:0;transform:translateX(-50%)}.expand-video-wrapper .bg-area .content-area .scroll .line{background:#fff;height:0;width:1px}.expand-video-wrapper .bg-area .content-area.active .line{height:100px;transition:all 1s ease}.expand-video-wrapper .bg-area .content-area .scroll p{color:#fff;display:none;letter-spacing:4px;text-align:center}.expand-video-wrapper .bg-area .content-area .scroll span{color:#fff}.expand-video-wrapper .bg-area .video-btn{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.expand-video-wrapper .bg-area .video-btn a{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:105px;justify-content:center;opacity:0;text-decoration:none;width:105px}.expand-video-wrapper .bg-area .play-btn a{background:hsla(0,0%,100%,.2)}.expand-video-wrapper .bg-area .pause-btn a{background:rgba(0,0,0,.5)}.expand-video-wrapper .bg-area .video-btn i{color:#fff;font-size:24px}svg.play-svg{fill:#fff;height:24px;width:24px}.expand-video-wrapper .bg-area .content-area.active .play-btn a{opacity:1;transition:all .5s ease;transition-delay:1.5s}.expand-video-wrapper .bg-area .video-btn a:after{transform:scaleX(0)!important}.expand-video-wrapper .bg-area .pause-btn{display:none;z-index:999}.expand-video-wrapper .bg-area .pause-btn a{opacity:1}svg.pause-svg{fill:#fff;height:24px;width:24px}@media (max-width:767px){.expand-video-wrapper .bg-area.active{height:60vh}.expand-video-wrapper .bg-area .pause-btn{display:none!important}.expand-video-wrapper .bg-area video.full{height:auto;object-fit:contain}}