.custom_btn {
  margin-top: 35px;
}


.input-box {
  position: relative;
}


.button-box {
  position: relative;
}


/* intl-tel-input wraps input[name="phone_raw"] in a new .iti div that
   becomes the actual grid item, so the span-2 class on the original
   input no longer applies to layout. Mirror it onto the wrapper. */
@media (width>=40rem) {
  .signup_form .iti {
    grid-column: span 2 / span 2;
  }
}
.logo {
  max-width: 30px;
  display: inline-block;

}

@media screen and (max-width: 375px) {
  section .max-w-4xl {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  section .font-display.text-\[1\.9rem\] {
    font-size: 1.2rem !important;
  }

  section .text-\[15\.5px\] {
    font-size: 13px !important;
  }

  section .flex.size-full.flex-col.justify-end {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  section .p-6 {
    padding: 8px !important;
  }
}

@media screen and (max-width: 320px) {
  section .font-display.text-\[1\.9rem\] {
    font-size: 1rem !important;
  }

  section .text-\[15\.5px\] {
    font-size: 11px !important;
    line-height: 1.6 !important;
  }

  section .max-w-4xl {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
}
@media screen and (max-width: 575px) {
  .brand-status-indicator {
    display: none;
  }
}


@media (max-width: 380px) {
  .hide-mobile { display: none; }
}