@charset "utf-8";

.redirect-button-container { border: 1px solid rgb(217, 217, 217); display: flex; margin-bottom: 10px; padding: 20px; position: relative; }

.redirect-button-container .redirect-button-container-heading { background: rgb(255, 255, 255); left: 50%; padding: 0px 20px; position: absolute; top: -10px; transform: translate(-50%); }

.redirect-button-container .redirect-button-container-content { align-items: center; display: flex; flex-wrap: wrap; margin-top: 10px; width: 100%; }

.redirect-button-container .redirect-button-container-content a { align-items: center; background: rgb(89, 47, 244); border-radius: 5px; color: rgb(255, 255, 255); display: flex; height: 42px; justify-content: center; padding: 10px; width: 50%; }

.cartpay-page { background: rgb(255, 255, 255); font-family: Inter, sans-serif; font-size: 62.5%; line-height: 1.5715; }

.cartpay-page .checkout-cont { margin: 0px; max-width: 100%; padding: 0px; }

.cartpay-page .checkout-cont > .row { display: grid; gap: 0px; grid-auto-columns: 1fr; grid-auto-flow: row; grid-auto-rows: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) minmax(0px, 65rem) minmax(0px, 45.5rem) minmax(0px, 1fr); grid-template-rows: minmax(0px, 1fr); margin: 0px; min-block-size: 100%; min-height: 100%; }

.cartpay-page .checkout-cont > .row > div { grid-column: span 2; max-width: unset; }

.cartpay-page .check-out-left { align-items: flex-end; display: flex; flex-direction: column; width: 100%; border-right-width: medium !important; border-right-style: none !important; border-right-color: currentcolor !important; padding: 0px !important; }

.cartpay-page .check-out-left .check-out-form { max-width: 65rem; padding: 0px 4.2rem; }

.cartpay-page .check-out-left .cartpay-footer-container { align-items: flex-end; display: flex; flex-direction: column; margin-top: auto; padding-bottom: 20px; padding-top: 20px; width: 100%; border-top: 1px solid var(--payment_section_outside_border) !important; }

.cartpay-page .check-out-left .cartpay-footer-container > div { max-width: 65rem; width: 100%; }

.cartpay-page .check-out-left .cartpay-footer-container .bottom-form-content { margin: 0px; }

.cartpay-page .check-out-left .cartpay-footer-container .bottom-form-content p { margin-bottom: 5px; }

.cartpay-page .check-out-left .cartpay-footer-container .bottom-form-images { margin-top: 10px; }

.cartpay-page .check-out-right { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; max-width: 45.5rem !important; padding: 4.2rem !important; }

.cartpay-page .cartpay-page .checkout-header-section { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(223, 223, 223); display: block; padding: 20px 0px; width: 100%; }

.cartpay-page .checkout-header-section > .cartx-section { display: grid; gap: 0px; grid-auto-columns: 1fr; grid-auto-flow: row; grid-auto-rows: minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr) minmax(0px, 110.5rem) minmax(0px, 1fr); grid-template-rows: minmax(0px, 1fr); min-block-size: 100%; min-height: 100%; }

.cartpay-page .checkout-header-section > .cartx-section::after, .cartpay-page .checkout-header-section > .cartx-section::before { content: ""; }

.cartpay-page .checkout-header-section .container { max-width: 100%; padding: 0px 4.2rem; }

.cartpay-page .checkout-header-section .checkout_shop_name { font-size: 20px; font-weight: 700; margin-bottom: 0px; text-transform: uppercase; }

.cartpay-page .checkout-header-section .checkout-titles { margin-bottom: 0px; }

.cartpay-page .logo-container { margin-bottom: 30px; margin-top: 30px; text-align: center; }

.cartpay-page .logo-container img { max-width: 230px; }

.cartpay-page .logo-container svg { height: 30px; }

.cartpay-page .cartpay-step { align-items: center; display: flex; font-size: 14px; justify-content: space-between; padding: 15px 0px; border-bottom: 1px solid var(--payment_section_field_border) !important; }

.cartpay-page .cartpay-step.expanded .cartpay-step-header .cartpay-step-header-top .expand-icon { transform: rotate(180deg); }

.cartpay-page .cartpay-step.expanded .cartpay-step-header .data-row-value { display: none; }

.cartpay-page .cartpay-step.ant-collapse .ant-collapse-item { width: 100%; }

.cartpay-page .cartpay-step.ant-collapse .cartpay-step-header { cursor: pointer; width: 100%; }

.cartpay-page .cartpay-step.ant-collapse .cartpay-step-header:hover .cartpay-step-header-top .title { color: rgb(30, 85, 245); }

.cartpay-page .cartpay-step.ant-collapse .cartpay-step-header:hover .cartpay-step-header-top .expand-icon path { fill: rgb(30, 85, 245); }

.cartpay-page .cartpay-step.ant-collapse .cartpay-step-header .cartpay-step-header-top { align-items: center; display: flex; justify-content: space-between; margin-bottom: 8px; }

.cartpay-page .cartpay-step.ant-collapse .cartpay-step-header .cartpay-step-header-top .title { color: var(--checkout_field_subtitle); }

.cartpay-page .cartpay-step.ant-collapse .cartpay-step-header .cartpay-step-header-top .expand-icon { cursor: pointer; margin-left: auto; width: 12px; }

.cartpay-page .cartpay-step.ant-collapse .cartpay-step-header .cartpay-step-header-top .expand-icon path { fill: var(--checkout_icons_color); }

