/* ================= MOBILE OVERFLOW FIX PAGE 2 ================= */
@media (max-width: 768px) {
  .about-title,
  .team-title,
  .section-title,
  .timeline-title {
    font-size: 32px !important;
    line-height: 1.2;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  .about-text,
  .team-desc,
  .timeline-content p,
  .value-card p {
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .team-card {
    width: 100%;
    max-width: 320px;
  }

  .timeline {
    padding-left: 15px;
  }

  .timeline::before {
    left: 10px;
  }

  .timeline-icon {
    width: 40px;
    height: 40px;
    margin-right: 12px;
    flex-shrink: 0;
  }

  .timeline-content {
    min-width: 0;
    width: 100%;
  }

  .mission-grid,
  .values-grid,
  .team-row {
    width: 100%;
  }

  section,
  .about-hero .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}