/*
 * Mobile reading alignment
 *
 * The original theme centres whole content containers below 768px. That works
 * for short headings and cards, but makes multi-line page copy difficult to
 * scan. Keep decorative/card UI unchanged and balance reading content between
 * the left and right container edges.
 */
@media (max-width: 767.98px) {
    .rp-home-about .about-content .content,
    .about-area .about-content .content,
    .about-inner-area .about-text,
    .how-its-work-content,
    .case-studies-details-desc,
    .case-studies-details-desc .content,
    .why-us-closing,
    .privacy-policy-content,
    .terms-of-service-content,
    .bd-article-body,
    .bd-content {
        text-align: left !important;
    }

    .rp-home-about .about-content .content > p,
    .about-area .about-content .content > p,
    .about-inner-area .about-text > p,
    .how-its-work-content > p,
    .case-studies-details-desc > p,
    .case-studies-details-desc .content > p,
    .why-us-closing > p,
    .section-title.text-start > p,
    .single-process-box > p,
    .case-study-content > p,
    .privacy-policy-content p,
    .terms-of-service-content p,
    .bd-intro,
    .bd-content p,
    .single-services-box > p,
    .single-services-box p.flex-grow-1 {
        text-align: justify !important;
        text-align-last: left;
        text-justify: inter-word;
        overflow-wrap: break-word;
        word-break: normal;
    }

    /* Lists are reading content too; retain their bullets and natural indent. */
    .case-studies-details-desc > ul,
    .case-studies-details-desc > ol,
    .case-studies-details-desc .content ul,
    .case-studies-details-desc .content ol,
    .privacy-policy-content ul,
    .privacy-policy-content ol,
    .terms-of-service-content ul,
    .terms-of-service-content ol,
    .bd-content ul,
    .bd-content ol {
        text-align: left !important;
    }

    /* The theme removes list indentation in detail pages on small screens. */
    .case-studies-details-desc .content ul li,
    .case-studies-details-desc .content ol li,
    .bd-content li {
        text-align: left !important;
    }

    /* Preserve intentional centred components inside the corrected sections. */
    .about-content .features-list li span,
    .how-its-work-area .inner-box .single-item,
    .single-services-box h3,
    .single-services-box .icon,
    .single-services-box .read-more-btn,
    .funfacts-area .single-funfacts-item,
    .section-title,
    .page-title-content {
        text-align: center !important;
    }
}

@media (max-width: 479.98px) {
    .rp-home-about .about-content .content > p,
    .about-area .about-content .content > p,
    .about-inner-area .about-text > p,
    .how-its-work-content > p,
    .case-studies-details-desc > p,
    .case-studies-details-desc .content > p,
    .why-us-closing > p,
    .section-title.text-start > p,
    .single-process-box > p,
    .case-study-content > p,
    .privacy-policy-content p,
    .terms-of-service-content p,
    .bd-content p,
    .single-services-box > p,
    .single-services-box p.flex-grow-1 {
        line-height: 1.72 !important;
    }
}