@font-face{font-family:IBM Plex Sans Arabic;src:url(/portal/fonts/IBMPlexSansArabic-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/portal/fonts/IBMPlexSansArabic-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--primary: #027d97;--gold: #ffd838;--white: #fff;--black2: rgba(0, 0, 0, .54);--black3: rgba(0, 0, 0, .12);--low-gray: #f5f5f5;--gray: #f8f8f8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--low-gray);font-family:IBM Plex Sans Arabic,system-ui,sans-serif;color:#000000de}.appbar{height:130px;margin:10px;padding:10px 0;display:flex;justify-content:center;background:var(--primary);border-radius:20px;box-shadow:0 2px 3px var(--black3)}.appbar img{height:100%;object-fit:contain}.systems{max-width:450px;margin:0 auto;padding:20px 20px 100px;text-align:center}.systems h1{margin:0 0 10px;color:var(--primary);font-size:20px;font-weight:700;line-height:1.5}.gold-divider{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.gold-divider span{height:.5px;background:var(--gold)}.gold-divider i{width:5px;height:5px;background:var(--gold);transform:rotate(-45deg)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:20px}.tile{height:200px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:4px;background:var(--white);border:1px solid var(--black3);border-radius:15px;box-shadow:0 0 5px #00000003;text-decoration:none;transition:transform .12s ease-out;-webkit-tap-highlight-color:transparent}.tile:active{transform:scale(.9)}.tile:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tile__icon{width:64px;height:64px;flex:none;display:grid;place-items:center;background:var(--white);border-radius:18px;box-shadow:0 0 5px var(--black3);overflow:hidden}.tile__icon img{width:58%;height:58%;object-fit:contain}.tile__title{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--primary);font-size:12.5px;font-weight:700}.tile__dec{flex:1;color:var(--black2);font-size:12.5px;font-weight:700;line-height:1.5}.tile__cta{width:100px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--primary);border-radius:30px;color:var(--gray);font-size:13px;font-weight:700}.contact{padding:10px 20px;background:var(--white);border-radius:20px;box-shadow:0 0 3px var(--black3)}.contact__badge{width:40px;height:40px;margin:0 auto 10px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:var(--white)}.contact__heading{color:var(--primary);font-weight:700}.contact .gold-divider{margin:4px 0 10px}.contact .gold-divider span{height:1px}.contact__row{display:flex;align-items:center;gap:4px;font-size:14px;text-align:left;overflow-wrap:anywhere}.contact__icon{width:22px;height:22px;flex:none;margin-right:6px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:var(--white)}.contact__row a{color:var(--primary);font-weight:700;text-decoration:underline}.contact__plain{-webkit-user-select:all;user-select:all}.contact__divider{margin:2.5px 0;border:0;border-top:1px solid var(--black3)}