/* 1007 of 3704 unused characters has been removed. */
  .payment-form{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;margin-left:14%}
.container-payment{display:flex;background-color:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,0.1);overflow:hidden;width:800px;/* Adjust as needed */}
.left-section{padding:20px;width:60%;/* Adjust as needed */}
.right-section{padding:20px;width:40%;/* Adjust as needed */
    background-color:#f8f8f8;border-left:1px solid #eee}
.payment-method button.active{font-weight:bold;border:none;background:none;margin-right:5px;cursor:pointer;padding:5px 10px;color:#222;text-decoration:underline}
.payment-method button{font-weight:normal;border:none;background:none;margin-right:5px;cursor:pointer;padding:5px 10px;color:#555}
.qr-code{display:flex;flex-direction:column;align-items:center;margin:20px 0}
.qr-code img{width:200px;/* Adjust as needed */
    height:200px;/* Adjust as needed */
    border:1px solid #ddd}
.download-button{background-color:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;cursor:pointer;margin-top:10px;display:flex;align-items:center;font-size:0.9em}
.download-button img{width:16px;height:16px;margin-left:5px}
.supported-apps{display:flex;align-items:center;margin:20px 0}
.supported-apps img{width:30px;height:30px;margin-right:5px;border-radius:5px}
.supported-apps span{font-weight:bold;margin-right:5px}
.supported-apps a{color:#007bff;text-decoration:none;font-size:0.9em}
.validity{background-color:#fffacd;padding:10px;margin:20px 0;border-radius:5px}
.validity p{margin:0;font-size:0.9em}
.notes{margin:20px 0}
.notes ul{margin:10px 0;padding-left:20px;font-size:0.9em}
.notes li{margin-bottom:5px}
.notes b,.validity b{color:#dc3545}
.warning_icon{width:20px;margin-bottom:-4px}
.instructions{background-color:#f8f8f8;padding:20px;border-radius:10px;font-size:0.9em}
.instructions ol{padding-left:20px}
.instructions li{margin-bottom:15px}
.small-qr-icon{width:16px;height:16px;margin-bottom:-3px}
.merchant-logo{text-align:center;margin-bottom:20px}
.merchant-logo img{max-width:150px;/* Adjust as needed */
    height:auto}
.order-info table{width:100%;border-collapse:collapse;margin-bottom:20px}
.order-info td{padding:8px;border-bottom:1px solid #eee}
.order-info .timer{color:#dc3545;text-align:right}
.cancel-button{background-color:#fff;border:1px solid #dc3545;color:#dc3545;padding:10px 20px;border-radius:5px;cursor:pointer;width:100%;font-size:1em}
@media (max-width:768px){.container{flex-direction:column;width:95%}.left-section,.right-section{width:100%}}
.payment-form.animate-out{animation:animateOut 0.5s forwards}
@keyframes animateOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.5)}}