.mh-about{background:linear-gradient(180deg,#fff 60%,#f8fbff);color:#102b59}.about-banner{text-align:center;padding:48px 20px 58px;background:radial-gradient(ellipse at 30% 0%,#3d7797aa,transparent 65%),linear-gradient(110deg,#102e4b,#045497);color:white;border-radius:0 0 50% 9%;}.mh-about .about-banner h1{color:white!important;font-size:36px!important;margin:0 0 8px!important}.about-banner p{color:#edf6ff!important;margin:0!important;font-size:16px}.about-container{width:min(1120px,calc(100% - 40px));margin:36px auto 48px}.about-intro{display:grid;grid-template-columns:1fr 1.13fr;gap:38px;align-items:center}.about-office{position:relative;overflow:hidden;aspect-ratio:226/192;border-radius:15px;box-shadow:0 12px 35px #16345612}.about-office img{position:absolute;width:623.451%!important;max-width:none!important;height:auto!important;left:-124.336%;top:-69.792%;}.about-eyebrow{font-size:12px;color:#1678cb}.mh-about h2{font-size:25px!important;line-height:1.7!important;margin:8px 0 14px!important;color:#082858!important}.mh-about p{font-size:15px;line-height:2.15;color:#465d7c}.about-copy p{margin:0 0 12px}.about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 42px}.about-values article{text-align:center;padding:20px 10px;background:linear-gradient(135deg,#f8fcff,#eaf4ff);border:1px solid #e1edf9;border-radius:12px}.about-values article>span{font-size:34px;line-height:1;color:#0053a8}.mh-about .about-values h3{font-size:16px!important;margin:12px 0 5px!important;color:#0b3568!important}.about-values p{font-size:12px;margin:0}.about-approach{display:grid;grid-template-columns:1fr 1.8fr;gap:36px;border-top:1px solid #e2edf8;padding-top:30px}.about-approach p{margin:0 0 12px}.about-signature{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px}.about-signature span{width:55px;height:1px;background:#8ebeff}.about-signature p{color:#175a9d;font-size:14px}.mh-about a:focus-visible{outline:3px solid #168cff}@media(max-width:760px){.about-intro,.about-approach{grid-template-columns:1fr;gap:24px}.about-office{max-width:450px;width:100%;margin:auto}.about-values{grid-template-columns:repeat(2,1fr)}.about-banner{padding:32px 20px 40px}.mh-about .about-banner h1{font-size:29px!important}.mh-about h2{font-size:22px!important}.about-container{width:calc(100% - 32px)}}
.about-values svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6}
/* High-resolution office artwork and balanced Persian typography. */
.about-office{aspect-ratio:1.12;isolation:isolate}.about-office>img{position:static;width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover;display:block}
.about-logo-badge{position:absolute;top:18px;right:18px;width:110px;padding:10px;background:#ffffffee;border:1px solid #fff;border-radius:13px;box-shadow:0 6px 20px #092b4e12}
.about-logo-badge img{position:static!important;display:block;width:100%!important;max-width:100%!important;height:auto!important}
.mh-about .about-brand-title{display:block;font-size:clamp(25px,2.3vw,34px);font-weight:800;line-height:1.7;color:#092957;margin-bottom:8px}
.mh-about .about-copy h2{font-size:20px!important;line-height:1.9!important;margin:0 0 16px!important;color:#1765a1!important}
.mh-about .about-copy p,.mh-about .about-approach p{text-align:justify;text-align-last:right;text-justify:inter-word;line-height:2.25;font-size:15px;word-spacing:normal;hyphens:none;margin-bottom:16px}
@media(max-width:760px){.about-logo-badge{width:86px;top:12px;right:12px}.mh-about .about-copy h2{font-size:18px!important}.mh-about .about-copy p,.mh-about .about-approach p{font-size:14px;line-height:2.2}}
/* Wall-mounted identity: transparent background, centered on the frosted panel. */
.about-logo-badge{top:37%;left:55%;right:auto;width:43%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translate(-50%,-50%);text-align:center;mix-blend-mode:multiply}
.about-logo-badge img{width:43%!important;margin:0 auto 7px;filter:saturate(.75);opacity:.92}
.about-logo-badge strong{display:block;color:#247da8;font-size:clamp(13px,1.15vw,17px);font-weight:800;line-height:1.8;white-space:nowrap;text-align:center}
@media(max-width:760px){.about-logo-badge{top:37%;left:55%;right:auto;width:43%}.about-logo-badge strong{font-size:13px}}
/* Reference-inspired deep blue headings and restrained Persian justification. */
@font-face{font-family:SAMAboutHeading;src:url('../../../plugins/codevz-plus/rtl-xtra/fonts/standard/Peyda/woff2/PeydaWeb-Black.woff2') format('woff2');font-weight:900;font-display:swap}
body.mh-finance #mh-main.mh-about :is(h1,h2,h3,.about-brand-title){font-family:SAMAboutHeading,SAMText,Tahoma,sans-serif!important;font-weight:900!important;color:#073c85!important;letter-spacing:0!important;line-height:1.65!important}
body.mh-finance #mh-main.mh-about .about-brand-title{font-size:32px!important}
body.mh-finance #mh-main.mh-about .about-copy h2{font-size:25px!important}
body.mh-finance #mh-main.mh-about .about-approach h2{font-size:28px!important}
body.mh-finance #mh-main.mh-about .about-values h3{font-size:18px!important}
body.mh-finance #mh-main.mh-about .about-banner h1{color:#fff!important;font-size:36px!important}
body.mh-finance #mh-main.mh-about :is(.about-copy,.about-approach)>p{text-align:justify!important;text-align-last:right!important;text-justify:inter-word;word-spacing:normal;letter-spacing:normal!important;font-size:15px!important;line-height:2.3!important;color:#182b45!important;hyphens:none;overflow-wrap:break-word}
body.mh-finance #mh-main.mh-about .about-approach>div>p{text-align:justify!important;text-align-last:right!important;text-justify:inter-word;font-size:15px!important;line-height:2.3!important;color:#182b45!important;word-spacing:normal}
@media(max-width:760px){body.mh-finance #mh-main.mh-about .about-brand-title{font-size:27px!important}body.mh-finance #mh-main.mh-about :is(.about-copy,.about-approach) h2{font-size:23px!important}body.mh-finance #mh-main.mh-about :is(.about-copy>p,.about-approach>div>p){font-size:14px!important;line-height:2.2!important}}
