/*
 * Stronghold Clip Path Framework shared frontend and Elementor editor styles.
 *
 * Frontend rendering is plugin-owned so the Shape Effects controls and their
 * generated classes share one asset contract.
 */

/*--------------------------------------------------------------
14.49 Container Styling
--------------------------------------------------------------*/
/* -------------------------------------------------------------------------- */
/* Base Framework                                                              */
/* -------------------------------------------------------------------------- */

.sh-clip.sh-clip--enabled {
  --sh-clip-size: 10%;
  --sh-clip-size-sm: 6%;
  --sh-clip-size-lg: 15%;
  --sh-clip-radius: 18px;
  --sh-clip-wave-depth: 14%;
  --sh-clip-accent-offset: 14px;
  --sh-clip-accent-color: rgba(76, 175, 80, 0.18);
  --sh-clip-size-active: var(--sh-clip-size);
  --sh-clip-radius-active: var(--sh-clip-radius);
  --sh-clip-wave-depth-active: var(--sh-clip-wave-depth);
  --sh-clip-accent-offset-active: var(--sh-clip-accent-offset);
  position: relative;
  transition: clip-path 0.3s ease, filter 0.3s ease, transform 0.3s ease;
}

.sh-clip-strength--subtle {
  --sh-clip-size: 6%;
  --sh-clip-size-sm: 4%;
  --sh-clip-size-lg: 10%;
  --sh-clip-radius: 12px;
  --sh-clip-wave-depth: 10%;
}

.sh-clip-strength--medium {
  --sh-clip-size: 10%;
  --sh-clip-size-sm: 6%;
  --sh-clip-size-lg: 15%;
  --sh-clip-radius: 18px;
  --sh-clip-wave-depth: 14%;
}

.sh-clip-strength--bold {
  --sh-clip-size: 14%;
  --sh-clip-size-sm: 9%;
  --sh-clip-size-lg: 20%;
  --sh-clip-radius: 26px;
  --sh-clip-wave-depth: 18%;
}

.sh-clip-overflow-hidden {
  overflow: hidden;
}

/* -------------------------------------------------------------------------- */
/* Shadow Safe Modes                                                           */
/* -------------------------------------------------------------------------- */

.sh-clip-shadow--off {
  filter: none;
}

.sh-clip-shadow--pseudo {
  /*
   * Safe V2 shadow mode:
   * use drop-shadow on the clipped element itself instead of trying to wrap
   * Elementor container markup.
   */
  filter: drop-shadow(0 calc(var(--sh-clip-accent-offset-active) * 0.45) calc(var(--sh-clip-radius-active) * 0.7) rgba(0, 0, 0, 0.18));
}

.sh-clip-shadow--wrapper-ready {
  /*
   * Reserved for a future wrapper-safe implementation.
   * The class is output now so the framework can evolve without changing saved data.
   */
  filter: none;
}

/* -------------------------------------------------------------------------- */
/* Accent Layer                                                                */
/* -------------------------------------------------------------------------- */

.sh-clip-accent {
  isolation: isolate;
}

.sh-clip-accent::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
  background: var(--sh-clip-accent-color);
  opacity: 0.7;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.sh-clip-accent > * {
  position: relative;
  z-index: 1;
}

.sh-clip-accent--top-right::before {
  top: calc(var(--sh-clip-accent-offset-active) * -1);
  right: calc(var(--sh-clip-accent-offset-active) * -1);
  width: 42%;
  height: 42%;
  border-radius: 999px;
}

.sh-clip-accent--top-left::before {
  top: calc(var(--sh-clip-accent-offset-active) * -1);
  left: calc(var(--sh-clip-accent-offset-active) * -1);
  width: 42%;
  height: 42%;
  border-radius: 999px;
}

.sh-clip-accent--bottom-right::before {
  right: calc(var(--sh-clip-accent-offset-active) * -1);
  bottom: calc(var(--sh-clip-accent-offset-active) * -1);
  width: 42%;
  height: 42%;
  border-radius: 999px;
}

.sh-clip-accent--bottom-left::before {
  left: calc(var(--sh-clip-accent-offset-active) * -1);
  bottom: calc(var(--sh-clip-accent-offset-active) * -1);
  width: 42%;
  height: 42%;
  border-radius: 999px;
}

.sh-clip-accent--full-offset::before {
  inset: calc(var(--sh-clip-accent-offset-active) * -1);
  clip-path: inherit;
  border-radius: calc(var(--sh-clip-radius-active) * 1.15);
  opacity: 0.16;
}

/* -------------------------------------------------------------------------- */
/* Hover Effects                                                               */
/* -------------------------------------------------------------------------- */

.sh-clip-hover--none:hover {
  transform: none;
}

.sh-clip-hover--deepen:hover {
  --sh-clip-size-active: calc(var(--sh-clip-size) * 1.18);
  --sh-clip-wave-depth-active: calc(var(--sh-clip-wave-depth) * 1.14);
}

.sh-clip-hover--soften:hover {
  --sh-clip-size-active: calc(var(--sh-clip-size) * 0.82);
  --sh-clip-wave-depth-active: calc(var(--sh-clip-wave-depth) * 0.78);
  --sh-clip-radius-active: calc(var(--sh-clip-radius) * 1.12);
}

.sh-clip-hover--lift-accent:hover {
  transform: translateY(-4px);
}

.sh-clip-hover--lift-accent:hover::before {
  transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
  .sh-clip.sh-clip--enabled,
  .sh-clip-accent::before {
    transition: none !important;
  }

  .sh-clip-hover--lift-accent:hover {
    transform: none;
  }

  .sh-clip-hover--lift-accent:hover::before {
    transform: none;
  }
}

/* -------------------------------------------------------------------------- */
/* Fallback Notes                                                              */
/* -------------------------------------------------------------------------- */

@supports not (clip-path: polygon(0 0)) {
  /*
   * Fallback:
   * Browsers without clip-path support keep the normal rectangular container.
   * The PHP only adds classes, so no layout is broken if clip-path is unsupported.
   */
}

/* -------------------------------------------------------------------------- */
/* Preset Geometry                                                             */
/* -------------------------------------------------------------------------- */

