.elementor-2068 .elementor-element.elementor-element-7c93051{--display:flex;}.elementor-2068 .elementor-element.elementor-element-b5ed306.xpro-widget-bg-overlay:before{transition:background 0.3s;}/* Start custom CSS for html, class: .elementor-element-b5ed306 *//* ─── ANIMATED BORDER CARD ─── */
.form-card.highlight {
  position: relative;
  border: none;
  padding: 2px;
  background: transparent;
  border-radius: 18px;
  overflow: visible;
}

.form-card.highlight::after {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 18px;
  background: conic-gradient(
    from var(--angle, 0deg),
    #4A1A4A,
    #7A2E7A,
    #C9952A,
    #F5E6C0,
    #C9952A,
    #7A2E7A,
    #4A1A4A
  );
  z-index: 0;
  animation: spin-border 3s linear infinite;
}

.form-card.highlight .card-inner {
  position: relative;
  z-index: 1;
  background: var(--white);
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes spin-border {
  to { --angle: 360deg; }
}/* End custom CSS */