.filterContainer{align-items:center;background:#fefefe;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding-bottom:0}.filterContainer #footer{box-sizing:content-box}.filterWrapper{flex-basis:0;flex-grow:1;margin-bottom:9.3vh;margin-left:auto;margin-top:auto;width:90%}.filterContainer .backArrow{align-self:flex-start;cursor:pointer;transition:.2s;width:2.5rem}.filterContainer .backArrow:hover{transform:scale(1.1)}.filterContainer .backArrow img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.filterHeader{display:flex;flex-direction:row;margin:0 0 3.4rem;padding:0;position:relative}.filterHeader li{cursor:pointer;display:flex;flex-direction:column;font-family:Manrope;font-size:1.2rem;font-style:normal;font-weight:400;line-height:1.2rem;margin-right:2rem;text-transform:uppercase}.filterHeader li a{color:#b3b3b3;text-decoration:none;transition:.3s}.filterHeader li.active a{color:#000}.filterHeader span:hover{transform:translateY(-5px)}.filterHeader li .filterSubHeader{bottom:-2rem;display:flex;flex-direction:row;height:auto;left:0;max-height:0;overflow:hidden;position:absolute}.filterHeader li.active .filterSubHeader{flex:0 0}.filterHeader li .filterSubHeader a{color:#b3b3b3;cursor:pointer;font-family:Manrope;font-size:1rem;font-weight:400;margin-right:1rem;opacity:0;text-transform:none;transform:translateX(10px);transition:.3s}.filterHeader li .filterSubHeader a.active{color:#000}.filterHeader li.active .filterSubHeader a{opacity:1;transform:translateX(0)}.filterHeader li .filterSubHeader a:hover{transform:translateY(-2px)}.filterCards{display:grid;grid-template-columns:31% 31% 31%;justify-content:space-between;padding:0}.projectCard{background-color:#fff;border:.7px solid #c3ccd9;border-left:none;box-shadow:0 10px 40px #0000;cursor:pointer;display:flex;margin-bottom:2rem;opacity:0;padding:2.5rem 0;position:relative;transition:.3s cubic-bezier(.175,.885,.32,1.275);width:100%}.projectCard:hover{box-shadow:0 0 50px rgba(65,65,65,.13);transform:scale(1.05)!important}.projectCard,.projectCardButton,.projectCardCategory,.projectCardImage,.projectCardName{transition:.3s}.projectCard:hover .projectCardCategory,.projectCard:hover .projectCardName{transform:scale(1.05)}.projectCard .color{background:#323b4e;box-sizing:content-box;height:calc(100% + 2px);left:0;pointer-events:none;position:absolute;top:-1px;transition:.3s;width:.6rem;z-index:1}.filterCards li:nth-child(3n){margin-right:0}.projectCardContent{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding-left:8%;width:55%;z-index:1}.projectCardCategory{font-family:Open Sans;font-size:.9rem;font-weight:500;line-height:1.2rem;margin-bottom:.6rem}.projectCardName{font-family:Manrope;font-size:1.2rem;font-style:normal;font-weight:500;line-height:1.2rem;margin-bottom:3rem;text-transform:uppercase}.projectCardButton{align-items:center;border:1px solid #000;border-radius:50%;cursor:pointer;display:flex;height:55px;justify-content:center;width:55px}.projectCardButton img{height:45%;-o-object-fit:contain;object-fit:contain;transform:translateX(12.5%);width:auto}.projectCardImage{height:90%;max-width:48%;position:absolute;right:0;top:50%;transform:translateY(-50%) translateX(1rem)}.projectCardImage img{height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}@media screen and (max-width:1024px){.filterContainer{height:auto;overflow:auto;padding:60px 0 0}.filterContainer #footer{box-sizing:border-box}.filterContainer .backArrow{margin-bottom:3rem;margin-left:5%;width:2.5rem}.filterWrapper{flex-basis:100%;height:auto;margin:0 0 60px}.filterHeader{flex:0 0;flex-direction:column;margin-bottom:3rem}.filterHeader span:hover{transform:none}.filterHeader li{flex:0 0;font-size:1rem;margin-bottom:1rem}.filterHeader li .filterSubHeader{flex-direction:column;padding-left:1rem;position:static;transform:none;transition:.3s}.filterHeader li .filterSubHeader div{margin-bottom:.4rem}.filterHeader li .filterSubHeader div:first-child{margin-top:.9rem}.filterHeader li .filterSubHeader div:last-child{margin-bottom:0}.filterCards{grid-template-columns:1fr}.projectCard{border:none;border-top:.5px solid #c3ccd9;height:12.5rem;padding:18px 0;width:100%}.projectCard:hover{box-shadow:none}.projectCard:last-child{margin-bottom:0}.projectCard .color{display:none}.projectCardContent{padding-left:0;width:60%}.projectCardCategory{color:#c3ccd9;font-size:1rem;margin-bottom:.8rem}.projectCardName{font-size:1.4rem;line-height:1.4rem;margin-bottom:2rem}.projectCardButton{height:3rem;width:3rem}.projectCardImage{display:flex;height:100%;justify-content:flex-end;margin-left:auto;position:static;transform:none;width:40%}.projectCardImage img{height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}}