@font-face {
    font-family: 'Gotham-Book';
    src: url('/fonts/Gotham-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Gotham-Bold';
    src: url('/fonts/Gotham-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

  @import url('https://fonts.googleapis.com/css2?family=Muli&display=swap');

  html{
    margin: 0px !important;
  }

  body{
    /* background-image: url('/images/app_bg.jpg'); */
    /* background-size: cover; */
    /* background-position: center; */
  }
  .body-in{
    width: 100%;
    height: 100vh;
    /* background:rgba(0,0,0,.5); */
    /* background: #757577;
    background-blend-mode: multiply; */

    background: #757577;
    background-image: linear-gradient(rgba(117, 117, 119, 0.5), rgba(117, 117, 119, 0.5)), url('/images/app_bg.jpg');
    background-blend-mode: multiply;
    background-size: cover;
    background-position:center;


  }

  ._container{
    /* padding-top: 73px; */
    /* padding-top: clamp(15px, 4.15vw, 73px); */
    padding-top: 20px;
    width: 100%;
    height: 100vh;
    /* background: rgba(0,0,0,.5); */

  }

  ._container_in{
    /* max-width: 1758px !important; */
    /* max-width: 1348px !important; */
    padding-left: 4%;
    padding-right: 4%;
    margin-left: auto;
    margin-right: auto;
  }

  ._top{
    margin-bottom: 15px;
  }

  ._logo{
    filter: grayscale(100%);
    width: clamp(150px, 13vw, 228px);
  }

  ._footer{
    background: #333;
    width: 100%;
    border-top: 1px solid #000;
    padding: 15px;
    position: fixed;
    bottom: 0px;
    left: 0px;
  }

  ._qa{
    color: #333;
    font-size: 20px;
    margin-bottom: 15px;
  }

  ._options{

  }
    ._option{
      max-width: 400px;
      background-color: #ddd;
      padding:10px 15px;
      border-radius:4px;
      margin-bottom: 15px;
    }
      ._option p{
        line-height: 1.5em;
      }
      ._option input{
        display: none;
      }


  /* footer */
    .footer{
      background: #373D42;
      width: 100%;
      /* height: 250px; */
      position: fixed;
      bottom: 0px;
      left: 0px;
      /* padding-top: 4%;
      padding-bottom: 4%; */
      padding-left: 4%;
      padding-right: 4%;
      z-index: 10;
    }
      .footer_in{
        position: fixed;
        bottom: 0px;
        left: 0px;
        z-index: 200;
        padding-top: 4%;
        padding-bottom: 4%;
        left: auto;
        right: auto;
        width: 100%;
        /* max-width: 1758px; */
        padding-left: 4%;
        padding-right: 4%;
        left: 50%;
        transform: translateX(-50%);
      }

      .person{
        position: fixed;
        /* bottom: -46%; */
        bottom: clamp(-68vw, 13vw, -31vw);
        right: 3%;
        width: 40%;
        z-index: 100;
        /* display: none; */
      }
      .show_person .person{
        /* display: table !important; */
      }

    .footer .sec_50{
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .footer .sec_50 .pos1{
      /* width: 160px; */
      /* width: 33%; */
    }
    .footer .sec_50 .pos2{
      /* width: 250px; */
      width: 33%;
    }
    .footer .sec_50 .pos3{
      width: 23%;
      margin-left: 5%;
      margin-bottom: 1.75%;
    }

    ._footer_p{
      color: #FFF;
      font-family: "Gotham-Book", Arial;
      font-size: 15px;
      font-style: normal;
      font-weight: 300;
      line-height: 25px; /* 150% */
    }
      ._footer_p_f2{
        width: min-content;
        float: right;
      }
      ._footer_p .small{
        font-size: 12px !important;
      }
      ._footer_p a{
        color: #ffffff !important;
      }
  /* end footer */

  .m-b-2vw{
    margin-bottom: 2vw;
  }

  ._title{
    color: #CB9349;
    font-family: "Gotham-Bold", Arial;
    /* font-size: 60px; */
    font-size: clamp(30px, 3.5vw, 60px);
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
  }
    .questions_sec ._title{
      /* font-size: clamp(30px, 6.83vw, 120px); */
      /* font-size: 120px; */
      font-size: 100px;
      line-height: 100px;
      margin-top: 20px;
    }

  ._subtitle{
    color: #F5F5F5;
    font-family: "Gotham-Bold";
    font-size: clamp(30px, 3.5vw, 50px);
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
  }

  ._p1{
    color: #FFF;
    font-family: "Gotham-Book", Arial;
    font-size: clamp(14px, 3vw, 35px);
    line-height: clamp(30px, 5vw, 60px);
    font-style: normal;
    font-weight: 400 !important;
    margin-bottom: 2vw;
  }

  ._p2{
    color: #FFF;
    font-family: "Gotham-Book", Arial;
    font-size: clamp(14px, 3vw, 35px);
    line-height: clamp(30px, 5vw, 60px);
    font-style: normal;
    font-weight: 400 !important;
    margin-bottom: 2vw;
  }

  .form_field_div{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
    .form_field_div .btn_prev{
      float: left !important;
    }
  .form_field{
    display: flex;
    width: 100%;
    height: 56px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 18px;
    border: 3px solid #F5F5F5 !important;
    color: #F5F5F5 !important;
    text-align: center;
    font-family: "Gotham-Bold";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    background-color: transparent;
    margin-bottom: 20px;
  }
    .form_field::placeholder{
      color: #F5F5F5;
      text-align: center;
      font-family: "Gotham-Bold";
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 18px;
    }
    .form_field:active,
    .form_field:focus
    {
      border: 3px solid #F5F5F5;
      color: #F5F5F5;
    }

  .section{
    display: none;
    width: 100%;
    height: 100vh;
    /* background-image: url('/images/app_bg.jpg');
    background-size: cover;
    background-position: center; */
  }
  .active_sec{
    display: table !important;
  }

  .first_sec{
    /* background-image: url('/images/app_bg.jpg');
    background-size: cover;
    background-position: center; */
  }
    .first_sec ._title{
      /* margin-top: clamp(15px, 3vw, 73px); */
      margin-top: 20px;
    }

  /* buttons */
    ._btn1{
      /* width: 563px;
      height: 87px; */
      width: clamp(280px, 50vw, 563px);
      height: clamp(40px, 6vw, 87px);
      flex-shrink: 0;
      border-radius: 20px;
      border: 5px solid #CB9349;
      background: #D1D3D4;
      color: #000;
      text-align: center;
      font-family: "Gotham-Bold";
      font-size: clamp(14px, 3vw, 35px);
      font-style: normal;
      font-weight: 500;
      line-height: clamp(30px, 5vw, 60px);
    }
      ._btn1:hover{
        background-color: #CB9349;
        color: #FFFFFF;
      }

    .btn_option{
      display: flex;
      width: 100%;
      height: 90px;
      padding: 15px 30px 15px 30px;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
      border-radius: 18px;
      border: 3px solid #CB9349;
      background: #F5F5F5;
      color: #373D42;
      font-family: "Gotham-Bold";
      font-size: clamp(20px, 1.5vw, 26px);
      font-style: normal;
      font-weight: 500;
      line-height: clamp(20px, 1.5vw, 26px);
      text-align: left;
    }
      .btn_option:hover{
        background-color: #CB9349;
        color: #FFFFFF;
      }

    .btn_option_active{
      background: #CB9349;
      color: #FFFFFF;
    }

      .btn_prev, .btn_next{
        display: flex;
        width: 45%;
        height: 66px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        border-radius: 18px;
        border: 3px solid #F5F5F5;
        background: #CB9349;
        color: #FFFFFF;
      }
        .btn_prev{
          float: right;
          border:0px;
          background:transparent;
          width: auto;
          height: auto;
        }
        .btn_next{
          float: right;
          display: none !important;
        }
        .btn_prev:active , .btn_next:active {
          color: #373D42;
        }

      .custom-row {
        display: flex;
        flex-wrap: wrap;
      }
      .last-col {
        margin-left: auto;
      }

    .btn_submit{
      width: 100%;
      text-align: center !important;
      padding: 10px 0px 10px 0px;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
      border-radius: 18px;
      border: 3px solid #F5F5F5;
      background: #CB9349;
      color: #ffffff;
      font-family: "Gotham-Bold";
      font-size: clamp(20px, 1.5vw, 26px);
      font-style: normal;
      font-weight: 700;
      line-height: clamp(20px, 1.5vw, 26px);
      height: 56px !important;
    }
      .btn_submit:hover{
        background: #CB9349;
        color: #ffffff;
      }

    html body .footer_col2 .start_button{
      display: none;
      border-radius: 18px;
      border: 3px solid #F5F5F5;
      background: #CB9349;
      width: 330px;
      height: 50px;
      /* padding: 20px 10px 20px 25px; */
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
    }

    html body .footer_col2 .visit_button{
      display: none;
      border-radius: 18px;
      border: 3px solid #F5F5F5;
      background: #CB9349;
      width: 330px;
      height: 50px;
      /* padding: 20px 10px 20px 25px; */
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
      display: none;
    }

  /* end buttons */

  /* responsive */

    /* responsive height */
      @media (max-width: 1680px) and (max-height: 885px) {

        html body .first_sec ._container{
          padding-top: 2vw;
        }

        html body .first_sec ._logo{
          /* width: 11vw !important; */
          width: 150px !important;
        }

        html body .first_sec ._title{
          /* font-size: 3vw !important; */
          font-size: max(40px, 3vw) !important;
        }
        html body .first_sec ._p1,
        html body .questions_sec ._p1,
        html body .form_sec ._p1,
        html body .last_sec ._p1
        {
          /* font-size: 1.8vw !important;
          line-height: 3.5vw !important; */
          font-size: max(20px, 1.8vw) !important;
          line-height: max(30px, 1vw) !important;
        }
        /* html body .first_sec ._btn1{
          font-size: 1.5vw !important;
        } */

      }
    /* end responsive height */

    @media( min-aspect-ratio: 16/9 ){
      html body ._logo{
        width: 182px !important;
      }
      ._container_in{
        /* background-color: #333; */
        /* max-width: 1348px !important; */
      }
      .footer_in{
        /* max-width: 1348px !important; */
      }
      .show_person .person{
        bottom: -400px !important;
        width: 545px !important;
      }

      @media( min-height: 850px ){

        html body.show_person .person{
          max-height: 125vh !important;
          width: auto !important;
        }

      }

      @media (min-width: 1540px) {

        html body .first_sec ._logo{
          /* width: 182px !important; */
          width: 190px !important;
        }
        html body .first_sec ._title{
          font-size: 46px !important;
        }
        html body .first_sec ._p1,
        html body .questions_sec ._p1,
        html body .form_sec ._p1,
        html body .last_sec ._p1
        {
          font-size: 22px !important;
          line-height: 35px !important;
        }
        html body ._btn1{
          /* width: 563px !important; */
          width: 500px !important;
          /* font-size: 32px !important; */
          font-size: clamp(16px, 1.5vw, 25px) !important;
        }
        .show_person .person{
          bottom: -400px !important;
          width: 545px !important;
          transform: translateX(100px);
          left: 50%;
        }
        html body ._title{
          font-size: 100px !important;
          padding-bottom: 0px;
        }
        html body ._subtitle{
          font-size: 45px !important;
        }
      }

    }

    @media (max-aspect-ratio: 16/9) {

      html body ._logo{
        width: 150px !important;
      }

      html body .questions_sec ._title {
        font-size: 100px !important;
        line-height: 100px !important;
        margin-top: 20px;
      }

    }

    html body .questions_sec ._logo{
      float: left;
    }

    html body .questions_sec ._title_box{
      float: left;
      margin-left: 60px;
    }

    @media (max-width: 1237px) {

      html body .questions_sec ._title_box{
        margin-left: 40px !important;
      }

      html body .questions_sec ._title {
        font-size: 80px !important;
        line-height: 80px !important;
        margin-top: 20px;
      }
      html body ._subtitle{
        font-size: 40px !important;
      }

    }

    /* mobile */
      @media (max-width: 700px) {

        html body .first_sec .top_box{
          display: table;
        }

        html body .first_sec ._logo,
        html body .questions_sec ._logo{
          float: left;
          width: 35% !important;
        }
        html body .first_sec ._title{
          float: left;
          width: 60% !important;
          padding-left: 5% !important;
          font-size: 6vw !important;
          margin-bottom: 10px !important;
        }

        html body .questions_sec ._title_box{
          margin-left: 5% !important;
        }
        html body .questions_sec ._title_box ._subtitle{
          /* display: none !important; */
        }

        html body .btn_option{
          display: flex;
          width: 100% !important;
          height: 50px !important;
          padding: 20px 10px 20px 25px !important;
          align-items: center;
          gap: 10px !important;
          flex-shrink: 0;
          border-radius: 18px !important;
          font-size: 13px !important;
          line-height: 18px !important;
        }

        html body .first_sec .btn_next_step{
          display: none !important;
        }

        html body .first_sec ._p1,
        html body .last_sec ._p1
        {
          width: 70%;
        }

        html body .footer_col1{
          text-align: center !important;
          order: 2;
          padding-top: 15px;
          padding-bottom: 15px;
        }
        html body .footer_col2{
          order: 1;
          padding-top: 15px;
          padding-bottom: 15px;
        }
        html body .footer_col3{
          display: none !important;
        }
        html body .footer_col2 .start_button{
          display: table !important;
          display: flex;
          margin-top: 30px;
          margin-bottom: 0px;
          margin-left: auto;
          margin-right: auto;
        }
        html body .footer_col1 ._footer_p,
        html body .footer_col1 ._footer_p .small
        {
          font-size: 10px !important;
          line-height: 15px !important;
        }

        html body .person {
          position: fixed !important;
          bottom: 10px !important;
          right: -10% !important;
          width: 60% !important;
          z-index: 100 !important;
        }

        html body .questions_sec ._title{
          font-size: 24px !important;
          line-height: 32px !important;
        }

        html body ._subtitle{
          font-size: 24px !important;
          line-height: 32px !important;
        }

        html body .footer_col2 .visit_button{
          display: table;
          border: 3px solid #CB9349 !important;
          background: #F5F5F5 !important;
          color: #CB9349 !important;
          margin-left: auto !important;
          margin-right: auto !important;
          font-size: 20px !important;
        }

      }
    /* end mobile */

    @media( min-height: 850px ){

      html body.show_person .person{
        max-height: 125vh !important;
        width: auto !important;
      }

    }

    /* ------ */
    /* adjust */

      html body .br_mobile{
        display: none;
      }

      html body .top_box{
        display: flex !important;
      }

      html body .first_sec ._logo,
      html body .questions_sec ._logo{
        float: left;
        width: 35% !important;
        max-width: none !important;
        /* max-width: 155px !important; */
      }

      html body .reg_form{
        margin-top: 40px;
        margin-bottom: 40px;
      }

      html body .reg_form .col-sm-3{
        width: 28% !important;
      }
      html body .reg_form .col-submit{
        width: 16% !important;
      }

      html body .first_sec ._p1,
      html body .form_sec ._p1,
      html body .last_sec ._p1
      {
        /* margin-top: 4vh !important; */
        font-size: 20px !important;
        line-height: 25px !important;
        margin: 0px !important;
        padding: 0px !important;
      }

      html body.show_person .person{
        max-height: 125vh !important;
        width: auto !important;
      }

      /* --------- */
      /* first_sec */
        html body .first_sec ._logo,
        html body .questions_sec ._logo
        {
          width: 17vh !important;
          min-width: 120px !important;
          float: left !important;
          max-width: none !important;
          /* max-width: 155px !important; */
        }

        html body .first_sec ._title_box,
        html body .questions_sec ._title_box
        {
          float: left !important;
          padding-left: 2vw !important;
          display: table !important;
          width: 80% !important;
        }
          @media( max-width: 756px ){
            html body .first_sec ._title_box,
            html body .questions_sec ._title_box
            {
              width: 50%;
            }
          }

        html body .first_sec ._title,
        html body .questions_sec ._title
        {
          font-size: clamp(1rem, 6vw + 0.5rem, 3.5rem) !important;
          line-height: clamp(3vw, 3vw, 65px) !important;
        }

        html body .first_sec ._subtitle,
        html body .questions_sec ._subtitle
        {
          font-size: clamp(1vw, 2vw, 35px) !important;
          line-height: clamp(1vw, 2vw, 35px) !important;
        }

        /* min-width: 1425px */
        @media( min-width: 1425px ){

          html body ._form_subtitle{
            margin-top: 2.808vw !important;
          }

          html body ._end_subtitle{
            margin-top: 2.808vw !important;
          }

          html body .first_sec ._title_box,
          html body .questions_sec ._title_box
          {
            /* width: 1020px !important;
            padding-left: 28px !important;
            margin-left: 0px !important; */

            /* width: 93.326vw !important; */
            width: 78vw !important;
            padding-left: 1.965vw !important;
            margin-left: 0px !important;

          }
          html body .first_sec ._title,
          html body .questions_sec ._title,
          html body .last_sec ._title
          {
            /* font-size: 45px !important;
            line-height: 45px !important; */
            /* font-size: 58px !important;
            line-height: 58px !important; */

            font-size: 4.074vw !important;
            line-height: 4.074vw !important;

          }

          /* html body .last_sec ._title
          {
            font-size: 85px !important;
            line-height: 85px !important;
          } */

          /* html body .questions_sec ._title
          {
            font-size: 85px !important;
            line-height: 85px !important;
          } */

          html body .first_sec ._subtitle,
          html body .questions_sec ._subtitle
          {
            /* font-size: 32px !important;
            line-height: 35px !important; */
            font-size: 2.241vw !important;
            line-height: 2.458vw !important;
          }

          html body ._p_box{
            padding-top: 30px;
          }

          html body .first_sec ._p1,
          html body .last_sec ._p1
          {
            /* margin-bottom: 20px !important;
            font-size: 25px !important;
            line-height: 30px !important; */

            margin-bottom: 1.405vw !important;
            font-size: 1.756vw !important;
            line-height: 2.107vw !important;
          }
          html body .first_sec .m-b-top-sec-1{
            /* margin-bottom: 40px !important; */
            margin-bottom: 2.81vw !important;
          }
          html body .btn_start{
            /* font-size: 32px !important;
            width: 563px !important; */
            font-size: 2.246vw !important;
            width: 39.509vw !important;
            height: 6vw !important;
            border: 0.4vw solid #CB9349 !important;
          }

          html body.show_person .person{
            width: auto !important;
            height: 80vw !important;
            width: auto !important;
            height: 80vw !important;
            border-radius: 1.404vw !important;
          }

          html body .questions_sec ._question{
            margin-top: 2.808vw !important;
          }

          html body .btn_option{
            font-size: 1.404vw !important;
          }

          html body .form_sec ._p1{
            margin-bottom: 1.405vw !important;
            font-size: 1.756vw !important;
            line-height: 2.107vw !important;
          }

          html body ._footer_p{
            font-size: 1.053vw !important;
            line-height: 1.755vw !important;
          }
          html body ._footer_p .small{
            font-size: .843vw !important;
          }

        }
        /* end min-width: 1425px */

        /* max-width: 1424px */
        @media( max-width: 1424px ){

          html body ._end_subtitle{
            margin-top: 2.808vw !important;
          }

          html body .form_sec ._p1{
            margin-bottom: 1.405vw !important;
            font-size: 1.756vw !important;
            line-height: 2.107vw !important;
          }

          html body .btn_option{
            font-size: 1.404vw !important;
          }

          html body ._form_subtitle{
            margin-top: 2.808vw !important;
          }

          html body .questions_sec ._question{
            margin-top: 2.808vw !important;
          }

          html body .first_sec ._title_box,
          html body .questions_sec ._title_box
          {
            /* width: 1020px !important; */
            width: 78vw !important;
            padding-left: 28px !important;
          }
          html body .first_sec ._title,
          html body .questions_sec ._title,
          html body .last_sec ._title
          {
            /* font-size: 56px !important;
            line-height: 56px !important; */
            font-size: 4.074vw !important;
            line-height: 4.074vw !important;

          }

          /* html body .last_sec ._title
          {
            font-size: 85px !important;
            line-height: 85px !important;
          } */

          /* html body .questions_sec ._title
          {
            font-size: 85px !important;
            line-height: 85px !important;
          } */

          html body .first_sec ._subtitle,
          html body .questions_sec ._subtitle
          {
            font-size: 2.241vw !important;
            line-height: 2.458vw !important;
          }

          html body ._p_box{
            padding-top: 2.107vw !important;
          }

          html body .first_sec ._p1,
          html body .last_sec ._p1
          {
            margin-bottom: 1.405vw !important;
            font-size: 1.756vw !important;
            line-height: 2.107vw !important;
          }
          html body .first_sec .m-b-top-sec-1{
            margin-bottom: 40px !important;
          }
          html body .btn_start{
            font-size: 32px !important;
          }

        }
        /* end max-width: 1424px */

        /* max-width: 1230px */
        @media( max-width: 1230px ){

          html body .first_sec ._title_box,
          html body .questions_sec ._title_box
          {
            /* width: 1020px !important; */
            width: 75vw !important;
            /* padding-left: 28px !important; */
            padding-left: 1.965vw !important;
          }
          html body .first_sec ._title,
          html body .questions_sec ._title,
          html body .last_sec ._title
          {
            font-size: 4.074vw !important;
            line-height: 4.074vw !important;
          }

          /* html body .last_sec ._title
          {
            font-size: 6.9vw !important;
            line-height: 6.9vw !important;
          } */

          /* html body .questions_sec ._title{
            font-size: 6.9vw !important;
            line-height: 6.9vw !important;
          } */

          html body .first_sec ._subtitle,
          html body .questions_sec ._subtitle
          {
            font-size: 2.241vw !important;
            line-height: 2.458vw !important;
          }
          html body .first_sec ._p1,
          html body .last_sec ._p1
          {
            margin-bottom: 1.405vw !important;
            font-size: 1.756vw !important;
            line-height: 2.107vw !important;
          }
          html body .first_sec .m-b-top-sec-1{
            margin-bottom: 40px !important;
          }

          html body .btn_start{
            font-size: 2.6vw !important;
            width: 45.7vw !important;
          }

        }
        /* end max-width: 1230px */

        /* max-width: 924px */
        @media( max-width: 924px ){

          html body .first_sec ._title,
          html body .questions_sec ._title,
          html body .last_sec ._title
          {
            font-size: 4.2vw !important;
            line-height: 4.2vw !important;
          }

          /* html body .last_sec ._title
          {
            font-size: 6.9vw !important;
            line-height: 6.9vw !important;
          } */

          /* html body .questions_sec ._title
          {
            font-size: 6.9vw !important;
            line-height: 6.9vw !important;
          } */

        }
        /* end max-width: 924px */

        /* max-width: 856px */
        @media( max-width: 856px ){

          html body .questions_sec ._title_box{
            width: 75vw !important;
          }

        }
        /* end max-width: 856px */

        /* max-width: 829px */
        @media( max-width: 829px ){

        }
        /* end max-width: 829px */

        @media( max-height: 625px ){
          html body ._end_subtitle{
            margin-top: 1.25vw !important;
          }
        }

        @media (max-aspect-ratio: 10/7) {

          html body.show_person .person{
            max-height: 100vh !important;
          }

        }

        html body .mobile-person{
          display: none;
        }

        /* orientation: portrait */
        @media( orientation: portrait ){

          html body ._container_in{
            width: 100vw !important;
            max-width: 100vw !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
          }

          html body .first_sec ._title_box,
          html body .questions_sec ._title_box
          {
            padding-left: 15px !important;
          }

          html body .title_sep ._title,
          html body .questions_sec ._title
          {
            width: 90% !important;
          }

          html body .first_sec ._p1,
          html body .last_sec ._p1
          {
            font-size: 18px !important;
            line-height: 22px !important;
            width: 50% !important;
          }

          html body.show_person .person{
            display: none !important;
          }

          html body .mobile-person{
            display: table !important;
            max-height: 65vh !important;
            width: auto !important;
            position: fixed;
            right: -8%;
            z-index: 5;
            bottom: 115px !important;
          }


          @media( max-width: 700px ){

            html body .title_sep ._title
            {
              font-size: 5.5vw !important;
              line-height: 2.5vw !important;
              margin-bottom: 10px !important;
            }
            html body .first_sec ._subtitle{

            }

            html body .br_mobile{
              display: table !important;
            }

            html body .footer_in{
              width: 100vw !important;
              padding-top: 15px !important;
              padding-bottom: 15px !important;
              padding-left: 15px !important;
              padding-right: 15px !important;
              transform: initial !important;
              left: 0px !important;
            }

            html body .footer .col-sm-4{
              width: 100% !important;
            }

            html body .footer .sec_50 .pos1{
              width: 80% !important;
            }

            html body .footer_col2 .start_button{
              font-size: 20px !important;
              color: #ffffff !important;
              max-width: 330px !important;
              width: auto !important;
              padding-left: 15px;
              padding-right: 15px;
              width: 100% !important;
            }

          }

        }
        /* end orientation: portrait */

        html body .first_sec ._btn1{

        }

      /* end first_sec */
      /* ------------- */

      /* ------------- */
      /* questions_sec */
        html body .questions_sec ._title_box{
          /* float: left !important; */
          margin-left: 0px !important;
          /* display: table;
          width: 80%; */
        }
          @media( max-width: 756px ){
            /* html body .questions_sec ._title_box{
              width: 50%;
            } */
          }

        html body .questions_sec ._title{
          /* font-size: clamp(5vw, 6vw, 100px) !important;
          line-height: clamp(5vw, 6vw, 100px) !important; */
          /* font-size: clamp(5vw, 6vw, 75px) !important;
          line-height: clamp(5vw, 6vw, 75px) !important; */
          /* font-size: clamp(3vw, 3vw, 65px) !important; */
          /* font-size: clamp(1rem, 6vw + 0.5rem, 3.6rem) !important;
          line-height: clamp(3vw, 3vw, 65px) !important; */
        }
        html body .questions_sec ._subtitle{
          /* font-size: clamp(1vw, 2vw, 35px) !important;
          line-height: clamp(1vw, 2vw, 35px) !important; */
        }

        html body .questions_sec ._question{
          font-size: clamp(3vw, 3vw, 60px) !important;
          line-height: clamp(3vw, 3vw, 60px) !important;
          color: #ffffff;
          font-family: "Gotham-Bold";
          font-style: normal;
        }
      /* end questions_sec */
      /* ----------------- */

      html body .last_sec  ._title{
        /* font-size: clamp(3vw, 3vw, 65px) !important;
        line-height: clamp(3vw, 3vw, 65px) !important; */
        width:80px !important;
        line-height: 80px !important;
      }

      html body .btn_option{
        /* font-size: clamp(18px, 1.2vw, 26px) !important; */
      }

      html body .footer_in{
        padding-top: 4vh;
        padding-bottom: 4vh;
      }

      @media( min-height: 850px ){

      }

      @media (min-aspect-ratio: 16 / 9) {

        html body.show_person .person{
          /* bottom: -45vh !important; */
          bottom: -50vh !important;
        }

        @media (min-width: 1540px) {
          @media( max-height: 850px ){
            html body.show_person .person{
              bottom: -45vh !important;
            }
          }
        }

      }

      html body .title_sep{
        /* background-color: #ffffff; */
        width: 100%;
        /* padding-bottom: 9%; */
        position: relative;
      }
      html body .title_sep ._title{
        position: absolute;
        bottom: 0px;
      }

      html ._hide_no_mobile{
        display: none;
      }

      html ._show_mobile{
        display: none;
      }

      /* ----------------- */
      /* adjust mobile orientation: portrait */
        @media (orientation: portrait) {

          /* max-width: 700px */
          @media( max-width: 700px ){

            html body .first_sec ._logo, html body .questions_sec ._logo{
              width: 12vh !important;
              height: 12vh !important;
              min-width: auto !important;
            }

            html body .footer_in{
              padding-top: 5px !important;
              padding-bottom: 5px !important;
              left: 15px !important;
            }
            html body .footer_col1{
              padding-top: 5px !important;
              padding-bottom: 5px !important;
            }
            html body .footer_col2{
              padding-top: 5px !important;
              padding-bottom: 5px !important;
            }

            html body .footer .sec_50 .pos1{
              width: 60% !important;
            }

            html  ._container{
              padding-top: 10px !important;
            }

            html ._hide_no_mobile{
              display: block !important;
            }

            html body .mobile-person {
              display: table !important;
              max-height: 55vh !important;
              width: auto !important;
              position: fixed;
              right: -8%;
              z-index: 5;
              bottom: 115px !important;
            }

            html body .first_sec .m-b-top-sec-1{
              margin-bottom: 5px !important;
            }

            html body .first_sec .title_sep ._title{
              font-size: 6.1vw !important;
              line-height: 3vw !important;
            }

            html body .first_sec ._subtitle,
            html body .questions_sec ._subtitle,
            html body .questions_sec ._subtitle
            {
              font-size: 4vw !important;
              line-height: 9vw !important;
            }

            html body .first_sec ._p1,
            html body .form_sec ._p1,
            html body .last_sec ._p1
            {
              font-size: 3.25vw !important;
              line-height: 4vw !important;
              margin-bottom: 3vw !important;
              width: 65% !important;
            }

            html body .form_sec ._p1{
              width: 100% !important;
            }

            html body .last_sec ._p1{
              width: 70% !important;
            }

            html body .first_sec ._p1 small,
            html body .last_sec ._p1 small
            {
              font-size: 3.5vw !important;
              line-height: 4.5vw !important;
            }

            html body .first_sec ._title_box,
            html body .questions_sec ._title_box
            {
              padding-left: 3.16vw !important;
              width: 70vw !important;
            }

            html body .questions_sec ._question{
              font-size: 6vw !important;
              line-height: 8vw !important;
              margin-top: 0px !important;
            }

            html body .btn_option{
              font-size: 3.5vw !important;
              height: auto !important;
              padding-top: 4px !important;
              padding-bottom: 4px !important;
              padding-left: 15px !important;
              padding-right: 15px !important;
              width: 100% !important;
            }

            html ._hide_mobile{
              display: none !important;
            }
            html ._show_mobile{
              display: block !important;
            }

            html body .person{
              display: none !important;
            }

            html body .footer_col2 .start_button,
            html body .footer_col2 .visit_button
            {
              margin-top: 15px !important;
              width: 100% !important;
            }

            html body .footer_col2 .visit_button{
              color: #373D42 !important;
              font-size: 3.5vw !important;
              font-family: "Gotham-Bold" !important;
              font-style: normal !important;
              font-weight: 500 !important;
            }

            html body .reg_form .col-sm-3{
              width: 100% !important;
            }

            html body .reg_form{
              margin-top: 0px !important;
              margin-bottom: 40px;
            }

            html body .form_field{
              height: 35px !important;
            }

            html body ._end_subtitle{
              font-size: 4vw !important;
              line-height: 5vw !important;
            }

            html body .last_sec ._title{
              line-height: 7vw !important;
            }
            html body .last_sec ._subtitle{
              line-height: 4.5vw !important;
            }

          }
          /* end max-width: 700px */

          /* max-width: 500px */
          @media( max-width: 500px ){

            html body .first_sec ._p1,
            html body .form_sec ._p1,
            html body .last_sec ._p1
            {
              font-size: 4.35vw !important;
              line-height: 5vw !important;
              margin-bottom: 3vw !important;
              width: 65% !important;
            }

            html body .form_sec ._p1{
              width: 100% !important;
            }

            html body .btn_submit{
              height: 35px !important;
              line-height: 13px !important;
              font-weight: 500 !important;
            }

          }
          /* end max-width: 500px */

          /* max-width: 271px */
          @media( max-width: 271px ){

            html body .first_sec .title_sep ._title{
              font-size: 5.9vw !important;
              line-height: 3vw !important;
            }

          }
          /* max-width: 271px */

          /* max-width: 345px */
          @media( max-width: 345px ){
            html body .first_sec ._title_box,
            html body .questions_sec ._title_box
            {
              padding-left: 3.16vw !important;
              width: 65vw !important;
            }
            html body .first_sec .title_sep ._title {
              font-size: 5vw !important;
              line-height: 3vw !important;
            }
          }
          /* end max-width: 345px */

          /* max-width: 268px */
          @media( max-width: 268px ){
            html body .first_sec .title_sep ._title {
              font-size: 4.5vw !important;
              line-height: 3vw !important;
            }
          }
          /* end max-width: 268px */

          /* min-width: 701px */
          @media( min-width: 701px ){

            @media( max-width: 856px ){

              html body .questions_sec ._title_box{
                width: 72vw !important;
              }

            }

            html body .title_sep ._title,
            html body .questions_sec ._title
            {
              /* font-size: 3.91vw !important;
              line-height: 3.91vw !important; */
              font-size: 6vw !important;
              line-height: 3vw !important;
            }

            html body .last_sec ._title{
              line-height: 6vw !important;
            }

            html body .first_sec ._subtitle,
            html body .questions_sec ._subtitle
            {
              font-size: 3.5vw !important;
              line-height: 8vw !important;
            }

            html body .last_sec ._subtitle{
              line-height: 4vw !important;
            }

            html body .questions_sec ._question{
              font-size: 4.5vw !important;
              line-height: 4.5vw !important;
              margin-top: 0px !important;
            }

            .tablet-col{
              width: 100% !important;
            }

            html body .first_sec ._p1,
            html body .last_sec ._p1,
            html body .form_sec ._p1
            {
              width: 75% !important;
              font-size: 3vw !important;
              line-height: 4vw !important;
            }

            html body .br_mobile{
              display: block !important;
            }

            html body .btn_option{
              font-size: 2.5vw !important;
              height: auto !important;
            }

            html body ._answers{
              width: 100% !important;
            }

            html body .reg_form .col-sm-3{
              width: 100% !important;
            }

            html body .person{
              display: none !important;
            }

          }
          /* end min-width: 701px */

        }
      /* end adjust mobile orientation: portrait */
      /* ----------------- */

    /* end adjust */
    /* ---------- */


  /* end responsive */

  .error{
    font-family: "Gotham-Bold";
    font-size: 20px;
    color: #cb9349;
    text-align: center;
  }

  html body ._hide,
  html body .footer ._hide
  {
    display: none !important;
  }

  html body .form_field,
  html body .form_field option
  {
    text-align: center !important;
  }