/* ============================================================
   nextbusiness-final.css — Next Business (nextbusiness.com)
   Merged bundle of all 14 section stylesheets.
   Global colors defined once here; sections inherit via local vars.
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root {
    --nxtb-primary:   #6c757d;
    --nxtb-secondary: #1e3a5f;
    --nxtb-helper:    #f2f4f6;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { direction: rtl; font-family: "IBM Plex Sans Arabic", sans-serif; background: var(--nxtb-helper); }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; }

/* ============================================================
   iraqtbnxtb — Top-Bar
   Namespace  : iraqtbnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors (local ترث من :root) */
.iraqtbnxtb {
    --iraqtbnxtb-primary:   var(--nxtb-primary);
    --iraqtbnxtb-secondary: var(--nxtb-secondary);
    --iraqtbnxtb-helper:    var(--nxtb-helper);
    --iraqtbnxtb-padding-top:    0.5rem;
    --iraqtbnxtb-padding-bottom: 0.5rem;
}

/* 2. Reset داخل الـ namespace */
.iraqtbnxtb *,
.iraqtbnxtb *::before,
.iraqtbnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqtbnxtb {
    position: relative;
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqtbnxtb-secondary);
    color: var(--iraqtbnxtb-helper);
    padding: var(--iraqtbnxtb-padding-top) 1rem var(--iraqtbnxtb-padding-bottom);
    font-size: clamp(0.7rem, 3vw, 0.82rem);
}
.iraqtbnxtb__container {
    max-width: 78rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    text-align: center;
}
.iraqtbnxtb__info,
.iraqtbnxtb__contact {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem 1rem;
}
.iraqtbnxtb__item { display: flex; align-items: center; gap: 0.4rem; }
.iraqtbnxtb__item i { color: var(--iraqtbnxtb-primary); font-size: 0.9em; }
.iraqtbnxtb__item a { display: flex; align-items: center; gap: 0.4rem; transition: color 0.48s ease-in-out; }
.iraqtbnxtb__item a:hover { color: var(--iraqtbnxtb-primary); }
.iraqtbnxtb__socials { list-style: none; display: flex; gap: 0.9rem; }
.iraqtbnxtb__socials a {
    width: 1.5rem; height: 1.5rem;
    display: grid; place-items: center;
    border: 0.06rem solid var(--iraqtbnxtb-primary);
    border-radius: 50%;
    transition: background 0.48s ease-in-out, color 0.48s ease-in-out;
}
.iraqtbnxtb__socials a:hover { background: var(--iraqtbnxtb-primary); color: var(--iraqtbnxtb-secondary); }

