@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inconsolata:wght@200..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=League+Spartan:wght@100..900&family=Lexend+Deca:wght@100..900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Overpass:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Space+Grotesk:wght@300..700&family=Young+Serif&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{max-inline-size:1440px;font-family:Space Grotesk;background-color:#dedddf;color:#fff;background-image:url(/assets/bg-main-desktop-BbGFZp7V.png);background-size:contain;background-repeat:no-repeat;height:100vh;padding:50px}@media (width<850px){body{background-image:url(/assets/bg-main-mobile-bEu5Eiq-.png);background-repeat:no-repeat;background-size:contain;padding:0}}img{display:block;max-inline-size:100%}.main{display:flex;justify-content:space-between;max-inline-size:1200px}@media (width<850px){.main{flex-wrap:wrap;padding:20px}}.front{margin-bottom:40px;margin-left:10px;position:relative}@media (width<850px){.front{margin-top:-78px;z-index:1}}.back{margin-left:50px;position:relative}@media (width<850px){.back{margin-left:70px;z-index:-1}}.card{max-inline-size:500px;display:flex;flex-direction:column}@media (width<850px){.card{flex-direction:column-reverse;justify-content:center}}.cardLogo{position:absolute;top:6%;left:5%}.card_number{position:absolute;top:40%;max-inline-size:100%;font-size:2rem;letter-spacing:2px;left:10%}@media (width<850px){.card_number{font-size:1.3rem}}.Cardholder{position:absolute;bottom:10%;left:10%;letter-spacing:2px;text-transform:capitalize}.month_Year{position:absolute;bottom:10%;right:10%;letter-spacing:2px}.card-info-cvc{position:absolute;right:13%;bottom:43%;padding:10px;letter-spacing:2px}input{font-family:Space Grotesk;letter-spacing:2px;font-weight:600;padding:10px}.inputs{color:#21092f;font-weight:600;letter-spacing:2px;max-inline-size:650px}.inputForm{display:flex;flex-direction:column}.inputForm input{border:none;border-radius:10px;block-size:40px}label{margin-top:20px}.inputForm input:focus-visible{outline-color:#6448fe;outline-offset:1px}.timeline{display:flex;gap:10px}.timeline input{max-inline-size:50%}.confirm-btn{margin-top:20px;font-family:Space Grotesk;border:none;background-color:#21092f;color:#fff;block-size:50px;max-inline-size:100%;border-radius:10px;transition:.7s ease-in-out}.confirm-btn:hover{cursor:pointer;transform:scale(1.1);box-shadow:5px 5px 10px #000}.errors{margin-bottom:20px;color:red;padding:0;font-size:.8rem}.complete{justify-items:center;line-height:2.5rem;max-inline-size:350px;margin:0 auto;padding:15px}.complete img{max-inline-size:100px;margin-bottom:20px}.complete h2,.complete p{color:#21092f;margin-bottom:20px}.complete button{width:100%}