/* @group GRAL SLIDER
------------------------------------ */
.general-slider {
	--heightSliderDesktop: 40rem;
	--heightSliderActiveDesktop: 48.5rem;
	--heightSliderMobile: 20rem;
	--heightSliderActiveMobile: 24.2rem;
}
.general-slider .splide__track {
	padding-inline: 2rem!important;
}
.general-slider .splide__slide {
	display: flex;
	align-items: center;
	height: var(--heightSliderActiveMobile)!important;
}
.general-slider .splide__slide .bp-multimedia {
	height: var(--heightSliderMobile)!important;
	overflow: hidden;
}
.general-slider .splide__slide.is-active .bp-multimedia {
	height: var(--heightSliderActiveMobile)!important;
}
.general-slider .bp-slider :is(.img-box, .bp-multimedia) {
	height: 100%;
}
.general-slider .bp-slider svg path {
	fill: none!important;
	stroke: var(--white);
}
/* ARROWS */
.general-slider .bp-slider .splide__arrows {
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 77.5%;
	z-index: 2;
}
.general-slider .bp-slider .splide__arrow {
	position: static;
}
.general-slider .bp-slider .splide__arrows svg {
	height: 4.6rem !important;
	width: auto!important;
}
@media only screen
and (min-width : 961px) {
	.general-slider .splide__track {
		padding-inline: calc((100% - 84.6rem) / 2)!important;
	}
	.general-slider .splide__slide {
		height: var(--heightSliderActiveDesktop)!important;
	}
	.general-slider .splide__slide .bp-multimedia {
		height: var(--heightSliderDesktop)!important;
	}
	.general-slider .splide__slide.is-active .bp-multimedia {
		height: var(--heightSliderActiveDesktop)!important;
	}
	.general-slider .bp-column {
		padding-right: 2rem;
	}
	/* ARROWS */
	.general-slider .bp-slider .splide__arrows {
		width: 83rem;
		padding-inline: 5.1rem;
	}
}
@media only screen
and (max-width : 960px) {
}

/* @end */

/* Editor
------------------------------------ */
:where(.editor-styles-wrapper) .general-slider .splide__slide .bp-multimedia {
	height: var(--heightSliderActiveDesktop)!important;
}

/* Animations
------------------------------------ */
/* :where(#wrapper) .title-and-text {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .title-and-text.animateActive {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
	--delay: .3s;
} */