.video__listing,.video__listing>*{box-sizing:border-box}.video__listing{max-width:1920px;width:100%;margin:auto;background-color:#fff;padding-block:60px;padding-inline:1em}.video__listing .page__top{display:grid;grid-template-columns:1fr;justify-content:space-between;gap:30px;align-items:center;margin-bottom:15px}.video__listing .page__top .filters{display:flex;gap:15px;justify-content:flex-end}.video__listing .page__top .filters select{background-color:#efefef;max-width:250px;line-height:19.6px}.video__listing img{max-width:100%;width:100%;height:auto}.video__listing .video__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:30px}.video__listing .video__grid .box .image{display:flex;justify-content:center}.video__listing .video__grid .box .image img{object-fit:cover;width:100%;height:100%}.video__listing .video__grid .box .text{margin-top:15px}.video__listing .video__grid .box .text h2{color:#134a81;font-size:18px;margin:0 0 15px;font-weight:500}.video__listing .video__grid .box .text .author{font-size:14px;font-weight:500;color:#000;margin:0 0 5px}.video__listing .video__grid .box .text p{font-size:14px;font-weight:400;color:#000;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:769px){.video__listing .page__top{grid-template-columns:1fr;margin-bottom:30px;gap:15px}.video__listing .video__grid{grid-template-columns:repeat(2,1fr)}.video__listing .video__grid .image{background-color:#ccc;display:flex;justify-content:center}}@media screen and (max-width:567px){.video__listing .page__top .filters{flex-direction:column}.video__listing .video__grid{grid-template-columns:1fr}}