.cartpay-page .cartpay-step.ant-collapse .cartpay-step-header .data-row-value { color: var(--checkout_one_click_title_color) !important; }

.cartpay-page .cartpay-step.ant-collapse .ant-collapse-content { padding-top: 15px; }

.cartpay-page .cartpay-step .manage-rows .actions .dropdown-toggle { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; line-height: 1; outline: 0px; padding: 2px 12px; }

.cartpay-page .cartpay-step .manage-rows .actions .dropdown-toggle:hover { background: rgb(246, 246, 245); border-radius: 5px; }

.cartpay-page .cartpay-step .manage-rows .actions .dropdown-toggle::after { display: none; }

.cartpay-page .cartpay-step .manage-rows .actions .dropdown-item { cursor: pointer; }

.cartpay-page .cartpay-step .manage-rows .actions .dropdown-item:hover { background: rgb(246, 246, 245); color: rgb(0, 0, 0); outline: 0px; }

.cartpay-page .cartpay-step .manage-rows .actions .dropdown-item i { margin-right: 5px; }

.cartpay-page .cartpay-step .manage-rows .actions svg path { fill: var(--checkout_icons_color); }

.cartpay-page .address-container .ant-collapse-content .address-rows .address-line { align-items: center; cursor: pointer; display: flex; justify-content: space-between; margin-bottom: 15px; }

.cartpay-page .address-container .ant-collapse-content .address-rows .address-line .manage-row-item { cursor: pointer; display: flex; margin: 0px; padding: 0px; width: 100%; }

.cartpay-page .address-container .ant-collapse-content .address-rows .address-line .manage-row-item .address-pin { color: rgb(102, 102, 102); font-size: 14px; }

.cartpay-page .address-container .ant-collapse-content .address-rows .add-new { align-items: center; color: var(--checkout_icons_color); cursor: pointer; display: flex; font-size: 14px; }

.cartpay-page .address-container .ant-collapse-content .address-rows .add-new svg { height: 16px; margin-right: 16px; width: 16px; }

.cartpay-page .address-container .ant-collapse-content .address-rows .add-new svg path { stroke: var(--checkout_icons_color); stroke-width: 1.4px; }

.cartpay-page .shipping-container .ant-collapse-content .manage-rows .manage-row-item { cursor: pointer; display: flex; margin: 0px 0px 15px; padding: 0px; width: 100%; }

.cartpay-page .shipping-container .ant-collapse-content .manage-rows .manage-row-item .price { margin-left: auto; padding-left: 10px; }

.cartpay-page .shipping-container .ant-collapse-content .manage-rows .manage-row-item .method-name { flex: 1 1 0%; }

.cartpay-page .shipping-container .ant-collapse-content .manage-rows .add-new { align-items: center; color: var(--checkout_icons_color); cursor: pointer; display: flex; font-size: 14px; }

.cartpay-page .shipping-container .ant-collapse-content .manage-rows .add-new svg { height: 16px; margin-right: 16px; width: 16px; }

.cartpay-page .shipping-container .ant-collapse-content .manage-rows .add-new svg path { stroke: var(--checkout_icons_color); stroke-width: 1.4px; }

.cartpay-page .alternative-payment-intro { display: none; }

.cartpay-page .payment-method-container:not(.expanded) .cartpay-step-header .selected-card-value { align-items: center; display: flex; }

.cartpay-page .payment-method-container .manage-rows .payment-line { align-items: center; cursor: pointer; display: flex; height: 24px; justify-content: space-between; margin-bottom: 15px; }

.cartpay-page .payment-method-container .manage-rows .payment-line.alternative-payment-item { display: none; }

.cartpay-page .payment-method-container .manage-rows .payment-line label { cursor: pointer; display: flex; margin: 0px; width: 100%; }

.cartpay-page .payment-method-container .manage-rows .payment-line .card-logo-number { align-items: center; display: flex; }

.cartpay-page .payment-method-container .manage-rows .add-new, .cartpay-page .payment-method-container .manage-rows .use-alternative-payment-button { align-items: center; color: var(--checkout_icons_color); cursor: pointer; display: flex; font-size: 14px; }

.cartpay-page .payment-method-container .manage-rows .add-new.add-new, .cartpay-page .payment-method-container .manage-rows .use-alternative-payment-button.add-new { margin-bottom: 15px; }

.cartpay-page .payment-method-container .manage-rows .add-new svg, .cartpay-page .payment-method-container .manage-rows .use-alternative-payment-button svg { height: 16px; margin-right: 16px; width: 16px; }

.cartpay-page .payment-method-container .manage-rows .add-new svg path, .cartpay-page .payment-method-container .manage-rows .use-alternative-payment-button svg path { stroke: var(--checkout_icons_color); stroke-width: 1.4px; }

.cartpay-page .payment-method-container .manage-rows .add-new i, .cartpay-page .payment-method-container .manage-rows .use-alternative-payment-button i { color: var(--checkout_icons_color); margin-left: 4px; margin-right: 16px; }

.cartpay-page .payment-method-container .add-new-card-pop input { width: 100%; background: var(--customer_field_bg) !important; border: 1px solid var(--checkout_form_border) !important; border-radius: var(--checkout_form_input_border_radius) !important; box-shadow: none !important; color: var(--checkout_text) !important; font-family: var(--body_base_family) !important; font-size: var(--form_text_font_size) !important; font-weight: var(--form_text_font_weight) !important; height: var(--checkout_form_input_height) !important; }

