.ett-indicator-slider {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}

.ett-indicator-slider .swiper {
  width: 100%;
  overflow: hidden;
}

.ett-indicator-slider .swiper-slide {
  height: auto;
  padding: 0 0.5rem;

}

.ett-indicator-slider .swiper-slide > a {
  display: block;
}

.ett-indicator-slider .swiper-slide > a:hover,
.ett-indicator-slider .swiper-slide > a:focus {
  opacity: 0.8;
  transition: opacity 0.4s linear;
}

.ett-indicator-slider__objective-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 1.25rem;
  color: #1a202c;
}

.ett-indicator-slider--empty {
  padding: 0;
}

.ett-indicator-slider__placeholder {
  padding: 2rem 1.5rem;
  background: #f7f8f9;
  border: 2px dashed #d0d5dd;
  border-radius: 8px;
  text-align: center;
  color: #6b7280;
  margin: 0;
}

.ett-indicator-slider .ett-slider-right,
.ett-indicator-slider .ett-slider-left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wp--preset--color--primary, #007cba);
  cursor: pointer;
  user-select: none;
}

.ett-indicator-slider .ett-slider-left {
  left: 0;
}
.ett-indicator-slider .ett-slider-right {
  right: 0;
}

.ett-indicator-slider .ett-slider-right::after,
.ett-indicator-slider .ett-slider-left::after {
  display: none;
}

.ett-indicator-slider .swiper-pagination {
  position: static;
  margin-top: 1rem;
}

.ett-indicator-slider .swiper-pagination-bullet-active {
  background: var(--wp--preset--color--primary, #007cba);
}

.ett-indicator-slider .swiper-vertical {
  height: 360px;
}

.ett-indicator-slider .indicator-arrow {
  text-align: right;
  padding: 0.2rem 0;
}

.ett-indicator-slider .indicator-card {
  background-color: #e8e8e8;
  font-size: 1.1rem;
}

.ett-indicator-slider .indicator-content {
  padding: 30px;
}

.ett-indicator-slider .indicator-card__image {
  height: 320px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-color: #e6e3e3;
}
