.slick-container {
  padding: 0 1rem 3rem 1rem;
}

/* md */
@media only screen and (min-width: 768px) {
  .slick-container {
    padding: 0 2rem 3rem 2rem;
  }
}

/* lg */
@media only screen and (min-width: 1024px) {
  .slick-container {
    padding: 0 4rem 3rem 4rem;
  }
}

.slick-active {
  padding: 20px 0;
}

.slick-center {
  transform: scale(1.2);
  position: relative;
  z-index: 9999;
}

.slick-center .video-container {
  border-bottom: 3px solid rgba(21, 117, 57, .9);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, .15);
}

.slick-slide:not(.slick-active) {
  margin: 20px 0;
}

.child {
  width: 100%;
}

.slide:not(.slick-active) {
  cursor: pointer;
}

.pagination {
  text-align: center;
  color: #157539;
  font-size: 1rem;
  display: block;
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  font-size: 42px;
  color: #157539;
}

.slick-dots li button:before {
  font-size: 12px;
  color: #157539;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #157539;
}

/* arrows */

.slick-prev {
  left: -55px;
}

[dir='rtl'] .slick-prev {
  right: -55px;
}

.slick-next {
  right: -30px;
}

[dir='rtl'] .slick-next {
  left: -30px;
}

.slide h3,
.slide p {
  font-size: .8em;
  margin: .3rem 0 1rem 0;
  text-align: center;
  cursor: pointer;
}

/* video */
.video-js {
  color: #23C260 !important;
}

.vjs-default-skin .vjs-big-play-button {
  border: 0.06666em solid #157539 !important;
  color: #157539!important;
}

.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: #23C260 !important;
}

.video-js .vjs-big-play-button {
  font-size: 3em !important;
  height: 50px !important;
  width: 50px !important;
  top: 50% !important;
  left: 50% !important;
  background-color: rgba(43, 51, 63, 0.3) !important;
  border-radius: 100px !important;
  transition: all 0.4s !important;

  transform: translate(-50%, -50%) !important;
}

.video-js .vjs-picture-in-picture-control {
  /* display: none; */
}

.video-js .vjs-control-bar {
  background-color: rgba(43, 51, 63, 0.96) !important;
}

.video-js .vjs-progress-control {
  transform: scale(.83333) !important;
}