.case-category-type-event{width:1500px;max-width:calc(100% - 40px);margin:0 auto;padding-bottom:8px;position:relative;overflow:hidden}@media only screen and (width<=900px){.case-category-type-event{contain:layout style paint;contain-intrinsic-size:auto 400px;content-visibility:auto}}.case-category-type-event .section-title{cursor:pointer;margin:44px 0 0}.case-category-type-event .section-title .category-arrow{transition:all .3s}.case-category-type-event .section-title .category-arrow.__active{transform:rotate(180deg)}.case-category-type-event .category-list{flex-wrap:wrap;width:calc(100% + 16px);margin:-8px;padding-top:32px;display:flex}.case-category-type-event .category-list .CaseBox{width:calc(16.6667% - 24px);margin:12px}@media only screen and (width<=1300px){.case-category-type-event .category-list .CaseBox{width:calc(20% - 16px);margin:8px}}@media only screen and (width<=1100px){.case-category-type-event .category-list .CaseBox{width:calc(25% - 16px);margin:8px}}@media only screen and (width<=750px){.case-category-type-event .category-list .CaseBox{width:calc(33.3333% - 16px);margin:8px}}@media only screen and (width<=570px){.case-category-type-event .category-list .CaseBox{width:calc(50% - 16px);margin:8px}}.case-category-type-event .category-banner{background-color:#101319;border-radius:16px;justify-content:center;align-items:center;width:100%;height:88px;margin-top:24px;display:flex;overflow:hidden}.case-category-type-event .category-banner .banner-bg{opacity:1;background-image:linear-gradient(#0000,#0000),url(https://static.g4skins.com/public/events/rouge-waves/header.png?v=1);background-position:50%;background-size:cover;width:120%;min-width:120%;height:150%;min-height:150%}