/* 4. هوية الثقة الهادئة المتحركة — Precision Line Reveal */
.iraqtbnxtb__line {
    display: block;
    position: absolute;
    inset: 0 0 auto 0;
    height: 0.06rem;
    background: var(--iraqtbnxtb-primary);
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqtbnxtb__line.is-drawn { transform: scaleX(1); }
.iraqtbnxtb__reveal {
    opacity: 0;
    transform: translateY(0.5rem);
    transition: opacity 0.6s ease-in-out 0.18s, transform 0.6s ease-in-out 0.18s;
}
.iraqtbnxtb__reveal.is-shown { opacity: 1; transform: none; }

/* 5. Breakpoints بالترتيب */
@media (min-width: 769px) {
    .iraqtbnxtb__container { flex-direction: row; justify-content: space-between; text-align: right; }
}
@media (min-width: 1025px) {
    .iraqtbnxtb { padding-left: 2rem; padding-right: 2rem; }
}

/* ============================================================
   iraqhdrnxtb — Header
   Namespace  : iraqhdrnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqhdrnxtb {
    --iraqhdrnxtb-primary:   var(--nxtb-primary);
    --iraqhdrnxtb-secondary: var(--nxtb-secondary);
    --iraqhdrnxtb-helper:    var(--nxtb-helper);
    --iraqhdrnxtb-padding-top:    0.75rem;
    --iraqhdrnxtb-padding-bottom: 0.75rem;
}

/* 2. Reset داخل الـ namespace */
.iraqhdrnxtb *,
.iraqhdrnxtb *::before,
.iraqhdrnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqhdrnxtb {
    position: sticky;
    top: 0;
    z-index: 50;
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqhdrnxtb-helper);
    padding: var(--iraqhdrnxtb-padding-top) 1rem var(--iraqhdrnxtb-padding-bottom);
    border-bottom: 0.06rem solid var(--iraqhdrnxtb-helper);
}
.iraqhdrnxtb__container {
    max-width: 78rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.iraqhdrnxtb__brand { display: flex; align-items: center; gap: 0.6rem; }
.iraqhdrnxtb__brand-mark {
    width: 2.6rem; height: 2.6rem;
    display: grid; place-items: center;
    background: var(--iraqhdrnxtb-secondary);
    color: var(--iraqhdrnxtb-helper);
    font-weight: 700;
    letter-spacing: 0.05em;
    border-radius: 0.35rem;
}
.iraqhdrnxtb__brand-text { display: flex; flex-direction: column; }
.iraqhdrnxtb__brand-name { color: var(--iraqhdrnxtb-secondary); font-size: clamp(1rem, 4.5vw, 1.15rem); }
.iraqhdrnxtb__brand-tag { color: var(--iraqhdrnxtb-primary); font-size: clamp(0.62rem, 2.6vw, 0.72rem); }

.iraqhdrnxtb__toggle {
    width: 2.6rem; height: 2.6rem;
    display: inline-flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 0.32rem;
    background: transparent;
    border: 0.06rem solid var(--iraqhdrnxtb-helper);
    border-radius: 0.35rem;
    cursor: pointer;
}
.iraqhdrnxtb__toggle-bar {
    width: 1.3rem; height: 0.12rem;
    background: var(--iraqhdrnxtb-secondary);
    transition: transform 0.48s ease-in-out, opacity 0.48s ease-in-out;
}
.iraqhdrnxtb--open .iraqhdrnxtb__toggle-bar:nth-child(1) { transform: translateY(0.44rem) rotate(-45deg); }
.iraqhdrnxtb--open .iraqhdrnxtb__toggle-bar:nth-child(2) { opacity: 0; }
.iraqhdrnxtb--open .iraqhdrnxtb__toggle-bar:nth-child(3) { transform: translateY(-0.44rem) rotate(45deg); }

.iraqhdrnxtb__nav {
    position: absolute;
    inset: 100% 0 auto 0;
    background: var(--iraqhdrnxtb-helper);
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.6s ease-in-out;
    border-bottom: 0.06rem solid var(--iraqhdrnxtb-helper);
    overflow: hidden;
}
.iraqhdrnxtb--open .iraqhdrnxtb__nav { grid-template-rows: 1fr; }
.iraqhdrnxtb__list {
    list-style: none;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0.5rem 1rem;
}
.iraqhdrnxtb__link {
    display: block;
    padding: 0.85rem 0.25rem;
    color: var(--iraqhdrnxtb-secondary);
    border-bottom: 0.06rem solid var(--iraqhdrnxtb-helper);
    transition: color 0.48s ease-in-out;
}
.iraqhdrnxtb__link:hover,
.iraqhdrnxtb__link--active { color: var(--iraqhdrnxtb-primary); }
.iraqhdrnxtb__cta {
    display: flex; align-items: center; justify-content: center; gap: 0.5rem;
    margin: 0.75rem 1rem 1rem;
    padding: 0.8rem 1.2rem;
    background: var(--iraqhdrnxtb-secondary);
    color: var(--iraqhdrnxtb-helper);
    border-radius: 0.35rem;
    font-weight: 600;
    transition: background 0.48s ease-in-out;
}
.iraqhdrnxtb__cta:hover { background: var(--iraqhdrnxtb-primary); }

/* 4. هوية الثقة الهادئة المتحركة — Precision Line Reveal */
.iraqhdrnxtb__line {
    display: block;
    position: absolute;
    inset: auto 0 0 0;
    height: 0.06rem;
    background: var(--iraqhdrnxtb-primary);
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqhdrnxtb__line.is-drawn { transform: scaleX(1); }

/* 5. Breakpoints بالترتيب */
@media (min-width: 1025px) {
    .iraqhdrnxtb__toggle { display: none; }
    .iraqhdrnxtb__nav {
        position: static;
        display: flex;
        align-items: center;
        gap: 1.5rem;
        grid-template-rows: none;
        box-shadow: none;
        overflow: visible;
    }
    .iraqhdrnxtb__list { flex-direction: row; padding: 0; gap: 1.2rem; }
    .iraqhdrnxtb__link { padding: 0.4rem 0; border-bottom: 0; }
    .iraqhdrnxtb__cta { margin: 0; }
}
@media (min-width: 1281px) {
    .iraqhdrnxtb { padding-left: 2rem; padding-right: 2rem; }
    .iraqhdrnxtb__list { gap: 1.8rem; }
}

/* ============================================================
   iraqhronxtb — Hero (الرئيسية)
   Namespace  : iraqhronxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqhronxtb {
    --iraqhronxtb-primary:   var(--nxtb-primary);
    --iraqhronxtb-secondary: var(--nxtb-secondary);
    --iraqhronxtb-helper:    var(--nxtb-helper);
    --iraqhronxtb-padding-top:    3rem;
    --iraqhronxtb-padding-bottom: 3rem;
}

/* 2. Reset داخل الـ namespace */
.iraqhronxtb *,
.iraqhronxtb *::before,
.iraqhronxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqhronxtb {
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqhronxtb-helper);
    color: var(--iraqhronxtb-secondary);
    padding: var(--iraqhronxtb-padding-top) 1rem var(--iraqhronxtb-padding-bottom);
}
.iraqhronxtb__container { max-width: 78rem; margin: 0 auto; }
.iraqhronxtb__content { display: flex; flex-direction: column; }

.iraqhronxtb__title {
    font-size: clamp(1.7rem, 8vw, 3rem);
    line-height: 1.25;
    font-weight: 700;
    margin-top: 0.9rem;
}
.iraqhronxtb__hook {
    font-size: clamp(0.95rem, 4vw, 1.15rem);
    line-height: 1.9;
    color: var(--iraqhronxtb-primary);
    margin-top: 0.9rem;
    max-width: 46rem;
}
.iraqhronxtb__hook strong { color: var(--iraqhronxtb-secondary); }

.iraqhronxtb__features { list-style: none; margin-top: 1.4rem; display: flex; flex-direction: column; }
.iraqhronxtb__feature { padding: 0.9rem 0; }
.iraqhronxtb__feature-body {
    display: flex; align-items: flex-start; gap: 0.7rem;
    font-size: clamp(0.9rem, 3.6vw, 1rem);
    line-height: 1.7;
}
.iraqhronxtb__feature-body i {
    color: var(--iraqhronxtb-primary);
    font-size: 1.05rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.iraqhronxtb__ledger {
    margin-top: 1.8rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
.iraqhronxtb__ledger-cell {
    border: 0.06rem solid var(--iraqhronxtb-primary);
    background: var(--iraqhronxtb-helper);
    padding: 0.9rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    text-align: center;
}
.iraqhronxtb__ledger-num {
    direction: ltr;
    font-size: clamp(1.6rem, 7vw, 2.2rem);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.06em;
    color: var(--iraqhronxtb-secondary);
    perspective: 40rem;
}
.iraqhronxtb__ledger-label { font-size: clamp(0.72rem, 3vw, 0.85rem); color: var(--iraqhronxtb-primary); }

.iraqhronxtb__cta { margin-top: 1.8rem; display: flex; flex-direction: column; gap: 0.75rem; }
.iraqhronxtb__cta-btn {
    display: flex; align-items: center; justify-content: center; gap: 0.55rem;
    padding: 0.95rem 1.4rem;
    border-radius: 0.35rem;
    font-weight: 600;
    font-size: clamp(0.9rem, 3.6vw, 1rem);
    transition: background 0.48s ease-in-out, color 0.48s ease-in-out, transform 0.48s ease-in-out;
}
.iraqhronxtb__cta-btn:hover { transform: translateY(-0.15rem); }
.iraqhronxtb__cta-btn--call { background: var(--iraqhronxtb-secondary); color: var(--iraqhronxtb-helper); }
.iraqhronxtb__cta-btn--call:hover { background: var(--iraqhronxtb-primary); }
.iraqhronxtb__cta-btn--wa {
    background: transparent;
    color: var(--iraqhronxtb-secondary);
    border: 0.06rem solid var(--iraqhronxtb-secondary);
}
.iraqhronxtb__cta-btn--wa:hover { background: var(--iraqhronxtb-secondary); color: var(--iraqhronxtb-helper); }

/* 4. هوية الثقة الهادئة المتحركة */
/* Precision Line Reveal */
.iraqhronxtb__line {
    display: block;
    height: 0.06rem;
    width: 100%;
    max-width: 12rem;
    background: var(--iraqhronxtb-primary);
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqhronxtb__line--feature { max-width: 5rem; }
.iraqhronxtb__line.is-drawn { transform: scaleX(1); }
.iraqhronxtb__reveal {
    opacity: 0;
    transform: translateY(0.85rem);
    transition: opacity 0.6s ease-in-out 0.12s, transform 0.6s ease-in-out 0.12s;
}
.iraqhronxtb__reveal.is-shown { opacity: 1; transform: none; }
/* Ledger mechanical flip */
.iraqhronxtb__digit {
    display: inline-block;
    transform-style: preserve-3d;
    transition: transform 0.48s ease-in-out;
}
.iraqhronxtb__digit--flip { transform: rotateX(90deg); }

/* 5. Breakpoints بالترتيب */
@media (min-width: 601px) {
    .iraqhronxtb__ledger { grid-template-columns: repeat(3, 1fr); }
    .iraqhronxtb__cta { flex-direction: row; }
    .iraqhronxtb__cta-btn { flex: 0 0 auto; }
}
@media (min-width: 769px) {
    .iraqhronxtb { --iraqhronxtb-padding-top: 4.5rem; --iraqhronxtb-padding-bottom: 4.5rem; }
    .iraqhronxtb__features { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2rem; }
}
@media (min-width: 1025px) {
    .iraqhronxtb { padding-left: 2rem; padding-right: 2rem; }
    .iraqhronxtb__line { max-width: 16rem; }
}
@media (min-width: 1281px) {
    .iraqhronxtb { --iraqhronxtb-padding-top: 6rem; --iraqhronxtb-padding-bottom: 6rem; }
}

/* ============================================================
   iraqptnxtb — Points
   Namespace  : iraqptnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqptnxtb {
    --iraqptnxtb-primary:   var(--nxtb-primary);
    --iraqptnxtb-secondary: var(--nxtb-secondary);
    --iraqptnxtb-helper:    var(--nxtb-helper);
    --iraqptnxtb-padding-top:    3rem;
    --iraqptnxtb-padding-bottom: 3rem;
}

/* 2. Reset داخل الـ namespace */
.iraqptnxtb *,
.iraqptnxtb *::before,
.iraqptnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqptnxtb {
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqptnxtb-helper);
    color: var(--iraqptnxtb-secondary);
    padding: var(--iraqptnxtb-padding-top) 1rem var(--iraqptnxtb-padding-bottom);
}
.iraqptnxtb__container { max-width: 78rem; margin: 0 auto; }
.iraqptnxtb__header { display: flex; flex-direction: column; margin-bottom: 1.8rem; }
.iraqptnxtb__title { font-size: clamp(1.4rem, 6vw, 2.1rem); line-height: 1.4; font-weight: 700; margin-top: 0.9rem; }
.iraqptnxtb__intro { margin-top: 0.7rem; font-size: clamp(0.9rem, 3.8vw, 1.02rem); line-height: 1.9; color: var(--iraqptnxtb-primary); max-width: 44rem; }

.iraqptnxtb__grid { list-style: none; display: grid; grid-template-columns: 1fr; gap: 1rem; }
.iraqptnxtb__point {
    position: relative;
    background: transparent;
    border: 0.06rem solid var(--iraqptnxtb-primary);
    padding: 1.5rem 1.3rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.iraqptnxtb__num {
    direction: ltr;
    font-size: clamp(1.9rem, 9vw, 2.6rem);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.06em;
    color: var(--iraqptnxtb-secondary);
    perspective: 40rem;
}
.iraqptnxtb__num-suffix { color: var(--iraqptnxtb-primary); }
.iraqptnxtb__point-title { font-size: clamp(1rem, 4.2vw, 1.12rem); font-weight: 600; }
.iraqptnxtb__point-desc { font-size: clamp(0.82rem, 3.5vw, 0.92rem); line-height: 1.8; color: var(--iraqptnxtb-primary); }

/* 4. هوية الثقة الهادئة المتحركة */
/* Precision Line Reveal */
.iraqptnxtb__line {
    display: block; height: 0.06rem; width: 100%; max-width: 13rem;
    background: var(--iraqptnxtb-primary);
    transform: scaleX(0); transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqptnxtb__line.is-drawn { transform: scaleX(1); }
.iraqptnxtb__reveal {
    opacity: 0; transform: translateY(0.8rem);
    transition: opacity 0.6s ease-in-out 0.15s, transform 0.6s ease-in-out 0.15s;
}
.iraqptnxtb__reveal.is-shown { opacity: 1; transform: none; }
/* Border Draw */
.iraqptnxtb__border { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.iraqptnxtb__border rect {
    fill: none;
    stroke: var(--iraqptnxtb-secondary);
    stroke-width: 0.09rem;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 1.44s ease-in-out;
}
.iraqptnxtb__card.is-drawn .iraqptnxtb__border rect { stroke-dashoffset: 0; }
/* Ledger mechanical flip */
.iraqptnxtb__digit { display: inline-block; transform-style: preserve-3d; transition: transform 0.48s ease-in-out; }
.iraqptnxtb__digit--flip { transform: rotateX(90deg); }

/* 5. Breakpoints بالترتيب */
@media (min-width: 601px)  { .iraqptnxtb__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 769px)  { .iraqptnxtb { --iraqptnxtb-padding-top: 4.5rem; --iraqptnxtb-padding-bottom: 4.5rem; } }
@media (min-width: 1025px) { .iraqptnxtb { padding-left: 2rem; padding-right: 2rem; } .iraqptnxtb__grid { grid-template-columns: repeat(4, 1fr); } }

/* ============================================================
   iraqsrvnxtb — Services
   Namespace  : iraqsrvnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqsrvnxtb {
    --iraqsrvnxtb-primary:   var(--nxtb-primary);
    --iraqsrvnxtb-secondary: var(--nxtb-secondary);
    --iraqsrvnxtb-helper:    var(--nxtb-helper);
    --iraqsrvnxtb-padding-top:    3rem;
    --iraqsrvnxtb-padding-bottom: 3rem;
}

/* 2. Reset داخل الـ namespace */
.iraqsrvnxtb *,
.iraqsrvnxtb *::before,
.iraqsrvnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqsrvnxtb {
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqsrvnxtb-helper);
    color: var(--iraqsrvnxtb-secondary);
    padding: var(--iraqsrvnxtb-padding-top) 1rem var(--iraqsrvnxtb-padding-bottom);
}
.iraqsrvnxtb__container { max-width: 78rem; margin: 0 auto; }
.iraqsrvnxtb__header { display: flex; flex-direction: column; margin-bottom: 1.8rem; }
.iraqsrvnxtb__title { font-size: clamp(1.4rem, 6vw, 2.1rem); line-height: 1.4; font-weight: 700; margin-top: 0.9rem; }
.iraqsrvnxtb__intro { margin-top: 0.7rem; font-size: clamp(0.9rem, 3.8vw, 1.02rem); line-height: 1.9; color: var(--iraqsrvnxtb-primary); max-width: 44rem; }

.iraqsrvnxtb__grid { list-style: none; display: grid; grid-template-columns: 1fr; gap: 1rem; }
.iraqsrvnxtb__card {
    position: relative;
    background: transparent;
    border: 0.06rem solid var(--iraqsrvnxtb-primary);
    padding: 1.6rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    opacity: 0;
    transform: translateY(0.9rem);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.iraqsrvnxtb__card.is-shown { opacity: 1; transform: none; }
.iraqsrvnxtb__icon {
    font-size: 1.7rem;
    color: var(--iraqsrvnxtb-secondary);
    background: var(--iraqsrvnxtb-helper);
    width: 3.2rem; height: 3.2rem;
    display: grid; place-items: center;
    border-radius: 0.35rem;
}
.iraqsrvnxtb__card-title { font-size: clamp(1.02rem, 4.3vw, 1.16rem); font-weight: 600; }
.iraqsrvnxtb__card-desc { font-size: clamp(0.82rem, 3.5vw, 0.92rem); line-height: 1.8; color: var(--iraqsrvnxtb-primary); flex-grow: 1; }
.iraqsrvnxtb__card-btn {
    display: inline-flex; align-items: center; gap: 0.5rem;
    margin-top: 0.4rem;
    font-weight: 600;
    font-size: clamp(0.84rem, 3.4vw, 0.94rem);
    color: var(--iraqsrvnxtb-secondary);
    transition: gap 0.48s ease-in-out, color 0.48s ease-in-out;
}
.iraqsrvnxtb__card-btn:hover { gap: 0.85rem; color: var(--iraqsrvnxtb-primary); }

/* 4. هوية الثقة الهادئة المتحركة */
.iraqsrvnxtb__line {
    display: block; height: 0.06rem; width: 100%; max-width: 13rem;
    background: var(--iraqsrvnxtb-primary);
    transform: scaleX(0); transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqsrvnxtb__line.is-drawn { transform: scaleX(1); }
.iraqsrvnxtb__reveal {
    opacity: 0; transform: translateY(0.8rem);
    transition: opacity 0.6s ease-in-out 0.15s, transform 0.6s ease-in-out 0.15s;
}
.iraqsrvnxtb__reveal.is-shown { opacity: 1; transform: none; }
/* Border Draw */
.iraqsrvnxtb__border { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.iraqsrvnxtb__border rect {
    fill: none;
    stroke: var(--iraqsrvnxtb-secondary);
    stroke-width: 0.09rem;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 1.44s ease-in-out;
}
.iraqsrvnxtb__card.is-drawn .iraqsrvnxtb__border rect { stroke-dashoffset: 0; }

/* 5. Breakpoints بالترتيب */
@media (min-width: 601px)  { .iraqsrvnxtb__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 769px)  { .iraqsrvnxtb { --iraqsrvnxtb-padding-top: 4.5rem; --iraqsrvnxtb-padding-bottom: 4.5rem; } }
@media (min-width: 1025px) { .iraqsrvnxtb { padding-left: 2rem; padding-right: 2rem; } .iraqsrvnxtb__grid { grid-template-columns: repeat(3, 1fr); gap: 1.3rem; } }

/* ============================================================
   iraqprcnxtb — Prices
   Namespace  : iraqprcnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqprcnxtb {
    --iraqprcnxtb-primary:   var(--nxtb-primary);
    --iraqprcnxtb-secondary: var(--nxtb-secondary);
    --iraqprcnxtb-helper:    var(--nxtb-helper);
    --iraqprcnxtb-padding-top:    3rem;
    --iraqprcnxtb-padding-bottom: 3rem;
}

/* 2. Reset داخل الـ namespace */
.iraqprcnxtb *,
.iraqprcnxtb *::before,
.iraqprcnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqprcnxtb {
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqprcnxtb-helper);
    color: var(--iraqprcnxtb-secondary);
    padding: var(--iraqprcnxtb-padding-top) 1rem var(--iraqprcnxtb-padding-bottom);
}
.iraqprcnxtb__container { max-width: 78rem; margin: 0 auto; }
.iraqprcnxtb__header { display: flex; flex-direction: column; margin-bottom: 1.8rem; }
.iraqprcnxtb__title { font-size: clamp(1.4rem, 6vw, 2.1rem); line-height: 1.4; font-weight: 700; margin-top: 0.9rem; }
.iraqprcnxtb__intro { margin-top: 0.7rem; font-size: clamp(0.9rem, 3.8vw, 1.02rem); line-height: 1.9; color: var(--iraqprcnxtb-primary); max-width: 46rem; }

.iraqprcnxtb__grid { list-style: none; display: grid; grid-template-columns: 1fr; gap: 1.1rem; align-items: start; }
.iraqprcnxtb__card {
    position: relative;
    background: transparent;
    border: 0.06rem solid var(--iraqprcnxtb-primary);
    padding: 1.8rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    opacity: 0;
    transform: translateY(0.9rem);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.iraqprcnxtb__card.is-shown { opacity: 1; transform: none; }
.iraqprcnxtb__card--featured { background: var(--iraqprcnxtb-secondary); color: var(--iraqprcnxtb-helper); }
.iraqprcnxtb__card--featured { border-color: var(--iraqprcnxtb-secondary); }
.iraqprcnxtb__badge {
    align-self: flex-start;
    background: var(--iraqprcnxtb-helper);
    color: var(--iraqprcnxtb-secondary);
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.3rem 0.7rem;
    border-radius: 0.25rem;
}
.iraqprcnxtb__card-title { font-size: clamp(1.15rem, 4.6vw, 1.35rem); font-weight: 700; }
.iraqprcnxtb__card-for { font-size: clamp(0.8rem, 3.4vw, 0.9rem); color: var(--iraqprcnxtb-primary); }
.iraqprcnxtb__card--featured .iraqprcnxtb__card-for { color: var(--iraqprcnxtb-helper); opacity: 0.8; }
.iraqprcnxtb__price { display: flex; flex-direction: column; gap: 0.15rem; padding: 0.7rem 0; border-block: 0.06rem solid currentColor; }
.iraqprcnxtb__price-num { font-size: clamp(1.6rem, 7vw, 2.1rem); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: 0.04em; }
.iraqprcnxtb__price-unit { font-size: clamp(0.72rem, 3vw, 0.82rem); color: var(--iraqprcnxtb-primary); }
.iraqprcnxtb__card--featured .iraqprcnxtb__price-unit { color: var(--iraqprcnxtb-helper); opacity: 0.8; }
.iraqprcnxtb__list { list-style: none; display: flex; flex-direction: column; gap: 0.6rem; flex-grow: 1; }
.iraqprcnxtb__list li { display: flex; align-items: flex-start; gap: 0.5rem; font-size: clamp(0.82rem, 3.4vw, 0.92rem); line-height: 1.7; }
.iraqprcnxtb__list i { margin-top: 0.25rem; color: var(--iraqprcnxtb-primary); flex-shrink: 0; }
.iraqprcnxtb__card--featured .iraqprcnxtb__list i { color: var(--iraqprcnxtb-helper); }
.iraqprcnxtb__card-btn {
    margin-top: 0.6rem;
    text-align: center;
    padding: 0.85rem 1.2rem;
    border-radius: 0.35rem;
    font-weight: 600;
    background: var(--iraqprcnxtb-secondary);
    color: var(--iraqprcnxtb-helper);
    transition: background 0.48s ease-in-out, color 0.48s ease-in-out;
}
.iraqprcnxtb__card-btn:hover { background: var(--iraqprcnxtb-primary); }
.iraqprcnxtb__card--featured .iraqprcnxtb__card-btn { background: var(--iraqprcnxtb-helper); color: var(--iraqprcnxtb-secondary); }
.iraqprcnxtb__card--featured .iraqprcnxtb__card-btn:hover { background: var(--iraqprcnxtb-primary); color: var(--iraqprcnxtb-helper); }

/* 4. هوية الثقة الهادئة المتحركة */
.iraqprcnxtb__line {
    display: block; height: 0.06rem; width: 100%; max-width: 13rem;
    background: var(--iraqprcnxtb-primary);
    transform: scaleX(0); transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqprcnxtb__line.is-drawn { transform: scaleX(1); }
.iraqprcnxtb__reveal {
    opacity: 0; transform: translateY(0.8rem);
    transition: opacity 0.6s ease-in-out 0.15s, transform 0.6s ease-in-out 0.15s;
}
.iraqprcnxtb__reveal.is-shown { opacity: 1; transform: none; }
/* Border Draw */
.iraqprcnxtb__border { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.iraqprcnxtb__border rect {
    fill: none;
    stroke: var(--iraqprcnxtb-primary);
    stroke-width: 0.09rem;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 1.44s ease-in-out;
}
.iraqprcnxtb__card.is-drawn .iraqprcnxtb__border rect { stroke-dashoffset: 0; }
.iraqprcnxtb__card--featured .iraqprcnxtb__border rect { stroke: var(--iraqprcnxtb-helper); }

/* 5. Breakpoints بالترتيب */
@media (min-width: 769px)  { .iraqprcnxtb { --iraqprcnxtb-padding-top: 4.5rem; --iraqprcnxtb-padding-bottom: 4.5rem; } .iraqprcnxtb__grid { grid-template-columns: repeat(3, 1fr); gap: 1.3rem; } }
@media (min-width: 1025px) { .iraqprcnxtb { padding-left: 2rem; padding-right: 2rem; } .iraqprcnxtb__card--featured { transform: translateY(-0.9rem); } .iraqprcnxtb__card--featured.is-shown { transform: translateY(-0.9rem); } }

/* ============================================================
   iraqprwnxtb — Previous-Work
   Namespace  : iraqprwnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqprwnxtb {
    --iraqprwnxtb-primary:   var(--nxtb-primary);
    --iraqprwnxtb-secondary: var(--nxtb-secondary);
    --iraqprwnxtb-helper:    var(--nxtb-helper);
    --iraqprwnxtb-padding-top:    3rem;
    --iraqprwnxtb-padding-bottom: 3rem;
}

/* 2. Reset داخل الـ namespace */
.iraqprwnxtb *,
.iraqprwnxtb *::before,
.iraqprwnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqprwnxtb {
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqprwnxtb-helper);
    color: var(--iraqprwnxtb-secondary);
    padding: var(--iraqprwnxtb-padding-top) 1rem var(--iraqprwnxtb-padding-bottom);
}
.iraqprwnxtb__container { max-width: 78rem; margin: 0 auto; }
.iraqprwnxtb__header { display: flex; flex-direction: column; margin-bottom: 1.8rem; }
.iraqprwnxtb__title { font-size: clamp(1.4rem, 6vw, 2.1rem); line-height: 1.4; font-weight: 700; margin-top: 0.9rem; }
.iraqprwnxtb__intro { margin-top: 0.7rem; font-size: clamp(0.9rem, 3.8vw, 1.02rem); line-height: 1.9; color: var(--iraqprwnxtb-primary); max-width: 44rem; }

.iraqprwnxtb__grid { list-style: none; display: grid; grid-template-columns: 1fr; gap: 1.4rem; }
.iraqprwnxtb__card {
    position: relative;
    background: transparent;
    border: 0.06rem solid var(--iraqprwnxtb-primary);
    padding: 1.3rem;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    opacity: 0;
    transform: translateY(0.9rem);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.iraqprwnxtb__card.is-shown { opacity: 1; transform: none; }
.iraqprwnxtb__shots { position: relative; }
.iraqprwnxtb__shot { display: block; border: 0.06rem solid var(--iraqprwnxtb-primary); background: var(--iraqprwnxtb-helper); }
.iraqprwnxtb__shot--desktop { width: 100%; aspect-ratio: 8 / 5; object-fit: cover; }
.iraqprwnxtb__shot--mobile {
    position: absolute;
    inset: auto 0 -0.9rem auto;
    width: 28%;
    max-width: 7rem;
    aspect-ratio: 1 / 2;
    object-fit: cover;
}
.iraqprwnxtb__name { font-weight: 600; font-size: clamp(0.95rem, 4vw, 1.08rem); margin-top: 0.4rem; }

/* 4. هوية الثقة الهادئة المتحركة */
.iraqprwnxtb__line {
    display: block; height: 0.06rem; width: 100%; max-width: 13rem;
    background: var(--iraqprwnxtb-primary);
    transform: scaleX(0); transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqprwnxtb__line.is-drawn { transform: scaleX(1); }
.iraqprwnxtb__reveal {
    opacity: 0; transform: translateY(0.8rem);
    transition: opacity 0.6s ease-in-out 0.15s, transform 0.6s ease-in-out 0.15s;
}
.iraqprwnxtb__reveal.is-shown { opacity: 1; transform: none; }
/* Border Draw */
.iraqprwnxtb__border { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.iraqprwnxtb__border rect {
    fill: none;
    stroke: var(--iraqprwnxtb-secondary);
    stroke-width: 0.09rem;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 1.44s ease-in-out;
}
.iraqprwnxtb__card.is-drawn .iraqprwnxtb__border rect { stroke-dashoffset: 0; }

/* 5. Breakpoints بالترتيب */
@media (min-width: 601px)  { .iraqprwnxtb__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 769px)  { .iraqprwnxtb { --iraqprwnxtb-padding-top: 4.5rem; --iraqprwnxtb-padding-bottom: 4.5rem; } }
@media (min-width: 1025px) { .iraqprwnxtb { padding-left: 2rem; padding-right: 2rem; } .iraqprwnxtb__grid { gap: 2rem; } }

/* ============================================================
   iraqtstnxtb — Testimonial (صور آراء فقط)
   Namespace  : iraqtstnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqtstnxtb {
    --iraqtstnxtb-primary:   var(--nxtb-primary);
    --iraqtstnxtb-secondary: var(--nxtb-secondary);
    --iraqtstnxtb-helper:    var(--nxtb-helper);
    --iraqtstnxtb-padding-top:    3rem;
    --iraqtstnxtb-padding-bottom: 3rem;
}

/* 2. Reset داخل الـ namespace */
.iraqtstnxtb *,
.iraqtstnxtb *::before,
.iraqtstnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqtstnxtb {
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqtstnxtb-helper);
    color: var(--iraqtstnxtb-secondary);
    padding: var(--iraqtstnxtb-padding-top) 1rem var(--iraqtstnxtb-padding-bottom);
}
.iraqtstnxtb__container { max-width: 78rem; margin: 0 auto; }
.iraqtstnxtb__header { display: flex; flex-direction: column; margin-bottom: 1.8rem; }
.iraqtstnxtb__title { font-size: clamp(1.4rem, 6vw, 2.1rem); line-height: 1.4; font-weight: 700; margin-top: 0.9rem; }

.iraqtstnxtb__grid { list-style: none; display: grid; grid-template-columns: 1fr; gap: 1rem; }
.iraqtstnxtb__card {
    position: relative;
    background: transparent;
    border: 0.06rem solid var(--iraqtstnxtb-primary);
    padding: 0.7rem;
    opacity: 0;
    transform: translateY(0.9rem);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.iraqtstnxtb__card.is-shown { opacity: 1; transform: none; }
.iraqtstnxtb__shot {
    display: block;
    width: 100%;
    aspect-ratio: 60 / 38;
    object-fit: cover;
    border: 0.06rem solid var(--iraqtstnxtb-helper);
}

/* 4. هوية الثقة الهادئة المتحركة */
.iraqtstnxtb__line {
    display: block; height: 0.06rem; width: 100%; max-width: 12rem;
    background: var(--iraqtstnxtb-primary);
    transform: scaleX(0); transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqtstnxtb__line.is-drawn { transform: scaleX(1); }
.iraqtstnxtb__reveal {
    opacity: 0; transform: translateY(0.8rem);
    transition: opacity 0.6s ease-in-out 0.15s, transform 0.6s ease-in-out 0.15s;
}
.iraqtstnxtb__reveal.is-shown { opacity: 1; transform: none; }
/* Border Draw */
.iraqtstnxtb__border { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.iraqtstnxtb__border rect {
    fill: none;
    stroke: var(--iraqtstnxtb-secondary);
    stroke-width: 0.09rem;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 1.44s ease-in-out;
}
.iraqtstnxtb__card.is-drawn .iraqtstnxtb__border rect { stroke-dashoffset: 0; }

/* 5. Breakpoints بالترتيب */
@media (min-width: 601px)  { .iraqtstnxtb__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 769px)  { .iraqtstnxtb { --iraqtstnxtb-padding-top: 4.5rem; --iraqtstnxtb-padding-bottom: 4.5rem; } }
@media (min-width: 1025px) { .iraqtstnxtb { padding-left: 2rem; padding-right: 2rem; } .iraqtstnxtb__grid { grid-template-columns: repeat(3, 1fr); gap: 1.3rem; } }

/* ============================================================
   iraqsvlnxtb — Service-Location
   Namespace  : iraqsvlnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqsvlnxtb {
    --iraqsvlnxtb-primary:   var(--nxtb-primary);
    --iraqsvlnxtb-secondary: var(--nxtb-secondary);
    --iraqsvlnxtb-helper:    var(--nxtb-helper);
    --iraqsvlnxtb-padding-top:    3rem;
    --iraqsvlnxtb-padding-bottom: 3rem;
}

/* 2. Reset داخل الـ namespace */
.iraqsvlnxtb *,
.iraqsvlnxtb *::before,
.iraqsvlnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqsvlnxtb {
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqsvlnxtb-helper);
    color: var(--iraqsvlnxtb-secondary);
    padding: var(--iraqsvlnxtb-padding-top) 1rem var(--iraqsvlnxtb-padding-bottom);
}
.iraqsvlnxtb__container { max-width: 78rem; margin: 0 auto; }
.iraqsvlnxtb__header { display: flex; flex-direction: column; margin-bottom: 1.8rem; }
.iraqsvlnxtb__title { font-size: clamp(1.4rem, 6vw, 2.1rem); line-height: 1.4; font-weight: 700; margin-top: 0.9rem; }
.iraqsvlnxtb__intro { margin-top: 0.7rem; font-size: clamp(0.9rem, 3.8vw, 1.02rem); line-height: 1.9; color: var(--iraqsvlnxtb-primary); max-width: 44rem; }

.iraqsvlnxtb__grid { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.8rem; }
.iraqsvlnxtb__card {
    position: relative;
    background: transparent;
    border: 0.06rem solid var(--iraqsvlnxtb-primary);
    padding: 1.1rem 1rem;
    display: flex; align-items: center; gap: 0.55rem;
    font-size: clamp(0.9rem, 3.8vw, 1rem);
    font-weight: 600;
    opacity: 0;
    transform: translateY(0.7rem);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.iraqsvlnxtb__card.is-shown { opacity: 1; transform: none; }
.iraqsvlnxtb__card i { color: var(--iraqsvlnxtb-primary); }

/* 4. هوية الثقة الهادئة المتحركة */
.iraqsvlnxtb__line {
    display: block; height: 0.06rem; width: 100%; max-width: 13rem;
    background: var(--iraqsvlnxtb-primary);
    transform: scaleX(0); transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqsvlnxtb__line.is-drawn { transform: scaleX(1); }
.iraqsvlnxtb__reveal {
    opacity: 0; transform: translateY(0.8rem);
    transition: opacity 0.6s ease-in-out 0.15s, transform 0.6s ease-in-out 0.15s;
}
.iraqsvlnxtb__reveal.is-shown { opacity: 1; transform: none; }
/* Border Draw */
.iraqsvlnxtb__border { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.iraqsvlnxtb__border rect {
    fill: none;
    stroke: var(--iraqsvlnxtb-secondary);
    stroke-width: 0.09rem;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 1.44s ease-in-out;
}
.iraqsvlnxtb__card.is-drawn .iraqsvlnxtb__border rect { stroke-dashoffset: 0; }

/* 5. Breakpoints بالترتيب */
@media (min-width: 601px)  { .iraqsvlnxtb__grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 769px)  { .iraqsvlnxtb { --iraqsvlnxtb-padding-top: 4.5rem; --iraqsvlnxtb-padding-bottom: 4.5rem; } .iraqsvlnxtb__grid { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 1025px) { .iraqsvlnxtb { padding-left: 2rem; padding-right: 2rem; } }

/* ============================================================
   iraqfqnxtb — FAQ
   Namespace  : iraqfqnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqfqnxtb {
    --iraqfqnxtb-primary:   var(--nxtb-primary);
    --iraqfqnxtb-secondary: var(--nxtb-secondary);
    --iraqfqnxtb-helper:    var(--nxtb-helper);
    --iraqfqnxtb-padding-top:    3rem;
    --iraqfqnxtb-padding-bottom: 3rem;
}

/* 2. Reset داخل الـ namespace */
.iraqfqnxtb *,
.iraqfqnxtb *::before,
.iraqfqnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqfqnxtb {
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqfqnxtb-helper);
    color: var(--iraqfqnxtb-secondary);
    padding: var(--iraqfqnxtb-padding-top) 1rem var(--iraqfqnxtb-padding-bottom);
}
.iraqfqnxtb__container { max-width: 52rem; margin: 0 auto; }
.iraqfqnxtb__header { display: flex; flex-direction: column; margin-bottom: 1.6rem; }
.iraqfqnxtb__title { font-size: clamp(1.4rem, 6vw, 2.1rem); line-height: 1.4; font-weight: 700; margin-top: 0.9rem; }
.iraqfqnxtb__intro { margin-top: 0.7rem; font-size: clamp(0.9rem, 3.8vw, 1.02rem); line-height: 1.9; color: var(--iraqfqnxtb-primary); }

.iraqfqnxtb__list { list-style: none; display: flex; flex-direction: column; }
.iraqfqnxtb__item { border-bottom: 0.06rem solid var(--iraqfqnxtb-helper); }
.iraqfqnxtb__q {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 0.2rem;
    background: transparent;
    border: 0;
    cursor: pointer;
    text-align: right;
    font-family: inherit;
    font-size: clamp(0.92rem, 3.8vw, 1.05rem);
    font-weight: 600;
    color: var(--iraqfqnxtb-secondary);
}
.iraqfqnxtb__q i { color: var(--iraqfqnxtb-primary); transition: transform 0.48s ease-in-out; flex-shrink: 0; }
.iraqfqnxtb__item--open .iraqfqnxtb__q i { transform: rotate(45deg); }
.iraqfqnxtb__a {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.6s ease-in-out;
}
.iraqfqnxtb__item--open .iraqfqnxtb__a { grid-template-rows: 1fr; }
.iraqfqnxtb__a > p {
    min-height: 0;
    overflow: hidden;
    padding: 0 0.2rem;
    font-size: clamp(0.85rem, 3.5vw, 0.96rem);
    line-height: 1.9;
    color: var(--iraqfqnxtb-primary);
}
.iraqfqnxtb__item--open .iraqfqnxtb__a > p { padding-bottom: 1.1rem; }

/* 4. هوية الثقة الهادئة المتحركة — Precision Line Reveal */
.iraqfqnxtb__line {
    display: block; height: 0.06rem; width: 100%; max-width: 12rem;
    background: var(--iraqfqnxtb-primary);
    transform: scaleX(0); transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqfqnxtb__line.is-drawn { transform: scaleX(1); }
.iraqfqnxtb__reveal {
    opacity: 0; transform: translateY(0.8rem);
    transition: opacity 0.6s ease-in-out 0.15s, transform 0.6s ease-in-out 0.15s;
}
.iraqfqnxtb__reveal.is-shown { opacity: 1; transform: none; }

/* 5. Breakpoints بالترتيب */
@media (min-width: 769px)  { .iraqfqnxtb { --iraqfqnxtb-padding-top: 4.5rem; --iraqfqnxtb-padding-bottom: 4.5rem; } }
@media (min-width: 1025px) { .iraqfqnxtb { padding-left: 2rem; padding-right: 2rem; } }

/* ============================================================
   iraqctafnxtb — CTA (Call To Action)
   Namespace  : iraqctafnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqctafnxtb {
    --iraqctafnxtb-primary:   var(--nxtb-primary);
    --iraqctafnxtb-secondary: var(--nxtb-secondary);
    --iraqctafnxtb-helper:    var(--nxtb-helper);
    --iraqctafnxtb-padding-top:    3rem;
    --iraqctafnxtb-padding-bottom: 3rem;
}

/* 2. Reset داخل الـ namespace */
.iraqctafnxtb *,
.iraqctafnxtb *::before,
.iraqctafnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqctafnxtb {
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqctafnxtb-helper);
    color: var(--iraqctafnxtb-secondary);
    padding: var(--iraqctafnxtb-padding-top) 1rem var(--iraqctafnxtb-padding-bottom);
}
.iraqctafnxtb__container { max-width: 60rem; margin: 0 auto; }
.iraqctafnxtb__content { display: flex; flex-direction: column; align-items: flex-start; margin-top: 1rem; }
.iraqctafnxtb__title { font-size: clamp(1.4rem, 6vw, 2.1rem); line-height: 1.35; font-weight: 700; }
.iraqctafnxtb__text {
    margin-top: 0.8rem;
    font-size: clamp(0.92rem, 3.8vw, 1.05rem);
    line-height: 1.9;
    color: var(--iraqctafnxtb-primary);
    max-width: 42rem;
}
.iraqctafnxtb__actions { margin-top: 1.6rem; display: flex; flex-direction: column; gap: 0.75rem; width: 100%; }
.iraqctafnxtb__btn {
    display: flex; align-items: center; justify-content: center; gap: 0.55rem;
    padding: 0.95rem 1.5rem;
    border-radius: 0.35rem;
    font-weight: 600;
    font-size: clamp(0.9rem, 3.6vw, 1rem);
    transition: background 0.48s ease-in-out, color 0.48s ease-in-out, transform 0.48s ease-in-out;
}
.iraqctafnxtb__btn:hover { transform: translateY(-0.15rem); }
.iraqctafnxtb__btn--call { background: var(--iraqctafnxtb-secondary); color: var(--iraqctafnxtb-helper); }
.iraqctafnxtb__btn--call:hover { background: var(--iraqctafnxtb-primary); }
.iraqctafnxtb__btn--wa { background: transparent; color: var(--iraqctafnxtb-secondary); border: 0.06rem solid var(--iraqctafnxtb-secondary); }
.iraqctafnxtb__btn--wa:hover { background: var(--iraqctafnxtb-secondary); color: var(--iraqctafnxtb-helper); }

/* 4. هوية الثقة الهادئة المتحركة — Precision Line Reveal */
.iraqctafnxtb__line {
    display: block;
    height: 0.06rem;
    width: 100%;
    max-width: 14rem;
    background: var(--iraqctafnxtb-primary);
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqctafnxtb__line.is-drawn { transform: scaleX(1); }
.iraqctafnxtb__reveal {
    opacity: 0;
    transform: translateY(0.85rem);
    transition: opacity 0.6s ease-in-out 0.15s, transform 0.6s ease-in-out 0.15s;
}
.iraqctafnxtb__reveal.is-shown { opacity: 1; transform: none; }

/* 5. Breakpoints بالترتيب */
@media (min-width: 601px) {
    .iraqctafnxtb__actions { flex-direction: row; width: auto; }
}
@media (min-width: 769px) {
    .iraqctafnxtb { --iraqctafnxtb-padding-top: 4.5rem; --iraqctafnxtb-padding-bottom: 4.5rem; }
}
@media (min-width: 1025px) {
    .iraqctafnxtb { padding-left: 2rem; padding-right: 2rem; }
}

/* ============================================================
   iraqhrsnxtb — Hero (صفحة الخدمة)
   Namespace  : iraqhrsnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqhrsnxtb {
    --iraqhrsnxtb-primary:   var(--nxtb-primary);
    --iraqhrsnxtb-secondary: var(--nxtb-secondary);
    --iraqhrsnxtb-helper:    var(--nxtb-helper);
    --iraqhrsnxtb-padding-top:    2.5rem;
    --iraqhrsnxtb-padding-bottom: 2.5rem;
}

/* 2. Reset داخل الـ namespace */
.iraqhrsnxtb *,
.iraqhrsnxtb *::before,
.iraqhrsnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqhrsnxtb {
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqhrsnxtb-secondary);
    color: var(--iraqhrsnxtb-helper);
    padding: var(--iraqhrsnxtb-padding-top) 1rem var(--iraqhrsnxtb-padding-bottom);
}
.iraqhrsnxtb__container { max-width: 78rem; margin: 0 auto; }
.iraqhrsnxtb__content { display: flex; flex-direction: column; }

.iraqhrsnxtb__crumbs {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem;
    font-size: clamp(0.72rem, 3vw, 0.82rem);
    color: var(--iraqhrsnxtb-primary);
}
.iraqhrsnxtb__crumbs a { transition: color 0.48s ease-in-out; }
.iraqhrsnxtb__crumbs a:hover { color: var(--iraqhrsnxtb-helper); }
.iraqhrsnxtb__crumbs [aria-current] { color: var(--iraqhrsnxtb-helper); }

.iraqhrsnxtb__title {
    font-size: clamp(1.6rem, 7.5vw, 2.7rem);
    line-height: 1.3;
    font-weight: 700;
    margin-top: 0.9rem;
}
.iraqhrsnxtb__hook {
    font-size: clamp(0.95rem, 4vw, 1.1rem);
    line-height: 1.9;
    color: var(--iraqhrsnxtb-helper);
    opacity: 0.88;
    margin-top: 0.9rem;
    max-width: 46rem;
}

.iraqhrsnxtb__features { list-style: none; margin-top: 1.4rem; display: flex; flex-direction: column; }
.iraqhrsnxtb__feature { padding: 0.85rem 0; }
.iraqhrsnxtb__feature-body {
    display: flex; align-items: flex-start; gap: 0.7rem;
    font-size: clamp(0.88rem, 3.6vw, 0.98rem);
    line-height: 1.7;
}
.iraqhrsnxtb__feature-body i { color: var(--iraqhrsnxtb-primary); font-size: 1.05rem; margin-top: 0.2rem; flex-shrink: 0; }

.iraqhrsnxtb__cta { margin-top: 1.8rem; display: flex; flex-direction: column; gap: 0.75rem; }
.iraqhrsnxtb__cta-btn {
    display: flex; align-items: center; justify-content: center; gap: 0.55rem;
    padding: 0.95rem 1.4rem;
    border-radius: 0.35rem;
    font-weight: 600;
    font-size: clamp(0.9rem, 3.6vw, 1rem);
    transition: background 0.48s ease-in-out, color 0.48s ease-in-out, transform 0.48s ease-in-out;
}
.iraqhrsnxtb__cta-btn:hover { transform: translateY(-0.15rem); }
.iraqhrsnxtb__cta-btn--call { background: var(--iraqhrsnxtb-helper); color: var(--iraqhrsnxtb-secondary); }
.iraqhrsnxtb__cta-btn--call:hover { background: var(--iraqhrsnxtb-primary); color: var(--iraqhrsnxtb-helper); }
.iraqhrsnxtb__cta-btn--wa { background: transparent; color: var(--iraqhrsnxtb-helper); border: 0.06rem solid var(--iraqhrsnxtb-helper); }
.iraqhrsnxtb__cta-btn--wa:hover { background: var(--iraqhrsnxtb-helper); color: var(--iraqhrsnxtb-secondary); }

/* 4. هوية الثقة الهادئة المتحركة — Precision Line Reveal */
.iraqhrsnxtb__line {
    display: block;
    height: 0.06rem;
    width: 100%;
    max-width: 12rem;
    background: var(--iraqhrsnxtb-primary);
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqhrsnxtb__line--feature { max-width: 5rem; }
.iraqhrsnxtb__line.is-drawn { transform: scaleX(1); }
.iraqhrsnxtb__reveal {
    opacity: 0;
    transform: translateY(0.85rem);
    transition: opacity 0.6s ease-in-out 0.12s, transform 0.6s ease-in-out 0.12s;
}
.iraqhrsnxtb__reveal.is-shown { opacity: 1; transform: none; }

/* 5. Breakpoints بالترتيب */
@media (min-width: 601px) {
    .iraqhrsnxtb__cta { flex-direction: row; }
    .iraqhrsnxtb__cta-btn { flex: 0 0 auto; }
}
@media (min-width: 769px) {
    .iraqhrsnxtb { --iraqhrsnxtb-padding-top: 4rem; --iraqhrsnxtb-padding-bottom: 4rem; }
    .iraqhrsnxtb__features { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2rem; }
}
@media (min-width: 1025px) {
    .iraqhrsnxtb { padding-left: 2rem; padding-right: 2rem; }
    .iraqhrsnxtb__line { max-width: 16rem; }
}

/* ============================================================
   iraqstpnxtb — كيف تتم الخدمة (خطوات)
   Namespace  : iraqstpnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqstpnxtb {
    --iraqstpnxtb-primary:   var(--nxtb-primary);
    --iraqstpnxtb-secondary: var(--nxtb-secondary);
    --iraqstpnxtb-helper:    var(--nxtb-helper);
    --iraqstpnxtb-padding-top:    3rem;
    --iraqstpnxtb-padding-bottom: 3rem;
}

/* 2. Reset داخل الـ namespace */
.iraqstpnxtb *,
.iraqstpnxtb *::before,
.iraqstpnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqstpnxtb {
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqstpnxtb-helper);
    color: var(--iraqstpnxtb-secondary);
    padding: var(--iraqstpnxtb-padding-top) 1rem var(--iraqstpnxtb-padding-bottom);
}
.iraqstpnxtb__container { max-width: 52rem; margin: 0 auto; }
.iraqstpnxtb__header { display: flex; flex-direction: column; margin-bottom: 1.8rem; }
.iraqstpnxtb__title { font-size: clamp(1.4rem, 6vw, 2.1rem); line-height: 1.4; font-weight: 700; margin-top: 0.9rem; }
.iraqstpnxtb__intro { margin-top: 0.7rem; font-size: clamp(0.9rem, 3.8vw, 1.02rem); line-height: 1.9; color: var(--iraqstpnxtb-primary); }

.iraqstpnxtb__steps { list-style: none; counter-reset: none; display: flex; flex-direction: column; }
.iraqstpnxtb__step { padding: 1.1rem 0; }
.iraqstpnxtb__step-body { display: flex; align-items: flex-start; gap: 1rem; }
.iraqstpnxtb__num {
    flex-shrink: 0;
    width: 2.6rem; height: 2.6rem;
    display: grid; place-items: center;
    background: var(--iraqstpnxtb-secondary);
    color: var(--iraqstpnxtb-helper);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    border-radius: 0.35rem;
    font-size: 1.1rem;
}
.iraqstpnxtb__step-title { font-size: clamp(1rem, 4.2vw, 1.14rem); font-weight: 600; margin-bottom: 0.3rem; }
.iraqstpnxtb__step-text p { font-size: clamp(0.84rem, 3.5vw, 0.94rem); line-height: 1.8; color: var(--iraqstpnxtb-primary); }

/* 4. هوية الثقة الهادئة المتحركة — Precision Line Reveal */
.iraqstpnxtb__line {
    display: block; height: 0.06rem; width: 100%;
    max-width: 13rem;
    background: var(--iraqstpnxtb-primary);
    transform: scaleX(0); transform-origin: right center;
    transition: transform 0.72s ease-in-out;
}
.iraqstpnxtb__line--step { max-width: 6rem; margin-bottom: 0.7rem; }
.iraqstpnxtb__line.is-drawn { transform: scaleX(1); }
.iraqstpnxtb__reveal {
    opacity: 0; transform: translateY(0.8rem);
    transition: opacity 0.6s ease-in-out 0.12s, transform 0.6s ease-in-out 0.12s;
}
.iraqstpnxtb__reveal.is-shown { opacity: 1; transform: none; }

/* 5. Breakpoints بالترتيب */
@media (min-width: 769px)  { .iraqstpnxtb { --iraqstpnxtb-padding-top: 4.5rem; --iraqstpnxtb-padding-bottom: 4.5rem; } }
@media (min-width: 1025px) { .iraqstpnxtb { padding-left: 2rem; padding-right: 2rem; } }

/* ============================================================
   iraqftrnxtb — Footer
   Namespace  : iraqftrnxtb
   Project    : Next Business (nextbusiness.com)
============================================================ */

/* 1. Variables & Colors */
.iraqftrnxtb {
    --iraqftrnxtb-primary:   var(--nxtb-primary);
    --iraqftrnxtb-secondary: var(--nxtb-secondary);
    --iraqftrnxtb-helper:    var(--nxtb-helper);
    --iraqftrnxtb-padding-top:    3rem;
    --iraqftrnxtb-padding-bottom: 1.6rem;
}

/* 2. Reset داخل الـ namespace */
.iraqftrnxtb *,
.iraqftrnxtb *::before,
.iraqftrnxtb *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* 3. Base Styles — Mobile */
.iraqftrnxtb {
    direction: rtl;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    background: var(--iraqftrnxtb-secondary);
    color: var(--iraqftrnxtb-helper);
    padding: var(--iraqftrnxtb-padding-top) 1rem var(--iraqftrnxtb-padding-bottom);
}
.iraqftrnxtb__container { max-width: 78rem; margin: 0 auto; }
.iraqftrnxtb__grid { display: grid; grid-template-columns: 1fr; gap: 1.8rem; }
.iraqftrnxtb__brand { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.8rem; }
.iraqftrnxtb__brand-mark {
    width: 2.4rem; height: 2.4rem;
    display: grid; place-items: center;
    background: var(--iraqftrnxtb-helper);
    color: var(--iraqftrnxtb-secondary);
    font-weight: 700;
    border-radius: 0.35rem;
}
.iraqftrnxtb__brand-name { font-size: 1.1rem; font-weight: 700; }
.iraqftrnxtb__about { font-size: clamp(0.82rem, 3.4vw, 0.92rem); line-height: 1.9; color: var(--iraqftrnxtb-helper); opacity: 0.8; max-width: 26rem; }
.iraqftrnxtb__socials { display: flex; gap: 0.8rem; margin-top: 1rem; }
.iraqftrnxtb__socials a {
    width: 2.2rem; height: 2.2rem;
    display: grid; place-items: center;
    border: 0.06rem solid var(--iraqftrnxtb-primary);
    border-radius: 50%;
    transition: background 0.48s ease-in-out, color 0.48s ease-in-out;
}
.iraqftrnxtb__socials a:hover { background: var(--iraqftrnxtb-helper); color: var(--iraqftrnxtb-secondary); }

.iraqftrnxtb__col-title { font-size: clamp(0.95rem, 4vw, 1.05rem); font-weight: 600; margin-bottom: 0.9rem; }
.iraqftrnxtb__list { list-style: none; display: flex; flex-direction: column; gap: 0.6rem; }
.iraqftrnxtb__list a,
.iraqftrnxtb__list span { font-size: clamp(0.82rem, 3.4vw, 0.92rem); color: var(--iraqftrnxtb-helper); opacity: 0.82; transition: opacity 0.48s ease-in-out; }
.iraqftrnxtb__list a:hover { opacity: 1; }
.iraqftrnxtb__list--contact li { display: flex; align-items: flex-start; gap: 0.5rem; }
.iraqftrnxtb__list--contact i { color: var(--iraqftrnxtb-primary); margin-top: 0.2rem; flex-shrink: 0; }

.iraqftrnxtb__bar {
    margin-top: 2rem;
    padding-top: 1.2rem;
    border-top: 0.06rem solid var(--iraqftrnxtb-primary);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    font-size: clamp(0.72rem, 3vw, 0.82rem);
    opacity: 0.75;
}

/* 4. هوية الثقة الهادئة المتحركة — Precision Line Reveal */
.iraqftrnxtb__line {
    display: block; height: 0.06rem; width: 100%; max-width: 14rem;
    background: var(--iraqftrnxtb-primary);
    transform: scaleX(0); transform-origin: right center;
    transition: transform 0.72s ease-in-out;
    margin-bottom: 1.8rem;
}
.iraqftrnxtb__line.is-drawn { transform: scaleX(1); }
.iraqftrnxtb__reveal {
    opacity: 0; transform: translateY(0.8rem);
    transition: opacity 0.6s ease-in-out 0.15s, transform 0.6s ease-in-out 0.15s;
}
.iraqftrnxtb__reveal.is-shown { opacity: 1; transform: none; }

/* 5. Breakpoints بالترتيب */
@media (min-width: 601px)  { .iraqftrnxtb__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 769px)  {
    .iraqftrnxtb { --iraqftrnxtb-padding-top: 4.5rem; }
    .iraqftrnxtb__grid { grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 2.2rem; }
    .iraqftrnxtb__bar { flex-direction: row; justify-content: space-between; }
}
@media (min-width: 1025px) { .iraqftrnxtb { padding-left: 2rem; padding-right: 2rem; } }