@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500&display=swap);:root{--Linear-gradient:#6448fe to #600594;--Red:#ff5252;--White:#fff;--Light-grayish-violet:#dedddf;--Dark-grayish-violet:#8e8593;--Very-dark-violet:#21092f}*{box-sizing:border-box;margin:0;overflow-x:hidden;padding:0}body{Font-size:18px;font-family:Space Grotesk,sans-serif;font-weight:500}.home{background:url(/static/media/bg-main-mobile.caa4689407777a312ede.png);background-repeat:no-repeat;background-size:contain}.CardBackview-home-div{padding:2.17rem 0 0 6.25rem}.CardFrontview-home-div{left:1rem;position:absolute;top:7.45rem}.formdiv{margin-top:70px}@media only screen and (min-width:820px) and (max-width:1300px){.home{background:url(/static/media/bg-main-desktop.806e7aa7b4dbc1d78bc3.png);background-repeat:no-repeat;background-size:23rem 74rem;display:flex;flex:1 1;height:100vh;justify-content:space-around}.formdiv{margin-left:20rem}.CardBackview-home-div{left:6rem;position:absolute;top:19rem;width:600px}.CardFrontview-home-div{left:7rem;position:absolute;top:10rem}}@media only screen and (max-width:360px){.CardBackview-home-div{padding:2.17rem 0 0 5rem}}@media only screen and (min-width:1300px){.home{background:url(/static/media/bg-main-desktop.806e7aa7b4dbc1d78bc3.png);background-repeat:no-repeat;background-size:contain;display:flex;flex:1 1;height:100vh;justify-content:space-around}.formdiv{margin:0}.CardBackview-home-div{left:13rem;position:absolute;top:25rem;width:600px}.CardFrontview-home-div{left:13rem;position:absolute;top:10rem}}.card-front-view{background:url(/static/media/bg-card-front.8153e2ca184402a8385f.png);background-repeat:no-repeat;background-size:18.5rem;display:flex;flex-direction:column;gap:30px;height:20rem;padding:20px;width:20rem}.circles{align-items:center;display:flex;gap:10px}.big-circle{background:#fff;border-radius:50%;height:35px;width:35px}.hollow-circle{border:1px solid #fff;border-radius:50%;height:14px;width:14px}.card-information{display:flex;flex-direction:column;gap:20px}.card-number{color:#fff;font-size:1.2rem;font-weight:400;letter-spacing:3px}.card-details{color:#fff;display:flex;font-size:.6rem;font-weight:400;justify-content:space-between;letter-spacing:2px;padding-right:20px}@media only screen and (min-width:1300px){.card-front-view{background-size:contain;gap:65px;height:250px;padding:30px;width:450px}.circles{gap:15px}.big-circle{height:45px;width:45px}.hollow-circle{height:18px;width:18px}.card-information{gap:20px}.card-number{font-size:1.75rem}.card-details{font-size:.9rem;gap:0;justify-content:space-between;padding:0}}.CardBackView{background:url(/static/media/bg-card-back.23f68fa3aa3d5b33dfc8.png);background-repeat:no-repeat;background-size:17rem;height:158px}.cvc-number{color:#fff;font-size:.7rem;letter-spacing:2px;padding-left:13.2rem;padding-top:4.1rem}@media only screen and (min-width:1300px){.CardBackView{background:url(/static/media/bg-card-back.23f68fa3aa3d5b33dfc8.png);background-repeat:no-repeat;background-size:contain;height:250px;width:450px}.cvc-number{color:#fff;font-size:1rem;padding-left:22.5rem;padding-top:7rem}}.complete-state{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center;margin:70px 20px 0}.thankyou-text{font-weight:500;letter-spacing:2px}.tagline{color:#8e8593}.btn-complete{height:3.5rem;width:21rem}@media only screen and (min-width:820px){.btn-complete{width:25rem}}form{display:flex;flex-direction:column;font-size:.85rem;gap:20px;letter-spacing:1px;margin:70px 20px 0;width:372px}label{color:#21092f}label div{padding-bottom:8px}.input-fields{border:1px solid #dedddf;border-radius:5px;height:5vh;width:372px}.month-field,.year-field{margin-right:10px;width:83px}.CVC-field{width:186px}.date-cvc-label{width:100vw}.date-cvc-name span{padding-left:40px}::-webkit-input-placeholder{color:#8e8593;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:500;opacity:50%;padding:10px}::placeholder{color:#8e8593;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:500;opacity:50%;padding:10px}.btn-primary{background-color:#21092f;border:none;border-radius:5px;color:#fff;font-family:Space Grotesk,sans-serif;font-size:.9rem;height:5vh;margin-top:25px;width:100%}input,input:focus{font-family:Space Grotesk,sans-serif;font-weight:500;padding:10px}input:focus{border:1.5px solid #600594;outline:none!important}.errorDiv{color:#ff5252;font-size:10px;padding-top:10px}.SpecialerrorDiv{padding-top:10px;position:absolute}#cvcError{padding-left:200px}@media only screen and (min-width:1300px) and (max-width:1550px){.formdiv{margin-left:30rem}}@media only screen and (min-width:820px) and (max-width:1300px){form{display:flex;justify-content:center;margin:15rem 0 0}}@media only screen and (min-width:1300px){form{display:flex;justify-content:center;margin:0}}
/*# sourceMappingURL=main.6b2835bd.css.map*/