@import url('/components/faqDropdown/faqDropdown.css'); /* FAQ Dropdown */

/*********************** TARIF LIST ****************************/
.tarif-list {
  list-style: none;
}

.tarif-list-item {
  position: relative;
}

.tarif-list-item::before {
  content: '';
  position: absolute;
  top: 0.65rem;
  left: 0;
  width: 0.7rem;
  height: 0.7rem;
  background: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 9 8" xmlns="http://www.w3.org/2000/svg"><path d="M4.81304 0L8.5 3.99059L4.81304 8L3.94348 7.05882L6.15217 4.64941H0.5L0.5 3.36941H6.18696L3.94348 0.941177L4.81304 0Z" fill="%23FE5B00"/></svg>')
    no-repeat center / contain;
  transform: translateY(-50%);
}

.tarif-card__label {
	display: inline-block; /* важно для трансформаций */
	animation: floatSideToSide 3s ease-in-out infinite alternate;
  }
  
  /* Ключевые кадры анимации */
  @keyframes floatSideToSide {
	0% {
	  transform: translateX(0) translateY(0);
	}
	25% {
	  transform: translateX(-5px) translateY(-2px);
	}
	50% {
	  transform: translateX(0) translateY(-4px);
	}
	75% {
	  transform: translateX(5px) translateY(-2px);
	}
	100% {
	  transform: translateX(0) translateY(0);
	}
  }

/*********************** SWIPER TIMELINE ****************************/
.swiper-current-class-zero {
	color: var(--color-blue);
}

.swiper-pagination-current {
	color: var(--color-blue);
}