:root {
      --teal-light: #65C3A8;
      --card-bg-start: #0f2942;
      --card-bg-end: #12405a;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      background: #eef3f2;
      padding: 40px 12px;
    }

    .form-card {
      max-width: 640px;
      margin: 0 auto;
      border-radius: 20px;
      padding: 28px;
      background: linear-gradient(160deg, var(--card-bg-start) 0%, var(--card-bg-end) 100%);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    }

    .form-card h2 {
      color: #fff;
      font-size: 1.35rem;
      font-weight: 700;
      text-align: center;
      margin-bottom: 20px;
    }

    .custom-input,
    .custom-textarea,
    .phone-number-container {
      border-radius: 10px !important;
      border: none;
      background: #fff;
      box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.15);
      font-size: 14px;
      font-weight: 500;
      padding: 11px;
    }

    .custom-input:focus,
    .custom-textarea:focus {
      outline: none;
      box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.15), 0 0 0 2px var(--teal-light);
    }

    .custom-textarea {
      resize: none;
    }

    .phone-number-container {
      display: flex;
      align-items: center;
      padding: 4px 10px;
    }

    .phone-number-container select {
      border: none;
      background: transparent;
    }
.custom-modal-dialog .modal-body {
    padding: 10px 0 20px 0;
    font-size: 1rem !important;
    font-weight: 400 !important;
}
    .phone-number-container input {
      border: none;
      background: transparent;
      flex: 1;
      font-size: 14px;
      font-weight: 500;
      padding: 7px;
    }

    .phone-number-container input:focus,
    .phone-number-container select:focus {
      outline: none;
    }

    #submitBtn {
      background-color: #90ee90 !important;
      border: none;
      border-radius: 10px;
      height: 42px;
      font-weight: 600;
      color: #000;
    }

    #submitBtn:disabled {
      opacity: 0.7;
    }

    .terms-text {
      color: #fff;
      font-size: 11px;
      text-align: center;
      margin-top: 12px;
    }

    .terms-text a {
      color: #b9f5df;
      font-weight: 700;
    }
.hero-section .form-card .row {
    min-height: auto;
}
.form-card button.btn.js-submit-btn {
    background-color: #90EE90;
}


.form-custom-style{
  max-width: 700px!important;
  margin: 0 auto;
  padding: 0;
}
   input:focus,
    select:focus {
      outline: none !important;
      box-shadow: none !important;
    }

    .form-wrapper {
      max-width: 640px;
      margin: 40px auto;
    }
.form-container, .form-container  {
    color: #555!important;
}


    .custom-input, .custom-textarea, .phone-number-container{
      box-shadow: none!important;
      border-radius: var(--bs-border-radius)!important;
    }.lead-card .custom-input, .lead-card .custom-textarea, .lead-card .phone-number-container, .lead-card select.form-select {
    border-radius: 10px !important;

    min-height: 42px;
}
.custom-input {

    background-color: #fff !important;
}div#phone_container_top input#phone_number_usa_top {
    border-radius: 15px;
}
.lead-card .terms a {
    color: lightgreen;
    font-size: 10px;
}
.form-select {
 
    transition: none!important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    background-color: #fff !important;
}
@media (max-width: 767px) {
.lead-card .custom-input, .lead-card .custom-textarea, .lead-card .phone-number-container, .lead-card select.form-select {
    border-radius: 10px !important;
    min-height: 42px;
    width: 100% !important;
}
}