.about-section {
    background: var(--first-layer-color);
    padding: var(--space-md);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-md);
}

.about-section h2 {
    margin-top: var(--space-md);
    color: var(--primary-color);
}

.about-section ul {
    list-style-type: disc;
    padding-left: var(--space-md);
}

@media (max-width: 768px) {
    .about-section {
        padding: var(--space-sm);
    }

    .about-section h2 {
        font-size: var(--font-size-lg);
    }

    .about-section ul {
        padding-left: var(--space-sm);
    }
}

@media (max-width: 576px) {
    .about-section p {
        font-size: var(--font-size-sm);
    }
}