/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 10 2025 | 10:32:09 */
/* single-class solution for Elementor/CMS */
.custom-border-box-xyamwd{
  --line-color: #000;        /* change color */
  --line-thickness: 1px;     /* thickness of lines */
  --extend: 14px;            /* how far lines stick out past the box */
  position: relative;
  
  border: 0px solid var(--line-color);

  box-sizing: border-box;
  overflow: visible;         /* important so pseudo-elements can extend out */
}

/* Horizontals: draw top + bottom lines (extend left/right) */
.custom-border-box-xyamwd::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  transform: scaleX(1.06);
/*   left: calc(-1 * var(--extend));
  right: calc(-1 * var(--extend)); */
  pointer-events: none;
  z-index: 2;

  background:
    linear-gradient(to right, var(--line-color), var(--line-color)) top / calc(100% + 2 * var(--extend)) var(--line-thickness) no-repeat,
    linear-gradient(to right, var(--line-color), var(--line-color)) bottom / calc(100% + 2 * var(--extend)) var(--line-thickness) no-repeat;
}

/* Verticals: draw left + right lines (extend top/bottom) */
.custom-border-box-xyamwd::after{
  content: "";
  position: absolute;
  left: 0;
  right: -1px;
  top: calc(-1 * var(--extend));
  bottom: calc(-1 * var(--extend));
  pointer-events: none;
  z-index: 2;

  background:
    linear-gradient(to bottom, var(--line-color), var(--line-color)) left / var(--line-thickness) calc(100% + 2 * var(--extend)) no-repeat,
    linear-gradient(to bottom, var(--line-color), var(--line-color)) right / var(--line-thickness) calc(100% + 2 * var(--extend)) no-repeat;
}

/* If the pseudo-elements cover your text/icons, ensure children sit above them: */
.custom-border-box-xyamwd > * {
  position: relative;
  z-index: 3;
}