.zenth-before-after{--ba-ratio-m:4 / 3;--ba-divider-w:2px;--ba-handle:46px;--ba-radius:10px;display:flex;flex-direction:column;gap:clamp(24px, 3vw, 40px);width:100%;color:var(--cr-color-white,#fff);font-family:var(--cr-font-body,'Montserrat',system-ui,sans-serif)}.elementor-widget-zenth_before_after{width:100%!important;margin-top:3rem}.elementor-widget-zenth_before_after .elementor-widget-container{width:100%}.zenth-before-after__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px, 1vw, 14px);width:100%}.zenth-before-after__tab{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:10px 26px;border:2px solid rgb(255 255 255 / .4);border-radius:100px;background:#fff0;color:var(--cr-color-white,#fff);font-family:inherit;font-size:clamp(12px, 0.95vw, 14px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;cursor:pointer;transition:background var(--cr-transition-base,250ms ease),border-color var(--cr-transition-base,250ms ease),color var(--cr-transition-base,250ms ease)}.zenth-before-after__tab:focus,.zenth-before-after__tab:hover{border-color:var(--cr-color-primary,#c00000);background-color:#000}.zenth-before-after__tab.is-active{background:var(--cr-color-primary,#c00000);border-color:var(--cr-color-primary,#c00000);color:var(--cr-color-white,#fff)}.zenth-before-after__tab:focus{outline:none}button.zenth-before-after__tab:focus{background:#fff0}button.zenth-before-after__tab.is-active:focus{background:var(--cr-color-primary,#c00000)}.zenth-before-after__tab:focus-visible{outline:2px solid var(--cr-color-primary,#c00000);outline-offset:2px}.zenth-before-after__panels{position:relative;width:80%;max-width:70rem;margin:auto}.zenth-before-after__panels::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:132%;height:140%;background:radial-gradient(ellipse at center,rgb(192 0 0 / .28) 0%,#fff0 70%);pointer-events:none;z-index:0}.zenth-before-after__panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(14px, 1.6vw, 22px);width:100%}.zenth-before-after__panel[hidden]{display:none}.zenth-before-after__compare{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--ba-ratio,16 / 10);overflow:hidden;border-radius:var(--ba-radius,10px);background:var(--cr-color-darker,#0f0f0f);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y}.zenth-before-after__compare:focus{outline:none}.zenth-before-after__compare:focus-visible{outline:2px solid var(--cr-color-primary,#c00000);outline-offset:3px}.zenth-before-after__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;pointer-events:none}.zenth-before-after__clip{position:absolute;inset:0;z-index:2;clip-path:inset(0 calc(100% - var(--ba-pos, 50%)) 0 0)}.zenth-before-after__compare::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(to top,var(--cr-color-black,#000) 0%,transparent 45%);pointer-events:none}.zenth-before-after__loader{position:absolute;top:50%;left:50%;z-index:5;width:50px;aspect-ratio:1;border-radius:50%;border:8px solid;border-color:var(--cr-color-white,#fff) #fff0;transform:translate(-50%,-50%);animation:zenth-ba-spin 1s linear infinite;display:none;pointer-events:none}.zenth-before-after__compare.is-loading{cursor:default;background:#fff0}.zenth-before-after__compare.is-loading .zenth-before-after__loader{display:block}.zenth-before-after__compare.is-loading .zenth-before-after__img,.zenth-before-after__compare.is-loading .zenth-before-after__divider,.zenth-before-after__compare.is-loading .zenth-before-after__badge,.zenth-before-after__compare.is-loading .zenth-before-after__watermark{opacity:0;visibility:hidden}.zenth-before-after__compare.is-loading::after{opacity:0}@keyframes zenth-ba-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.zenth-before-after__divider{position:absolute;top:0;bottom:0;left:var(--ba-pos,50%);width:var(--ba-divider-w,2px);transform:translateX(-50%);background:var(--cr-color-white,#fff);box-shadow:0 0 0 1px rgb(0 0 0 / .18);pointer-events:none;z-index:3}.zenth-before-after__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:var(--ba-handle,46px);height:var(--ba-handle,46px);border-radius:50%;background:var(--cr-color-primary,#c00000);color:var(--cr-color-white,#fff);box-shadow:0 4px 16px rgb(0 0 0 / .4);pointer-events:none}.zenth-before-after__handle svg{display:block}.zenth-before-after__badge{position:absolute;top:16px;z-index:4;padding:5px 12px;border-radius:100px;background:rgb(0 0 0 / .55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--cr-color-white,#fff);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;pointer-events:none}.zenth-before-after__badge--before{left:16px}.zenth-before-after__badge--after{right:16px}.zenth-before-after__watermark{position:absolute;left:23px;bottom:29px;z-index:4;display:block;width:clamp(56px, 12vw, 12rem);pointer-events:none;opacity:.92}.zenth-before-after__watermark img{display:block;width:100%;height:auto}.zenth-before-after__client{margin:0;text-align:center;color:var(--cr-color-text-muted,#81817f);font-size:clamp(13px, 1vw, 15px);font-weight:500}.zenth-before-after__compare.is-animating .zenth-before-after__clip,.zenth-before-after__compare.is-animating .zenth-before-after__divider{transition:clip-path 220ms cubic-bezier(.4,0,.2,1),left 220ms cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.zenth-before-after__compare{aspect-ratio:var(--ba-ratio-m,4 / 3)}.zenth-before-after__panels{width:92%}}@media (max-width:600px){.zenth-before-after{--ba-handle:40px}.zenth-before-after__tab{padding:9px 18px}.zenth-before-after__badge{top:12px;padding:4px 10px;font-size:10px}.zenth-before-after__badge--before{left:12px}.zenth-before-after__badge--after{right:12px}.zenth-before-after__watermark{left:12px;bottom:12px}}@media (prefers-reduced-motion:reduce){.zenth-before-after__tab,.zenth-before-after__compare.is-animating .zenth-before-after__clip,.zenth-before-after__compare.is-animating .zenth-before-after__divider{transition:none}.zenth-before-after__loader{animation:none}}