.sec4 .card.event-delivery {
  box-shadow: 0 0 14px 4px rgba(255, 123, 0, 0.85), 0 35px 25px -15px rgba(0, 0, 0, .5);
  border: 1px solid rgba(255, 152, 0, 0.6);
}

.card {
  position: relative;
}

.szwComet {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;
  display: none;
}

.sec4 .card.event-active.event-exchange .szwComet {
  display: block;
}

.szwCometGlow,
.szwCometCore {
  fill: none;
  stroke-linecap: round;
}

.szwCometGlow {
  stroke: #ef9f27;
  stroke-width: 7;
  opacity: .35;
  filter: blur(3px);
  animation: szwDash 4.5s linear infinite;
}

.szwCometCore {
  stroke: #fff4c2;
  stroke-width: 3;
  animation: szwDash 4.5s linear infinite;
}

@keyframes szwDash {
  to { stroke-dashoffset: -100; }
}

.sec4 .card.event-active.event-exchange .info {
  transform-origin: top left;
  animation: szwBadgePulse 4.5s infinite;
}

@keyframes szwBadgePulse {
  0% { transform: scale(1); animation-timing-function: ease-in; }
  78% { transform: scale(1); animation-timing-function: ease-in; }
  90% { transform: scale(1.9); animation-timing-function: ease-out; }
  100% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .sec4 .card.event-active.event-exchange .szwComet {
    display: none;
  }
  .sec4 .card.event-active.event-exchange .info {
    animation: none;
  }
  .sec4 .card.event-active.event-exchange {
    border: 2px solid #ef9f27;
  }
}