.group > .margin > .padding > .article.widget-simple-faq > .margin > .padding .question {
    background-color: #dbdedc;
    cursor: pointer;
    float: left;
    font-weight: 500;
    padding: 10px 40px 10px 20px;
    width: 100%;
    position: relative;
    user-select: none;
}

.group > .margin > .padding > .article.widget-simple-faq > .margin > .padding .question::after {
    font-family: 'Font Awesome 6 Pro';
    content: '\f078';
    font-weight: 300;
    position: absolute;
    color: #000;
    right: 15px;
    top: 10px;
    transition: transform 0.2s linear;
}

.group > .margin > .padding > .article.widget-simple-faq > .margin > .padding .question.active::after {
    transform: rotate(180deg);
}

.group > .margin > .padding > .article.widget-simple-faq > .margin > .padding .answer {
    float: left;
    margin: 0;
    padding: 20px;
    width: 100%;
}

.row > div > .group > .margin > .padding > .article.widget-simple-faq > .margin > .padding {
    padding: 5px 20px;
}

/* A */
@media (max-width: 1024px) {
}

/* B */
@media (max-width: 991px) {
}

/* C */
@media (max-width: 767px) {
    .group > .margin > .padding > .article.widget-simple-faq {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
}

/* D */
@media (max-width: 479px) {
    .group > .margin > .padding > .article.widget-simple-faq {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
}