.supplier-hero{background:#132f39;color:#fff;padding:68px 0 42px;overflow:hidden}
.supplier-hero .eyebrow,.supplier-process .eyebrow{color:#dbb866}
.supplier-hero-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:end;margin-top:23px}
.supplier-hero h1{font:600 clamp(48px,5.8vw,82px)/1.12 Manrope,'Noto Sans Arabic',sans-serif;letter-spacing:-3px}
.supplier-hero h1 em{font-style:normal;color:#dfbe6c}
.supplier-hero-intro>div p{font-size:18px;line-height:1.7;color:#c7d7dc;max-width:530px}
.supplier-hero-intro .button{display:inline-block;margin-top:27px}
.supplier-map-head{display:flex;justify-content:space-between;gap:30px;align-items:baseline;border-top:1px solid #526c75;margin-top:74px;padding-top:19px}
.supplier-map-head span{font-size:12px;letter-spacing:2px;color:#dfbe6c}
.supplier-map-head strong{font-size:20px;font-weight:500}
.supplier-map{margin:21px auto 0;max-width:1100px;height:385px;overflow:hidden;border:1px solid #48626a;background:#183a46}
.supplier-map{position:relative}
.supplier-map picture,.supplier-map img{display:block;width:100%;height:100%}
.supplier-map img{object-fit:cover;object-position:center 47%}
.supplier-map-note{color:#a7bec4;text-align:center;font-size:12px;margin:14px auto 0;line-height:1.55}
@media(min-width:901px){
  .supplier-hero{display:flex;flex-direction:column;padding:0 0 62px}
  .supplier-hero>.wrap{display:contents}
  .supplier-map{order:0;width:100%;max-width:none;height:clamp(440px,44vw,620px);margin:0;border:0}
  .supplier-map img{filter:brightness(1.13) saturate(1.08);object-position:center}
  .supplier-hero>.wrap>.eyebrow,.supplier-hero-intro,.supplier-map-head,.supplier-map-note{width:min(89%,1240px);align-self:center}
  .supplier-hero>.wrap>.eyebrow{order:1;margin-top:42px}
  .supplier-hero-intro{order:2;margin-top:16px}
  .supplier-map-head{order:3;margin-top:55px}
  .supplier-map-note{order:4}
}
.supplier-cap{padding-block:95px}
.supplier-cap-head{display:grid;grid-template-columns:1fr .75fr;gap:12%;align-items:end}
.supplier-cap h2,.supplier-ranges h2,.supplier-rime h2,.supplier-process h2,.supplier-contact h2{font-size:clamp(34px,3.8vw,53px);line-height:1.18;letter-spacing:-2px}
.supplier-cap-head>p{color:#5f7279;font-size:17px;line-height:1.7}
.supplier-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9e2e5;margin-top:46px}
.supplier-cap-grid article{padding:27px 20px 20px;border-inline-start:1px solid #d9e2e5}
.supplier-cap-grid article:first-child{border:0;padding-inline-start:0}
.supplier-cap-grid article>span,.supplier-steps article>span{font-size:13px;font-weight:700;color:#b58a38}
.supplier-cap-grid h3,.supplier-steps h3{font-size:20px;line-height:1.3;margin:25px 0 10px}
.supplier-cap-grid p,.supplier-steps p{color:#60747b;font-size:15px;line-height:1.65}
.supplier-facts{display:flex;align-items:center;gap:40px;border-top:1px solid #d9e2e5;margin-top:30px;padding-top:30px}
.supplier-facts>div{display:flex;align-items:center;gap:16px;min-width:235px}
.supplier-facts strong{font:600 49px/1 Manrope,sans-serif;color:#b58a38;white-space:nowrap}
.supplier-facts span{max-width:125px;font-size:14px;line-height:1.35}
.supplier-facts small{font-size:12px;color:#71858b;line-height:1.5;margin-inline-start:auto;max-width:330px}
.supplier-ranges{background:#f0f5f6;padding:90px 0}
.supplier-range-grid{display:grid;grid-template-columns:1fr .9fr;gap:11%}
.supplier-range-grid>div>p:not(.eyebrow){font-size:17px;color:#60747b;line-height:1.7;margin:22px 0 26px}
.supplier-range-grid a{font-weight:700;color:#247db4;border-bottom:1px solid currentColor;padding-bottom:5px}
.supplier-range-list{border-top:2px solid #b58a38}
.supplier-range-list>div{display:flex;gap:26px;align-items:center;border-bottom:1px solid #cedcde;padding:17px 0}
.supplier-range-list span{font:700 13px 'DM Sans',sans-serif;color:#b58a38}
.supplier-range-list strong{font-size:19px;font-weight:600}
.supplier-rime{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center;padding-block:96px}
.supplier-rime-mark{background:#f5f7f8;padding:43px 32px;text-align:center;border-top:4px solid #287eae}
.supplier-rime-mark img{display:block;max-width:100%;width:350px;height:auto;margin:auto}
.supplier-rime-mark span{display:block;color:#57727b;font-size:14px;margin-top:12px}
.supplier-rime>div:last-child>p:last-child{font-size:17px;line-height:1.7;color:#60747b;margin-top:20px}
.supplier-process{background:#173943;color:#fff;padding:85px 0 90px}
.supplier-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:38px}
.supplier-steps article{border-top:2px solid #d8b568;background:#204650;padding:23px;min-height:218px}
.supplier-steps h3{margin-top:20px}
.supplier-steps p{color:#c0d0d4}
.supplier-contact{display:flex;justify-content:space-between;gap:70px;align-items:center;padding-block:88px}
.supplier-contact>div:first-child{max-width:740px}
.supplier-contact p:not(.eyebrow){font-size:17px;line-height:1.7;color:#60747b;margin-top:20px}
.supplier-contact-actions{display:flex;flex-direction:column;gap:13px;align-items:flex-start;min-width:220px}
.supplier-contact-actions span{font-size:14px;color:#60747b}
nav [aria-current="page"]{color:#287eae}
[dir=rtl] .supplier-hero h1,[dir=rtl] .supplier-cap h2,[dir=rtl] .supplier-ranges h2,[dir=rtl] .supplier-rime h2,[dir=rtl] .supplier-process h2,[dir=rtl] .supplier-contact h2{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.4}
@media(max-width:900px){.supplier-cap-grid,.supplier-steps{grid-template-columns:repeat(2,1fr)}.supplier-facts{flex-wrap:wrap}.supplier-facts small{margin:0}.supplier-hero-intro{gap:4%}}
@media(max-width:680px){.supplier-hero{padding:45px 0 34px}.supplier-hero-intro{display:block;margin-top:14px}.supplier-hero h1{font-size:clamp(40px,10vw,57px);letter-spacing:-2px}.supplier-hero-intro>div p{font-size:16px;margin-top:23px}.supplier-hero-intro .button{margin-top:19px}.supplier-map-head{display:block;margin-top:43px}.supplier-map-head strong{display:block;font-size:17px;margin-top:6px}.supplier-map{height:auto;aspect-ratio:1212/596;margin-top:15px}.supplier-map img{object-fit:contain}.supplier-map-note{text-align:start}.supplier-cap{padding-block:56px}.supplier-cap-head{display:block}.supplier-cap-head>p{font-size:16px;margin-top:18px}.supplier-cap-grid{display:block;margin-top:25px}.supplier-cap-grid article,.supplier-cap-grid article:first-child{border:0;border-top:1px solid #d9e2e5;padding:17px 0}.supplier-cap-grid h3{margin:7px 0}.supplier-facts{gap:16px;margin-top:5px;padding-top:23px}.supplier-facts>div{min-width:0;width:calc(50% - 8px);display:block}.supplier-facts strong{display:block;font-size:38px}.supplier-facts span{font-size:13px}.supplier-facts small{max-width:none}.supplier-ranges{padding:56px 0}.supplier-range-grid{display:block}.supplier-range-list{margin-top:33px}.supplier-range-list strong{font-size:16px}.supplier-rime{display:block;padding-block:56px}.supplier-rime-mark{padding:28px}.supplier-rime>div:last-child{margin-top:32px}.supplier-rime>div:last-child>p:last-child{font-size:16px}.supplier-process{padding:54px 0}.supplier-steps{display:block}.supplier-steps article{min-height:0;margin-top:10px}.supplier-steps h3{margin:8px 0 5px}.supplier-contact{display:block;padding-block:55px}.supplier-contact p:not(.eyebrow){font-size:16px}.supplier-contact-actions{margin-top:25px}.supplier-cap h2,.supplier-ranges h2,.supplier-rime h2,.supplier-process h2,.supplier-contact h2{font-size:35px}[dir=rtl] .supplier-hero h1{font-size:38px}}
@media(max-width:680px){
  .supplier-hero>.wrap{display:flex;flex-direction:column;align-items:stretch}
  .supplier-hero>.wrap>.eyebrow{order:0}
  .supplier-hero-intro,.supplier-hero-intro>div{display:contents}
  .supplier-hero h1{order:1;margin-top:18px}
  .supplier-map-head{order:2;margin-top:27px;padding-top:15px}
  .supplier-map{order:3;aspect-ratio:1.85;margin-top:13px;background:#244651}
  .supplier-map img{object-fit:cover;object-position:center;transform:scale(1.07);filter:brightness(1.22) saturate(1.08)}
  .supplier-hero-intro>div p{order:4;line-height:1.6;margin:22px 0 0}
  .supplier-hero-intro .button{order:5;align-self:flex-start;margin-top:20px}
  .supplier-map-note{order:6;margin-top:27px}
}