/* Styles extracted from about.html */

.about-9 {
    color: var(--primary-color);
}

.about-6 {
    font-size: 20px; margin-top: 15px; opacity: 0.95;
}

.about-22 {
    width: 100%; border-radius: var(--radius-md); margin-bottom: 15px;
}

.about-3 {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,51,102,0.6);
}

.about-28 {
    font-size: 19px; line-height: 1.8; margin-bottom: 30px; opacity: 0.95;
}

.about-26 {
    max-width: 900px; margin: 0 auto; text-align: center;
}

.about-10 {
    color: var(--text-muted);
}

.about-8 {
    font-size: 14px; color: var(--text-light);
}

.about-1 {
    height: 50px; width: auto;
}

.about-16 {
    display: flex; gap: 15px; flex-wrap: wrap;
}

.about-21 {
    background: white; padding: 12px; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm);
}

.about-24 {
    font-size: 16px; line-height: 1.7; color: var(--text-light);
}

.about-13 {
    font-size: 38px; font-weight: 800; margin-bottom: 25px; color: var(--text-dark);
}

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

.about-11 {
    padding: 60px 0;
}

.about-12 {
    display: grid; grid-template-columns: 1fr; gap: 30px; align-items: center; max-width: 900px; margin: 0 auto;
}

.about-25 {
    padding: 80px 0; background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%); color: white;
}

.about-4 {
    position: relative; z-index: 1;
}

.about-14 {
    font-size: 17px; line-height: 1.8; color: var(--text-light); margin-bottom: 20px;
}

.about-2 {
    background: url('../../images/ban-3.jpg') center center / cover no-repeat; padding: 80px 0; color: white; position: relative;
}

.about-5 {
    font-size: 48px; font-weight: 800;
}

.about-19 {
    text-align: center; font-size: 42px; font-weight: 800; margin-bottom: 50px;
}

.about-7 {
    padding: 20px 0;
}

.about-23 {
    font-size: 24px; font-weight: 700; margin-bottom: 15px; color: var(--text-dark);
}

.about-18 {
    padding: 70px 0; background: var(--bg-light);
}

.about-17 {
    width: 100%; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); margin: 20px 0;
}

.about-27 {
    font-size: 44px; font-weight: 800; margin-bottom: 25px;
}

.about-15 {
    font-size: 17px; line-height: 1.8; color: var(--text-light); margin-bottom: 25px;
}