/* NOOR_WEBSITE_STANDARD_V1 */

:root{
    --noor-container:1200px;

    --noor-space-1:.5rem;
    --noor-space-2:1rem;
    --noor-space-3:1.5rem;
    --noor-space-4:2rem;
    --noor-space-5:3rem;
    --noor-space-6:4.5rem;

    --noor-radius-sm:10px;
    --noor-radius-md:16px;
    --noor-radius-lg:24px;

    --noor-text-xs:.82rem;
    --noor-text-sm:.94rem;
    --noor-text-base:1rem;
    --noor-text-lg:1.15rem;
    --noor-text-xl:clamp(1.35rem,2vw,1.7rem);
    --noor-text-2xl:clamp(1.8rem,3vw,2.5rem);
    --noor-text-hero:clamp(2.25rem,5vw,4.6rem);

    --noor-line:1.75;
    --noor-motion:220ms cubic-bezier(.2,.7,.2,1);
}

html{
    scroll-behavior:smooth;
}

body{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    line-height:var(--noor-line);
}

main{
    overflow:hidden;
}

h1,h2,h3,h4,h5,h6{
    margin-top:0;
    line-height:1.25;
    text-wrap:balance;
}

h1{
    font-size:var(--noor-text-hero);
    margin-bottom:1.4rem;
}

h2{
    font-size:var(--noor-text-2xl);
    margin-bottom:1.2rem;
}

h3{
    font-size:var(--noor-text-xl);
    margin-bottom:1rem;
}

p{
    max-width:72ch;
    line-height:var(--noor-line);
}

img,
picture,
video{
    display:block;
    max-width:100%;
}

img{
    height:auto;
}

.noor-container{
    width:min(calc(100% - 32px),var(--noor-container));
    margin-inline:auto;
}

.noor-section{
    padding-block:var(--noor-space-6);
}

.noor-section-sm{
    padding-block:var(--noor-space-5);
}

.noor-grid{
    display:grid;
    gap:var(--noor-space-4);
}

.noor-card{
    border-radius:var(--noor-radius-lg);
    padding:clamp(1.25rem,3vw,2rem);
    transition:
        transform var(--noor-motion),
        box-shadow var(--noor-motion),
        border-color var(--noor-motion);
}

.noor-card:hover{
    transform:translateY(-4px);
}

.noor-btn,
button,
a[class*="btn"],
a[class*="button"]{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    border-radius:var(--noor-radius-md);
    transition:
        transform var(--noor-motion),
        opacity var(--noor-motion),
        box-shadow var(--noor-motion);
}

.noor-btn:hover,
button:hover,
a[class*="btn"]:hover,
a[class*="button"]:hover{
    transform:translateY(-2px);
}

.noor-media-cover{
    position:relative;
    overflow:hidden;
    border-radius:var(--noor-radius-lg);
    aspect-ratio:16/9;
}

.noor-media-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.noor-media-card{
    position:relative;
    overflow:hidden;
    border-radius:var(--noor-radius-md);
    aspect-ratio:4/3;
}

.noor-media-card img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.noor-media-square{
    overflow:hidden;
    border-radius:var(--noor-radius-md);
    aspect-ratio:1;
}

.noor-media-square img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.noor-fade{
    animation:noorFade .55s ease both;
}

.noor-rise{
    animation:noorRise .55s ease both;
}

@keyframes noorFade{
    from{opacity:0}
    to{opacity:1}
}

