.payment-guide-image-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 362px;
  background: var(--neutral-0);

  @media (max-width: 767px) {
    width: 100%;
  }
}

.payment-guide-image-box img {
  display: block;
  width: 100%;
  height: auto;
}

.payment-guide-step-arrow {
  align-self: center;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 20px solid var(--primary-main);
}

.payment-guide-callout {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 16px 24px;
  border: 1px solid var(--primary-main);
}

.payment-guide-callout p {
  color: var(--primary-main);
}