.app-wrapper{
background-repeat: no-repeat !important;
background-position: center;
background-size: cover;
background-attachment: fixed;
}
.product-card-image-container {
background-repeat: no-repeat !important;
background-position: center;
background-size: cover;
}
.navbar-brand {
    display: inline-block;
    width: 150px;
    height: 50px;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url('https://i.postimg.cc/BZkgBBhB/logo1235.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.navbar-brand:hover {
    transform: scale(1.25);
    transition: transform 0.3s;
}
.monitoring-progress-fill {
  background-color: #ca4848 !important;
}
.advent-header {
  background-color: #289143 !important;
}


#hwn-effects {
  position: fixed;
  inset: 0;
  z-index: 999999;
  overflow: hidden;
  pointer-events: none;
  isolation: isolate;
}

#hwn-effects,
#hwn-effects * {
  box-sizing: border-box;
}

#hwn-effects .hwn-web {
  position: absolute;
  top: 0;
  width: clamp(100px, 17vw, 220px);
  height: auto;
  color: #e5dce9;
  opacity: 0.35;
  filter: drop-shadow(0 0 3px #000);
}

#hwn-effects .hwn-web-left {
  left: 0;
}

#hwn-effects .hwn-web-right {
  right: 0;
  transform: scaleX(-1);
}

#hwn-effects .hwn-fog {
  position: absolute;
  bottom: -45px;
  left: -20%;
  width: 140%;
  height: 190px;
  background:
    radial-gradient(ellipse at 25% 100%, #b9a0ce24, transparent 60%),
    radial-gradient(ellipse at 75% 100%, #c6c5d52b, transparent 65%);
  animation: hwn-fog-drift 18s ease-in-out infinite alternate;
}

#hwn-effects .hwn-bat {
  position: absolute;
  top: var(--hwn-top);
  left: -100px;
  font-size: var(--hwn-size);
  line-height: 1;
  opacity: 0;
  will-change: transform;
  animation: hwn-bat-flight var(--hwn-duration) linear infinite;
  animation-delay: var(--hwn-delay);
}

#hwn-effects .hwn-bat span {
  display: block;
  animation: hwn-bat-flutter 0.7s ease-in-out infinite alternate;
}

#hwn-effects .hwn-pumpkin {
  position: absolute;
  bottom: 18px;
  left: 18px;
  bottom: max(18px, env(safe-area-inset-bottom));
  left: max(18px, env(safe-area-inset-left));
  font-size: 54px;
  line-height: 1.2;
  user-select: none;
  animation: hwn-pumpkin-glow 3s ease-in-out infinite alternate;
}

#hwn-effects .hwn-close {
  all: initial;
  box-sizing: border-box;
  position: absolute;
  left: 78px;
  bottom: 65px;
  left: calc(max(18px, env(safe-area-inset-left)) + 60px);
  bottom: calc(max(18px, env(safe-area-inset-bottom)) + 47px);
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #fbb57780;
  border-radius: 50%;
  background: #201720;
  color: #ffe3c4;
  font: 22px/1 Arial, sans-serif;
  cursor: pointer;
  pointer-events: auto;
}

#hwn-effects .hwn-close:hover {
  background: #593222;
}

#hwn-effects .hwn-close:focus-visible {
  outline: 2px solid #ffb45c;
  outline-offset: 4px;
}

@keyframes hwn-bat-flight {
  0% {
    transform: translate3d(0, 0, 0) rotate(-10deg);
    opacity: 0;
  }
  5% {
    opacity: 0.75;
  }
  30% {
    transform: translate3d(35vw, -25px, 0) rotate(8deg);
  }
  65% {
    transform: translate3d(75vw, 30px, 0) rotate(-8deg);
  }
  94% {
    opacity: 0.75;
  }
  100% {
    transform: translate3d(calc(100vw + 200px), -10px, 0);
    opacity: 0;
  }
}

@keyframes hwn-bat-flutter {
  from { transform: scaleY(0.75) rotate(-5deg); }
  to { transform: scaleY(1) rotate(5deg); }
}

@keyframes hwn-fog-drift {
  from { transform: translate3d(-4%, 0, 0); opacity: 0.5; }
  to { transform: translate3d(4%, -12px, 0); opacity: 0.85; }
}

