/* Newsletter Section Fixes */

/* Center the newsletter content and reduce its width */
.newsletter-section .container {
    max-width: 900px; /* Reduce the maximum width */
    margin: 0 auto; /* Center the container */
}

/* Improve spacing in the newsletter content */
.newsletter-section .newsletter-content {
    justify-content: center; /* Center the content horizontally */
    margin-top: 2rem; /* Add some space between the header and content */
}

/* Adjust the columns for better proportions */
@media (min-width: 769px) {
    .newsletter-section .newsletter-benefits,
    .newsletter-section .newsletter-form-container {
        max-width: 450px; /* Limit the width of each column */
        margin: 0 auto; /* Center each column */
    }
    
    .newsletter-section .newsletter-benefits {
        padding-right: 3rem; /* Increase spacing between columns */
    }
}

/* Improve form styling */
.newsletter-section .newsletter-form {
    max-width: 400px; /* Limit form width */
    margin: 0 auto; /* Center the form */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .newsletter-section .container {
        max-width: 90%; /* Use percentage width on mobile */
    }
    
    .newsletter-section .newsletter-benefits {
        margin-bottom: 2rem; /* Add space between benefits and form on mobile */
    }
    
    .newsletter-section .benefits-list {
        margin: 0 auto; /* Center the benefits list on mobile */
    }
}