.ticket,
.ticket * {
  box-sizing: border-box;
}
.ticket {
  background: #ffdac3;
  border-radius: 16px;

  position: relative;
  overflow: hidden;
  width:100% ;
}
@media only screen and (max-width: 767px) {
  .ticket {
      max-width: 100%;
  }
  .qrcode,.refid,.pymntid,.refidvalue,.pymntidvalue,.nogi,.nogivalue{
    left: 50px;
  }
  .group-1{
    width: 100px;
    left: 50px;
    top: 24px;
  }
  .qrcode img{
    height: 100px;
    width: 100px;
  }
  .rectangle-2{
    width: 40px;
  }
  .rectangle-2,.ticket{
    height: 300px;
  }
  .mess-token {
    font-size: 24px;
    left: 5px;
    top: 215px;
  }
  .group-185 {
    left: 40px;
  }
  
  .group-191{
    width: 105px;
  }
  .group-186 {
    left: 40px;
    top: 308px;
  }
  .enroll_no,.enrollnovalue,.name,.namevalue,.txnid,.txnidvalue,.date,.datevalue, .dyliituh, .dyliituhvalue, .dyned, .dynedhvalue, .amount,.amountvalue{
    left: 238px;
    font-size: 12px;
  }
  
  .enroll_no {
    top: 30px;
  }
  .enrollnovalue {
    top: 46px;
  }
  .name { 
    top: 66px;
  }
  .namevalue {
    top: 82px;
  }
  .date{
    top:102px;
  }
  .datevalue{
    top:118px;
  }
  .txnid{
    top: 136px;
  }
  .txnidvalue{
    top: 152px;
  }
  .refid{
    bottom: 108px;
  }
  .refidvalue{
    bottom: 92px;
  }
  .pymntid{
    bottom: 70px;
  }
  .pymntidvalue{
    bottom: 54px;
  }
  
  .group-191 {
    left: 106px;
    top: 60px;
  }
  .line-1 {
    width: 175px;
    left: 220px;
    top: calc(50% - 85px);
  }
  .no_of_token,.no_of_token_value{
    font-size: 12px;
    left: 125px;
  }
  .no_of_token{
    top:170px;
  }
  .no_of_token_value{
    top:186px;
  }
  .nogi{
    bottom:32px;
  }
  .nogivalue{
    bottom:16px;
  }
  .dyliituh{
    top:174px;
  }
  .dyliituhvalue{
    top:208px;
  }
  .dyned{
    top:230px;
  }
  .dynedhvalue{
    top:266px;
  }
  .qrcode{
    top:60px;
  }

}

@media only screen and (min-width: 768px) {
  .qrcode{
    top: 100px;
  }
  .qrcode,.refid,.pymntid,.refidvalue,.pymntidvalue{
    left: 80px;
  }
  .group-1 {
    left: 81px;
  }
  .group-185 {
    left: 60px;
  }
  .qrcode img{
    height: 150px;
    width: 150px;
  }
  .rectangle-2{
    width: 60px;
    height: 400px;
  }
  .ticket{
    height: 400px;
  }
  .mess-token {
    font-size: 32px;
    left: 5px;
    top: 300px;

  }
  .group-186 {
    left: 60px;
    top: 400px;
  }
  .enroll_no,.enrollnovalue,.name,.namevalue,.txnid,.txnidvalue,.date,.datevalue,.nogi, .nogivalue, .dyliituh, .dyliituhvalue, .dyned, .dynedhvalue, .amount,.amountvalue{
    left: 480px;
    font-size: 14px;
  }
  
  .refid,.refidvalue,.pymntid,.pymntidvalue{
    font-size: 14px;
  }
  .enroll_no {
    top: 42px;
  }
  .enrollnovalue {
    top: 61px;
  }
  .name { 
    top: 90px;
  }
  .namevalue {
    top: 110px;
  }
  .date{
    top:138px;
  }
  .datevalue{
    top:158px;
  }
  .txnid{
    top:178px;
  }
  .txnidvalue{
    top:198px;
  }
  .txnid{
    top:186px;
  }
  .txnidvalue{
    top:206px;
  }
  /* .refid{
    top: 188px;
  } */
  .refid{
    bottom: 115px;
  }
  .refidvalue{
    bottom: 95px;
  }
  .pymntid{
    bottom: 60px;
  }
  .pymntidvalue{
    bottom: 40px;
  }
  .nogi{
    top: 234px;
  }
  .nogivalue{
    top: 254px;
  }
  .dyliituh{
    top: 282px;
  }
  .dyliituhvalue{
    top: 302px;
  }
  .dyned{
    top: 330px;
  }
  .dynedhvalue{
    top: 350px;
  }
  /* .refidvalue{
    top: 208px;
  } */
  /* .pymntid{
    top: 238px;
  }
  .pymntidvalue{
    top: 258px;
  } */
  /* .bulidingnm{
    top: 285px;
  }
  .bulidingnmvalue{
    top: 305px;
  } */
  .group-191 {
    left: 170px;
    top: 115px;
  }
  .group-1 {
    top: 37px;
  }
  .line-1 {
    width: 245px;
    left: 440px;
    top: calc(50% - 118px);
  }
  .no_of_token,.no_of_token_value{
    font-size: 16px;
    left: 300px;
  }
  .no_of_token{
    top:280px;
  }
  .no_of_token_value{
    top:305px;
  }
}
@media only screen and (max-width: 992px) {
    .ticket {
        max-width: 100%;
    }
}
@media only screen and (min-width: 992px) {
    .ticket {
        max-width: 100%;
    }
}
@media only screen and (min-width: 1024px) {
    .ticket {
        max-width: 100%;
    }
}
@media only screen and (min-width: 1200px) {
    .ticket {
        max-width: 100%;
    }
    .group-191{
      width: 220px;
      left: 150px !important;
    }
    .group-1{
      width: 175px;
    }
    .no_of_token,.no_of_token_value{
      left: 250px !important;
    }
    .line-1{
      left: 300px !important;
    }
    .dyned,.dynedhvalue,.name, .namevalue, .txnid, .txnidvalue, .date, .datevalue, .amount, .amountvalue,.enroll_no,.enrollnovalue,.dyliituh,.dyliituhvalue,.nogi,.nogivalue{
      left: 320px !important;
    }
}
@media only screen and (min-width: 1600px) {
    .ticket {
        max-width: 100%;
    }
}
@media only screen and (min-width: 1700px) {
    .ticket {
        max-width: 90%;
    }
}
@media only screen and (min-width: 1900px) {
    .ticket {
        max-width: 70%;
    }
}
@media only screen and (min-width: 2000px) {
    .ticket {
        max-width: 70%;
    }
}

