.client-grid{gap:16px;border:0}.client-card{position:relative;min-height:266px;border:1px solid #ffffff19;border-radius:8px;background:linear-gradient(145deg,#121e2c,#0a111c);overflow:hidden;transition:border-color .2s,background .2s}.client-card:hover{border-color:#75c6ea60}.client-card.is-open{border-color:#83cce4a6;background:linear-gradient(145deg,#1b2f41,#0b1522 70%)}.client-toggle{width:100%;min-height:264px;border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 25px 28px;gap:22px;text-align:left;position:relative}.client-toggle:focus-visible{outline-offset:-5px;border-radius:8px}.client-card-index{position:absolute;top:18px;left:20px;color:#6c8ba2;font:9px monospace;letter-spacing:1px}.client-indicator{position:absolute;top:13px;right:18px;font-size:22px;line-height:1;font-weight:300;color:#7095ac}.client-logo{display:flex;align-items:center;justify-content:center;width:220px;max-width:100%;height:114px;overflow:hidden;border-radius:5px;transition:width .24s,height .24s}.client-logo img{display:block;width:100%;height:100%;object-fit:contain}.logo-aloqabank,.logo-avada{background:#fff;padding:12px}.logo-wepro{background:#091b2c}.logo-trip-tour{background:#652c87}.logo-bs-sat-academy{background:#00372b}.logo-ipotekabank{background:#112b31;color:#a8e7df;border:1px solid #438a7b55;padding:10px}.client-wordmark{font-size:23px;font-weight:600;letter-spacing:-.7px}.client-identity{display:flex;flex-direction:column;align-items:center;gap:7px}.client-name{font-size:13px;color:#e0eaf2;line-height:1.4}.client-sector{font-size:7px;color:#8099ae;letter-spacing:1.5px;line-height:1.6}.client-note[hidden]{display:none}.client-note{padding:4px 25px 25px}.client-note p{margin:0 0 20px;color:#d0dee9;font-size:14px;line-height:1.8}.client-note-caption{font-size:7px;color:#78adc6;letter-spacing:1px;line-height:1.6;display:block}.client-card.is-open .client-toggle{min-height:0;justify-content:flex-start;align-items:center;flex-direction:row;padding:32px 25px 15px;gap:16px}.client-card.is-open .client-logo{flex-shrink:0;width:92px;height:54px}.client-card.is-open .client-identity{align-items:flex-start;gap:6px;padding-right:6px}.client-card.is-open .client-card-index{display:none}.client-card.is-open .client-wordmark{font-size:10px;letter-spacing:-.3px}.client-card.is-open .logo-aloqabank,.client-card.is-open .logo-avada{padding:5px}.client-card.is-open .logo-ipotekabank{padding:5px}.cases .section-heading>p{max-width:345px}.client-card.is-open .client-sector{font-size:6px;letter-spacing:.8px}
@media(max-width:930px){.client-logo{width:180px;height:103px}.client-toggle{padding-inline:20px}.client-card.is-open .client-toggle{padding-inline:20px;gap:10px}.client-card.is-open .client-logo{width:74px;height:48px}.client-card.is-open .client-name{font-size:11px}.client-note{padding-inline:20px}.client-note p{font-size:13px}}
@media(max-width:700px){.client-grid{gap:12px}.client-card{min-height:210px}.client-toggle{min-height:208px;padding:36px 17px 22px;gap:17px}.client-logo{width:180px;height:90px}.client-wordmark{font-size:18px}.client-card-index{top:15px;left:16px;font-size:8px}.client-indicator{top:11px;right:13px;font-size:20px}.client-name{font-size:12px}.client-sector{font-size:6px;letter-spacing:1px}.client-card.is-open{grid-column:1/-1;min-height:220px}.client-card.is-open .client-toggle{padding:27px 22px 15px;gap:18px}.client-card.is-open .client-logo{width:92px;height:54px}.client-card.is-open .client-name{font-size:14px}.client-card.is-open .client-sector{font-size:7px}.client-note{padding:6px 22px 26px}.client-note p{font-size:14px;margin-bottom:20px}.client-note-caption{font-size:7px}.logo-aloqabank,.logo-avada{padding:8px}.cases .cases-bottom{line-height:1.8}}
@media(max-width:700px){.client-card.is-open{grid-column:auto;min-height:270px}.client-card.is-open .client-toggle{flex-direction:column;align-items:flex-start;padding:25px 17px 12px;gap:10px}.client-card.is-open .client-logo{width:74px;height:44px}.client-card.is-open .client-name{font-size:12px}.client-card.is-open .client-sector{font-size:6px}.client-note{padding:4px 17px 22px}.client-note p{font-size:12px;line-height:1.8;margin-bottom:16px}.client-note-caption{font-size:6px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.client-logo,.client-card{transition:none}}