@keyframes noorRise{
    from{
        opacity:0;
        transform:translateY(14px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media (prefers-reduced-motion:reduce){
    *,
    *::before,
    *::after{
        scroll-behavior:auto!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
    }
}

@media (max-width:768px){
    :root{
        --noor-space-5:2.4rem;
        --noor-space-6:3.25rem;
    }

    .noor-container{
        width:min(calc(100% - 24px),var(--noor-container));
    }

    .noor-grid{
        gap:var(--noor-space-3);
    }

    .noor-card{
        padding:1.25rem;
    }
}

/* END NOOR_WEBSITE_STANDARD_V1 */

/* NOOR_PUBLIC_HOME_POLISH_V1 */

.noor-home-polish main,
.noor-home-polish .site-main{
    position:relative;
}

.noor-home-polish section{
    position:relative;
}

.noor-home-polish section + section{
    margin-top:0;
}

.noor-home-polish .hero,
.noor-home-polish [class*="hero"]{
    min-height:min(78vh,760px);
    display:flex;
    align-items:center;
}

.noor-home-polish .hero h1,
.noor-home-polish [class*="hero"] h1{
    max-width:12ch;
    letter-spacing:-.025em;
}

.noor-home-polish .hero p,
.noor-home-polish [class*="hero"] p{
    font-size:clamp(1rem,1.45vw,1.18rem);
    max-width:62ch;
    margin-top:1rem;
    margin-bottom:1.8rem;
}

.noor-home-polish .hero-actions,
.noor-home-polish [class*="actions"]{
    display:flex;
    flex-wrap:wrap;
    gap:.85rem;
}

.noor-home-polish .hero-actions a,
.noor-home-polish [class*="actions"] a{
    padding:.8rem 1.15rem;
}

.noor-home-polish .section-title,
.noor-home-polish [class*="section-title"],
.noor-home-polish .section-head,
.noor-home-polish [class*="section-head"]{
    margin-bottom:2rem;
}

.noor-home-polish .section-title p,
.noor-home-polish [class*="section-head"] p{
    margin-top:.75rem;
}

.noor-home-polish .card,
.noor-home-polish [class*="card"]{
    border-radius:var(--noor-radius-lg);
}

.noor-home-polish .card img,
.noor-home-polish [class*="card"] img{
    border-radius:var(--noor-radius-md);
}

.noor-home-polish .grid,
.noor-home-polish [class*="grid"]{
    row-gap:2rem;
}

.noor-home-polish a,
.noor-home-polish button{
    -webkit-tap-highlight-color:transparent;
}

.noor-home-polish img{
    object-fit:cover;
}

.noor-home-polish img[width][height]{
    height:auto;
}

.noor-home-polish .content,
.noor-home-polish [class*="content"]{
    line-height:1.8;
}

.noor-home-polish .content > * + *,
.noor-home-polish [class*="content"] > * + *{
    margin-top:1rem;
}

.noor-home-polish .content h2,
.noor-home-polish [class*="content"] h2{
    margin-top:2.4rem;
}

.noor-home-polish .content h3,
.noor-home-polish [class*="content"] h3{
    margin-top:1.9rem;
}

.noor-home-polish .social-links,
.noor-home-polish [class*="social"]{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.7rem;
}

.noor-home-polish .social-links a,
.noor-home-polish [class*="social"] a{
    min-width:42px;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    transition:
        transform var(--noor-motion),
        opacity var(--noor-motion);
}

.noor-home-polish .social-links a:hover,
.noor-home-polish [class*="social"] a:hover{
    transform:translateY(-2px);
}

@media (min-width:769px){
    .noor-home-polish section{
        padding-top:4.5rem;
        padding-bottom:4.5rem;
    }
}

@media (max-width:768px){
    .noor-home-polish .hero,
    .noor-home-polish [class*="hero"]{
        min-height:auto;
        padding-top:3.75rem;
        padding-bottom:3.75rem;
    }

    .noor-home-polish .hero h1,
    .noor-home-polish [class*="hero"] h1{
        max-width:16ch;
    }

    .noor-home-polish section{
        padding-top:3rem;
        padding-bottom:3rem;
    }

    .noor-home-polish .hero-actions,
    .noor-home-polish [class*="actions"]{
        gap:.7rem;
    }
}

/* END NOOR_PUBLIC_HOME_POLISH_V1 */

/* NOOR_CALM_INTERACTION_V1 */

:root{
    --noor-green:#16956f;
    --noor-green-hover:#1a9f77;
    --noor-green-active:#128461;

    --noor-blue:#2d8cff;
    --noor-blue-hover:#378ff8;

    --noor-focus:rgba(45,140,255,.28);
}

/* ===== REMOVE DISTRACTING MOVEMENT ===== */

.noor-btn:hover,
button:hover,
a[class*="btn"]:hover,
a[class*="button"]:hover,
.noor-card:hover,
[class*="card"]:hover{
    transform:none !important;
}

/* ===== PRIMARY ACTIONS ===== */

.btn-primary,
.button-primary,
.noor-btn-primary,
a[class*="primary"]{
    background:var(--noor-green) !important;
    border-color:var(--noor-green) !important;
    color:#f8fbfa !important;

    box-shadow:none !important;
}

.btn-primary:hover,
.button-primary:hover,
.noor-btn-primary:hover,
a[class*="primary"]:hover{
    background:var(--noor-green-hover) !important;
    border-color:var(--noor-green-hover) !important;
    color:#ffffff !important;

    box-shadow:none !important;
    filter:none !important;
}

.btn-primary:active,
.button-primary:active,
.noor-btn-primary:active,
a[class*="primary"]:active{
    background:var(--noor-green-active) !important;
    border-color:var(--noor-green-active) !important;
}

/* ===== SECONDARY ACTIONS ===== */

.btn-secondary,
.button-secondary,
.noor-btn-secondary,
a[class*="secondary"]{
    background:rgba(45,140,255,.04) !important;
    border-color:rgba(45,140,255,.36) !important;
    color:#9fc8ff !important;

    box-shadow:none !important;
}

.btn-secondary:hover,
.button-secondary:hover,
.noor-btn-secondary:hover,
a[class*="secondary"]:hover{
    background:rgba(45,140,255,.08) !important;
    border-color:rgba(45,140,255,.50) !important;
    color:#b7d7ff !important;

    box-shadow:none !important;
}

/* ===== GENERIC BUTTONS ===== */

button,
.noor-btn,
a[class*="btn"],
a[class*="button"]{
    transition:
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease,
        opacity .16s ease !important;
}

/* ===== LINKS ===== */

main a:not([class*="btn"]):not([class*="button"]){
    transition:
        color .16s ease,
        opacity .16s ease;
}

main a:not([class*="btn"]):not([class*="button"]):hover{
    opacity:.88;
}

/* ===== FOCUS ===== */

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
    outline:2px solid var(--noor-blue) !important;
    outline-offset:2px;
    box-shadow:0 0 0 3px var(--noor-focus) !important;
}

/* ===== NAVIGATION ===== */

header a:hover,
nav a:hover{
    transform:none !important;
}

header a[class*="btn"]:hover,
header a[class*="button"]:hover{
    box-shadow:none !important;
}

/* ===== SOCIAL ===== */

.social-links a:hover,
[class*="social"] a:hover{
    transform:none !important;
    opacity:.88;
}

/* ===== CARDS ===== */

.noor-card,
[class*="card"]{
    transition:
        background-color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease !important;
}

.noor-card:hover,
[class*="card"]:hover{
    box-shadow:none;
}

/* ===== REDUCED MOTION ===== */

@media (prefers-reduced-motion:reduce){
    *,
    *::before,
    *::after{
        animation:none !important;
        transition:none !important;
    }
}

/* END NOOR_CALM_INTERACTION_V1 */

/* NOOR_SOCIAL_CAREERS_FOUNDATION_V1 */

.noor-public-social{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:.7rem;

    width:min(calc(100% - 32px),1200px);
    margin:1.5rem auto 0;
    padding-top:1.25rem;

    border-top:1px solid rgba(148,163,184,.10);
}

.noor-social-link{
    display:inline-flex;
    align-items:center;
    gap:.55rem;

    min-height:42px;
    padding:.55rem .8rem;

    border:1px solid rgba(148,163,184,.16);
    border-radius:12px;

    color:#aebdca;
    text-decoration:none;

    background:rgba(255,255,255,.015);

    transition:
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease;
}

.noor-social-link span{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:26px;
    height:26px;

    border-radius:8px;

    background:rgba(45,140,255,.07);
    color:#8fc1ff;

    font-weight:700;
}

.noor-social-link strong{
    font-size:.9rem;
    font-weight:600;
}

.noor-social-link:hover{
    background:rgba(45,140,255,.035);
    border-color:rgba(45,140,255,.25);
    color:#c8d5df;
}

/* ===== CAREERS ===== */

.noor-careers-section{
    padding-top:4.5rem;
    padding-bottom:4.5rem;
}

.noor-careers-box{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:2.5rem;

    padding:2.25rem;

    border:1px solid rgba(22,149,111,.20);
    border-radius:24px;

    background:
        linear-gradient(
            135deg,
            rgba(22,149,111,.07),
            rgba(45,140,255,.025)
        );
}

.noor-careers-copy{
    max-width:720px;
}

.noor-section-label{
    display:inline-block;

    margin-bottom:.8rem;

    font-size:.85rem;
    font-weight:700;

    color:#79bda9;
}

.noor-careers-copy h2{
    margin-bottom:1rem;
}

.noor-careers-copy p{
    margin-bottom:0;
    color:#aebdca;
}

.noor-careers-actions{
    flex:0 0 auto;
}

.noor-careers-actions .noor-btn{
    min-width:150px;
}

/* ===== MOBILE ===== */

@media (max-width:768px){

    .noor-public-social{
        justify-content:flex-start;
        gap:.55rem;
    }

    .noor-social-link{
        padding:.5rem .65rem;
    }

    .noor-social-link strong{
        font-size:.84rem;
    }

    .noor-careers-section{
        padding-top:3.2rem;
        padding-bottom:3.2rem;
    }

    .noor-careers-box{
        display:block;
        padding:1.5rem;
    }

    .noor-careers-actions{
        margin-top:1.5rem;
    }

    .noor-careers-actions .noor-btn{
        width:100%;
    }
}

/* END NOOR_SOCIAL_CAREERS_FOUNDATION_V1 */

/* NOOR_PUBLIC_TOPBAR_V1 */

.noor-topbar{
    width:100%;
    min-height:38px;

    display:flex;
    align-items:center;

    background:#081521;
    border-bottom:1px solid rgba(148,163,184,.10);

    font-size:.84rem;
}

.noor-topbar-inner{
    width:min(calc(100% - 32px),1200px);
    margin-inline:auto;

    min-height:38px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:1.25rem;
}

.noor-topbar a{
    color:#aebdca;
    text-decoration:none;

    transition:
        color .15s ease,
        opacity .15s ease;
}

.noor-topbar a:hover{
    color:#d7e1e9;
    opacity:.95;
}

.noor-topbar-contact a{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
}

.noor-topbar-dot{
    width:7px;
    height:7px;

    display:inline-block;

    border-radius:50%;
    background:#16956f;
}

.noor-topbar-auth{
    display:flex;
    align-items:center;
    gap:.75rem;
}

.noor-topbar-separator{
    width:1px;
    height:14px;

    background:rgba(148,163,184,.20);
}

/* لا حركة ولا قفز */

.noor-topbar a:hover{
    transform:none !important;
}

/* MOBILE */

@media (max-width:640px){

    .noor-topbar-inner{
        width:calc(100% - 24px);
        gap:.75rem;
    }

    .noor-topbar{
        font-size:.76rem;
    }

    .noor-topbar-contact span:last-child{
        white-space:nowrap;
    }

    .noor-topbar-auth{
        gap:.5rem;
    }

    .noor-topbar-auth a{
        white-space:nowrap;
    }
}

/* END NOOR_PUBLIC_TOPBAR_V1 */

/* NOOR_CUSTOMER_JOURNEY_ORDER_V1 */

/*
Customer Journey First
Careers Last
نقلل التشتيت، مو المسافات
*/

/* مسافة واضحة بين أقسام الصفحة */
.noor-section + .noor-section,
.noor-section + .noor-cta,
.noor-cta + .noor-careers-section{
    margin-top:clamp(3.5rem,7vw,6.5rem);
}

/* CTA البيع يبقى واضح ومهم */
.noor-cta{
    margin-bottom:0;
}

/* Careers عنصر ثانوي هادئ قرب نهاية الصفحة */
.noor-careers-section{
    margin-top:clamp(4.5rem,8vw,7rem);
    margin-bottom:clamp(2.5rem,5vw,4rem);
}

.noor-careers-box{
    padding:clamp(1.5rem,3vw,2.25rem) !important;

    background:rgba(255,255,255,.018) !important;
    border:1px solid rgba(148,163,184,.10) !important;

    box-shadow:none !important;
}

.noor-careers-copy{
    max-width:720px;
}

.noor-careers-copy h2{
    margin-top:.55rem !important;
    margin-bottom:.85rem !important;

    font-size:clamp(1.2rem,2vw,1.55rem) !important;
    line-height:1.45 !important;
}

.noor-careers-copy p{
    margin-top:0 !important;
    margin-bottom:0 !important;

    color:#94a7b6 !important;
    line-height:1.85 !important;
}

/* زر الوظائف لا ينافس زر التواصل/البيع */
.noor-careers-actions .noor-btn{
    background:transparent !important;
    color:#b8c7d3 !important;

    border:1px solid rgba(148,163,184,.22) !important;
    box-shadow:none !important;

    transform:none !important;
}

.noor-careers-actions .noor-btn:hover{
    background:rgba(255,255,255,.035) !important;
    color:#d7e1e9 !important;

    border-color:rgba(148,163,184,.30) !important;

    transform:none !important;
    box-shadow:none !important;
}

/* راحة داخلية وعدم التصاق العناصر */
.noor-careers-copy > * + *{
    margin-top:.75rem;
}

.noor-careers-box{
    gap:clamp(1.5rem,4vw,3rem) !important;
}

/* MOBILE */
@media (max-width:768px){

    .noor-careers-section{
        margin-top:4rem;
        margin-bottom:2.5rem;
    }

    .noor-careers-box{
        padding:1.5rem !important;
    }
}

/* END NOOR_CUSTOMER_JOURNEY_ORDER_V1 */

/* NOOR_OFFICIAL_LOGO_STYLE_V1 */

.noor-logo.noor-logo-official{
    width:52px !important;
    height:52px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
    overflow:hidden;

    background:transparent !important;
    border:0 !important;
    border-radius:10px;

    box-shadow:none !important;
}

.noor-logo-img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;

    border-radius:8px;
}

.noor-brand:hover .noor-logo-img{
    transform:none !important;
    filter:none !important;
}

@media (max-width:768px){

    .noor-logo.noor-logo-official{
        width:46px !important;
        height:46px !important;
    }

}

/* END NOOR_OFFICIAL_LOGO_STYLE_V1 */

/* NOOR_HEADER_SOCIAL_POLISH_NO_GD_V1 */

.noor-topbar{
    min-height:42px !important;
}

.noor-topbar-inner{
    min-height:42px !important;
    display:grid !important;
    grid-template-columns:1fr auto 1fr;
    align-items:center !important;
    gap:1.25rem !important;
}

.noor-topbar-contact{
    justify-self:start;
}

.noor-topbar-social{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
}

.noor-topbar-auth{
    justify-self:end;
}

.noor-topbar-social a{
    width:29px;
    height:29px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0;

    border:1px solid rgba(148,163,184,.14);
    border-radius:8px;

    background:rgba(255,255,255,.018);

    color:#a9bac7 !important;

    font-size:.78rem;
    font-weight:700;
    line-height:1;

    box-shadow:none !important;
    transform:none !important;
}

.noor-topbar-social a:hover{
    background:rgba(255,255,255,.035);
    color:#dbe5ec !important;
    border-color:rgba(148,163,184,.25);

    box-shadow:none !important;
    transform:none !important;
}

.noor-brand{
    gap:.9rem !important;
}

.noor-logo.noor-logo-official{
    width:58px !important;
    height:58px !important;

    flex:0 0 58px;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.noor-logo-img{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:none !important;

    transform:none !important;
}

.noor-nav{
    gap:clamp(1.1rem,2.2vw,2rem) !important;
}

.noor-nav a{
    padding-block:.75rem;
    transform:none !important;
}

.noor-nav a:hover{
    transform:none !important;
}

@media (max-width:768px){

    .noor-topbar-inner{
        grid-template-columns:1fr auto !important;
        gap:.75rem !important;
        padding-block:.35rem;
    }

    .noor-topbar-social{
        grid-column:1 / -1;
        width:100%;
        padding-bottom:.35rem;
    }

    .noor-logo.noor-logo-official{
        width:50px !important;
        height:50px !important;
        flex-basis:50px;
    }
}

/* END NOOR_HEADER_SOCIAL_POLISH_NO_GD_V1 */

/* NOOR_HEADER_VISUAL_UAT_FIX_V1 */

.noor-topbar{
    padding-block:.2rem !important;
}

.noor-topbar-inner{
    width:min(calc(100% - 40px),1200px) !important;
}

.noor-topbar-contact,
.noor-topbar-auth,
.noor-topbar-social{
    min-height:34px;
    display:flex;
    align-items:center;
}

.noor-topbar-auth{
    gap:.7rem !important;
}

.noor-topbar-contact a,
.noor-topbar-auth a{
    line-height:1.4;
}

.noor-brand{
    display:flex !important;
    align-items:center !important;
    gap:1rem !important;
}

.noor-brand-text{
    min-width:0;
}

.noor-brand-text strong{
    font-size:1.15rem !important;
    letter-spacing:.02em;
}

.noor-brand-text small{
    font-size:.78rem !important;
    opacity:.68 !important;
}

.noor-logo.noor-logo-official{
    width:56px !important;
    height:56px !important;
    flex:0 0 56px !important;
}

.noor-logo-img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
}

.noor-nav{
    display:flex !important;
    align-items:center !important;
    gap:1.7rem !important;
}

.noor-nav a{
    min-height:44px;
    display:flex;
    align-items:center;
    line-height:1.35;
}

header{
    border-bottom:1px solid rgba(148,163,184,.08) !important;
}

@media (max-width:900px){

    .noor-topbar-inner{
        width:calc(100% - 28px) !important;
    }

    .noor-nav{
        gap:1rem !important;
    }

}

@media (max-width:768px){

    .noor-topbar-inner{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        row-gap:.45rem !important;
    }

    .noor-topbar-contact{
        justify-self:start;
    }

    .noor-topbar-auth{
        justify-self:end;
    }

    .noor-topbar-social{
        grid-column:1 / -1;
        justify-self:center;
        min-height:30px;
    }

    .noor-brand{
        gap:.75rem !important;
    }

    .noor-logo.noor-logo-official{
        width:48px !important;
        height:48px !important;
        flex-basis:48px !important;
    }

    .noor-brand-text strong{
        font-size:1rem !important;
    }

    .noor-brand-text small{
        font-size:.7rem !important;
    }

}

/* END NOOR_HEADER_VISUAL_UAT_FIX_V1 */

/* ==========================================================================
   NOOR WEBSITE SHELL STRUCTURE V1
   ========================================================================== */

/* ---------- TOP QUICK SEARCH ---------- */

.noor-quick-search{
    display:flex;
    align-items:center;
    gap:8px;
    margin-inline:18px;
}

.noor-quick-search input{
    width:220px;
    height:36px;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:9px;
    background:rgba(255,255,255,.035);
    color:#fff;
    outline:none;
}

.noor-quick-search input:focus{
    border-color:rgba(22,149,111,.8);
}

.noor-quick-search button{
    height:36px;
    padding:0 15px;
    border:0;
    border-radius:9px;
    background:#16956f;
    color:#fff;
    cursor:pointer;
}


/* ---------- SUB MENUS ---------- */

.noor-nav-dropdown{
    position:relative;
    display:flex;
    align-items:center;
}

.noor-nav-dropdown-trigger::after{
    content:"⌄";
    font-size:11px;
    margin-inline-start:6px;
    opacity:.65;
}

.noor-nav-dropdown-menu{
    position:absolute;
    z-index:9999;
    top:calc(100% + 14px);
    right:0;
    min-width:280px;
    padding:10px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:14px;
    background:#091828;
    box-shadow:0 18px 45px rgba(0,0,0,.22);

    opacity:0;
    visibility:hidden;
    transform:translateY(4px);
    transition:
        opacity .14s ease,
        transform .14s ease,
        visibility .14s ease;
}

.noor-nav-dropdown:hover .noor-nav-dropdown-menu,
.noor-nav-dropdown:focus-within .noor-nav-dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:none;
}