.cartpay-page .payment-method-container .card-logo { align-items: center; border-radius: 3px; display: flex; height: 24px; justify-content: center; margin-right: 12px; padding: 3px; width: 38px; border: 1px solid var(--payment_section_field_border) !important; }

.cartpay-page .payment-method-container .card-logo img, .cartpay-page .payment-method-container .card-logo svg { height: 100%; object-fit: contain; width: 100%; }

.cartpay-page .order-summary-container .cartpay-page-mobile-summary.mobile-only { border: 1px solid var(--payment_section_field_border); border-radius: 5px; margin-bottom: 15px; margin-top: 15px; padding: 0px; }

.cartpay-page .order-summary-container .order-summary-container-title { border-bottom: 1px solid var(--payment_section_field_border); color: var(--checkout_field_subtitle); font-weight: 500; margin-top: 30px; padding: 15px; text-align: left; }

.cartpay-page .order-summary-container .product-row { align-items: center; border-bottom: 1px solid var(--payment_section_field_border); display: flex; justify-content: space-between; padding: 20px 30px; }

.cartpay-page .order-summary-container .product-row .image { align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(163, 163, 163); border-radius: 6px; display: flex; height: 90px; justify-content: center; margin-right: 25px; width: 90px; }

.cartpay-page .order-summary-container .product-row .image img { height: 60px; }

.cartpay-page .order-summary-container .product-row .description { flex: 3 1 0%; padding-right: 10px; text-align: left; }

.cartpay-page .order-summary-container .product-row .description > div:first-child { color: var(--checkout_field_subtitle); font-size: 20px; font-weight: 500; margin-bottom: 2px; }

.cartpay-page .order-summary-container .product-row .description > div:last-child { color: var(--checkout_one_click_title_color) !important; font-size: 14px; }

.cartpay-page .order-summary-container .product-row .price { color: var(--checkout_field_subtitle); flex: 1 1 0%; font-size: 20px; white-space: nowrap; }

.cartpay-page .order-summary-container .voucher-code-container { border-bottom: 1px solid var(--payment_section_field_border); padding: 15px 30px; text-align: left; }

.cartpay-page .order-summary-container .voucher-code-container .use-voucher-link { color: rgb(30, 85, 245); cursor: pointer; }

.cartpay-page .order-summary-container .voucher-code-container .coupon_success { color: var(--checkout_field_subtitle); }

.cartpay-page .order-summary-container .voucher-code-container .voucher-form { align-items: center; display: flex; width: 100%; }

.cartpay-page .order-summary-container .voucher-code-container .voucher-form .ant-form-item { margin-bottom: 0px; margin-right: 15px; width: 100%; }

.cartpay-page .order-summary-container .voucher-code-container .voucher-form .ant-form-item .ant-form-item-control-input input { height: 45px; }

.cartpay-page .order-summary-container .voucher-code-container .voucher-form button { background: rgb(30, 85, 245); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 5px; color: rgb(255, 255, 255); cursor: pointer; font-weight: 600; height: 45px; width: 120px; }

.cartpay-page .order-summary-container .voucher-code-container .voucher-form button:disabled { background: rgb(202, 202, 202); cursor: not-allowed; }

.cartpay-page .order-summary-container .form-submit-btn #complete-payment, .cartpay-page .order-summary-container .form-submit-btn #loader-button { margin: 0px auto; }

.cartpay-page .summary-information-container { padding: 20px 30px; }

.cartpay-page .summary-information-container .loading-row:not(:last-child) { margin-bottom: 8px; }

.cartpay-page .summary-information-container .cartpay-subtotal-label { color: var(--checkout_field_subtitle); }

.cartpay-page .summary-information-container .cartpay-var-labels { color: var(--checkout_one_click_title_color) !important; text-align: right; }

.cartpay-page .summary-information-container .row { align-items: center; display: flex; justify-content: space-between; }

.cartpay-page .summary-information-container .row:not(:last-child) { margin-bottom: 15px; }

.cartpay-page .summary-information-container .row.total { font-size: 20px; font-weight: 700; }

.cartpay-page .finalize-checkout-button { align-items: center; background: rgb(30, 85, 245); border-radius: 10px; color: rgb(255, 255, 255); cursor: pointer; display: flex; font-size: var(--complete_checkout_font_size); font-weight: 700; justify-content: center; margin: 10px 30px 30px; padding: 15px; text-transform: uppercase; }

.cartpay-page .finalize-checkout-button i { margin-right: 10px; }

.card-logos { flex-wrap: wrap; }

.card-logos, .card-logos .card-logo-item { align-items: center; display: flex; margin-bottom: 10px; }

.card-logos .card-logo-item { border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px; height: 23px; justify-content: center; margin-right: 10px; padding: 3px; width: 36px; }

.card-logos .card-logo-item.disabled { opacity: 0.2; }

.card-logos .card-logo-item img, .card-logos .card-logo-item svg { height: 100%; }

.card-form-modal .action-button { font-size: 16px; font-weight: 500; height: 48px; }

.card-form-modal .action-button.cancel-button { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin-top: 15px; }

.radio-container { cursor: pointer; margin-right: 30px; margin-top: 5px; position: relative; }

.radio-container:hover input ~ .checkmark { background-color: rgb(204, 204, 204); }

.radio-container input { cursor: pointer; opacity: 0; position: absolute; }

.radio-container input:checked ~ .checkmark { background-color: var(--radio_button_background_color); }

.radio-container input:checked ~ .checkmark::after { display: block; }

.radio-container .checkmark { background-color: rgb(238, 238, 238); border-radius: 50%; height: 16px; left: 0px; position: absolute; top: 0px; width: 16px; }

