.crust-accordion .crust-tab-title {

    margin: 0;

    cursor: pointer;

    outline: none;

    display: flex;

    align-items: center;

    justify-content: stretch;

    overflow: hidden;

    position: relative;

    z-index: 3;

    line-height: 1;

    padding: 1rem;

    background-repeat: no-repeat;

    transition: all .5s cubic-bezier(0.2,1,0.3,1);

}



.crust-accordion .crust-tab-title .crust-accordion-title{

    width: 100%;

    margin: 0;

    font-weight: 600;

}



.crust-accordion .crust-tab-title .crust-accordion-icon,

.crust-accordion .crust-tab-title .crust-toggle-icons{

    display: flex;

    align-self: stretch;

    align-items: center;

    position: relative;

    justify-content: center;

}



.crust-accordion .crust-tab-title .crust-toggle-icons i{

    transition: transform .3s ease, opacity .3s ease;

}



.crust-accordion .crust-tab-title .crust-accordion-icon{

    margin-left: 1rem

}



.crust-accordion .crust-tab-title .crust-alt-toggle-icon{

    position: absolute;

    opacity: 0;

    transform: translateY(-10px);

}



.crust-accordion .crust-tab-title.active .crust-toggle-icon {

    opacity: 0;

    transform: translateY(10px)

}



.crust-accordion .crust-tab-title.active .crust-alt-toggle-icon {

    opacity: 1;

    transform: translateY(0)

}



.crust-accordion .crust-tab-content {

    display: none;

    padding: 30px 20px 20px;

}



.crust-accordion.creative .crust-tab-title.active{

    transform: scale(1.05);

    box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.22);

}



.crust-accordion.fancy .crust-accordion-item{

    perspective: 300px;

}



.crust-accordion.fancy .crust-tab-content{

    transform: scale(1.013);

    margin: -3px 0 5px;

}



.crust-accordion.fancy .crust-tab-title.active{

    transform: rotate3d(1, 0, 0, 24deg) scale(.98);

    box-shadow: 0 40px 20px 0 rgba(0, 0, 0, 0.06);

}



.crust-accordion.fancy .crust-tab-title .crust-accordion-icon{

    background-color: rgba(0, 0, 0, 0.09);

}