.card.white-card {
    width:60%;
    margin:0 auto;
}

.carousel-explore .carousel-caption {
    position: relative;
    left: auto;
    right: auto;
    width:95%;
    background:#fff;
    color:#000;
    padding-top:30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    text-align:left;
    bottom:0px;
    margin-top:-100px;
    border-top: 5px solid #3F366F;
    border-right: 5px solid #3F366F;
    border-left: 5px solid #3F366F;
}

@media screen and (min-width: 768px) {
    .carousel-explore .carousel-caption {
        position: relative;
        left: auto;
        right: auto;
        width:95%;
        background:#fff;
        color:#000;
        padding-top:10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
        text-align:left;
        bottom:0px;
        margin-top:-50px;
        border-top: 5px solid #3F366F;
        border-right: 5px solid #3F366F;
    }
}

.carousel-explore .carousel-control-next,
.carousel-explore .carousel-control-prev {
    width:10%;
    top: -150px;
}

@media screen and (max-width: 768px) {
    .carousel-explore .carousel-control-next,
    .carousel-explore .carousel-control-prev {
        top: -450px;
    }
}

.carousel-control-next-icon, 
.carousel-control-prev-icon  {
    width: 50px;
    height: 50px;
}

.color-bg .carousel-explore .carousel-caption p {
    color:#000 !important;
}

.color-bg .carousel-explore .carousel-caption h3 {
    color:#3f366f !important;
    margin-top:20px;
    font-weight:bold;
}