.form-container{background-color:#fff;max-width:60vw;margin:20px auto;padding:20px 20px 70px 20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.form-container h2,h3{color:#feb900}.form-step{position:relative;display:none;padding:2vw}.form-step.active{display:block}.form-step.next-button-a{position:absolute;right:0!important}.form-step.back-button{position:absolute;right:0!important}
label{display:block;margin:15px 0 5px;color:#333;font-weight:bold}
input[type="text"],input[type="password"],input[type="number"],input[type="email"],select,textarea{width:100%;padding:10px;margin-top:5px;transition:.5s;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;&:hover
{border-color:#feb900}}
input[type="checkbox"]{margin-right:10px;transition:.5s;cursor:pointer;&:hover
{border-color:#feb900}}
input[type="file"]{width:100%;padding:10px;border:1px solid #ccc;transition:.5s;border-radius:4px;box-sizing:border-box;cursor:pointer;&:hover
{border-color:#feb900}}.buttons{position:absolute;display:flex;justify-content:space-between;align-items:flex-end;width:93%}.next-button{background-color:#4CAF50;color:white;border:none;padding:10px 20px;margin-top:20px;cursor:pointer;border-radius:4px;font-size:16px;transition:0.5s;display:inline-block;&:hover
{transition:0.5s;color:white;background-color:#228c26}}
select[multiple]{height:100px}
input[type="checkbox"]{transition:.5s;margin-right:5px;&:hover
{border-color:#feb900}}.info-text{color:gray}
#price{margin-top:5px;font-size:14px;margin-bottom:0!important;padding-left:5px;color:rgb(0,0,0)}.old-price{font-size:12px;height:15px;margin-top:5px;margin-bottom:0!important;text-decoration:line-through;color:red}.password-input{position:relative;.password-toggle,.confirm-password-toggle
{cursor:pointer;position:absolute;right:20px;top:15px}}.col-part-2{display:flex;align-items:center}.qr-menu-settings{.img-content
{position:relative;width:200px;height:200px;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;border-radius:1vw}.menu-img{width:100%;height:100%;object-fit:cover}.upload-icon,.close-icon{position:absolute;width:24px;height:24px;cursor:pointer;right:10px;bottom:10px}.close-icon{right:40px}.d-none{display:none}}.summary{background-color:#f1f1f1;padding:15px;border-radius:8px;margin-bottom:20px}.summary p{margin:5px 0}.btn-secondary{background-color:#6c757d;color:white;border:none;padding:10px 20px;border-radius:4px;transition:0.5s;cursor:pointer;text-transform:uppercase;font-weight:bold;&:hover
{transition:0.5s;color:white;background-color:#ba4444}}.btn-primary:hover,.btn-secondary:hover{opacity:0.9}.payment-details{h3
{margin-bottom:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:bold}.form-group input[type="text"],.form-group select{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box}.form-group-checkbox{margin-bottom:15px;display:flex;align-items:center}.form-group-checkbox label{margin:5px 0px 5px 5px!important;color:#333}.form-group-checkbox input,.form-group-checkbox select{padding:10px;border:1px solid #ccc;border-radius:4px}.form-group-checkbox input[type="checkbox"]{width:auto;margin-right:10px;accent-color:#28a745}.checkbox-label{display:flex;align-items:center;color:#333;font-size:14px}.checkbox-label a{color:#28a745;text-decoration:underline}.checkbox-label a:hover{text-decoration:none}
input[type="checkbox"]:checked{background-color:#28a745;border:1px solid #28a745;box-shadow:0 0 5px #28a745}
input[type="checkbox"]:checked{background-color:#28a745;border:1px solid #28a745;box-shadow:0 0 5px #28a745}.card-number-inputs{display:flex;justify-content:space-between}.card-number-inputs input{width:23%;padding:10px;border:1px solid #ced4da;border-radius:4px;text-align:center;font-size:16px}.expiry-date select,#cvv{width:48%;padding:10px;border:1px solid #ced4da;border-radius:4px;text-align:center;font-size:16px}}.card-container{perspective:1000px;margin-bottom:20px;display:flex;justify-content:center}.card{width:40vw;height:22vw;background-image:url('../img/credit-card-background.jpeg');background-size:cover;border-radius:10px;transition:transform 0.6s;transform-style:preserve-3d;position:relative;cursor:pointer}.card.flipped{transform:rotateY(180deg)}.card.front,.card.back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px}.card.back{background-size:cover;transform:rotateY(180deg)}.card-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:20px}.card-chip{width:40px;height:31.9px;background-image:url('../img/chip.png');background-size:cover;transition:transform 0.6s}.card-number{font-size:20px;letter-spacing:2px;color:white}.card-details{display:flex;justify-content:space-between;align-items:center}.card-cvv-label{text-align:right;margin-bottom:5px;color:white}.card-cvv{text-align:right;font-size:18px;color:white;position:absolute;bottom:20px;right:20px}.card-logo{position:absolute;top:20px;right:20px;width:50px}.card-holder,.card-expiry{text-align:right;font-size:18px;color:white}.payment-button{background-color:#007bff;color:white;border:none;padding:10px 20px;border-radius:4px;transition:0.5s;cursor:pointer;text-transform:uppercase;font-weight:bold;&:hover
{transition:0.5s;color:white;background-color:#36b2ff}}
@media(max-width:768px){.form-container{max-width:90vw}.container{max-width:95vw;padding:15px}.row{flex-direction:column}.col-2,.col-3,.col-4,.col-6{width:100%;max-width:100%;margin-bottom:15px}
label{margin-bottom:10px}
button{width:100%}
input[type="text"],select,textarea{font-size:16px}.checkbox-label{display:flex;align-items:flex-start!important;color:#333;font-size:14px;flex-direction:column;column-gap:0}.payment-form{width:90%}.card{width:35vh;height:20vh}.card-number-inputs input{width:22%}.expiry-date select,#cvv{width:45%}}.payment-modal{position:fixed;z-index:1000;width:100vw;height:100vh;top:0;left:0;justify-content:center;align-items:center}.payment-modal iframe{width:100%;height:100%}
#securePaymentModal{.modal-content{height:700px;font-size:12px;.product-list{font-size:12px;line-height:16px;tr{margin:0;padding:0;td{margin:0;padding:0}&:first-child{td{border-bottom:1px solid #000;&:not(:first-child){text-align:center}}}&:not(:first-child){td{&:not(:first-child){text-align:center}}}}}}
#payment-iframe{border-radius:inherit}}