/* Flip Card Widget v1.2.0 */

.flipcard-wrapper {
	perspective: 1200px;
	width: 100%;
	cursor: pointer;
}

.flipcard-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.6s ease;
}

.flipcard-wrapper.is-flipped .flipcard-inner {
	transform: rotateY(180deg);
}

.flipcard-front,
.flipcard-back {
	position: absolute;
	inset: 0;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flipcard-back {
	transform: rotateY(180deg);
}

.flipcard-overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
}

.flipcard-content {
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	box-sizing: border-box;
}

.flipcard-back .flipcard-content {
	justify-content: center;
}

.flipcard-headline {
	margin: 0 0 8px;
	line-height: 1.2;
}

.flipcard-description {
	margin: 0;
	line-height: 1.6;
}

.flipcard-description p:first-child { margin-top: 0; }
.flipcard-description p:last-child  { margin-bottom: 0; }

.flipcard-step {
	position: absolute;
    top: 30px;
    left: 30px;
    width: 60px;
    height: 60px;
    border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 34px;
	font-weight: 700;
	color: #fff;
	z-index: 2;
	line-height: 1;
}

.flipcard-front .boxed_arrow {
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 2;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px auto;
	filter: brightness(0) invert(1);
	border: 1px solid rgba(255, 255, 255, .3);
}

/* triggered by JS on click — also kept for .whitebox hover context */
.whitebox:hover .boxed_arrow,
.flipcard-front .boxed_arrow.is-animating {
	animation: bgFlyOnce2 .5s ease-in-out forwards;
}

@keyframes bgFlyOnce2 {
	0%   { background-position: center center; }
	40%  { background-position: center -150%; }
	41%  { background-position: center 180%; }
	100% { background-position: center center; }
}

/* Elementor editor: disable flip so both sides stay editable */
.elementor-editor-active .flipcard-wrapper { pointer-events: none; }