22

✏️ Editing: ep-flip-box.css

.bdt-flip-box{height:280px;position:relative;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.bdt-flip-box .elementor-icon{color:#fff}.bdt-flip-box .elementor-icon svg{fill:#fff}.bdt-flip-box .elementor-view-framed .elementor-icon{color:#fff;border-color:#fff}.bdt-flip-box .elementor-view-stacked .elementor-icon{color:#fff;background-color:rgba(0,0,0,0.5)}.bdt-flip-box .elementor-icon-wrapper{margin-bottom:20px}.bdt-flip-box-front{background-color:#1e87f0}.bdt-flip-box-back{background-color:#b7b4b4;display:block}.bdt-flip-box-easing-quad .bdt-flip-box-layer{transition-timing-function:cubic-bezier(.25, .46, .45, .94)}.bdt-flip-box-easing-cubic .bdt-flip-box-layer{transition-timing-function:cubic-bezier(.215, .61, .355, 1)}.bdt-flip-box-easing-quart .bdt-flip-box-layer{transition-timing-function:cubic-bezier(.165, .84, .44, 1)}.bdt-flip-box-easing-quint .bdt-flip-box-layer{transition-timing-function:cubic-bezier(.23, 1, .32, 1)}.bdt-flip-box-easing-expo .bdt-flip-box-layer{transition-timing-function:cubic-bezier(.19, 1, .22, 1)}.bdt-flip-box-easing-circ .bdt-flip-box-layer{transition-timing-function:cubic-bezier(.075, .82, .165, 1)}.bdt-flip-box-layer{position:absolute;width:100%;height:100%;transition:all .6s ease-out}.bdt-flip-box-layer-overlay{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:stretch;text-align:center;padding:35px}.bdt-flip-box-layer-title{font-size:21px;line-height:1;font-weight:600;color:#fff;margin:0}.bdt-flip-box-layer-title:not(:last-child){margin-bottom:20px;padding:0}.bdt-flip-box-layer-desc{font-size:14px;color:#e5e5e5}.bdt-flip-box-layer-desc:not(:last-child){margin:0 0 20px 0;padding:0}.bdt-flip-box-image{margin:0 0 20px 0;display:inline-block;width:100%}.bdt-flip-box-image img{width:50%;display:inline-block}.bdt-flip-box-3d-yes .bdt-flip-box-layer-inner{transform:translateZ(90px) scale(.91)}.bdt-flip-box-3d-yes .bdt-flip-box-layer-overlay{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:translateZ(.1px);-webkit-backface-visibility:hidden;backface-visibility:hidden}.bdt-flip-box-effect-flip .bdt-flip-box{perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.bdt-flip-box-effect-flip .bdt-flip-box.bdt-active .bdt-flip-box-back{transform:none}.bdt-flip-box-effect-flip .bdt-flip-box-layer{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bdt-flip-box-effect-flip .bdt-flip-box-front{transform:none;z-index:1}.bdt-flip-box-effect-flip.bdt-flip-box-direction-right .bdt-flip-box-back{transform:rotateX(0) rotateY(-180deg)}.bdt-flip-box-effect-flip.bdt-flip-box-direction-right .bdt-flip-box.bdt-active .bdt-flip-box-front{transform:rotateX(0) rotateY(180deg)}.bdt-flip-box-effect-flip.bdt-flip-box-direction-left .bdt-flip-box-back{transform:rotateX(0) rotateY(180deg)}.bdt-flip-box-effect-flip.bdt-flip-box-direction-left .bdt-flip-box.bdt-active .bdt-flip-box-front{transform:rotateX(0) rotateY(-180deg)}.bdt-flip-box-effect-flip.bdt-flip-box-direction-up .bdt-flip-box-back{transform:rotateX(-180deg) rotateY(0)}.bdt-flip-box-effect-flip.bdt-flip-box-direction-up .bdt-flip-box.bdt-active .bdt-flip-box-front{transform:rotateX(180deg) rotateY(0)}.bdt-flip-box-effect-flip.bdt-flip-box-direction-down .bdt-flip-box-back{transform:rotateX(180deg) rotateY(0)}.bdt-flip-box-effect-flip.bdt-flip-box-direction-down .bdt-flip-box.bdt-active .bdt-flip-box-front{transform:rotateX(-180deg) rotateY(0)}.bdt-flip-box-effect-push .bdt-flip-box-front{transform:none}.bdt-flip-box-effect-push .bdt-flip-box{overflow:hidden}.bdt-flip-box-effect-push .bdt-flip-box.bdt-active .bdt-flip-box-back{transform:none}.bdt-flip-box-effect-push.bdt-flip-box-direction-right .bdt-flip-box.bdt-active .bdt-flip-box-front{transform:translateX(100%) translateY(0)}.bdt-flip-box-effect-push.bdt-flip-box-direction-right .bdt-flip-box-back{transform:translateX(-100%) translateY(0)}.bdt-flip-box-effect-push.bdt-flip-box-direction-left .bdt-flip-box.bdt-active .bdt-flip-box-front{transform:translateX(-100%) translateY(0)}.bdt-flip-box-effect-push.bdt-flip-box-direction-left .bdt-flip-box-back{transform:translateX(100%) translateY(0)}.bdt-flip-box-effect-push.bdt-flip-box-direction-up .bdt-flip-box.bdt-active .bdt-flip-box-front{transform:translateX(0) translateY(-100%)}.bdt-flip-box-effect-push.bdt-flip-box-direction-up .bdt-flip-box-back{transform:translateX(0) translateY(100%)}.bdt-flip-box-effect-push.bdt-flip-box-direction-down .bdt-flip-box.bdt-active .bdt-flip-box-front{transform:translateX(0) translateY(100%)}.bdt-flip-box-effect-push.bdt-flip-box-direction-down .bdt-flip-box-back{transform:translateX(0) translateY(-100%)}.bdt-flip-box-effect-slide .bdt-flip-box{overflow:hidden}.bdt-flip-box-effect-slide .bdt-flip-box.bdt-active .bdt-flip-box-back{transform:none}.bdt-flip-box-effect-slide.bdt-flip-box-direction-right .bdt-flip-box-back{transform:translateX(-100%) translateY(0)}.bdt-flip-box-effect-slide.bdt-flip-box-direction-left .bdt-flip-box-back{transform:translateX(100%) translateY(0)}.bdt-flip-box-effect-slide.bdt-flip-box-direction-up .bdt-flip-box-back{transform:translateX(0) translateY(100%)}.bdt-flip-box-effect-slide.bdt-flip-box-direction-down .bdt-flip-box-back{transform:translateX(0) translateY(-100%)}.bdt-flip-box-effect-zoom-out .bdt-flip-box .bdt-flip-box-front{transition:transform .7s,opacity .35s,width .1ms;opacity:1;transform:scale(1);z-index:1;width:100%}.bdt-flip-box-effect-zoom-out .bdt-flip-box.bdt-active .bdt-flip-box-front{width:0;opacity:0;transform:scale(.7);transition:transform .8s,opacity .7s .1s,width .1ms .7s}.bdt-flip-box-effect-zoom-in .bdt-flip-box .bdt-flip-box-back{transition:transform .7s,opacity .5s .2s;opacity:0;transform:scale(.7)}.bdt-flip-box-effect-zoom-in .bdt-flip-box.bdt-active .bdt-flip-box-back{transition:transform .7s,opacity .5s;opacity:1;transform:scale(1)}.bdt-flip-box-effect-fade .bdt-flip-box .bdt-flip-box-back{opacity:0}.bdt-flip-box-effect-fade .bdt-flip-box.bdt-active .bdt-flip-box-back{opacity:1}.elementor-widget-bdt-flip-box.bdt-flip-box-flipped .elementor-widget-container .bdt-flip-box-front{display:none}.elementor-widget-bdt-flip-box.bdt-flip-box-flipped .elementor-widget-container .bdt-flip-box-back{transform:none;opacity:1}@media (max-device-width:1024px){.bdt-flip-box{cursor:pointer}}.bdt-flip-box-effect-slide-overflow.bdt-flip-box-direction-up .bdt-flip-box .bdt-flip-box-front{z-index:1}.bdt-flip-box-effect-slide-overflow.bdt-flip-box-direction-up .bdt-flip-box.bdt-active .bdt-flip-box-front{transform:translateX(0) translateY(-50%)}.bdt-flip-box-effect-slide-overflow.bdt-flip-box-direction-up .bdt-flip-box.bdt-active .bdt-flip-box-back{transform:translateX(0) translateY(50%)}.bdt-flip-box-effect-slide-overflow.bdt-flip-box-direction-down .bdt-flip-box .bdt-flip-box-front{z-index:1}.bdt-flip-box-effect-slide-overflow.bdt-flip-box-direction-down .bdt-flip-box.bdt-active .bdt-flip-box-front{transform:translateX(0) translateY(50%)}.bdt-flip-box-effect-slide-overflow.bdt-flip-box-direction-down .bdt-flip-box.bdt-active .bdt-flip-box-back{transform:translateX(0) translateY(-50%)}

MR SKB