.system-partners{width:100%;height:90vh;display:flex;flex-direction:column;padding:0 2rem;overflow:hidden;background:#f8f8f8}@media(max-width:768px){.system-partners{padding:1rem}}.system-partners h2{color:#fff}.system-partners .top-banner{width:100%;display:flex;align-items:center;padding:1rem 0 3rem;height:-moz-fit-content;height:fit-content}@media(max-width:768px){.system-partners .top-banner{padding:0 0 2rem}}.system-partners .top-banner h2{color:#000}.system-partners .partners-container{width:100%;height:calc(100% - 96px);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:.5rem;gap:.5rem}@media(max-width:768px){.system-partners .partners-container{height:calc(100% - 56px);grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}}.system-partners .partners-container div{overflow:hidden;position:relative;cursor:pointer}.system-partners .partners-container div:hover svg{transform:translate(-50%,-50%) scale(.97);transition:.3s ease-out}.system-partners .partners-container div:hover svg path{fill:#fff;transition:.1s ease}.system-partners .partners-container div:hover video{opacity:1!important;transition:.6s ease-out}.system-partners .partners-container div:hover .overlay{opacity:1}.system-partners .partners-container div:hover .gradient{opacity:.8;transition:.3s ease-out}@media(max-width:768px){.system-partners .partners-container div:hover .gradient{display:none}}.system-partners .partners-container div:hover .button-container{transform:translateX(-1rem);transition:.2s ease;opacity:1}@media(max-width:768px){.system-partners .partners-container div:hover .button-container{display:none}}.system-partners .partners-container div:hover .button-container button span{opacity:1;transition:.3s ease .5s;transform:translate(8px,-50%) scale(.75)}.system-partners .partners-container div:hover .button-container button:before{width:calc(100% + 1.25rem);transition:.5s cubic-bezier(1,-.4,.35,.95)}.system-partners .partners-container div div{position:absolute;top:0;left:0;width:100%;height:100%}.system-partners .partners-container div div .background{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.075)}.system-partners .partners-container div div .overlay{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.2);z-index:3;pointer-events:none}@media(max-width:768px){.system-partners .partners-container div div .overlay{opacity:1}}.system-partners .partners-container div div .gradient{width:100%;height:25%;position:absolute;top:75%!important;left:0;background:linear-gradient(0deg,rgb(0,0,0),rgba(0,0,0,0));opacity:0;z-index:3;transition:.3s ease-out}@media(max-width:500px){.system-partners .partners-container div div .gradient{opacity:0}}.system-partners .partners-container div svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:50px;max-width:150px;transition:.3s ease-out;z-index:4}@media(max-width:1000px){.system-partners .partners-container div svg{max-width:100px}}@media(max-width:500px){.system-partners .partners-container div svg{max-width:75px}}.system-partners .partners-container div svg path{transition:.1s ease}@media(max-width:768px){.system-partners .partners-container div svg path{fill:#fff!important}}.system-partners .partners-container div video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1);width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:.6s ease-out;z-index:2}@media(max-width:768px){.system-partners .partners-container div video{opacity:1!important}}.system-partners .partners-container div h2{position:absolute;left:2rem;bottom:2rem;cursor:default;z-index:3;display:none}@media(max-width:768px){.system-partners .partners-container div h2{left:1rem;bottom:1rem}}.system-partners .partners-container div .button-container{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:absolute;top:unset;left:unset;bottom:2rem;right:2rem;z-index:3;overflow:visible;opacity:0;transition:.4s ease .2s}.system-partners .partners-container div .button-container button{color:#fff!important}.system-partners .partners-container div .button-container button span{transition:.3s ease!important}.system-partners .partners-container div .button-container button:before{background:#fff;transition:.5s cubic-bezier(1,-.4,.35,.95)}