/* Form */
#webform-submission-landing-form-node-1-add-form {
    /* border: solid 6px #1c8e2a; */
    /* background: #f4f4f4; */
    /* border-radius: 5px; */
    padding: 2% 0.5% 2% 0.5%;
    margin: 50px 0px 50px 0px;
}


.green-check-apply::mark {
  content: "";
}
/* Form Fields */
.js-form-item.js-form-type-select.form-type-select.js-form-item-state.form-item-state.mb-3 {
    text-align: center;
}
.js-form-item.js-form-type-date.form-type-date.js-form-item-dob.form-item-dob.mb-3 {
    text-align: center;
}
label[for="edit-state"] {
  text-align: center !important;
      color: #1c8e2a;
    font-size: 180%;
    font-weight: 600;
    font-family: 'Montserrat';
}

/* Wizard Buttons Div */
div#edit-actions {
    text-align: center;
}
div#edit-actions-01 {
    text-align: center;
}
/* Wizard Buttons */
button#edit-wizard-prev {
    display: none;
}
button#edit-submit {
    text-align: center;
}
div#edit-actions--2 {
    text-align: center;
}
button#edit-actions-01-wizard-prev {
    display: none;
}


/* -------------------- RESPONSIVE CODE -------------------- */

/* -------------------- Small devices (landscape phones, 576px and up) -------------------- */
@media (min-width: 300px) { 
  /* Adjust styles for small devices here */
   #webform-submission-landing-form-node-1-add-form {
    /* border: solid 6px #1c8e2a; */
    /* background: #f4f4f4; */
    /* border-radius: 5px; */
    padding: 2% 0.5% 2% 0.5%;
    margin: 30px 0px 60px 0px;
  }

      /* Steps Graphics */
  img.steps-graphics.align-center {
      width: 60%;
  }
  #apply-list {
      margin: 0 auto;
      width: 97%;
      padding: 0;
  }
    h1.apply-heading {
    text-align: center;
    color: black;
    font-size: 150%;
  }
  
.form-select {
    background-image: url("https://www.apply.wisechoicelending.com/sites/default/files/2024-04/Untitled%20design%20%2835%29.png") !important;
    background-size: 35px 35px !important;
}
    select#edit-estimated-unsecured-debt {
        padding: 20px;
        width: 100%;
        display: flex;
        margin: 0 auto;
        border: solid 3px #1c8e2a;
      font-size: 80%;
            font-weight: 700;
      background-color: #1c8f2a;
      color:white;
      border-radius: 30px;
      margin-top: 30px;

  }
  .green-check-apply {
      font-size: 85%;
      text-align: left;
      list-style-type: none;
      margin: 15px 0px 5px 0px;
  }
  .green-check-apply::before {
      content: "";
      background-image: url(https://www.apply.wisechoicelending.com/sites/default/files/2024-04/check.png);
      background-size: contain;
      background-repeat: no-repeat;
      width: 5%;
      height: 15px;
      display: inline-block;
      margin: 0px 0px -3px 0px;
  }
    .apply-fields {
        padding: 20px !important;
        width: 80% !important;
        display: flex !important;
        margin: 0 auto;
  }
    #edit-state{
        padding: 20px !important;
        width: 80%; !important;
        display: flex !important;
        margin: 0 auto;
  }
    #edit-dob{
      padding: 20px !important;
      width: 80% !important;
      display: flex !important;
      margin: 0 auto;
  }
}


/* -------------------- Medium devices (tablets, 768px and up) -------------------- */
@media (min-width: 768px) { 
  /* Adjust styles for medium devices here */
    #apply-list {
      margin: 0 auto;
      width: 87%;
          padding-left: 2rem;
  }
    /* Steps Graphics */
  img.steps-graphics.align-center {
      width: 30%;
  }
    h1.apply-heading {
    text-align: center;
    color: black;
    font-size: 180%;
  }
    select#edit-estimated-unsecured-debt {
      padding: 20px;
      width: 78%;
      display: flex;
      margin: 0 auto;
      border: solid 3px #1c8e2a;
      font-size: 100%;
            font-weight: 700;
      background-color: #1c8f2a;
      color:white;
      border-radius: 30px;
            margin-top: 30px;

  }
    .green-check-apply {
      font-size: 120%;
      text-align: left;
      list-style-type: none;
      margin: 15px 0px 5px 0px;
  }
    .green-check-apply::before {
      content: "";
      background-image: url(https://www.apply.wisechoicelending.com/sites/default/files/2024-04/check.png);
      background-size: contain;
      background-repeat: no-repeat;
      width: 10%;
      height: 25px;
      display: inline-block;
      margin: 0px -20px -7px 0px;
  }
    .apply-fields {
      padding: 20px !important;
      width: 50% !important;
      display: flex !important;
      margin: 0 auto;
  }
     #edit-state{
      padding: 20px !important;
      width: 50%; !important;
      display: flex !important;
      margin: 0 auto;
  }
    #edit-dob{
      padding: 20px !important;
      width: 50% !important;
      display: flex !important;
      margin: 0 35% 0 35% !important;
  }
}

/* -------------------- Large devices (desktops, 992px and up) -------------------- */
@media (min-width: 992px) { 
  /* Adjust styles for large devices here */
  #apply-list {
      margin: 0 auto;
      width: 47%;
    padding-left: 2rem;
  }
      /* Steps Graphics */
  img.steps-graphics.align-center {
      width: 20%;
  }
    h1.apply-heading {
    text-align: center;
    color: black;
    font-size: 180%;
  }
     select#edit-estimated-unsecured-debt {
      padding: 20px;
      width: 42%;
      display: flex;
      margin: 0 auto;
      border: solid 3px #1c8e2a;
      font-size: 95%;
             font-weight: 700;
      background-color: #1c8f2a;
      color:white;
      border-radius: 30px;
             margin-top: 30px;

  }
  .green-check-apply {
      font-size: 120%;
      text-align: left;
      list-style-type: none;
      margin: 15px 0px 5px 0px;
  }
    .green-check-apply::before {
      content: "";
      background-image: url(https://www.apply.wisechoicelending.com/sites/default/files/2024-04/check.png);
      background-size: contain;
      background-repeat: no-repeat;
      width: 10%;
      height: 25px;
      display: inline-block;
      margin: 0px -15px -7px 0px;
  }
    .apply-fields {
      padding: 20px !important;
      width: 30% !important;
      display: flex !important;
      margin: 0 auto;
  }
  #edit-state{
      padding: 20px !important;
      width: 30% !important;
      display: flex !important;
      margin: 0 auto;
  }
    #edit-dob{
      padding: 20px !important;
      width: 30% !important;
      display: flex !important;
      margin: 0 35% 0 35% !important;
  }
}