/* FAQ Style */
.accordion{
    .card-header {
        background: $secondary-color;
        border: none;
        position: relative;

        &:first-child{
            border-radius: 0;
        }

        .card-title{
            color: #000000;
            font-weight: $font-weight-black;
            text-transform: none;
            position: initial;
            padding-right: 25px;
            padding-top: 10px;
            padding-bottom: 10px;

            .accordion-toggle{
                &:after{
                    content: "\f067";
                    font-family: "Font Awesome 5 Pro";
                    font-weight: 900;
                    font-size: 1.25rem;
                    line-height: 1.25rem;
                    border: none;
                    position: absolute;
                    top: 50%;
                    transform: translate(0%, -50%);
                    right: 20px;
                    margin: 0;
                    transition: 0.25s;
                }

                &[aria-expanded="true"]:after{
                    content: "\f068";
                }
            }
        }
    }

    .card-body .frame-type-text p{
        color: #000000;
    }
}