/* 1920px HD Banner Section */
        .about-hero-banner {
            width: 100%;
            height: 450px;
            background-color: #0b2053;
            background-image: url('https://website.gmaerp.com/Images/Slide1.jpg');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            position: relative;
        }

        /* Page Breadcrumb/Title Over Banner */
        .banner-overlay-content {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(to top, rgba(11, 32, 83, 1) 0%, rgba(11, 32, 83, 0) 100%);
            padding: 50px 0 20px 0;
        }

            .banner-overlay-content h1 {
                color: #ffffff;
                font-weight: 700;
                font-size: 2.5rem;
                margin-bottom: 5px;
            }

        .breadcrumb-custom a {
            color: #ffc107;
            text-decoration: none;
            font-weight: 500;
        }

        .breadcrumb-custom span {
            color: #ffffff;
        }

        /* --- Premium Background for About Section --- */
        .about-section-wrapper {
            padding: 100px 0;
            position: relative;
            background-color: #fcfdfe;
            /* Modern Dot Pattern Background */
            background-image: radial-gradient(#d1e3f8 2px, transparent 2px);
            background-size: 35px 35px;
            overflow: hidden;
            z-index: 1;
        }

            /* Top Left Soft Blue Glow */
            .about-section-wrapper::before {
                content: '';
                position: absolute;
                top: -20%;
                left: -10%;
                width: 700px;
                height: 700px;
                background: radial-gradient(circle, rgba(0, 134, 255, 0.08) 0%, rgba(255,255,255,0) 70%);
                border-radius: 50%;
                z-index: -1;
            }

            /* Bottom Right Soft Red Glow */
            .about-section-wrapper::after {
                content: '';
                position: absolute;
                bottom: -20%;
                right: -10%;
                width: 600px;
                height: 600px;
                background: radial-gradient(circle, rgba(236, 27, 36, 0.06) 0%, rgba(255,255,255,0) 70%);
                border-radius: 50%;
                z-index: -1;
            }

        /* Ensures content stays above the background effects */
        .relative-z {
            position: relative;
            z-index: 2;
        }

        /* Premium Text Box with Watermark */
        .about-text-box {
            background: linear-gradient(145deg, #ffffff 0%, #f4f8ff 100%);
            padding: 45px 40px;
            border-radius: 20px;
            box-shadow: 0 15px 40px rgba(11, 32, 83, 0.05);
            border: 1px solid rgba(0, 134, 255, 0.08);
            position: relative;
            overflow: hidden;
        }

            /* GMA Watermark Effect */
            .about-text-box::before {
                content: 'GMA';
                position: absolute;
                top: -10px;
                right: 10px;
                font-size: 150px;
                font-weight: 900;
                color: rgba(11, 32, 83, 0.03);
                z-index: 0;
                line-height: 1;
                letter-spacing: -5px;
            }

            /* Ensures text stays above watermark */
            .about-text-box > * {
                position: relative;
                z-index: 1;
            }

        .about-heading-badge {
            display: inline-block;
            background: #ffffff;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            color: #0b2053;
            padding: 8px 20px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 14px;
            margin-bottom: 20px;
        }

        .about-main-title {
            color: #0b2053;
            font-weight: 700;
            font-size: 2.2rem;
            line-height: 1.3;
            margin-bottom: 25px;
        }

        .about-text-content {
            color: #555555;
            line-height: 1.8;
            font-size: 16px;
        }

        /* Image Composition (Fixed Aspect Ratios) */
        .about-image-grid {
            position: relative;
            padding-right: 20px;
            padding-bottom: 20px;
        }

        .about-img-main {
            border-radius: 12px;
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
            width: 100%;
            height: auto;
            max-height: 450px;
            object-fit: cover;
        }

        .about-img-secondary {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 55%;
            height: auto;
            border: 8px solid #ffffff;
            border-radius: 12px;
            box-shadow: 0 15px 30px rgba(0,0,0,0.15);
            object-fit: cover;
        }

        /* Vision, Mission, Values Cards */
        .vms-section {
            background-color: #f8f9fa;
            padding: 70px 0;
        }

        .vms-card {
            background: #ffffff;
            padding: 40px 30px;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.04);
            height: 100%;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            border-bottom: 4px solid transparent;
        }

            .vms-card:hover {
                transform: translateY(-10px);
                box-shadow: 0 15px 30px rgba(0,0,0,0.1);
            }

            .vms-card.vision:hover {
                border-bottom-color: #0086ff;
            }

            .vms-card.mission:hover {
                border-bottom-color: #ec1b24;
            }

            .vms-card.values:hover {
                border-bottom-color: #ffb700;
            }

        .vms-icon {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            margin-bottom: 25px;
        }

        .vision .vms-icon {
            background: #eef4ff;
            color: #0086ff;
        }

        .mission .vms-icon {
            background: #ffeef0;
            color: #ec1b24;
        }

        .values .vms-icon {
            background: #fff8e6;
            color: #ffb700;
        }

        .vms-card h3 {
            font-size: 1.4rem;
            font-weight: 700;
            color: #0b2053;
            margin-bottom: 15px;
        }

        .vms-card p {
            color: #666;
            line-height: 1.7;
            margin: 0;
        }

        /* Bullet Points */
        .custom-bullet-list {
            list-style: none;
            padding: 0;
            margin: 25px 0;
        }

            .custom-bullet-list li {
                position: relative;
                padding-left: 35px;
                margin-bottom: 15px;
                color: #444;
                font-weight: 500;
            }

                .custom-bullet-list li i {
                    position: absolute;
                    left: 0;
                    top: 3px;
                    color: #ec1b24;
                    font-size: 20px;
                }