@font-face{font-family:"Mr Pages Cairo";src:url("/courses/fonts/Cairo-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Mr Pages Cairo";src:url("/courses/fonts/Cairo-bold.ttf") format("truetype");font-style:normal;font-weight:500 900;font-display:swap}
@font-face{font-family:"Pages Sans";src:url("/courses/fonts/PagesSans-Regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Pages Sans";src:url("/courses/fonts/PagesSans-Bold.woff") format("woff");font-style:normal;font-weight:700;font-display:swap}
:root{--font:"Mr Pages Cairo",Cairo,Calibri,Arial,sans-serif;--font-ar:"Mr Pages Cairo",Cairo,Calibri,Arial,sans-serif;--font-en:"Mr Pages Cairo",Cairo,Calibri,Arial,sans-serif}
:where(body,body *):not(:where(.preview-paper,.preview-paper *,.font-option,.font-option *,.exam-report-render,.exam-report-render *,.certificate-page,.certificate-page *,pre,pre *,code,code *)){font-family:var(--font)!important;letter-spacing:normal}
body{font-weight:600;line-height:1.75;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.courses-page{--font:Calibri,"Pages Sans",Arial,sans-serif;--font-ar:Calibri,"Pages Sans",Arial,sans-serif;--font-en:Calibri,"Pages Sans",Arial,sans-serif;font-weight:400}
body.courses-page,body.courses-page :where(*):not(:where(.preview-paper,.preview-paper *,.font-option,.font-option *,.exam-report-render,.exam-report-render *,.certificate-page,.certificate-page *,pre,pre *,code,code *)){font-family:Calibri,"Pages Sans",Arial,sans-serif!important;letter-spacing:normal}
:where(button,input,select,textarea){font-weight:600;line-height:1.6}
:where(h1,h2,h3,h4,strong,b){font-weight:700}
:where(p,label,li){line-height:1.75}
:where(button,input,select,textarea){overflow:visible}
.academy-layout .session-name{font-size:16px;line-height:1.75;font-weight:700}
.academy-layout .resource-name{font-size:14px;line-height:1.85}
.academy-layout .curriculum>h2{font-size:18px;line-height:1.75;font-weight:700}
.academy-layout .curriculum>h2 small{font-size:13px;font-weight:400}
.academy-layout .curriculum summary{font-size:16px;line-height:1.75;font-weight:700}
.academy-layout .workspace-button,.academy-layout .lesson-tabs button{font-size:13px;line-height:1.75}
.academy-layout .session-name small{font-size:13px;line-height:1.8;font-weight:400}
.academy-layout .course-meta,.academy-layout .material-file-name small{font-size:12px;line-height:1.8}
.academy-layout .material-file-name{font-size:14px;line-height:1.85}
.academy-layout .lesson-info h2{font-size:20px;line-height:1.75}
.course-status.is-active,.course-heading .badge.active{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;color:#7cbbff!important;line-height:1.8;min-height:0}
:root[data-theme="light"] .course-status.is-active,:root[data-theme="light"] .course-heading .badge.active{color:#075be7!important}
.course-status.is-active .status-dot,.course-heading .badge.active .status-dot{display:none}
@media(max-width:600px){.academy-layout .session-name{font-size:15px}.academy-layout .lesson-info h2{font-size:18px}.academy-layout .curriculum summary{font-size:15px}}
