﻿
.article5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .article5 .questionsSection {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .article5 .question-box {
        width: 50%;
        height: 100%;
        overflow: hidden;
        /*border-radius: 8px;*/
        margin-bottom: 1rem;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
        border: 1px solid transparent;
    }

    .article5 .question, .article5 .answer {
        margin: 0;
        width: 100%;
        display: flex;
        padding: 15px;
        direction: rtl;
        align-items: center;
        justify-content: start;
    }

    .article5 .question-divider {
        margin: 0;
        color: #fff;
        display: none;
    }

    .article5 .question {
        cursor: pointer;
    }

    .article5 .bi-chevron-down {
        margin: 0px 13px 0px 13px;
        transition: all ease-in .5s;
    }

    .article5 .chevron-spin {
        transform: rotateZ(180deg);
        transition: all linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%) 2.5s;
    }

    .article5 .answer {
        display: none;
    }
    /*.article5 .answer:nth-of-type(1){
    display : block ;
}*/

    .article5 .question-heading {
        margin: 0;
        font-size: 16px;
        font-weight: bold;
        line-height: 25px;
        color: var(--form_fcolor);
    }

    .article5 .answer-paragraph {
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: 25px;
        color: var(--form_fcolor);
        white-space: pre-wrap;
        direction: rtl
    }

@media (max-width : 1200px) {
    .article5 .question-box {
        width: 70% !important;
    }
}

@media (max-width : 576px) {
    .article5 {
        height: auto !important;
        overflow-x: hidden;
    }

        .article5 .question-box {
            width: 85% !important;
            min-width: 340px !important;
        }
}
