/**
 * Justified, responsive body copy.
 * Linked from templates/base/header.html (after style.css).
 */

.text-justify {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    text-align: justify;
    text-justify: inter-word;
    -webkit-text-justify: inter-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
}

p.text-justify,
p.description.text-justify,
p.discription.text-justify,
.pricing-body p.description.text-justify {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    text-align: justify;
    text-justify: inter-word;
    -webkit-text-justify: inter-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    font-size: clamp(1rem, 0.5vw + 0.9rem, 1.25rem);
    line-height: 1.75;
}

@media only screen and (max-width: 767px) {
    p.text-justify,
    p.description.text-justify,
    p.discription.text-justify,
    .pricing-body p.description.text-justify {
        line-height: 1.7;
    }
}

@media only screen and (max-width: 575px) {
    p.text-justify,
    p.description.text-justify,
    p.discription.text-justify,
    .pricing-body p.description.text-justify {
        font-size: 1rem;
        line-height: 1.65;
    }
}

.rn-contact-area .description p.text-justify,
.rn-contact-area .inner .content p.description.text-justify {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: justify;
    text-justify: inter-word;
    -webkit-text-justify: inter-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.rn-slider-area p.description.text-justify,
.slide.slider-style-1 p.description.text-justify {
    padding-right: 0;
    padding-left: 0;
}