.services-v38{--sv-navy:#0d3155;--sv-teal:#0f908d;--sv-blue:#2a7ec7;--sv-orange:#ef842c;--sv-purple:#7559bd;--sv-ink:#14253b;background:#fff;color:var(--sv-ink)}
.services-v38 h1,.services-v38 h2,.services-v38 h3{color:var(--sv-navy);letter-spacing:-.025em}
.services-v38 .eyebrow{color:var(--sv-teal);font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.services-v38-hero{position:relative;overflow:hidden;padding:clamp(4rem,7vw,6.4rem) 0;background:linear-gradient(135deg,#fff 0%,#f4fbfb 55%,#eaf5f8 100%);border-bottom:1px solid #dce9eb}
.services-v38-hero:before{content:"";position:absolute;width:34rem;height:34rem;border-radius:50%;right:-10rem;top:-13rem;background:radial-gradient(circle,rgba(15,144,141,.17),rgba(42,126,199,.06) 58%,transparent 72%)}
.services-v38-hero .narrow{position:relative;z-index:1;max-width:930px;margin-inline:auto;text-align:center}
.services-v38-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);line-height:1.03;max-width:850px;margin:.45rem auto 1.2rem}
.services-v38-hero .narrow>p:not(.eyebrow):not(.request-hero__note){max-width:760px;margin-inline:auto;font-size:1.08rem;line-height:1.72;color:#536b79}
.services-v38-hero .request-hero__note{max-width:780px;margin:1.2rem auto 0;padding:1rem 1.2rem;border-radius:16px;background:rgba(255,255,255,.78);border:1px solid #dbeaec;color:#5c707d;line-height:1.65;box-shadow:0 10px 28px rgba(13,49,85,.05)}
.services-v38-hero .hero-actions{justify-content:center;margin-top:1.35rem}
.services-v38 .section{padding-block:clamp(3.7rem,6vw,5.8rem)}
.services-v38 .business-message-header{text-align:center;margin-inline:auto;margin-bottom:2rem}
.services-v38 .business-message-header h2{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.08;margin:.35rem 0 .85rem}
.services-v38 .business-message-header>p:last-child{color:#5c707d;line-height:1.7}
.services-v38-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.services-v38-grid .service-card{position:relative;overflow:hidden;min-height:360px;padding:1.8rem 1.7rem 1.55rem 8rem;border-radius:24px;background:linear-gradient(180deg,#fff,#fbfefe);border:1px solid #dbe8ea;box-shadow:0 16px 36px rgba(13,49,85,.08)}
.services-v38-grid .service-card:before{content:"";position:absolute;left:1.55rem;top:1.65rem;width:84px;height:84px;border-radius:22px;background:#eef8f7 center/54px 54px no-repeat;border:1px solid #cfe6e5}
.services-v38-grid [data-service-card="starterReview"]:before{background-image:url("assets/v8/icon-search.svg")}
.services-v38-grid [data-service-card="supplierSearch"]:before{background-image:url("assets/v8/icon-suppliers.svg")}
.services-v38-grid [data-service-card="shipmentSupport"]:before{background-image:url("assets/v8/icon-shipment.svg")}
.services-v38-grid [data-service-card="fullImportSupport"]:before{background-image:url("assets/v8/icon-fullops.svg")}
.services-v38-grid .service-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,var(--sv-teal),var(--sv-blue))}
.services-v38-grid .service-card:nth-child(3):after{background:linear-gradient(90deg,var(--sv-orange),#f4b15b)}
.services-v38-grid .service-card:nth-child(4):after{background:linear-gradient(90deg,var(--sv-purple),#9a83d0)}
.services-v38-flow{background:linear-gradient(180deg,#f7fbfc,#eef7f7)}
.services-v38-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.services-v38-steps .step-card{position:relative;min-height:245px;padding:1.7rem 1.45rem;border-radius:22px;background:#fff;border:1px solid #d8e6e8;box-shadow:0 14px 32px rgba(13,49,85,.07);text-align:center}
.services-v38-steps .step-number{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 1rem;border-radius:50%;background:#e8f7f6;color:#0c817f;border:1px solid #b9dddb;font-weight:900}
.services-v38-steps .step-card:not(:last-child):after{content:"→";position:absolute;right:-1.05rem;top:50%;transform:translateY(-50%);z-index:5;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#0f908d;color:#fff;border:3px solid #f2f9f9;font-weight:900}
.services-v38>.section:not(.services-v38-flow) .container.narrow>.service-card{border-radius:24px;padding:2rem 2.1rem;border:1px solid #dce8ea;box-shadow:0 14px 34px rgba(13,49,85,.07);background:#fff}
.services-v38>.section:last-of-type .service-card{background:linear-gradient(135deg,#0d7778,#123d5d);border:none;color:#fff}
.services-v38>.section:last-of-type .service-card h2,.services-v38>.section:last-of-type .service-card p{color:#fff}
html[dir="rtl"] .services-v38{text-align:right}
html[dir="rtl"] .services-v38-grid .service-card{padding:1.8rem 8rem 1.55rem 1.7rem}
html[dir="rtl"] .services-v38-grid .service-card:before{left:auto;right:1.55rem}
html[dir="rtl"] .services-v38-steps .step-card:not(:last-child):after{content:"←";right:auto;left:-1.05rem}
html[lang="ar"] .services-v38,html[lang="ar"] .services-v38 h1,html[lang="ar"] .services-v38 h2,html[lang="ar"] .services-v38 h3,html[lang="ar"] .services-v38 p,html[lang="ar"] .services-v38 li{font-family:Tahoma,Arial,sans-serif;letter-spacing:normal}
@media(max-width:760px){
.services-v38-hero{padding:3rem 0 3.7rem}.services-v38-hero h1{font-size:2.55rem}
.services-v38-grid{grid-template-columns:1fr}
.services-v38-grid .service-card,html[dir="rtl"] .services-v38-grid .service-card{padding:7.3rem 1.25rem 1.45rem;min-height:0;text-align:center}
.services-v38-grid .service-card:before,html[dir="rtl"] .services-v38-grid .service-card:before{left:50%;right:auto;top:1.2rem;transform:translateX(-50%)}
.services-v38-steps{grid-template-columns:1fr;gap:2.2rem}
.services-v38-steps .step-card{min-height:0}
.services-v38-steps .step-card:not(:last-child):after,html[dir="rtl"] .services-v38-steps .step-card:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-1.8rem;transform:translateX(-50%)}
}

/* v39: explicit final CTA treatment; outranks the generic narrow service-card rule */
.services-v38>.section:last-of-type .container.narrow>.service-card{
  background:linear-gradient(135deg,#0d3155 0%,#12486d 58%,#0f908d 100%);
  border:none;
  color:#fff;
  padding:2.45rem 2.3rem;
  box-shadow:0 20px 44px rgba(13,49,85,.20);
}
.services-v38>.section:last-of-type .container.narrow>.service-card h2,
.services-v38>.section:last-of-type .container.narrow>.service-card p{color:#fff}
.services-v38>.section:last-of-type .container.narrow>.service-card .button-primary{background:#fff;color:#0d3155;border-color:#fff}
.services-v38>.section:last-of-type .container.narrow>.service-card .button-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.72)}
.services-v38>.section:last-of-type .container.narrow>.service-card .button-secondary:hover{background:rgba(255,255,255,.10)}
@media(max-width:760px){
  .services-v38>.section:last-of-type .container.narrow>.service-card{padding:2rem 1.35rem}
}


/* v40: use the same final CTA and footer treatment as the frozen Home page */
.services-v38 .v8-cta{padding:2.8rem 0 4.6rem;background:#fff}
.services-v38 .v8-cta__panel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;align-items:center;padding:2.2rem 2.5rem;border-radius:26px;background:linear-gradient(105deg,#0f7776 0%,#238e8c 48%,#2d5871 100%);box-shadow:0 20px 45px rgba(13,49,85,.18)}
.services-v38 .v8-cta__panel:before{content:"";display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 65%,rgba(255,255,255,.10),transparent 24%),linear-gradient(150deg,transparent 0 62%,rgba(255,255,255,.055) 62.2% 62.5%,transparent 62.7%),linear-gradient(20deg,transparent 0 72%,rgba(255,255,255,.04) 72.2% 72.5%,transparent 72.7%)}
.services-v38 .v8-cta__panel:after{content:"";display:block;position:absolute;right:5%;bottom:14%;width:260px;height:110px;z-index:-1;pointer-events:none;border-bottom:2px solid rgba(255,255,255,.09);border-radius:50%}
.services-v38 .v8-cta__panel h2,.services-v38 .v8-cta__panel p,.services-v38 .v8-cta__panel .eyebrow{color:#fff}
.services-v38 .v8-cta__panel h2{font-size:2rem;margin:.35rem 0 .75rem}.services-v38 .v8-cta__panel p{max-width:65ch;line-height:1.6}
.services-v38 .v8-cta__actions{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;align-self:center}.services-v38 .v8-cta__actions .button{min-height:50px;white-space:nowrap}.services-v38 .v8-cta__actions small{grid-column:1/-1;color:#d6efef;line-height:1.45}
.services-v38 .v8-cta__actions .button-primary{background:#0d5e5f;color:#fff;border-color:#0d5e5f}.services-v38 .v8-cta__actions .button-secondary{background:#f5f5f3;color:#0f8b88;border-color:#d8e4e2}
.site-footer{background:linear-gradient(180deg,#f2ece3 0%,#ece3d6 100%);border-top:1px solid #ded2c2}.site-footer .footer-inner{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,2.1fr);gap:2.3rem 4rem;padding-top:2.5rem;padding-bottom:1.3rem}.site-footer .footer-brand-block{grid-column:1;grid-row:1}.site-footer .footer-content{grid-column:2;grid-row:1;min-width:0}.site-footer .footer-groups{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1.5rem!important}.site-footer .footer-meta{grid-column:1/-1;grid-row:2;margin-top:.25rem!important;padding-top:1rem;border-top:1px solid rgba(214,204,189,.65);text-align:center;width:100%;color:#7a756d}.site-footer .footer-group-title{color:#173b5c;font-weight:900;letter-spacing:.04em}.site-footer .footer-group-links a{color:#566b76}.site-footer .footer-tagline{max-width:32ch;color:#5f6f78;line-height:1.55}.site-footer .footer-contact-icon img{filter:none!important;opacity:1!important}
html[lang="ar"] .services-v38 .v8-cta__panel{direction:rtl;text-align:right}html[lang="ar"] .services-v38 .v8-cta__actions .button{text-align:center;justify-content:center}
@media(max-width:1100px){.services-v38 .v8-cta__panel{grid-template-columns:1fr}.site-footer .footer-inner{grid-template-columns:1fr!important}.site-footer .footer-brand-block,.site-footer .footer-content{grid-column:1;grid-row:auto}.site-footer .footer-meta{grid-column:1;grid-row:auto}.site-footer .footer-groups{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.services-v38 .v8-cta{padding:1.8rem 0 3.2rem}.services-v38 .v8-cta__panel{gap:1.15rem;padding:1.4rem;border-radius:22px}.services-v38 .v8-cta__panel h2{font-size:1.7rem;line-height:1.1}.services-v38 .v8-cta__panel p{font-size:.94rem;line-height:1.55}.services-v38 .v8-cta__actions{grid-template-columns:1fr;gap:.65rem}.services-v38 .v8-cta__actions small{grid-column:1}.services-v38 .v8-cta__actions .button{width:100%;justify-content:center;white-space:normal;text-align:center;line-height:1.2;padding:.75rem 1rem}.services-v38 .v8-cta__panel:after{width:180px;height:78px;right:-5%;bottom:10%}.site-footer .footer-inner{padding-top:2rem}}
@media(max-width:600px){.site-footer .footer-groups{grid-template-columns:1fr!important}}

/* Shared CTA decoration v47: one stable trade-route graphic across pages */
.v8-cta__panel,
.services-v38 .v8-cta__panel,
.pr44 .v8-cta__panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.v8-cta__panel::before,
.services-v38 .v8-cta__panel::before,
.pr44 .v8-cta__panel::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 0 0 auto !important;
  width: 58% !important;
  height: 100% !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: url("assets/shared/cta-trade-lines.svg") no-repeat right center / contain !important;
  opacity: 1 !important;
}
.v8-cta__panel::after,
.services-v38 .v8-cta__panel::after,
.pr44 .v8-cta__panel::after {
  content: none !important;
  display: none !important;
}
@media (max-width: 760px) {
  .v8-cta__panel::before,
  .services-v38 .v8-cta__panel::before,
  .pr44 .v8-cta__panel::before {
    width: 100% !important;
    background-position: right bottom !important;
    background-size: 115% auto !important;
    opacity: .62 !important;
  }
}