.radio-container .checkmark::after { background: rgb(255, 255, 255); border-radius: 50%; content: ""; display: none; height: 4px; left: 6px; position: absolute; top: 6px; width: 4px; }

.card-payment-container { margin: 15px 40px; }

.card-payment-container .row-item { align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(201, 201, 201); border-radius: 5px; cursor: pointer; display: flex; min-height: 60px; padding: 15px 25px; }

.card-payment-container .row-item .row-item-header { align-items: center; display: flex; width: 100%; }

.card-payment-container .row-item .ant-collapse-item { width: 100%; }

.card-payment-container .row-item .ant-collapse-item .ant-collapse-header { width: 100%; padding: 0px !important; }

.card-payment-container .row-item .ant-collapse-item .ant-collapse-header .ant-collapse-header-text { align-items: center; display: flex; width: 100%; }

.card-payment-container .row-item:not(:last-child) { margin-bottom: 15px; }

.card-payment-container .row-item:not(.expanded):hover { border: 1px solid rgb(30, 85, 245); }

.card-payment-container .row-item.expanded { background: rgb(255, 255, 255); border: 1px solid rgb(201, 201, 201); cursor: default; flex-direction: column; height: auto; padding: 0px; }

.card-payment-container .row-item.expanded:hover { box-shadow: none; }

.card-payment-container .row-item.expanded .row-item-header { padding: 15px 25px 0px; }

.card-payment-container .row-item.card-selector .card-box { align-items: center; cursor: pointer; display: flex; padding: 15px; width: 100%; }

.card-payment-container .row-item.card-selector .card-box:hover { background: rgba(223, 231, 255, 0.35); }

.card-payment-container .row-item.card-selector .card-box.new-card-button { color: rgb(30, 85, 245); cursor: pointer; font-weight: 700; }

.card-payment-container .row-item.card-selector .card-box > .card-logo { margin-right: 15px; width: 50px; }

.card-payment-container .row-item.card-selector .card-box > .card-logo img { width: 100%; }

.card-payment-container .row-item.card-selector .card-box > .card-info { font-weight: 600; text-align: left; }

.card-payment-container .row-item.card-selector .card-box > .card-info .expired-date { font-size: 13px; line-height: 1; }

.card-payment-container .row-item.card-selector .card-box > .option { cursor: pointer; display: flex; margin-left: auto; }

.card-payment-container .row-item.card-selector > .card-logo { background: rgb(235, 235, 235); border-radius: 5px; margin-right: 15px; }

.card-payment-container .row-item.card-selector > .card-logo img { height: 38px; }

.card-payment-container .row-item.card-selector > .card-number { color: rgb(0, 0, 0); font-weight: 600; }

.card-payment-container .row-item.settlement-period-selector .ant-collapse-content-box { padding: 15px 0px; }

.card-payment-container .row-item.settlement-period-selector .ant-collapse-content-box > div { padding: 3px 15px; text-align: left; width: 100%; }

.card-payment-container .row-item.settlement-period-selector .ant-collapse-content-box > div.selected, .card-payment-container .row-item.settlement-period-selector .ant-collapse-content-box > div:hover { background: rgb(223, 231, 255); cursor: pointer; }

.card-payment-container .row-item.settlement-period-selector .title { font-size: 13px; text-align: left; }

.card-payment-container .row-item.settlement-period-selector .value { font-size: 15px; font-weight: 600; line-height: 1.3; }

.card-payment-container .row-item .arrow { margin-left: auto; }

.card-payment-container .row-item .arrow svg { width: 14px; }

.ant-form-item-explain-error { font-size: 12px; margin-top: 2px; }

.voucher-code-callback-container { border-radius: 5px; margin-top: 10px; padding: 10px 15px; }

.voucher-code-callback-container.error { background: rgb(255, 248, 222); border: 1px solid rgb(240, 228, 188); }

.voucher-code-callback-container.success { background: rgb(214, 253, 200); border: 1px solid rgb(172, 194, 165); }

.card-type-logo { height: 22px; position: absolute; right: 15px; top: 10px; }

.card-type-logo img { height: 100%; }

.masked-input::placeholder { color: rgb(255, 255, 255); display: none; }

.payment-form-input { margin-bottom: 16px; position: relative; }

.payment-form-input:last-child { margin-bottom: 20px; }

.payment-form-input.filled svg path { stroke: rgb(30, 85, 245); }

.payment-form-input .ant-form-item-control-input-content .ant-input { padding: 10px 12px 10px 42px; }

.payment-form-input svg { left: 16px; position: absolute; top: 13px; z-index: 2; }

.checkout-express-navigator-box { border: 1px solid rgb(230, 230, 230); border-radius: 5px; margin-top: 15px; padding: 35px 20px 15px; position: relative; }

.checkout-express-navigator-box .legends-container { align-items: center; background: var(--checkout_body); display: flex; flex-direction: column; justify-content: center; left: 50%; padding: 0px 20px; position: absolute; text-align: center; top: 0px; transform: translate(-50%, -50%); }

.checkout-express-navigator-box .legends-container .checkout-titles { margin: 0px; white-space: nowrap; }

.cartpay-otp-overlay-black { background-color: rgba(0, 0, 0, 0.18); display: none; height: 100vh; left: 0px; overflow: scroll; position: fixed; top: 0px; width: 100%; z-index: 999; }

.cartpay-email-input-container { position: relative; }

