.shapeblock-hover-box-wrapper{display:flex}.shapeblock-hover-box-align-left{justify-content:flex-start}.shapeblock-hover-box-align-center{justify-content:center}.shapeblock-hover-box-align-right{justify-content:flex-end}.shapeblock-hover-box{background:#f4f2ff;height:240px;max-width:100%;overflow:hidden;position:relative;width:240px}.shapeblock-hover-box-shape-circle .shapeblock-hover-box{border-radius:50%}.shapeblock-hover-box-media{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;transition:transform .45s ease,opacity .45s ease,filter .45s ease}.shapeblock-hover-box-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.shapeblock-hover-box-media i{color:#5933ff;font-size:48px;line-height:1}.shapeblock-hover-box-overlay{align-items:center;background:rgba(89,51,255,.85);box-sizing:border-box;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;padding:24px;position:absolute;text-align:center;transition:opacity .45s ease,transform .45s ease,clip-path .45s ease}.shapeblock-hover-box-title{color:#fff;line-height:1.3;margin:0}.shapeblock-hover-box-desc{color:#fff;line-height:1.5;margin:8px 0 0}.shapeblock-hover-box-link{inset:0;position:absolute;z-index:2}.shapeblock-hover-box-effect-fade .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-fade .shapeblock-hover-box:hover .shapeblock-hover-box-overlay{opacity:1}.shapeblock-hover-box-effect-push .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-slide .shapeblock-hover-box-overlay{opacity:1}.shapeblock-hover-box-effect-push.shapeblock-hover-box-dir-top .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-slide.shapeblock-hover-box-dir-top .shapeblock-hover-box-overlay{transform:translateY(-100%)}.shapeblock-hover-box-effect-push.shapeblock-hover-box-dir-bottom .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-slide.shapeblock-hover-box-dir-bottom .shapeblock-hover-box-overlay{transform:translateY(100%)}.shapeblock-hover-box-effect-push.shapeblock-hover-box-dir-left .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-slide.shapeblock-hover-box-dir-left .shapeblock-hover-box-overlay{transform:translateX(-100%)}.shapeblock-hover-box-effect-push.shapeblock-hover-box-dir-right .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-slide.shapeblock-hover-box-dir-right .shapeblock-hover-box-overlay{transform:translateX(100%)}.shapeblock-hover-box-effect-push .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-push .shapeblock-hover-box:hover .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-slide .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-slide .shapeblock-hover-box:hover .shapeblock-hover-box-overlay{transform:translate(0)}.shapeblock-hover-box-effect-push.shapeblock-hover-box-dir-top .shapeblock-hover-box:focus-within .shapeblock-hover-box-media,.shapeblock-hover-box-effect-push.shapeblock-hover-box-dir-top .shapeblock-hover-box:hover .shapeblock-hover-box-media{transform:translateY(100%)}.shapeblock-hover-box-effect-push.shapeblock-hover-box-dir-bottom .shapeblock-hover-box:focus-within .shapeblock-hover-box-media,.shapeblock-hover-box-effect-push.shapeblock-hover-box-dir-bottom .shapeblock-hover-box:hover .shapeblock-hover-box-media{transform:translateY(-100%)}.shapeblock-hover-box-effect-push.shapeblock-hover-box-dir-left .shapeblock-hover-box:focus-within .shapeblock-hover-box-media,.shapeblock-hover-box-effect-push.shapeblock-hover-box-dir-left .shapeblock-hover-box:hover .shapeblock-hover-box-media{transform:translateX(100%)}.shapeblock-hover-box-effect-push.shapeblock-hover-box-dir-right .shapeblock-hover-box:focus-within .shapeblock-hover-box-media,.shapeblock-hover-box-effect-push.shapeblock-hover-box-dir-right .shapeblock-hover-box:hover .shapeblock-hover-box-media{transform:translateX(-100%)}.shapeblock-hover-box-effect-hinge .shapeblock-hover-box{perspective:900px}.shapeblock-hover-box-effect-hinge .shapeblock-hover-box-overlay{opacity:1}.shapeblock-hover-box-effect-hinge.shapeblock-hover-box-dir-top .shapeblock-hover-box-overlay{transform:rotateX(-100deg);transform-origin:top center}.shapeblock-hover-box-effect-hinge.shapeblock-hover-box-dir-bottom .shapeblock-hover-box-overlay{transform:rotateX(100deg);transform-origin:bottom center}.shapeblock-hover-box-effect-hinge.shapeblock-hover-box-dir-left .shapeblock-hover-box-overlay{transform:rotateY(100deg);transform-origin:center left}.shapeblock-hover-box-effect-hinge.shapeblock-hover-box-dir-right .shapeblock-hover-box-overlay{transform:rotateY(-100deg);transform-origin:center right}.shapeblock-hover-box-effect-hinge .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-hinge .shapeblock-hover-box:hover .shapeblock-hover-box-overlay{transform:rotateX(0) rotateY(0)}.shapeblock-hover-box-effect-shutter .shapeblock-hover-box-overlay{opacity:1}.shapeblock-hover-box-effect-shutter.shapeblock-hover-box-dir-top .shapeblock-hover-box-overlay{transform:scaleY(0);transform-origin:top center}.shapeblock-hover-box-effect-shutter.shapeblock-hover-box-dir-bottom .shapeblock-hover-box-overlay{transform:scaleY(0);transform-origin:bottom center}.shapeblock-hover-box-effect-shutter.shapeblock-hover-box-dir-left .shapeblock-hover-box-overlay{transform:scaleX(0);transform-origin:center left}.shapeblock-hover-box-effect-shutter.shapeblock-hover-box-dir-right .shapeblock-hover-box-overlay{transform:scaleX(0);transform-origin:center right}.shapeblock-hover-box-effect-shutter .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-shutter .shapeblock-hover-box:hover .shapeblock-hover-box-overlay{transform:scale(1)}.shapeblock-hover-box-effect-zoom.shapeblock-hover-box-dir-up .shapeblock-hover-box-overlay{transform:scale(.6)}.shapeblock-hover-box-effect-zoom.shapeblock-hover-box-dir-up .shapeblock-hover-box:focus-within .shapeblock-hover-box-media,.shapeblock-hover-box-effect-zoom.shapeblock-hover-box-dir-up .shapeblock-hover-box:hover .shapeblock-hover-box-media{opacity:0;transform:scale(1.5)}.shapeblock-hover-box-effect-zoom.shapeblock-hover-box-dir-down .shapeblock-hover-box-overlay{transform:scale(1.5)}.shapeblock-hover-box-effect-zoom.shapeblock-hover-box-dir-down .shapeblock-hover-box:focus-within .shapeblock-hover-box-media,.shapeblock-hover-box-effect-zoom.shapeblock-hover-box-dir-down .shapeblock-hover-box:hover .shapeblock-hover-box-media{opacity:0;transform:scale(.6)}.shapeblock-hover-box-effect-zoom .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-zoom .shapeblock-hover-box:hover .shapeblock-hover-box-overlay{opacity:1;transform:scale(1)}.shapeblock-hover-box-effect-flip .shapeblock-hover-box{background:none;overflow:visible;perspective:1000px}.shapeblock-hover-box-effect-flip .shapeblock-hover-box-media,.shapeblock-hover-box-effect-flip .shapeblock-hover-box-overlay{backface-visibility:hidden;overflow:hidden}.shapeblock-hover-box-effect-flip.shapeblock-hover-box-shape-circle .shapeblock-hover-box-media,.shapeblock-hover-box-effect-flip.shapeblock-hover-box-shape-circle .shapeblock-hover-box-overlay{border-radius:50%}.shapeblock-hover-box-effect-flip .shapeblock-hover-box-overlay{opacity:1}.shapeblock-hover-box-effect-flip.shapeblock-hover-box-dir-horizontal .shapeblock-hover-box-overlay{transform:rotateY(180deg)}.shapeblock-hover-box-effect-flip.shapeblock-hover-box-dir-horizontal .shapeblock-hover-box:focus-within .shapeblock-hover-box-media,.shapeblock-hover-box-effect-flip.shapeblock-hover-box-dir-horizontal .shapeblock-hover-box:hover .shapeblock-hover-box-media{transform:rotateY(180deg)}.shapeblock-hover-box-effect-flip.shapeblock-hover-box-dir-horizontal .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-flip.shapeblock-hover-box-dir-horizontal .shapeblock-hover-box:hover .shapeblock-hover-box-overlay{transform:rotateY(1turn)}.shapeblock-hover-box-effect-flip.shapeblock-hover-box-dir-vertical .shapeblock-hover-box-overlay{transform:rotateX(180deg)}.shapeblock-hover-box-effect-flip.shapeblock-hover-box-dir-vertical .shapeblock-hover-box:focus-within .shapeblock-hover-box-media,.shapeblock-hover-box-effect-flip.shapeblock-hover-box-dir-vertical .shapeblock-hover-box:hover .shapeblock-hover-box-media{transform:rotateX(180deg)}.shapeblock-hover-box-effect-flip.shapeblock-hover-box-dir-vertical .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-flip.shapeblock-hover-box-dir-vertical .shapeblock-hover-box:hover .shapeblock-hover-box-overlay{transform:rotateX(1turn)}.shapeblock-hover-box-effect-spin .shapeblock-hover-box-overlay{transform:rotate(-180deg) scale(.5)}.shapeblock-hover-box-effect-spin .shapeblock-hover-box:focus-within .shapeblock-hover-box-media,.shapeblock-hover-box-effect-spin .shapeblock-hover-box:hover .shapeblock-hover-box-media{opacity:0;transform:rotate(180deg) scale(.5)}.shapeblock-hover-box-effect-spin .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-spin .shapeblock-hover-box:hover .shapeblock-hover-box-overlay{opacity:1;transform:rotate(0) scale(1)}.shapeblock-hover-box-effect-blur .shapeblock-hover-box:focus-within .shapeblock-hover-box-media,.shapeblock-hover-box-effect-blur .shapeblock-hover-box:hover .shapeblock-hover-box-media{filter:blur(6px);transform:scale(1.12)}.shapeblock-hover-box-effect-blur .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-blur .shapeblock-hover-box:hover .shapeblock-hover-box-overlay{opacity:1}.shapeblock-hover-box-effect-grayscale .shapeblock-hover-box:focus-within .shapeblock-hover-box-media,.shapeblock-hover-box-effect-grayscale .shapeblock-hover-box:hover .shapeblock-hover-box-media{filter:grayscale(100%);transform:scale(1.08)}.shapeblock-hover-box-effect-grayscale .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-grayscale .shapeblock-hover-box:hover .shapeblock-hover-box-overlay{opacity:1}.shapeblock-hover-box-effect-circle .shapeblock-hover-box-overlay{clip-path:circle(0 at 50% 50%);opacity:1}.shapeblock-hover-box-effect-circle .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-circle .shapeblock-hover-box:hover .shapeblock-hover-box-overlay{clip-path:circle(75% at 50% 50%)}.shapeblock-hover-box-effect-curtain .shapeblock-hover-box-overlay{opacity:1;transform:scaleY(0);transform-origin:center center}.shapeblock-hover-box-effect-curtain .shapeblock-hover-box:focus-within .shapeblock-hover-box-overlay,.shapeblock-hover-box-effect-curtain .shapeblock-hover-box:hover .shapeblock-hover-box-overlay{transform:scaleY(1)}@media(prefers-reduced-motion:reduce){.shapeblock-hover-box-media,.shapeblock-hover-box-overlay{transition-duration:.01ms}}
