* {
    box-sizing: border-box;
    margin: 0;
  
  }
  
  ::placeholder {
    color:#000000;
    font-family: GothamCondensed-Medium;
    font-size: 22px;
    font-weight: normal;
  }
  
  #submitImg{
    width: 170px;
    display: block;
    margin: auto;
  }

  #check{
    color: #000000;
  }

  #check1{
    color: #000000;
  }

  .text-danger {
    color: #ff0000 !important;
    font-size: 14px;
  }
  #loaderGif {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  /* Ensure it's above other content */
}
  
  /* thank you page */
  
  @media screen and (min-width: 768px) {
  
    .container {
      width: 100%;
      height: 100%;
      background: url(../images/bgimage.png);
      background-attachment: fixed;
      background-size: 100% 100%;
      /* font-family: Johnnie Walker Headline; */
      color: black;
      position: fixed;
      background-repeat: no-repeat;
      overflow: scroll;
    }

    .paraDes{
      font-size: 10px;
    }
  
    .recap {
      width: 30%;
      float: left;
      margin-left: 37%;
    }
  
    .headline-text {
      width: 45%;
      margin-top: 5%;
      padding: 2%;
      border:2px solid #a31e23;
      float: right;
      margin-right: 27%;
      text-align: center;
      
    }
  
    .headline-text h2 {
      font-size: 55px;
    }
  
    .headline-text p {
      font-size: 30px;
      /* padding-left: 10%; */
      text-align: center;
      color: #000000;
      font-family: GothamCondensed-Bold;
    }
  
    .footer {
      width:100%;
      height: 55px;
      float: left;
      background-color: #ADADAD;
      margin-top: 2%;
      text-align: center;
    }
  
    .footer p {
      font-size: 20px;
      margin-top: 7px;
      /* font-family: GothamCondensed-Bold; */
      color: #000000;
    }
  
    .footer img {
      width:3%;
      float: right;
      margin-top: -3%;
      margin-right: 39%;
    }
  
  }
  
  
  @media (max-width: 767px) {
  
    .container {
      width: 100%;
      height: 100%;
      background: url(../images/bgimage.png);
      background-attachment: fixed;
      background-size: 100% 100%;
      color: black;
      position: fixed;
      background-repeat: no-repeat;
      overflow: scroll;
    }

    #submitImg{
      width: 130px;
      display: block;
      margin: auto;
    }

     .recap {
      width:100%;
    }
    .headline-text {
      width: 80%;
      margin: auto;
      /* margin-top: 11%; */
      border:2px solid #a31e23;
      padding: 5%;
      text-align: center;
     
    }
  
    .headline-text h2 {
      font-size: 33px;
    }
  
    .headline-text p {
      font-size: 22px;
      /* padding-left: 10%; */
      text-align: center;
      color: #000000;
      font-family: GothamCondensed-Bold;
  
    }
  
    .footer {
      width:100%;
      height: 55px;
      float: left;
      background-color: #ADADAD;
      margin-top: 20%;
      text-align: center;
    }
  
    .footer p {
      font-size: 18px;
      margin-top: 6px;
      /* font-family: GothamCondensed-Bold; */
      color: #000000;
    }
  
    .footer img {
      width:10%;
      float: right;
      margin-top: -9%;
      margin-right: 73px;
    }
  }
  
  
  @media (max-width: 390px) {
   
    .footer {
      width:100%;
      height: 50px;
      float: left;
      background-color: #ADADAD;
      margin-top: 20%;
      text-align: center;
    }
  
    .footer p {
      font-size: 16px;
      margin-top: 7px;
      /* font-family: GothamCondensed-Bold; */
      color: #000000;
    }
  
    .footer img {
      float: right;
      margin-top: -10%;
      margin-right: 74px;
    }
  
  }
  
  @media (max-width: 376px) {
    
    .footer {
      width:100%;
      height: 50px;
      float: left;
      background-color: #ADADAD;
      margin-top: 13%;
      text-align: center;
    }
  
    .footer p {
      font-size: 15px;
      margin-top: 7px;
      /* font-family: GothamCondensed-Bold; */
      color: #000000;
    }
  
    .footer img {
      float: right;
      margin-top: -9%;
      margin-right: 70px;
    }
  }
  
  @media (max-width: 360px) {
    .footer {
      width:100%;
      height: 50px;
      float: left;
      background-color: #ADADAD;
      margin-top: 20%;
      text-align: center;
    }
  
    .footer p {
      font-size: 13px;
      margin-top: 7px;
      /* font-family: GothamCondensed-Bold; */
      color: #000000;
    }
  
    .footer img {
      float: right;
      margin-top: -8%;
      margin-right: 75px;
    }
  
  }
  
  @media (max-width: 320px) { 
    .footer {
      width:100%;
      height: 50px;
      float: left;
      background-color: #ADADAD;
      margin-top: 5%;
      text-align: center;
    }
  
    .footer p {
      font-size: 14px;
      margin-top: 7px;
      /* font-family: GothamCondensed-Bold; */
      color: #000000;
    }
  
    .footer img {
      float: right;
      margin-top: -9%;
      margin-right: 52px;
    }
  
  }
  
  
  /* Pii_details_page */
  
  @media screen and (min-width: 768px) {
  
    .container_one {
      width: 100%;
      height: 100%;
      background: url(../images/bgimage.png);
      background-attachment: fixed;
      background-size: 100% 100%;
      font-family: GothamCondensed-Medium;
      /* color: black; */
      position: relative;
      background-repeat: no-repeat;
      overflow: scroll;
  
    }

     .content-wrapper {
  max-height: 100vh;      /* full screen height */
  overflow-y: auto;       /* enable vertical scroll */
  -webkit-overflow-scrolling: touch; /* smooth scrolling on mobile */
  padding-bottom: 20px;   /* optional bottom padding */
}

  
    .logo {
      width: 22%;
      margin-left: 39%;
      margin-top: 7%;
    }
  
    .submitbutton {
      /* position: absolute; */
      padding-left: 67%;
      padding-top: 5%;
      padding-bottom: 5%;
    }
  
    .subbutton {
      /* position: absolute; */
      padding-left: 40%;
      padding-top: 5%;
      padding-bottom: 5%;
    }
  
    .upbutton {
      background-color: #000000;
      /* margin-top: 43%; */
      color: #FAB52A;
      font-family: GothamCondensed-Medium;
      padding: 5px 28px;
      font-size: 30px;
      border: none;
      border-radius: 15px;
      margin-left: 5%;
  
    }
  
    .bodycontentone {
      width: 96%;
    height: auto;
    float: left;
    padding-left: 20%;
    padding-top: 20%;
    padding-right: 20%;
    font-family: GothamCondensed-Medium;
    position: relative;
    right: 0;
    }
  
  
  
    .queone p {
      font-family: GothamCondensed-Medium;
      font-size: 22px;
      margin-top: -20px;
      margin-left: 25px;
    }
  
    .questionsection span {
      font-size: 22px;
    }
  
    .quetwo p {
      font-family: GothamCondensed-Medium;
      font-size: 22px;
      margin-top: -20px;
      margin-left: 25px;
    }
  
    .form-content {
      font-family: GothamCondensed-Medium;
      font-size: 25px;
  
    }
  
    .partone input {
      width: 78%;
      padding: 7px;
      border-radius: 23px;
      border: none;
      /* background-color: rgb(202, 14, 14); */
      border: 2px solid #000000;
      color: #000000;
      background: #ffffff;
      font-family: GothamCondensed-Medium;
      font-size: 23px;
      margin-left: 36%;
      padding-left: 15px;
      color: #000000;
  font-weight: 600;
    }
  
  
    .partone {
      width: 100%;
      float: left;
  
    }
  
    .partone label {
      font-family: GothamCondensed-Medium;
    }
  
    .first {
      width: 50%;
      height: auto;
      float: left;
      padding-right: 11px;
    }
  
    .last {
      width: 50%;
      height: auto;
      float: left;
    }
  
    .parttwo input {
      width: 90%;
      padding: 7px;
      border-radius: 23px;
      border: none;
    }
  
    .parttwo {
      width: 100%;
      float: left;
      /* margin-left: 10%; */
      /* font-family: JohnnieWalkerSerif-Book; */
      /* padding-right: 11px; */
    }
  
    .parttwo p {
      width: 15%;
      height: auto;
      float: left;
      margin-top: 13px;
      font-size: 35px;
    }
  
    .parttwo span{
    
  color: #000000;
  font-size: 14px;
    }

    .text-danger {
      color: #ff0000 !important;
      font-size: 14px;
      float:right !important;
    }
  
  
    .lablexyz {
      /* background-color: rgb(202, 14, 14); */
      width: 78%;
      /* padding: 15px; */
      /* border: 1px solid #FF0000; */
      -moz-border-radius: 5px;
      border-radius: 16px;
      padding: 0.5px 5px;
      /* margin-top: 2%; */
      border: 2px solid #000000;
      background: #ffffff;
      margin-top: 1%;
      margin-left: 36%;
    }
  
    .snehainput {
      /* width:83%; */
      /* background-color: rgb(202, 14, 14); */
      border-left: 1px solid #000000;
      border-right: 0px;
      border-top: 0px;
      border-bottom: 0px;
      /* padding: 2px 5px; */
      color: #666666;
      outline: none;
      background: none;
    }
  
    .partfour input {
      width: 100%;
      padding: 15px;
      border-radius: 10px;
      border: none;
      background-color: rgb(202, 14, 14);
  
    }
  
    .partsix input {
      width: 78%;
      padding: 7px;
      border-radius: 23px;
      border: 2px solid #000000;
      background-color: #ffffff;
      font-family: GothamCondensed-Medium;
      font-size: 23px;
      padding-left: 15px;
      margin-left: 36%;
     color: #000000;
     margin-top: 1%;
    
    }
  
  
    .partfour {
      width: 100%;
      float: left;
      /* margin-left: 10%; */
      font-family: GothamCondensed-Medium;
    }
  
    .partfour label {
      font-family: GothamCondensed-Medium;
    }
  
  
    .partthree {
      width: 100%;
      /* background-attachment: fixed; */
      background-size: auto;
      margin-top: 2%;
      /* position: fixed; */
      background-repeat: no-repeat;
      /* background: #f1f1f1; */
      /* background-image: url(../images/RECAP-11.jpg); */
      margin-left: 36%;
      padding: 11px;
      color: #000000;
      background-position: relative;
    }
  
    .partthree input {
      float: left;
  
    }
  
    .partthree p {
      /* float: left; */
      font-size: 14px;
      font-family: GothamCondensed-Medium;
      margin-left: 3%;
      margin-top: -15px;
    }
  
    #para2 {
      /* float: left; */
      font-size: 14px;
      font-family: GothamCondensed-Medium;
      margin-left: 3%;
      margin-top: -15px;
    }

    input[id="check1"] + label {
      margin-top: 16px;
    }
  
    .partthree a {
      text-decoration: none;
      color: #000000;
    }
  
    .image_upload {
      margin-top: 5%;
    }
  
    .input-group label {
      background-color: white;
      border-radius: 8px;
      color: #5e5b5b;
      width: 70%;
      padding: 0.7rem 1rem;
      float: left;
    }
  
    select {
      width: 78%;
      padding: 7px;
      border-radius: 23px;
      border: 2px solid #000000;
      color: #000000;
      background-color: #ffffff;
      /* margin-top: 2%; */
      font-family: GothamCondensed-Medium;
      font-size: 23px;
      padding-left: 15px;
      margin-left: 36%;
      margin-top: 1%;
    }
  
    .nextsubmit {
      background-color: #a31e23;
      /* margin-top: 43%; */
      color: #fff;
      font-family: GothamCondensed-Medium;
      padding: 2px 20px;
      font-size: 55px;
      border: none;
      border-radius: 8px;
    }
  
    /* .para{
      color: #fff;
    } */
  
    .legal {
      float: right;
      text-align: right;
      font-size: 11px;
      color: #000000;
      margin-bottom: 22px;
      position: fixed;
      bottom: 1%;
      right: 5%;
    }
    
    .legalone {
      float: right;
      text-align: right;
      color: #000000;
      /* font-family: GothamCondensed-Bold; */
      /* margin-top: 54%; */
      font-size: 11px;
      margin-right: 16px;
      margin-bottom: 22px;
    }
  
  }
  
  
  
  @media (max-width: 767px) {
  
    .container_one {
      width: 100%;
      height: 100%;
      background: url(../images/bgimage.png);
      background-attachment: fixed;
      background-size: 100% 100%;
      font-family: GothamCondensed-Medium;
      color: rgb(0, 0, 0);
      position: relative;
      background-repeat: no-repeat;
      overflow: scroll;
    } 

    .content-wrapper {
  max-height: 100vh;      /* full screen height */
  overflow-y: auto;       /* enable vertical scroll */
  -webkit-overflow-scrolling: touch; /* smooth scrolling on mobile */
  padding-bottom: 20px;   /* optional bottom padding */
}

  
    .logo {
      width: 50%;
      margin-left: 24%;
      margin-top: 7%;
      
    }
  
    .submitbutton {
      /* position: absolute;
      padding-left: 13%; */
      padding-top: 6%;
      padding-bottom: 5%;
    }
  
    .subbutton {
      /* position: absolute; */
      padding-left: 33%;
      /* padding-top: 5%; */
      padding-bottom: 5%;
    }
  
    .upbutton {
      background-color: #000000;
      /* margin-top: 43%; */
      color: #FAB52A;
      font-family: GothamCondensed-Medium;
      padding: 8px;
      font-size: 18px;
      border: none;
      border-radius: 8px;
      margin-left: 5%;
      width: 25%;
    }
  
    .bodycontentone {
      /* width: 100%;
      height: auto;
      float: left;
      padding-left: 40%;
      padding-top: 5%;
      padding-right: 4%;
      margin-top: 7rem; */

      width: 100%;
        height: auto;
        float: right;
        padding-left: 20%;
        padding-top: 10%;
        padding-right: 20%;
        margin-top: 7rem;
        position: relative;
    
    }
  
    .questionsection {
      width: 100%;
      height: auto;
      float: left;
      font-size: 15px;
      margin-top: 2%;
    }
  
    .questionsection p {
      font-family: GothamCondensed-Medium;
      font-size: 15px;
      line-height: 1.2;
  
    }
  
    .queone p {
      font-family: GothamCondensed-Medium;
      margin-top: -17px;
      /* margin-left: 20px; */
    }
  
    .quetwo p {
      font-family: GothamCondensed-Medium;
      margin-top: -17px;
      margin-left: 20px;
    }
  
    .queone label {
      font-family: GothamCondensed-Medium;
      font-size: 15px;
  
    }
  
    .quetwo label {
      font-family: GothamCondensed-Medium;
      font-size: 15px;
    }
  
    .partone input {
        width: 100%;
        padding: 2px;
        border-radius: 10px;
        border: none;
        padding-left: 8px;
        /* background-color: rgb(202, 14, 14); */
        border: 1px solid #000000;
        background: #ffffff;
        font-size: 18px !important;
        color: #000000;
        font-family: GothamCondensed-Medium;
        /* height: 50%; */
        /* font-weight: 600; */
    }
  
    .partone {
      width: 100%;
  
    }
  
    .partone label {
      font-family: GothamCondensed-Medium;
    }
  
    .first {
      width: 50%;
      height: auto;
      float: left;
      padding-right: 11px;
    }
  
    .last {
      width: 50%;
      height: auto;
      float: left;
    }
  
    .parttwo input {
      width: 80%;
      padding: 4px;
      border-radius: 10px;
      border: none;
      /* border: 2px solid #000000; */
      background: #ffffff;
      color: #000000;
    }
  
    .parttwo {
      width: 100%;
      margin-top: 11px;
    }
  
    .parttwo label {
      font-family: GothamCondensed-Medium;
    }
  
  
    .parttwo p {
      width: 25%;
      height: auto;
      float: left;
      margin-top: 13px;
    }
  
    .parttwo span {
  color: #000000; 
  font-size: 14px;
  padding-left: 8px;
  }
    .lablexyz {
      /* background-color: rgb(202, 14, 14); */
      width: 100%;
      /* padding: 15px; */
      /* border: 1px solid #FF0000; */
      -moz-border-radius: 5px;
      border-radius: 10px;
      padding: -4px 7px;
      /* margin-top: 2%; */
      border: 1px solid #000000;
      background: #ffffff;
    }
  
    .snehainput {
      /* width:83%; */
      /* background-color: rgb(202, 14, 14); */
      border-left: 1px solid #000000;
      border-right: 0px;
      border-top: 0px;
      border-bottom: 0px;
      /* padding: 2px 5px; */
      color: #666666;
      outline: none;
      background: none;
    }
  
  
  
  
    .partfour input {
      width: 100%;
      padding: 10px;
      border-radius: 10px;
      border: 2px solid #a31e23;
      background: none;
    }
  
    .partfour {
      width: 100%;
      margin-top: 10px;
    }
  
    .partsix input {
      width: 100%;
      padding: 2px;
      border-radius: 10px;
      border: none;
      padding-left: 8px;
      border: 1px solid #000000;
      background-color: #ffffff;
      font-family: GothamCondensed-Medium;
      font-size: 18px !important;
      color: #000000;
     
    }

    input::placeholder {
        font-size: 18px;
        padding-left: 4px;
    }
  
    .partsix {
      width: 100%;
      margin-top: 7px;
    }
  
    .partfour label {
      font-family: GothamCondensed-Medium;
    }
  
  
    .partthree {
      width: 100%;
      margin-top: 5%;
      background-position: fixed;
      /* background: #f1f1f1; */
      padding: 5px;
      /* background-image: url(../images/RECAP-11.jpg); */
      background-repeat: no-repeat;
      /* background-attachment: fixed; */
      background-size: auto;
      /* position: fixed; */
      margin-left: 0%;
    }
  
    .partthree input {
      float: left;
    }
  
    .partthree p {
      font-size: 10px;
      font-family: GothamCondensed-Medium;
      margin-left: 8%;
      line-height: 1;
      color: #000000;
      margin-top: -17px;
      margin-left: 19px;
    }
  
    .partthree a {
      text-decoration: none;
      color: #000000;
    }
  
    .image_upload {
      margin-top: 5%;
    }
  
    .input-group label {
      background-color: white;
      border-radius: 10px;
      color: #5e5b5b;
      width: 69%;
      padding: 10px;
      float: left;
    }
  
  
    select {
      width: 100%;
      padding: 3px;
      border-radius: 10px;
      border: 1px solid #000000;
      color: #000000;
      background-color: #ffffff;
      /* margin-top: 2%; */
      font-family: GothamCondensed-Medium;
      font-size: 18px !important;
    }
  
    .nextsubmit {
      background-color: #a31e23;
      /* margin-top: 43%; */
      color: #fff;
      font-family: GothamCondensed-Bold;
      padding: 2px 30px;
      font-size: 38px;
      border: none;
      border-radius: 8px;
    }
  
  
    .legal {
      float: right;
      text-align: right;
      color: #000000;
      /* font-family: GothamCondensed-Bold; */
      margin-top: 65%;
      font-size: 11px;
      margin-right: 16px;
      position: fixed;
      bottom: 2%;
      /* left: 44%; */
      right: 2%;
      /* margin-bottom: 22px; */
    }
  
    .legalone {
      float: right;
      text-align: right;
      color: #000000;
      font-family: GothamCondensed-Bold;
      margin-top: 10%;
      font-size: 11px;
      margin-right: 16px;
      margin-bottom: 22px;
    }
  
    
  }
  
  /* input phone number */
  @media (max-width: 390px) {
   
    .parttwo input {
      width: 80%;
      padding: 4px;
      border-radius: 10px;
      border: none;
    }
  
    .legal {
      float: right;
      text-align: right;
      color: #000000;
      /* font-family: GothamCondensed-Bold; */
      /* margin-top: 68%; */
      font-size: 11px;
      margin-right: 16px;
      /* margin-bottom: 22px; */
    }
    .legalone {
      float: right;
      text-align: right;
      color: #000000;
      font-family: GothamCondensed-Bold;
      margin-top: 10%;
      font-size: 11px;
      margin-right: 16px;
      margin-bottom: 22px;
    }
  
  }
  
  @media (max-width: 376px) {
    .parttwo input {
      width: 80%;
      padding: 6px;
      border-radius: 10px;
      border: none;
    }
  
    .legal {
      float: right;
      text-align: right;
      color: #000000;
      /* font-family: GothamCondensed-Bold; */
      margin-top: 50%;
      font-size: 11px;
      margin-right: 16px;
      position: fixed;
      bottom: 1.5%;
      /* left: 25%; */
      right: 3%;
      /* margin-bottom: 22px; */
    }
  
    .legalone {
      float: right;
      text-align: right;
      color: #000000;
      font-family: GothamCondensed-Bold;
      margin-top: 10%;
      font-size: 11px;
      margin-right: 16px;
      margin-bottom: 22px;
    }
  
  }
  
  @media (max-width: 360px) {
    .parttwo input {
      width: 80%;
      padding: 2px;
      border-radius: 10px;
      border: none;
    }
  
    .legal {
      float: right;
      text-align: right;
      color: #000000;
      /* font-family: GothamCondensed-Bold; */
      margin-top: 50%;
      font-size: 11px;
      margin-right: 12px;
      position: fixed;
      bottom: 2.5%;
      left: 26%;
      /* margin-bottom: 22px; */
    }
  
    .legalone {
      float: right;
      text-align: right;
      color: #000000;
      font-family: GothamCondensed-Bold;
      margin-top: 10%;
      font-size: 11px;
      margin-right: 16px;
      margin-bottom: 22px;
    }

    .bodycontentone{
      margin-top: 6rem;
    }
  
  }
  
  @media (max-width: 325px) { 
    .parttwo input {
      width: 77%;
      padding: 2px;
      border-radius: 10px;
      border: none;
    }
  
    .legal {
      float: right;
      text-align: right;
      color: #000000;
      /* font-family: GothamCondensed-Bold; */
      margin-top: 80%;
      font-size: 11px;
      margin-right: 6px;
      left: 18%;
      /* margin-bottom: 22px; */
    }
    .legalone {
      float: right;
      text-align: right;
      color: #000000;
      font-family: GothamCondensed-Bold;
      margin-top: 3%;
      font-size: 11px;
      margin-right: 16px;
      margin-bottom: 22px;
    }
  
  }
  
  /* question page */
    @media screen and (min-width: 768px) {
         
      .container_two {
    width: 100%;
    height: 100%;
    background: url(../images/bgimage.png);
    background-attachment: fixed;
    background-size: 100% 100%;
    font-family: GothamCondensed-Bold;
    /* color: black; */
    position: fixed;
    background-repeat: no-repeat;
    overflow: scroll;
  
  }
  
  .bodycontenttwo {
    width: 100%;
    height: auto;
    float: left;
    padding-left: 17%;
    padding-top: 2%;
    padding-right: 17%;
    font-family: GothamCondensed-Medium;
  }
  
  .question_box {
    border: 2px solid #a31e23;
    padding: 12px;
    text-align: center;
    margin-right: 33px;
    margin-left: 33px;
    color: #000000;
  }
  
  .question_box p {
    font-size: 33px;
  }
  
  
    .buttonsubmit {
      background-color: #a31e23;
      /* margin-top: 43%; */
      color: #fff;
      font-family: GothamCondensed-Medium;
      padding: 2px 20px;
      font-size: 55px;
      border: none;
      border-radius: 8px;
    }
  
    }
  
    @media (max-width: 767px) {
  
      .paraDes{
        font-size: 6px;
      }
      .container_two {
    width: 100%;
    height: 100%;
    background: url(./../images/bgimage.png);
    background-attachment: fixed;
    background-size: 100% 100%;
    font-family: GothamCondensed-Bold;
    color: rgb(0, 0, 0);
    position: fixed;
    background-repeat: no-repeat;
    overflow: scroll;
  }
  
  .bodycontenttwo {
    width: 100%;
    height: auto;
    float: left;
    /* padding-left: 10%; */
    padding-top: 5%;
    /* padding-right: 4%; */
  }
  
  .question_box {
    border: 2px solid #a31e23;
    padding: 12px;
    text-align: center;
    margin-right: 33px;
    margin-left: 33px;
    color: #000000;
  }
  
  
    .buttonsubmit {
      background-color: #a31e23;
      /* margin-top: 43%; */
      color: #fff;
      font-family: GothamCondensed-Bold;
      padding: 2px 20px;
      font-size: 38px;
      border: none;
      border-radius: 8px;
    }
    
    
      }

      html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}