/* Page Banner */
        .page-banner { padding: 80px 5%; background: linear-gradient(135deg, var(--primary-blue) 0%, #111E38 100%); color: var(--pure-white); text-align: center; }
        .page-banner h1 { font-size: 3rem; font-weight: 800; margin-bottom: 15px; }
        .page-banner p { color: #94A3B8; font-size: 1.15rem; max-width: 600px; margin: 0 auto; }

        /* About Main Section */
        .about-main { padding: 100px 5%; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; background: var(--pure-white); }
        .about-main img { width: 100%; height: 450px; object-fit: cover; border-radius: 20px; box-shadow: 0 20px 40px rgba(10, 37, 64, 0.1); }
        .about-main h2 { font-size: 2.3rem; color: var(--primary-blue); margin-bottom: 20px; font-weight: 800; }
        .about-main p { color: var(--text-light); line-height: 1.7; margin-bottom: 20px; font-size: 1.05rem; }

        /* Values Section */
        .values-section { padding: 100px 5%; background: linear-gradient(180deg, var(--light-bg) 0%, #E2E8F0 100%); }
        .section-header { text-align: center; max-width: 700px; margin: 0 auto 60px auto; }
        .section-header span { color: var(--secondary-blue); font-weight: 700; text-transform: uppercase; font-size: 0.85rem; display: block; margin-bottom: 10px; }
        .section-header h2 { font-size: 2.5rem; color: var(--primary-blue); font-weight: 800; }
        .values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
        .value-card { background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); color: var(--pure-white); padding: 40px; border-radius: 20px; box-shadow: 0 15px 35px rgba(10, 37, 64, 0.15); }
        .value-card i { font-size: 1.5rem; color: var(--bright-cyan); margin-bottom: 20px; background: rgba(255,255,255,0.1); padding: 15px; border-radius: 12px; }
        .value-card h3 { font-size: 1.3rem; margin-bottom: 10px; }
        .value-card p { color: #CBD5E1; font-size: 0.95rem; line-height: 1.6; }


        /* Media Queries for Comprehensive Responsiveness */
        @media (max-width: 992px) {
            .about-main { grid-template-columns: 1fr; gap: 40px; }
            .about-main img { height: 350px; }
            .page-banner h1 { font-size: 2.5rem; }
            .section-header h2 { font-size: 2.1rem; }
        }

       
        @media (max-width: 480px) {
            .page-banner h1 { font-size: 1.75rem; }
            .page-banner p { font-size: 1rem; }
            .about-main img { height: 250px; }
            .about-main h2 { font-size: 1.8rem; }
            .section-header h2 { font-size: 1.75rem; }
            .value-card { padding: 25px; }
        }