.about-page {
        min-height: 100vh;
        background: #f5f7fa;
    }

    .containerr {
        
        margin: 0 auto;
        padding: 0 20px;
    }

    /* Hero Section */
    .about-hero {
        background: url(/static/images/document-1.jpg) center no-repeat #1abc9c;
        padding: 120px 0 60px;
        text-align: center;
        color: #fff;
    }

    .about-hero h1 {
        font-size: 22px;
        font-weight: 700;
        margin: 0 0 16px;
    }

    .about-hero p {
        font-size: 17px;
        opacity: 0.9;
        max-width: 700px;
        margin: 0 auto;
        line-height: 1.6;
    }


    /* Responsive */
    @media (max-width: 768px) {
        .about-hero h1 {
            font-size: 32px;
        }

        .about-hero p {
            font-size: 16px;
        }

        .about-section {
            padding: 24px;
        }

        .features-grid {
            grid-template-columns: 1fr;
        }

        .service-item {
            flex-direction: column;
            text-align: center;
        }

        .service-icon {
            margin: 0 0 12px;
        }
    }