/* ===== SHARED CONTACT NUMBER SPLIT FIELD ===== */

.contact-number-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 54px !important;
  gap: 0 !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.contact-number-row select.country-code-select {
  display: block !important;
  width: 182px !important;
  min-width: 182px !important;
  max-width: 182px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #cfdbe7 !important;
  border-right: 0 !important;
  background: #f6fbff !important;
  font-size: 15px !important;
  color: #071327 !important;
  box-sizing: border-box !important;
}

.contact-number-row input.contact-number-input {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #cfdbe7 !important;
  background: #f6fbff !important;
  font-size: 16px !important;
  color: #071327 !important;
  box-sizing: border-box !important;
}

.contact-number-row input.contact-number-input::placeholder {
  color: #6b7785 !important;
}

@media (max-width: 768px) {
  .contact-number-row {
    flex-direction: column !important;
    height: auto !important;
  }

  .contact-number-row select.country-code-select {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border-right: 1px solid #cfdbe7 !important;
    border-bottom: 0 !important;
  }

  .contact-number-row input.contact-number-input {
    width: 100% !important;
  }
}