@keyframes hwn-pumpkin-glow {
  from { filter: drop-shadow(0 0 6px #ff780055); }
  to { filter: drop-shadow(0 0 18px #ff7800aa); }
}

@media (max-width: 600px) {
  #hwn-effects .hwn-web {
    width: 100px;
    opacity: 0.25;
  }

  #hwn-effects .hwn-pumpkin {
    font-size: 40px;
  }

  #hwn-effects .hwn-fog {
    height: 120px;
  }

  #hwn-effects .hwn-bat:nth-child(n+3) {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #hwn-effects .hwn-bat,
  #hwn-effects .hwn-fog {
    display: none;
  }

  #hwn-effects .hwn-pumpkin {
    animation: none;
  }
}

@media print {
  #hwn-effects {
    display: none;
  }
}
#hwn-effects .hwn-ghost {
  position: absolute;
  right: -90px;
  top: 58%;
  width: 72px;
  height: 88px;
  border-radius: 48% 48% 0 0;
  background: linear-gradient(135deg, #fff, #d8d5ee);
  clip-path: polygon(
    0 0, 100% 0, 100% 100%,
    83% 88%, 67% 100%, 50% 88%,
    33% 100%, 17% 88%, 0 100%
  );
  opacity: 0;
  animation: hwn-ghost-peek 24s ease-in-out infinite;
  animation-delay: 5s;
}

#hwn-effects .hwn-ghost::before {
  content: "";
  position: absolute;
  top: 29px;
  left: 19px;
  width: 10px;
  height: 15px;
  border-radius: 50%;
  background: #292237;
  box-shadow: 24px 0 #292237;
}

#hwn-effects .hwn-ghost::after {
  content: "";
  position: absolute;
  top: 51px;
  left: 30px;
  width: 13px;
  height: 17px;
  border-radius: 50%;
  background: #292237;
}

@keyframes hwn-ghost-peek {
  0%, 65%, 100% {
    transform: translate(0, 0) rotate(0deg);
    opacity: 0;
  }
  72% {
    transform: translate(-110px, 0) rotate(-12deg);
    opacity: 0.85;
  }
  80% {
    transform: translate(-120px, -16px) rotate(5deg);
    opacity: 0.85;
  }
  88% {
    transform: translate(-110px, 0) rotate(-8deg);
    opacity: 0.85;
  }
  95% {
    transform: translate(0, -10px) rotate(12deg);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #hwn-effects .hwn-ghost {
    display: none;
  }
}
#hwn-effects .hwn-garland {
  position: absolute;
  inset: 0 0 auto;
  height: 110px;
  pointer-events: none;
}

#hwn-effects .hwn-garland::before {
  content: "";
  position: absolute;
  top: -49px;
  left: -5%;
  width: 110%;
  height: 78px;
  border-bottom: 3px solid #302331;
  border-radius: 0 0 50% 50%;
  box-shadow: 0 2px 2px #0005;
}

#hwn-effects .hwn-lantern {
  position: absolute;
  left: var(--hwn-x);
  top: var(--hwn-y);
  width: 38px;
  margin-left: -19px;
  padding-top: var(--hwn-cord);
  text-align: center;
  transform-origin: 50% 0;
  animation: hwn-lantern-sway 5s ease-in-out infinite alternate;
  animation-delay: var(--hwn-offset);
}

#hwn-effects .hwn-lantern::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
  width: 2px;
  height: var(--hwn-cord);
  background: #382738;
}

#hwn-effects .hwn-lantern span {
  display: block;
  font-size: 29px;
  line-height: 1.3;
  filter: drop-shadow(0 0 7px var(--hwn-glow));
  animation: hwn-lantern-glow 4s ease-in-out infinite alternate;
  animation-delay: var(--hwn-offset);
}

@keyframes hwn-lantern-sway {
  from { transform: rotate(-5deg); }
  to { transform: rotate(5deg); }
}

@keyframes hwn-lantern-glow {
  from {
    filter: drop-shadow(0 0 4px var(--hwn-glow));
    opacity: 0.8;
  }
  to {
    filter: drop-shadow(0 0 12px var(--hwn-glow));
    opacity: 1;
  }
}

@media (max-width: 600px) {
  #hwn-effects .hwn-lantern:nth-child(even) {
    display: none;
  }

  #hwn-effects .hwn-lantern span {
    font-size: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #hwn-effects .hwn-lantern,
  #hwn-effects .hwn-lantern span {
    animation: none;
  }
}