.content
{
    background-image: url('img/17_bg.png');
    background-repeat: repeat;
}

.form_container
{
    margin: 0 auto;
    padding: 3rem;
    min-height: 100vh;
    max-width: 800px;
}


.form
{
    background-color: white;
    -webkit-box-shadow: 9px 7px 19px 1px rgba(189,210,252,1);
    -moz-box-shadow: 9px 7px 19px 1px rgba(189,210,252,1);
    box-shadow: 9px 7px 19px 1px rgba(189,210,252,1);
    padding-left: 3rem;
    padding-right: 3rem;
}

@media (max-width: 600px)
{
    .form_container
    {
        margin: 0;
        padding: 1rem;
    }

    .form
    {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}



.form h1::after
{
    background: linear-gradient(to right,rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093b8bd',endColorstr='#0093b8bd',GradientType=1 );
    content: " ";
    display: block;
    height: 2px;
    margin-top: 30px;
    width: 100%;
}

.red
{
    color: red;
}

.slider
{
    display: block;
    min-width: 100%;
    margin: 10px 0;
}

/* The slider itself */
.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 20px; /* Specified height */
    border-radius: 10px;
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
  }
  
  /* Mouse-over effects */
  .slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
  }
  
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    border-radius: 50%;
    background: #0dcaf0; /* Green background */
    cursor: pointer; /* Cursor on hover */
  }
  
  .slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    border-radius: 50%;
    background: #0dcaf0; /* Green background */
    cursor: pointer; /* Cursor on hover */
  }

  .label_range
  {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  #result
  {
    font-size: 25px;
    color: rgb(77, 71, 71);
    font-weight: 700;
  }
  .range_bottom
  {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    margin-top: -10px;
  }

  .info
  {
    font-size: 0.9rem;
  }

  #field2249676
  {
    padding: 5px;
  }

  .mw_200
  {
    min-width: 130px;
    text-align: center;
  }

  .confirm_buttons
  {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .back_button
  {
    text-decoration: none;
    padding: 7px 30px;
    background-color: #cbdaec;
    border-radius: 5px;
    color: black;
  }

  .text_succes
  {
    font-size: 2rem;
    line-height: 2.6rem;
  }





  @media (max-width: 1200px)
  {
      .mob-lang
      {
          flex-direction: row !important;
          justify-content: flex-end !important;
      }
  
      .mob-lang a
      {
          margin-right: 0.5rem;
          margin-left: 0.5rem;
      }
  }
  
  .active_link
  {
      color: #F1A446 !important;
  }
  
  .mr1
  {
      margin-right: 1rem;
  }
  
  .nav-span
  {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  
  .pt0
  {
      padding-top: 0;
  }
  
  .pt05
  {
      padding-top: 0.5rem;
  }
  
  .pt1
  {
      padding-top: 1rem;
  }
  
  .pt2
  {
      padding-top: 2rem;
  }
  
  .pt3
  {
      padding-top: 3rem;
  }
  
  .fb
  {
      font-weight: 700;
  }
  
  .fsh
  {
      font-size: 2rem;
      line-height: 2.6rem;
  }
  
  .nm
  {
      margin: 0 !important;
  }
  
  .back_button
  {
      background: #F1A446;
      box-shadow: 0px 10px 20px rgba(241, 164, 70, 0.24);
      border-radius: 15px;
      padding: 1rem 2rem;
      max-width: 400px;
  }
  
  .back_button_centered
  {
      margin-left: auto;
      margin-right: auto;
      display: inline;
      padding-left: 2rem !important;
      padding-right: 2rem !important;
  }
  
  .back_button_form
  {
      background: #F1A446;
      box-shadow: 0px 10px 20px rgba(241, 164, 70, 0.24);
      border-radius: 10px;
      padding: 0.5rem 2rem;
  }
  
  .pl0
  {
      padding-left: 0;
  }
  
  .pl05
  {
      padding-left: 0.5rem;
  }
  
  .pl1
  {
      padding-left: 1rem;
  }
  
  .pl2
  {
      padding-left: 2rem;
  }
  
  .pl3
  {
      padding-left: 3rem !important;
  }
  
  .cp
  {
      cursor: pointer;
  }
  
  .pb0
  {
      padding-bottom: 0;
  }
  
  .pb05
  {
      padding-bottom: 0.5rem;
  }
  
  .pb1
  {
      padding-bottom: 1rem;
  }
  
  .pb2
  {
      padding-bottom: 2rem;
  }
  
  .pb3
  {
      padding-bottom: 3rem;
  }
   
  .df
  {
      display: flex;
  }
  
  .block_1_background
  {
      position: relative;
      z-index: 11;
  
  }
  
  @media (min-width: 992px)
  {
      .block_1_background
      {
          background-image: url('./img/block_1_background.png');
          background-size: contain;
          background-position: top right;
          background-repeat: no-repeat;
          min-height: 55vh;
  
      }
  }
  
  
  
  @media (min-width: 1200px)
  {
      .block_1_background
  {
   
      min-height: 70vh;
  }
  }
  
  @media (min-width: 1400px)
  {
      .block_1_background
  {
   
      min-height: 75vh;
  }
  }
  
  @media (max-width: 1199px)
  {
      .back_button
  {
     
      padding: 1rem 1rem;
  }
  
  }
  
  .pr0
  {
      padding-right: 0;
  }
  
  .pr05
  {
      padding-right: 0.5rem;
  }
  
  .pr1
  {
      padding-right:1rem;
  }
  
  .pr2
  {
      padding-right:2rem;
  }
  
  .pr3
  {
      padding-right:3rem;
  }
  
  
  
  .p1block1r
  {
      position: relative;
      margin-top: -2rem;
      border-bottom-left-radius: 50% 50px;
      border-bottom-right-radius: 50% 50px;
      z-index: 10;
      background-color: rgba(255, 255, 255, 1);
  }
  
  .p1block2
  {
      position: relative;
      margin-top: -6rem;
      background-color: rgba(132, 63, 0, 0.03);
      border-bottom-left-radius: 50% 50px;
      border-bottom-right-radius: 50% 50px;
      z-index: 9;
      padding-top: 6rem;
  }
  
  
  
  .mt0
  {
      margin-top: 0;
  }
  
  .mt1
  {
      margin-top: 1rem;
  }
  
  .mt2
  {
      margin-top: 2rem;
  }
  
  .mt3
  {
      margin-top: 3rem;
  }
  
  .bl3bg1
  {
      background-image: url('./img/01.png');
      background-repeat: no-repeat;
      background-position: center right;
  }
  
  .bl3bg2
  {
      background-image: url('./img/02.png');
      background-repeat: no-repeat;
      background-position: center right;
  }
  
  .bl3bg3
  {
      background-image: url('./img/03.png');
      background-repeat: no-repeat;
      background-position: center right;
  }
  
  .bl3bg4
  {
      background-image: url('./img/04.png');
      background-repeat: no-repeat;
      background-position: center right;
  }
  
  .bl4_1
  {
      background-image: url('./img/Ellipse12.png');
      background-repeat: no-repeat;
      background-position: center center;
  }
  
  .bl4_2
  {
      background-image: url('./img/Ellipse13.png');
      background-repeat: no-repeat;
      background-position: center center;
  }
  
  .bl4_3
  {
      background-image: url('./img/Ellipse15.png');
      background-repeat: no-repeat;
      background-position: center center;
  }
  
  .bl4_4
  {
      background-image: url('./img/Ellipse17.png');
      background-repeat: no-repeat;
      background-position: center center;
  }
  
  .logo_image
  {
      border-radius: 5px;
  }
  
  .dfn
  {
      flex-direction: row;
      justify-content: flex-start;
  }
  
  .frh
  {
      align-items: center;
  }
  
  .dlb
  {
      display: inline-block;
  }
  
  .por
  {
      position: relative;
  }
  
  .rank_block
  {
      position: absolute;
      transform: translateY(-50%);
      top: 60%;
      left: 10%;
      padding: 1rem;
      background-color: white;
      box-shadow: 0px 10px 20px rgba(193, 193, 193, 0.24);
      border-radius: 13px;
  }
  
  .np{
      padding: 0;
  }
  
  
  @media (max-width: 576px)
  {
      .fsh
      {
          font-size: 1.8rem;
      }
  
      .bl3bg1
      {
           background-position: top left;
      }
  
      .bl3bg2
      {
          background-position: top left;
      }
  
      .bl3bg3
      {
          background-position: top left;
      }
  
      .bl3bg4
      {
          background-position: top left;
      }
  
      .review_image
      {
          max-width: 70px;
      }
  }
  
  .block7
  {
      background-color:  #FBF9F7;
  
  }
  
  .review_image
  {
      border-radius: 50%;
  }
  
  .df_pagination
  {
      display: flex;
      flex-direction: row;
      justify-content: center;
  }
  
  .df_pagination_p
  {
      padding: 0.5rem 1rem;
      margin: 0;
      border: 1px grey solid;
      border-radius: 5px;
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      cursor: pointer;
    
  }
  
  .df_pagination_active
  {
      padding: 0.5rem 1rem;
      margin: 0;
      border: 1px #F1A446 solid;
      border-radius: 5px;
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      cursor: pointer;
      color: #F1A446;
  }
  
  .df_pagination_p:hover
  {
      border: 1px #F1A446 solid;
      color: #F1A446;
  }
  
  .bl8_1_h
  {
      font-size: 1.2rem;
  }
  
  .bl8_1_h span
  {
      color: #F1A446;
  }
  
  .bg_white
  {
      background-color: white;
  }
  
  .bl8_1_1
  {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
  }
  
  .send_form
  {
      background: #FFFFFF;
      border: 1px solid rgba(241, 164, 70, 0.13);
      box-sizing: border-box;
      box-shadow: 0px 20px 50px rgba(193, 193, 193, 0.24);
      border-radius: 30px;
      position: absolute;
      left: 0;
      top: -3rem;
      min-width: 100%;
      padding: 3rem 2rem;
  }
  
  header 
      {
          padding-top: 2rem;
      }
  
  @media (max-width: 576px)
  {
      .send_form
      {
          top: 0;
          padding: 1rem;
      }
  
      .send_form
      {
          position: relative;
          top: 0;
          margin-bottom: 2rem;
      }
  
      header 
      {
          padding-top: 3rem;
      }
  }
  
  .form-group label
  {
      position: absolute;
      top: -13px;
      left: 35px;
      padding: 3px;
      background-color: white;
      z-index: 10;
      font-size: 0.8rem;
  }
  
  .form-group input
  {   padding: 7px 7px 7px 40px;
      border-radius: 10px;
      position: relative;
  
  }
  
  .form-group textarea
  {   padding: 7px 7px 7px 40px;
      border-radius: 10px;
      position: relative;
  
  }
  
  .input-name:before
  {
      position: absolute;
      content: url('./img/Vector5.png');
      top: 10px;
      left: 10px;
      z-index: 10;
      
  }
  
  .input-phone:before
  {
      position: absolute;
      content: url('./img/Vector2.png');
      top: 10px;
      left: 10px;
      z-index: 10;
  }
  
  .input-email:before
  {
      position: absolute;
      content: url('./img/Vector3.png');
      top: 10px;
      left: 10px;
      z-index: 10;
  }
  
  .input-textarea:before
  {
      position: absolute;
      content: url('./img/Vector4.png');
      top: 10px;
      left: 10px;
      z-index: 10;
  }
  
  .fs08
  {
      font-size: 0.8rem !important;
  }
  
  .block9
  {
      background-color: #F1A446;
  }
  
  .bl9_1
  {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: top;
  }
  
  .footer_bl_1
  {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: top;
  }
  
  
  .footer_bl_1 img
  {
      max-width: 35px;
      max-height: 35px;
  }
  
  
  .bl9_1 img
  {
      max-width: 80px;
      max-height: 80px;
  }
  
  .footer_bg
  {
      background-color: #000000;
  }
  
  footer p
  {
      color: white;
  }
  
  .footer_h
  {
      font-size: 1.4rem;
  }
  
  .scroll-menu {
      width: 100%;
      line-height: 1.4;
      background-color: #F1A446;
      text-align: center;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
  }
  
  
  .scroll-button
  {
      width: 100%;
      line-height: 1.4;
      background-color: #F1A446;
      text-align: center;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 999;
  }
  
  .scroll-button a
  {
      color: black;
      padding: 0.8rem;
      text-decoration: none;
      display: block;
      font-size: 1.2rem;
      font-weight: 700;
  }
  
  .scroll-button span
  {
      font-size: 1.4rem;
  }
  
  .scroll-menu p
  {
      padding-top: 5px;
      padding-bottom: 7px;
      color: white;
      font-size: 0.9rem;
     
  }
  
  .scroll-menu a
  {
      color:#5e636e;
      text-decoration: none;
      font-weight: 700;
  }
  
  .dn
  {
      display: none;
  }
  
  .modal-header
  {
      border-bottom: 0  !important;
  }
  
  .modal-footer
  {
      border-top: 0  !important;
  }
  
  .modal-dialog
  {
      max-width: 440px;
  }
  
  .modal-content
  {
      padding: 20px;
      border-radius: 30px !important;
  }
  
  .footer_bg a
  {
      color: white;
      text-decoration: none;
  }
  
  .p404
  {
      display: flex;
      flex-direction: row;
      justify-content: center;
  }
  
  .nl
  {
      color: #111;
      text-decoration: none;
  }
  
  .succes_form
  {
      background-color: white;
      z-index: 10;
  }
  
  .succes_fb, .succes_rv
  {
      background-color: white;
      position: absolute;
      z-index: 11;
      min-height: 100%;
      min-width: 100%;
      text-align: center;
      top: 0;
      left: 0;
      border-radius: 30px !important;
      padding-top: 150px;
  }
  
  .centered
  {
      margin-left: auto;
      margin-right: auto;
  }
  
  .h1_m
  {
      font-size: 1rem;
      font-weight: 200;
  }
  
  .credit_grey
  {
      background-color: rgba(132, 63, 0, 0.03);
  }
  
  .mul li
  {
      padding-bottom: 1rem;
  }
  
  .nav-item .nav-link:hover
  {
      color: #F1A446 !important;
  }
  
  .nav-link-bl .nav-link
  {
      color: #111 !important;
  }
  
  
  .nav-item .active
  {
      color: #F1A446 !important;
  }
  
  
  .red
  {
      color: red;
  }
  
  .row-centered
  {
      align-items: center;
  }
  
  .ckeck_mark::before
  {
      content: "\2713";
      position: absolute;
      left: -30px;
      top: 5px;
      font-size: large;
      font-weight: 700;
      color:#F1A446;
  }
  
  #reviews_run_1
  {
      font-size: 8rem;
      font-weight: 700;
  }
  
  .rim
  {
      border-radius: 10px;
  }
  .fs16
  {
      font-size: 1.4rem !important;
  }
  
  .circle_number
  {
      border-radius: 50%;
      background-color: #F1A446;
      position: relative;
      padding: 1.6rem;
      display: inline-flex;
      width: 80px;
      height: 80px;
      justify-content: center;
      align-items: center;
      z-index: 11;
  }
  
  .circle_number p
  {
      margin: 0 !important;
      font-size: 2rem;
      font-weight: 700;
  }
  
  .line-first
  {
      position: absolute;
      top: 50%;
      right: 0;
      width: 50%;
      min-height: 2px;
      background-color: #111;
      z-index: 10;
  }
  
  .line-last
  {
      position: absolute;
      top: 50%;
      left: 0;
      width: 50%;
      min-height: 2px;
      background-color: #111;
      z-index: 10;
  }
  
  .line-both
  {
      position: absolute;
      top: 50%;
      right: 0;
      width: 100%;
      min-height: 2px;
      background-color: #111;
      z-index: 10;
  }
  
  @media (max-width: 768px)
  {
      .line-first, .line-both
      {
          width: 90%;
          right: 5%;
      }
      
      .line-last
      {
          width: 90%;
          left: 5%;
      }
     
  }
  
  .link_active
  {
      color: #F1A446;
  }
  
  .o_bg
  {
      background-color: #F1A446;
  }
  .fs2
  {
      font-size: 2rem;
  }
  
  .fs1
  {
      font-size: 1rem;
  }
  
  .fs3
  {
      font-size: 3rem;
  }
  
  .fs12
  {
      font-size: 1.2rem;
  }
  
  .df_start
  {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
  }
  
  .df_start_f
  {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
  }
  
  .df_start_p
  {
      text-align: left;
      justify-content: center;
  }
  
  .mc
  {
      color:#F1A446;
  }
  
  .centered
  {
      margin-left: auto;
      margin-right: auto;
  }
  
  .df_start_f img
  {
      max-width: 65px;
      border-radius: 5px;
      -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
      -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
      box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  }
  
  .f_bl4 img
  {
      border-radius: 5px;
      -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
      -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
      box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
  }
  
  
  .credit_top
  {
      padding-top: 3rem;
  }
  
  @media (max-width: 768px)
  {
      .credit_top
      {
          padding-top: 0;
      }
  }
  
  .back_button_centered
  {
      margin-left: auto;
      margin-right: auto;
  }
  
  
  @media (max-width: 576px)
  {
      .back_button_centered
      {
         margin-top: 2rem;
         margin-bottom: 0;
      }
      .cred_first p
      {
          margin-bottom: 0.5rem;
          text-align: left;
      }
  }
  
  .link
  {
      color: black;
      text-decoration: none;
  }
  
  .question
  {
      background-color: #F1A446;
      border-radius: 15px;
      padding: 1rem;
      display: inline-block;
      margin-left: auto;
      margin-right: auto;
  }
  
  .link:hover
  {
      color: white;
  }
  
  
  @media (min-width: 999px)
  {
  .obt
  {
      float:left; 
      margin: 7px 2rem 2rem 0;
  }
  }
  
  .cow
  {
      color: white;
  }
  
  .article_div
  {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
  }
  
  .article_div img
  {
      margin: 0 20px 0 0;
      padding: 0;
  }
  
  .article_div a
  {
      text-decoration: none;
      color: black;
  }
  
  .article_main_link
  {
      text-align: center;
      padding-top: 2rem;
      padding-bottom: 1rem;
  }
  
  .article_main_link a
  {
   color: #111;
   text-decoration: none;
  }
  
  .succes_div
  {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 50vh;
  }
  
  .spadding
  {
      padding: 5px 2rem !important;
  }
  
  .header_lead
  {
      padding-top: 0;
      border-bottom: #bfc1c5 1px solid;
  }
  
  .body_lead
  {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      min-height: 100vh;
  }
  
  .footer_lead
  {
      min-width: 100%;
  }
  
  .start_test
  {
      padding: 1rem 2rem;
      border-radius: 20px;
      min-width: 40vw;
      background-color: #F1A446;
      text-decoration: none;
      color:#111;
      display: block;
      text-transform: uppercase;
      font-weight: 700;
  }
  
  .ask_question
  {
      padding: 1rem 2rem;
      border-radius: 20px;
      min-width: 40vw;
      background-color:chartreuse; 
      text-decoration: none;
      color:#111;
      display: block;
      text-transform: uppercase;
      font-weight: 700;
  }
  
  .start_test:hover, .ask_question:hover
  {
      color:#5e636e;
  }
  
  @media(min-width: 700px)
  {
      .start_test, .ask_question, .form_container_send
      {
          max-width: 500px;
          margin-left: auto;
          margin-right: auto;
      }
  
      .form_container_steps
      {
          max-width: 700px;
      }
  }
  
  .form_container_send
  {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      border-radius: 20px;
      border: #F1A446 1px solid;
      padding: 2rem;
  }
  
  .form_container_send p
  {
      text-align: center;
      color: #5e636e;
      font-size: 1.2rem;
      padding-top: 1rem;
  }
  
  
  .form_container_send h5
  {
      padding-bottom: 1rem;
      border-bottom: #F1A446 1px solid;
      min-width: 90% !important;
      text-align: center;
      text-transform: uppercase;
      font-weight: 700;
  }
  
  .form_container_send_input
  {
      outline: none;
      padding: 5px 5px 1px 5px;
      border: none;
      border-bottom: #F1A446 1px solid;
      padding: 10px;
      min-width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
  
  .send_quest_div
  {
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  
  .send_quest_div_form
  {
      min-width: 90%;
  }
  
  .form_container_send button
  {
      min-width: 100%;
      margin-top: 2rem;
      padding: 10px;
      border-radius: 20px;
      background-color: #F1A446;
      border: none;
      outline: none;
      text-transform: uppercase;
      font-weight: 700;
  }
  
  @media (max-width: 700px)
  {
      .form_container_send h5
      {
          font-size: 1rem;
      }
  
      .form_container_finish
      {
          padding: 1rem 10px;
      }
  }
  
  
  .form_lead_pensii_1
  {
      font-size: 1.6rem;
      text-transform: uppercase;
  }
  
  .form_lead_pensii_1 span, .form_lead_pensii_2 span
  {
      color: #F1A446;
      font-weight: 700;
  } 
  
  .form_lead_pensii_2
  {
     text-transform: uppercase;
  }
  
  .form_container_steps
  {
      align-items: flex-start;
  }
  
  .steps_p
  {
      padding-top: 0 !important;
      margin-bottom: 5px;
      color: #F1A446 !important;
      font-size: 1.4rem !important;
  }
  
  .steps_p span
  {
      color:#111;
  }
  
  .progress
  {
      min-width: 100%;
      border-radius: 10px;
      min-height: 30px;
  }
  
  .progress1 :nth-child(1)
  {
      width: 20%;
      text-align: center;
      background-color: #F1A446;
      padding: 5px;
  }
  
  .progress2 :nth-child(1)
  {
      width: 40%;
      text-align: center;
      background-color: #F1A446;
      padding: 5px;
  }
  
  .progress3 :nth-child(1)
  {
      width: 60%;
      text-align: center;
      background-color: #F1A446;
      padding: 5px;
  }
  
  .progress4 :nth-child(1)
  {
      width: 80%;
      text-align: center;
      background-color: #F1A446;
      padding: 5px;
  }
  
  .progress5 :nth-child(1)
  {
      width: 100%;
      text-align: center;
      background-color: #F1A446;
      padding: 5px;
  }
  
  .step_5_left
  {
      align-self: start;
  }
  
  .qust_p_2
  {
      color: #F1A446 !important;
      font-size: 1.4rem !important;
      text-align: left !important;
  }
  
  .margin_auto
  {
      margin-left: auto;
      margin-right: auto;
  }
  
  
  .form-check-input:checked {
      background-color: #F1A446;
      border-color: #F1A446;
  }
  
  .txtsc
  {
      color: #5e636e;
  }
  
  
  .tdn
  {
      text-decoration: none;
  }
  
  
  .form_container_finish .form-check
  {
      display: inline-block;
  }
  .where_to_send_res
  {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      padding: 1rem 5px;
      border-radius: 20px;
      border: #F1A446 1px solid;
  }
  
  .form_container_sent p
  {
      font-size: 1rem;
  }
  
  .form_container_sent
  {
      max-width: 700px;
  }
  
  .fs16
  {
      font-size: 1.6rem;
  }
  
  .qust_p_3
  {
      color: #F1A446 !important;
      font-size: 1rem !important;
  }
  
  .qust_p_4
  {
      color: #F1A446 !important;
      font-size: 1.8rem !important;
      text-align: center !important;
  }
  
  .qust_p_5
  {
      color: #F1A446 !important;
      font-size: 1.4rem !important;
      text-align: center !important;
  }
  
  .mw100
  {
      min-width: 100%;
  }
  
  .ttuc
  {
      text-transform: uppercase;
  }
  
  
  @media (max-width: 700px)
  {
      .qust_p_4
      {
          font-size: 1.4rem !important;
      }
  }
  
  .mc_head
  {
      color: #F1A446 !important;
  }
  
  .form-check-label
  {
      font-size: 1.4rem;
  }
  
  
  .form-check-input
  {
      margin-top: 10px;
  }
  
  
  .form-check-label_1
  {
      font-size: 1rem !important;
  }
  
  .form-check-input_1
  {
      margin-top: 5px;
  }
  
  .body_lead_2
  {
      background: url('./img/green_background.jpg');
      background-size: cover;
      background-repeat: no-repeat;
  }
  
  .mc_head_blue, .body_lead_2 .steps_p, .body_lead_2 span, .body_lead_2 .qust_p_4, .blue_link
  {
      color: #0dcaf0 !important;
  }
  
  .body_lead_2 p, .body_lead_2 .txtsc, .body_lead_2 label
  {
      color: white !important;
  }
  
  
  .body_lead_2 .start_test, .body_lead_2 .form_container_send button, .body_lead_2 .progress1 :nth-child(1), .body_lead_2 .progress2 :nth-child(1), .body_lead_2 .progress3 :nth-child(1), .body_lead_2 .progress4 :nth-child(1)
  {
      background-color:  #0dcaf0 !important;
  }
  
  .body_lead_2 .form_container_send, .body_lead_2 .where_to_send_res
  {
      border: #0dcaf0 1px solid;
  }
  
  .body_lead_2  .form_container_send h5
  {
      border-bottom: #0dcaf0 1px solid;
      color: white;
  }
  
  .body_lead_2 .form_container_send_input
  {
      border-bottom: #0dcaf0 1px solid;
      margin-top: 10px;
  }
  
  .body_lead_2 .form-check-input:checked
  {
      background-color:  #0dcaf0 !important;
      border-color: #0dcaf0 !important;
  }
  
  .logo_blue
  {
      max-width: 80px;
  }
  
  .auth_card
  {
      display: flex;
      min-height: 100vh;
      min-width: 100%;
      justify-content: center;
      align-items: center;
  }
  
  
  #basic-addon3
  {
      min-width: 100px;
  }
  
  .flex_dash
  {
      display: flex;
      flex-direction: row;
  
  }
  
  .naw_row
  {
      background-color: #F1A446;
  }
  
  .color_picker
  {
      max-width: 60px;
      min-height: 40px;
  }
  
  .fs-7
  {
      font-size: 0.8rem;
  }
  
  .mw_100
  {
      max-width: 100px;
  }