:root{
    --arrow-circle: url('/wp-content/plugins/vh-core/img/arrow-circle-right.png');
}

.customer-slide-logo{
    .swiper-wrapper{
        .swiper-slide{
            text-align: center;
        }
    }
    .cutomer-slide-button-next,.cutomer-slide-button-prev{
        width: 35px;
        height: 35px;
        background-image: var(--arrow-circle);
        background-repeat: no-repeat;
        background-size: cover;
        svg{
            display: none;
        }
    }
    .cutomer-slide-button-prev{
        transform: rotate(-180deg);
    }
}
.faqs-list{
    border: 1px solid #B1B1B1;
    border-left: none;
    border-right: none;
    .list{
        border-top: 1px solid #B1B1B1;
        .title{
            display: flex;
            justify-content: space-between;
            padding: 30px;
            h2{
                margin-bottom: 0;
            }
            .faqs-button{
                display: flex;
                justify-content: center;
                align-items: center;
                width: 35px;
                height: 35px;
                border: 1px solid #2A2A2A;
                border-radius: 50%;
                padding: 5px;
                cursor: pointer;
                background-color: transparent;
                transition: all .3s ease;
            }
            .faqs-button:hover{
                background-color: #FBBF14;
                border: 1px solid #FBBF14;
                transition: all .3s ease;
            }
        }
        .detail{
            padding: 0 30px;
            display: none;
            p{
                margin-bottom: 0;
            }
        }
    }
    .list.active{
        .title{
            .faqs-button{
                transform: rotate(-180deg);
                background-color: #FBBF14;
                border: 1px solid #FBBF14;
                transition: all .3s ease;
            }
        }
        .detail{
            padding: 0 30px 30px;
        }
    }
    .list:first-of-type{
        border-top: none;
    }
}