.noor-nav-dropdown-menu a{
    display:block !important;
    width:100%;
    padding:10px 12px !important;
    margin:0 !important;
    border-radius:8px;
    white-space:nowrap;
    color:#d9e5ef !important;
    text-decoration:none;
}

.noor-nav-dropdown-menu a:hover{
    background:rgba(22,149,111,.10);
    color:#fff !important;
}


/* ---------- MEGA FOOTER ---------- */

.noor-mega-footer{
    margin-top:70px;
    padding:56px max(5vw,28px) 22px;
    border-top:1px solid rgba(255,255,255,.08);
    background:#061321;
}

.noor-mega-footer-main{
    display:grid;
    grid-template-columns:1.55fr repeat(4,1fr);
    gap:46px;
}

.noor-mega-footer-secondary{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1.4fr;
    gap:42px;
    margin-top:48px;
    padding-top:38px;
    border-top:1px solid rgba(255,255,255,.07);
}

.noor-mega-footer h3{
    margin:0 0 20px;
    color:#20c879;
    font-size:18px;
}

.noor-footer-brand{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:22px;
}

.noor-footer-brand img{
    width:72px;
    height:72px;
    object-fit:contain;
}

.noor-footer-brand strong{
    display:block;
    font-size:25px;
    color:#fff;
}

