.tailwind{html,:host {line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent;} body {margin: 0; line-height: inherit;} hr {height: 0; color: inherit; border-top-width: 1px;} abbr:where([title]) {-webkit-text-decoration: underline dotted; text-decoration: underline dotted;} h1,h2,h3,h4,h5,h6 {font-size: inherit; font-weight: inherit;} a {color: inherit; text-decoration: inherit;} b,strong {font-weight: bolder;} code,kbd,samp,pre {font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em;} small {font-size: 80%;} sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sub {bottom: -.25em;} sup {top: -.5em;} table {text-indent: 0; border-color: inherit; border-collapse: collapse;} button,input,optgroup,select,textarea {font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0;} button,select {text-transform: none;} button,input:where([type="button"]),input:where([type="reset"]),input:where([type="submit"]) {-webkit-appearance: button; background-color: transparent; background-image: none;} :-moz-focusring {outline: auto;} :-moz-ui-invalid {box-shadow: none;} progress {vertical-align: baseline;} ::-webkit-inner-spin-button,::-webkit-outer-spin-button {height: auto;} [type="search"] {-webkit-appearance: textfield; outline-offset: -2px;} ::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;} summary {display: list-item;} blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {margin: 0;} fieldset {margin: 0; padding: 0;} legend {padding: 0;} ol,ul,menu {list-style: none; margin: 0; padding: 0;} dialog {padding: 0;} textarea {resize: vertical;} input::-moz-placeholder,textarea::-moz-placeholder {opacity: 1; color: #9ca3af;} input::placeholder,textarea::placeholder {opacity: 1; color: #9ca3af;} button,[role="button"] {cursor: pointer;} :disabled {cursor: default;} img,svg,video,canvas,audio,iframe,embed,object {display: block; vertical-align: middle;} img,video {max-width: 100%; height: auto;} [hidden]:where(:not([hidden="until-found"])) {display: none;} .container {width: 100%;} @media (min-width: 640px) {.container {max-width: 640px;}} @media (min-width: 768px) {.container {max-width: 768px;}} @media (min-width: 1024px) {.container {max-width: 1024px;}} @media (min-width: 1280px) {.container {max-width: 1280px;}} @media (min-width: 1536px) {.container {max-width: 1536px;}} .collapse {visibility: collapse;} .static {position: static;} .absolute {position: absolute;} .relative {position: relative;} .bottom-0 {bottom: 0px;} .left-0 {left: 0px;} .right-0 {right: 0px;} .top-0 {top: 0px;} .-z-10 {z-index: -10;} .z-0 {z-index: 0;} .z-10 {z-index: 10;} .z-20 {z-index: 20;} .col-span-1 {grid-column: span 1 / span 1;} .col-span-2 {grid-column: span 2 / span 2;} .col-span-full {grid-column: 1 / -1;} .m-0 {margin: 0px;} .mx-auto {margin-left: auto; margin-right: auto;} .my-2 {margin-top: .5rem; margin-bottom: .5rem;} .my-auto {margin-top: auto; margin-bottom: auto;} .-ml-px {margin-left: -1px;} .mb-0 {margin-bottom: 0px;} .mb-1 {margin-bottom: .25rem;} .mb-2 {margin-bottom: .5rem;} .mb-28 {margin-bottom: 7rem;} .mb-3 {margin-bottom: .75rem;} .mb-32 {margin-bottom: 8rem;} .mb-4 {margin-bottom: 1rem;} .mb-5 {margin-bottom: 1.25rem;} .me-0 {margin-inline-end: 0px;} .me-1 {margin-inline-end: .25rem;} .me-2 {margin-inline-end: .5rem;} .me-4 {margin-inline-end: 1rem;} .me-auto {margin-inline-end: auto;} .ml-3 {margin-left: .75rem;} .ms-1 {margin-inline-start: .25rem;} .ms-auto {margin-inline-start: auto;} .mt-1 {margin-top: .25rem;} .mt-2 {margin-top: .5rem;} .mt-20 {margin-top: 5rem;} .mt-3 {margin-top: .75rem;} .block {display: block;} .flex {display: flex;} .inline-flex {display: inline-flex;} .table {display: table;} .grid {display: grid;} .hidden {display: none;} .aspect-video {aspect-ratio: 16 / 9;} .h-3 {height: .75rem;} .h-5 {height: 1.25rem;} .h-72 {height: 18rem;} .h-\[15\%\] {height: 15%;} .h-\[20\%\] {height: 20%;} .h-full {height: 100%;} .w-3 {width: .75rem;} .w-5 {width: 1.25rem;} .w-\[130\%\] {width: 130%;} .w-\[30\%\] {width: 30%;} .w-\[40\%\] {width: 40%;} .w-\[50\%\] {width: 50%;} .w-\[70\%\] {width: 70%;} .w-auto {width: auto;} .w-fit {width: -moz-fit-content; width: fit-content;} .w-full {width: 100%;} .flex-1 {flex: 1 1 0%;} .-translate-x-3 { --tw-translate-x: -.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-3 { --tw-translate-y: -.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-3 { --tw-translate-x: .75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-3 { --tw-translate-y: .75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-skew-x-\[20deg\] { --tw-skew-x: -20deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .skew-x-\[20deg\] { --tw-skew-x: 20deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform {transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));} .cursor-default {cursor: default;} .cursor-pointer {cursor: pointer;} .resize {resize: both;} .grid-cols-2 {grid-template-columns: repeat(2,minmax(0,1fr));} .grid-cols-3 {grid-template-columns: repeat(3,minmax(0,1fr));} .flex-row {flex-direction: row;} .flex-wrap {flex-wrap: wrap;} .items-center {align-items: center;} .justify-center {justify-content: center;} .justify-between {justify-content: space-between;} .justify-items-center {justify-items: center;} .gap-3 {gap: .75rem;} .gap-x-2 {-moz-column-gap: .5rem; column-gap: .5rem;} .gap-x-5 {-moz-column-gap: 1.25rem; column-gap: 1.25rem;} .gap-y-5 {row-gap: 1.25rem;} .rounded {border-radius: .25rem;} .rounded-full {border-radius: 9999px;} .rounded-lg {border-radius: .5rem;} .rounded-md {border-radius: .375rem;} .rounded-xl {border-radius: .75rem;} .rounded-l-\[3rem\] {border-top-left-radius: 3rem; border-bottom-left-radius: 3rem;} .rounded-l-md {border-top-left-radius: .375rem; border-bottom-left-radius: .375rem;} .rounded-r-\[3rem\] {border-top-right-radius: 3rem; border-bottom-right-radius: 3rem;} .rounded-r-md {border-top-right-radius: .375rem; border-bottom-right-radius: .375rem;} .rounded-br-xl {border-bottom-right-radius: .75rem;} .rounded-tl-xl {border-top-left-radius: .75rem;} .border {border-width: 1px;} .border-\[6px\] {border-width: 6px;} .border-orange { --tw-border-opacity: 1; border-color: rgb(238 106 78 / var(--tw-border-opacity, 1)); } .border-b-none {border-bottom-color: transparent;} .border-l-none {border-left-color: transparent;} .border-r-none {border-right-color: transparent;} .border-t-none {border-top-color: transparent;} .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-orange { --tw-bg-opacity: 1; background-color: rgb(238 106 78 / var(--tw-bg-opacity, 1)); } .bg-transparent {background-color: transparent;} .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-opacity-10 { --tw-bg-opacity: .1; } .object-cover {-o-object-fit: cover; object-fit: cover;} .p-0 {padding: 0px;} .p-4 {padding: 1rem;} .p-5 {padding: 1.25rem;} .px-2 {padding-left: .5rem; padding-right: .5rem;} .px-3 {padding-left: .75rem; padding-right: .75rem;} .px-4 {padding-left: 1rem; padding-right: 1rem;} .px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .px-\[10vw\] {padding-left: 10vw; padding-right: 10vw;} .px-\[5vw\] {padding-left: 5vw; padding-right: 5vw;} .py-1 {padding-top: .25rem; padding-bottom: .25rem;} .py-2 {padding-top: .5rem; padding-bottom: .5rem;} .py-3 {padding-top: .75rem; padding-bottom: .75rem;} .py-4 {padding-top: 1rem; padding-bottom: 1rem;} .py-\[5rem\] {padding-top: 5rem; padding-bottom: 5rem;} .pb-0 {padding-bottom: 0px;} .pb-4 {padding-bottom: 1rem;} .pb-5 {padding-bottom: 1.25rem;} .pe-0 {padding-inline-end: 0px;} .pt-1 {padding-top: .25rem;} .pt-5 {padding-top: 1.25rem;} .pt-\[5rem\] {padding-top: 5rem;} .text-center {text-align: center;} .text-right {text-align: right;} .text-end {text-align: end;} .align-baseline {vertical-align: baseline;} .font-dinn {font-family: DIN;} .text-4xl {font-size: 2.25rem; line-height: 2.5rem;} .text-sm {font-size: .875rem; line-height: 1.25rem;} .text-xl {font-size: 1.25rem; line-height: 1.75rem;} .font-medium {font-weight: 500;} .font-normal {font-weight: 400;} .font-semibold {font-weight: 600;} .leading-5 {line-height: 1.25rem;} .text-brown { --tw-text-opacity: 1; color: rgb(152 124 119 / var(--tw-text-opacity, 1)); } .text-orange { --tw-text-opacity: 1; color: rgb(238 106 78 / var(--tw-text-opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .shadow-floating { --tw-shadow: 0px 4px 6px 0px #00000004, 0px 8px 20px 0px #00000012; --tw-shadow-colored: 0px 4px 6px 0px var(--tw-shadow-color), 0px 8px 20px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline {outline-style: solid;} .filter {filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);} .transition {transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s;} .duration-150 {transition-duration: .15s;} .ease-in-out {transition-timing-function: cubic-bezier(.4,0,.2,1);}}.tailwind *,.tailwind :before,.tailwind :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.tailwind ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.tailwind *,.tailwind :before,.tailwind :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}.tailwind :before,.tailwind :after{--tw-content: ""}.collapse{visibility:visible!important}@font-face{font-family:DIN;font-weight:400;src:url(/build/assets/DINNextLTArabic-Regular-4-21128d20.ttf)}@font-face{font-family:DIN;font-weight:500;src:url(/build/assets/DINNextLTArabic-Medium-3-2d472fae.ttf)}#contentBody *{font-family:DIN}#contentBody h1 font,#contentBody h2 font,#contentBody h3 font,#contentBody h4 font{color:#ee6a4e}#contentBody *{text-align:justify!important}#contentBody h1{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:#ee6a4e}#contentBody h2{font-size:1.25rem;font-weight:700;margin-bottom:1rem}#contentBody h3,#contentBody h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}#contentBody p{line-height:1.5rem;margin-bottom:2rem;font-size:1rem}#contentBody img{width:40rem!important;max-width:70vw!important;aspect-ratio:16 / 9;border-radius:.5rem;margin-left:auto;margin-right:auto;margin-bottom:5rem;box-shadow:0 10px 15px #00000040;max-width:100%;-o-object-fit:cover;object-fit:cover}#contentBody ul{list-style-type:disc;padding-left:2rem;margin-bottom:.75rem}#contentBody ol{list-style-type:decimal;padding-left:2rem;margin-bottom:.75rem}#contentBody li *{margin-bottom:1rem;font-size:.875rem;font-weight:500}#contentBody a{text-decoration:underline}.note-editable *{font-family:DIN}.note-editable h1 font,.note-editable h2 font,.note-editable h3 font,.note-editable h4 font{color:#ee6a4e!important}.note-editable *{text-align:justify!important}.note-editable h1{font-size:1.875rem;font-weight:700;margin-bottom:1rem;color:#ee6a4e}.note-editable h2{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.note-editable h3,.note-editable h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.note-editable p{line-height:1.5rem;margin-bottom:2rem;font-size:1rem}.note-editable img{width:40rem!important;max-width:70vw!important;aspect-ratio:16 / 9;border-radius:.5rem;margin-left:auto;margin-right:auto;margin-bottom:5rem;box-shadow:0 10px 15px #00000040;max-width:100%;-o-object-fit:cover;object-fit:cover}.note-editable ul{list-style-type:disc;padding-left:2rem;margin-bottom:.75rem}.note-editable ol{list-style-type:decimal;padding-left:2rem;margin-bottom:.75rem}.note-editable li *{margin-bottom:1rem;font-size:.875rem;font-weight:500}.note-editable a{text-decoration:underline}.focus\:z-10:focus{z-index:10}.focus\:border-blue-300:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;outline-color:transparent}.focus\:ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1 1 0%}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}