@import "../../var";
.accordian-container{
    padding-top: 20px;
    .accordion-custom-item{
        padding-top: 15px;
        .accordion-title{
            font-size: $fs-12;
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            &:after{
                content: "";
                background: url(../../Assets/images/arrow.svg) no-repeat;
                width: 12px;
                height: 18px;
            }
            &.active{
                &::after{
                    transform: rotate(-90deg);
                }
            }
        }
        .accordion-content{
            font-size: $fs-12;
            padding-top: 20px;
            height: 0;
            transition: height 0.3 ease-in;
            &.show{
                height: auto;
            }
        }   
        &:first-child{
            padding-top: 0;
        } 
    }
}