.noor-footer-brand span{
    display:block;
    margin-top:3px;
    color:#8fa4b7;
}

.noor-footer-company p{
    max-width:420px;
    line-height:1.9;
    color:#9fb1c2;
}

.noor-footer-contact{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:22px;
}

.noor-footer-contact a,
.noor-footer-links a{
    color:#b9c7d4;
    text-decoration:none;
}

.noor-footer-links{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.noor-footer-links a:hover,
.noor-footer-contact a:hover{
    color:#fff;
}

.noor-footer-quick{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
}

.noor-footer-quick a{
    padding:11px 10px;
    border:1px solid rgba(22,149,111,.27);
    border-radius:9px;
    text-align:center;
    color:#d8e5ee;
    text-decoration:none;
}

.noor-footer-newsletter p{
    margin-bottom:16px;
    color:#9fb1c2;
    line-height:1.7;
}

.noor-footer-newsletter form{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.noor-footer-newsletter input[type=email]{
    flex:1 1 210px;
    min-width:0;
    height:43px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:9px;
    background:#0a1b2d;
    color:#fff;
    outline:none;
}

.noor-footer-newsletter button{
    height:43px;
    padding:0 18px;
    border:0;
    border-radius:9px;
    background:#16956f;
    color:#fff;
    cursor:pointer;
}

.noor-footer-social-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-top:42px;
    padding:24px 0;
    border-top:1px solid rgba(255,255,255,.07);
}

.noor-footer-social-links{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.noor-footer-social-links a{
    padding:8px 13px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    color:#b9c7d4;
    text-decoration:none;
}

.noor-footer-bottom{
    display:flex;
    justify-content:space-between;
    gap:24px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.07);
    color:#778da1;
}

.noor-powered{
    color:#20c879;
}


/* ---------- RESPONSIVE ---------- */

@media (max-width:1200px){

    .noor-mega-footer-main{
        grid-template-columns:repeat(3,1fr);
    }

    .noor-mega-footer-secondary{
        grid-template-columns:repeat(2,1fr);
    }

    .noor-quick-search input{
        width:165px;
    }
}

@media (max-width:760px){

    .noor-quick-search{
        width:100%;
        margin:10px 0;
    }

    .noor-quick-search input{
        flex:1;
        width:auto;
    }

    .noor-mega-footer{
        padding:40px 22px 18px;
    }

    .noor-mega-footer-main,
    .noor-mega-footer-secondary{
        grid-template-columns:1fr;
        gap:34px;
    }

    .noor-footer-social-row,
    .noor-footer-bottom{
        align-items:flex-start;
        flex-direction:column;
    }

    .noor-nav-dropdown-menu{
        position:static;
        min-width:100%;
        margin-top:8px;
        opacity:1;
        visibility:visible;
        transform:none;
        display:none;
        box-shadow:none;
    }

    .noor-nav-dropdown:focus-within .noor-nav-dropdown-menu{
        display:block;
    }
}


/* ==========================================================================
   NOOR CALM TYPOGRAPHY & DENSITY V1
   نقلل التشتيت، مو المسافات
   ========================================================================== */

/* ---------- GLOBAL TYPE SCALE ---------- */

.noor-public-main{
    font-size:16px;
    line-height:1.75;
}

.noor-public-main h1{
    font-size:clamp(34px,4vw,52px) !important;
    line-height:1.2 !important;
    letter-spacing:-1px;
    margin-bottom:28px !important;
}

.noor-public-main h2{
    font-size:clamp(27px,2.6vw,36px) !important;
    line-height:1.3 !important;
    margin-bottom:20px !important;
}

.noor-public-main h3{
    font-size:clamp(20px,1.7vw,25px) !important;
    line-height:1.45 !important;
    margin-bottom:12px !important;
}

.noor-public-main h4{
    font-size:18px !important;
    line-height:1.5 !important;
}

.noor-public-main p{
    font-size:16px !important;
    line-height:1.85 !important;
}


/* ---------- PAGE TITLE ---------- */

.noor-public-main > h1,
.noor-page-title,
.noor-section-title{
    max-width:100%;
}


/* ---------- CARDS ---------- */

.noor-public-main article,
.noor-public-main .card,
.noor-public-main [class*="service-card"],
.noor-public-main [class*="content-card"]{
    min-height:0 !important;
}

.noor-public-main article h2,
.noor-public-main article h3,
.noor-public-main .card h2,
.noor-public-main .card h3{
    font-size:clamp(21px,1.8vw,27px) !important;
    line-height:1.45 !important;
}

.noor-public-main article p,
.noor-public-main .card p{
    font-size:15.5px !important;
    line-height:1.85 !important;
}


/* ---------- BUTTONS ---------- */

.noor-public-main a[class*="btn"],
.noor-public-main button,
.noor-public-main .btn{
    font-size:15px !important;
    min-height:42px !important;
    padding:9px 18px !important;
    border-radius:10px !important;
}


/* ---------- SERVICES PAGE ---------- */

.noor-services-grid{
    gap:22px !important;
}

.noor-service-card{
    padding:28px !important;
}

.noor-service-card h2,
.noor-service-card h3{
    font-size:25px !important;
    line-height:1.45 !important;
}

.noor-service-card p{
    font-size:15.5px !important;
}


/* Generic fallback for current website grids */

.noor-public-main [class*="grid"]{
    gap:22px;
}

.noor-public-main [class*="card"]{
    padding:28px;
}


/* ---------- HEADER ---------- */

.noor-header nav a,
.noor-nav a{
    font-size:15px !important;
}

.noor-nav-dropdown-menu a{
    font-size:14px !important;
    line-height:1.5 !important;
}


/* ---------- FOOTER ---------- */

.noor-mega-footer h3{
    font-size:17px !important;
}

.noor-mega-footer a,
.noor-mega-footer p{
    font-size:14px !important;
}


/* ---------- DESKTOP CONTENT WIDTH ---------- */

.noor-public-main{
    max-width:1440px;
    margin-inline:auto;
}


/* ---------- TABLET ---------- */

@media (max-width:1000px){

    .noor-public-main h1{
        font-size:36px !important;
    }

    .noor-public-main h2{
        font-size:28px !important;
    }

    .noor-public-main article h2,
    .noor-public-main article h3,
    .noor-public-main .card h2,
    .noor-public-main .card h3{
        font-size:22px !important;
    }
}


/* ---------- MOBILE ---------- */

@media (max-width:640px){

    .noor-public-main h1{
        font-size:30px !important;
        line-height:1.25 !important;
    }

    .noor-public-main h2{
        font-size:24px !important;
    }

    .noor-public-main h3{
        font-size:20px !important;
    }

    .noor-public-main p{
        font-size:15px !important;
    }

    .noor-public-main [class*="card"]{
        padding:22px !important;
    }
}

/* NOOR_CALM_TYPOGRAPHY_DENSITY_V1 */

/* ==========================================================================
   BI_ERP_PUBLIC_VISUAL_SYSTEM_V1
   ONE QUIET VISUAL SYSTEM
   ========================================================================== */

:root{
    --bi-bg:#081725;
    --bi-surface:#0d1e2d;
    --bi-border:rgba(148,163,184,.13);

    --bi-heading:#dbe3e8;
    --bi-text:#aebbc5;
    --bi-muted:#8294a2;

    --bi-action:#226f5b;
    --bi-action-hover:#287762;
}

/* PAGE */

body{
    background:var(--bi-bg) !important;
    color:var(--bi-text) !important;
}

.noor-public-main{
    padding-top:34px !important;
    padding-bottom:58px !important;
}

/* TYPOGRAPHY */

.noor-public-main h1{
    margin:0 0 26px !important;
    font-size:29px !important;
    line-height:1.45 !important;
    font-weight:650 !important;
    color:var(--bi-heading) !important;
}

.noor-public-main h2{
    font-size:20px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
    color:var(--bi-heading) !important;
}

.noor-public-main h3{
    font-size:17px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
    color:var(--bi-heading) !important;
}

.noor-public-main p{
    font-size:13.5px !important;
    line-height:1.85 !important;
    color:var(--bi-muted) !important;
}

/* CARDS */

.noor-public-main article,
.noor-public-main .card,
.noor-public-main [class*="card"]{
    min-height:0 !important;
    padding:21px !important;

    background:var(--bi-surface) !important;
    border:1px solid var(--bi-border) !important;
    border-radius:10px !important;

    box-shadow:none !important;
    transform:none !important;
}

.noor-public-main article:hover,
.noor-public-main .card:hover,
.noor-public-main [class*="card"]:hover{
    background:var(--bi-surface) !important;
    border-color:rgba(148,163,184,.20) !important;
    box-shadow:none !important;
    transform:none !important;
}

.noor-public-main article h2,
.noor-public-main article h3,
.noor-public-main .card h2,
.noor-public-main .card h3,
.noor-public-main [class*="card"] h2,
.noor-public-main [class*="card"] h3{
    margin:0 0 9px !important;
    font-size:17px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
    color:#d5dde2 !important;
}

.noor-public-main article p,
.noor-public-main .card p,
.noor-public-main [class*="card"] p{
    font-size:13px !important;
    line-height:1.8 !important;
    color:#8799a6 !important;
}

.noor-public-main [class*="grid"]{
    gap:16px !important;
}

/* NORMAL CARD ACTIONS */

.noor-public-main [class*="card"] > a:last-child{
    display:inline-flex !important;
    align-items:center !important;

    width:auto !important;
    min-height:31px !important;

    margin-top:auto !important;
    padding:5px 11px !important;

    background:#12283a !important;
    border:1px solid rgba(130,154,171,.20) !important;
    border-radius:6px !important;

    color:#a7b8c4 !important;

    font-size:12px !important;
    font-weight:500 !important;

    box-shadow:none !important;
}

.noor-public-main [class*="card"] > a:last-child:hover{
    background:#152d40 !important;
    color:#d6e0e6 !important;
}

/* IMPORTANT ACTION ONLY */

.noor-header .btn-primary,
.noor-header .button-primary,
.noor-footer-newsletter button{
    background:var(--bi-action) !important;
    border-color:var(--bi-action) !important;
    color:#edf4f1 !important;

    box-shadow:none !important;
    transform:none !important;
}

.noor-header .btn-primary:hover,
.noor-header .button-primary:hover,
.noor-footer-newsletter button:hover{
    background:var(--bi-action-hover) !important;
    border-color:var(--bi-action-hover) !important;
}

/* HEADER */

.noor-header,
header.noor-header{
    background:#081624 !important;
    box-shadow:none !important;
}

.noor-header nav a,
.noor-nav a{
    background:transparent !important;
    color:#a8b6c0 !important;

    font-size:13px !important;
    font-weight:500 !important;

    box-shadow:none !important;
}

.noor-header nav a:hover,
.noor-nav a:hover{
    background:transparent !important;
    color:#dce4e9 !important;
}

/* LOGO SIZE */

.noor-logo-img,
.noor-header .noor-logo img,
header .noor-logo img{
    width:46px !important;
    height:46px !important;

    object-fit:contain !important;

    filter:none !important;
    transform:none !important;
}

.noor-logo strong,
.noor-logo-title{
    font-size:16px !important;
    font-weight:650 !important;
    color:#dbe3e8 !important;
}

.noor-logo span,
.noor-logo-subtitle{
    font-size:10px !important;
    color:#708391 !important;
}

/* DROPDOWN */

.noor-nav-dropdown-menu{
    padding:7px !important;

    background:#0b1a28 !important;
    border:1px solid var(--bi-border) !important;
    border-radius:8px !important;

    box-shadow:0 8px 18px rgba(0,0,0,.13) !important;
}

.noor-nav-dropdown-menu a{
    padding:7px 9px !important;

    background:transparent !important;
    color:#9cabb6 !important;

    font-size:12px !important;

    border-radius:5px !important;
}

.noor-nav-dropdown-menu a:hover{
    background:rgba(255,255,255,.025) !important;
    color:#d8e0e5 !important;
}

/* TOP BAR */

.noor-topbar{
    background:#07131f !important;
    font-size:11.5px !important;
}

.noor-topbar a{
    color:#8799a7 !important;
}

.noor-topbar a:hover{
    color:#ccd7de !important;
}

/* SEARCH */

.noor-quick-search input{
    height:30px !important;

    background:#0b1b29 !important;
    border:1px solid var(--bi-border) !important;

    color:#d1dbe1 !important;
    font-size:11.5px !important;
}

.noor-quick-search button{
    height:30px !important;

    padding:0 10px !important;

    background:#13283a !important;
    border:1px solid rgba(148,163,184,.15) !important;

    color:#a4b4bf !important;
    font-size:11.5px !important;
}

/* FOOTER */

.noor-mega-footer,
.noor-footer{
    background:#06131f !important;
}

.noor-mega-footer h3,
.noor-footer h3{
    font-size:14px !important;
    font-weight:600 !important;
    color:#c9d4da !important;
}

.noor-mega-footer p,
.noor-mega-footer a,
.noor-footer p,
.noor-footer a{
    font-size:12.5px !important;
    line-height:1.75 !important;
    color:#8295a3 !important;
}

.noor-mega-footer a:hover,
.noor-footer a:hover{
    color:#d0dbe1 !important;
}

/* ZERO VISUAL NOISE */

.noor-public-main *,
.noor-header *,
.noor-topbar *,
.noor-footer *{
    text-shadow:none !important;
}

.noor-public-main *,
.noor-header *{
    animation:none !important;
}

/* MOBILE */

@media(max-width:640px){

    .noor-public-main{
        padding-top:26px !important;
    }

    .noor-public-main h1{
        font-size:24px !important;
    }

    .noor-public-main article,
    .noor-public-main [class*="card"]{
        padding:18px !important;
    }

    .noor-logo-img,
    .noor-header .noor-logo img,
    header .noor-logo img{
        width:42px !important;
        height:42px !important;
    }
}

/* END BI_ERP_PUBLIC_VISUAL_SYSTEM_V1 */



/* ==========================================================================
   BI_ERP_SERVICES_CALM_V1
   نفس مستوى BI ERP - بدون خطوط صارخة أو أزرار فاقعة
   ========================================================================== */

/* عنوان الصفحة */
.noor-public-main > h1{
    font-size:28px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:#cbd5dc !important;
    margin:0 0 30px !important;
}

/* كروت الخدمات */
.noor-service-card{
    min-height:0 !important;
    padding:22px !important;
    background:#0d1e2d !important;
    border:1px solid rgba(148,163,184,.13) !important;
    border-radius:10px !important;
}

/* أهم إصلاح: عنوان الخدمة */
.noor-service-card h2,
.noor-service-card h3,
.noor-public-main .noor-service-card h2,
.noor-public-main .noor-service-card h3{
    font-size:17px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
    color:#d5dde2 !important;
    margin:0 0 10px !important;
}

/* وصف الخدمة */
.noor-service-card p,
.noor-public-main .noor-service-card p{
    font-size:13px !important;
    line-height:1.8 !important;
    font-weight:400 !important;
    color:#899ba8 !important;
}

/* زر المعاينة يتحول من CTA صارخ إلى Action هادئ */
.noor-service-card > a:last-child,
.noor-public-main .noor-service-card > a:last-child{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-width:0 !important;
    min-height:31px !important;

    padding:5px 12px !important;
    margin-top:16px !important;

    background:#12283a !important;
    border:1px solid rgba(137,158,174,.20) !important;
    border-radius:6px !important;

    color:#aab9c4 !important;

    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:500 !important;

    box-shadow:none !important;
    transform:none !important;
}

.noor-service-card > a:last-child:hover,
.noor-public-main .noor-service-card > a:last-child:hover{
    background:#162d3f !important;
    border-color:rgba(137,158,174,.28) !important;
    color:#d8e0e5 !important;
    box-shadow:none !important;
    transform:none !important;
}

/* منع أي قاعدة قديمة من تكبير النص */
.noor-public-main .noor-service-card *{
    text-shadow:none !important;
}

/* موبايل */
@media(max-width:640px){

    .noor-public-main > h1{
        font-size:23px !important;
    }

    .noor-service-card h2,
    .noor-service-card h3,
    .noor-public-main .noor-service-card h2,
    .noor-public-main .noor-service-card h3{
        font-size:16px !important;
    }
}

/* END BI_ERP_SERVICES_CALM_V1 */


/* ==========================================================================
   BI_ERP_REAL_SERVICE_VISUAL_V1
   Actual selectors: site-grid / site-card / site-btn
   ========================================================================== */

/* GRID */

.noor-public-main .site-grid,
.noor-main .site-grid{
    gap:18px !important;
}

/* CARDS */

.noor-public-main .site-card,
.noor-main .site-card{
    min-height:220px !important;
    padding:22px !important;

    background:#0d1e2d !important;
    border:1px solid rgba(148,163,184,.14) !important;
    border-radius:10px !important;

    box-shadow:none !important;
    transform:none !important;
}

/* TITLES */

.noor-public-main .site-card h2,
.noor-main .site-card h2{
    margin:0 0 12px !important;

    font-size:18px !important;
    line-height:1.55 !important;
    font-weight:600 !important;

    color:#d5dde2 !important;

    text-shadow:none !important;
}

/* DESCRIPTION */

.noor-public-main .site-card p,
.noor-main .site-card p{
    margin:0 0 16px !important;

    font-size:13.5px !important;
    line-height:1.85 !important;
    font-weight:400 !important;

    color:#8fa0ad !important;
}

/* PREVIEW BUTTON */

.noor-public-main .site-btn,
.noor-main .site-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-width:0 !important;
    min-height:32px !important;

    padding:6px 12px !important;

    background:#13283a !important;
    border:1px solid rgba(148,163,184,.18) !important;
    border-radius:6px !important;

    color:#aab8c2 !important;

    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:500 !important;

    box-shadow:none !important;
    text-shadow:none !important;
    transform:none !important;
}

