/* B: هيرو منقسم فاتح، خدمات كبطاقات بصرية كبيرة، خطوات ثلاثة أعمدة */
.pb .top-solid{background:var(--light);border-bottom:1px solid var(--navy-12);color:var(--navy)}
.pb .top-solid .nav .lang:hover{background:var(--navy);color:var(--light)}
.hero{background:var(--light);overflow-x:clip;padding-block:clamp(40px,6vw,88px)}
.hero-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:center}
.eyebrow{color:var(--blue);font-weight:700;font-size:1rem;margin-bottom:8px}
.hero h1{font-weight:700;font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.3;color:var(--navy);margin-bottom:18px}
.hero-sub{font-size:1.15rem;max-width:34em;color:var(--navy-70);margin-bottom:28px}
.cta{display:flex;flex-wrap:wrap;gap:14px}
.hero .btn-line{border-color:var(--navy);color:var(--navy)}
.hero .btn-line:hover{background:var(--navy);color:var(--light)}
.hero-photo{position:relative}
.hero-photo .photo{aspect-ratio:4/5;border-radius:0 120px 0 0}
.hero-photo .photo img{object-position:center 20%}
.hero-sym{position:absolute;height:46%;width:auto;left:-9%;bottom:-6%}
.sec{padding-block:clamp(56px,8vw,104px)}
.h-sec{font-weight:700;font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.4;color:var(--navy);margin-bottom:26px;position:relative;padding-inline-start:22px}
.h-sec::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:8px;height:.9em;background:var(--blue)}
.on-navy{color:var(--light)}
.lead{font-size:1.15rem;max-width:44em;margin-bottom:28px;color:inherit}
.tiles-sec{background:var(--navy);color:var(--light)}
.tiles-sec .h-sec{color:var(--light)}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tile{position:relative;overflow:hidden;background:var(--blue);border-radius:24px;padding:28px 26px 30px;min-height:260px;display:flex;flex-direction:column;gap:8px;transition:transform .25s}
.tile:nth-child(even){background:rgba(249,249,249,.08);outline:1.5px solid var(--blue-55);outline-offset:-1.5px}
.tile:hover{transform:translateY(-4px)}
.tn{font-weight:700;font-size:.95rem;opacity:.8}
.tile-sym{position:absolute;height:150%;width:auto;left:-6%;bottom:-40%;opacity:.12}
.tile h3{font-size:1.4rem;font-weight:700;line-height:1.5;margin-top:auto;position:relative}
.tile p{font-size:.98rem;line-height:1.85;position:relative;opacity:.95}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.photo.wide{aspect-ratio:4/3.4;border-radius:24px}
.photo.wide img{object-position:center 22%}
.about p,.team p{max-width:38em}
.how{background:var(--blue);color:var(--light)}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--light)}
.col{padding:26px 24px 8px 24px;border-inline-start:1.5px solid var(--light-14);display:grid;gap:6px;align-content:start}
.col:first-child{border-inline-start:0;padding-inline-start:0}
.col .n{font-size:3.4rem;font-weight:700;line-height:1;color:var(--navy)}
.col h3{font-size:1.5rem;font-weight:700}
.col p{opacity:.95}
.partners{background:#fff}
.wall-card{background:var(--navy);border-radius:24px;padding:clamp(20px,4vw,44px);color:var(--light)}
.wall-card .wall{margin-inline:auto}
.contact{background:var(--navy);color:var(--light)}
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:start}
.c-info .clist{margin-bottom:16px}.addr{opacity:.85;margin-bottom:6px}.c-info .btn{margin-top:14px}
.form-b{background:rgba(249,249,249,.08);border-radius:24px;padding:clamp(22px,4vw,40px)}
.form-b input,.form-b select,.form-b textarea{border-color:rgba(249,249,249,.5)}
.form-b label>span{margin-bottom:4px}
.foot{background:var(--navy);color:var(--light);border-top:1px solid var(--light-14);padding-block:28px}
.foot-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.foot img{height:44px;width:auto}
@media (max-width:960px){
  .hero-in,.grid2,.contact-grid{grid-template-columns:1fr}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cols3{grid-template-columns:1fr}
  .col,.col:first-child{border-inline-start:0;padding-inline:0;border-top:1.5px solid var(--light-14)}
  .hero-photo .photo{aspect-ratio:4/4.4;max-height:520px;border-radius:0 80px 0 0}
}
@media (max-width:600px){.tiles{grid-template-columns:1fr}.tile{min-height:200px}}