:root{--color-primary:#1c2e73;--color-on-primary:#fff;--color-secondary:#96b1c9;--color-on-secondary:#fff;--color-tertiary:#243443;--color-on-tertiary:#fff;--color-background:#fff;--color-foreground:#171717;--color-surface:#fff;--color-surface-container:#f7faff;--color-on-surface:#1ba9e6;--color-on-surface-variant:#aab0b7;--color-error:#e7002a;--color-outline:#3d3d3d41;--color-outline-variant:#243443;--color-shadow:#0000001f;--color-shadow-variant:#171717;--color-separator:#3d3d3d1b;--color-hover:#fbfbfb;--padding-xx-large:60px;--padding-x-large:44px;--padding-large:22px;--padding-normal:16px;--padding-medium:12px;--padding-small:8px;--padding-too-small:5px;--radius-xx-large:25px;--radius-x-large:20px;--radius-large:16px;--radius-normal:10px;--radius-medium:8px;--radius-small:4px;--border-xx-large:3px;--border-x-large:2px;--border-large:1.5px;--border-normal:1px;--border-medium:.5px;--border-small:.25px;--icon-xx-large:40px;--icon-x-large:32px;--icon-large:28px;--icon-normal:24px;--icon-medium:20px;--icon-small:16px;--font-head:32px;--font-title:26px;--font-subtitle:24px;--font-xx-large:22px;--font-x-large:20px;--font-large:18px;--font-normal:16px;--font-medium:14px;--font-small:12px;--max-width:1200px;--max-width-content:700px;--height-navbar:55px;--height-page-navbar:40px;--padding-top:calc(var(--height-navbar) + var(--height-page-navbar))}@media screen and (max-width:767px){:root{--padding-xx-large:40px;--padding-x-large:30px;--padding-large:14px;--padding-normal:10px;--padding-medium:8px;--padding-small:5px;--padding-too-small:3.5px}}html,body{max-width:100vw;height:100%}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:var(--font-custom);scrollbar-color:var(--color-on-surface) var(--color-surface-container);scrollbar-width:thin;line-height:1.58}:not(.inner-html *){overflow-wrap:anywhere;box-sizing:border-box;margin:0;padding:0}p{white-space:pre-line}a{color:inherit;text-decoration:none}ul,ul:not(.inner-html ul){padding:0;list-style-type:none}.inner-html ul{list-style-type:disc}address{font-style:normal}img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none}.button-primary{height:48px;font-size:var(--font-normal);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-medium);justify-content:center;align-items:center;gap:var(--padding-normal);padding:var(--padding-normal);cursor:pointer;border:none;outline:none;display:flex}.button-secondary{height:48px;font-size:var(--font-normal);background:var(--color-on-primary);color:var(--color-primary);border:var(--border-normal) solid var(--color-primary);border-radius:var(--radius-medium);justify-content:center;align-items:center;gap:var(--padding-normal);padding:var(--padding-normal);cursor:pointer;outline:none;display:flex}.button-tertiary{min-height:48px;font-size:var(--font-normal);color:var(--color-primary);border-radius:none;justify-content:center;align-items:center;gap:var(--padding-normal);padding:var(--padding-normal);cursor:pointer;background:0 0;border:none;outline:none;display:flex}.button-primary.loading,.button-secondary.loading,.button-tertiary.loading{cursor:wait}.button-primary.disabled{background:var(--color-on-surface-variant);color:var(--color-on-primary);cursor:not-allowed}.input-field{border:var(--border-normal) solid var(--color-outline);border-radius:var(--radius-small);padding:0px var(--padding-normal);outline:none}.input-field:focus{border-color:var(--color-primary)}.container-shadow{background:var(--color-background);border-radius:var(--radius-normal);box-shadow:0 0 5px #0003,0 0 2px #0000001a}.container-maxwidth{max-width:var(--max-width);margin:auto}
@font-face{font-family:myFont;src:url(../media/Saudi_Riyal_Symbol-s.p.120t7z3blpi64.ttf)format("truetype");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:myFont;src:url(../media/Saudi_Riyal_Symbol-s.p.120t7z3blpi64.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:myFont;src:url(../media/Saudi_Riyal_Symbol-s.p.120t7z3blpi64.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:myFont;src:url(../media/Almarai_Light-s.p.0d9t6-pm5rzmu.ttf)format("truetype");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:myFont;src:url(../media/Almarai_Regular-s.p.0w0bav8q46n_1.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:myFont;src:url(../media/Almarai_Bold-s.p.09ur.lplfkwsp.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:myFont Fallback;src:local(Arial);ascent-override:94.55%;descent-override:22.04%;line-gap-override:0.0%;size-adjust:95.71%}.myfont_467de5a0-module__HvYg3a__className{font-family:myFont,myFont Fallback}.myfont_467de5a0-module__HvYg3a__variable{--font-custom:"myFont", "myFont Fallback"}
.template-container{flex-direction:column;width:100%;max-width:100vw;height:100%;min-height:100vh;margin:auto;display:flex}.template-page-container{flex:1}
.navbar{background-color:var(--color-background);z-index:1000;width:100%;position:fixed}.navbar-conatiner{color:var(--color-primary);height:var(--height-navbar);max-width:var(--max-width);padding:0px var(--padding-normal);align-items:center;gap:var(--padding-normal);margin:0 auto;display:flex}.navbar-btn{cursor:pointer;background:0 0;border:none;outline:none}.navbar-logo-name{align-items:center;gap:var(--padding-normal);display:flex}.navbar-logo-name span{display:none}.navbar-list{gap:var(--padding-normal);flex:1;display:flex}.navbar-list-item{color:var(--color-primary);font-size:var(--font-normal);border-bottom:2px solid #0000;align-items:center;height:50px;transition:all .3s;display:flex}.navbar-list li:hover .navbar-list-item{border-bottom-color:var(--color-primary);height:40px}.navbar-list-item.active{color:var(--color-on-surface)}.navbar-btn-country{padding:var(--padding-small) var(--padding-normal);align-items:center;gap:var(--padding-medium);border:1px solid var(--color-outline);border-radius:var(--radius-medium);display:flex}.navbar-btn-country-icon{object-fit:cover;border-radius:50%;width:25px;height:25px}@media (max-width:767px){.navbar-logo-name span{display:flex}.navbar-list{visibility:hidden;display:block}.navbar-btn-country span{display:none}}@media (max-width:992px){.navbar-btn-country span{display:none}}
.profile-dropdown-container{display:flex;position:relative}.profile-dropdown-container button{cursor:pointer;align-items:center;gap:var(--padding-too-small);background-color:#0000;border:none;outline:none;flex-direction:row;display:flex}.profile-balance{align-items:center;gap:var(--padding-small);display:flex}.profile-dropdown-menu{background:var(--color-background);min-width:230px;color:var(--color-secondary);border-radius:var(--radius-normal);z-index:99;position:absolute;top:38px;box-shadow:0 4px 8px #0000001a}.profile-dropdown-menu.en{right:0}.profile-dropdown-menu.ar{left:0}.profile-dropdown-menu-item{color:var(--color-primary);font-size:var(--font-normal);border-bottom:1px solid var(--color-separator);cursor:pointer}.profile-dropdown-menu-item.disable{cursor:auto;color:var(--color-secondary)}.profile-dropdown-menu-item:hover{background:#f5f5f5}.profile-dropdown-menu-item.disable:hover{background:0 0}.profile-dropdown-menu-item:last-child{border-bottom:none}.profile-dropdown-menu-item h3{color:var(--color-on-surface)}.profile-dropdown-menu-item.header{padding:var(--padding-normal)}.profile-dropdown-menu-item .btn{padding:var(--padding-normal);display:flex}