/*
FAQ Area CSS
======================================================*/

.faq-area {
    margin-top: 20px;
    margin-bottom: 20px;
}

.faq-accordion {
    margin: auto;
    position: relative;
    z-index: 1;
}

    .faq-accordion.mb-24 {
        margin-bottom: 24px;
    }

    .faq-accordion .accordion {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .faq-accordion .accordion .accordion-item {
            border-radius: 5px;
            display: block;
            margin-bottom: 15px;
        }

            .faq-accordion .accordion .accordion-item:last-child {
                margin-bottom: 0;
            }

        .faq-accordion .accordion .accordion-title {
            padding: 20px 60px 17px 30px;
            color: #242945;
            text-decoration: none;
            position: relative;
            display: block;
            font-size: 16px;
            font-weight: 600;
            background-color: #ffffff;
            -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
            border-radius: 15px;
            z-index: 1;
        }

            .faq-accordion .accordion .accordion-title i {
                position: absolute;
                left: 30px;
                top: 25px;
                font-size: 17px;
                -webkit-transition: all ease 0.5s;
                transition: all ease 0.5s;
            }

            .faq-accordion .accordion .accordion-title.active {
                border-radius: 15px 15px 0 0;
            }

                .faq-accordion .accordion .accordion-title.active i {
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

                    .faq-accordion .accordion .accordion-title.active i::before {
                        content: "\f068";
                    }

        .faq-accordion .accordion .accordion-content {
            display: none;
            position: relative;
            margin-top: -6px;
            padding: 30px;
            background-color: #ffffff;
            -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
            border-radius: 0 0 15px 15px;
        }

            .faq-accordion .accordion .accordion-content.show {
                display: block;
            }