@supports (clip-path: polygon(0 0)) {
  .sh-clip--rounded {
    clip-path: inset(0 round var(--sh-clip-radius-active));
  }

  .sh-clip--big-radius {
    clip-path: inset(0 round calc(var(--sh-clip-radius-active) * 2.2));
  }

  .sh-clip--top-right-notch {
    clip-path: polygon(0 0, calc(100% - var(--sh-clip-size-active)) 0, 100% var(--sh-clip-size-active), 100% 100%, 0 100%);
  }

  .sh-clip--top-left-notch {
    clip-path: polygon(var(--sh-clip-size-active) 0, 100% 0, 100% 100%, 0 100%, 0 var(--sh-clip-size-active));
  }

  .sh-clip--bottom-right-notch {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sh-clip-size-active)), calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
  }

  .sh-clip--bottom-left-notch {
    clip-path: polygon(0 0, 100% 0, 100% 100%, var(--sh-clip-size-active) 100%, 0 calc(100% - var(--sh-clip-size-active)));
  }

  .sh-clip--label-notch {
    clip-path: polygon(0 0, calc(50% - var(--sh-clip-size-active)) 0, 50% var(--sh-clip-size-active), calc(50% + var(--sh-clip-size-active)) 0, 100% 0, 100% 100%, 0 100%);
  }

  .sh-clip--double-notch {
    clip-path: polygon(0 0, 28% 0, calc(28% + var(--sh-clip-size-sm)) var(--sh-clip-size-sm), calc(72% - var(--sh-clip-size-sm)) var(--sh-clip-size-sm), 72% 0, 100% 0, 100% 100%, 0 100%);
  }

  .sh-clip--step-corner {
    clip-path: polygon(0 0, 100% 0, 100% 70%, calc(100% - var(--sh-clip-size-active)) 70%, calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
  }

  .sh-clip--inset-corner {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sh-clip-size-active)), calc(100% - var(--sh-clip-size-active)) calc(100% - var(--sh-clip-size-active)), calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
  }

  .sh-clip--diagonal-cut {
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
  }

  .sh-clip--slanted-edge-left {
    clip-path: polygon(var(--sh-clip-size-active) 0, 100% 0, 100% 100%, 0 100%);
  }

  .sh-clip--slanted-edge-right {
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
  }

  .sh-clip--angled-corner-tr {
    clip-path: polygon(0 0, calc(100% - var(--sh-clip-size-active)) 0, 100% var(--sh-clip-size-active), 100% 100%, 0 100%);
  }

  .sh-clip--angled-corner-tl {
    clip-path: polygon(var(--sh-clip-size-active) 0, 100% 0, 100% 100%, 0 100%, 0 var(--sh-clip-size-active));
  }

  .sh-clip--angled-corner-br {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sh-clip-size-active)), calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
  }

  .sh-clip--angled-corner-bl {
    clip-path: polygon(0 0, 100% 0, 100% 100%, var(--sh-clip-size-active) 100%, 0 calc(100% - var(--sh-clip-size-active)));
  }

  .sh-clip--beveled-corner {
    clip-path: polygon(var(--sh-clip-size-sm) 0, calc(100% - var(--sh-clip-size-sm)) 0, 100% var(--sh-clip-size-sm), 100% calc(100% - var(--sh-clip-size-sm)), calc(100% - var(--sh-clip-size-sm)) 100%, var(--sh-clip-size-sm) 100%, 0 calc(100% - var(--sh-clip-size-sm)), 0 var(--sh-clip-size-sm));
  }

  .sh-clip--asymmetric-cut {
    clip-path: polygon(0 0, calc(100% - var(--sh-clip-size-sm)) 0, 100% var(--sh-clip-size-active), 100% 100%, var(--sh-clip-size-active) 100%, 0 calc(100% - var(--sh-clip-size-sm)));
  }

  .sh-clip--trapezoid-top {
    clip-path: polygon(var(--sh-clip-size-sm) 0, calc(100% - var(--sh-clip-size-sm)) 0, 100% 100%, 0 100%);
  }

  .sh-clip--trapezoid-bottom {
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--sh-clip-size-sm)) 100%, var(--sh-clip-size-sm) 100%);
  }

  .sh-clip--parallelogram-left {
    clip-path: polygon(var(--sh-clip-size-active) 0, 100% 0, calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
  }

  .sh-clip--parallelogram-right {
    clip-path: polygon(0 0, calc(100% - var(--sh-clip-size-active)) 0, 100% 100%, var(--sh-clip-size-active) 100%);
  }

  .sh-clip--chevron-left {
    clip-path: polygon(0 0, calc(100% - var(--sh-clip-size-active)) 0, 100% 50%, calc(100% - var(--sh-clip-size-active)) 100%, 0 100%, var(--sh-clip-size-active) 50%);
  }

  .sh-clip--chevron-right {
    clip-path: polygon(var(--sh-clip-size-active) 0, 100% 0, calc(100% - var(--sh-clip-size-active)) 50%, 100% 100%, var(--sh-clip-size-active) 100%, 0 50%);
  }

  .sh-clip--chevron-bite {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--sh-clip-size-active) 50%);
  }

  .sh-clip--arrow-left {
    clip-path: polygon(var(--sh-clip-size-active) 0, 100% 0, 100% 100%, var(--sh-clip-size-active) 100%, 0 50%);
  }

  .sh-clip--arrow-right {
    clip-path: polygon(0 0, calc(100% - var(--sh-clip-size-active)) 0, 100% 50%, calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
  }

  .sh-clip--pentagon-left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, var(--sh-clip-size-active) 100%, 0 50%);
  }

  .sh-clip--pentagon-right {
    clip-path: polygon(0 0, calc(100% - var(--sh-clip-size-active)) 0, 100% 50%, calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
  }

  .sh-clip--wave-top {
    clip-path: polygon(0 var(--sh-clip-wave-depth-active), 8% calc(var(--sh-clip-wave-depth-active) * 0.72), 16% calc(var(--sh-clip-wave-depth-active) * 0.56), 24% calc(var(--sh-clip-wave-depth-active) * 0.72), 32% var(--sh-clip-wave-depth-active), 40% calc(var(--sh-clip-wave-depth-active) * 1.28), 48% calc(var(--sh-clip-wave-depth-active) * 1.12), 56% calc(var(--sh-clip-wave-depth-active) * 0.72), 64% calc(var(--sh-clip-wave-depth-active) * 0.56), 72% calc(var(--sh-clip-wave-depth-active) * 0.72), 80% var(--sh-clip-wave-depth-active), 88% calc(var(--sh-clip-wave-depth-active) * 1.28), 94% calc(var(--sh-clip-wave-depth-active) * 1.12), 100% calc(var(--sh-clip-wave-depth-active) * 0.86), 100% 100%, 0 100%);
  }

  .sh-clip--wave-bottom {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sh-clip-wave-depth-active)), 92% calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)), 84% calc(100% - (var(--sh-clip-wave-depth-active) * 0.56)), 76% calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)), 68% calc(100% - var(--sh-clip-wave-depth-active)), 60% calc(100% - (var(--sh-clip-wave-depth-active) * 1.28)), 52% calc(100% - (var(--sh-clip-wave-depth-active) * 1.12)), 44% calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)), 36% calc(100% - (var(--sh-clip-wave-depth-active) * 0.56)), 28% calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)), 20% calc(100% - var(--sh-clip-wave-depth-active)), 12% calc(100% - (var(--sh-clip-wave-depth-active) * 1.28)), 6% calc(100% - (var(--sh-clip-wave-depth-active) * 1.12)), 0 calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)));
  }

  .sh-clip--wave-left {
    clip-path: polygon(var(--sh-clip-wave-depth-active) 0, calc(var(--sh-clip-wave-depth-active) * 0.72) 8%, calc(var(--sh-clip-wave-depth-active) * 0.56) 16%, calc(var(--sh-clip-wave-depth-active) * 0.72) 24%, var(--sh-clip-wave-depth-active) 32%, calc(var(--sh-clip-wave-depth-active) * 1.28) 40%, calc(var(--sh-clip-wave-depth-active) * 1.12) 48%, calc(var(--sh-clip-wave-depth-active) * 0.72) 56%, calc(var(--sh-clip-wave-depth-active) * 0.56) 64%, calc(var(--sh-clip-wave-depth-active) * 0.72) 72%, var(--sh-clip-wave-depth-active) 80%, calc(var(--sh-clip-wave-depth-active) * 1.28) 88%, calc(var(--sh-clip-wave-depth-active) * 1.12) 94%, calc(var(--sh-clip-wave-depth-active) * 0.86) 100%, 100% 100%, 100% 0);
  }

  .sh-clip--wave-right {
    clip-path: polygon(0 0, calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)) 0, calc(100% - (var(--sh-clip-wave-depth-active) * 1.12)) 8%, calc(100% - (var(--sh-clip-wave-depth-active) * 1.28)) 16%, calc(100% - var(--sh-clip-wave-depth-active)) 24%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)) 32%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.56)) 40%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)) 48%, calc(100% - var(--sh-clip-wave-depth-active)) 56%, calc(100% - (var(--sh-clip-wave-depth-active) * 1.28)) 64%, calc(100% - (var(--sh-clip-wave-depth-active) * 1.12)) 72%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)) 80%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.56)) 88%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)) 94%, calc(100% - var(--sh-clip-wave-depth-active)) 100%, 0 100%);
  }

  .sh-clip--double-wave-top {
    clip-path: polygon(0 calc(var(--sh-clip-wave-depth-active) * 0.86), 8% calc(var(--sh-clip-wave-depth-active) * 0.58), 16% calc(var(--sh-clip-wave-depth-active) * 0.72), 24% calc(var(--sh-clip-wave-depth-active) * 1.16), 32% calc(var(--sh-clip-wave-depth-active) * 0.86), 40% calc(var(--sh-clip-wave-depth-active) * 0.58), 48% calc(var(--sh-clip-wave-depth-active) * 0.72), 56% calc(var(--sh-clip-wave-depth-active) * 1.16), 64% calc(var(--sh-clip-wave-depth-active) * 0.86), 72% calc(var(--sh-clip-wave-depth-active) * 0.58), 80% calc(var(--sh-clip-wave-depth-active) * 0.72), 88% calc(var(--sh-clip-wave-depth-active) * 1.16), 94% calc(var(--sh-clip-wave-depth-active) * 0.86), 100% calc(var(--sh-clip-wave-depth-active) * 0.66), 100% 100%, 0 100%);
  }

  .sh-clip--double-wave-bottom {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)), 92% calc(100% - (var(--sh-clip-wave-depth-active) * 0.58)), 84% calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)), 76% calc(100% - (var(--sh-clip-wave-depth-active) * 1.16)), 68% calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)), 60% calc(100% - (var(--sh-clip-wave-depth-active) * 0.58)), 52% calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)), 44% calc(100% - (var(--sh-clip-wave-depth-active) * 1.16)), 36% calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)), 28% calc(100% - (var(--sh-clip-wave-depth-active) * 0.58)), 20% calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)), 12% calc(100% - (var(--sh-clip-wave-depth-active) * 1.16)), 6% calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)), 0 calc(100% - (var(--sh-clip-wave-depth-active) * 0.66)));
  }

  .sh-clip--organic-top {
    clip-path: polygon(0 calc(var(--sh-clip-wave-depth-active) * 0.72), 8% calc(var(--sh-clip-wave-depth-active) * 0.58), 18% calc(var(--sh-clip-wave-depth-active) * 0.28), 28% calc(var(--sh-clip-wave-depth-active) * 0.58), 38% calc(var(--sh-clip-wave-depth-active) * 1.08), 48% calc(var(--sh-clip-wave-depth-active) * 0.86), 58% calc(var(--sh-clip-wave-depth-active) * 0.36), 68% calc(var(--sh-clip-wave-depth-active) * 0.42), 78% calc(var(--sh-clip-wave-depth-active) * 0.86), 88% calc(var(--sh-clip-wave-depth-active) * 1.16), 94% calc(var(--sh-clip-wave-depth-active) * 0.86), 100% calc(var(--sh-clip-wave-depth-active) * 0.42), 100% 100%, 0 100%);
  }

  .sh-clip--organic-bottom {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)), 94% calc(100% - (var(--sh-clip-wave-depth-active) * 1.16)), 84% calc(100% - (var(--sh-clip-wave-depth-active) * 1.5)), 74% calc(100% - (var(--sh-clip-wave-depth-active) * 1.12)), 64% calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)), 54% calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)), 44% calc(100% - (var(--sh-clip-wave-depth-active) * 1.36)), 34% calc(100% - (var(--sh-clip-wave-depth-active) * 1.28)), 24% calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)), 14% calc(100% - (var(--sh-clip-wave-depth-active) * 0.58)), 6% calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)), 0 calc(100% - (var(--sh-clip-wave-depth-active) * 1.28)));
  }

  .sh-clip--organic-left {
    clip-path: polygon(calc(var(--sh-clip-wave-depth-active) * 0.86) 0, calc(var(--sh-clip-wave-depth-active) * 0.58) 8%, calc(var(--sh-clip-wave-depth-active) * 0.28) 18%, calc(var(--sh-clip-wave-depth-active) * 0.58) 28%, calc(var(--sh-clip-wave-depth-active) * 1.08) 38%, calc(var(--sh-clip-wave-depth-active) * 0.86) 48%, calc(var(--sh-clip-wave-depth-active) * 0.36) 58%, calc(var(--sh-clip-wave-depth-active) * 0.42) 68%, calc(var(--sh-clip-wave-depth-active) * 0.86) 78%, calc(var(--sh-clip-wave-depth-active) * 1.16) 88%, calc(var(--sh-clip-wave-depth-active) * 0.86) 94%, calc(var(--sh-clip-wave-depth-active) * 0.42) 100%, 100% 100%, 100% 0);
  }

  .sh-clip--organic-right {
    clip-path: polygon(0 0, calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)) 0, calc(100% - (var(--sh-clip-wave-depth-active) * 0.58)) 8%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.28)) 18%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.58)) 28%, calc(100% - (var(--sh-clip-wave-depth-active) * 1.08)) 38%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)) 48%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.36)) 58%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.42)) 68%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)) 78%, calc(100% - (var(--sh-clip-wave-depth-active) * 1.16)) 88%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)) 94%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.42)) 100%, 0 100%);
  }

  .sh-clip--circle-cut-top-right {
    clip-path: polygon(0 0, calc(100% - (var(--sh-clip-size-active) * 1.6)) 0, calc(100% - (var(--sh-clip-size-active) * 0.8)) calc(var(--sh-clip-size-active) * 0.18), calc(100% - (var(--sh-clip-size-active) * 0.34)) calc(var(--sh-clip-size-active) * 0.72), 100% calc(var(--sh-clip-size-active) * 1.2), 100% 100%, 0 100%);
  }

  .sh-clip--circle-cut-top-left {
    clip-path: polygon(calc(var(--sh-clip-size-active) * 1.6) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--sh-clip-size-active) * 1.2), calc(var(--sh-clip-size-active) * 0.34) calc(var(--sh-clip-size-active) * 0.72), calc(var(--sh-clip-size-active) * 0.8) calc(var(--sh-clip-size-active) * 0.18));
  }

  .sh-clip--circle-cut-bottom-right {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - (var(--sh-clip-size-active) * 1.2)), calc(100% - (var(--sh-clip-size-active) * 0.34)) calc(100% - (var(--sh-clip-size-active) * 0.72)), calc(100% - (var(--sh-clip-size-active) * 0.8)) calc(100% - (var(--sh-clip-size-active) * 0.18)), calc(100% - (var(--sh-clip-size-active) * 1.6)) 100%, 0 100%);
  }

  .sh-clip--circle-cut-bottom-left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--sh-clip-size-active) * 1.6) 100%, calc(var(--sh-clip-size-active) * 0.8) calc(100% - (var(--sh-clip-size-active) * 0.18)), calc(var(--sh-clip-size-active) * 0.34) calc(100% - (var(--sh-clip-size-active) * 0.72)), 0 calc(100% - (var(--sh-clip-size-active) * 1.2)));
  }

  .sh-clip--ring-cut-top {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 var(--sh-clip-size-active), 38% var(--sh-clip-size-active), 42% calc(var(--sh-clip-size-active) * 0.42), 50% 0, 58% calc(var(--sh-clip-size-active) * 0.42), 62% var(--sh-clip-size-active), 100% var(--sh-clip-size-active), 100% 0);
  }

  .sh-clip--ring-cut-bottom {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sh-clip-size-active)), 62% calc(100% - var(--sh-clip-size-active)), 58% calc(100% - (var(--sh-clip-size-active) * 0.42)), 50% 100%, 42% calc(100% - (var(--sh-clip-size-active) * 0.42)), 38% calc(100% - var(--sh-clip-size-active)), 0 calc(100% - var(--sh-clip-size-active)));
  }

  .sh-clip--half-circle-left {
    clip-path: polygon(var(--sh-clip-size-active) 0, 100% 0, 100% 100%, var(--sh-clip-size-active) 100%, calc(var(--sh-clip-size-active) * 0.42) 88%, 0 70%, 0 30%, calc(var(--sh-clip-size-active) * 0.42) 12%);
  }

  .sh-clip--half-circle-right {
    clip-path: polygon(0 0, calc(100% - var(--sh-clip-size-active)) 0, calc(100% - (var(--sh-clip-size-active) * 0.42)) 12%, 100% 30%, 100% 70%, calc(100% - (var(--sh-clip-size-active) * 0.42)) 88%, calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
  }

  .sh-clip--bolt-cut {
    clip-path: polygon(0 0, 100% 0, calc(100% - (var(--sh-clip-size-active) * 0.9)) 24%, 100% 44%, calc(100% - var(--sh-clip-size-active)) 68%, 100% 100%, 0 100%);
  }

  .sh-clip--curved-diagonal {
    clip-path: polygon(0 0, 100% 0, 100% 0, calc(100% - (var(--sh-clip-size-active) * 0.4)) 18%, calc(100% - (var(--sh-clip-size-active) * 1.2)) 36%, calc(100% - (var(--sh-clip-size-active) * 2.4)) 54%, calc(100% - (var(--sh-clip-size-active) * 4)) 70%, calc(100% - (var(--sh-clip-size-active) * 5.8)) 84%, calc(100% - (var(--sh-clip-size-active) * 7.8)) 94%, 0 100%);
  }
}

