/* ═══════════════════════════════════════
   PAGE HERO (inner pages)
═══════════════════════════════════════ */
.page-hero{position:relative;overflow:hidden;background:var(--dark-bg);min-height:280px}
.page-hero-bread{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.55);margin-bottom:14px}
.page-hero-bread a{color:rgba(255,255,255,.6);text-decoration:none;transition:.2s}
.page-hero-bread a:hover{color:var(--teal)}
.page-hero-title{font-size:clamp(28px,4vw,50px);font-weight:900;color:#fff;margin-bottom:12px}
.page-hero-sub{font-size:15px;color:rgba(255,255,255,.7);line-height:1.8;max-width:560px}

/* ═══════════════════════════════════════
   STATS BAR
═══════════════════════════════════════ */
.stats-bar{padding:50px 0;background:var(--teal)}
.stats-bar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:center}
.stats-bar-item{padding:20px;border-left:1px solid rgba(255,255,255,.18);position:relative}
.stats-bar-item:last-child{border-left:none}
.stats-bar-num{font-size:36px;font-weight:900;color:#fff;line-height:1}
.stats-bar-lbl{font-size:13px;color:rgba(255,255,255,.75);margin-top:6px}

/* ═══════════════════════════════════════
   TEAM
═══════════════════════════════════════ */
.team-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);border:1.5px solid var(--border);transition:all .3s}
.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(35,137,141,.25)}
.team-photo-placeholder{width:100%;height:200px;background:linear-gradient(145deg,var(--teal-light),#c8eeee);display:flex;align-items:center;justify-content:center}
.team-info{padding:18px 16px}
.team-name{font-size:15px;font-weight:800;color:var(--fg);margin-bottom:5px}
.team-pos{font-size:12.5px;color:var(--teal);font-weight:600}
@media(max-width:768px){.team-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:480px){.team-grid{grid-template-columns:1fr!important}}

/* ═══════════════════════════════════════
   PROCESS STEPS
═══════════════════════════════════════ */
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.process-steps::before{content:'';position:absolute;top:52px;right:12.5%;left:12.5%;height:2px;background:linear-gradient(to left,transparent,var(--teal-light) 20%,var(--teal-light) 80%,transparent);z-index:0}
.process-step{text-align:center;position:relative;z-index:1}
.process-num{width:48px;height:48px;border-radius:50%;background:var(--teal);color:#fff;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 6px 20px rgba(35,137,141,.35)}
.process-icon{width:56px;height:56px;border-radius:14px;background:var(--teal-light);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.process-icon svg{width:26px;height:26px;stroke:var(--teal);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.process-step h3{font-size:15px;font-weight:800;color:var(--fg);margin-bottom:8px}
.process-step p{font-size:13px;color:var(--muted);line-height:1.8}
@media(max-width:768px){.process-steps{grid-template-columns:1fr 1fr}.process-steps::before{display:none}}
@media(max-width:480px){.process-steps{grid-template-columns:1fr}}

/* ═══════════════════════════════════════
   PROJECTS GRID
═══════════════════════════════════════ */
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.project-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);border:1.5px solid var(--border);transition:all .3s}
.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.project-thumb{position:relative;overflow:hidden}
.project-thumb img{transition:transform .4s}
.project-card:hover .project-thumb img{transform:scale(1.05)}
.project-thumb-placeholder{width:100%;height:220px;background:linear-gradient(145deg,#0d2a1a,#0a1e14);display:flex;align-items:center;justify-content:center}
.project-overlay{position:absolute;inset:0;background:rgba(35,137,141,.85);display:flex;align-items:center;justify-content:center;opacity:0;transition:.3s}
.project-card:hover .project-overlay{opacity:1}
.project-link{color:#fff;font-size:14px;font-weight:700;text-decoration:none;border:2px solid rgba(255,255,255,.6);padding:10px 24px;border-radius:8px;transition:.2s}
.project-link:hover{background:rgba(255,255,255,.15)}
.project-info{padding:20px}
.project-title{font-size:16px;font-weight:800;margin-bottom:8px}
.project-title a{color:var(--fg);text-decoration:none;transition:.2s}
.project-title a:hover{color:var(--teal)}
.project-excerpt{font-size:13px;color:var(--muted);line-height:1.8}
@media(max-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.projects-grid{grid-template-columns:1fr}}

/* ═══════════════════════════════════════
   CONTACT PAGE
═══════════════════════════════════════ */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.contact-cards{display:flex;flex-direction:column;gap:16px;margin-top:28px}
.contact-card{display:flex;align-items:flex-start;gap:16px;padding:18px;background:var(--gray-bg);border-radius:14px;border:1.5px solid var(--border);transition:.2s}
.contact-card:hover{border-color:rgba(35,137,141,.3);box-shadow:var(--shadow-sm)}
.contact-card-icon{width:42px;height:42px;min-width:42px;border-radius:10px;background:linear-gradient(135deg,#23898D,#1e7a7e);display:flex;align-items:center;justify-content:center}
.contact-card-label{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.contact-card-val{font-size:14px;font-weight:700;color:var(--fg);text-decoration:none;display:block;transition:.2s}
a.contact-card-val:hover{color:var(--teal)}
.contact-form-card{background:#fff;border-radius:20px;padding:36px;box-shadow:var(--shadow-md);border:1.5px solid var(--border)}
.mk-contact-form .cf-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mk-contact-form .cf-field{margin-bottom:18px}
.mk-contact-form label{display:block;font-size:13px;font-weight:700;color:var(--fg);margin-bottom:7px}
.mk-contact-form input,.mk-contact-form select,.mk-contact-form textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font-family:'Cairo',sans-serif;font-size:14px;color:var(--fg);transition:.2s;background:#fff}
.mk-contact-form input:focus,.mk-contact-form select:focus,.mk-contact-form textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(35,137,141,.1)}
.mk-contact-form textarea{resize:vertical;min-height:120px}
.form-success{background:#e8f6f6;border:1.5px solid var(--teal);border-radius:10px;padding:14px 18px;font-size:14px;font-weight:600;color:var(--teal-dark);margin-bottom:20px}
.form-error{background:#fff0ee;border:1.5px solid #e04a36;border-radius:10px;padding:14px 18px;font-size:14px;font-weight:600;color:#c03a28;margin-bottom:20px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:480px){.mk-contact-form .cf-row-2{grid-template-columns:1fr}}

/* ═══════════════════════════════════════
   STATS BAR RESPONSIVE
═══════════════════════════════════════ */
@media(max-width:640px){
  .stats-bar-grid{grid-template-columns:repeat(2,1fr)}
  .stats-bar-item{border-left:none;border-bottom:1px solid rgba(255,255,255,.15)}
}