/* Text Justification and Responsive Styling for Content Paragraphs */

/* Justify text for better readability */
.common-home-sect4 .common-sect-para .para {
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.8;
    color: #4a5568;
    font-weight: 400;
}

/* Desktop View - Large screens (1200px and above) */
@media screen and (min-width: 1200px) {
    .common-home-sect4 .common-sect-para .para {
        font-size: 18px;
        line-height: 1.8;
        padding-right: 20px;
        max-width: 100%;
    }
}

/* Desktop View - Medium screens (992px to 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .common-home-sect4 .common-sect-para .para {
        font-size: 17px;
        line-height: 1.75;
        padding-right: 15px;
    }
}

/* Tablet View - Landscape (768px to 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .common-home-sect4 .common-sect-para .para {
        font-size: 16px;
        line-height: 1.7;
        padding-right: 10px;
        text-align: justify;
    }
}

/* Tablet View - Portrait (481px to 767px) */
@media screen and (min-width: 481px) and (max-width: 767px) {
    .common-home-sect4 .common-sect-para .para {
        font-size: 15px;
        line-height: 1.65;
        padding-right: 0;
        text-align: justify;
        margin-top: 15px;
    }
}

/* Mobile View - Large (376px to 480px) */
@media screen and (min-width: 376px) and (max-width: 480px) {
    .common-home-sect4 .common-sect-para .para {
        font-size: 14px;
        line-height: 1.6;
        text-align: justify;
        margin-top: 12px;
        padding: 0;
    }
}

/* Mobile View - Small (up to 375px) */
@media screen and (max-width: 375px) {
    .common-home-sect4 .common-sect-para .para {
        font-size: 13px;
        line-height: 1.55;
        text-align: justify;
        margin-top: 10px;
        padding: 0;
    }
}

/* Improve readability with better spacing */
.common-home-sect4 .common-sect-para {
    margin-bottom: 20px;
}

/* Ensure proper spacing between heading and paragraph */
.common-home-sect4 .common-sect-para h3 {
    margin-bottom: 15px;
}

/* Responsive adjustments for button row */
@media screen and (max-width: 767px) {
    .common-home-sect4 .common-sect-para .btn-row {
        margin-bottom: 15px;
    }
}

/* Enhance text rendering for better readability */
.common-home-sect4 .common-sect-para .para {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-spacing: 0.05em;
    letter-spacing: 0.01em;
}

/* Adjust container padding for better text flow on mobile */
@media screen and (max-width: 767px) {
    .common-home-sect4 .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Ensure text doesn't overflow on small screens */
.common-home-sect4 .common-sect-para .para {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}

/* Better spacing for different background sections */
.slide-2-bg .common-sect-para .para,
.slide-3-bg .common-sect-para .para,
.slide-4-bg .common-sect-para .para {
    text-align: justify;
}

/* Adjust for very small mobile devices */
@media screen and (max-width: 320px) {
    .common-home-sect4 .common-sect-para .para {
        font-size: 12px;
        line-height: 1.5;
    }
}