.noor-public-main .site-btn:hover,
.noor-main .site-btn:hover{
    background:#172e40 !important;
    border-color:rgba(148,163,184,.27) !important;

    color:#d6dfe4 !important;

    box-shadow:none !important;
    transform:none !important;
}

/* PAGE TITLE */

.noor-public-main > h1,
.noor-main > h1{
    font-size:28px !important;
    line-height:1.45 !important;
    font-weight:600 !important;

    color:#bac8d1 !important;

    margin-bottom:30px !important;
}

/* NO MOVEMENT */

.noor-main .site-card:hover{
    transform:none !important;
    box-shadow:none !important;

    background:#0d1e2d !important;
    border-color:rgba(148,163,184,.20) !important;
}

/* MOBILE */

@media(max-width:640px){

    .noor-main > h1{
        font-size:23px !important;
    }

    .noor-main .site-card{
        min-height:0 !important;
        padding:18px !important;
    }

    .noor-main .site-card h2{
        font-size:17px !important;
    }
}

/* END BI_ERP_REAL_SERVICE_VISUAL_V1 */


/* ==========================================================
   BI_ERP_SERVICE_COMPACT_BALANCE_V1
   أصغر - أهدأ - بدون خنق المحتوى
   ========================================================== */

.noor-main .site-grid,
.noor-public-main .site-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
}

