/* Mobile responsive fixes for NuBeingX */


/* Mobile-specific styles */
@media screen and (max-width: 768px) {
    .first-feature-section {
        margin-top: 5rem; /* Add more space on smaller screens */
        padding-top: 3rem;
    }
}

/* Extra small devices */
@media screen and (max-width: 576px) {
    .first-feature-section {
        margin-top: 7rem; /* Even more space for very small screens */
        padding-top: 3rem;
    }

    .features-6 .info:first-child {
        padding-top: 30px;
    }
}

/* Ensure header doesn't overlap with content */
@media screen and (max-width: 768px) {
    .header {
        margin-bottom: 2rem;
    }

    /* If you're using a fixed header */
    .fixed-header + .first-feature-section,
    .sticky-header + .first-feature-section {
        margin-top: 8rem; /* Adjust based on your header height */
    }
}