/* Mobinex inner pages: clean, professional polish. No patterns; text always on solid surfaces. */

/* ---------- Page banner ---------- */
.pg-banner::before{background:linear-gradient(180deg,rgba(14,14,14,.86),rgba(14,14,14,.72) 55%,rgba(14,14,14,.88))!important}
.pg-banner::after{background:radial-gradient(circle at 18% 30%,rgba(255,107,26,.18) 0%,transparent 45%)!important}
.pg-banner{border-bottom:4px solid var(--or)}
.pg-banner h1,.pg-banner .pg-h1{text-shadow:0 2px 16px rgba(0,0,0,.6)}

/* ---------- Section backgrounds: clean white / soft grey ---------- */
.svc-section{background-color:#fff}
.svc-section-alt{background-color:#f5f6f8}

/* ---------- Photos ---------- */
.svc-section-img,.about-img-frame{border-radius:12px!important;box-shadow:0 20px 50px rgba(0,0,0,.14)!important}
.svc-section-badge{border-radius:8px!important}

/* ---------- Cards ---------- */
.svc-feature,.value-card,.svc-detail,.wwd-card{border-radius:10px!important;border:1px solid #e3e5e8;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.svc-feature,.svc-detail{background:#fff!important}
.value-card{background:#fff}
.svc-feature:hover,.value-card:hover{border-color:rgba(255,107,26,.55);box-shadow:0 10px 26px rgba(0,0,0,.09)}
.svc-feature h4{color:#111}

/* ---------- Tags ---------- */
.svc-tag{background:#fff3ec!important;border:1px solid rgba(255,107,26,.35);color:#c24805!important;border-radius:20px!important}

/* ---------- Section headings: short accent bar ---------- */
.sec-h2::after{content:"";display:block;width:56px;height:3px;margin:1rem auto 0;background:var(--or);border-radius:2px}
.process-wrap .sec-h2::after{background:var(--or)}

/* ---------- Dark process band ---------- */
.process-step h4{color:#fff}.process-step p{color:#c9c9c9}

/* ---------- Contact ---------- */
.contact-info-card{border-radius:12px!important;background:#1a1a1a;border-top:4px solid var(--or)}
.contact-info-card>p{color:#c4c4c4!important}.cic-item strong{color:#b5b5b5!important}
.contact-form-card{border-radius:12px!important;border-top:4px solid var(--or)!important;background:#fff!important}

/* ---------- Gallery ---------- */
.g-item{border-radius:8px!important}
.g-ov{opacity:1!important;background:linear-gradient(0deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.35) 28%,rgba(10,10,10,0) 55%)!important;transition:background .4s}
.g-item:hover .g-ov{background:linear-gradient(0deg,rgba(10,10,10,.94) 0%,rgba(10,10,10,.5) 55%,rgba(10,10,10,.1) 100%)!important}
.g-item{box-shadow:0 6px 20px rgba(0,0,0,.08)}

/* ---------- Dark band text ---------- */
.cta-band p,.cta-band-sub{color:#d2d2d2!important}
.process-wrap .sec-sub{color:#cfcfcf!important}

/* ---------- Leadership / team ---------- */
.team-sec{background:#f5f6f8}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:2rem;justify-content:center;margin-top:2.5rem}
.team-card{background:#fff;border:1px solid #e3e5e8;border-radius:12px;overflow:hidden;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:box-shadow .3s,transform .3s;border-bottom:4px solid var(--or)}
.team-card:hover{box-shadow:0 14px 34px rgba(0,0,0,.1);transform:translateY(-4px)}
.team-photo{aspect-ratio:4/5;overflow:hidden;background:#e5e7eb}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.team-card h3{font-size:1.2rem;font-weight:800;color:#111;margin:1.4rem 1rem .2rem}
.team-role{color:#c24805;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem}
.team-quals{list-style:none;margin:0 1.4rem 1.6rem;padding:1rem 0 0;border-top:1px solid #e3e5e8}
.team-quals li{color:#444;font-size:.92rem;line-height:1.7;text-align:center}
@media(max-width:700px){.team-grid{grid-template-columns:minmax(0,360px)}}

/* ---------- Future Growth Plan: roadmap ---------- */
.future-sec{background:radial-gradient(ellipse at 85% 0%,rgba(255,107,26,.16),transparent 55%),linear-gradient(160deg,#161616,#242424)!important}
.roadmap{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.4rem;margin-top:3rem}
.roadmap::before{content:"";position:absolute;top:22px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--or),rgba(255,107,26,.2))}
.rm-step{position:relative;display:flex;flex-direction:column;align-items:center}
.rm-node{position:relative;z-index:1;width:46px;height:46px;border-radius:50%;background:var(--or);color:#fff;font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #202020,0 0 0 7px rgba(255,107,26,.5)}
.rm-card{width:100%;margin-top:1.6rem;flex:1;background:linear-gradient(180deg,#2a2a2a,#1e1e1e);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--or);border-radius:12px;padding:1.8rem 1.1rem 1.6rem;text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s}
.rm-card:hover{transform:translateY(-6px);border-color:rgba(255,107,26,.6);box-shadow:0 16px 36px rgba(0,0,0,.45),0 0 0 1px rgba(255,107,26,.25)}
.rm-ico{width:60px;height:60px;border-radius:14px;margin:0 auto 1.1rem;background:linear-gradient(135deg,#ff7a2e,#e0560a);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(255,107,26,.3)}
.rm-ico svg{width:28px;height:28px}
.rm-card h3{color:#fff;font-size:.98rem;font-weight:700;line-height:1.4;margin:0}
@media(max-width:900px){
 .roadmap{grid-template-columns:1fr;gap:1.2rem}
 .roadmap::before{display:none}
 .rm-step{flex-direction:row;align-items:stretch;gap:1rem}
 .rm-node{flex:none;align-self:center}
 .rm-card{margin-top:0;display:flex;align-items:center;gap:1rem;text-align:left;padding:1.1rem}
 .rm-ico{margin:0;flex:none;width:50px;height:50px}
 .rm-card h3{text-align:left}
}