.product__bgDotted{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:baseline;
    position: relative;
    height:520px;
    /* width:256px; */
    transition: all ease-out 0.30s;
    cursor: pointer;
}
.container__imgs{
    position: relative;
    width:100%;
    height:200px;
    display:flex;
    justify-content:center;
}
.product__frontImg{
    position: absolute;
    height:300px;
    margin:auto;
    top: -25px;
}
.product__BgImg{
    position: absolute;
    height:273px;
    margin:auto;
}
.carousel__prod__hr{
    width: 90%;
    height:1px;
    background-color:white;
}
.carousel__container__link{
    text-decoration: none;
}
.container__imgs:hover .product__BgImg{
   
    transition: all ease-out 0.30s;
    transform: translate(-25px, 0%);
}
.container__imgs:hover .product__frontImg{
   
    transition: all ease-out 0.30s;
    transform: translate(25px, 0%);
}
.product__bgDotted:hover .carousel_prod__name{
    color: black;
}
.product__bgDotted:hover .carousel__prod__hr{
    background-color: black;
    transform: translateY(30px);
    transition: all ease-out 0.30s;
}
.product__bgDotted:hover .carousel__prod__shotdescription{
    transform: translateY(30px);
    transition: all ease-out 0.30s;
    color: black;
}
.product__bgDotted:hover .carousel__prod__links{
    transform: translateY(30px);
    transition: all ease-out 0.30s;
    color: black;
}
.carousel_prod__name{
    font-family: 'Roboto-Regular';
    font-size: 24px;
    color: white;
    padding: 15px;
}
.carousel__prod__shotdescription{
    font-family: 'Roboto-Regular';
    font-size: 17px;
    color: white;
    padding: 15px;
    text-transform: uppercase;
}
.carousel__prod__links{
    display: flex;
    justify-content: space-between;
    color: #B1B3B5;
    font-family: 'Roboto-Regular';
    font-size: 15px;
    padding: 15px;
    width: 100%;
    text-transform: uppercase;
    text-decoration: none;
}
#carousel__Products .carousel-control-prev-icon {
    position: absolute;
    left: 0px;
    bottom: 50%;
    background-image: url('../iconLeft.svg');
}
#carousel__Products .carousel-control-next-icon {
    position: absolute;
    right: 0px;
    bottom: 50%;
    background-image: url('../iconRight.svg');
}
#carousel_Productos .carousel-control-next, .carousel-control-prev{
    width: 5% !important;
}
#carousel_Productos .carousel-control-next, .carousel-control-next{
    width: 5% !important;
}