@media screen and (max-width: 767px) {
  [data-animation="center-bottom"] {
    display: flex;
  }

  [data-animation="center-bottom"] figure {
    position: relative;
    bottom: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  [data-animation="center-bottom"] figure {
    transition: all 0.6s;
    position: absolute;
  }

  [data-animation="center-bottom"] .ix-bottom {
    position: absolute;
    display: inline;
    display: initial;
    bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  [data-animation="left-center"] {
    transform: translateX(0);
  }
}

@media screen and (min-width: 768px) {
  [data-animation="left-center"] {
    transition: transform 0.6s;
    transform: translateX(0px);
  }

  [data-animation="left-center"].ix-center {
    transform: translateX(160px);
  }
}

/* swiper */

.swiper {
  cursor: url("../../images/arrow.svg") 20 15, auto;
}

.swiper-pagination {
  bottom: -0px !important;
  background-color: #f7f8f5;
  padding-top: 4px;
}

.swiper-pagination-bullet {
  border: 1px solid #333 !important;
  background-color: #f7f8f5 !important;
  width: 6px !important;
  height: 6px !important;
  opacity: 1 !important;
  transform: translateY(1px);
  margin: 0 3px !important;
}

.swiper-pagination-bullet-active {
  background-color: #333 !important;
}

.slide-number {
  bottom: 0;
  font-family: var(--font-family-sans);
  font-size: var(--text-size-sm);
  left: 0;
  position: absolute;
  z-index: 10;
}