/* extracted from /d/Projeler/Tasitlarim2024/Tasitlarim2024/Views/Main/About.cshtml */

    .about-wrap { background:#f7f8fa; padding:2rem 0 3rem; }
    .about-hero { background:#fff; border:1px solid #e9ecef; border-radius:.75rem; padding:1.75rem; display:flex; gap:1.25rem; align-items:center; margin-bottom:1.25rem; }
    .about-hero .hero-icon { width:64px; height:64px; border-radius:50%; background:#eaf1ff; color:#0d6efd; display:inline-flex; align-items:center; justify-content:center; font-size:1.6rem; flex-shrink:0; }
    .about-hero h1 { font-size:1.5rem; font-weight:700; margin:0 0 .25rem; color:#212529; }
    .about-hero .lead { font-size:.95rem; color:#6c757d; margin:0; }
    .about-card { background:#fff; border:1px solid #e9ecef; border-radius:.75rem; padding:1.25rem 1.35rem; height:100%; transition:transform .15s, box-shadow .15s; }
    .about-card:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.04); }
    .about-card .feat-icon { width:40px; height:40px; border-radius:.5rem; background:#eaf1ff; color:#0d6efd; display:inline-flex; align-items:center; justify-content:center; font-size:1.05rem; margin-bottom:.65rem; }
    .about-card h5 { font-size:1rem; font-weight:700; margin:0 0 .35rem; color:#212529; }
    .about-card p { font-size:.85rem; color:#6c757d; margin:0; line-height:1.5; }
    .about-cta { background:linear-gradient(135deg,#0d6efd 0%,#3a86ff 100%); color:#fff; border-radius:.75rem; padding:1.5rem; text-align:center; margin-top:1.25rem; }
    .about-cta h3 { font-size:1.15rem; font-weight:700; margin:0 0 .25rem; }
    .about-cta p { margin:0; opacity:.9; font-size:.9rem; }