.about-page{direction:rtl;color:#12353f;background:#fff;font-family:"HONOR Sans Arabic Regular","Arial",sans-serif;line-height:1.9}
.brand-video-component-v3{display:none!important}
.about-page *{box-sizing:border-box}
.about-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.about-hero{position:relative;overflow:hidden;padding:96px 0 88px;background:linear-gradient(135deg,#edf4f5 0%,#fff 58%,#fff2e7 100%)}
.about-hero:after{content:"";position:absolute;inset:auto -120px -190px auto;width:430px;height:430px;border-radius:50%;border:70px solid rgba(255,121,0,.11)}
.about-hero__content{position:relative;z-index:1;max-width:820px}
.about-hero__logo{display:block;width:min(330px,72vw);height:auto;margin-bottom:42px}
.about-eyebrow{display:inline-block;margin:0 0 14px;color:#ff7900;font-size:16px;font-weight:700}
.about-hero h1{margin:0 0 24px;font-size:clamp(42px,5.5vw,76px);line-height:1.12;letter-spacing:-.02em}
.about-hero p{margin:0;max-width:780px;font-size:clamp(18px,1.65vw,24px);color:#34545d}
.about-section{padding:84px 0}
.about-section--soft{background:#f4f7f7}
.about-heading{margin:0 0 28px;font-size:clamp(30px,3.2vw,48px);line-height:1.25}
.about-heading span{display:block;margin-top:8px;color:#ff7900;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.about-copy{max-width:960px;margin:0;font-size:19px;color:#34545d}
.about-copy+.about-copy{margin-top:18px}
.about-values{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.about-value{min-height:230px;padding:28px 24px;border-top:5px solid #ff7900;background:#fff;box-shadow:0 14px 36px rgba(18,53,63,.08)}
.about-value__number{display:block;margin-bottom:30px;color:#ff7900;font-size:14px;font-weight:700}
.about-value h3{margin:0 0 12px;font-size:20px;line-height:1.45}
.about-value p{margin:0;color:#567078;font-size:16px;line-height:1.8}
.about-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.about-panel{padding:42px;border-radius:2px;background:#12353f;color:#fff}
.about-panel:nth-child(2){background:#ff7900}
.about-panel .about-heading{color:inherit;font-size:34px}
.about-panel .about-heading span{color:inherit;opacity:.72}
.about-panel p{margin:0;font-size:18px;line-height:1.9}
.about-offerings{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.about-list{margin:0;padding:0;list-style:none}
.about-list li{position:relative;padding:18px 34px 18px 0;border-bottom:1px solid #d8e1e3;font-size:19px;color:#34545d}
.about-list li:before{content:"";position:absolute;right:0;top:29px;width:10px;height:10px;border-radius:50%;background:#ff7900}
.about-presence{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.about-presence article{padding:38px;border:1px solid #d8e1e3;background:#fff}
.about-presence h2{margin:0 0 16px;font-size:30px;line-height:1.35}
.about-presence h2 span{display:block;margin-top:7px;color:#ff7900;font-size:14px}
.about-presence p{margin:0;color:#45626a;font-size:18px}
.header-v4 .logo-home .logo{width:clamp(108px,10vw,145px)!important;max-width:145px!important;min-width:108px!important;height:auto!important}
@media(max-width:1024px){.about-values{grid-template-columns:repeat(2,1fr)}.about-value:last-child{grid-column:1/-1}.about-offerings{grid-template-columns:1fr;gap:28px}}
@media(max-width:750px){.about-shell{width:min(100% - 32px,1180px)}.about-hero{padding:64px 0 58px}.about-hero__logo{width:230px;margin-bottom:34px}.about-section{padding:58px 0}.about-copy{font-size:17px}.about-values,.about-pair,.about-presence{grid-template-columns:1fr}.about-value:last-child{grid-column:auto}.about-value{min-height:auto}.about-panel,.about-presence article{padding:28px}.about-panel .about-heading{font-size:28px}}

/* MST centered company profile */
.about-page{text-align:center}.about-hero__content,.about-hero p,.about-copy{margin-left:auto;margin-right:auto}.about-hero__logo{margin-left:auto;margin-right:auto}.about-hero{padding-top:80px;padding-bottom:80px}.about-copy{max-width:860px;line-height:2}.about-value{border-radius:18px}.about-panel,.about-presence article{border-radius:20px}.about-offerings{display:block;max-width:880px;margin:auto}.about-list{margin-top:28px}.about-list li{padding:24px 18px;background:#f5f7f8;border:0;border-radius:16px;margin:12px 0}.about-list li:before{display:none}.about-heading{text-wrap:balance}.about-panel p{max-width:470px;margin:auto}
@media(max-width:750px){.about-hero{padding:56px 0}.about-values{gap:16px}.about-copy{line-height:1.9}.about-list li{font-size:17px}.about-hero__logo{margin-left:auto;margin-right:auto}}
