.rightArrowStyles {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 32px;
    font-size: 45px;
    color: #fff;
    z-Index: 1;
    cursor: pointer;
}

.leftArrowStyles {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 32px;
    font-size: 45px;
    color: #fff;
    z-Index: 1;
    cursor: pointer;
}

.sliderStyles {
    position: relative;
    height: 100%;
}

.dotActiveStyle {
    cursor: pointer;
}

.imageStyle{
    max-width: 100%;
}