.group-191 {
  height: auto;
  position: absolute;
  overflow: visible;
}
.rectangle-7 {
  background: #ffdac3;
  width: 519px;
  height: 18px;
  position: absolute;
  left: 60px;
  top: 232px;
}
.rectangle-2 {
  background: #000000;
  position: absolute;
  left: 0px;
  top: 0px;
}
.line-1 {
  margin-top: -0.5px;
  border-style: dashed;
  border-color: #000000;
  border-width: 0.5px 0 0 0;
  height: 0px;
  position: absolute;
  transform-origin: 0 0;
  transform: rotate(90deg) scale(1, 1);
}
.group-185,.group-186{
  height: auto;
  position: absolute;
  overflow: visible;
  width: 100%;
}
.group-185 {
  top: 0px;
}
.group-186 {
  transform: translate(0px, -23px);
}
.mess-token {
    color: #ffffff;
    text-align: left;
    font-family: "BebasNeue-Regular", sans-serif;
    font-weight: 400;
    position: absolute;
    transform-origin: 0 0;
    transform: rotate(-90deg) scale(1, 1);

}
.group-1 {
  height: auto;
  position: absolute;
  overflow: visible;
}
.group-194 {
  position: absolute;
  inset: 0;
}
.name,.namevalue,.txnid,.txnidvalue,.date,.datevalue,.pymntid,.pymntidvalue,.refid,.refidvalue,.amount,.amountvalue,.enroll_no,.enrollnovalue,.nogi, .nogivalue, .dyliituh, .dyliituhvalue, .dyned, .dynedhvalue{
  color: #000000;
  text-align: left;
  font-family: "Outfit-Regular", sans-serif;
  font-weight: 400;
  position: absolute;
}

.group-193 {
  position: absolute;
  inset: 0;
}

.group-192 {
  position: absolute;
  inset: 0;
}


.ticket svg{
    height: 17px;

}


.no_of_token,.no_of_token_value{
  color: #000000;
  text-align: left;
  font-family: "Outfit-Regular", sans-serif;
  font-weight: 400;
  position: absolute;
}

#ticket-container{
  width: 100%;
}
#downloadTicketButton,.failed-btn{
  margin-top: 20px;
  background-color: #FFFF00 !important;
  color: #000000 !important;
  border:1px solid #FFFF00;
  font-weight: bold;
}
#ticket-container h2{
  margin-bottom: 30px;
  text-align: center;
}
.btn-ticket{
  text-align: center;
}
.failed-btn{
  padding: 12px 40px;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  text-decoration: none;
}
.logo-main{
  width: 300px;
}
.field-details{
  margin-bottom: 30px;
}
#downloadTicketButton{
  padding: 10px 20px;
}
.backhome{
  text-align: center;
}
.text-danger{
  margin-bottom: 30px;
}
.enroll_no,.name,.txnid,.date, .nogi,.amount,.dyliituh,.dyned,.refid,.pymntid{
  font-weight: bold;
}
.qrcode{
  position: absolute;
}