.cartpay-email-input-container .reopen-cartpay-tooltip-button { background: rgb(0, 0, 0); color: rgb(255, 255, 255); cursor: pointer; display: none; height: 100%; justify-content: center; padding: 12px; position: absolute; right: 0px; text-align: center; top: 0px; width: 50px; z-index: 1000; border-bottom-right-radius: var(--checkout_form_input_border_radius) !important; border-top-right-radius: var(--checkout_form_input_border_radius) !important; }

.cartpay-email-input-container .reopen-cartpay-tooltip-button.disabled { opacity: 0.8; pointer-events: none; }

.cartpay-email-input-container .reopen-cartpay-tooltip-button svg path { fill: rgb(255, 255, 255); }

.cartpay-otp-overlay { background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.35) 0px 19px 47px; display: none; max-width: 320px; min-height: 200px; position: absolute; right: -330px; top: -20px; transform: scale(1) matrix(1, 0, 0, 1, 0, 0); width: 320px; z-index: 999; }

.cartpay-otp-overlay::before { background: rgb(255, 255, 255); border-radius: 4px; content: ""; display: block; height: 25px; left: 2px; margin-left: -8px; position: absolute; top: 1.8em; transform: rotate(45deg); width: 25px; z-index: -1; }

.cartpay-otp-overlay .cartpay-otp-tooltip-header { align-items: center; border-bottom: 1px solid rgb(217, 217, 217); display: flex; padding: 18px; }

.cartpay-otp-overlay .cartpay-otp-tooltip-header .close { margin-left: auto; padding-left: 16px; }

.cartpay-otp-overlay .cartpay-otp-tooltip-header .avatar { align-items: center; background-color: rgb(84, 51, 235); border-radius: 50%; color: rgb(255, 255, 255); display: flex; flex-shrink: 0; font-size: 24px; font-weight: 700; height: 36px; justify-content: center; line-height: 36px; margin-right: 15px; overflow: hidden; text-transform: uppercase; width: 36px; }

.cartpay-otp-overlay .cartpay-otp-tooltip-header .email-phone { font-size: 14px; overflow: hidden; text-overflow: ellipsis; }

.cartpay-otp-overlay .cartpay-otp-tooltip-header .email-phone .email { color: rgb(102, 102, 102); display: block; }

.cartpay-otp-overlay .cartpay-otp-tooltip-content { font-size: 14px; padding: 18px; text-align: center; }

.cartpay-otp-overlay .cartpay-otp-tooltip-content .form-group { margin: 0px; }

.cartpay-otp-overlay .cartpay-otp-tooltip-content .cartpay-otp-tooltip-content-title { font-size: 1.1rem; font-weight: 700; }

.cartpay-otp-overlay .cartpay-otp-tooltip-content .cartpay-otp-tooltip-content-subtitle { font-size: 13px; margin-bottom: 24px; margin-top: 5px; }

.cartpay-otp-overlay .cartpay-otp-tooltip-content .cartpay-otp-inputs { align-items: center; display: flex; justify-content: space-between; margin-bottom: 10px; }

.cartpay-otp-overlay .cartpay-otp-tooltip-content .cartpay-otp-inputs input { border-radius: 4px; height: 50px; text-align: center; width: 40px; border: 1px solid rgb(217, 217, 217) !important; font-size: 25px !important; font-weight: 700 !important; padding: unset !important; }

.cartpay-otp-overlay .cartpay-otp-tooltip-content .cartpay-otp-tooltip-error-message { color: red; margin-bottom: 10px; text-align: center; }

.cartpay-otp-overlay .cartpay-otp-tooltip-content .otp-logo { margin-top: 20px; }

.cartpay-otp-overlay .cartpay-otp-tooltip-content .otp-logo svg { width: 130px; }

.cartpay-otp-overlay .cartpay-otp-tooltip-content .cartpay-otp-tooltip-content-additional-info { color: rgb(102, 102, 102); font-size: 11px; }

.confirmation-modal .form-with-border { border-radius: 5px; position: relative; padding-top: 60px !important; }

.confirmation-modal .confirmation-buttons { align-items: center; display: flex; justify-content: center; margin-top: 20px; }

.confirmation-modal .confirmation-buttons > * { margin: 0px 5px; }

.confirmation-modal .icon-box { align-items: center; background: rgb(255, 204, 0); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px; color: rgb(255, 255, 255); display: flex; font-size: 24px; height: 80px; justify-content: center; left: 0px; margin: 0px auto; padding: 15px; position: absolute; right: 0px; text-align: center; top: -40px; width: 80px; z-index: 9; }

.settlement-period-selector .installments-options .selectric { background: none !important; height: 30px !important; }

.settlement-period-selector .installments-options .selectric .label { margin: 0px; }

.settlement-period-selector .installments-options .selectric .button { display: none; }

.settlement-period-selector .row-item-header { align-items: center; display: flex; justify-content: space-between; }

.settlement-period-selector .title { color: var(--checkout_field_subtitle); font-size: 14px; }

.settlement-period-selector .ant-collapse-content-box div { cursor: pointer; padding: 3px 15px; text-align: left; width: 100%; }

.row-item.card-selector.new-payments { border-bottom: 1px solid rgb(229, 229, 229); border-radius: 0px; }

.card-payment-container .tab-content-pay { display: none; }

.card-payment-container [name="selectedCard"]:checked + span + .tab-content-pay { display: block; }

.card-payment-container [name="selectedCard"]:checked + .checkbox.dot-pr { background-color: var(--radio_button_background_color) !important; border-color: var(--radio_button_background_color) !important; }

.card-payment-container .add-new-payment + [name="selectedCard"]:checked + .checkbox.dot-pr { top: 12px; }

