.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: 480px) {
  section .max-w-4xl {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }

  section .max-w-2xl {
    max-width: 100% !important;
    width: 100% !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }

  section .text-balance {
    text-wrap: wrap !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
  }

  section .text-\[15\.5px\] {
    font-size: 15px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
    display: block !important;
  }

  section .text-primary-foreground\/80 {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
  }

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

  section .font-display.text-\[1\.9rem\] {
    font-size: 1.5rem !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    text-wrap: wrap !important;
  }

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

  section .sm\:p-10 {
    padding: 15px !important;
  }

  section .lg\:p-14 {
    padding: 20px !important;
  }
}

@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;
  }
}