/* الكارت */
.noor-main .site-card,
.noor-public-main .site-card{
    min-height:175px !important;
    padding:18px 20px !important;
    border-radius:9px !important;
}

/* العنوان */
.noor-main .site-card h2,
.noor-public-main .site-card h2{
    font-size:16px !important;
    line-height:1.55 !important;
    font-weight:600 !important;
    margin:0 0 9px !important;
}

/* الوصف */
.noor-main .site-card p,
.noor-public-main .site-card p{
    font-size:12.8px !important;
    line-height:1.75 !important;
    margin:0 0 12px !important;
}

/* زر المعاينة */
.noor-main .site-card .site-btn,
.noor-public-main .site-card .site-btn{
    min-height:29px !important;
    padding:5px 10px !important;
    font-size:11.5px !important;
    border-radius:5px !important;
}

/* عنوان الصفحة */
.noor-main > h1,
.noor-public-main > h1{
    font-size:26px !important;
    margin-bottom:24px !important;
}

/* Tablet */
@media(max-width:1050px){
    .noor-main .site-grid,
    .noor-public-main .site-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* Mobile */
@media(max-width:640px){
    .noor-main .site-grid,
    .noor-public-main .site-grid{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .noor-main .site-card,
    .noor-public-main .site-card{
        min-height:0 !important;
        padding:17px !important;
    }

    .noor-main .site-card h2,
    .noor-public-main .site-card h2{
        font-size:16px !important;
    }
}

/* END BI_ERP_SERVICE_COMPACT_BALANCE_V1 */


/* ==========================================================
   BI_ERP_SERVICE_COMPACT_FINAL_V2
   ========================================================== */

.noor-main .site-grid,
.noor-public-main .site-grid{
    gap:12px !important;
}

.noor-main .site-card,
.noor-public-main .site-card{
    min-height:145px !important;
    padding:15px 17px !important;
    border-radius:8px !important;
}

.noor-main .site-card h2,
.noor-public-main .site-card h2{
    font-size:15px !important;
    line-height:1.5 !important;
    font-weight:600 !important;
    margin:0 0 7px !important;
}

.noor-main .site-card p,
.noor-public-main .site-card p{
    font-size:12px !important;
    line-height:1.7 !important;
    margin:0 0 10px !important;
}

.noor-main .site-card .site-btn,
.noor-public-main .site-card .site-btn{
    min-height:27px !important;
    padding:4px 9px !important;
    font-size:11px !important;
}

.noor-main > h1,
.noor-public-main > h1{
    font-size:24px !important;
    line-height:1.4 !important;
    margin-bottom:20px !important;
}

/* END BI_ERP_SERVICE_COMPACT_FINAL_V2 */


/* ==========================================================
   BI_ERP_VISUAL_BALANCE_FINAL_V1
   Final public website visual balance
   ========================================================== */

/* ===== HEADER HEIGHT / BREATHING ===== */

.noor-header,
header.noor-header{
    min-height:86px !important;
}

.noor-header .container,
.noor-header > div{
    align-items:center !important;
}


/* ===== LOGO ===== */

.noor-logo{
    gap:12px !important;
    flex-shrink:0 !important;
}

.noor-logo-img,
.noor-header .noor-logo img,
header .noor-logo img{
    width:54px !important;
    height:54px !important;
    object-fit:contain !important;
}

.noor-logo strong,
.noor-logo-title{
    font-size:19px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    color:#edf2f5 !important;
}

.noor-logo span,
.noor-logo-subtitle{
    font-size:12px !important;
    line-height:1.4 !important;
    color:#7f929f !important;
}


/* ===== MAIN NAVIGATION ===== */

.noor-header nav,
.noor-nav{
    gap:24px !important;
}

.noor-header nav a,
.noor-nav > a,
.noor-nav-dropdown > a{
    font-size:15px !important;
    line-height:1.4 !important;
    font-weight:550 !important;

    color:#bac7d0 !important;

    padding:10px 3px !important;

    white-space:nowrap !important;

    background:transparent !important;
    border:0 !important;

    text-shadow:none !important;
}

.noor-header nav a:hover,
.noor-nav > a:hover,
.noor-nav-dropdown > a:hover{
    color:#eef3f6 !important;
    background:transparent !important;
}


/* ===== TOP BAR ===== */

.noor-topbar{
    min-height:42px !important;
}

.noor-topbar,
.noor-topbar a{
    font-size:12.5px !important;
}


/* ===== SERVICES PAGE TITLE ===== */

.noor-main > h1,
.noor-public-main > h1{
    font-size:32px !important;
    line-height:1.35 !important;

    font-weight:600 !important;

    color:#b7c4cd !important;

    margin-top:18px !important;
    margin-bottom:26px !important;

    letter-spacing:0 !important;

    text-shadow:none !important;
}


/* ===== SERVICES GRID ===== */

.noor-main .site-grid,
.noor-public-main .site-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;

    gap:14px !important;

    align-items:stretch !important;
}


/* ===== SERVICE CARDS ===== */

.noor-main .site-card,
.noor-public-main .site-card{
    min-height:150px !important;

    padding:17px 18px !important;

    border-radius:9px !important;

    background:#0c1d2c !important;

    border:1px solid rgba(148,163,184,.13) !important;

    box-shadow:none !important;

    transform:none !important;
}


/* ===== SERVICE TITLES ===== */

.noor-main .site-card h2,
.noor-public-main .site-card h2{
    font-size:15.5px !important;

    line-height:1.5 !important;

    font-weight:600 !important;

    margin:0 0 8px !important;

    color:#d4dde3 !important;

    text-shadow:none !important;
}


/* ===== SERVICE DESCRIPTION ===== */

.noor-main .site-card p,
.noor-public-main .site-card p{
    font-size:12.5px !important;

    line-height:1.7 !important;

    font-weight:400 !important;

    margin:0 0 11px !important;

    color:#879ba9 !important;
}


/* ===== PREVIEW BUTTON ===== */

.noor-main .site-card .site-btn,
.noor-public-main .site-card .site-btn{
    display:inline-flex !important;

    width:auto !important;

    min-height:27px !important;

    padding:4px 9px !important;

    font-size:11px !important;

    font-weight:500 !important;

    color:#9eb0bd !important;

    background:#112638 !important;

    border:1px solid rgba(148,163,184,.16) !important;

    border-radius:5px !important;

    box-shadow:none !important;

    transform:none !important;
}

.noor-main .site-card .site-btn:hover,
.noor-public-main .site-card .site-btn:hover{
    background:#152b3d !important;

    color:#d3dde3 !important;

    border-color:rgba(148,163,184,.25) !important;
}


/* ===== REMOVE VISUAL NOISE ===== */

.noor-main .site-card:hover,
.noor-public-main .site-card:hover{
    background:#0c1d2c !important;

    transform:none !important;

    box-shadow:none !important;

    border-color:rgba(148,163,184,.19) !important;
}


/* ===== WHATSAPP ===== */

.noor-topbar a[href*="wa.me"],
.noor-mega-footer a[href*="wa.me"],
.noor-footer a[href*="wa.me"]{
    cursor:pointer !important;
    text-decoration:none !important;
}


/* ===== TABLET ===== */

@media(max-width:1100px){

    .noor-header nav,
    .noor-nav{
        gap:15px !important;
    }

    .noor-header nav a,
    .noor-nav > a,
    .noor-nav-dropdown > a{
        font-size:14px !important;
    }

    .noor-main .site-grid,
    .noor-public-main .site-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}


/* ===== MOBILE ===== */

@media(max-width:640px){

    .noor-main > h1,
    .noor-public-main > h1{
        font-size:25px !important;

        margin-bottom:20px !important;
    }

    .noor-main .site-grid,
    .noor-public-main .site-grid{
        grid-template-columns:1fr !important;

        gap:12px !important;
    }

    .noor-main .site-card,
    .noor-public-main .site-card{
        min-height:0 !important;

        padding:16px !important;
    }

    .noor-logo-img,
    .noor-header .noor-logo img,
    header .noor-logo img{
        width:47px !important;
        height:47px !important;
    }
}

/* END BI_ERP_VISUAL_BALANCE_FINAL_V1 */


/* ==========================================================
   BI_ERP_VISUAL_BALANCE_FINAL_V1
   Final public website visual balance
   ========================================================== */

/* ===== HEADER HEIGHT / BREATHING ===== */

.noor-header,
header.noor-header{
    min-height:86px !important;
}

.noor-header .container,
.noor-header > div{
    align-items:center !important;
}


/* ===== LOGO ===== */

.noor-logo{
    gap:12px !important;
    flex-shrink:0 !important;
}

.noor-logo-img,
.noor-header .noor-logo img,
header .noor-logo img{
    width:54px !important;
    height:54px !important;
    object-fit:contain !important;
}

.noor-logo strong,
.noor-logo-title{
    font-size:19px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    color:#edf2f5 !important;
}

.noor-logo span,
.noor-logo-subtitle{
    font-size:12px !important;
    line-height:1.4 !important;
    color:#7f929f !important;
}


/* ===== MAIN NAVIGATION ===== */

.noor-header nav,
.noor-nav{
    gap:24px !important;
}

.noor-header nav a,
.noor-nav > a,
.noor-nav-dropdown > a{
    font-size:15px !important;
    line-height:1.4 !important;
    font-weight:550 !important;

    color:#bac7d0 !important;

    padding:10px 3px !important;

    white-space:nowrap !important;

    background:transparent !important;
    border:0 !important;

    text-shadow:none !important;
}

.noor-header nav a:hover,
.noor-nav > a:hover,
.noor-nav-dropdown > a:hover{
    color:#eef3f6 !important;
    background:transparent !important;
}


/* ===== TOP BAR ===== */

.noor-topbar{
    min-height:42px !important;
}

.noor-topbar,
.noor-topbar a{
    font-size:12.5px !important;
}


/* ===== SERVICES PAGE TITLE ===== */

.noor-main > h1,
.noor-public-main > h1{
    font-size:32px !important;
    line-height:1.35 !important;

    font-weight:600 !important;

    color:#b7c4cd !important;

    margin-top:18px !important;
    margin-bottom:26px !important;

    letter-spacing:0 !important;

    text-shadow:none !important;
}


/* ===== SERVICES GRID ===== */

.noor-main .site-grid,
.noor-public-main .site-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;

    gap:14px !important;

    align-items:stretch !important;
}


