.payment-creditcard-wrap{min-height:50px}@media(min-width:768px){.payment-creditcard-wrap{min-height:180px}}.payment-top-section{background-color:#f1f5f8;position:relative}.payment-top-section:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:100px;background-color:#fff;z-index:0}.payment-form-section{display:flex;flex-direction:column;padding-top:67px;padding-bottom:0}.payment-form-section .container-flex{margin:20px;display:flex;flex-direction:column;gap:0px}.payment-form-section .container-flex#left-right-col-wrap:has(.right-col[style*="display:block"],.right-col[style*="display: block"]) .left-col .heading-box-row,.payment-form-section .container-flex#left-right-col-wrap:has(.right-col[style*="display:block"],.right-col[style*="display: block"]) .right-col .heading-box-row{position:relative}.payment-form-section .container-flex#left-right-col-wrap:has(.right-col[style*="display:block"],.right-col[style*="display: block"]) .left-col .heading-box-row:before,.payment-form-section .container-flex#left-right-col-wrap:has(.right-col[style*="display:block"],.right-col[style*="display: block"]) .right-col .heading-box-row:before{content:" ";display:block;width:10px;height:4px;background-color:#fff;position:absolute;bottom:-2px;right:0;z-index:2}.payment-form-section .container-flex#left-right-col-wrap:has(.right-col[style*="display:block"],.right-col[style*="display: block"]) .right-col .heading-box-row:before{right:auto;left:0}@media(min-width:768px){.payment-form-section .container-flex{margin:30px 0;width:900px;max-width:calc(100vw - 40px);flex-direction:row}}.payment-form-section .left-col,.payment-form-section .right-col{flex:0 1 auto;flex-basis:351px;padding:0;border:1px solid #eff3f7;border-radius:2px;background:#fff}@media(min-width:768px){.payment-form-section .right-col{border-left:none}}.payment-form-section .right-col .StripeElement{width:100%;padding:9px 10px;margin-bottom:15px;border:1px solid #e0e5eb;border-radius:3px;background-color:#f9fafb;min-height:38px;box-sizing:border-box}.payment-form-section .right-col .StripeElement::placeholder{color:#718091}.payment-form-section .right-col .StripeElement.error,.payment-form-section .right-col .StripeElement.StripeElement--invalid{border-color:#dc5b53}.payment-form-section .left-col h3,.payment-form-section .right-col h3{margin-bottom:15px}.payment-form-section .input-field{width:100%;padding:9px 10px;margin-bottom:15px;border:1px solid #e0e5eb;border-radius:3px;background-color:#f9fafb;min-height:38px;box-sizing:border-box}.payment-form-section .input-field::placeholder{color:#718091}.payment-form-section .input-field.error{border-color:#dc5b53}.payment-form-section #card-element{padding:10px;border:1px solid #e0e5eb;border-radius:3px;background:#fff;min-height:38px}.payment-form-section #card-element.StripeElement--invalid{border-color:#dc5b53!important}.payment-form-section #payment-message,.payment-form-section #error-msg{margin-top:15px;color:green;padding:10px 18px}.payment-form-section #payment-message.error,.payment-form-section #error-msg.error{background:#dc5b53;color:#fff;font-size:11px;font-weight:600;position:relative;padding-left:52px}.payment-form-section #payment-message.error svg,.payment-form-section #error-msg.error svg{margin-right:14px;transform:translateY(3px);position:absolute;top:9px;left:19px}.payment-form-section #error-msg{margin-top:0;margin-bottom:15px}.payment-form-section #wallet-button{margin-bottom:10px}.payment-form-section #wallet-unavailable{margin-bottom:20px;color:#555;font-size:14px}.payment-form-section #wallet-unavailable:empty{margin-bottom:0}.payment-form-section button.btn.btn-primary:active{background-color:#535353;transition:background-color .3s ease}@media(hover:hover){.payment-form-section button.btn.btn-primary:hover{background-color:#535353;transition:background-color .3s ease}}.payment-form-section .into-section{color:#000;max-width:100%;transition:max-width .32s ease-in-out .3s}@media(min-width:768px){.payment-form-section .into-section{max-width:352px}}@media(min-width:768px){.payment-form-section .into-section:has(+.container-flex.child-visible){max-width:704px}}.payment-form-section .into-section .section-heading,.payment-form-section .into-section p{text-align:center;margin:0;padding:0}.payment-form-section .into-section .section-heading{font-size:22px;line-height:22px;margin-bottom:6px}.payment-form-section .into-section p{font-size:13px;line-height:21px}.payment-form-section .box-row{padding-left:20px;padding-right:20px}.payment-form-section .heading-box-row{border-bottom:1px solid #eff3f7}.payment-form-section .box-heading{font-size:14px;line-height:18px;color:#000;margin:0;padding:20px 0 0;position:relative}.payment-form-section .box-heading svg{position:absolute;top:17px;right:0}.payment-form-section .box-body{padding-top:18px}.payment-form-section label{font-size:12px;line-height:21px;color:#000;padding-bottom:6px;display:block}.payment-form-section label .text-red{color:#ff473e}.payment-form-section .row{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:640px){.payment-form-section .row{grid-template-columns:1fr 1fr}}@media(max-width:639px){.payment-form-section .row{margin-bottom:20px;gap:10px}.payment-form-section .row .input-field{margin-bottom:0}}.payment-form-section .btn{width:100%;border-radius:3px;min-height:42px;margin-top:6px;margin-bottom:18px}.payment-form-section .btn.enable{background-color:#c1d72e}.payment-form-section .btn.enable:hover{background-color:#afc02a}.payment-form-section .btn.loading .loader{display:inline;width:20px;height:20px;margin-left:10px}.payment-form-section .btn.loading{background-color:#ccc;pointer-events:none}.payment-form-section .btn.loading:hover{background-color:#ccc}.payment-form-section .btn .loader{display:none}.payment-form-section .info-msg{font-size:11px;line-height:21px;color:#b7c3d1;text-align:center;padding-bottom:25px}.payment-form-section .info-msg svg{display:inline-block;transform:translateY(4px);margin-right:6px}.payment-form-section .StripeElement.StripeElement--invalid+#pay-btn .loader,.payment-form-section .StripeElement.StripeElement--invalid.StripeElement--focus+#pay-btn .loader,.payment-form-section .StripeElement+#pay-btn .loader{display:none}.payment-form-section .StripeElement.StripeElement--complete+#pay-btn.loading .loader{display:inline!important}.payment-header-wrap{padding-top:30px;padding-bottom:15px;position:relative;z-index:1}@media(min-width:768px){.payment-header-wrap{padding-bottom:30px;padding-top:60px}}.payment-header-wrap h1{margin:0;font-size:24px}@media(min-width:768px){.payment-header-wrap h1{font-size:31px}}.payment-header-wrap p{margin:0}.payment-option-wrap{position:relative;z-index:1}.payment-option-wrap .payment-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;color:#000}@media(max-width:767px){.payment-option-wrap .payment-options{gap:0px;margin-left:-20px;width:calc(100% + 40px);display:block}}.payment-option-wrap .payment-options .option{background:#fff;box-shadow:0 0 10px #e2e3e4;border-radius:10px;padding:30px 0;text-align:center;position:relative;transition:all .3s ease;order:3;display:block}@media(min-width:1025px){.payment-option-wrap .payment-options .option{height:170px}}@media(max-width:767px){.payment-option-wrap .payment-options .option{box-shadow:none;padding:20px 0;background:#fff;border-radius:10px;border:1px solid #ececec;margin:10px 20px}}.payment-option-wrap .payment-options .option .option-cnt{padding-bottom:0;transition:all .3s ease}.payment-option-wrap .payment-options .option p{margin:0;padding:0;font-size:14px;line-height:20px}.payment-option-wrap .payment-options .option h4{padding:0;margin:5px 0}.payment-option-wrap .payment-options .option .payment-icon{margin-bottom:25px}@media(max-width:767px){.payment-option-wrap .payment-options .option .payment-icon{margin-bottom:5px}}.payment-option-wrap .payment-options .option .payment-icon svg{height:45px;margin:0 auto;display:block}@media(max-width:767px){.payment-option-wrap .payment-options .option .payment-icon svg{height:29px}}@media(max-width:767px){.payment-option-wrap .payment-options .option .payment-icon .desktop-img{display:none}}.payment-option-wrap .payment-options .option .payment-icon .mob-img{width:80%}@media(min-width:768px){.payment-option-wrap .payment-options .option .payment-icon .mob-img{display:none}}.payment-option-wrap .payment-options .option .button{position:absolute;left:50%;bottom:-15px;transform:translate(-50%)}@media(max-width:768px){.payment-option-wrap .payment-options .option .button{min-width:unset}}@media(max-width:767px){.payment-option-wrap .payment-options .option .button{bottom:0;position:static;padding:4px 13px 2px;transform:none}}.payment-option-wrap .payment-options .option .button:before{position:relative;content:"Choose";z-index:1}.payment-option-wrap .payment-options .option .extra-info-holder{background:#fff;border-radius:10px;padding:30px 0;box-shadow:0 0 10px #e2e3e4}@media(min-width:1025px){.payment-option-wrap .payment-options .option .extra-info-holder{position:absolute}}.payment-option-wrap .payment-options .option .extra-info{width:100%;padding:0 20px;text-align:center;font-size:13px;line-height:20px;z-index:2;max-height:0px;transition:all .3s ease;overflow:hidden}@media(max-width:1024px){.payment-option-wrap .payment-options .option .extra-info{display:none}}.payment-option-wrap .payment-options .option .extra-info p{opacity:0;transition:all .3s ease;padding:30px 0 20px;font-size:14px}.payment-option-wrap .payment-options .option .extra-info p:first-child{border-top:1px solid #f1f5f8}@media(min-width:1025px){.payment-option-wrap .payment-options .option:hover .extra-info-holder{padding-bottom:10px}}@media(min-width:1025px){.payment-option-wrap .payment-options .option:hover .option-cnt{padding-bottom:20px}.payment-option-wrap .payment-options .option:hover .extra-info{max-height:300px}.payment-option-wrap .payment-options .option:hover .extra-info:before{height:40px;top:-30px}.payment-option-wrap .payment-options .option:hover .extra-info p{opacity:1}}@media(max-width:767px){.payment-option-wrap .payment-options .option .simple-popup-modal__content-info{text-align:left}}@media(max-width:767px){.payment-option-wrap .payment-options .option .simple-popup-modal__content-info p{text-align:left}}@media(max-width:767px){.payment-option-wrap .payment-options .option[data-payment] .option-cnt{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;justify-content:center}}.payment-option-wrap .payment-options .option[data-payment]:hover .button{background:#000;color:#fff}.payment-option-wrap .payment-options .option[data-payment]:hover .button:before{content:"Choose"}.payment-option-wrap .payment-options .option[data-payment].active,.payment-option-wrap .payment-options .option[data-payment]:hover{color:#fff;background:var(--color-base-color)}.payment-option-wrap .payment-options .option[data-payment].active .option-cnt svg,.payment-option-wrap .payment-options .option[data-payment].active .option-cnt svg path,.payment-option-wrap .payment-options .option[data-payment]:hover .option-cnt svg,.payment-option-wrap .payment-options .option[data-payment]:hover .option-cnt svg path{fill:#fff}.payment-option-wrap .payment-options .option[data-payment].active .button{background:#000}.payment-option-wrap .payment-options .option[data-payment].active .button:before{content:"Selected"}.payment-option-wrap .payment-options .option.fund-transfer{box-shadow:none;border:0px;border-radius:0;background:#0000;padding:0}@media(min-width:1025px){.payment-options .simple-popup-modal__opener[data-modal="#PopupModal-show-moreinfo-eft"]{display:none}}@media(max-width:1024px){.payment-options .simple-popup-modal__opener[data-modal="#PopupModal-show-moreinfo-eft"]{position:absolute;left:calc(50% - 50px);bottom:-15px;width:100px}}@media(max-width:1024px){.payment-options .simple-popup-modal__opener[data-modal="#PopupModal-show-moreinfo-eft"] button{padding:10px 10px 8px;position:static;transform:none}}@media(max-width:1024px){.payment-options .simple-popup-modal__opener[data-modal="#PopupModal-show-moreinfo-eft"] button{padding:4px 13px 2px}}@media(max-width:1024px){.payment-options .simple-popup-modal__opener[data-modal="#PopupModal-show-moreinfo-eft"] button:before{content:""!important}}#payment-creditcard{display:none;scroll-margin-top:60px}@media(min-width:768px){#payment-creditcard{scroll-margin-top:80px}}@media(max-width:767px){#rightcol{scroll-margin-top:120px}}#rightcol.card-complete #pay-btn.btn{background-color:#c1d72e;color:#fff}#rightcol.card-complete #pay-btn.btn:hover{background-color:#afc02a}@media(max-width:767px){#continue-btn{scroll-margin-top:200px}}@media(min-width:768px){#left-right-col-wrap .left-col{transition:all .3s ease-in-out}}#left-right-col-wrap .right-col{opacity:0;position:relative;max-height:0px}@media(min-width:768px){#left-right-col-wrap .right-col{z-index:-3;transform:translate(-50%);transition:all .3s ease-in-out;transition-delay:.2s}}#left-right-col-wrap .right-col.visible{z-index:1;opacity:1;max-height:1000px}@media(min-width:768px){#left-right-col-wrap .right-col.visible{transform:translate(0)}}#left-right-col-wrap.child-visible .left-col{transform:translate(0)}
/*# sourceMappingURL=/cdn/shop/t/303/assets/payment-form.css.map */