.card-payment-container [name="selectedCard"]:checked + .checkbox.dot-pr::after { background: rgb(255, 255, 255); border-radius: 50%; content: " "; height: 4px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 4px; }

[name="paymentMethodId"], [name="selectedCard"] { display: none !important; }

.settlement-period-selector .ant-collapse-content-box .selected, .settlement-period-selector .ant-collapse-content-box div:hover { background: rgb(223, 231, 255); cursor: pointer; }

.template-checkout.cartpay-page .wrapper { background: rgb(255, 255, 255); }

.template-checkout.cartpay-page .order-bump-card { max-width: 100% !important; }

.template-checkout.cartpay-page .payment-method .card-logo { position: static; }

.cvv-popup, .payment-popup, .popup-digital-cart, .shipping-method-container { align-items: center; backdrop-filter: blur(6px); background-color: rgba(0, 0, 0, 0.6); inset: 0px; display: flex; flex-wrap: wrap; justify-content: center; outline: 0px; overflow: auto; position: fixed; z-index: 99999; }

.cvv-popup .form-with-border, .cvv-popup .shipping-form, .payment-popup .form-with-border, .payment-popup .shipping-form, .popup-digital-cart .form-with-border, .popup-digital-cart .shipping-form, .shipping-method-container .form-with-border, .shipping-method-container .shipping-form { background: rgb(255, 255, 255); margin: 15px auto; padding: 25px; width: 520px; }

.cvv-popup .form-with-border .heading, .cvv-popup .shipping-form .heading, .payment-popup .form-with-border .heading, .payment-popup .shipping-form .heading, .popup-digital-cart .form-with-border .heading, .popup-digital-cart .shipping-form .heading, .shipping-method-container .form-with-border .heading, .shipping-method-container .shipping-form .heading { align-items: center; display: flex; font-size: 18px; font-weight: 700; justify-content: space-between; margin-bottom: 5px; padding-bottom: 15px; position: relative; }

.cvv-popup .form-with-border .heading .close-modal, .cvv-popup .shipping-form .heading .close-modal, .payment-popup .form-with-border .heading .close-modal, .payment-popup .shipping-form .heading .close-modal, .popup-digital-cart .form-with-border .heading .close-modal, .popup-digital-cart .shipping-form .heading .close-modal, .shipping-method-container .form-with-border .heading .close-modal, .shipping-method-container .shipping-form .heading .close-modal { color: rgb(0, 0, 0); cursor: pointer; }

.cvv-popup .form-with-border .heading .close-modal:first-child, .cvv-popup .shipping-form .heading .close-modal:first-child, .payment-popup .form-with-border .heading .close-modal:first-child, .payment-popup .shipping-form .heading .close-modal:first-child, .popup-digital-cart .form-with-border .heading .close-modal:first-child, .popup-digital-cart .shipping-form .heading .close-modal:first-child, .shipping-method-container .form-with-border .heading .close-modal:first-child, .shipping-method-container .shipping-form .heading .close-modal:first-child { position: absolute; right: 0px; }

.cvv-popup .form-with-border .card-logo-number, .cvv-popup .shipping-form .card-logo-number, .payment-popup .form-with-border .card-logo-number, .payment-popup .shipping-form .card-logo-number, .popup-digital-cart .form-with-border .card-logo-number, .popup-digital-cart .shipping-form .card-logo-number, .shipping-method-container .form-with-border .card-logo-number, .shipping-method-container .shipping-form .card-logo-number { align-items: center; display: flex; margin-bottom: 20px; }

.cvv-popup .form-with-border .card-logo-number .card-logo, .cvv-popup .shipping-form .card-logo-number .card-logo, .payment-popup .form-with-border .card-logo-number .card-logo, .payment-popup .shipping-form .card-logo-number .card-logo, .popup-digital-cart .form-with-border .card-logo-number .card-logo, .popup-digital-cart .shipping-form .card-logo-number .card-logo, .shipping-method-container .form-with-border .card-logo-number .card-logo, .shipping-method-container .shipping-form .card-logo-number .card-logo { border-radius: 3px; margin-right: 12px; border: 1px solid var(--payment_section_field_border) !important; }

.cvv-popup .form-with-border .card-logo-number .card-logo img, .cvv-popup .shipping-form .card-logo-number .card-logo img, .payment-popup .form-with-border .card-logo-number .card-logo img, .payment-popup .shipping-form .card-logo-number .card-logo img, .popup-digital-cart .form-with-border .card-logo-number .card-logo img, .popup-digital-cart .shipping-form .card-logo-number .card-logo img, .shipping-method-container .form-with-border .card-logo-number .card-logo img, .shipping-method-container .shipping-form .card-logo-number .card-logo img { max-width: 50px; }

.cvv-popup .form-with-border .form-group input:not([type="checkbox"]), .cvv-popup .form-with-border .form-group select, .cvv-popup .shipping-form .form-group input:not([type="checkbox"]), .cvv-popup .shipping-form .form-group select, .payment-popup .form-with-border .form-group input:not([type="checkbox"]), .payment-popup .form-with-border .form-group select, .payment-popup .shipping-form .form-group input:not([type="checkbox"]), .payment-popup .shipping-form .form-group select, .popup-digital-cart .form-with-border .form-group input:not([type="checkbox"]), .popup-digital-cart .form-with-border .form-group select, .popup-digital-cart .shipping-form .form-group input:not([type="checkbox"]), .popup-digital-cart .shipping-form .form-group select, .shipping-method-container .form-with-border .form-group input:not([type="checkbox"]), .shipping-method-container .form-with-border .form-group select, .shipping-method-container .shipping-form .form-group input:not([type="checkbox"]), .shipping-method-container .shipping-form .form-group select { background: var(--customer_field_bg); border: 1px solid var(--checkout_form_border); border-radius: var(--checkout_form_input_border_radius); color: var(--checkout_text); font-family: var(--body_base_family); font-size: var(--form_text_font_size); font-weight: var(--form_text_font_weight); height: var(--checkout_form_input_height); box-shadow: none !important; }

