.d-carousel-item-current-not {
}

.d-carousel-item-current {
}

.d-carousel-item-open {
    transition: opacity 2s ease, visibility 2s ease, height 2s ease, max-height 2s ease, min-height 2s ease;
}

.d-carousel-item-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0px !important;
    max-height: 0px !important;
    min-height: 0px !important;
}

/*@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(100%);
        visibility: hidden;
   
    }

    to {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
 
    }
}

@keyframes slideOutUp {
    from {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        visibility: hidden;
    }
}*/

/*.d-carousel-item-open {
    animation: slideInUp 0.5s ease-out forwards;
}

.d-carousel-item-hidden {
    animation: slideOutUp 0.5s ease-in forwards;
}*/



/*.d-carousel-item {*/
/*    transition: opacity 1s ease-in-out, visibility 1s ease-in-out,display 1s ease-in-out;
*/ /*transition:display 1s ease-in-out;*/
/*    opacity: 1;
    visibility: visible;*/
/*    opacity: 1;
    visibility: visible;*/
/*    transform: scaleX(1);
 transform-origin: top;*/
/*    transition: transform 0.5s ease-in-out;
*/
/*transition: opacity 0.5s ease, max-height 0.5s ease-in-out, height 0.5s ease-in-out, min-height 0.5s ease-in-out, visibility 0.5s ease;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    transform: translateX(0);
}

    .d-carousel-item.d-carousel-hidden {
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0px !important;
        max-height: 0px !important;
        min-height: 0px !important;*/
/*        transform: translateX(100%);
*/ /*        transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
*/
/*        transform: scaleX(0);
*/ /*transition: opacity 1s ease-in-out, visibility 1s ease-in-out;*/
/*  display:none; */
/*        transform-origin: top;
        transition: transform 0.5s ease-in-out;
        display: none;*/
/*}*/

/*@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateX(0%);
        visibility: visible;
    }

    to {
        opacity: 0;
        transform: translateX(90%);
        visibility: hidden;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(90%);
        visibility: hidden;
    }

    to {
        opacity: 1;
        transform: translateX(0%);
        visibility: visible;
    }
}

.d-carousel-item {
    animation: fadeIn 0.8s ease-out backwards;
}

.d-carousel-item.d-carousel-hidden {
    animation: fadeOut 0.8s ease-in backwards;
}*/