/* -------------------------------------------------------------------------- */
/* Direction Overrides                                                         */
/* -------------------------------------------------------------------------- */

@supports (clip-path: polygon(0 0)) {
  /* Corner / notch families */
  .sh-clip-dir--top-right.sh-clip--top-left-notch,
  .sh-clip-dir--top-right.sh-clip--bottom-right-notch,
  .sh-clip-dir--top-right.sh-clip--bottom-left-notch,
  .sh-clip-dir--top-right.sh-clip--angled-corner-tl,
  .sh-clip-dir--top-right.sh-clip--angled-corner-br,
  .sh-clip-dir--top-right.sh-clip--angled-corner-bl,
  .sh-clip-dir--top-right.sh-clip--circle-cut-top-left,
  .sh-clip-dir--top-right.sh-clip--circle-cut-bottom-right,
  .sh-clip-dir--top-right.sh-clip--circle-cut-bottom-left {
    clip-path: polygon(0 0, calc(100% - var(--sh-clip-size-active)) 0, 100% var(--sh-clip-size-active), 100% 100%, 0 100%);
  }

  .sh-clip-dir--top-left.sh-clip--top-right-notch,
  .sh-clip-dir--top-left.sh-clip--bottom-right-notch,
  .sh-clip-dir--top-left.sh-clip--bottom-left-notch,
  .sh-clip-dir--top-left.sh-clip--angled-corner-tr,
  .sh-clip-dir--top-left.sh-clip--angled-corner-br,
  .sh-clip-dir--top-left.sh-clip--angled-corner-bl,
  .sh-clip-dir--top-left.sh-clip--circle-cut-top-right,
  .sh-clip-dir--top-left.sh-clip--circle-cut-bottom-right,
  .sh-clip-dir--top-left.sh-clip--circle-cut-bottom-left {
    clip-path: polygon(var(--sh-clip-size-active) 0, 100% 0, 100% 100%, 0 100%, 0 var(--sh-clip-size-active));
  }

  .sh-clip-dir--bottom-right.sh-clip--top-left-notch,
  .sh-clip-dir--bottom-right.sh-clip--top-right-notch,
  .sh-clip-dir--bottom-right.sh-clip--bottom-left-notch,
  .sh-clip-dir--bottom-right.sh-clip--angled-corner-tl,
  .sh-clip-dir--bottom-right.sh-clip--angled-corner-tr,
  .sh-clip-dir--bottom-right.sh-clip--angled-corner-bl,
  .sh-clip-dir--bottom-right.sh-clip--circle-cut-top-left,
  .sh-clip-dir--bottom-right.sh-clip--circle-cut-top-right,
  .sh-clip-dir--bottom-right.sh-clip--circle-cut-bottom-left {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sh-clip-size-active)), calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
  }

  .sh-clip-dir--bottom-left.sh-clip--top-left-notch,
  .sh-clip-dir--bottom-left.sh-clip--top-right-notch,
  .sh-clip-dir--bottom-left.sh-clip--bottom-right-notch,
  .sh-clip-dir--bottom-left.sh-clip--angled-corner-tl,
  .sh-clip-dir--bottom-left.sh-clip--angled-corner-tr,
  .sh-clip-dir--bottom-left.sh-clip--angled-corner-br,
  .sh-clip-dir--bottom-left.sh-clip--circle-cut-top-left,
  .sh-clip-dir--bottom-left.sh-clip--circle-cut-top-right,
  .sh-clip-dir--bottom-left.sh-clip--circle-cut-bottom-right {
    clip-path: polygon(0 0, 100% 0, 100% 100%, var(--sh-clip-size-active) 100%, 0 calc(100% - var(--sh-clip-size-active)));
  }

  /* Wave and organic families */
  .sh-clip-dir--top.sh-clip--wave-bottom,
  .sh-clip-dir--top.sh-clip--wave-left,
  .sh-clip-dir--top.sh-clip--wave-right,
  .sh-clip-dir--top.sh-clip--organic-bottom,
  .sh-clip-dir--top.sh-clip--organic-left,
  .sh-clip-dir--top.sh-clip--organic-right {
    clip-path: polygon(0 var(--sh-clip-wave-depth-active), 8% calc(var(--sh-clip-wave-depth-active) * 0.72), 16% calc(var(--sh-clip-wave-depth-active) * 0.56), 24% calc(var(--sh-clip-wave-depth-active) * 0.72), 32% var(--sh-clip-wave-depth-active), 40% calc(var(--sh-clip-wave-depth-active) * 1.28), 48% calc(var(--sh-clip-wave-depth-active) * 1.12), 56% calc(var(--sh-clip-wave-depth-active) * 0.72), 64% calc(var(--sh-clip-wave-depth-active) * 0.56), 72% calc(var(--sh-clip-wave-depth-active) * 0.72), 80% var(--sh-clip-wave-depth-active), 88% calc(var(--sh-clip-wave-depth-active) * 1.28), 94% calc(var(--sh-clip-wave-depth-active) * 1.12), 100% calc(var(--sh-clip-wave-depth-active) * 0.86), 100% 100%, 0 100%);
  }

  .sh-clip-dir--bottom.sh-clip--wave-top,
  .sh-clip-dir--bottom.sh-clip--wave-left,
  .sh-clip-dir--bottom.sh-clip--wave-right,
  .sh-clip-dir--bottom.sh-clip--organic-top,
  .sh-clip-dir--bottom.sh-clip--organic-left,
  .sh-clip-dir--bottom.sh-clip--organic-right {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sh-clip-wave-depth-active)), 92% calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)), 84% calc(100% - (var(--sh-clip-wave-depth-active) * 0.56)), 76% calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)), 68% calc(100% - var(--sh-clip-wave-depth-active)), 60% calc(100% - (var(--sh-clip-wave-depth-active) * 1.28)), 52% calc(100% - (var(--sh-clip-wave-depth-active) * 1.12)), 44% calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)), 36% calc(100% - (var(--sh-clip-wave-depth-active) * 0.56)), 28% calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)), 20% calc(100% - var(--sh-clip-wave-depth-active)), 12% calc(100% - (var(--sh-clip-wave-depth-active) * 1.28)), 6% calc(100% - (var(--sh-clip-wave-depth-active) * 1.12)), 0 calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)));
  }

  .sh-clip-dir--left.sh-clip--wave-top,
  .sh-clip-dir--left.sh-clip--wave-bottom,
  .sh-clip-dir--left.sh-clip--wave-right,
  .sh-clip-dir--left.sh-clip--organic-top,
  .sh-clip-dir--left.sh-clip--organic-bottom,
  .sh-clip-dir--left.sh-clip--organic-right {
    clip-path: polygon(var(--sh-clip-wave-depth-active) 0, calc(var(--sh-clip-wave-depth-active) * 0.72) 8%, calc(var(--sh-clip-wave-depth-active) * 0.56) 16%, calc(var(--sh-clip-wave-depth-active) * 0.72) 24%, var(--sh-clip-wave-depth-active) 32%, calc(var(--sh-clip-wave-depth-active) * 1.28) 40%, calc(var(--sh-clip-wave-depth-active) * 1.12) 48%, calc(var(--sh-clip-wave-depth-active) * 0.72) 56%, calc(var(--sh-clip-wave-depth-active) * 0.56) 64%, calc(var(--sh-clip-wave-depth-active) * 0.72) 72%, var(--sh-clip-wave-depth-active) 80%, calc(var(--sh-clip-wave-depth-active) * 1.28) 88%, calc(var(--sh-clip-wave-depth-active) * 1.12) 94%, calc(var(--sh-clip-wave-depth-active) * 0.86) 100%, 100% 100%, 100% 0);
  }

  .sh-clip-dir--right.sh-clip--wave-top,
  .sh-clip-dir--right.sh-clip--wave-bottom,
  .sh-clip-dir--right.sh-clip--wave-left,
  .sh-clip-dir--right.sh-clip--organic-top,
  .sh-clip-dir--right.sh-clip--organic-bottom,
  .sh-clip-dir--right.sh-clip--organic-left {
    clip-path: polygon(0 0, calc(100% - (var(--sh-clip-wave-depth-active) * 0.86)) 0, calc(100% - (var(--sh-clip-wave-depth-active) * 1.12)) 8%, calc(100% - (var(--sh-clip-wave-depth-active) * 1.28)) 16%, calc(100% - var(--sh-clip-wave-depth-active)) 24%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)) 32%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.56)) 40%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)) 48%, calc(100% - var(--sh-clip-wave-depth-active)) 56%, calc(100% - (var(--sh-clip-wave-depth-active) * 1.28)) 64%, calc(100% - (var(--sh-clip-wave-depth-active) * 1.12)) 72%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)) 80%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.56)) 88%, calc(100% - (var(--sh-clip-wave-depth-active) * 0.72)) 94%, calc(100% - var(--sh-clip-wave-depth-active)) 100%, 0 100%);
  }

  /* Diagonal families */
  .sh-clip-dir--top-left.sh-clip--diagonal-cut,
  .sh-clip-dir--top-left.sh-clip--curved-diagonal {
    clip-path: polygon(var(--sh-clip-size-active) 0, 100% 0, 100% 100%, 0 100%);
  }

  .sh-clip-dir--top-right.sh-clip--diagonal-cut,
  .sh-clip-dir--top-right.sh-clip--curved-diagonal {
    clip-path: polygon(0 0, calc(100% - var(--sh-clip-size-active)) 0, 100% 100%, 0 100%);
  }

  .sh-clip-dir--bottom-left.sh-clip--diagonal-cut,
  .sh-clip-dir--bottom-left.sh-clip--curved-diagonal {
    clip-path: polygon(0 0, 100% 0, 100% 100%, var(--sh-clip-size-active) 100%);
  }

  .sh-clip-dir--bottom-right.sh-clip--diagonal-cut,
  .sh-clip-dir--bottom-right.sh-clip--curved-diagonal {
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
  }
}