.cvv-popup .form-with-border .form-group input:not([type="checkbox"]):focus, .cvv-popup .form-with-border .form-group select:focus, .cvv-popup .shipping-form .form-group input:not([type="checkbox"]):focus, .cvv-popup .shipping-form .form-group select:focus, .payment-popup .form-with-border .form-group input:not([type="checkbox"]):focus, .payment-popup .form-with-border .form-group select:focus, .payment-popup .shipping-form .form-group input:not([type="checkbox"]):focus, .payment-popup .shipping-form .form-group select:focus, .popup-digital-cart .form-with-border .form-group input:not([type="checkbox"]):focus, .popup-digital-cart .form-with-border .form-group select:focus, .popup-digital-cart .shipping-form .form-group input:not([type="checkbox"]):focus, .popup-digital-cart .shipping-form .form-group select:focus, .shipping-method-container .form-with-border .form-group input:not([type="checkbox"]):focus, .shipping-method-container .form-with-border .form-group select:focus, .shipping-method-container .shipping-form .form-group input:not([type="checkbox"]):focus, .shipping-method-container .shipping-form .form-group select:focus { border: 1px solid var(--customer_selected_field_outline); }

.cvv-popup .form-with-border .form-group.error_input input, .cvv-popup .shipping-form .form-group.error_input input, .payment-popup .form-with-border .form-group.error_input input, .payment-popup .shipping-form .form-group.error_input input, .popup-digital-cart .form-with-border .form-group.error_input input, .popup-digital-cart .shipping-form .form-group.error_input input, .shipping-method-container .form-with-border .form-group.error_input input, .shipping-method-container .shipping-form .form-group.error_input input { border-color: red; }

.cvv-popup .form-with-border .continue-with-shipping, .cvv-popup .shipping-form .continue-with-shipping, .payment-popup .form-with-border .continue-with-shipping, .payment-popup .shipping-form .continue-with-shipping, .popup-digital-cart .form-with-border .continue-with-shipping, .popup-digital-cart .shipping-form .continue-with-shipping, .shipping-method-container .form-with-border .continue-with-shipping, .shipping-method-container .shipping-form .continue-with-shipping { display: flex; justify-content: space-between; }

.cvv-popup .form-with-border .btn-continue, .cvv-popup .shipping-form .btn-continue, .payment-popup .form-with-border .btn-continue, .payment-popup .shipping-form .btn-continue, .popup-digital-cart .form-with-border .btn-continue, .popup-digital-cart .shipping-form .btn-continue, .shipping-method-container .form-with-border .btn-continue, .shipping-method-container .shipping-form .btn-continue { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px; cursor: pointer; line-height: 14px; outline: none; padding: 12px 15px; }

.cvv-popup .form-with-border .btn-cancel, .cvv-popup .shipping-form .btn-cancel, .payment-popup .form-with-border .btn-cancel, .payment-popup .shipping-form .btn-cancel, .popup-digital-cart .form-with-border .btn-cancel, .popup-digital-cart .shipping-form .btn-cancel, .shipping-method-container .form-with-border .btn-cancel, .shipping-method-container .shipping-form .btn-cancel { background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 6px; cursor: pointer; line-height: 14px; outline: none; padding: 12px 15px; }

.cvv-popup .form-with-border .btn-cancel:hover, .cvv-popup .shipping-form .btn-cancel:hover, .payment-popup .form-with-border .btn-cancel:hover, .payment-popup .shipping-form .btn-cancel:hover, .popup-digital-cart .form-with-border .btn-cancel:hover, .popup-digital-cart .shipping-form .btn-cancel:hover, .shipping-method-container .form-with-border .btn-cancel:hover, .shipping-method-container .shipping-form .btn-cancel:hover { background: rgb(204, 204, 204); border: 1px solid transparent; color: rgb(255, 255, 255); }

.cvv-popup .form-with-border .btn-cartpay, .cvv-popup .shipping-form .btn-cartpay, .payment-popup .form-with-border .btn-cartpay, .payment-popup .shipping-form .btn-cartpay, .popup-digital-cart .form-with-border .btn-cartpay, .popup-digital-cart .shipping-form .btn-cartpay, .shipping-method-container .form-with-border .btn-cartpay, .shipping-method-container .shipping-form .btn-cartpay { background: var(--coupon_btn_background); color: var(--coupon_btn_text); }

.cvv-popup .form-with-border .card-logo, .cvv-popup .shipping-form .card-logo, .payment-popup .form-with-border .card-logo, .payment-popup .shipping-form .card-logo, .popup-digital-cart .form-with-border .card-logo, .popup-digital-cart .shipping-form .card-logo, .shipping-method-container .form-with-border .card-logo, .shipping-method-container .shipping-form .card-logo { border-radius: 3px; margin-right: 12px; border: 1px solid var(--payment_section_field_border) !important; }

