/* Features Section Mobile Styles (max-width: 768px) */
.features-section {
    padding: 50px 0;
}

.features-section h2 {
    font-size: 2rem;
    margin-bottom: 8px;
}

.features-section h3 {
    font-size: 1.2rem;
    margin-bottom: 30px;
}

.features-grid {
    grid-template-columns: repeat(1, 1fr); /* Single column for mobile */
    gap: 20px;
    padding: 0 20px; /* Add some horizontal padding */
}

.feature-item {
    padding: 25px;
}

.feature-icon {
    font-size: 3rem;
    margin-bottom: 15px;
}

.feature-item h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.feature-item p {
    font-size: 0.95rem;
}

/* Features Section Mobile Styles (max-width: 768px) */
.features-section {
    padding: 50px 0;
    /* text-align: center;  Keep this on the section itself */
}

.features-section h2 {
    font-size: 2rem;
    margin-bottom: 8px;
    /* Remove text-align: center; if it's here */
}

.features-section h3 {
    font-size: 1.2rem;
    margin-bottom: 30px;
    /* Remove text-align: center; if it's here */
}

.features-grid {
    /* ... existing styles ... */
}

.feature-item {
    /* ... existing styles ... */
    text-align: center; /* Keep this here for the item content */
}

/* ... rest of the file ... */