/*product slider*/
.sppb-carousel-extended-item img {
    object-fit: contain;
}

.sppb-carousel-extended-item img {
    object-fit: contain;
}


.card-slide-img-container:hover:before{
    display:block!important;
  transition:.5s ease;
}

.card-slide-img-container{
    position: relative
    transition:.5s ease;
}

.card-slide-img-container:before {
    position: absolute;
    content: url(/images/0-vigor/others/water.png)!important;
    bottom: 120px;
    right:0px;
    left: -5px;
    margin:auto;
    background-repeat:no-repeat;
    z-index: 25 !important;
    margin: auto;
    display:none;
    }


@media only screen and (max-width: 600px) {
.card-slide-img-container:before{
    position: absolute;
    content: url(/images/0-vigor/others/water.png);
    bottom: 100px;
    left: 3px!important;
    background-repeat:no-repeat;
    z-index:5!important;
    transition: .5s ease!important;
    display:none;
}}

.card-slide-title {
    color: #664c96;
    font-weight: 700!important;
    margin-top: 30px;
    text-align: center!important;
    font-size: 20px!important;
    line-height: 30px!important;
    letter-spacing: 0px;
}

.card-slide-container {
    text-align: center;
}





/*cardslider button*/

.owl-prev span, .owl-next span{color:#b2a5ca!important;}

button.owl-prev {left: -50px;font-size:60px!important;transition: 0.5s ease;}
button.owl-next {right: -50px; font-size:60px!important;transition: 0.5s ease;}

@media only screen and (max-width: 600px) {
button.owl-prev {left: 0px;font-size:60px!important;transition: 0.5s ease;z-index: 3!important;}
button.owl-next {right: 0px; font-size:60px!important;transition: 0.5s ease;z-index: 3!important;}
}

.owl-prev span, .owl-next span{color:#b2a5ca!important;font-size: 30px;line-height: 0;top: -40px;}

.owl-prev span{position:relative;}
.owl-next span{position:relative;}

.owl-prev span:before{
    position:absolute;
    background-size: contain !important;
    width: 60px;
    height: 60px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    content: '';
    background:white;
    border-radius:50px;
    top: 0px;
    bottom:0;
    left: -19px;
    right: 0;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-1 !important;
    }

.owl-next span:before{
    position:absolute;
    background-size: contain !important;
    width: 60px;
    height: 60px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    content: '';
    background:white;
    border-radius:50px;
    top: 0px;
    bottom:0;
    left: -22px;
    right: 0;
    margin:auto;
    background-repeat:no-repeat;
    z-index:-1 !important;
    }

button.owl-next:hover {
    opacity: 0.5;
    transition: 0.5s ease;
}
button.owl-prev:hover {
    opacity: 0.5;
    transition: 0.5s ease;
}



/**/