/* Fix for any spacing gaps on mobile devices */
@media (max-width: 768px) {
    /* Ensure sections flow properly without gaps */
    section {
        padding: 60px 5%;
        margin: 0;
    }
    
    /* Adjust spacing between sections on mobile */
    #learning-grid,
    #field-courses,
    #about {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    /* Make sure footer connects properly with the last section */
    footer {
        margin-top: 0;
    }
    
    /* Fix spacing around WhatsApp and AI assistant buttons */
    .whatsapp-button {
        bottom: 20px;
        right: 20px;
        z-index: 1000;
    }
    
    /* Ensure sections are properly aligned and don't create unwanted space */
    .section-header {
        margin-bottom: 30px;
    }
}

/* Extra small devices */
@media (max-width: 480px) {
    section {
        padding: 50px 5%;
    }
    
    /* Adjust spacing between cards/items for a cleaner look */
    .grid-container,
    .courses-container,
    .expert-grid {
        gap: 20px;
    }
}