@font-face{font-family:GroditaRegular;src:url(/assets/fonts/GroditaRegular.woff);font-style:normal;font-weight:400}@font-face{font-family:GroditaMedium;src:url(/assets/fonts/GroditaMedium.woff);font-style:normal;font-weight:500}@font-face{font-family:GroditaSemibold;src:url(/assets/fonts/GroditaMedium.woff);font-style:normal;font-weight:600}@font-face{font-family:GroditaBold;src:url(/assets/fonts/GroditaBold.woff);font-style:normal;font-weight:700}*{margin:0;padding:0;box-sizing:border-box}.html{background-color:#fff;color:#000;font-family:GroditaRegular,sans-serif}body{font-family:GroditaRegular,sans-serif}.banner-container{width:768px;margin:20px auto;background-color:#a378b2}#poster{border-radius:5px;width:100%}.customer-name-container{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px 32px;border-radius:5px}.name-wrapper{display:flex;justify-content:center;align-items:center;padding:18px;border-radius:28px;background-color:#fff;border:1px solid #000}.name-wrapper-p{text-align:center;text-transform:uppercase;font-weight:600;font-size:14px;letter-spacing:1px}.store-name-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;top:-10%;left:39%;background-color:#343a40;width:140px;padding:4px 12px;border-radius:15px}.store-name-wrapper-p{font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:2px;z-index:200}.scan-to-transfer-p{text-align:center;color:#fff;text-transform:uppercase;font-size:20px;font-weight:700;letter-spacing:2px;margin-bottom:14px}.qr-code-wrapper{height:auto;max-width:200px;width:100%;padding:4px;background-color:#fff;border-radius:4px;margin:0 auto 16px;display:flex;justify-content:center;align-items:center}.qr-image{height:auto;max-width:100%;width:100%;background-color:#fff;color:#585858}.divider-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.vertical-line{width:1px;height:120px;border:1px solid #fff;display:inline-block}.horizontal-line{width:70%;height:1px;border:1px solid #fff;margin:24px auto}.or-text{text-transform:uppercase;font-size:16px;font-weight:600;color:#fff}.transfer-to-pay-p{color:#fff;text-transform:uppercase;font-size:20px;font-weight:700;letter-spacing:2px;margin-bottom:14px;text-align:center}.bank-icon-wrapper{display:flex;justify-content:center;align-items:center;height:39px;width:39px;background-color:#fff}.bank-icon-img{object-fit:contain}.account-number-wrapper{width:200px;height:39px;background-color:#fff;display:flex;justify-content:center;align-items:center}.account-number-p{color:#000;font-size:16px;font-weight:600}.footer{background-color:#54325f;width:100%;color:#fff;padding:32px 120px;border-radius:5px}.step-wrapper{display:flex;justify-content:center;align-items:start;gap:6px}.whatsapp-number-wrapper{display:flex;justify-content:center;margin:16px 20px}.whatsapp-number-icon{display:flex;justify-content:center;align-items:center;gap:2px}.whatsapp-icon{display:flex;align-items:center;justify-content:center}.whatsapp-no-wrapper{background-color:#fff;padding:0 1px;border-radius:1px}.whatsapp-no-p{color:#37928a;letter-spacing:4px;font-weight:600}.fa{width:32px;height:32px}.fa-whatsapp{width:16px!important;height:16px!important}.download-button{margin:0 auto;padding:10px 20px;background-color:#54325f;color:#fff;border:1px solid #fff;border:none;border-radius:5px;cursor:pointer;transition:all 1s;font-size:16px;font-family:GroditaRegular,sans-serif;font-weight:600}.download-button:hover{background-color:#fff;color:#54325f;border:1px solid #54325f}