.ax-center-slider .flickity-slider>.col,
.ax-center-slider .flickity-slider>.img {
  width: 75% !important;
  margin: 0 -5% !important;
  transition:
    transform 0.6s cubic-bezier(0.25, 1, 0.5, 1),
    opacity 0.6s ease;
  transform: scale(0.85);
  opacity: 0.5;
  z-index: 1 !important;
}

.ax-center-slider .flickity-slider>.is-selected {
  transform: scale(1);
  opacity: 1;
  z-index: 10 !important;
}

.ax-center-slider .flickity-prev-next-button {
  background: transparent !important;
  border: 2px solid #ffffff !important;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.ax-center-slider .flickity-prev-next-button:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

.ax-center-slider .flickity-prev-next-button.previous {
  left: 14%;
  top: 50%;
  border: none !important;
}

.ax-center-slider .flickity-prev-next-button.next {
  right: 14%;
  top: 50%;
  border: none !important;
}

.ax-center-slider .flickity-prev-next-button:hover svg {
  fill: #fff !important;
  background-color: transparent !important;
  border-color: #fff !important;
}

@media (max-width: 849px) {

  .ax-center-slider .flickity-slider>.col,
  .ax-center-slider .flickity-slider>.img {
    width: 85% !important;
  }

  .ax-center-slider .flickity-prev-next-button.previous {
    left: 8%;
  }

  .ax-center-slider .flickity-prev-next-button.next {
    right: 8%;
  }

  .ax-center-slider .flickity-prev-next-button {
    width: 36px;
    height: 36px;
  }
}