/* support.murtajacorp.com: what Support and the knowledge base add to the company site's style.css */
.sp-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:32px;align-items:center}
.sp-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.sp-down{margin:0}.sp-down h3{color:#B42318;font-size:20px}.sp-down .sp-ctas{margin-top:6px}
.sp-down .btn{padding:9px 16px;font-size:15px}
.sp-sub{margin:10px 0 26px}
.sp-card .sp-go{margin-top:8px}.sp-card .btn{padding:9px 16px;font-size:15px}
.sp-note{font-size:14px;color:var(--mute);margin:0}
.sp-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s}
.sp-steps li{background:var(--paper);border:1px solid var(--hair);padding:22px 22px 22px;display:grid;gap:6px;align-content:start}
.sp-steps li::before{counter-increment:s;content:counter(s);width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;display:grid;place-items:center;margin-bottom:6px}
.sp-steps b{font-size:18px}.sp-steps span{color:var(--mute)}
.sp-contact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:26px}
.sp-contact a{display:grid;gap:4px;padding:20px 22px;border:1px solid var(--hair);background:var(--paper);text-decoration:none;color:var(--ink)}
.sp-contact a:hover{border-color:var(--blue)}.sp-contact small{color:var(--mute);font-size:13px}.sp-contact b{font-size:17px}

/* footer (the company pages set these inline; this site's policy allows no inline style) */
.ft-logo{height:26px;width:auto;filter:brightness(0) invert(1);margin-bottom:12px}
.ft-tag{margin-top:8px;color:#fff;font-weight:700}

/* knowledge base */
.kb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}
.kb-card{display:grid;gap:6px;align-content:start;padding:22px;border:1px solid var(--hair);background:var(--paper);text-decoration:none;color:var(--ink)}
.kb-card:hover{border-color:var(--blue)}.kb-card:hover b{color:var(--blue)}
.kb-card small{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
[lang="ar"] .kb-card small,[lang="ar"] .kicker{letter-spacing:0}
.kb-card b{font-size:19px;line-height:1.25}.kb-card span{color:var(--mute);font-size:15px}
.kb-jump{margin-top:18px;font-size:15px}.kb-jump a{text-decoration:none;font-weight:700}
.kb-sec{padding-block:clamp(30px,4vw,56px)}
.kb-cat{font-size:clamp(22px,2.2vw,28px);margin-top:44px}.kb-cat:first-child{margin-top:0}
.kb-ans{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px}
.kb-an{display:grid;gap:2px;padding:14px 16px;border:1px solid var(--hair);text-decoration:none;color:var(--ink);background:var(--paper)}
.kb-an:hover{border-color:var(--blue)}.kb-an small{color:var(--mute)}
.kb-head h1{font-size:clamp(30px,3.6vw,44px)}
.kb-crumb{font-size:14px;margin:0}.kb-crumb a{text-decoration:none;font-weight:700}
.kb-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.kb-body{max-width:70ch;font-size:17px}
.kb-body h2{font-size:22px;margin:30px 0 10px}
.kb-body p{margin:0 0 14px}.kb-body ul,.kb-body ol{margin:0 0 16px;padding-inline-start:22px}.kb-body li{margin:6px 0}
.kb-note{border-inline-start:4px solid var(--blue);background:var(--tint);padding:14px 16px}
.kb-tw{overflow-x:auto;margin:6px 0 18px;border:1px solid var(--hair)}
.kb-tw .ctab{font-size:15px}.kb-tw .ctab td:first-child{white-space:nowrap;font-weight:700}.kb-tw .ctab th{font-size:11.5px}.kb-tw .ctab td{padding:9px 10px;vertical-align:top}
.kb-side{display:grid;gap:20px;position:sticky;top:130px}
.kb-side .btn{padding:9px 16px;font-size:15px}
.kb-more h3{font-size:15px;margin-bottom:8px}.kb-more ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.kb-more a{text-decoration:none;font-weight:700}

@media (max-width:980px){.sp-steps,.sp-contact{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kb-layout{grid-template-columns:minmax(0,1fr)}.kb-side{position:static}}
@media (max-width:760px){.sp-hero{grid-template-columns:minmax(0,1fr)}.grid3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.sp-steps,.sp-contact,.kb-grid{grid-template-columns:minmax(0,1fr)}.kb-body{font-size:16px}}