.card-checkout{flex-direction:column;align-items:center;width:100%;margin:auto;display:flex}.credit-card{perspective:1000px;border-radius:15px;width:320px;height:190px;position:relative}.credit-card .front,.credit-card .back{color:#fff;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(135deg,#4e4376,#2b5876);border-radius:15px;width:100%;height:100%;padding:20px;transition:transform .6s ease-in-out;position:absolute}.credit-card .back{flex-direction:column;justify-content:center;display:flex;transform:rotateY(180deg)}.credit-card.flipped .front{transform:rotateY(180deg)}.credit-card.flipped .back{transform:rotateY(360deg)}.card-type{text-align:right}.card-logo{height:40px}.card-number{letter-spacing:2px;margin:20px 0;font-size:20px}.card-footer{justify-content:space-between;display:flex}.card-name,.card-expiry{text-transform:uppercase;font-size:14px}.stripe{background:#000;height:40px;margin-bottom:20px}.cvv{color:#000;text-align:center;background:#fff;border-radius:5px;width:80px;padding:5px 0}.card-form{flex-direction:column;gap:15px;width:100%;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{margin-bottom:5px;font-size:14px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:5px;padding:8px 10px;font-size:16px}.form-inline{gap:10px;display:flex}.reset-page .name-input{flex-direction:column;gap:5px;margin-bottom:5px;display:flex}.reset-page .name-input:last-child{margin-bottom:0}.reset-page label{color:var(--main-title);font-weight:var(--font-title-weight)}