.section {
    margin-bottom: 40px; /* زيادة المسافة بين الأقسام */
    padding-bottom: 20px; /* إضافة مساحة داخلية لجعل التصميم أكثر اتساقًا */
}

@media (max-width: 768px) {
    .section {
        margin-bottom: 30px; /* تقليل المسافة قليلاً على الجوال */
        padding-bottom: 15px;
    }
}