/* MISAM — static institutions logos. Original SVGs supplied by the user. */
.institutions-section { padding: 45px 0 70px!important; isolation:isolate; }
.institutions-intro { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:24px; }
.institutions-intro h2 { font-size:clamp(26px,3.1vw,38px); line-height:1.35; letter-spacing:-.8px; margin:14px 0 8px; color:#f2f7f4; }
.institutions-intro p { font-size:13px; color:#a3b5aa; line-height:1.9; margin:0; max-width:650px; }
.institutions-viewport { width:100%; overflow:visible; }
.institutions-track { display:block; width:100%; direction:rtl; transform:none; animation:none; }
.institutions-set { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:0; }
.institution-card { min-width:0; min-height:145px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:22px 14px 18px; border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.029),rgba(5,61,46,.06)); border:1px solid rgba(106,163,134,.18); color:#dae8df; text-decoration:none; opacity:1; text-align:center; }
.institution-card:hover,.institution-card:focus-visible { border-color:rgba(132,206,165,.51); background:linear-gradient(145deg,rgba(11,69,47,.22),rgba(255,255,255,.036)); outline-offset:3px; }
.institution-logo { width:100%; height:70px; flex:0 0 70px; display:flex; justify-content:center; align-items:center; min-width:0; }
.institution-logo img { display:block; width:auto; height:auto; max-width:92%; max-height:69px; object-fit:contain; filter:brightness(0) invert(1); opacity:.92; transform:none; }
.institution-text { min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:21px; }
.institution-text strong { display:none; }
.institution-text small { font-size:10px; line-height:1.6; color:#a9bbae; }
.institution-arrow { position:absolute; left:14px; top:12px; font-size:13px; color:#a3b5a9; opacity:.65; }
.institutions-disclaimer { font-size:10px!important; line-height:1.9!important; color:#809688!important; margin:17px 0 0!important; }
.institution-logo--nafath img { max-width:78%; max-height:64px; }
.institution-logo--wipo img { max-width:88%; max-height:60px; }
.institution-logo--commerce img { max-width:86%; max-height:67px; }
.institution-logo--saip img { max-width:94%; max-height:57px; }
.institution-logo--business img { max-width:94%; max-height:60px; }
@media(max-width:1100px) { .institutions-set { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:680px) { .institutions-section { padding:34px 0 48px!important; } .institutions-intro h2 { font-size:27px; } .institutions-intro p { font-size:12px; } .institutions-set { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .institution-card { min-height:132px; padding:18px 10px 14px; } .institution-logo { height:60px; flex-basis:60px; } .institution-logo img { max-height:60px; } .institution-text small { font-size:9.5px; } }
@media(max-width:380px) { .institutions-set { grid-template-columns:1fr 1fr; } .institution-card { padding-inline:8px; } }

@media(max-width:680px){.institutions-set>.institution-card:last-child:nth-child(odd){grid-column:1/-1;width:calc((100% - 10px)/2);justify-self:center}}