/*================================================= CAROUSEL CSS =====================================*/

.carousel{
    margin-top:10px;
    margin-bottom:10px;
}

/* DARK OVERLAY FOR PREMIUM LOOK */
.carousel-item::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.35);
    z-index:1;
}

.carousel-caption{
    z-index:2;
    bottom:20%;
}

/* TEXT ANIMATION ON SLIDE CHANGE */
.carousel-item h5,
.carousel-item p{
    opacity:0;
    transform:translateY(20px);
}

.carousel-item.active h5{
    animation:fadeUp 0.8s ease forwards;
}

.carousel-item.active p{
    animation:fadeUp 1s ease forwards;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(25px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}