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

/* 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;
}

/* swiper groups */
.groupsFeat .swiper {
	width: 100%;
	position: relative;
}
.groupsFeat .swiper .swiper-wrapper {
	padding: 2rem 0;
}
.groupsFeat .swiper-slide {
	width: 59% !important;
	transition: opacity 0.3s ease;
}
/*/*.groupsFeat .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
}
.groupsFeat .swiper-slide,
.groupsFeat .swiper-slide.swiper-slide-next {
	opacity: 0.5 !important;
}*/
*/
/* minislider */
.minislider .swiper {
	width: 100%;
}
/* mini images */
.minislider .swiper {
	position: relative;
}
.minislider .swiper .swiper-wrapper {
	padding: 0 4rem;
	transition-timing-function: linear;
}
.minislider .swiper-minislider-img .swiper-slide {
	width: 27% !important;
	transition: opacity 0.3s ease-in-out;
}
.minislider .swiper-minislider-img .swiper-slide.swiper-slide-prev,
.minislider .swiper-minislider-img .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
}
.minislider .swiper-minislider-img .swiper-slide,
.minislider .swiper-minislider-img .swiper-slide.swiper-slide-next {
	opacity: 0.5 !important;
}

/* mini logos */
.minislider .swiper-minislider-logos .swiper-wrapper {
	align-items: center;
}

/* mini buttons */
.swiper-button-next-mini,
.swiper-button-prev-mini {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  color: var(--color-main);
  padding: 0.5rem;
  z-index: 10;
  border-radius: 40px 40px 0 0;
}
.swiper-button-next-mini {
  right: 0;
  border-radius: 40px 0 0 40px; /* Demi-cercle à gauche */
  left: auto;
}
.swiper-button-prev-mini {
  left: 0;
  border-radius: 0 40px 40px 0; /* Demi-cercle à droite */
  right: auto;
}
.swiper-button-next-mini::after {
	content: 'next';
	padding-left: 0.5rem;
}
.swiper-button-prev-mini::after {
	content: 'prev';
	padding-right: 0.5rem;
}
.swiper-button-next-mini::after,
.swiper-button-prev-mini::after {
  color: var(--color-light);
	font-size: 1.2rem !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;
}


/* MODAL */
.noshow {
	display: none;
}
.fancybox-bg {
  background: #232323;
}
.fancybox-content {
	background: none;
	padding: 1rem;
}
.fancybox-slide--html .fancybox-close-small {
	background-color: #232323;
	opacity: 1;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	right: var(--padding-lg) !important;
  top: var(--padding-lg) !important;
  padding: 0 !important;
}
.fancybox-button svg {
	width: 25px;
	height: 25px;
}
.fancybox-button svg path {
	fill: #ffffff !important;
}

.fancybox-slide--current .animated-modal {
	vertical-align: top;
	margin: 0;
	height: 100%;
}
.animated-modal {
  overflow: hidden;
  transform: translateY(-50px);
  transition: all .7s;
	width: 100%;
	max-width: 800px;
	background-color: transparent !important;
	/*background-color: rgba(0, 0, 0, 0.2) !important;*/
	padding: 7rem var(--padding-lg) var(--padding-lg) var(--padding-lg) !important;
}
.animated-modal .form-box {
	padding: 1rem;
	background-color: #ffffff;
}
.fancybox-close-small {
	top: 1.5rem;
	right: 1.5rem;
}
.fancybox-close-small:after {
	color: #232323;
	font-size: 2rem;
}
.animated-modal h2,
.animated-modal .search-box {
  transform: translateY(-50px);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: .4s;
}
/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal .search-box {
  transform: translateY(0);
  opacity: 1;
}
/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 {
  transition-delay: .1s;
}
.fancybox-slide--current .animated-modal .search-box {
  transition-delay: .3s;
}