.article8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.article8 .question-box {
    display: flex;
    direction: rtl;
    margin: 1rem 0;
    overflow: hidden;
    max-width: 1300px;
    flex-direction: column;
    justify-content: center;
    align-items : center ;
}

.article8 .question-tags {
    width: 100%;
    display: flex;
    direction: rtl;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
}

.article8 .question, .article8 .answer {
    margin: 0;
    display: flex;
    padding: 15px;
    direction: rtl;
    align-items: center;
    justify-content: start;
}

.article8 .question {
    width: 40%;
    margin-left: 5%;
}

.article8 .answer {
    width: 55%;
}

.article8 .question-heading {
    margin: 0;
    color: #444;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
}

.article8 .answer-paragraph {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 28px;
    color: var(--form_fcolor);
    white-space : pre-wrap ;
    direction : rtl ;
}

.article8 .question-box hr {
    width: 100%;
    color: #c3c3c3;
    opacity: 1;
}

@media (max-width : 1200px) {
    .article8 .question-box {
        width: 80%;
    }
}

@media (max-width : 800px) {
    .article8 {
        height : auto !important
    }
    .article8 .question-box {
        width: 85%;
        min-width: 340px;
    }

    .article8 .question-tags {
        flex-direction: column;
    }

    .article8 .answer, .article8 .question {
        width: 100%;
    }
}