/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 23 2025 | 07:38:45 */
/* Box in Hero Home page */
@property --border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes border-angle-rotate {
  from { --border-angle: 0deg; }
  to { --border-angle: 360deg; }
}


.box {
  --bg: hsl(190deg 20% 10%);
  --border-angle: 0deg;
  border-radius: 12px;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 4px hsl(0 0% 0% / 25%);
  animation: border-angle-rotate 2s infinite linear;
  border: 0.1rem solid transparent;
  position: relative;
}


.box.b {
  background:
    linear-gradient(black, black) padding-box,
    conic-gradient(
      from var(--border-angle),
      var(--bg) 50%,
      white
    ) border-box;
}
.box.b1 {
  animation: border-angle-rotate 2s infinite linear;
}

.box.b2 {
  animation: border-angle-rotate 2s infinite linear reverse;
}

.box.b3 {
  animation: border-angle-rotate 2s infinite linear;
}
/* Box in Hero Home page */