/* ===== SERVICE CARDS ===== */

.noor-main .site-card,
.noor-public-main .site-card{
    min-height:150px !important;

    padding:17px 18px !important;

    border-radius:9px !important;

    background:#0c1d2c !important;

    border:1px solid rgba(148,163,184,.13) !important;

    box-shadow:none !important;

    transform:none !important;
}


/* ===== SERVICE TITLES ===== */

.noor-main .site-card h2,
.noor-public-main .site-card h2{
    font-size:15.5px !important;

    line-height:1.5 !important;

    font-weight:600 !important;

    margin:0 0 8px !important;

    color:#d4dde3 !important;

    text-shadow:none !important;
}


/* ===== SERVICE DESCRIPTION ===== */

.noor-main .site-card p,
.noor-public-main .site-card p{
    font-size:12.5px !important;

    line-height:1.7 !important;

    font-weight:400 !important;

    margin:0 0 11px !important;

    color:#879ba9 !important;
}


/* ===== PREVIEW BUTTON ===== */

.noor-main .site-card .site-btn,
.noor-public-main .site-card .site-btn{
    display:inline-flex !important;

    width:auto !important;

    min-height:27px !important;

    padding:4px 9px !important;

    font-size:11px !important;

    font-weight:500 !important;

    color:#9eb0bd !important;

    background:#112638 !important;

    border:1px solid rgba(148,163,184,.16) !important;

    border-radius:5px !important;

    box-shadow:none !important;

    transform:none !important;
}

.noor-main .site-card .site-btn:hover,
.noor-public-main .site-card .site-btn:hover{
    background:#152b3d !important;

    color:#d3dde3 !important;

    border-color:rgba(148,163,184,.25) !important;
}


/* ===== REMOVE VISUAL NOISE ===== */

.noor-main .site-card:hover,
.noor-public-main .site-card:hover{
    background:#0c1d2c !important;

    transform:none !important;

    box-shadow:none !important;

    border-color:rgba(148,163,184,.19) !important;
}


/* ===== WHATSAPP ===== */

.noor-topbar a[href*="wa.me"],
.noor-mega-footer a[href*="wa.me"],
.noor-footer a[href*="wa.me"]{
    cursor:pointer !important;
    text-decoration:none !important;
}


/* ===== TABLET ===== */

