#mod-faqs {
    padding: 32px 0 16px;
}

#mod-faqs .introduction {
    margin-bottom: 16px;
}

#mod-faqs .introduction .title {
    font-size: 32px;
    line-height: 36px;
    color: #2C2C2C;
    margin-bottom: 8px;
}

#mod-faqs .introduction .desc {
    font-size: 16px;
    line-height: 28px;    
    color: #707070;
}

#mod-faqs .card {
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    border: none;
}

#mod-faqs .card .card-header {
    border-bottom: none;
    background-color: #FFFFFF;
}

#mod-faqs .card .card-header:first-child {
    border-radius: 8px 8px 0 0;
}

#mod-faqs .card .card-header .btn {
    font-size: 16px;
    line-height: 28px;
    color: #2C2C2C;
    text-decoration: none;
}

#mod-faqs .card .card-header .btn .chevron-down {
    animation: moveArrowFAQSUp 200ms linear forwards;
}

#mod-faqs .card .card-header .btn.collapsed .chevron-down {
    animation: moveArrowFAQSDown 200ms linear forwards;
}

#mod-faqs .card .card-header .btn .card-header-text {
    white-space: break-spaces;
}

#mod-faqs .card .card-body {
    font-size: 16px;
    line-height: 28px;
    color: #2C2C2C;
    background-color: #F9F9F9;
    color: #707070;
    border-radius: 0 0 8px 8px;
    padding: 16px 16px 24px;
}

@keyframes moveArrowFAQSUp {
    0% { transform: rotate(0); }
    100% { transform: rotate(-180deg); }
}

@keyframes moveArrowFAQSDown {
    0% { transform: rotate(-180deg); }
    100% { transform: rotate(0); }
}
  

/* #region FontAwesome override */
#mod-faqs .fa-thin {
    font-family: 'FontAwesome';
}
/* #endregion FontAwesome override */

@media (min-width: 992px) {
    #mod-faqs {
        padding: 32px 0 64px;
    }

    #mod-faqs .introduction {
        margin-bottom: 32px;
    }

    #mod-faqs .introduction .title {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 16px;
    }

    #mod-faqs .card .card-body {
        padding: 40px;
    }
}