/*
 * Aligns the pricing card icons with their titles.
 *
 * Webflow positioned .pricing-icon-box absolutely with no anchor, then nudged
 * each image into place with its own hand-tuned margins (79px top on one, 3px
 * padding on the other). The result does not line up with the titles, and the
 * two cards do not agree with each other.
 *
 * This puts the icon back in normal flow as a flex item beside the title, at a
 * single shared size, so both cards match.
 */

.pricing-title-box-gimo-2-0 {
  align-items: center;
  gap: 14px;
  height: auto;
  min-height: 88px;
  padding-top: 10px;
}

.pricing-icon-box-gimo-2-0 {
  position: static;
  flex: 0 0 auto;
  align-items: center;
  height: auto;
  margin: 0;
}

.pricing-title-text-gimo-2-0 {
  align-items: center;
  height: auto;
  margin-left: 0;
  padding-top: 0;
}

/* One size for every card icon, replacing the per-image margin nudges. */
.pricing-icon-box-gimo-2-0 img {
  width: 84px;
  height: auto;
  margin: 0;
  padding: 0;
}

/* The self check-in phone illustration reads smaller than the keys at the same
   width, so it gets a little more room. */
.pricing-icon-box-gimo-2-0 img.image-self-check-in {
  width: 110px;
}

@media screen and (max-width: 479px) {
  .pricing-icon-box-gimo-2-0 img {
    width: 64px;
  }

  .pricing-icon-box-gimo-2-0 img.image-self-check-in {
    width: 82px;
  }
}