.video-library{padding:40px 0;background:var(--light-grey-color);margin-bottom:60px}.video-container{display:flex;gap:30px}.video-library .video-filter{min-width:310px;max-width:310px;background:var(--white-color);border-radius:var(--border-radius-5)}.video-library .filter-box{display:flex;gap:10px;align-items:center;padding:20px;border-bottom:1px solid rgba(0,0,0,.1)}.video-library .search-box{padding:20px;border-bottom:1px solid rgba(0,0,0,.1)}.filter-box svg{width:20px;height:20px}.video-library .video-filter ul{display:flex;margin:0;padding:0;flex-direction:column}.video-library .video-filter ul li{display:flex;position:relative;border-bottom:1px solid rgba(0,0,0,.1)}.video-library .video-filter h5{text-transform:uppercase;font-weight:700;letter-spacing:2px;line-height:normal;font-size:16px}.video-library .video-filter ul li a{color:var(--black-color);font-size:18px;font-weight:500;line-height:normal;padding:20px;width:100%}.video-library .video-filter ul li a:hover,.video-library .video-filter ul li a.active{color:var(--primary-blue-color)}.video-library .video-filter .search .field{display:flex;align-items:center}.video-library .video-filter .search .field:after,.video-library .video-filter .search .field:before{content:none}.video-library .video-filter .search .field .svg-wrapper{position:absolute;left:20px;z-index:1}.video-library .video-filter .search .field .field__input{border:1px solid rgba(0,0,0,.2);border-radius:4px;color:#00000080;font-size:16px;font-weight:600;padding:14px 18px 14px 50px;width:320px;font-family:var(--font-open-sans)}.video-library .video-filter .search .field .field__label{font-size:16px;font-weight:600;color:#00000080;padding-left:32px}.video-library .video-filter .field__input:focus~.field__label,.video-library .video-filter .field__input:not(:placeholder-shown)~.field__label,.video-library .video-filter .field__input:-webkit-autofill~.field__label{font-size:12px!important;font-weight:500}.video-library .video-library-list{display:flex;flex-wrap:wrap;width:100%}.video-library .video-library-list ul{display:flex;flex-wrap:wrap;gap:30px;width:100%;margin:0;padding:0;height:max-content}.video-library .video-library-list ul li{flex:0 0 calc(33.33% - 20px);width:calc(33.33% - 20px);display:flex}.video-library .video-library-list ul li .video-list-content{width:100%;height:100%;background:var(--white-color);border-radius:var(--border-radius-5);padding:20px 20px 30px}.video-library .video-library-list ul li .video_thumbnil{overflow:hidden;width:100%;display:flex;border-radius:var(--border-radius-5);position:relative}.video-library .video-library-list ul li .video_thumbnil:after{position:absolute;top:0;left:0;height:100%;width:100%;background:#0006;content:""}.video-library .video-library-list ul li .video_thumbnil img{border-radius:var(--border-radius-5);height:100%;aspect-ratio:16 / 9;width:100%;object-fit:inherit}.video-library .video-library-list ul li .video_thumbnil svg{height:100%;width:100%;aspect-ratio:16 / 9}.video-library .video-library-list ul li .play-btn{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer}.video-library .video-library-list ul li .play-btn:hover{background:#00000080}.video-library .video-library-list ul li .play-btn span{width:32px;height:26px;background:#ffffffc7;border-radius:8px;position:absolute;display:flex}.video-library .video-library-list ul li .play-btn span:after{display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--black-color);position:relative;margin:auto;content:""}.video-library .video-library-list ul li h5{margin-top:30px;font-size:20px;line-height:normal;color:var(--black-color);text-align:center;font-weight:500}.video-library .video-library-list ul li .video-type{display:none}.video-library .video-load-more{display:flex;flex-wrap:wrap;justify-content:center;margin-top:40px;width:100%}.video-library .video-load-more a{padding:10px 58px}@media only screen and (max-width: 1200px){.video-library .video-library-list ul li{flex:0 0 calc(50% - 20px);width:calc(50% - 20px);display:flex}.video-library .video-filter{min-width:33%;max-width:33%}}@media only screen and (max-width: 991px){.video-container{flex-direction:column}.video-library .video-filter{min-width:100%;max-width:100%}.video-library .video-filter ul{display:flex;align-items:center;overflow-x:auto;gap:10px;padding:20px 0;flex-direction:row;margin:0 20px}.video-library .video-filter ul li{white-space:nowrap;border:none;margin:0;background:var(--light-grey-color);border-radius:50px}.video-library .video-filter ul li a{padding:10px 20px}.video-library{margin-bottom:40px}.video-library .video-filter .search-box{width:100%}.video-library .video-library-list ul li h5{font-size:18px}.video-library .video-load-more{margin-top:32px}}@media only screen and (max-width: 767px){.video-library .video-library-list ul{gap:26px}.video-library .video-library-list ul li{flex:0 0 100%;width:100%}.video-library .video-filter .search .field .field__input,.video-library .video-filter .search .field .field__label{font-size:14px}}@media only screen and (max-width: 576px){.video-library .video-load-more a{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-video-library.css.map */