/* V57 — centered normal arrow icons in CTA circles */
.mda-cta-arrow {
  position: relative;
  z-index: 2;
  width: 18px;
  height: 18px;
  display: block;
  flex: 0 0 auto;
  margin: 0;
  overflow: visible;
  transform-origin: 50% 50%;
  animation: mda-cta-arrow-nudge 1.8s ease-in-out infinite;
}

.mda-hero-cta-icon {
  position: relative;
  display: grid !important;
  place-items: center !important;
  justify-items: center !important;
  align-items: center !important;
}

.mda-hero-cta-icon::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  border: 0 !important;
  background: none !important;
}

.mda-hero-cta-icon .mda-cta-arrow {
  width: 17px;
  height: 17px;
  color: inherit;
}

.academy-hero-rebuilt .mda-hero-cta--primary .mda-hero-cta-icon,
.about-v54-hero .mda-hero-cta--primary .mda-hero-cta-icon,
.about-v54-cta .mda-hero-cta--primary .mda-hero-cta-icon {
  color: #ffa200;
}

.academy-hero-rebuilt .mda-hero-cta--secondary .mda-hero-cta-icon,
.about-v54-hero .mda-hero-cta--secondary .mda-hero-cta-icon,
.about-v54-cta .mda-hero-cta--secondary .mda-hero-cta-icon {
  color: #120f0a;
}

.academy-hero-rebuilt .mda-hero-cta-icon::before,
.about-v54-hero .mda-hero-cta-icon::before,
.about-v54-cta .mda-hero-cta-icon::before {
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  animation: mda-hero-icon-pulse 2.4s ease-in-out infinite;
}

.mda-header .mda-nav a.mda-nav-cta > i {
  display: grid !important;
  place-items: center !important;
  justify-items: center !important;
  align-items: center !important;
}

.mda-header .mda-nav a.mda-nav-cta > i::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.mda-header .mda-nav a.mda-nav-cta > i .mda-cta-arrow {
  width: 14px;
  height: 14px;
}

.mda-header .mda-nav a.mda-nav-cta--primary > i {
  color: #ffa200;
}

.mda-header .mda-nav a.mda-nav-cta--secondary > i {
  color: #120f0a;
}

@keyframes mda-cta-arrow-nudge {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(1.5px); }
}

@keyframes mda-hero-icon-pulse {
  0%, 100% { box-shadow: 0 8px 18px rgba(0, 0, 0, .28), 0 0 0 0 rgba(255, 162, 0, .28); }
  50% { box-shadow: 0 8px 18px rgba(0, 0, 0, .28), 0 0 0 8px rgba(255, 162, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .mda-cta-arrow { animation: none; }
}