/* -------------------------------------------------------------------------- */
/* Responsive Device Overrides                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 1024px) {
  .sh-clip-tablet--rounded {
    clip-path: inset(0 round var(--sh-clip-radius-active)) !important;
  }

  .sh-clip-tablet--none,
  .sh-clip-disable-tablet {
    clip-path: none !important;
    filter: none !important;
  }
}

@media (max-width: 767px) {
  /*
   * Recommendation:
   * small screens usually work best with either "rounded" or "none".
   */
  .sh-clip-mobile--rounded {
    clip-path: inset(0 round var(--sh-clip-radius-active)) !important;
  }

  .sh-clip-mobile--none,
  .sh-clip-disable-mobile {
    clip-path: none !important;
    filter: none !important;
  }
}




/* 14.50 Stronghold Clip Path Framework: Curated Preset Layer                */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* 1. Base framework and rendering resets                                     */
/* -------------------------------------------------------------------------- */

.sh-clip.sh-clip--enabled {
  --sh-clip-radius-lg: calc(var(--sh-clip-radius-active) * 2);
  --sh-clip-notch: calc(var(--sh-clip-size-active) * 1.65);
  --sh-clip-curve: calc(var(--sh-clip-size-active) * 1.15);
  border-radius: var(--sh-clip-radius-active);
}

