/* Modal & swiper CSS 
 * Last update : 9.1.25
*/

/* MODAL */
.noshow {
	display: none;
}
.fancybox-content.animated-modal {
	width: 100%;
	max-width: 800px;
	background-color: transparent;
}
.fancybox-content.animated-modal .form-box {
	padding: 2rem;
	background-color: var(--color-light);
}
.fancybox-slide--html .fancybox-close-small {
	background-color: var(--color-primary);
	opacity: 1;
	border-radius: var(--br-round);
	width: 30px;
	height: 30px;
	right: 2rem !important;
  top: 2rem !important;
  padding: 0 !important;
}
.fancybox-button svg {
	width: 25px;
	height: 25px;
}
.fancybox-button svg path {
	fill: var(--color-light) !important;
}


/* swiper cover */
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after,
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
	color: var(--color-light);
	font-size: 1.3rem !important;
}
.cover .swiper-slide-duplicate {
	display: none !important;
}

/* minislider */
/*.minislider .swiper-slide {
	opacity: 0.5;
}
.minislider .swiper-slide.swiper-slide-active {
	opacity: 1;
}*/
.minislider .swiper-button-next-mini {
  right: 0;
  left: auto;
}
.minislider .swiper-button-prev-mini {
	left: 0;
  right: auto;
}
.minislider .swiper-button-next-mini,
.minislider .swiper-button-prev-mini {
	position: absolute;
	top: 130px;
  width: 40px;
  height: 40px;
  margin-top: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  color: var(--color-main);
  padding: 0.5rem;
  z-index: 10;
}
.minislider .swiper-button-next-mini::after {
	content: 'next';
}
.minislider .swiper-button-prev-mini::after {
	content: 'prev';
}
.minislider .swiper-button-next-mini::after,
.minislider .swiper-button-prev-mini::after {
  color: var(--color-light);
	font-size: 1.5rem !important;
  font-family: swiper-icons;
  text-transform: none !important;
  font-weight: var(--fw-bold);
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-pagination {
	z-index: 5 !important;
}
.swiper-pagination-bullet-active {
	background: var(--color-light) !important;
}
.swiper-wrapper.disabled {
  transform: translate3d(0px, 0, 0) !important;
}
.swiper-wrapper.disabled .swiper-slide {
	transition: none !important;
}
.swiper-button-lock,
.swiper-button-disabled,
.swiper-pagination.disabled,
.swiper-button-prev.disabled,
.swiper-button-next.disabled {
	display: none !important;
}