/* Why Choose MENA3D. */
.mena3d-home .mena3d-home-why{background:#151518;color:#fff;padding:clamp(80px,8vw,125px) 0}
.mena3d-home-why .mena3d-why-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,8vw,120px);align-items:start}
.mena3d-home-why .mena3d-why-intro{position:sticky;top:125px}
.mena3d-home-why .mena3d-why-intro h2{max-width:510px;color:#fff;font-size:clamp(44px,5vw,72px)!important;line-height:1.06!important}
.mena3d-home-why .mena3d-why-intro .mena3d-home-button{margin-top:25px}
.mena3d-home-why .mena3d-why-list{min-width:0;width:100%;border-top:1px solid rgba(255,255,255,.25)}
.mena3d-home-why .mena3d-why-item{display:flex!important;gap:20px;align-items:flex-start;min-height:104px;padding:20px 10px;border-bottom:1px solid rgba(255,255,255,.25);transition:background .3s,padding .3s}
.mena3d-home-why .mena3d-why-item:hover{background:#222226;padding-left:20px}
.mena3d-home-why .mena3d-why-item span:first-child{color:#e60100;font:700 12px Inter,Arial,sans-serif;letter-spacing:.12em;flex:0 0 38px;padding-top:5px}
.mena3d-home-why .mena3d-why-item h3{margin:0;color:#f6f6f6;font:650 clamp(16px,1.5vw,21px)/1.4 Manrope,Inter,Arial,sans-serif!important;letter-spacing:-.025em;flex:1 1 auto;min-width:0;max-width:none;width:auto;overflow-wrap:normal;word-break:normal}
.mena3d-home-why .mena3d-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid rgba(255,255,255,.25);margin-top:clamp(70px,9vw,130px);padding-top:34px}
.mena3d-home-why .mena3d-stats>div{min-width:0;border-left:2px solid #e60100;padding-left:18px}
.mena3d-home-why .mena3d-stats strong{font-size:clamp(36px,4vw,60px)!important;line-height:1.05}
.mena3d-home-why .mena3d-stats span{display:block;margin-top:9px;color:#b4b4ba;font-size:13px}
@media(max-width:800px){.mena3d-home-why .mena3d-why-grid{grid-template-columns:1fr;gap:45px}.mena3d-home-why .mena3d-why-intro{position:static}.mena3d-home-why .mena3d-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.mena3d-home-why .mena3d-why-item{gap:12px;min-height:95px}.mena3d-home-why .mena3d-why-item h3{font-size:17px!important}.mena3d-home-why .mena3d-stats{gap:28px 12px}.mena3d-home-why .mena3d-stats>div{padding-left:12px}}

/* WordPress may insert code elements around section markup. They must not become layout columns. */
.mena3d-home-why .mena3d-why-list code,.mena3d-home-why .mena3d-why-item code{display:contents!important}
.mena3d-home-why .mena3d-why-item h3{display:block!important;white-space:normal!important}
