/*FAQ'S*/

#faqs .card{
    width: 100%; 
}

.icon-action {
    margin-top: 10px;
    font-size: 100%;
    color: rgba(0,0,0,.7);
    transform: rotate(0deg);
    transition: transform 300ms ease-in;
}

.open .icon-action{
    transform: rotate(180deg);
}

.title-faq {
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: rgba(0,0,0,.7);
}

.card-body{
    font-size: 16px;
}

#faqs .card a{
    color: #666;
    font-weight: bold;
}

#faqs .card a:hover{
    color: #c1d129;
}


@media screen and (max-width: 425px){
    .title-faq {
        font-size: 13px;
        padding: 0;
    }
    .card-header{
        padding: 5px 10px 0 5px;
    }
    .card-group-item .col-1, .card-group-item .col-11{
        padding: 5px !important;
    }
}