.mnt-slider {
  /* background: #fafafa; */
  padding: 5% 0;
}
.mnt-slider .imgbox {
  margin: 5% 0 0;
}

.mnt-slider .imgbox img {
  width: 100%;
}

.mnt-slider .txtbox {
  display: block;
  width: 60%;
  margin: 0 auto;
}

.mnt-slider .slick-list {
  overflow: visible;
}

.mnt-slider .slick-track {
  display: flex;
  align-items: center;
}

.mnt-slider .slick-slide {
  opacity: 0.3;
  -webkit-filter: grayscale(1);
  -webkit-transition:
    opacity 0.4s ease 0.2s,
    transform 0.4s ease 0.2s,
    -webkit-filter 0.4s ease 0.2s;
  -o-transition:
    opacity 0.4s ease 0.2s,
    transform 0.4s ease 0.2s;
  transition:
    opacity 0.4s ease 0.2s,
    transform 0.4s ease 0.2s,
    -webkit-filter 0.4s ease 0.2s;
}

/* All cloned slides remain semi-transparent */
.mnt-slider .slick-slide.slick-cloned {
  opacity: 0.3 !important;
  -webkit-filter: grayscale(1) !important;
  -webkit-transform: scale(1) translate(0px, 0px) !important;
  -ms-transform: scale(1) translate(0px, 0px) !important;
  transform: scale(1) translate(0px, 0px) !important;
}

.mnt-slider .slick-center {
  opacity: 1;
  -webkit-filter: grayscale(0);
  z-index: 2;
  position: relative;
  -webkit-transform: scale(1.2) translate(0px, -20px);
  -ms-transform: scale(1.2) translate(0px, -20px);
  transform: scale(1.2) translate(0px, -20px);
  -webkit-transition:
    opacity 0.6s ease 0.5s,
    transform 0.6s ease 0.5s,
    -webkit-filter 0.6s ease 0.5s;
  -o-transition:
    opacity 0.6s ease 0.5s,
    transform 0.6s ease 0.5s;
  transition:
    opacity 0.6s ease 0.5s,
    transform 0.6s ease 0.5s,
    -webkit-filter 0.6s ease 0.5s;
}

/* Only non-cloned center slide is fully visible */
.mnt-slider .slick-center:not(.slick-cloned) {
  opacity: 1 !important;
  -webkit-filter: grayscale(0) !important;
  -webkit-transform: scale(1.2) translate(0px, -20px) !important;
  -ms-transform: scale(1.2) translate(0px, -20px) !important;
  transform: scale(1.2) translate(0px, -20px) !important;
  -webkit-transition:
    opacity 0.6s ease 0.5s,
    transform 0.6s ease 0.5s,
    -webkit-filter 0.6s ease 0.5s;
  -o-transition:
    opacity 0.6s ease 0.5s,
    transform 0.6s ease 0.5s;
  transition:
    opacity 0.6s ease 0.5s,
    transform 0.6s ease 0.5s,
    -webkit-filter 0.6s ease 0.5s;
}

/* Cloned center slide remains semi-transparent */
.mnt-slider .slick-center.slick-cloned {
  opacity: 0.3 !important;
  -webkit-filter: grayscale(1) !important;
  -webkit-transform: scale(1) translate(0px, 0px) !important;
  -ms-transform: scale(1) translate(0px, 0px) !important;
  transform: scale(1) translate(0px, 0px) !important;
}
/* Slides that shrink back (left/right), use faster transition to reduce stutter */
.mnt-slider .slick-slide:not(.slick-center) {
  opacity: 1 !important;
  -webkit-filter: grayscale(0) !important;
  -webkit-transition:
    opacity 0.3s ease 0s,
    transform 0.3s ease 0s,
    -webkit-filter 0.3s ease 0s;
  -o-transition:
    opacity 0.3s ease 0s,
    transform 0.3s ease 0s;
  transition:
    opacity 0.3s ease 0s,
    transform 0.3s ease 0s,
    -webkit-filter 0.3s ease 0s;
}

@media (min-width: 996px) {
  .mnt-slider .slick-slide:not(.slick-center) {
    opacity: 0.3 !important;
    -webkit-filter: grayscale(1) !important;
  }
}
.mnt-slider .slick-prev {
  left: 100px;
  background: url("https://storage-asset.msi.com/global/picture/image/feature/nb/Prestige/Prestige14/creator-left-icon.png")
    no-repeat center center #fff;
  -webkit-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  color: #333 !important;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.mnt-slider .slick-prev:hover {
  background: url("https://storage-asset.msi.com/global/picture/image/feature/nb/Prestige/Prestige14/creator-left-icon.png")
    no-repeat center center #fff !important;
}
.mnt-slider .slick-prev:active,
.mnt-slider .slick-prev:focus {
  background: url("https://storage-asset.msi.com/global/picture/image/feature/nb/Prestige/Prestige14/creator-left-icon.png")
    no-repeat center center #fff !important;
  box-shadow: 0 0 10px #d400ff;
  outline: none;
}
.mnt-slider .slick-next {
  right: 100px;
  background: url("https://storage-asset.msi.com/global/picture/image/feature/nb/Prestige/Prestige14/creator-right-icon.png")
    no-repeat center center #fff;
  -webkit-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  color: #333;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}
.mnt-slider .slick-arrow:hover {
  box-shadow: 0 0 10px #d400ff;
}
.mnt-slider .slick-next:hover {
  background: url("https://storage-asset.msi.com/global/picture/image/feature/nb/Prestige/Prestige14/creator-right-icon.png")
    no-repeat center center #fff !important;
}
.mnt-slider .slick-next:active,
.mnt-slider .slick-next:focus {
  background: url("https://storage-asset.msi.com/global/picture/image/feature/nb/Prestige/Prestige14/creator-right-icon.png")
    no-repeat center center #fff !important;
  box-shadow: 0 0 10px #d400ff;
  outline: none;
}
.mnt-slider .slick-prev::before,
.mnt-slider .slick-next::before {
  display: none;
}

@media screen and (max-width: 960px) {
  .mnt-slider .slick-dots {
    bottom: -20%;
  }
  .mnt-slider .imgbox {
    margin-top: 6%;
  }
  .mnt-slider .slick-center {
    -webkit-transform: scale(1.8) translate(0px, 0px);
    -ms-transform: scale(1.8) translate(0px, 0px);
    transform: scale(1.8) translate(0px, 0px);
  }
  .mnt-slider .slick-prev {
    left: 20px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
  }
  .mnt-slider .slick-next {
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
  }
  .mnt-slider .txtbox {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
}