/* body{
  background:linear-gradient(90deg,#0e3959 20%,#0e3959 30%,#03a9f5 100%) ;
}  */

/* .btn{
    display: flex;
    gap: 30px;
    padding: 12px;
    margin: 10px 0;
} */
*{
  font-family: 'Times New Roman', Times, serif;

}
body{
  background-color: bisque !important;
}
 .container{
  overflow-y: hidden;
 }
 .scaner_row{
  overflow-x: hidden;
 }
 .container-fuild{
  background-color: bisque !important;
  height: 550px;
 }* {
    box-sizing: border-box;
  }
  
  /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (also change the direction - make the "cart" column go on top) */
  @media (max-width: 800px) {
    .row {
      flex-direction: column-reverse;
    }
    .container-fuild{
      height: 520px;
     }
    .col-4{
      flex: 0 0 auto !important;
    width: 100% !important;
    }
   
    .btn_amount{
        display: flex;
        gap: 5px;
    }
    .donate_btn{

        width: 50px !important;
        height: 50px !important;
        border-radius: 50%;
        background-color: rgb(8, 138, 245);
        color: white;
         font-weight: 200;
         font-size: 12px;
    }
  }
.upid{
  width: 230px;
  }


  .col-6 {
    flex: 0 0 auto;
    width: 50%;
    background-color: bisque !important;
}
.tab-content{
  height: 435px;
    overflow-y: hidden;
}
.scaner_img{
  padding-left: 148px;
}

  @media (max-width: 991px)
  {
.col-6{
  width: 100% !important;
}
  }

  @media (max-width: 450px)
  {
    .scaner_img{
      padding-left: 20px;
    }
    .tab-content{
      padding-left: 20px;
      height: 300px;
    }
    .container{
      width: 365px !important;
    }
   .bill{
    width: 366px !important;
   }
   .main_row{
    margin-right: 0 !important;
   }
   /* .main_col{
    margin-left: 7px;
   } */
   .bill_input,.bill_input1,.btn{
    border-radius: 22px !important;
   }
   
  }
  @media screen and (min-device-width: 800px) and (max-device-width: 1024px) { 
   .scaner_img{
    width: 51% !important;
   }
  
  
  
}
@media screen and (min-device-width: 450px) and (max-device-width: 768px) {
  .tab-content{
    padding-left: 120px;
  }
}