.playlist{position:relative;margin:150px 0;padding:150px 0;background-color:#000;overflow:hidden}.playlist:before{content:"";display:none;position:absolute;z-index:3;background-color:#000;top:0;left:0;width:100%;height:50%}.playlist:after{content:"";position:absolute;z-index:2;width:100%;height:100%;background-image:url(images/graphic.svg);background-repeat:no-repeat;background-size:contain;background-position:center right;transition:.3s all;left:-200px;top:0;transform:rotate(-180deg);pointer-events:none}.playlist .inner-content{max-width:1400px;width:90%;margin:0 auto}.playlist .title-row{position:relative;margin-bottom:40px;z-index:4}.playlist .title-row a,.playlist .title-row button,.playlist .title-row h1,.playlist .title-row h2,.playlist .title-row h3,.playlist .title-row h4,.playlist .title-row h5,.playlist .title-row h6,.playlist .title-row li,.playlist .title-row p{color:#f2f2f2}.playlist .title-row h2{margin-bottom:0}.playlist .slick-list{overflow:visible}.playlist .playlist_videos{position:relative;margin:0 -10px;z-index:4;height:600px;overflow:hidden}.playlist .playlist_videos::before{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;background-color:#000;z-index:1}.playlist .item{position:relative;margin:0 10px;position:relative;height:500px;border-radius:10px;overflow:hidden}.playlist .item .video-wrapper{position:relative;cursor:pointer}.playlist .item .video-wrapper iframe,.playlist .item .video-wrapper video{border:none;border-radius:10px;width:100%;height:500px;-o-object-fit:cover;object-fit:cover}.playlist .item .play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;transition:opacity .3s}.playlist .item .play-button{font-size:48px;color:#fff}.playlist .item .video-wrapper.playing .play-overlay{display:none}.playlist .item .content{position:absolute;left:50%;transform:translateX(-50%);bottom:40px;text-align:center;width:80%}.playlist .item .content span{background-color:#fff;display:inline-block;font-weight:700;font-size:20px;padding:5px;border-radius:10px}.playlist .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.playlist .nav{margin-top:30px;width:100%;display:flex;align-items:center;gap:40px}.playlist .nav .arrows{display:flex;flex-grow:0;flex-shrink:0;gap:10px}.playlist .nav .progress-bar{position:relative;flex-shrink:1;flex-grow:1;height:3px}.playlist .nav .progress-bar .background{width:100%;height:1px;border-radius:10px;background-color:rgba(255,255,255,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playlist .nav .progress-bar .thumb{height:100%;border-radius:10px;background-color:#fff;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:width .2s ease}.playlist .nav .we-arrow-next,.playlist .nav .we-arrow-prev{cursor:pointer;position:relative;background-color:transparent;border:1px solid #ffc629;border-radius:80px;width:40px;height:40px;transition:all .3s ease}.playlist .nav .we-arrow-next:hover,.playlist .nav .we-arrow-prev:hover{transform:scale(1.05)}.playlist .nav .we-arrow-next::after,.playlist .nav .we-arrow-prev::after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-size:contain}.playlist .nav .we-arrow-prev::after{background-image:url(/wp-content/themes/webit/images/arrow-right-yellow.svg);transform:translate(-50%,-50%) rotate(180deg)}.playlist .nav .we-arrow-next::after{background-image:url(/wp-content/themes/webit/images/arrow-right-yellow.svg)}@media screen and (max-width:1400px){.playlist .playlist_videos{width:90%}}@media screen and (max-width:1100px){.playlist{margin:100px 0}.playlist .title-row{margin-bottom:40px}.playlist .title-row h2{margin-bottom:10px}.playlist .image-container{height:450px}}@media screen and (max-width:800px){.playlist{padding:100px 0}.playlist::before{display:block}}@media screen and (max-width:600px){.playlist .title-row{display:block;margin-bottom:20px}.playlist .title-row h2{flex-basis:100%;margin-bottom:20px}}.acf-block-preview .playlist{box-sizing:border-box;overflow:hidden;padding:100px 0}.acf-block-preview .playlist h2{margin-top:0}.acf-block-preview .playlist h4{margin-top:0;margin-bottom:10px}.acf-block-preview .playlist .playlist_videos{display:flex;gap:20px;margin:0;width:100%}.acf-block-preview .playlist .playlist_videos::before{display:none}.acf-block-preview .playlist .item{margin:0;flex-basis:45%;flex-shrink:0}.acf-block-preview .playlist .title-row{margin-bottom:40px}.acf-block-preview .playlist .title-row h2{margin-bottom:10px}.acf-block-preview .playlist .image-container{height:500px}