/* Before and After Slider (Pristine copy of Top Tier's; labels in Rajdhani). The after photo is the base layer; the before photo sits on top,
   clipped to the left of --pos. Shape comes from the widget's aspect-ratio (inline). */
/* A definite width on the widget itself. Inside a column container that inherits flex-wrap:wrap (Elementor
   rows set to wrap on mobile pass --flex-wrap down), Chrome sizes the item before its width is known, and an
   aspect-ratio box collapses to 0 height and paints over the next section. Found on phones 2026-09-29. */
.elementor-widget-ttc-before-after{width:100%}
.ttc-ba{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:10px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;--pos:50%;background:#E5E7EB}
.ttc-ba img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover;display:block;pointer-events:none;border-radius:0!important}
.ttc-ba .ttc-ba__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ttc-ba__line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#FFFFFF;box-shadow:0 0 0 .5px rgba(0,0,0,.25);pointer-events:none}
.ttc-ba__knob{position:absolute;top:50%;left:var(--pos);width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 6px rgba(0,0,0,.35);pointer-events:none;display:flex;align-items:center;justify-content:center;gap:5px}
.ttc-ba__knob::before,.ttc-ba__knob::after{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent}
.ttc-ba__knob::before{border-right:6px solid var(--ttc-ba-accent,#0C6E8B)}
.ttc-ba__knob::after{border-left:6px solid var(--ttc-ba-accent,#0C6E8B)}
.ttc-ba__label{position:absolute;bottom:14px;padding:7px 13px;border-radius:4px;background:#FFFFFF;color:var(--ttc-ba-accent,#0C6E8B);font:700 14px/1.2 'Rajdhani',sans-serif;letter-spacing:1.5px;text-transform:uppercase;pointer-events:none}
.ttc-ba__label--before{left:14px}
.ttc-ba__label--after{right:14px}
.ttc-ba__range{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0}
.ttc-ba:focus-within{outline:3px solid var(--ttc-ba-accent,#0C6E8B);outline-offset:2px}
@media (max-width:767px){.ttc-ba__label{font-size:14px;padding:6px 11px}}