*{    
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", sans-serif;
    background:#e7ebef;
}

.d-flex{
    display: flex;
}
.w-270px{
    width:270px;
}
.align-center{
    align-items: center;
}
.flex-dir-col{
    flex-direction: column;
}
.h-100{
    height: 100svh;
}
.h-75{
    height: 75svh;
}
.h-80{
    height: 80px;
}
.h-200{
    height: 200px;
}
.w-100{
    width: 100%;
}
.w-50{
    width: 50%;
}
.justify-center{
    justify-content: center;
}
.bg-transparent{
    background-color: transparent;
}
.no-border{
    border: none;
}
.hidden{
    display: none;
}

.QiDLogoLottieContainer {
    width: 200px;
    margin: 30px auto 0px auto;
}

.QiDLogoLottieContainer svg {
    pointer-events: none;
}

.txt-center {
    text-align: center;
}

.ff {
    font-family: "Helvetica Neue", sans-serif;
}

.fs-24 {
    font-size: 20px;
}

.fs-10 {
    font-size: 10px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-20px{
    margin-top: 16px !important;
}

.mt-10px{
    margin-top: 10px !important;
}

.mt-40 {
    margin-top: 40px;
}

.mt-30 {
    margin-top: 30px;
}

.m-a {
    margin: auto;
}

.h-18 {
    height: 18px;
}

#capture {
    font-size: 40px;
    padding: 20px 50px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#errorScreen,
#successScreen {
    position: relative;
}
  
#errorClose,
#successClose{
    position: absolute;
    right: 40px;
    top: -90px;
    font-size: 100px;
    cursor: pointer;
}

#lineDiv {
    position: fixed;
    bottom: 13px;
}

.btn_position{
    position: fixed;
    bottom: 60px;
}

.line,
#line {
    border-top: 1px solid gray;
    width: 230px;
}
  
.txt-right {
    text-align: end!important;
}

.pr-30 {
    padding-right: 30px;
}

.pt-5 {
    padding-top: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.lh-1 {
    line-height: 1.19;
}

.ls-0 {
    letter-spacing: 0px;
}

.l-0 {
    left: 0px;
}

.t-0 {
    top: 0px;
}

.tc {
    color: rgb(81, 85, 101);
}

.font-style {
    font-style: normal;
}

.fw {
    font-weight: 400;
} 

#clipboard {
    position: absolute;
    top: 65%;
    left: 25%;
    background-color: white;
    padding: 20px 35px;
    border-radius: 20px;
    border: 4px solid gray;
    z-index: 999;
    transition: all 0.3s;
}

.w-747 {
    width: 747.3px;
}

.w-200px{
    width:250px
}
.w-518 {
    width: 518px;
}

.h-206 {
    height: 206px;
}

.word-break {
    word-break: break-all;
}

.ws {
    white-space: pre-wrap;
}

.rotate {
    transform: rotate(90deg); /* Rotates the button by 90 degrees */
    transition: transform 0.3s ease-in-out;
}  

.pa {
    position: absolute;
}