@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@font-face {
  font-family: "Montserrat-Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Regular.eot");
  src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg"); }

*,
body {
  font-family: "Montserrat-Regular", Arial, sans-serif;
  font-size: 12px;
  color: #3b3a3a;
  font-weight: 400;
  line-height: 1.5;
  text-align: left; }
  @media screen and (min-width: 576px) {
    *,
    body {
      font-size: 14px; } }

.container {
  max-width: 1140px; }

@font-face {
  font-family: "Montserrat-ExtraLight";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-ExtraLight.eot");
  src: url("../fonts/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat-ExtraLight.ttf") format("truetype"), url("../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight") format("svg"); }

.banner {
  background-color: #03c366;
  padding-bottom: 25px;
  padding-top: 25px; }
  @media screen and (min-width: 768px) {
    .banner {
      padding-bottom: 40px;
      padding-top: 40px; } }
  .banner-title {
    font-size: 24px;
    color: #ffffff;
    font-family: "Montserrat-ExtraLight", Arial, sans-serif; }
    @media screen and (min-width: 576px) {
      .banner-title {
        font-size: 36px; } }

@font-face {
  font-family: "Montserrat-Light";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Light.eot");
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg"); }

@font-face {
  font-family: "Montserrat-Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg"); }

.steps-form {
  background-color: #f5f7f8;
  padding-top: 25px;
  padding-bottom: 25px; }
  .steps-form-ul {
    display: flex;
    justify-content: center;
    padding: 0; }
    .steps-form-ul .steps-form-li {
      list-style-type: none;
      text-align: center;
      line-height: 1.3em;
      width: 91px;
      font-family: "Montserrat-Light", Arial, sans-serif; }
    .steps-form-ul .steps-form-li.active,
    .steps-form-ul .steps-form-li.check {
      list-style-type: none;
      text-align: center;
      width: 91px;
      color: #03c366;
      font-family: "Montserrat-Medium", Arial, sans-serif; }
    .steps-form-ul .progression-bar {
      position: relative;
      top: 12px;
      right: 0;
      left: 0;
      width: 10%;
      height: 5px;
      background-color: #dddddf;
      border-radius: 5px; }
      @media screen and (min-width: 576px) {
        .steps-form-ul .progression-bar {
          top: 17px; } }
    .steps-form-ul .progression-bar.check {
      position: relative;
      top: 12px;
      right: 0;
      left: 0;
      width: 10%;
      height: 5px;
      background-color: #03c366;
      border-radius: 5px; }
      @media screen and (min-width: 576px) {
        .steps-form-ul .progression-bar.check {
          top: 17px; } }
    .steps-form-ul #project::before {
      content: "1";
      font-size: 14px; }
      @media screen and (min-width: 576px) {
        .steps-form-ul #project::before {
          font-size: 16px; } }
    .steps-form-ul #project.check::before,
    .steps-form-ul #info.check::before,
    .steps-form-ul #budget.check::before,
    .steps-form-ul #identity.check::before {
      content: "";
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%2303c366' class='bi bi-check' viewBox='0 0 16 16'>\a             <path d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/>\a             </svg>");
      background-repeat: no-repeat; }
    .steps-form-ul li::before {
      width: 30px;
      height: 30px;
      line-height: 30px;
      display: block;
      text-align: center;
      font-size: 30px;
      color: black;
      background: #F8F9FA;
      border-radius: 5px;
      margin: 0 auto 1rem auto; }
      @media screen and (min-width: 576px) {
        .steps-form-ul li::before {
          width: 40px;
          height: 40px;
          line-height: 40px;
          display: block;
          text-align: center;
          font-size: 40px;
          color: black;
          background: #F8F9FA;
          border-radius: 5px;
          margin: 0 auto 1rem auto; } }
    .steps-form-ul #info::before {
      content: "2";
      font-size: 14px; }
      @media screen and (min-width: 576px) {
        .steps-form-ul #info::before {
          font-size: 16px; } }
    .steps-form-ul #budget::before {
      content: "3";
      font-size: 14px; }
      @media screen and (min-width: 576px) {
        .steps-form-ul #budget::before {
          font-size: 16px; } }
    .steps-form-ul #identity::before {
      content: "4";
      font-size: 14px; }
      @media screen and (min-width: 576px) {
        .steps-form-ul #identity::before {
          font-size: 16px; } }
    .steps-form-ul #confirm::before {
      content: "5";
      font-size: 14px; }
      @media screen and (min-width: 576px) {
        .steps-form-ul #confirm::before {
          font-size: 16px; } }
    .steps-form-ul li.active::before,
    .steps-form-ul li.active::after {
      background: #03c366;
      color: #fff;
      font-weight: 600; }

