.zyre-addon-flipbox .zyre-flipbox {
	height: 280px;
	perspective: 1000px;
	transform-style: preserve-3d;
}

.zyre-addon-flipbox .zyre-flipbox-layer {
	transition: all .6s ease-in-out;
}

.zyre-addon-flipbox .zyre-flipbox-title:not(:last-child),
.zyre-addon-flipbox .zyre-flipbox-description:not(:last-child) {
	margin: 0 0 10px;
	padding: 0;
}

.zyre-addon-flipbox .zyre-flipbox-image {
	margin: 0 0 10px;
}

.zyre-addon-flipbox .zyre-flipbox-image img {
	width: 150px;
	object-fit: cover;
}

.zyre-addon-flipbox .zyre-button {
	margin-top: 10px;
}

.zyre-flipbox--3d .zyre-flipbox-layer-inner {
	transform: translateZ(90px) scale(.91);
}

.zyre-flipbox--3d .zyre-flipbox-layer-overlay {
	transform: translateZ(.1px);
	transform-style: preserve-3d;
}

.zyre-flipbox--effect-flip .zyre-flipbox {
	perspective: 1000px;
	transform-style: preserve-3d;
}

.zyre-flipbox--effect-flip .zyre-flipbox-layer {
	backface-visibility: hidden;
	transform-style: preserve-3d;
}

.zyre-flipbox--effect-flip .zyre-flipbox-front {
	transform: none;
	z-index: 1;
}

.zyre-flipbox--effect-flip .zyre-flipbox:focus-visible .zyre-flipbox-back,
.zyre-flipbox--effect-flip .zyre-flipbox:hover .zyre-flipbox-back {
	transform: none;
}

.zyre-flipbox--effect-flip.zyre-flipbox--direction-right .zyre-flipbox-back {
	transform: rotateX(0) rotateY(-180deg);
}

.zyre-flipbox--effect-flip.zyre-flipbox--direction-right .zyre-flipbox:focus-visible .zyre-flipbox-front,
.zyre-flipbox--effect-flip.zyre-flipbox--direction-right .zyre-flipbox:hover .zyre-flipbox-front {
	transform: rotateX(0) rotateY(180deg);
}

.zyre-flipbox--effect-flip.zyre-flipbox--direction-left .zyre-flipbox-back {
	transform: rotateX(0) rotateY(180deg);
}

.zyre-flipbox--effect-flip.zyre-flipbox--direction-left .zyre-flipbox:focus-visible .zyre-flipbox-front,
.zyre-flipbox--effect-flip.zyre-flipbox--direction-left .zyre-flipbox:hover .zyre-flipbox-front {
	transform: rotateX(0) rotateY(-180deg);
}

.zyre-flipbox--effect-flip.zyre-flipbox--direction-up .zyre-flipbox-back {
	transform: rotateX(-180deg) rotateY(0);
}

.zyre-flipbox--effect-flip.zyre-flipbox--direction-up .zyre-flipbox:focus-visible .zyre-flipbox-front,
.zyre-flipbox--effect-flip.zyre-flipbox--direction-up .zyre-flipbox:hover .zyre-flipbox-front {
	transform: rotateX(180deg) rotateY(0);
}

.zyre-flipbox--effect-flip.zyre-flipbox--direction-down .zyre-flipbox-back {
	transform: rotateX(180deg) rotateY(0);
}

.zyre-flipbox--effect-flip.zyre-flipbox--direction-down .zyre-flipbox:focus-visible .zyre-flipbox-front,
.zyre-flipbox--effect-flip.zyre-flipbox--direction-down .zyre-flipbox:hover .zyre-flipbox-front {
	transform: rotateX(-180deg) rotateY(0);
}

.zyre-flipbox--effect-push .zyre-flipbox-front {
	transform: none;
}

.zyre-flipbox--effect-push.zyre-flipbox--direction-right .zyre-flipbox:focus-visible .zyre-flipbox-front,
.zyre-flipbox--effect-push.zyre-flipbox--direction-right .zyre-flipbox:hover .zyre-flipbox-front {
	transform: translateX(100%) translateY(0);
}

.zyre-flipbox--effect-push.zyre-flipbox--direction-left .zyre-flipbox:focus-visible .zyre-flipbox-front,
.zyre-flipbox--effect-push.zyre-flipbox--direction-left .zyre-flipbox:hover .zyre-flipbox-front {
	transform: translateX(-100%) translateY(0);
}

