22

✏️ Editing: custom-pro-widget-flip-box-rtl.min.css

.elementor-flip-box{height:280px;perspective:1000px;position:relative;transform-style:preserve-3d}@media (max-width:1024px){.elementor-flip-box{cursor:pointer}}.elementor-flip-box__front{background-color:#1abc9c}.elementor-flip-box__back{background-color:#4054b2;display:block}.elementor-flip-box__layer{height:100%;position:absolute;transition:all .6s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.elementor-flip-box__layer{transition-duration:0s}}.elementor-flip-box__layer__overlay{align-items:stretch;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:35px;text-align:center;width:100%}.elementor-flip-box__layer__title{font-size:21px}.elementor-flip-box__layer__description{font-size:14px}.elementor-flip-box__layer__description:not(:last-child),.elementor-flip-box__layer__title:not(:last-child){margin:0 0 20px;padding:0}.elementor-flip-box__layer__title{font-weight:600;line-height:1}.elementor-flip-box,.elementor-flip-box .elementor-view-framed,.elementor-flip-box .elementor-view-stacked{--e-flip-box-view-framed-stacked-icon-color:#fff}.elementor-flip-box .elementor-icon,.elementor-flip-box .elementor-view-framed .elementor-icon,.elementor-flip-box .elementor-view-stacked .elementor-icon{color:var(--e-flip-box-view-framed-stacked-icon-color)}.elementor-flip-box .elementor-icon svg,.elementor-flip-box .elementor-view-framed .elementor-icon svg,.elementor-flip-box .elementor-view-stacked .elementor-icon svg{fill:var(--e-flip-box-view-framed-stacked-icon-color)}.elementor-flip-box .elementor-view-framed .elementor-icon{border-color:#fff}.elementor-flip-box .elementor-view-stacked .elementor-icon{background-color:rgba(0,0,0,.5)}.elementor-flip-box__button.elementor-button{align-self:center;background:transparent;border:2px solid #fff;cursor:pointer;margin-left:auto;margin-right:auto}.elementor-flip-box__button.elementor-button:focus-visible,.elementor-flip-box__button.elementor-button:hover{background:transparent;text-decoration:none}.elementor-flip-box__image{display:inline-block;margin:0 0 20px;width:100%}.elementor-flip-box__image img{width:50%}.elementor-flip-box .elementor-icon-wrapper{margin-bottom:20px}.elementor-flip-box--3d .elementor-flip-box__layer__inner{transform:translateZ(90px) scale(.91)}.elementor-flip-box--3d .elementor-flip-box__layer__overlay{transform:translateZ(.1px);transform-style:preserve-3d}.elementor-flip-box--effect-flip .elementor-flip-box{perspective:1000px;transform-style:preserve-3d}.elementor-flip-box--effect-flip .elementor-flip-box__layer{backface-visibility:hidden;transform-style:preserve-3d}.elementor-flip-box--effect-flip .elementor-flip-box__front{transform:none;z-index:1}.elementor-flip-box--effect-flip .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-flip .elementor-flip-box:hover .elementor-flip-box__back{transform:none}.elementor-flip-box--effect-flip.elementor-flip-box--direction-right .elementor-flip-box__back{transform:rotateX(0) rotateY(-180deg)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-right .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-flip.elementor-flip-box--direction-right .elementor-flip-box:hover .elementor-flip-box__front{transform:rotateX(0) rotateY(180deg)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-left .elementor-flip-box__back{transform:rotateX(0) rotateY(180deg)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-left .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-flip.elementor-flip-box--direction-left .elementor-flip-box:hover .elementor-flip-box__front{transform:rotateX(0) rotateY(-180deg)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-up .elementor-flip-box__back{transform:rotateX(-180deg) rotateY(0)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-up .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-flip.elementor-flip-box--direction-up .elementor-flip-box:hover .elementor-flip-box__front{transform:rotateX(180deg) rotateY(0)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-down .elementor-flip-box__back{transform:rotateX(180deg) rotateY(0)}.elementor-flip-box--effect-flip.elementor-flip-box--direction-down .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-flip.elementor-flip-box--direction-down .elementor-flip-box:hover .elementor-flip-box__front{transform:rotateX(-180deg) rotateY(0)}.elementor-flip-box--effect-push .elementor-flip-box__front{transform:none}.elementor-flip-box--effect-push.elementor-flip-box--direction-right .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-push.elementor-flip-box--direction-right .elementor-flip-box:hover .elementor-flip-box__front{transform:translateX(100%) translateY(0)}.elementor-flip-box--effect-push.elementor-flip-box--direction-left .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-push.elementor-flip-box--direction-left .elementor-flip-box:hover .elementor-flip-box__front{transform:translateX(-100%) translateY(0)}.elementor-flip-box--effect-push.elementor-flip-box--direction-up .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-push.elementor-flip-box--direction-up .elementor-flip-box:hover .elementor-flip-box__front{transform:translateX(0) translateY(-100%)}.elementor-flip-box--effect-push.elementor-flip-box--direction-down .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-push.elementor-flip-box--direction-down .elementor-flip-box:hover .elementor-flip-box__front{transform:translateX(0) translateY(100%)}.elementor-flip-box--effect-push .elementor-flip-box,.elementor-flip-box--effect-slide .elementor-flip-box{overflow:hidden}.elementor-flip-box--effect-push .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-push .elementor-flip-box:hover .elementor-flip-box__back,.elementor-flip-box--effect-slide .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-slide .elementor-flip-box:hover .elementor-flip-box__back{transform:none}.elementor-flip-box--effect-push.elementor-flip-box--direction-right .elementor-flip-box__back,.elementor-flip-box--effect-slide.elementor-flip-box--direction-right .elementor-flip-box__back{transform:translateX(-100%) translateY(0)}.elementor-flip-box--effect-push.elementor-flip-box--direction-left .elementor-flip-box__back,.elementor-flip-box--effect-slide.elementor-flip-box--direction-left .elementor-flip-box__back{transform:translateX(100%) translateY(0)}.elementor-flip-box--effect-push.elementor-flip-box--direction-up .elementor-flip-box__back,.elementor-flip-box--effect-slide.elementor-flip-box--direction-up .elementor-flip-box__back{transform:translateX(0) translateY(100%)}.elementor-flip-box--effect-push.elementor-flip-box--direction-down .elementor-flip-box__back,.elementor-flip-box--effect-slide.elementor-flip-box--direction-down .elementor-flip-box__back{transform:translateX(0) translateY(-100%)}.elementor-flip-box--effect-zoom-out .elementor-flip-box .elementor-flip-box__front{opacity:1;transform:scale(1);transition:transform .7s,opacity .35s,width .1ms;width:100%;z-index:1}@media (prefers-reduced-motion:reduce){.elementor-flip-box--effect-zoom-out .elementor-flip-box .elementor-flip-box__front{transition-duration:0s}}.elementor-flip-box--effect-zoom-out .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-zoom-out .elementor-flip-box:hover .elementor-flip-box__front{opacity:0;transform:scale(.7);transition:transform .8s,opacity .7s .1s,width .1ms .7s;width:0}@media (prefers-reduced-motion:reduce){.elementor-flip-box--effect-zoom-out .elementor-flip-box:focus-visible .elementor-flip-box__front,.elementor-flip-box--effect-zoom-out .elementor-flip-box:hover .elementor-flip-box__front{transition-delay:0s;transition-duration:0s}}.elementor-flip-box--effect-zoom-in .elementor-flip-box .elementor-flip-box__back{opacity:0;transform:scale(.7);transition:transform .7s,opacity .5s .2s}@media (prefers-reduced-motion:reduce){.elementor-flip-box--effect-zoom-in .elementor-flip-box .elementor-flip-box__back{transition-delay:0s;transition-duration:0s}}.elementor-flip-box--effect-zoom-in .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-zoom-in .elementor-flip-box:hover .elementor-flip-box__back{opacity:1;transform:scale(1);transition:transform .7s,opacity .5s}@media (prefers-reduced-motion:reduce){.elementor-flip-box--effect-zoom-in .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-zoom-in .elementor-flip-box:hover .elementor-flip-box__back{transition-duration:0s}}.elementor-flip-box--effect-fade .elementor-flip-box .elementor-flip-box__back{opacity:0}.elementor-flip-box--effect-fade .elementor-flip-box:focus-visible .elementor-flip-box__back,.elementor-flip-box--effect-fade .elementor-flip-box:hover .elementor-flip-box__back{opacity:1}.elementor-widget-flip-box.elementor-flip-box--flipped .elementor-widget-container .elementor-flip-box__front,.elementor-widget-flip-box.elementor-flip-box--flipped:not(:has(.elementor-widget-container)) .elementor-flip-box__front{display:none}.elementor-widget-flip-box.elementor-flip-box--flipped .elementor-widget-container .elementor-flip-box__back,.elementor-widget-flip-box.elementor-flip-box--flipped:not(:has(.elementor-widget-container)) .elementor-flip-box__back{opacity:1;transform:none}.e-con-inner>.elementor-widget-flip-box,.e-con>.elementor-widget-flip-box{width:var(--container-widget-width);--flex-grow:var( --container-widget-flex-grow )}

MR SKB