.about-page {
     direction: rtl;
     max-width: 1200px;
     margin: auto;
     padding: 80px 20px;
     font-family: inherit;
 }

 /* HERO */
 .about-hero {
     text-align: center;
     margin-bottom: 60px;
 }

 .about-hero h1 {
     font-size: 2.6rem;
     margin-bottom: 18px;
 }

 .about-hero p {
     max-width: 850px;
     margin: 0 auto;
     line-height: 2;
     color: #555;
     font-size: 1.05rem;
 }

 /* SECTION TITLE */
 .section-title {
     text-align: center;
     font-size: 1.7rem;
     margin-top: 35px;
     margin-bottom: 1rem;
 }

 /* GRID */
 .about-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
     gap: 24px;
     margin-bottom: 50px;
 }

 /* CARD */
 .about-card {
     background: #fff;
     border-radius: 16px;
     padding: 30px 26px;
     box-shadow: 0 12px 30px rgba(0, 0, 0, .06);
     transition: all .25s ease;
 }

 .about-story p {
     max-width: 850px;
     margin: 0 auto;
     line-height: 2;
     color: #555;
     font-size: 1.05rem;
     text-align: center;
 }

 .about-card h3 {
     font-size: 1.2rem;
     margin-bottom: 12px;
 }

 .about-card p {
     font-size: .95rem;
     line-height: 1.9;
     color: #555;
 }

 .about-card.highlight {
     background: linear-gradient(135deg, #f0f9ff, #ffffff);
     border: 1px solid rgba(0, 0, 0, .05);
 }

 .about-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 22px 45px rgba(0, 0, 0, .12);
 }

 /* STATS COUNTER */
 .about-stats {
     margin: 60px 0;
     text-align: center;
 }

 .stats-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
     gap: 20px;
 }

 .stat-card {
     background: #f8faff;
     border-radius: 14px;
     padding: 30px 20px;
     font-size: 1.2rem;
     font-weight: 600;
     transition: 0.3s;
 }

 .stat-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 16px 35px rgba(0, 0, 0, .1);
 }

 .stat-card span {
     font-size: 2rem;
     margin: 0 6px;
     color: #2b6cb0;
 }

 /* MAP */
 .about-map {
     margin-top: 50px;
 }