*{box-sizing:border-box}body{background-color:#eee}h2{text-align:center}.row:after{clear:both;content:"";display:block}.box{background-color:#fff;box-shadow:3px 3px 10px 0 #bbb;height:715px;margin:auto;max-width:450px}.box-heading{background:linear-gradient(to bottom right,#000,#333);border-bottom:1px solid transparent;color:#fff;padding:10px 15px}.align-center{margin:auto}.col-12{padding:15px 25px;width:100%}.amount-col{display:flex;justify-content:center}.amount{font-size:40px}.currency{font-size:19px;padding-top:7px}.pay-now-btn{background-color:#000;border:0;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;min-height:36.5px;padding:6px 16px;width:100%}.pay-now-btn:hover{filter:brightness(85%)}.pay-now-btn:disabled{background-color:#e0e0e0;color:rgba(0,0,0,.259);cursor:default;pointer-events:none}.loader{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#a0a4a6;display:inline-flex;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.back-btn{align-items:center;background-color:transparent;border:0;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500}.error{padding:5px;width:59%}.confirmation-box{margin:auto;max-width:500px;text-align:center}.confirmation-loader{animation:rotate 1s linear infinite;border-radius:50%;display:inline-block;height:48px;position:relative;width:48px}.confirmation-loader:before{animation:prixClipFix 2s linear infinite;border:5px solid #4d4d4d;border-radius:50%;box-sizing:border-box;content:"";inset:0;position:absolute}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes prixClipFix{0%{-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.cards{align-items:center;display:flex;justify-content:center;margin-bottom:-20px;margin-top:-30px}.merchant-header{display:inline-flex;width:15%}@media(max-width:450px){.merchant-header{width:22%}}