@media(max-width:1100px){

    .noor-header nav,
    .noor-nav{
        gap:15px !important;
    }

    .noor-header nav a,
    .noor-nav > a,
    .noor-nav-dropdown > a{
        font-size:14px !important;
    }

    .noor-main .site-grid,
    .noor-public-main .site-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}


/* ===== MOBILE ===== */

@media(max-width:640px){

    .noor-main > h1,
    .noor-public-main > h1{
        font-size:25px !important;

        margin-bottom:20px !important;
    }

    .noor-main .site-grid,
    .noor-public-main .site-grid{
        grid-template-columns:1fr !important;

        gap:12px !important;
    }

    .noor-main .site-card,
    .noor-public-main .site-card{
        min-height:0 !important;

        padding:16px !important;
    }

    .noor-logo-img,
    .noor-header .noor-logo img,
    header .noor-logo img{
        width:47px !important;
        height:47px !important;
    }
}

/* END BI_ERP_VISUAL_BALANCE_FINAL_V1 */


/* ==========================================================
   BI_ERP_SERVICES_LAYOUT_REAL_FIX_V1
   ========================================================== */

/* ===== MAIN HEADER MENU ===== */

.noor-header nav a,
.noor-header .noor-nav a,
.noor-header .noor-menu a{
    font-size:14px !important;
    line-height:1.4 !important;
    font-weight:500 !important;
}

/* ===== SERVICES PAGE MAIN CONTAINER ===== */

.noor-main{
    padding-top:38px !important;
}

/* إزالة الفراغ الضخم بين الهيدر والعنوان */

.noor-main > h1,
.noor-public-main > h1{
    margin-top:0 !important;
    margin-bottom:22px !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    font-size:32px !important;
    line-height:1.3 !important;
    font-weight:600 !important;

    color:#b8c6cf !important;
}

/* ===== SERVICES GRID ===== */

.noor-main .site-grid,
.noor-public-main .site-grid{
    margin-top:0 !important;

    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;

    align-items:stretch !important;
}

/* ===== SERVICE CARD ===== */

.noor-main .site-card,
.noor-public-main .site-card{
    min-height:150px !important;

    padding:16px 18px !important;

    border-radius:8px !important;

    display:flex !important;
    flex-direction:column !important;

    background:#0d1e2d !important;
    border:1px solid rgba(148,163,184,.14) !important;

    box-shadow:none !important;
    transform:none !important;
}

/* ===== CARD TITLE ===== */

.noor-main .site-card h2,
.noor-public-main .site-card h2{
    margin:0 0 8px !important;

    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:600 !important;

    color:#d6dfe5 !important;
}

/* ===== CARD DESCRIPTION ===== */

.noor-main .site-card p,
.noor-public-main .site-card p{
    margin:0 0 10px !important;

    font-size:12px !important;
    line-height:1.7 !important;
    font-weight:400 !important;

    color:#8fa4b3 !important;
}

/* ===== PREVIEW BUTTON ===== */

.noor-main .site-card .site-btn,
.noor-public-main .site-card .site-btn{
    margin-top:auto !important;
    align-self:flex-start !important;

    min-height:27px !important;
    width:auto !important;

    padding:4px 9px !important;

    font-size:11px !important;
    line-height:1.3 !important;

    border-radius:5px !important;

    background:#112638 !important;
    border:1px solid rgba(148,163,184,.16) !important;

    color:#9eb0bc !important;

    box-shadow:none !important;
    transform:none !important;
}

.noor-main .site-card .site-btn:hover,
.noor-public-main .site-card .site-btn:hover{
    background:#162c3e !important;
    color:#d4dde3 !important;
    transform:none !important;
    box-shadow:none !important;
}

/* ===== REMOVE CARD MOTION ===== */

.noor-main .site-card:hover,
.noor-public-main .site-card:hover{
    transform:none !important;
    box-shadow:none !important;
}

/* ===== TABLET ===== */

@media(max-width:1050px){

    .noor-main{
        padding-top:30px !important;
    }

    .noor-main .site-grid,
    .noor-public-main .site-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .noor-main > h1,
    .noor-public-main > h1{
        font-size:27px !important;
    }
}

/* ===== MOBILE ===== */

@media(max-width:640px){

    .noor-main{
        padding-top:24px !important;
    }

    .noor-main > h1,
    .noor-public-main > h1{
        font-size:23px !important;
        margin-bottom:18px !important;
    }

    .noor-main .site-grid,
    .noor-public-main .site-grid{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .noor-main .site-card,
    .noor-public-main .site-card{
        min-height:0 !important;
        padding:15px 16px !important;
    }
}

/* END BI_ERP_SERVICES_LAYOUT_REAL_FIX_V1 */


/* ==========================================================
   BI_ERP_SERVICES_LAYOUT_REAL_FIX_V1
   ========================================================== */

/* ===== MAIN HEADER MENU ===== */

.noor-header nav a,
.noor-header .noor-nav a,
.noor-header .noor-menu a{
    font-size:14px !important;
    line-height:1.4 !important;
    font-weight:500 !important;
}

/* ===== SERVICES PAGE MAIN CONTAINER ===== */

.noor-main{
    padding-top:38px !important;
}

/* إزالة الفراغ الضخم بين الهيدر والعنوان */

.noor-main > h1,
.noor-public-main > h1{
    margin-top:0 !important;
    margin-bottom:22px !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    font-size:32px !important;
    line-height:1.3 !important;
    font-weight:600 !important;

    color:#b8c6cf !important;
}

/* ===== SERVICES GRID ===== */

.noor-main .site-grid,
.noor-public-main .site-grid{
    margin-top:0 !important;

    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;

    align-items:stretch !important;
}

/* ===== SERVICE CARD ===== */

.noor-main .site-card,
.noor-public-main .site-card{
    min-height:150px !important;

    padding:16px 18px !important;

    border-radius:8px !important;

    display:flex !important;
    flex-direction:column !important;

    background:#0d1e2d !important;
    border:1px solid rgba(148,163,184,.14) !important;

    box-shadow:none !important;
    transform:none !important;
}

/* ===== CARD TITLE ===== */

.noor-main .site-card h2,
.noor-public-main .site-card h2{
    margin:0 0 8px !important;

    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:600 !important;

    color:#d6dfe5 !important;
}

/* ===== CARD DESCRIPTION ===== */

.noor-main .site-card p,
.noor-public-main .site-card p{
    margin:0 0 10px !important;

    font-size:12px !important;
    line-height:1.7 !important;
    font-weight:400 !important;

    color:#8fa4b3 !important;
}

/* ===== PREVIEW BUTTON ===== */

.noor-main .site-card .site-btn,
.noor-public-main .site-card .site-btn{
    margin-top:auto !important;
    align-self:flex-start !important;

    min-height:27px !important;
    width:auto !important;

    padding:4px 9px !important;

    font-size:11px !important;
    line-height:1.3 !important;

    border-radius:5px !important;

    background:#112638 !important;
    border:1px solid rgba(148,163,184,.16) !important;

    color:#9eb0bc !important;

    box-shadow:none !important;
    transform:none !important;
}

.noor-main .site-card .site-btn:hover,
.noor-public-main .site-card .site-btn:hover{
    background:#162c3e !important;
    color:#d4dde3 !important;
    transform:none !important;
    box-shadow:none !important;
}

/* ===== REMOVE CARD MOTION ===== */

.noor-main .site-card:hover,
.noor-public-main .site-card:hover{
    transform:none !important;
    box-shadow:none !important;
}

/* ===== TABLET ===== */

@media(max-width:1050px){

    .noor-main{
        padding-top:30px !important;
    }

    .noor-main .site-grid,
    .noor-public-main .site-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .noor-main > h1,
    .noor-public-main > h1{
        font-size:27px !important;
    }
}

/* ===== MOBILE ===== */

@media(max-width:640px){

    .noor-main{
        padding-top:24px !important;
    }

    .noor-main > h1,
    .noor-public-main > h1{
        font-size:23px !important;
        margin-bottom:18px !important;
    }

    .noor-main .site-grid,
    .noor-public-main .site-grid{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .noor-main .site-card,
    .noor-public-main .site-card{
        min-height:0 !important;
        padding:15px 16px !important;
    }
}

/* END BI_ERP_SERVICES_LAYOUT_REAL_FIX_V1 */