/* =========================================================
   BELIZE SB/MT PROCEDURE
   STEP 01 appearance only
   Make 01 match 02–06
   ========================================================= */

#belize-seaman-book
.blz2-panel.dark
.blz2-step:first-child
.blz2-step-num{
  width:33px !important;
  height:33px !important;
  min-width:33px !important;
  min-height:33px !important;

  padding:0 !important;

  display:grid !important;
  place-items:center !important;

  border-radius:50% !important;

  background:#123f58 !important;
  border:1px solid rgba(112,210,241,.45) !important;

  color:#86d9f3 !important;

  box-shadow:none !important;

  box-sizing:border-box !important;
}

/* Give Step 01 its own subtle pulse so animation is retained */
#belize-seaman-book
.blz2-panel.dark
.blz2-step:first-child
.blz2-step-num::after{
  content:"";
  position:absolute;
  inset:-5px;

  border-radius:50%;
  border:1px solid rgba(126,224,255,0);

  box-shadow:0 0 0 rgba(88,210,248,0);

  pointer-events:none;

  animation:blzSbStep01Ring 5.4s ease-in-out infinite;
}

@keyframes blzSbStep01Ring{
  0%,78%,100%{
    border-color:rgba(126,224,255,0);
    box-shadow:0 0 0 rgba(88,210,248,0);
    opacity:0;
  }

  8%{
    border-color:rgba(126,224,255,.75);
    box-shadow:
      0 0 9px rgba(88,210,248,.55),
      0 0 16px rgba(88,210,248,.25);
    opacity:1;
  }

  18%{
    border-color:rgba(126,224,255,.18);
    box-shadow:0 0 6px rgba(88,210,248,.18);
    opacity:.35;
  }
}

@media (prefers-reduced-motion:reduce){
  #belize-seaman-book
  .blz2-panel.dark
  .blz2-step:first-child
  .blz2-step-num::after{
    animation:none !important;
  }
}