@font-face {
  font-family: "Montserrat-Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg"); }

@font-face {
  font-family: "Montserrat-Italic";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Italic.eot");
  src: url("../fonts/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Italic.woff") format("woff"), url("../fonts/Montserrat-Italic.ttf") format("truetype"), url("../fonts/Montserrat-Italic.svg#Montserrat-Italic") format("svg"); }

@font-face {
  font-family: "Montserrat-Light";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Light.eot");
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg"); }

.form {
  margin: 2rem 0; }
  .form .form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(3, 195, 102, 0.25);
    border-color: #ced4da; }
  .form-credit .btn {
    margin: 1rem auto;
    color: #03c366;
    border-color: #03c366;
    border-radius: 50px;
    font-family: "Montserrat-Medium", Arial, sans-serif;
    height: 38px; }
    @media screen and (min-width: 576px) {
      .form-credit .btn {
        margin-top: 2rem;
        height: 70%; } }
  .form-credit .btn:hover {
    border-color: white;
    color: white;
    background-color: #03c366; }
  .form-credit-question {
    text-align: center;
    font-size: 12px;
    font-family: "Montserrat-Medium", Arial, sans-serif; }
    @media screen and (min-width: 576px) {
      .form-credit-question {
        font-size: 16px; } }
  .form-credit-response {
    text-align: center;
    color: #03c366;
    margin-bottom: 2rem;
    font-size: 12px;
    font-family: "Montserrat-Medium", Arial, sans-serif; }
    @media screen and (min-width: 576px) {
      .form-credit-response {
        font-size: 16px; } }
  .form-credit-field {
    margin-bottom: 1rem; }
    .form-credit-field .form-label {
      font-family: "Montserrat-Medium", Arial, sans-serif; }
    .form-credit-field .form-control {
      font-size: 12px;
      height: 33.5px; }
    .form-credit-field .form-control:focus {
      box-shadow: 0 0 0 0.2rem rgba(3, 195, 102, 0.25);
      border-color: #ced4da; }
    .form-credit-field .form-select:focus {
      box-shadow: 0 0 0 0.2rem rgba(3, 195, 102, 0.25);
      border-color: #ced4da; }
    .form-credit-field .form-select {
      font-size: 12px;
      height: 33.5px; }
  .form .simulator {
    margin: 2rem 0; }
    .form .simulator-title {
      text-align: center;
      font-family: "Montserrat-Medium", Arial, sans-serif;
      color: #03c366;
      font-size: 12px; }
      @media screen and (min-width: 576px) {
        .form .simulator-title {
          font-size: 16px; } }
    .form .simulator-fields {
      padding: 1rem;
      background-color: #f5f7f8;
      border-radius: 5px; }
      @media screen and (min-width: 1200px) {
        .form .simulator-fields {
          padding: 2rem; } }
      .form .simulator-fields .simulator-field .form-label,
      .form .simulator-fields .simulator-field-simple .form-label {
        font-family: "Montserrat-Medium", Arial, sans-serif;
        margin: 0;
        line-height: 0; }
      .form .simulator-fields .simulator-field .info,
      .form .simulator-fields .simulator-field-simple .info {
        color: grey;
        margin: 0;
        font-style: italic; }
        @media screen and (min-width: 576px) {
          .form .simulator-fields .simulator-field .info,
          .form .simulator-fields .simulator-field-simple .info {
            font-size: 12px; } }
      .form .simulator-fields .simulator-field .form-control,
      .form .simulator-fields .simulator-field-simple .form-control {
        background-color: #eceaea;
        outline: none !important;
        box-shadow: none;
        height: 33.5px; }
      .form .simulator-fields .simulator-field .form-control:focus,
      .form .simulator-fields .simulator-field-simple .form-control:focus {
        border-color: #03c366; }
      @media screen and (min-width: 576px) {
        .form .simulator-fields .simulator-field-simple {
          margin-top: 1.3rem; } }
  .form .form-check-box-fields .form-check-box-field .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer; }
  .form .form-check-box-fields .form-check-box-field .form-check-input:checked {
    background-color: #03c366;
    border-color: #03c366;
    border: 9px solid #03c366;
    outline: none !important;
    box-shadow: none; }
  .form .form-check-box-fields .form-check-box-field .form-check-input::before {
    background-color: #03c366; }
  .form .form-check-box-fields .form-check-box-field-question {
    font-family: "Montserrat-Medium", Arial, sans-serif; }
  .form .form-check-box-fields .form-check-box-field .form-check-box-field-first {
    display: flex; }
  .form .form-check-box-fields .form-check-box-field .form-check-label {
    font-weight: 500;
    text-align: justify;
    margin-top: 0.2rem;
    margin-left: 0.2rem;
    line-height: 1.4rem; }
  .form .form-check-box-fields .form-check-box-field .check-box-info {
    text-decoration: underline;
    color: #3b3a3a;
    font-weight: 500; }
  .form .form-check-box-fields .form-check-box-field .little {
    font-size: 12px;
    font-family: "Montserrat-Italic", Arial, sans-serif;
    text-align: justify; }
  .form .form-check-box-fields .form-check-box-field .buttons {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (min-width: 576px) {
      .form .form-check-box-fields .form-check-box-field .buttons {
        flex-direction: row;
        justify-content: flex-end;
        margin-top: 2rem; } }
    .form .form-check-box-fields .form-check-box-field .buttons .btn-previous {
      margin: 1rem 0;
      color: grey;
      border-color: grey;
      font-family: "Montserrat-Medium", Arial, sans-serif;
      border-radius: 50px;
      height: 38px; }
      @media screen and (min-width: 576px) {
        .form .form-check-box-fields .form-check-box-field .buttons .btn-previous {
          margin: 0; } }
    .form .form-check-box-fields .form-check-box-field .buttons .btn-previous:hover {
      color: white;
      border-color: white;
      background-color: grey; }
    .form .form-check-box-fields .form-check-box-field .buttons .btn-ask {
      color: #03c366;
      border-color: #03c366;
      font-family: "Montserrat-Medium", Arial, sans-serif;
      border-radius: 50px;
      height: 38px; }
      @media screen and (min-width: 576px) {
        .form .form-check-box-fields .form-check-box-field .buttons .btn-ask {
          margin-left: 1rem; } }
    .form .form-check-box-fields .form-check-box-field .buttons .btn-ask:hover {
      color: white;
      border-color: white;
      background-color: #03c366; }
  .form .form-check-box .form-check-box-field-question {
    font-family: "Montserrat-Medium", Arial, sans-serif; }
  .form .form-check-box .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer; }
  .form .form-check-box .form-check-input:checked {
    background-color: #03c366;
    border-color: #03c366;
    border: 9px solid #03c366;
    outline: none !important;
    box-shadow: none; }
  .form .form-check-box .form-check-input::before {
    background-color: #03c366; }
  .form .form-check-box .form-check-label {
    margin-top: 0.2rem;
    margin-left: 0.2rem; }
  .form-fields-info-title, .form-fields-geo-title, .form-fields-data-title {
    font-size: 18px;
    font-family: "Montserrat-Medium", Arial, sans-serif; }
    @media screen and (min-width: 768px) {
      .form-fields-info-title, .form-fields-geo-title, .form-fields-data-title {
        font-size: 23px; } }
  .form-fields .form-field-geo .form-label,
  .form-fields .form-field-data .form-label {
    font-family: "Montserrat-Medium", Arial, sans-serif; }
  .form-fields .form-field-geo .form-control,
  .form-fields .form-field-data .form-control {
    font-size: 12px;
    height: 33.5px; }
  .form-fields .form-field-geo .form-select,
  .form-fields .form-field-data .form-select {
    font-size: 12px;
    height: 33.5px; }
  .form-fields .form-field-geo .form-control:focus,
  .form-fields .form-field-data .form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(3, 195, 102, 0.25);
    border-color: #ced4da; }
  .form-fields .form-field-geo .form-select:focus,
  .form-fields .form-field-data .form-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(3, 195, 102, 0.25);
    border-color: #ced4da; }
  .form-fields .form-field-geo option,
  .form-fields .form-field-data option {
    background-color: #03c366 !important; }
  .form-fields .buttons {
    display: flex;
    justify-content: flex-end; }
    .form-fields .buttons .btn-previous {
      color: grey;
      border-color: grey;
      font-family: "Montserrat-Medium", Arial, sans-serif;
      border-radius: 50px;
      height: 38px; }
    .form-fields .buttons .btn-previous:hover {
      color: white;
      border-color: grey;
      background-color: grey; }
    .form-fields .buttons .btn-ask {
      color: #03c366;
      border-color: #03c366;
      font-family: "Montserrat-Medium", Arial, sans-serif;
      border-radius: 50px;
      margin-left: 1rem;
      height: 38px; }
    .form-fields .buttons .btn-ask:hover {
      color: white;
      border-color: #03c366;
      background-color: #03c366; }
  .form .btn-add {
    color: grey;
    border-color: grey;
    font-family: "Montserrat-Medium", Arial, sans-serif;
    border-radius: 5px;
    font-size: 12px; }
    .form .btn-add .bi {
      color: grey;
      margin-right: 1rem; }
  .form .form-check-box-field-first {
    display: flex; }
  .form .form-check-box-field-gender {
    display: flex; }
    .form .form-check-box-field-gender .form-check-input {
      width: 1.25rem;
      height: 1.25rem;
      cursor: pointer;
      border-color: #3b3a3a; }
    .form .form-check-box-field-gender .form-check-input:checked {
      background-color: #3b3a3a;
      border-color: #3b3a3a;
      border: 9px solid #3b3a3a;
      outline: none !important;
      box-shadow: none; }
    .form .form-check-box-field-gender .form-check-label {
      margin-top: 0.2rem;
      margin-left: 0.2rem; }
  .form .btn.upload {
    background-color: #f5f7f8;
    color: #949494;
    font-weight: 600;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 5px; }
    .form .btn.upload .bi {
      color: #949494;
      margin-right: 1rem;
      font-weight: 600; }
  .form .btn.btn-add-home {
    background-color: white;
    border-color: lightgrey;
    color: #949494;
    font-weight: 600;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 5px; }
    @media screen and (min-width: 768px) {
      .form .btn.btn-add-home {
        width: 47%; } }
    .form .btn.btn-add-home .bi {
      color: #949494;
      margin-right: 1rem;
      font-weight: 600; }
  .form .btn.upload-home {
    background-color: #f5f7f8;
    color: #949494;
    font-weight: 600;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 5px;
    margin-bottom: 1rem; }
    @media screen and (min-width: 768px) {
      .form .btn.upload-home {
        margin-bottom: 0;
        margin-right: 1rem; } }
    .form .btn.upload-home .bi {
      color: #949494;
      margin-right: 1rem;
      font-weight: 600; }
  .form .form-check-input {
    border-color: #03c366; }
  .form .form-check-label {
    font-weight: 500; }
    .form .form-check-label .checkbox-info {
      font-weight: 500;
      text-decoration: underline;
      color: #3b3a3a; }
  .form .buttons {
    margin-top: 3rem; }
  .form .form-label.children {
    white-space: nowrap; }
  .form .bi-check2 {
    font-size: 2rem;
    color: #03c366; }
  .form .bi-check2::before {
    margin-top: 3rem; }
  .form .warning {
    margin-left: 1.5rem;
    color: #ff0d5f;
    font-family: "Montserrat-Medium", Arial, sans-serif; }
  .form .warning-p {
    color: #ff0d5f;
    font-family: "Montserrat-Italic", Arial, sans-serif;
    font-size: 12px; }
  .form .mentions {
    margin-top: 3rem; }
    .form .mentions-content {
      font-family: "Montserrat-Italic", Arial, sans-serif;
      color: #b0b0b0; }
    .form .mentions-conditions {
      font-family: "Montserrat-Italic", Arial, sans-serif;
      color: #b0b0b0;
      font-size: 12px;
      text-align: justify;
      line-height: 1rem; }
  .form .form-select {
    border-color: #ced4da;
    border-radius: 0.25rem; }
  .form .form-control:disabled {
    background-color: #eceaea;
    font-family: "Montserrat-Light", Arial, sans-serif;
    font-size: 12px; }
  .form .input-group-text {
    background-color: #eceaea; }

select {
  font-family: "Montserrat-Light", Arial, sans-serif;
  font-size: 12px; }

input {
  font-family: "Montserrat-Light", Arial, sans-serif;
  font-size: 12px; }

.form-select:disabled {
  background-color: #eceaea;
  font-size: 12px; }

.form-fields-title {
  font-family: "Montserrat-Medium", Arial, sans-serif;
  font-size: 18px; }
  @media screen and (min-width: 768px) {
    .form-fields-title {
      font-size: 23px; } }

.form-check-box-field-question {
  font-family: "Montserrat-Medium", Arial, sans-serif; }

.header {
  padding: 2rem 0; }
  .header .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    border-color: #03c366; }
  .header .form-check-input:checked {
    background-color: #03c366;
    border-color: #03c366;
    border: 9px solid #03c366;
    outline: none !important;
    box-shadow: none; }
  .header .form-check-input::before {
    background-color: #03c366; }
  .header .form-check-label {
    margin-top: 0.2rem;
    margin-left: 0.2rem; }

@font-face {
  font-family: "Montserrat-Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg"); }

@font-face {
  font-family: "Montserrat-LightItalic";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-LightItalic.eot");
  src: url("../fonts/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-LightItalic.woff") format("woff"), url("../fonts/Montserrat-LightItalic.ttf") format("truetype"), url("../fonts/Montserrat-LightItalic.svg#Montserrat-LightItalic") format("svg"); }

.project {
  margin-top: 3rem;
  margin-bottom: 2rem; }
  .project .project-black {
    background-color: #3b3a3a;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .project .project-black {
        padding: 0; } }
    @media screen and (min-width: 992px) {
      .project .project-black {
        padding-top: 1rem; } }
    .project .project-black .your-project {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-right: grey solid 1px; }
      @media screen and (min-width: 992px) {
        .project .project-black .your-project {
          border-right: 0px; } }
      .project .project-black .your-project-img {
        width: 50px;
        height: 50px; }
      .project .project-black .your-project-title {
        margin-top: 0.5rem;
        color: white;
        font-family: "Montserrat-Medium", Arial, sans-serif;
        font-size: 20px; }
      .project .project-black .your-project-info {
        color: white;
        font-family: "Montserrat-LightItalic", Arial, sans-serif; }
    @media screen and (min-width: 992px) {
      .project .project-black .project-details {
        display: flex;
        flex-direction: column;
        align-items: center; } }
    .project .project-black .project-details .separate {
      background-color: grey;
      height: 1px;
      border-radius: 1px;
      width: 80%;
      margin: 0 auto; }
      @media screen and (min-width: 992px) {
        .project .project-black .project-details .separate {
          width: 90%; } }
    @media screen and (min-width: 992px) {
      .project .project-black .project-details .separate-lg {
        background-color: grey;
        height: 1px;
        border-radius: 1px;
        width: 90%;
        margin: 0 auto; } }
    .project .project-black .project-details .row {
      justify-content: center; }
      .project .project-black .project-details .row .count-img {
        width: 50px;
        height: 30px; }
      .project .project-black .project-details .row .count-content {
        color: white; }
        .project .project-black .project-details .row .count-content-green {
          color: #03c366; }
      .project .project-black .project-details .row .time-img {
        width: 50px;
        height: 30px;
        margin-top: 0.5rem; }
      .project .project-black .project-details .row .time-content {
        color: white; }
        .project .project-black .project-details .row .time-content-green {
          color: #03c366; }
      .project .project-black .project-details .row .month-img {
        width: 50px;
        height: 30px; }
      .project .project-black .project-details .row .month-content {
        color: white; }
        .project .project-black .project-details .row .month-content-green {
          color: #03c366; }
  .project .project-green {
    border: #03c366 solid 1px;
    margin: 1rem auto 0 auto;
    border-radius: 10px;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 768px) {
      .project .project-green {
        margin-top: 0; } }
    @media screen and (min-width: 992px) {
      .project .project-green {
        margin-top: 1rem; } }
    .project .project-green-img {
      height: 40px;
      width: 50px;
      margin: 2rem auto 0 auto; }
    .project .project-green-content {
      color: #03c366;
      text-align: center;
      width: 50%;
      margin: 1rem auto 0 auto; }
      @media screen and (min-width: 768px) {
        .project .project-green-content {
          width: 80%; } }
    .project .project-green .btn {
      margin: 2rem auto;
      color: #03c366;
      border-color: #03c366;
      border-radius: 50px;
      font-family: "Montserrat-Medium", Arial, sans-serif;
      height: 38px; }
    .project .project-green .btn:hover {
      background-color: #03c366;
      border-color: #03c366;
      color: white; }

@font-face {
  font-family: "Montserrat-Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg"); }

@font-face {
  font-family: "Montserrat-Light";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Light.eot");
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg"); }

.confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem; }
  .confirm .bi {
    font-size: 100px;
    color: #03c366; }
  .confirm .content {
    font-family: "Montserrat-Medium", Arial, sans-serif;
    font-size: 20px;
    text-align: center; }
  .confirm .thanks {
    font-family: "Montserrat-Light", Arial, sans-serif;
    text-align: center; }
  .confirm .btn-ask {
    color: #03c366;
    border-color: #03c366;
    font-family: "Montserrat-Medium", Arial, sans-serif;
    border-radius: 50px;
    margin-top: 2rem;
    height: 38px; }
  .confirm .btn-ask:hover {
    color: white;
    background-color: #03c366;
    border-color: #03c366; }

.mentions {
  margin-top: 3rem; }
  .mentions-content {
    font-weight: 600;
    font-style: italic;
    color: #b0b0b0; }
  .mentions-conditions {
    font-style: italic;
    color: #b0b0b0;
    font-size: 12px;
    text-align: justify;
    line-height: 1rem; }

@font-face {
  font-family: "Montserrat-Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg"); }

.form-title {
  font-family: "Montserrat-Medium", Arial, sans-serif;
  font-size: 18px; }
  @media screen and (min-width: 768px) {
    .form-title {
      font-size: 23px; } }

.table {
  border-top: lightgray 1px solid;
  margin-top: 2rem; }

th {
  border-style: none;
  font-family: "Montserrat-Medium", Arial, sans-serif;
  font-size: 12px; }

tr {
  margin: 3rem 0; }

td {
  border-style: none;
  font-size: 12px; }

thead {
  border-bottom: lightgray 1px solid; }

td.td-cross {
  padding-top: 0; }
  td.td-cross .bi {
    margin-left: 1rem;
    color: red;
    font-size: 2rem; }

td.td-arrow {
  padding-top: 0.8rem; }
  td.td-arrow .td-link {
    color: #878585;
    text-decoration: underline;
    font-size: 12px; }
  td.td-arrow .td-link:hover {
    color: #3b3a3a; }

.btn-new-div {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem; }
  .btn-new-div .btn-new {
    color: #03c366;
    border-color: #03c366;
    border-radius: 50px;
    font-weight: 600;
    height: 38px; }

.remove-col {
  min-width: 200px; }

.remove-col-2 {
  min-width: 150px; }

@font-face {
  font-family: "Montserrat-Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg"); }

@font-face {
  font-family: "Montserrat-Italic";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Italic.eot");
  src: url("../fonts/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Italic.woff") format("woff"), url("../fonts/Montserrat-Italic.ttf") format("truetype"), url("../fonts/Montserrat-Italic.svg#Montserrat-Italic") format("svg"); }

@font-face {
  font-family: "Montserrat-Light";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Light.eot");
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg"); }

.link-previous {
  color: #03c366;
  text-decoration: none;
  font-size: 15px;
  cursor: pointer; }
  .link-previous .bi {
    color: #03c366; }
  .link-previous .bi::before {
    font-weight: bolder !important; }

.link-previous:hover {
  color: #03c366; }

.blabla {
  border: #03c366 solid 1px;
  border-radius: 10px;
  padding: 0.5rem 1rem;
  background-color: white; }

.bold {
  font-family: "Montserrat-Medium", Arial, sans-serif;
  font-size: 12px;
  line-height: 1rem; }

.blabla-mentions-green {
  font-family: "Montserrat-Regular", Arial, sans-serif;
  color: #03c366;
  text-align: justify; }

.blabla-mentions-grey {
  font-family: "Montserrat-Medium", Arial, sans-serif;
  text-align: justify;
  color: #03c366; }

.blabla-forget {
  text-align: justify;
  font-size: 12px;
  font-family: "Montserrat-Light", Arial, sans-serif;
  line-height: 1rem; }

.blabla-content {
  text-align: justify;
  font-family: "Montserrat-Light", Arial, sans-serif;
  font-size: 12px;
  line-height: 1rem; }

.underline {
  text-decoration: underline;
  font-size: 12px;
  line-height: 1rem; }

.button-file .upload-file {
  background-color: lightgray;
  border-radius: 5px;
  width: 100%;
  color: grey;
  font-weight: 600; }
  .button-file .upload-file .bi {
    margin-right: 1rem;
    color: grey; }
  .button-file .upload-file .bi::before {
    font-weight: 600 !important; }

.btn-new:hover {
  background-color: #03c366;
  color: white;
  border-color: #03c366; }

.bi-circle-fill {
  font-size: 0.5rem;
  margin-right: 0.5rem; }

.li-medical {
  list-style-type: none; }
  .li-medical .form-check-box-field-question {
    font-weight: 300;
    color: black; }

.symptomes {
  font-family: "Montserrat-Italic", Arial, sans-serif;
  font-size: 12px; }

.form .form-check-input {
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer; }

.form .med:checked[type=radio] {
  background-color: #03c366;
  border-color: #03c366;
  border: 9px solid #03c366;
  outline: none !important;
  box-shadow: none; }

.form .form-check-input::before {
  background-color: #03c366; }

.form .form-check-label {
  margin-top: 0.2rem;
  margin-left: 0.2rem; }

.form input[type=checkbox]:checked {
  background-color: #03c366;
  box-shadow: 0 0 0 0.2rem rgba(3, 195, 102, 0.25); }

.form input[type=checkbox]:focus {
  box-shadow: 0 0 0 0.2rem rgba(3, 195, 102, 0.25); }

.form input[type=checkbox] {
  border-color: #ced4da; }

.no-wrap {
  white-space: nowrap; }

@font-face {
  font-family: "Montserrat-Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.svg#Montserrat-Medium") format("svg"); }

@font-face {
  font-family: "Montserrat-Italic";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Italic.eot");
  src: url("../fonts/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Italic.woff") format("woff"), url("../fonts/Montserrat-Italic.ttf") format("truetype"), url("../fonts/Montserrat-Italic.svg#Montserrat-Italic") format("svg"); }

@font-face {
  font-family: "Montserrat-Light";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Montserrat-Light.eot");
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg"); }

.congrat {
  display: flex;
  flex-direction: column; }
  .congrat .bi-check {
    color: #03c366;
    font-size: 100px;
    display: flex;
    justify-content: center; }
  .congrat-content-title {
    font-size: 20px;
    text-align: center;
    color: #03c366;
    font-family: "Montserrat-Medium", Arial, sans-serif; }
  .congrat-content-content {
    font-size: 14px;
    text-align: center; }

.mentions-credit-conditions {
  font-family: "Montserrat-Italic", Arial, sans-serif;
  font-size: 12px;
  text-align: justify;
  line-height: 1rem; }

.link-details {
  color: #878585; }

.link-details:hover {
  color: #3b3a3a; }

.buttons {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 576px) {
    .buttons {
      flex-direction: row;
      justify-content: flex-end;
      margin-top: 2rem; } }
  .buttons .btn-previous {
    margin: 1rem 0;
    color: grey;
    border-color: grey;
    font-family: "Montserrat-Medium", Arial, sans-serif;
    border-radius: 50px;
    height: 38px; }
    @media screen and (min-width: 576px) {
      .buttons .btn-previous {
        margin: 0; } }
  .buttons .btn-previous:hover {
    color: white;
    border-color: white;
    background-color: grey; }
  .buttons .btn-ask {
    color: #03c366;
    border-color: #03c366;
    font-family: "Montserrat-Medium", Arial, sans-serif;
    border-radius: 50px;
    height: 38px; }
    @media screen and (min-width: 576px) {
      .buttons .btn-ask {
        margin-left: 1rem; } }
  .buttons .btn-ask:hover {
    color: white;
    border-color: white;
    background-color: #03c366; }

.form-select:focus {
  box-shadow: 0 0 0 0.2rem rgba(3, 195, 102, 0.25);
  border-color: #ced4da; }

.form-check-label {
  text-align: justify; }

.form-check-box-field {
  text-align: justify; }


/*# sourceMappingURL=style.css.map*/