.contact-hero{background:#16343d;color:#fff}
.contact-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:5%;align-items:center;padding-block:55px}
.contact-hero .eyebrow{color:#dfbf70}
.contact-hero h1{font:600 clamp(48px,5.6vw,76px)/1.14 Manrope,'Noto Sans Arabic',sans-serif;letter-spacing:-3px}
.contact-hero h1 span{color:#dfbf70}
.contact-hero-copy>p:last-child{max-width:480px;color:#d4e1e4;font-size:18px;line-height:1.75;margin-top:28px}
.contact-hero-image{display:block;width:100%;height:330px;object-fit:cover;object-position:center;border-radius:3px}
@media(min-width:761px){
  .contact-hero-grid{position:relative;isolation:isolate;display:flex;align-items:center;width:100%;max-width:none;min-height:clamp(500px,42vw,650px);padding:60px max(5.5vw,calc((100vw - 1240px)/2))}
  .contact-hero-grid:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102d37f5 0%,#102d37dc 29%,#102d3780 55%,#102d3712 82%)}
  [dir=rtl] .contact-hero-grid:before{background:linear-gradient(270deg,#102d37f5 0%,#102d37dc 29%,#102d3780 55%,#102d3712 82%)}
  .contact-hero-copy{max-width:530px}
  .contact-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-position:center 47%;border-radius:0}
}
.contact-main{display:grid;grid-template-columns:.82fr 1.18fr;gap:7%;padding-block:84px 98px;align-items:start}
.contact-channels h2,.contact-form-panel h2{font-size:clamp(30px,3.2vw,43px)}
.contact-way{display:flex;gap:18px;align-items:flex-start;padding:19px 0;border-bottom:1px solid #dae4e6;color:#16343d}
.contact-channels h2+.contact-way{margin-top:28px}
.contact-way-icon{flex:none;display:grid;place-items:center;width:39px;height:39px;background:#edf5f7;color:#237fb5;border-radius:50%;font-size:22px}
.contact-way strong{display:block;font-size:19px;line-height:1.4}
.contact-way small{display:block;color:#5f7279;font-size:14px;margin:3px 0}
.contact-way b,.contact-way bdi{font-size:15px;font-weight:600;display:block;overflow-wrap:anywhere}
.contact-way b{color:#237fb5;margin-top:8px}
.contact-way:hover strong,.contact-way:hover b{color:#237fb5}
.contact-way-feature{border-top:3px solid #bb9144;background:#f3f7f8;padding:22px;margin-block:0 2px}
.contact-way-feature .contact-way-icon{background:#237fb5;color:#fff}
.contact-office{display:flex;gap:18px;padding-top:26px}
.contact-warehouse{margin-top:24px;border-top:1px solid #dae4e6}
.contact-office-mark{flex:none;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#edf5f7;color:#237fb5;font-size:27px;line-height:1}
.contact-office h3{font-size:19px}
.contact-office p{color:#526971;font-size:16px;line-height:1.55;margin:5px 0 8px}
.contact-office a{color:#237fb5;font-weight:700;font-size:14px;border-bottom:1px solid currentColor}
.contact-office small{display:block;color:#73858a;font-size:13px;line-height:1.6;margin-top:17px}
.contact-form-panel{background:#f3f7f8;border-top:4px solid #287eae;padding:42px 45px 45px;scroll-margin-top:30px}
.contact-form-panel>p:not(.eyebrow){color:#61757b;font-size:16px;line-height:1.7;margin:14px 0 29px;max-width:650px}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form-panel label{font-size:14px;font-weight:600;color:#203b43;margin-bottom:18px;min-width:0}
.contact-form-panel input,.contact-form-panel textarea,.contact-form-panel select{display:block;width:100%;min-height:49px;padding:11px 12px;border:1px solid #cbd9dd;border-radius:2px;background:#fff;color:#16343d;font:inherit;margin-top:7px}
.contact-form-panel textarea{min-height:120px;resize:vertical}
.contact-form-panel input:focus,.contact-form-panel select:focus,.contact-form-panel textarea:focus{border-color:#287eae}
.contact-form-panel .button{width:100%}
.contact-form-note{display:block;color:#647b82;font-size:13px;line-height:1.6;margin-top:12px}
.contact-supplier{background:#eaf1f3;padding:69px 0}
.contact-supplier-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}
.contact-supplier h2{max-width:670px;font-size:clamp(30px,3vw,41px)}
.contact-supplier p:not(.eyebrow){color:#61757b;max-width:700px;margin-top:15px;font-size:16px;line-height:1.7}
.contact-supplier a{white-space:nowrap;color:#237fb5;font-size:15px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}
nav [aria-current="page"]{color:#287eae}
[dir=rtl] .contact-hero h1{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.4}
[dir=rtl] .contact-form-panel,[dir=rtl] .contact-form-panel label,[dir=rtl] .contact-form-panel input,[dir=rtl] .contact-form-panel textarea,[dir=rtl] .contact-form-panel select{text-align:right;direction:rtl}
[dir=rtl] .contact-form-panel input[type=email],[dir=rtl] .contact-form-panel input[type=tel]{direction:ltr;text-align:left}
[dir=rtl] .contact-way-icon{transform:scaleX(-1)}
@media(max-width:980px){.contact-main{grid-template-columns:1fr 1.15fr;gap:4%}.contact-form-panel{padding:32px}.contact-hero-grid{gap:4%}.contact-hero-image{height:290px}}
@media(max-width:760px){.contact-hero-grid{display:block;padding-block:34px 35px}.contact-hero h1{font-size:clamp(39px,9vw,56px);letter-spacing:-2px}.contact-hero-copy>p:last-child{font-size:16px;margin-top:16px;line-height:1.6}.contact-hero-image{height:210px;margin-top:25px;object-position:50% 45%}.contact-main{display:block;padding-block:42px 60px}.contact-channels h2,.contact-form-panel h2{font-size:31px}.contact-form-panel{margin-top:50px;padding:29px 25px}.contact-supplier{padding:55px 0}.contact-supplier-grid{display:block}.contact-supplier a{display:inline-block;margin-top:22px;white-space:normal}[dir=rtl] .contact-hero h1{font-size:clamp(35px,8vw,48px)}}
@media(max-width:470px){.contact-form-row{display:block}.contact-way-feature{padding:18px}.contact-way{gap:13px}}