.d-none{display:none}.client-section{padding-top:var(--section-padding);padding-bottom:var(--section-padding)}.client-section img.logo{filter:brightness(0)saturate()invert()sepia()saturate(0%)hue-rotate(3deg)brightness()contrast(104%);max-width:80%;max-height:60px}.client-section img.logo.sf{max-height:95px}.client-section img.logo.asc{max-height:60px}.client-section img.logo.drm{max-height:66px}.grid-container{grid-template-columns:repeat(4,1fr);display:grid}.grid-item{box-sizing:border-box;cursor:pointer;aspect-ratio:1;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;border-right:1px solid #ddd;transition:transform .3s;position:relative;overflow:hidden}.grid-item:nth-child(4n){border-right:none}.grid-item:nth-child(-n+4){border-bottom:1px solid #ddd}.grid-item .content{flex-direction:column;justify-content:center;align-items:center;transition:transform .3s;display:flex;position:absolute;inset:0}.logo{opacity:1;transition:all .5s}.description{text-align:center;opacity:0;max-height:0;transition:all .5s;overflow:hidden}.description p{text-wrap:balance;margin:20px 20px 0;font-size:20px}.toggle-btn{cursor:pointer;background:0 0;border:none;padding:0;display:none;position:absolute;top:10px;right:10px}.toggle-btn .icon{width:24px;height:24px}@media screen and (width>=768px){.grid-item:hover .description{opacity:1;max-height:140px}}@media screen and (width<1400px){.description p{font-size:16px}}@media screen and (width<1200px){.description p{font-size:14px}}@media screen and (width<992px){.grid-container{grid-template-columns:repeat(2,1fr)}.grid-item:nth-child(2n){border-right:none}.grid-item{border-bottom:1px solid #ddd}.grid-item:nth-last-child(-n+2){border-bottom:none}.description p{font-size:16px}}@media screen and (width<768px){.toggle-btn{display:block}.grid-item.active .description{opacity:1;max-height:180px;transition:all .5s}.grid-item.active .logo{transition:all .5s;opacity:0!important;max-height:0!important}.grid-item.active .toggle-btn .plus{display:none}.grid-item.active .toggle-btn .minus{display:block}}@media screen and (width<576px){.grid-item:nth-child(odd) .description p{margin:20px 20px 0 10px}.grid-item:nth-child(2n) .description p{margin:20px 10px 0 20px}.description p{font-size:14px}}@media screen and (width<400px){.description p{font-size:13px}}@media screen and (width<380px){.description p{font-size:12px}}