section.logo-grid{padding-bottom:40px}section.logo-grid .wrapper>.content{text-align:center;margin-bottom:32px}section.logo-grid .wrapper .logos{display:grid;grid-template-columns:1fr;column-gap:auto;row-gap:auto;gap:32px;align-items:center}section.logo-grid .wrapper .logos .logo{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;max-width:268px;width:100%;aspect-ratio:1.68/1;margin:0 auto;border-radius:8px;box-shadow:0 0 10px #0000001a;overflow:hidden;padding:32px 16px;cursor:pointer;transition:all .3s ease}section.logo-grid .wrapper .logos .logo.active{box-shadow:0 0 10px #4fb973;background:rgba(79,185,115,.2)}section.logo-grid .wrapper .logos .logo:hover{box-shadow:0 0 10px #4fb973}section.logo-grid .wrapper .logos .logo picture{max-width:200px;width:100%;height:100%}section.logo-grid .wrapper .logos .logo picture img{width:100%;height:100%;object-fit:contain;object-position:center}section.logo-grid .wrapper .logos .logo-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:9999999}section.logo-grid .wrapper .logos .logo-popup.open{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto}section.logo-grid .wrapper .logos .logo-popup .popup{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:auto;gap:32px;background:#FFF;position:relative;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:692px;width:100%;padding:40px 24px;z-index:9999998}section.logo-grid .wrapper .logos .logo-popup .popup .close{position:absolute;top:16px;right:16px;cursor:pointer}section.logo-grid .wrapper .logos .logo-popup .popup .inner-logo{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;max-width:205px;width:100%;aspect-ratio:1.68/1;overflow:hidden}section.logo-grid .wrapper .logos .logo-popup .popup .inner-logo picture{width:100%;height:100%}section.logo-grid .wrapper .logos .logo-popup .popup .inner-logo picture img{width:100%;height:100%;object-fit:contain;object-position:center}section.logo-grid .wrapper .logos .logo-popup .popup .content{text-align:left}section.logo-grid .wrapper .logos .logo-popup:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.2);z-index:9999997}@media only screen and (min-width: 601px){section.logo-grid .wrapper .logos{grid-template-columns:1fr 1fr}}@media only screen and (min-width: 992px){section.logo-grid{padding-bottom:80px}section.logo-grid .wrapper>.content{margin-bottom:64px}section.logo-grid .wrapper .logos{grid-template-columns:1fr 1fr 1fr 1fr}}