/*
 * Service Text Alignment
 * One Sphere Solutions
 * Ensures all text in service pages is properly left-aligned on smaller screens
 */

/* Ensure all text is left-aligned on smaller screens */
@media (max-width: 768px) {
    /* Header section text alignment */
    .legal-header-left {
        text-align: left !important;
    }
    
    .legal-header-left p {
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Service cards text alignment */
    .services-card p {
        text-align: left !important;
    }
    
    /* Fix any centered containers */
    .legal-header-section {
        align-items: flex-start !important;
    }
    
    /* Ensure all paragraphs in service pages are left-aligned */
    .services-cards-section p,
    .legal-content p,
    .marketing-content p,
    .it-content p,
    .accounting-content p,
    .hr-content p,
    .health-safety-content p {
        text-align: left !important;
    }
}

/* Extra small screens */
@media (max-width: 576px) {
    /* Reinforce left alignment on very small screens */
    .legal-header-left,
    .legal-header-left p,
    .services-card p,
    .services-cards-section p,
    .legal-content p,
    .marketing-content p,
    .it-content p,
    .accounting-content p,
    .hr-content p,
    .health-safety-content p {
        text-align: left !important;
    }
    
    /* Override any center alignment that might be applied elsewhere */
    [class*="-content"] p {
        text-align: left !important;
    }
}