.ui-card-slider {
  position: relative;
  width: 100%;
  height: 524px;
  overflow: hidden;
  }
  .ui-card-slider .slide {
    display: block;
    -webkit-user-select: none;
    position: absolute;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-property: all;
    -webkit-transition-property: all;
    overflow: hidden; }
    .ui-card-slider .slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      }
  .ui-card-slider .center-slide {
    -webkit-user-select: none;
    z-index: 30;
    bottom: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: calc( (100% - 33%));
    height: 100%;
    padding: 0 5px;
    background: #fff;
    }
  .ui-card-slider .left-slide {
    -webkit-user-select: none;
    z-index: 20;
    top: 50%;
    left: 0px;
    width: calc(100% - 33%);
    height: calc(100% - 25%);
    transform: translateX(0) translateY(-50%);
    padding: 0 5px;
    background: #fff;
    }
  .ui-card-slider .right-slide {
    -webkit-user-select: none;
    z-index: 20;
    bottom: 30px;
    top: 50%;
    left: 33%;
    width: calc(100% - 33%);
    height: calc(100% - 25%);
    transform: translateX(0) translateY(-50%);
    padding: 0 5px;
    background: #fff;
    }
  .ui-card-slider .left-hidden-slide {
    z-index: 10;
    top: 50%;
    right: 33%;
    width: calc(100% - 33%);
    height: calc(100% - 25%);
    transform: translateX(0) translateY(-50%);
    padding: 0 6px;
    background: #fff;
    }
  .ui-card-slider .right-hidden-slide {
    z-index: 10;
    bottom: 30px;
    left: 360px;
    width: 120px;
    height: 130px;
    -webkit-user-select: none;
    bottom: 30px;
    top: 50%;
    right: 0px;
    width: calc(100% - 33%);
    height: calc(100% - 25%);
    transform: translateX(0) translateY(-50%);
    padding: 0 5px;
    background: #fff;
    }
  .ui-card-slider .hidden-slide {
    visibility: hidden;
    display: none; }