.cvv-popup .form-with-border .card-logo img, .cvv-popup .shipping-form .card-logo img, .payment-popup .form-with-border .card-logo img, .payment-popup .shipping-form .card-logo img, .popup-digital-cart .form-with-border .card-logo img, .popup-digital-cart .shipping-form .card-logo img, .shipping-method-container .form-with-border .card-logo img, .shipping-method-container .shipping-form .card-logo img { max-width: 50px; }

.cvv-popup .form-with-border .card-info-logo, .cvv-popup .shipping-form .card-info-logo, .payment-popup .form-with-border .card-info-logo, .payment-popup .shipping-form .card-info-logo, .popup-digital-cart .form-with-border .card-info-logo, .popup-digital-cart .shipping-form .card-info-logo, .shipping-method-container .form-with-border .card-info-logo, .shipping-method-container .shipping-form .card-info-logo { align-items: center; display: flex; margin-bottom: 20px; }

.cvv-popup .form-with-border [name="cvv"], .cvv-popup .shipping-form [name="cvv"], .payment-popup .form-with-border [name="cvv"], .payment-popup .shipping-form [name="cvv"], .popup-digital-cart .form-with-border [name="cvv"], .popup-digital-cart .shipping-form [name="cvv"], .shipping-method-container .form-with-border [name="cvv"], .shipping-method-container .shipping-form [name="cvv"] { max-width: 95px; }

.form-check:not(.form-switch) { cursor: pointer; display: block; }

.form-check:not(.form-switch):last-child { margin-bottom: 0px; }

.form-check:not(.form-switch) .form-check-input[type="checkbox"] { cursor: pointer; height: 18px; margin-top: 2px; width: 18px; border: 1px solid var(--checkout_form_border) !important; border-radius: var(--checkout_form_input_border_radius) !important; }

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, .form-check:not(.form-switch) .form-check-input[type="checkbox"]:indeterminate { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:focus { box-shadow: none; }

.form-check:not(.form-switch) .form-check-input[type="checkbox"] + .form-check-label { cursor: pointer; font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 0px; margin-left: 0px; padding-left: 10px; width: 100%; }

.form-check:not(.form-switch) .form-check-input[type="radio"] { background-color: rgb(255, 255, 255); border: 2px solid rgb(140, 145, 150); box-shadow: none; cursor: pointer; height: 18px; margin-top: 2px; width: 18px; }

.form-check:not(.form-switch) .form-check-input[type="radio"]:focus { box-shadow: none; }

.form-check:not(.form-switch) .form-check-input[type="radio"]:checked { border: 2px solid var(--checkout_icons_color); position: relative; }

.form-check:not(.form-switch) .form-check-input[type="radio"]:checked::after { background: var(--checkout_icons_color); border-radius: 50%; content: ""; height: 10px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 10px; }

.form-check:not(.form-switch) .form-check-input[type="radio"] + .form-check-label { cursor: pointer; margin-bottom: 0px; margin-left: 0px; padding-left: 5px; width: inherit; }

@media screen and (max-width: 768px) {
  .cartpay-page > #root > .container { width: 90%; }
  .cartpay-page .checkout-cont > .row { margin: 0px; }
  .cartpay-page .checkout-cont > .row > div { grid-column: span 4; }
  .cartpay-page .check-out-left { padding: 0px !important; }
  .cartpay-page .check-out-left > div { max-width: 100%; padding-right: 0px; }
  .cartpay-page .cartpay-logo-st { margin-top: 20px; }
  .cartpay-page .checkout-header-section .checkout-titles { margin-top: 0px; }
  .cartpay-page .personal-information-container .data-row { padding: 15px 20px; }
  .cartpay-page .personal-information-container .ant-collapse-content > .ant-collapse-content-box { padding: 0px; }
  .cartpay-page .payment-method-container .payment-method-container-selection { padding: 20px 10px; }
  .cartpay-page .payment-method-container .payment-method-container-selection .item { margin: 0px 5px; padding: 10px 5px; width: 100px; }
  .cartpay-page .payment-method-container .payment-method-container-selection .item svg { height: 12px; margin-right: 6px; width: auto; }
  .cartpay-page .order-summary-container .product-row { padding: 15px; }
  .cartpay-page .order-summary-container .product-row .image { height: 60px; margin-right: 12px; width: 60px; }
  .cartpay-page .order-summary-container .product-row .image img { height: 40px; }
  .cartpay-page .order-summary-container .product-row .description > div:first-child { font-size: 16px; }
  .cartpay-page .order-summary-container .product-row .description > div:last-child { font-size: 12px; }
  .cartpay-page .order-summary-container .product-row .price { font-size: 16px; }
  .cartpay-page .order-summary-container .voucher-code-container { padding: 15px; }
  .cartpay-page .order-summary-container .voucher-code-container .coupon_success { margin: 10px 0px 0px; }
  .cartpay-page .order-summary-container .order-summary-container-title { margin-top: 0px; }
  .cartpay-page .summary-information-container { padding: 15px 30px; }
  .cartpay-page .summary-information-container .row.total { font-size: 16px; }
  .cartpay-page .summary-information-container .row:not(:last-child) { margin-bottom: 5px; }
  .cartpay-page .finalize-checkout-button { font-size: var(--complete_checkout_font_size); margin: 10px 10px 18px; }
  .card-payment-container { margin: 0px; }
  .card-payment-container .row-item.card-selector .card-box > .card-logo { margin-right: 10px; width: 35px; }
  .cartpay-otp-overlay-black { height: 100%; }
  .cartpay-otp-overlay { right: 0px; top: 50px; }
  .cartpay-otp-overlay::before { left: unset; right: 8px; top: -5px; }
}