/* Unreleased Delivery Management product. All adjustments are page scoped. */
.delivery-management-page .product-hero-title-lock>.gold{font-weight:500!important}
.delivery-management-page .product-hero-title-lock{max-width:1100px!important}
.delivery-management-page .delivery-feature-heading{display:flex;flex-direction:column;align-items:center;gap:18px}
.delivery-management-page .delivery-feature-heading .mil-text-image{margin:0!important;width:210px;height:80px;border-radius:60px;overflow:hidden}
.delivery-management-page .delivery-feature-heading video{display:block;width:100%;height:100%;object-fit:cover}
.delivery-management-page .delivery-feature-heading h2{font-size:clamp(32px,3.4vw,64px);font-weight:300;color:#fff;line-height:1.3;text-align:center}
.delivery-management-page .delivery-feature-heading h2 em{font-style:normal;font-weight:100;color:#b59e5f}
.delivery-management-page .business-landing-pillars{display:grid;grid-template-columns:1fr!important;gap:10px}
.delivery-management-page .business-landing-pillars article{min-height:145px;padding:18px 25px!important}
.delivery-management-page .business-landing-pillars h3{margin:12px 0!important}
.delivery-management-page .business-landing-gallery{position:relative}
.delivery-management-page .business-landing-photo{height:190px!important}
.delivery-management-page .business-landing-photo img{width:100%;height:100%;object-fit:cover}
.delivery-management-page .brand-cta h2{max-width:1100px;margin-left:auto;margin-right:auto;font-size:clamp(28px,3vw,46px)!important;line-height:1.4!important;font-weight:300!important}
.delivery-management-page .brand-cta h2 strong,.delivery-management-page .brand-cta h2 em{font-weight:500!important}
@media(max-width:992px){
}
@media(max-width:767px){
 .delivery-management-page .product-hero-title-lock{font-size:clamp(28px,7vw,42px)!important;line-height:1.35!important}
 .delivery-management-page .delivery-feature-heading h2{font-size:32px}
 .delivery-management-page .delivery-feature-heading .mil-text-image{width:160px;height:60px}
 .delivery-management-page .business-landing-pillars article{min-height:130px}
 .delivery-management-page .brand-cta h2{font-size:28px!important}
}
.delivery-management-page.payroll-page .payroll-intro .business-landing-orbit-img{position:static!important;display:block;width:58px!important;height:34px!important;object-fit:contain;transform:none!important;opacity:.75;margin:0 0 12px}
.delivery-management-page.payroll-page .payroll-intro .business-landing-pillars article{height:auto!important;min-height:155px!important;padding:14px 22px!important}
.delivery-management-page.payroll-page .payroll-intro .business-landing-pillars article h3{margin:0 0 10px!important}
.delivery-management-page[dir=rtl] .business-landing-orbit-img{margin-left:0!important;margin-right:0!important}
/* Delivery Management is available by direct link ahead of launch. */
.delivery-management-page .delivery-packages{background:#f7f7f7;padding:90px 0}
.delivery-management-page .delivery-packages h2,.delivery-management-page .delivery-start h2{margin-bottom:28px}
.delivery-management-page .delivery-packages>.container>p{margin-bottom:38px}
.delivery-package-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.delivery-package-grid article{background:#fff;border-radius:7px;padding:30px;min-height:280px;display:flex;flex-direction:column}
.delivery-package-grid article:last-child{background:#c1de9e}
.delivery-management-page .delivery-package-grid h3{color:#1806ab;font-size:23px;font-weight:400;margin-bottom:12px}
.delivery-package-grid p{font-size:14px;line-height:1.5}
.delivery-circles{display:flex;justify-content:flex-end;margin-top:10px}
.delivery-circles span{width:140px;aspect-ratio:1;display:grid;place-items:center;text-align:center;border-radius:50%;font-size:12px;background:#f4f3fa;padding:12px}
.delivery-circles span+span{border:1px solid #d6c8a7;background:transparent;margin-inline-start:-15px;color:#1806ab}
.delivery-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:270px;margin-bottom:auto;padding-bottom:60px}
.delivery-tags span{background:white;border-radius:30px;padding:8px 12px;font-size:13px}
.delivery-tags span:first-child{background:#1806ab;color:#fff}
.delivery-start{padding:90px 0}
.delivery-start h2 em{color:#b59e5f;font-style:normal;font-weight:200}
.delivery-step-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.delivery-step-grid article{background:#f7f7f7;min-height:310px;border-radius:4px;overflow:hidden}
.delivery-step-grid article>span{display:block;background:#e1efd7;color:#b59e5f;padding:14px 16px;font-size:14px}
.delivery-step-grid article>div{padding:24px 16px}
.delivery-management-page .delivery-step-grid h3{font-size:17px;color:#1806ab;font-weight:400;line-height:1.4;margin-bottom:20px}
.delivery-step-grid li{font-size:14px;line-height:1.4}
.delivery-management-page .business-landing-gallery{position:relative}
.delivery-management-page .business-landing-pillars{display:grid;grid-template-columns:1fr!important;gap:10px}
.delivery-management-page .delivery-feature-heading{display:flex;flex-direction:column;align-items:center;gap:18px}
.delivery-management-page .delivery-feature-heading h2{color:#fff;font-size:clamp(32px,3.4vw,64px);font-weight:300;text-align:center}
.delivery-management-page .delivery-feature-heading h2 em{font-style:normal;color:#b59e5f;font-weight:100}
@media(max-width:992px){.delivery-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-step-grid article{min-height:230px}}
@media(max-width:767px){.delivery-package-grid,.delivery-step-grid{grid-template-columns:1fr}.delivery-management-page .delivery-packages,.delivery-start{padding:55px 0}.delivery-package-grid article{padding:24px;min-height:270px}.delivery-step-grid article{min-height:0}.delivery-step-grid article>div{padding:22px 18px}.delivery-management-page .business-landing-gallery{margin-top:35px}}

/* Supplied directional artwork for package label and onboarding cards. */
.delivery-management-page .delivery-tags span:first-child{display:inline-flex;align-items:center;gap:7px}
.delivery-management-page .delivery-tags img{display:block;width:17px;height:17px;object-fit:contain;flex-shrink:0}
.delivery-management-page .delivery-step-grid .business-landing-feature-points{list-style:none;padding:0;margin:0}
.delivery-management-page .delivery-step-grid .business-landing-feature-points li{position:relative;padding-inline-start:25px}
.delivery-management-page .delivery-step-grid .business-landing-feature-points li::before{content:"";position:absolute;inset-inline-start:0;top:3px;width:16px;height:16px;background:url('/img/delivery-management/arrow-up-left.png') center/contain no-repeat;transform:none}
/* Arabic artwork direction and package ordering match the supplied design. */
.delivery-management-page[dir="rtl"] .delivery-step-grid .business-landing-feature-points li::before{background-image:url('/img/delivery-management/arrow-up-right.png');left:auto;right:0;transform:none}
.delivery-management-page[dir="rtl"] .delivery-circles{direction:rtl}
.delivery-management-page[dir="rtl"] .delivery-circles span:last-child{order:-1;margin-inline-start:0}
.delivery-management-page[dir="rtl"] .delivery-circles span:first-child{margin-inline-start:-15px}
.delivery-management-page .delivery-tags{display:grid;grid-template-columns:max-content max-content;justify-content:start;align-content:start;max-width:100%;column-gap:8px;row-gap:8px}
.delivery-management-page .delivery-tags span{justify-self:start}
.delivery-management-page .delivery-tags span:nth-child(3){grid-column:1;grid-row:2}
/* Keep the gold outline visible across the overlapping filled circle. */
.delivery-management-page .delivery-circles{isolation:isolate}
.delivery-management-page .delivery-circles span{position:relative;z-index:0}
.delivery-management-page .delivery-circles span:last-child{z-index:1}

/* Approved Arabic color grouping. */
.mil-content.delivery-management-page[dir="rtl"] .delivery-feature-heading .delivery-heading-white{color:#fff;font-weight:300}
.mil-content.delivery-management-page[dir="rtl"] .payroll-intro .business-landing-quote p .payroll-quote-black{color:#222222}

/* Preserve the approved card sequence in each reading direction. */
.mil-content.delivery-management-page .business-landing-features-grid{flex-direction:row!important}
.mil-content.delivery-management-page[dir="rtl"] .business-landing-features-grid{direction:rtl!important}
.mil-content.delivery-management-page:not([dir="rtl"]) .business-landing-features-grid{direction:ltr!important}
/* Override Payroll's desktop nth-child reversal: DOM order follows RTL. */
.mil-content.delivery-management-page[dir="rtl"].payroll-page .payroll-features-match.payroll-features-ar .business-landing-features-grid > .business-landing-feature-card:nth-child(n){order:0!important}
/* Desktop Payroll forces LTR with a more specific selector; use true RTL
   so the shared slider initializes at scrollLeft 0 on the first card. */
.mil-content.delivery-management-page[dir="rtl"].payroll-page .payroll-features-match.payroll-features-ar .business-landing-features-grid{direction:rtl!important;flex-direction:row!important}
/* Slight extra separation between the two Arabic hero title lines. */
.mil-content.delivery-management-page[dir="rtl"] .product-hero-title-lock>span.gold{display:inline-block;margin-top:12px}
@media(max-width:767px){.mil-content.delivery-management-page[dir="rtl"] .product-hero-title-lock>span.gold{margin-top:8px}}

/* Supplied Arabic hero background preview. */
.mil-content.delivery-management-page[dir="rtl"] .mil-inner-banner.product-hero-unified{background-image:url('/img/delivery-management/hero-ar-preview.png')!important;background-size:cover;background-position:center;background-repeat:no-repeat}
