@charset "UTF-8";
/*!
 * base.css — بديل bootstrap.css لموقع السعودية ويب
 * مولّد آلياً من Bootstrap v5.0.0-beta3 بالاحتفاظ بالقواعد التي يستعملها الموقع فقط
 * (Reboot + نظام الشبكة + الأدوات المستخدمة). التصريحات منقولة حرفياً بلا تعديل.
 * تولّد في 2026-09-21
 */
:root{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
*,*::before,*::after{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:0.25}
hr:not([size]){height:1px}
h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2}
h1,.h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width:1200px){h1,.h1{font-size:2.5rem}}
h2,.h2{font-size:calc(1.325rem + 0.9vw)}
@media (min-width:1200px){h2,.h2{font-size:2rem}}
h3,.h3{font-size:calc(1.3rem + 0.6vw)}
@media (min-width:1200px){h3,.h3{font-size:1.75rem}}
h4,.h4{font-size:calc(1.275rem + 0.3vw)}
@media (min-width:1200px){h4,.h4{font-size:1.5rem}}
h5,.h5{font-size:1.25rem}
h6,.h6{font-size:1rem}
p{margin-top:0;margin-bottom:1rem}
abbr[title],abbr[data-bs-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul{padding-left:2rem}
ol,ul,dl{margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:0.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small,.small{font-size:0.875em}
mark,.mark{padding:0.2em;background-color:#fcf8e3}
sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
a{color:#0d6efd;text-decoration:underline}
a:hover{color:#0a58ca}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:0.875em;color:#d63384;word-wrap:break-word}
a>code{color:inherit}
kbd{padding:0.2rem 0.4rem;font-size:0.875em;color:#fff;background-color:#212529;border-radius:0.2rem}
kbd kbd{padding:0;font-size:1em;font-weight:700}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:0.5rem;padding-bottom:0.5rem;color:#6c757d;text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[list]::-webkit-calendar-picker-indicator{display:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}
@media (min-width:1200px){legend{font-size:1.5rem}}
legend+*{clear:left}
::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::file-selector-button{font:inherit}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;cursor:pointer}
progress{vertical-align:baseline}
[hidden]{display:none!important}
.list-unstyled{padding-left:0;list-style:none}
.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{width:100%;padding-right:var(--bs-gutter-x, 0.75rem);padding-left:var(--bs-gutter-x, 0.75rem);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container-sm,.container{max-width:540px}}
@media (min-width:768px){.container-md,.container-sm,.container{max-width:720px}}
@media (min-width:992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}
@media (min-width:1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}
@media (min-width:1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}
.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y)*-1);margin-right:calc(var(--bs-gutter-x)/-2);margin-left:calc(var(--bs-gutter-x)/-2)}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/2);padding-left:calc(var(--bs-gutter-x)/2);margin-top:var(--bs-gutter-y)}
.col-1{flex:0 0 auto;width:8.3333333333%}
.col-4{flex:0 0 auto;width:33.3333333333%}
.col-6{flex:0 0 auto;width:50%}
.col-10{flex:0 0 auto;width:83.3333333333%}
.col-11{flex:0 0 auto;width:91.6666666667%}
.col-12{flex:0 0 auto;width:100%}
.g-1,.gx-1{--bs-gutter-x: 0.25rem}
.g-2,.gx-2{--bs-gutter-x: 0.5rem}
@media (min-width:576px){.col-sm-12{flex:0 0 auto;width:100%}}
@media (min-width:768px){.col-md-6{flex:0 0 auto;width:50%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-12{flex:0 0 auto;width:100%}}
@media (min-width:992px){.col-lg-2{flex:0 0 auto;width:16.6666666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.3333333333%}.col-lg-5{flex:0 0 auto;width:41.6666666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.3333333333%}.col-lg-8{flex:0 0 auto;width:66.6666666667%}}
.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:0.5rem;padding-bottom:0.5rem}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}
@keyframes progress-bar-stripes{0%{background-position-x:1rem}}
@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}
@keyframes spinner-border{to{transform:rotate(360deg)}}
@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
.align-items-center{align-items:center!important}
.order-1{order:1!important}
.order-3{order:3!important}
.my-2{margin-top:0.5rem!important;margin-bottom:0.5rem!important}
.mb-2{margin-bottom:0.5rem!important}