.resources-with-filter{overflow:hidden}.resources-with-filter .content-wrapper{max-width:1000px}.resources-top-filter ul{justify-content:center;list-style:none;margin:32px 0 0;padding:0}.resources-top-filter ul li{border-bottom:2px solid transparent;color:var(--primary-color);cursor:pointer;font-family:var(--secondary-font);font-weight:500;letter-spacing:-.36px;margin:5px 15px;padding:3px 0;transition:color .15s linear}.resources-top-filter ul li.active{border-bottom:2px solid var(--primary-color);pointer-events:none}.resources-top-filter{margin-bottom:34px}.resources-bottom-main-flex{margin-left:-12px;margin-right:-12px}.resources-main-item{padding:32px 12px;position:relative;width:33.33%}.resources-main-item-image img{box-shadow:0 3px 6px rgba(0,0,0,.16);display:block;width:100%}.resources-main-item a{color:#fff;display:block;height:100%;text-decoration:none}.resources-main-item-image{position:relative}.resources-main-item-content{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;left:0;margin:auto;mix-blend-mode:luminosity;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease-in-out;width:100%;z-index:1}.resources-main-item a:hover .resources-main-item-content{opacity:1}.resources-main-item-content:before{border:1px solid #fff;content:"";height:calc(100% - 50px);left:25px;position:absolute;top:25px;width:calc(100% - 50px);z-index:1}.resources-bottom-main{position:relative}.resources-bottom-main:before{background:#f2f2f2;content:"";height:66%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw}@media(max-width:1024px){.resources-main-item{padding:18px 12px}}@media(max-width:900px){.resources-main-item{width:50%}}@media(max-width:567px){.resources-main-item{width:100%}}