.play-pause-wrap {
  position: absolute;
  bottom: -15px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  z-index: 99;
}
.pagination-play .icon.icon-play:before {
  display: none;
}

.slider .slick-autoplay-toggle-button {
  display: none;
}


.slider-controls .green-round {
  position: absolute;
  border: 1px solid #174b86;
  width: 55px;
  height: 55px;
  border-radius: 50%;
}

.slider-controls .pagination-pause,.slider-controls .pagination-play {
  background-color: transparent;
  flex-shrink: 0;
  height: 45px;
  margin: 0 .9375rem 0 0;
  padding: 0;
  pointer-events: all;
  position: relative;
  width: 45px
}

.slider-controls .pagination-pause:hover,.slider-controls .pagination-play:hover {
  border-color: transparent
}

.slider-controls .pagination-pause span,.slider-controls .pagination-play span {
  font-size: 0;
  line-height: 0;
  margin: 0
}

.slider-controls .pagination-pause span.pause,.slider-controls .pagination-pause span.play,.slider-controls .pagination-play span.pause,.slider-controls .pagination-play span.play {
  height: 55px;
  left: 0;
  position: absolute;
  top: 0;
  width: 55px
}

.slider-controls .pagination-pause span.icon.icon-pause,.slider-controls .pagination-pause span.icon.icon-play,.slider-controls .pagination-play span.icon.icon-pause,.slider-controls .pagination-play span.icon.icon-play {
  fill-rule: evenodd;
  clip-rule: evenodd;
  left: 0;
  max-width: 20px;
  position: absolute;
  top: 0;

}

.slider-controls .pagination-pause span.icon-pause,.slider-controls .pagination-play span.icon-pause {
  height: 16px;
  width: 10px
}

.slider-controls .pagination-pause span.icon-play,.slider-controls .pagination-play span.icon-play {
  height: 20px;
  margin-left: 1px;
  width: 20px
}

.slider-controls .pagination-pause:before,.slider-controls .pagination-play:before {
  border-radius: 100%;
  content: "";
  height: 55px;
  left: 0;
  margin-right: 0;
  position: absolute;
  top: 0;
  transition: box-shadow .2s;
  width: 55px
}

.slider-controls .pagination-play .circle {
  opacity: 0
}

.slider-controls .pagination-play:before {
  z-index: 1
}

.slider-controls .pagination-play:hover .circle {
  opacity: 1
}

.slider-controls .pagination-pause .circle {
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 172.78756;
  stroke-dashoffset: 0;
  transform: scaleX(-1) rotateY(180deg) rotate(-90deg);
  transform-origin: center center;
  transition: all .2s
}

.slider-controls .pagination-pause.animate .circle {
  animation: progress 5s linear forwards
}

.slider-controls .pagination-play span.icon.icon-play {
  left:0;
  top:0;
  transform: none;
}

@keyframes progress {
  0% {
      stroke-dashoffset: 172.78756
  }
}


@media screen and (max-width: 979px) {
  .play-pause-wrap {
    transform: scale(0.6);
  }

}