.clients-section{background-color:#f5f3ea;padding:80px 0 100px}.clients-container{max-width:1440px;margin:0 auto;padding:0 120px}.clients-header{margin-bottom:60px}.clients-divider{background:#000;width:100%;height:1px;margin-bottom:17px}.clients-label{text-transform:uppercase;color:#000;margin:0;font-family:NimbusSanL,sans-serif;font-size:12px;font-weight:700;line-height:14px}.clients-grid{background:0 0;grid-template-columns:repeat(5,1fr);gap:0;display:grid}.client-card{aspect-ratio:1;cursor:pointer;background:#f5f3ea;outline:1px solid #ababab;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.client-bg-image{opacity:0;z-index:1;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scale(1.1)}.client-bg-image:after{content:"";background:#00000073;transition:opacity .6s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.client-logo-container{z-index:2;justify-content:center;align-items:center;width:70%;height:auto;display:flex;position:relative}.client-logo{object-fit:contain;width:100%;height:auto;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.client-logo-black{opacity:1}.client-logo-white{opacity:0;position:absolute;top:0;left:0}.client-card:hover .client-bg-image,.client-card.active .client-bg-image{opacity:1;transform:scale(1)}.client-card:hover .client-bg-image:after,.client-card.active .client-bg-image:after{opacity:1}.client-card:hover .client-logo-black,.client-card.active .client-logo-black{opacity:0}.client-card:hover .client-logo-white,.client-card.active .client-logo-white{opacity:1}@media (max-width:1200px){.clients-container{padding:0 60px}.clients-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.clients-section{padding:60px 0 80px}.clients-container{padding:0 24px}.clients-grid{grid-template-columns:repeat(2,1fr)}.client-logo-container{width:80%}}@media (max-width:480px){.clients-grid{grid-template-columns:repeat(2,1fr)}}.client-card-empty{aspect-ratio:1;background:#f5f3ea;outline:none}@media (max-width:1200px) and (min-width:769px){.client-card-empty:nth-of-type(3){display:none}}@media (max-width:768px){.client-card-empty{display:none}}