// faq area start
.accordion-faq-2{
    margin-top: 50px;
    .accordion-item{
        background: #FFFFFF;
        border: 1px solid #E8E8E8;
        box-shadow: none;
        margin-bottom: 20px;
        border-radius: 5px;
        &:last-child{
            margin-bottom: 0;
        }
        .accordion-header{
            border: none;
            box-shadow: none;
            button{
                box-shadow: none;
                border: none;
                background: transparent;
                font-weight: 500;
                font-size: 18px;
                line-height: 23px;
                color: #141414;
                padding: 25px 30px;
                transform: none !important;
                @media #{$small-mobile} {
                    padding: 15px;
                }
                &::after{
                    transform: none;
                    background-image: none;
                    content: "\2b";
                    top: 0;
                    pointer-events: all;
                    position: absolute;
                    right: 25px;
                    top: 33%;
                    font-family: 'fontawesome';
                }
                &[aria-expanded="true"]{
                    &::after{
                        content: "\f068";
                    }
                }
            }
        }
        .accordion-body{
            padding: 0 30px 25px 30px;
        }
    }
}


// use 
.four-accordion-area-faq{
    .accordion-item{
        box-shadow: none;
        position: relative;
        @media #{$large-mobile} {
            padding: 20px 0;
        }
        &::after{
            position: absolute;
            left: 150px;
            height: 100%;
            border:1px solid #D9D9D9;
            content: '';
            top: 0;
            @media #{$large-mobile} {
                display: none;
            }
        }
        .accordion-header{
            border: none;
            background: transparent;
            padding-left: 180px;
            @media #{$large-mobile} {
                padding-left: 0;
            }
            button{
                background-color: transparent;
                border: none;
                position: relative;
                color: #141414;
                font-size: 26px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                text-transform: uppercase;
                @media #{$large-mobile} {
                    font-size: 22px;
                }
                &::after{
                    display: none;
                }
                &:focus{
                    box-shadow: none;
                }
                .accordion-icon-area{
                    position: absolute;
                    left: -8%;
                    top: 50%;
                    @media #{$sm-layout} {
                        left: -11%;
                    }
                    @media #{$large-mobile} {
                        left: -15%;
                    }
                    span{
                        font-size: 22px !important;
                        color: #141414;
                        width: 87px;
                        height: 87px;
                        border-radius: 50%;
                        border: 1px solid #141414;
                        align-items: center;
                        justify-content: center;
                        &.accordion-icon{
                            display: flex;
                        }
                    }
                }
            }
            button[aria-expanded=true] .accordion-icon-active{
                display: flex !important;
            }
            button[aria-expanded=true] .accordion-icon{
                display: none !important;
            }
        }
        .accordion-collapse{
            padding-left: 180px;
            @media #{$large-mobile} {
                padding-left: 0;
            }
        }
    }
}