html,body{margin:0;padding:0}*{font-family:Inter,sans-serif}.main-content{height:100vh;padding:0 15px;display:grid;place-items:center}.container-content{padding:20px;width:570px}.container-content h2{font-weight:800;font-size:1.6rem;text-align:center;background-color:#e4e4e4;color:#5c5c5c;padding:10px;clip-path:polygon(0% 0%,96% 1%,100% 50%,96% 100%,0% 100%)}.feedback{display:flex;flex-direction:column;align-items:center;margin:10px 0;color:#404040}.feedback h3{font-size:1.4rem}.feedback-success{color:green}.mbway-countdown{font-size:19px;margin:15px 0}.info-content{border:solid 1px rgb(219,219,219);padding-inline:20px;text-align:left;color:#7e7e7e;font-size:1.2rem}.info-content p:first-child{margin-bottom:30px;font-weight:800}.bottom-content{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:60px}.bottom-content p{font-size:1.5rem;margin:0;color:#7e7e7e}@media (max-width: 600px){.container-content{width:100%}}.mbway-form{display:flex;flex-direction:column;gap:10px;border:1px solid rgb(219,219,219);padding:20px}.mbway-form p{margin-top:0;margin-bottom:5px;color:#7e7e7e;font-weight:800}form input,form button,form select{border-radius:5px;border:solid 1px rgb(219,219,219)}form input,form select{height:35px}.mbway-form-group{display:flex;justify-content:space-between}.prefix{text-align:center;color:#616161;height:38px;width:80px}.phone{flex-grow:1}.mbway-form>button{background-color:#67c48e;color:#fff;padding-bottom:12px;padding-top:12px}.mbway-form>button:disabled{background-color:#6c757d;color:#ccc;cursor:not-allowed}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert ul{margin-bottom:0;margin-top:0}.alert ul li{list-style-type:none}.payment-selector{width:100%;max-width:600px;margin:0 auto}.payment-form{width:100%}.payment-option{display:flex;align-items:center;padding-inline:15px;padding-block:10px;border:1px solid #e0e0e0;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:all .3s ease}.payment-option-image-container{width:90px}.payment-option:hover,.payment-option:has(input[type=radio]:checked),.payment-option:has(input[type=radio]:checked)+.payment-fields{border:3px solid #2e6ca4;background-color:#f5f5f5}.payment-option:has(input[type=radio]:checked)+.payment-fields{border-top:none}.payment-option input[type=radio]{display:none}.payment-option label{flex-grow:1;display:flex;align-items:center;cursor:pointer}.payment-icon{width:60px;height:25px;-o-object-fit:contain;object-fit:contain}.submit-btn{width:100%;padding:12px;background-color:#c00000;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;margin-top:8px}.submit-btn:disabled{background-color:#6c757d;color:#ccc;cursor:not-allowed}.submit-btn:disabled:hover{background-color:#6c757d}.submit-btn:hover{background-color:green}.payment-fields{display:none;padding:0 15px 10px;width:100%;box-sizing:border-box;border:1px solid #e0e0e0;margin-top:0}.payment-fields input{width:100%;height:40px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;box-sizing:border-box;margin-inline:7px}.payment-fields.visible{display:block;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;margin-bottom:10px}#payment-option-mbway.visible{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}#payment-option-mbway.visible:hover{border-bottom:0}#google-pay-buttom{width:100%;height:47px;margin-top:4px;margin-bottom:30px}