.sh-clip.sh-clip--enabled > .elementor-background-overlay {
  border-radius: inherit;
}

.sh-clip--rounded,
.sh-clip--big-radius,
.sh-clip--diagonal-cut,
.sh-clip--slanted-edge-left,
.sh-clip--slanted-edge-right,
.sh-clip--angled-corner-tr,
.sh-clip--angled-corner-tl,
.sh-clip--angled-corner-br,
.sh-clip--angled-corner-bl,
.sh-clip--beveled-corner,
.sh-clip--asymmetric-cut,
.sh-clip--trapezoid-top,
.sh-clip--trapezoid-bottom,
.sh-clip--parallelogram-left,
.sh-clip--parallelogram-right,
.sh-clip--chevron-left,
.sh-clip--chevron-right,
.sh-clip--chevron-bite,
.sh-clip--arrow-left,
.sh-clip--arrow-right,
.sh-clip--pentagon-left,
.sh-clip--pentagon-right,
.sh-clip--wave-top,
.sh-clip--wave-bottom,
.sh-clip--wave-left,
.sh-clip--wave-right,
.sh-clip--double-wave-top,
.sh-clip--double-wave-bottom,
.sh-clip--organic-top,
.sh-clip--organic-bottom,
.sh-clip--organic-left,
.sh-clip--organic-right,
.sh-clip--bolt-cut,
.sh-clip--curved-diagonal,
.sh-clip--fluid-diagonal-left,
.sh-clip--fluid-diagonal-right,
.sh-clip--rounded-ribbon {
  mask: none;
  -webkit-mask: none;
}

/* -------------------------------------------------------------------------- */
/* 2. Strength variables                                                      */
/* -------------------------------------------------------------------------- */

.sh-clip.sh-clip--enabled.sh-clip-strength--subtle {
  --sh-clip-size: 6%;
  --sh-clip-size-sm: 4%;
  --sh-clip-size-lg: 10%;
  --sh-clip-radius: 12px;
  --sh-clip-wave-depth: 10%;
  --sh-clip-notch: calc(var(--sh-clip-size-active) * 1.3);
  --sh-clip-curve: calc(var(--sh-clip-size-active) * 0.9);
}

.sh-clip.sh-clip--enabled.sh-clip-strength--medium {
  --sh-clip-size: 10%;
  --sh-clip-size-sm: 6%;
  --sh-clip-size-lg: 15%;
  --sh-clip-radius: 18px;
  --sh-clip-wave-depth: 14%;
  --sh-clip-notch: calc(var(--sh-clip-size-active) * 1.65);
  --sh-clip-curve: calc(var(--sh-clip-size-active) * 1.15);
}

.sh-clip.sh-clip--enabled.sh-clip-strength--bold {
  --sh-clip-size: 14%;
  --sh-clip-size-sm: 9%;
  --sh-clip-size-lg: 20%;
  --sh-clip-radius: 26px;
  --sh-clip-wave-depth: 18%;
  --sh-clip-notch: calc(var(--sh-clip-size-active) * 2);
  --sh-clip-curve: calc(var(--sh-clip-size-active) * 1.4);
}

/* -------------------------------------------------------------------------- */
/* 3. Browser fallbacks and feature detection                                 */
/* -------------------------------------------------------------------------- */

/* Each mask preset declares a compact polygon fallback first. */
.sh-clip--top-right-notch,
.sh-clip--rounded-scoop-top-right {
  clip-path: polygon(0 0, calc(100% - var(--sh-clip-notch)) 0, 100% var(--sh-clip-notch), 100% 100%, 0 100%);
}

.sh-clip--top-left-notch {
  clip-path: polygon(var(--sh-clip-notch) 0, 100% 0, 100% 100%, 0 100%, 0 var(--sh-clip-notch));
}

.sh-clip--bottom-right-notch {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sh-clip-notch)), calc(100% - var(--sh-clip-notch)) 100%, 0 100%);
}

.sh-clip--bottom-left-notch,
.sh-clip--rounded-scoop-bottom-left {
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--sh-clip-notch) 100%, 0 calc(100% - var(--sh-clip-notch)));
}

.sh-clip--label-notch,
.sh-clip--capsule-notch-top {
  clip-path: polygon(0 0, 34% 0, 42% var(--sh-clip-notch), 58% var(--sh-clip-notch), 66% 0, 100% 0, 100% 100%, 0 100%);
}

.sh-clip--double-notch {
  clip-path: polygon(0 0, 19% 0, 25% var(--sh-clip-notch), 34% var(--sh-clip-notch), 40% 0, 60% 0, 66% var(--sh-clip-notch), 75% var(--sh-clip-notch), 81% 0, 100% 0, 100% 100%, 0 100%);
}

.sh-clip--step-corner {
  clip-path: polygon(0 0, 100% 0, 100% 68%, calc(100% - var(--sh-clip-notch)) 74%, calc(100% - var(--sh-clip-notch)) 100%, 0 100%);
}

.sh-clip--inset-corner {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sh-clip-notch)), calc(100% - var(--sh-clip-notch)) calc(100% - var(--sh-clip-notch)), calc(100% - var(--sh-clip-notch)) 100%, 0 100%);
}

.sh-clip--circle-cut-top-right {
  clip-path: polygon(0 0, calc(100% - (var(--sh-clip-notch) * 1.5)) 0, 100% calc(var(--sh-clip-notch) * 1.35), 100% 100%, 0 100%);
}

.sh-clip--circle-cut-top-left {
  clip-path: polygon(calc(var(--sh-clip-notch) * 1.5) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--sh-clip-notch) * 1.35));
}

.sh-clip--circle-cut-bottom-right {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - (var(--sh-clip-notch) * 1.35)), calc(100% - (var(--sh-clip-notch) * 1.5)) 100%, 0 100%);
}

.sh-clip--circle-cut-bottom-left {
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--sh-clip-notch) * 1.5) 100%, 0 calc(100% - (var(--sh-clip-notch) * 1.35)));
}

.sh-clip--ring-cut-top,
.sh-clip--soft-arch-top {
  clip-path: polygon(0 8%, 20% 3%, 50% 0, 80% 3%, 100% 8%, 100% 100%, 0 100%);
}

.sh-clip--ring-cut-bottom,
.sh-clip--soft-arch-bottom {
  clip-path: polygon(0 0, 100% 0, 100% 92%, 80% 97%, 50% 100%, 20% 97%, 0 92%);
}

.sh-clip--half-circle-left {
  clip-path: polygon(var(--sh-clip-notch) 0, 100% 0, 100% 100%, var(--sh-clip-notch) 100%, 0 72%, 0 28%);
}

.sh-clip--half-circle-right {
  clip-path: polygon(0 0, calc(100% - var(--sh-clip-notch)) 0, 100% 28%, 100% 72%, calc(100% - var(--sh-clip-notch)) 100%, 0 100%);
}

.sh-clip--capsule-notch-bottom {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 66% 100%, 58% calc(100% - var(--sh-clip-notch)), 42% calc(100% - var(--sh-clip-notch)), 34% 100%, 0 100%);
}

