section.video-index .wrapper .wrap{margin-bottom:2rem}section.video-index .wrapper .filters{margin-bottom:2rem}section.video-index .wrapper .filters .accordion-wrapper.open .accordion svg{transform:rotate(0)}section.video-index .wrapper .filters .accordion-wrapper .accordion svg{width:24px;height:fit-content;min-width:24px;min-height:fit-content}section.video-index .wrapper .cats{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:16px;margin-bottom:16px}section.video-index .wrapper .cats .cat{padding:16px;background:#efefef;color:#676868;text-align:center;transition:all .3s ease}section.video-index .wrapper .cats .cat:hover{background:#3F3F3F;text-decoration:none!important;color:#fff}section.video-index .wrapper .cats .cat.active{background:#4FB973;text-decoration:none!important;color:#fff}section.video-index .wrapper .videos{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:24px}section.video-index .wrapper .video-wrap{align-self:stretch;flex-basis:100%}section.video-index .wrapper .video-wrap .video-box{width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin-bottom:8px}section.video-index .wrapper .video-wrap h5{font-family:Lato,sans-serif;font-weight:400;font-size:1.5rem;color:#3f3f3f;line-height:1.3;line-height:1.2}@media only screen and (min-width: 601px){section.video-index .wrapper .video-wrap{flex-basis:calc(50% - 12px)}}@media only screen and (min-width: 992px){section.video-index .wrapper .wrap{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;flex-wrap:auto;gap:2rem}section.video-index .wrapper .wrap>*{width:100%}section.video-index .wrapper .wrap .filters{margin-bottom:0}section.video-index .wrapper .wrap .search form{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;gap:1rem}section.video-index .wrapper .wrap .search form button{padding:12px 24px;min-width:max-content}section.video-index .wrapper .videos{gap:32px;justify-content:flex-start}section.video-index .wrapper .video-wrap{flex-basis:calc(50% - 16px)}section.video-index .wrapper .video-wrap h5{font-size:2rem}}