.zyre-flipbox--effect-push.zyre-flipbox--direction-up .zyre-flipbox:focus-visible .zyre-flipbox-front,
.zyre-flipbox--effect-push.zyre-flipbox--direction-up .zyre-flipbox:hover .zyre-flipbox-front {
	transform: translateX(0) translateY(-100%);
}

.zyre-flipbox--effect-push.zyre-flipbox--direction-down .zyre-flipbox:focus-visible .zyre-flipbox-front,
.zyre-flipbox--effect-push.zyre-flipbox--direction-down .zyre-flipbox:hover .zyre-flipbox-front {
	transform: translateX(0) translateY(100%);
}

.zyre-flipbox--effect-push .zyre-flipbox,
.zyre-flipbox--effect-slide .zyre-flipbox {
	overflow: hidden;
}

.zyre-flipbox--effect-push .zyre-flipbox:focus-visible .zyre-flipbox-back,
.zyre-flipbox--effect-push .zyre-flipbox:hover .zyre-flipbox-back,
.zyre-flipbox--effect-slide .zyre-flipbox:focus-visible .zyre-flipbox-back,
.zyre-flipbox--effect-slide .zyre-flipbox:hover .zyre-flipbox-back {
	transform: none;
}

.zyre-flipbox--effect-push.zyre-flipbox--direction-right .zyre-flipbox-back,
.zyre-flipbox--effect-slide.zyre-flipbox--direction-right .zyre-flipbox-back {
	transform: translateX(-100%) translateY(0);
}

.zyre-flipbox--effect-push.zyre-flipbox--direction-left .zyre-flipbox-back,
.zyre-flipbox--effect-slide.zyre-flipbox--direction-left .zyre-flipbox-back {
	transform: translateX(100%) translateY(0);
}

.zyre-flipbox--effect-push.zyre-flipbox--direction-up .zyre-flipbox-back,
.zyre-flipbox--effect-slide.zyre-flipbox--direction-up .zyre-flipbox-back {
	transform: translateX(0) translateY(100%);
}

.zyre-flipbox--effect-push.zyre-flipbox--direction-down .zyre-flipbox-back,
.zyre-flipbox--effect-slide.zyre-flipbox--direction-down .zyre-flipbox-back {
	transform: translateX(0) translateY(-100%);
}

.zyre-flipbox--effect-zoom-out .zyre-flipbox .zyre-flipbox-front {
	opacity: 1;
	transform: scale(1);
	transition: transform .7s, opacity .35s, width .1ms;
	width: 100%;
	z-index: 1;
}

.zyre-flipbox--effect-zoom-out .zyre-flipbox:focus-visible .zyre-flipbox-front,
.zyre-flipbox--effect-zoom-out .zyre-flipbox:hover .zyre-flipbox-front {
	opacity: 0;
	transform: scale(.7);
	transition: transform .8s, opacity .7s .1s, width .1ms .7s;
	width: 0;
}

.zyre-flipbox--effect-zoom-in .zyre-flipbox .zyre-flipbox-back {
	opacity: 0;
	transform: scale(.7);
	transition: transform .7s, opacity .5s .2s;
}

.zyre-flipbox--effect-zoom-in .zyre-flipbox:focus-visible .zyre-flipbox-back,
.zyre-flipbox--effect-zoom-in .zyre-flipbox:hover .zyre-flipbox-back {
	opacity: 1;
	transform: scale(1);
	transition: transform .7s, opacity .5s;
}

.zyre-flipbox--effect-fade .zyre-flipbox .zyre-flipbox-back {
	opacity: 0;
}

.zyre-flipbox--effect-fade .zyre-flipbox:focus-visible .zyre-flipbox-back,
.zyre-flipbox--effect-fade .zyre-flipbox:hover .zyre-flipbox-back {
	opacity: 1;
}

.zyre-addon-flipbox.zyre-flipbox--flipped .elementor-widget-container .zyre-flipbox-front,
.zyre-addon-flipbox.zyre-flipbox--flipped:not(:has(.elementor-widget-container)) .zyre-flipbox-front {
	display: none;
}

.zyre-addon-flipbox.zyre-flipbox--flipped .elementor-widget-container .zyre-flipbox-back,
.zyre-addon-flipbox.zyre-flipbox--flipped:not(:has(.elementor-widget-container)) .zyre-flipbox-back {
	opacity: 1;
	transform: none;
}

.e-con-inner>.zyre-addon-flipbox,
.e-con>.zyre-addon-flipbox {
	width: var(--container-widget-width);
	--flex-grow: var(--container-widget-flex-grow);
}