.sh-clip--soft-ticket {
  clip-path: polygon(0 0, 100% 0, 100% 32%, calc(100% - var(--sh-clip-notch)) 50%, 100% 68%, 100% 100%, 0 100%, 0 68%, var(--sh-clip-notch) 50%, 0 32%);
}

@supports ((mask-image: radial-gradient(#000, transparent)) or (-webkit-mask-image: radial-gradient(#000, transparent))) {
  .sh-clip--top-right-notch,
  .sh-clip--top-left-notch,
  .sh-clip--bottom-right-notch,
  .sh-clip--bottom-left-notch,
  .sh-clip--label-notch,
  .sh-clip--double-notch,
  .sh-clip--step-corner,
  .sh-clip--inset-corner,
  .sh-clip--circle-cut-top-right,
  .sh-clip--circle-cut-top-left,
  .sh-clip--circle-cut-bottom-right,
  .sh-clip--circle-cut-bottom-left,
  .sh-clip--ring-cut-top,
  .sh-clip--ring-cut-bottom,
  .sh-clip--half-circle-left,
  .sh-clip--half-circle-right,
  .sh-clip--soft-arch-top,
  .sh-clip--soft-arch-bottom,
  .sh-clip--rounded-scoop-top-right,
  .sh-clip--rounded-scoop-bottom-left,
  .sh-clip--capsule-notch-top,
  .sh-clip--capsule-notch-bottom,
  .sh-clip--soft-ticket {
    clip-path: inset(0 round var(--sh-clip-radius-active)) !important;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
  }

  .sh-clip--top-right-notch {
    --sh-clip-mask-image: radial-gradient(circle at 100% 0, transparent 0 calc(var(--sh-clip-notch) * 0.82), #000 calc((var(--sh-clip-notch) * 0.82) + 1px));
  }

  .sh-clip--top-left-notch {
    --sh-clip-mask-image: radial-gradient(circle at 0 0, transparent 0 calc(var(--sh-clip-notch) * 0.82), #000 calc((var(--sh-clip-notch) * 0.82) + 1px));
  }

  .sh-clip--bottom-right-notch {
    --sh-clip-mask-image: radial-gradient(circle at 100% 100%, transparent 0 calc(var(--sh-clip-notch) * 0.82), #000 calc((var(--sh-clip-notch) * 0.82) + 1px));
  }

  .sh-clip--bottom-left-notch {
    --sh-clip-mask-image: radial-gradient(circle at 0 100%, transparent 0 calc(var(--sh-clip-notch) * 0.82), #000 calc((var(--sh-clip-notch) * 0.82) + 1px));
  }

  .sh-clip--label-notch {
    --sh-clip-mask-image: radial-gradient(ellipse calc(var(--sh-clip-notch) * 1.25) var(--sh-clip-curve) at 50% 0, transparent 0 97%, #000 100%);
  }

  .sh-clip--double-notch {
    --sh-clip-mask-image: linear-gradient(#000 0 0), radial-gradient(circle at 28% 0, transparent 0 var(--sh-clip-curve), #000 calc(var(--sh-clip-curve) + 1px)), radial-gradient(circle at 72% 0, transparent 0 var(--sh-clip-curve), #000 calc(var(--sh-clip-curve) + 1px));
    mask-composite: exclude, exclude;
    -webkit-mask-composite: xor;
  }

  .sh-clip--step-corner {
    --sh-clip-mask-image: radial-gradient(circle at 100% 74%, transparent 0 var(--sh-clip-curve), #000 calc(var(--sh-clip-curve) + 1px));
  }

  .sh-clip--inset-corner {
    --sh-clip-mask-image: radial-gradient(circle at 100% 100%, transparent 0 var(--sh-clip-notch), #000 calc(var(--sh-clip-notch) + 1px));
  }

  .sh-clip--circle-cut-top-right {
    --sh-clip-mask-image: radial-gradient(circle at 100% 0, transparent 0 calc(var(--sh-clip-notch) * 1.45), #000 calc((var(--sh-clip-notch) * 1.45) + 1px));
  }

  .sh-clip--circle-cut-top-left {
    --sh-clip-mask-image: radial-gradient(circle at 0 0, transparent 0 calc(var(--sh-clip-notch) * 1.45), #000 calc((var(--sh-clip-notch) * 1.45) + 1px));
  }

  .sh-clip--circle-cut-bottom-right {
    --sh-clip-mask-image: radial-gradient(circle at 100% 100%, transparent 0 calc(var(--sh-clip-notch) * 1.45), #000 calc((var(--sh-clip-notch) * 1.45) + 1px));
  }

  .sh-clip--circle-cut-bottom-left {
    --sh-clip-mask-image: radial-gradient(circle at 0 100%, transparent 0 calc(var(--sh-clip-notch) * 1.45), #000 calc((var(--sh-clip-notch) * 1.45) + 1px));
  }

  .sh-clip--ring-cut-top {
    --sh-clip-mask-image: radial-gradient(ellipse calc(var(--sh-clip-notch) * 1.25) var(--sh-clip-notch) at 50% 0, transparent 0 97%, #000 100%);
  }

  .sh-clip--ring-cut-bottom {
    --sh-clip-mask-image: radial-gradient(ellipse calc(var(--sh-clip-notch) * 1.25) var(--sh-clip-notch) at 50% 100%, transparent 0 97%, #000 100%);
  }

  .sh-clip--half-circle-left {
    --sh-clip-mask-image: radial-gradient(circle at 0 50%, transparent 0 calc(var(--sh-clip-notch) * 1.1), #000 calc((var(--sh-clip-notch) * 1.1) + 1px));
  }

  .sh-clip--half-circle-right {
    --sh-clip-mask-image: radial-gradient(circle at 100% 50%, transparent 0 calc(var(--sh-clip-notch) * 1.1), #000 calc((var(--sh-clip-notch) * 1.1) + 1px));
  }

  .sh-clip--soft-arch-top {
    --sh-clip-mask-image: radial-gradient(130% 118% at 50% 108%, #000 69%, transparent 70%);
  }

  .sh-clip--soft-arch-bottom {
    --sh-clip-mask-image: radial-gradient(130% 118% at 50% -8%, #000 69%, transparent 70%);
  }

  .sh-clip--rounded-scoop-top-right {
    --sh-clip-mask-image: radial-gradient(circle at 100% 0, transparent 0 calc(var(--sh-clip-notch) * 1.7), #000 calc((var(--sh-clip-notch) * 1.7) + 1px));
  }

  .sh-clip--rounded-scoop-bottom-left {
    --sh-clip-mask-image: radial-gradient(circle at 0 100%, transparent 0 calc(var(--sh-clip-notch) * 1.7), #000 calc((var(--sh-clip-notch) * 1.7) + 1px));
  }

  .sh-clip--capsule-notch-top {
    --sh-clip-mask-image: radial-gradient(ellipse calc(var(--sh-clip-notch) * 1.7) var(--sh-clip-curve) at 50% 0, transparent 0 97%, #000 100%);
  }

  .sh-clip--capsule-notch-bottom {
    --sh-clip-mask-image: radial-gradient(ellipse calc(var(--sh-clip-notch) * 1.7) var(--sh-clip-curve) at 50% 100%, transparent 0 97%, #000 100%);
  }

  .sh-clip--soft-ticket {
    --sh-clip-mask-image: linear-gradient(#000 0 0), radial-gradient(circle at 0 50%, transparent 0 var(--sh-clip-curve), #000 calc(var(--sh-clip-curve) + 1px)), radial-gradient(circle at 100% 50%, transparent 0 var(--sh-clip-curve), #000 calc(var(--sh-clip-curve) + 1px));
    mask-composite: exclude, exclude;
    -webkit-mask-composite: xor;
  }

  .sh-clip--top-right-notch,
  .sh-clip--top-left-notch,
  .sh-clip--bottom-right-notch,
  .sh-clip--bottom-left-notch,
  .sh-clip--label-notch,
  .sh-clip--double-notch,
  .sh-clip--step-corner,
  .sh-clip--inset-corner,
  .sh-clip--circle-cut-top-right,
  .sh-clip--circle-cut-top-left,
  .sh-clip--circle-cut-bottom-right,
  .sh-clip--circle-cut-bottom-left,
  .sh-clip--ring-cut-top,
  .sh-clip--ring-cut-bottom,
  .sh-clip--half-circle-left,
  .sh-clip--half-circle-right,
  .sh-clip--soft-arch-top,
  .sh-clip--soft-arch-bottom,
  .sh-clip--rounded-scoop-top-right,
  .sh-clip--rounded-scoop-bottom-left,
  .sh-clip--capsule-notch-top,
  .sh-clip--capsule-notch-bottom,
  .sh-clip--soft-ticket {
    mask-image: var(--sh-clip-mask-image);
    -webkit-mask-image: var(--sh-clip-mask-image);
  }

  /* Direction changes the placement of curved cuts without restoring the
   * older angular direction polygons. */
  .sh-clip-dir--top-left.sh-clip--top-right-notch,
  .sh-clip-dir--top-left.sh-clip--top-left-notch,
  .sh-clip-dir--top-left.sh-clip--bottom-right-notch,
  .sh-clip-dir--top-left.sh-clip--bottom-left-notch {
    --sh-clip-mask-image: radial-gradient(circle at 0 0, transparent 0 calc(var(--sh-clip-notch) * 0.82), #000 calc((var(--sh-clip-notch) * 0.82) + 1px));
  }

  .sh-clip-dir--top-right.sh-clip--top-right-notch,
  .sh-clip-dir--top-right.sh-clip--top-left-notch,
  .sh-clip-dir--top-right.sh-clip--bottom-right-notch,
  .sh-clip-dir--top-right.sh-clip--bottom-left-notch {
    --sh-clip-mask-image: radial-gradient(circle at 100% 0, transparent 0 calc(var(--sh-clip-notch) * 0.82), #000 calc((var(--sh-clip-notch) * 0.82) + 1px));
  }

  .sh-clip-dir--bottom-left.sh-clip--top-right-notch,
  .sh-clip-dir--bottom-left.sh-clip--top-left-notch,
  .sh-clip-dir--bottom-left.sh-clip--bottom-right-notch,
  .sh-clip-dir--bottom-left.sh-clip--bottom-left-notch {
    --sh-clip-mask-image: radial-gradient(circle at 0 100%, transparent 0 calc(var(--sh-clip-notch) * 0.82), #000 calc((var(--sh-clip-notch) * 0.82) + 1px));
  }

  .sh-clip-dir--bottom-right.sh-clip--top-right-notch,
  .sh-clip-dir--bottom-right.sh-clip--top-left-notch,
  .sh-clip-dir--bottom-right.sh-clip--bottom-right-notch,
  .sh-clip-dir--bottom-right.sh-clip--bottom-left-notch {
    --sh-clip-mask-image: radial-gradient(circle at 100% 100%, transparent 0 calc(var(--sh-clip-notch) * 0.82), #000 calc((var(--sh-clip-notch) * 0.82) + 1px));
  }

  .sh-clip-dir--top-left.sh-clip--circle-cut-top-right,
  .sh-clip-dir--top-left.sh-clip--circle-cut-top-left,
  .sh-clip-dir--top-left.sh-clip--circle-cut-bottom-right,
  .sh-clip-dir--top-left.sh-clip--circle-cut-bottom-left {
    --sh-clip-mask-image: radial-gradient(circle at 0 0, transparent 0 calc(var(--sh-clip-notch) * 1.45), #000 calc((var(--sh-clip-notch) * 1.45) + 1px));
  }

  .sh-clip-dir--top-right.sh-clip--circle-cut-top-right,
  .sh-clip-dir--top-right.sh-clip--circle-cut-top-left,
  .sh-clip-dir--top-right.sh-clip--circle-cut-bottom-right,
  .sh-clip-dir--top-right.sh-clip--circle-cut-bottom-left {
    --sh-clip-mask-image: radial-gradient(circle at 100% 0, transparent 0 calc(var(--sh-clip-notch) * 1.45), #000 calc((var(--sh-clip-notch) * 1.45) + 1px));
  }

  .sh-clip-dir--bottom-left.sh-clip--circle-cut-top-right,
  .sh-clip-dir--bottom-left.sh-clip--circle-cut-top-left,
  .sh-clip-dir--bottom-left.sh-clip--circle-cut-bottom-right,
  .sh-clip-dir--bottom-left.sh-clip--circle-cut-bottom-left {
    --sh-clip-mask-image: radial-gradient(circle at 0 100%, transparent 0 calc(var(--sh-clip-notch) * 1.45), #000 calc((var(--sh-clip-notch) * 1.45) + 1px));
  }

  .sh-clip-dir--bottom-right.sh-clip--circle-cut-top-right,
  .sh-clip-dir--bottom-right.sh-clip--circle-cut-top-left,
  .sh-clip-dir--bottom-right.sh-clip--circle-cut-bottom-right,
  .sh-clip-dir--bottom-right.sh-clip--circle-cut-bottom-left {
    --sh-clip-mask-image: radial-gradient(circle at 100% 100%, transparent 0 calc(var(--sh-clip-notch) * 1.45), #000 calc((var(--sh-clip-notch) * 1.45) + 1px));
  }

  .sh-clip-dir--top.sh-clip--label-notch,
  .sh-clip-dir--top.sh-clip--capsule-notch-top,
  .sh-clip-dir--top.sh-clip--capsule-notch-bottom,
  .sh-clip-dir--top.sh-clip--ring-cut-top,
  .sh-clip-dir--top.sh-clip--ring-cut-bottom {
    --sh-clip-mask-image: radial-gradient(ellipse calc(var(--sh-clip-notch) * 1.45) var(--sh-clip-curve) at 50% 0, transparent 0 97%, #000 100%);
  }

  .sh-clip-dir--bottom.sh-clip--label-notch,
  .sh-clip-dir--bottom.sh-clip--capsule-notch-top,
  .sh-clip-dir--bottom.sh-clip--capsule-notch-bottom,
  .sh-clip-dir--bottom.sh-clip--ring-cut-top,
  .sh-clip-dir--bottom.sh-clip--ring-cut-bottom {
    --sh-clip-mask-image: radial-gradient(ellipse calc(var(--sh-clip-notch) * 1.45) var(--sh-clip-curve) at 50% 100%, transparent 0 97%, #000 100%);
  }

  .sh-clip-dir--left.sh-clip--half-circle-left,
  .sh-clip-dir--left.sh-clip--half-circle-right {
    --sh-clip-mask-image: radial-gradient(circle at 0 50%, transparent 0 calc(var(--sh-clip-notch) * 1.1), #000 calc((var(--sh-clip-notch) * 1.1) + 1px));
  }

  .sh-clip-dir--right.sh-clip--half-circle-left,
  .sh-clip-dir--right.sh-clip--half-circle-right {
    --sh-clip-mask-image: radial-gradient(circle at 100% 50%, transparent 0 calc(var(--sh-clip-notch) * 1.1), #000 calc((var(--sh-clip-notch) * 1.1) + 1px));
  }
}

/* -------------------------------------------------------------------------- */
/* 4. Basic rounded shapes                                                     */
/* -------------------------------------------------------------------------- */

.sh-clip--rounded {
  clip-path: none !important;
  -webkit-clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  border-radius: var(--sh-clip-radius-active) !important;
  overflow: hidden;
}

.sh-clip--big-radius {
  clip-path: none !important;
  -webkit-clip-path: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  border-radius: var(--sh-clip-radius-lg) !important;
  overflow: hidden;
}

/* -------------------------------------------------------------------------- */
/* 5. Soft geometric and architectural shapes                                 */
/* -------------------------------------------------------------------------- */

.sh-clip--diagonal-cut {
  clip-path: polygon(0 0, 100% 0, 94% 84%, 82% 100%, 0 100%);
}

.sh-clip--slanted-edge-left {
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%, 0 16%);
}

.sh-clip--slanted-edge-right {
  clip-path: polygon(0 0, 91% 0, 100% 16%, 100% 100%, 0 100%);
}

.sh-clip--asymmetric-cut {
  clip-path: polygon(0 0, 92% 0, 100% 14%, 100% 100%, 11% 100%, 0 86%);
}

.sh-clip--trapezoid-top {
  clip-path: polygon(8% 0, 92% 0, 100% 100%, 0 100%);
}

.sh-clip--trapezoid-bottom {
  clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
}

.sh-clip--parallelogram-left {
  clip-path: polygon(11% 0, 100% 0, 89% 100%, 0 100%);
}

.sh-clip--parallelogram-right {
  clip-path: polygon(0 0, 89% 0, 100% 100%, 11% 100%);
}

/* -------------------------------------------------------------------------- */
/* 6. Directional shapes                                                       */
/* -------------------------------------------------------------------------- */

.sh-clip--chevron-left {
  clip-path: polygon(0 8%, 84% 8%, 100% 50%, 84% 92%, 0 92%, 8% 50%);
}

.sh-clip--chevron-right {
  clip-path: polygon(16% 8%, 100% 8%, 92% 50%, 100% 92%, 16% 92%, 0 50%);
}

.sh-clip--chevron-bite {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10% 50%);
}

.sh-clip--arrow-left {
  clip-path: polygon(14% 8%, 100% 8%, 100% 92%, 14% 92%, 0 50%);
}

.sh-clip--arrow-right {
  clip-path: polygon(0 8%, 86% 8%, 100% 50%, 86% 92%, 0 92%);
}

.sh-clip--pentagon-left {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 18% 100%, 5% 50%);
}

.sh-clip--pentagon-right {
  clip-path: polygon(0 0, 82% 0, 95% 50%, 82% 100%, 0 100%);
}

/* -------------------------------------------------------------------------- */
/* 7. Technical and industrial shapes                                          */
/* -------------------------------------------------------------------------- */

.sh-clip--angled-corner-tr {
  clip-path: polygon(0 0, calc(100% - var(--sh-clip-size-active)) 0, 100% var(--sh-clip-size-active), 100% 100%, 0 100%);
}

.sh-clip--angled-corner-tl {
  clip-path: polygon(var(--sh-clip-size-active) 0, 100% 0, 100% 100%, 0 100%, 0 var(--sh-clip-size-active));
}

.sh-clip--angled-corner-br {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sh-clip-size-active)), calc(100% - var(--sh-clip-size-active)) 100%, 0 100%);
}

.sh-clip--angled-corner-bl {
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--sh-clip-size-active) 100%, 0 calc(100% - var(--sh-clip-size-active)));
}

.sh-clip--beveled-corner {
  clip-path: polygon(6% 0, 94% 0, 100% 8%, 100% 92%, 94% 100%, 6% 100%, 0 92%, 0 8%);
}

.sh-clip--bolt-cut {
  clip-path: polygon(0 0, 100% 0, 92% 23%, 100% 45%, 91% 68%, 100% 100%, 0 100%);
}

/* -------------------------------------------------------------------------- */
/* 8. Waves and organic shapes                                                 */
/* -------------------------------------------------------------------------- */

.sh-clip--wave-top {
  clip-path: polygon(0 12%, 18% 5%, 38% 12%, 60% 5%, 82% 12%, 100% 7%, 100% 100%, 0 100%);
}

.sh-clip--wave-bottom {
  clip-path: polygon(0 0, 100% 0, 100% 93%, 82% 88%, 60% 95%, 38% 88%, 18% 95%, 0 88%);
}

.sh-clip--wave-left {
  clip-path: polygon(12% 0, 5% 18%, 12% 38%, 5% 60%, 12% 82%, 7% 100%, 100% 100%, 100% 0);
}

.sh-clip--wave-right {
  clip-path: polygon(0 0, 93% 0, 88% 18%, 95% 38%, 88% 60%, 95% 82%, 88% 100%, 0 100%);
}

.sh-clip--double-wave-top {
  clip-path: polygon(0 10%, 14% 4%, 29% 11%, 45% 4%, 61% 11%, 77% 4%, 100% 10%, 100% 100%, 0 100%);
}

.sh-clip--double-wave-bottom {
  clip-path: polygon(0 0, 100% 0, 100% 90%, 77% 96%, 61% 89%, 45% 96%, 29% 89%, 14% 96%, 0 90%);
}

.sh-clip--organic-top {
  clip-path: polygon(0 14%, 16% 7%, 33% 10%, 51% 3%, 70% 11%, 87% 6%, 100% 12%, 100% 100%, 0 100%);
}

.sh-clip--organic-bottom {
  clip-path: polygon(0 0, 100% 0, 100% 89%, 84% 95%, 65% 88%, 46% 97%, 25% 90%, 9% 94%, 0 87%);
}

.sh-clip--organic-left {
  clip-path: polygon(14% 0, 7% 16%, 10% 33%, 3% 51%, 11% 70%, 6% 87%, 12% 100%, 100% 100%, 100% 0);
}

.sh-clip--organic-right {
  clip-path: polygon(0 0, 88% 0, 93% 16%, 90% 33%, 97% 51%, 89% 70%, 94% 87%, 88% 100%, 0 100%);
}

/* -------------------------------------------------------------------------- */
/* 9. Asymmetric and ribbon shapes                                             */
/* -------------------------------------------------------------------------- */

.sh-clip--curved-diagonal {
  clip-path: polygon(0 0, 100% 0, 98% 20%, 92% 42%, 82% 65%, 66% 84%, 46% 100%, 0 100%);
}

.sh-clip--fluid-diagonal-left {
  clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%, 0 66%, 4% 39%);
}

.sh-clip--fluid-diagonal-right {
  clip-path: polygon(0 0, 87% 0, 96% 39%, 100% 66%, 100% 100%, 0 100%);
}

.sh-clip--rounded-ribbon {
  clip-path: polygon(7% 0, 94% 0, 100% 18%, 93% 50%, 100% 82%, 94% 100%, 6% 100%, 0 82%, 7% 50%, 0 18%);
}

/* Direction remains available for the diagonal family without falling back to
 * the earlier sharp triangular treatment. */
.sh-clip-dir--top-left.sh-clip--diagonal-cut {
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 16%) !important;
}

.sh-clip-dir--top-right.sh-clip--diagonal-cut {
  clip-path: polygon(0 0, 90% 0, 100% 16%, 100% 100%, 0 100%) !important;
}

.sh-clip-dir--bottom-left.sh-clip--diagonal-cut {
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%, 0 84%) !important;
}

.sh-clip-dir--bottom-right.sh-clip--diagonal-cut {
  clip-path: polygon(0 0, 100% 0, 100% 84%, 90% 100%, 0 100%) !important;
}

.sh-clip-dir--top-left.sh-clip--curved-diagonal {
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 0 70%, 4% 39%) !important;
}

.sh-clip-dir--top-right.sh-clip--curved-diagonal {
  clip-path: polygon(0 0, 86% 0, 96% 39%, 100% 70%, 100% 100%, 0 100%) !important;
}

.sh-clip-dir--bottom-left.sh-clip--curved-diagonal {
  clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%, 0 30%, 4% 61%) !important;
}

.sh-clip-dir--bottom-right.sh-clip--curved-diagonal {
  clip-path: polygon(0 0, 100% 0, 100% 30%, 96% 61%, 86% 100%, 0 100%) !important;
}

/* -------------------------------------------------------------------------- */
/* 10. Hover compatibility                                                      */
/* -------------------------------------------------------------------------- */

.sh-clip.sh-clip--enabled {
  transition: transform 360ms ease;
}

.sh-clip.sh-clip--enabled.sh-clip-hover--lift:hover {
  transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
  .sh-clip.sh-clip--enabled {
    transition: none !important;
  }

  .sh-clip.sh-clip--enabled.sh-clip-hover--lift:hover {
    transform: none;
  }
}

/* -------------------------------------------------------------------------- */
/* 11. Responsive behavior                                                      */
/* -------------------------------------------------------------------------- */

@media (max-width: 1024px) {
  .sh-clip-tablet--rounded {
    clip-path: none !important;
    -webkit-clip-path: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    border-radius: var(--sh-clip-radius-active) !important;
    overflow: hidden;
  }

  .sh-clip-tablet--none,
  .sh-clip-disable-tablet {
    clip-path: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    border-radius: 0;
  }
}

@media (max-width: 767px) {
  .sh-clip-mobile--rounded {
    clip-path: none !important;
    -webkit-clip-path: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    border-radius: var(--sh-clip-radius-active) !important;
    overflow: hidden;
  }

  .sh-clip-mobile--none,
  .sh-clip-disable-mobile {
    clip-path: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    border-radius: 0;
  }

  .sh-clip--wave-top,
  .sh-clip--wave-bottom,
  .sh-clip--wave-left,
  .sh-clip--wave-right,
  .sh-clip--double-wave-top,
  .sh-clip--double-wave-bottom,
  .sh-clip--organic-top,
  .sh-clip--organic-bottom,
  .sh-clip--organic-left,
  .sh-clip--organic-right {
    --sh-clip-wave-depth-active: calc(var(--sh-clip-wave-depth) * 0.7);
  }
}
/* Editor-only usability rules. */
.sh-clip.sh-clip--enabled.sh-clip-editor-active {
    clip-path: none !important;
    -webkit-clip-path: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    overflow: visible !important;
    border-radius: 0 !important;
}

.elementor-editor-active .sh-clip.sh-clip--enabled:hover,
.elementor-editor-preview .sh-clip.sh-clip--enabled:hover {
    -webkit-clip-path: none !important;
    clip-path: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    overflow: visible !important;
    border-radius: 0 !important;
}