.section-product-carousel-items {
    position: relative;
    min-height: 350px;
}

#product-carousel {
    position: relative;
    /*height: 400px;*/
    transform: translateY(-50%);
}
#product-carousel div {
    position: absolute;
    transition: transform 1s, left 1s, opacity 1s, z-index 0s;
    opacity: 1;
}
#product-carousel div img {
    width: 400px;
    transition: width 1s;
}
#product-carousel div.hideLeft {
    left: -10%;
    opacity: 0;
    transform: translateY(50%) translateX(-50%);
}
#product-carousel div.hideLeft img {
    width: 200px;
}
#product-carousel div.hideRight {
    left: 100%;
    opacity: 0;
    transform: translateY(50%) translateX(-50%);
}
#product-carousel div.hideRight img {
    width: 200px;
}
#product-carousel div.prev {
    z-index: 5;
    left: 20%;
    transform: translateY(50px) translateX(-50%);
}
#product-carousel div.prev img {
    width: 300px;
}
#product-carousel div.prevLeftSecond {
    z-index: 4;
    left: -1.5%;
    transform: translateY(50%) translateX(-50%);
    opacity: 0.7;
}
#product-carousel div.prevLeftSecond img {
    width: 200px;
}
#product-carousel div.selected {
    z-index: 10;
    left: 50%;
    transform: translateY(0px) translateX(-50%);
}
#product-carousel div.next {
    z-index: 5;
    left: 80%;
    transform: translateY(50px) translateX(-50%);
}
#product-carousel div.next img {
    width: 300px;
}
#product-carousel div.nextRightSecond {
    z-index: 4;
    left: 101.5%;
    transform: translateY(50%) translateX(-50%);
    opacity: 0.7;
}
#product-carousel div.nextRightSecond img {
    width: 200px;
}

.section-product-carousel-items .buttons {
    position: absolute;
    width: 100%;
    left: 0;
    top: 45%;
    color: #0e0e0e;
}
.section-product-carousel-items .buttons #prev{
    position: absolute;
    right: 4%;
}
.section-product-carousel-items .buttons #next {
    position: absolute;
    left: 4%;
}
/************  */
/************  */
.section-engagement-carousel-items {
    position: relative;
    min-height: 350px;
}

#engagement-carousel {
    position: relative;
    /*height: 400px;*/
    transform: translateY(-0%);
}
#engagement-carousel div {
    position: absolute;
    transition: transform 1s, left 1s, opacity 1s, z-index 0s;
    opacity: 1;
}
#engagement-carousel div img {
    width: 400px;
    transition: width 1s;
}
#engagement-carousel div.hideLeft {
    left: -10%;
    opacity: 0;
    transform: translateY(0%) translateX(-50%);
}
#engagement-carousel div.hideLeft img {
    width: 200px;
}
#engagement-carousel div.hideRight {
    left: 100%;
    opacity: 0;
    transform: translateY(0%) translateX(-50%);
}
#engagement-carousel div.hideRight img {
    width: 200px;
}
#engagement-carousel div.prev {
    z-index: 5;
    left: 20%;
    transform: translateY(0) translateX(-50%);
}
#engagement-carousel div.prev img {
    width: 300px;
}
#engagement-carousel div.prevLeftSecond {
    z-index: 4;
    left: -1.5%;
    transform: translateY(0%) translateX(-50%);
    opacity: 0.7;
}
#engagement-carousel div.prevLeftSecond img {
    width: 200px;
}
#engagement-carousel div.selected {
    z-index: 10;
    left: 50%;
    transform: translateY(0px) translateX(-50%);
}
#engagement-carousel div.next {
    z-index: 5;
    left: 80%;
    transform: translateY(0) translateX(-50%);
}
#engagement-carousel div.next img {
    width: 300px;
}
#engagement-carousel div.nextRightSecond {
    z-index: 4;
    left: 101.5%;
    transform: translateY(0%) translateX(-50%);
    opacity: 0.7;
}
#engagement-carousel div.nextRightSecond img {
    width: 200px;
}

.section-engagement-carousel-items .buttons {
    position: absolute;
    width: 100%;
    left: 0;
    top: 45%;
    color: #0e0e0e;
}
.section-engagement-carousel-items .buttons #prev{
    position: absolute;
    right: 4%;
}
.section-engagement-carousel-items .buttons #next {
    position: absolute;
    left: 4%;
}