:is(#Styled_Payment_Bank_Image .payment-banks) .bank-image {
      width: 150px !important;
    }

@media (max-width: 1132px) {

:is(#Styled_Payment_Bank_Image .payment-banks) .bank-image {
        width: 62px !important;
        height: 62px !important;
        border: 1px solid #e5e5e5;
        border-radius: 4px !important;
    }
      }

:is(#Styled_Payment_Bank_Image .payment-banks) .bank-details {
      margin-left: 12px;
    }

#Styled_Payment_Bank_Image .bank-img {
    height: 65px;
  }

.Styled_Product_Details_Table .promo-divider {
    border-bottom: 1px solid #d2dadd;
  }

.Styled_Product_Details_Table .property-list {
    overflow-wrap: anywhere;
  }

.checkout-error-message {
  color: red;
}

.tappay-tw-subpayment.has-error  > div {
      border-color: red !important;
    }

.tappay-tw-subpayment.has-error  > .ant-select-arrow {
      color: red !important;
    }

.checkout-area {
  padding-top: 120px !important;
  max-width: 600px !important;
  margin: 0 auto;
  background-color: #f6f6f6;
}

@media (min-width: 1132px) {

.checkout-area {
    min-height: 100vh;
    max-width: 100% !important;
}
  }

@media (max-width: 1132px) {

.checkout-area {
    max-width: 100%;
    padding-top: 80px !important;
    padding-bottom: 80px;
}

    .checkout-area .container {
      max-width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .checkout-area .display-small {
      font-size: 14px !important;
      font-weight: normal !important;
      margin-bottom: 8px !important;
    }

    .checkout-area .un-box-flat {
      padding: 12px;
      margin-bottom: 12px;
    }

      .applied-promotion:is(.checkout-area .un-box-flat) {
        padding: 12px 0 !important;
      }
        .applied-promotion:is(.checkout-area .un-box-flat) .display-small {
          padding-left: 12px;
        }

      .point-reward-credit:is(.checkout-area .un-box-flat) {
        padding: 12px 0 !important;
      }
        @media (max-width: 1132px) {

      .point-reward-credit:is(.checkout-area .un-box-flat) {
          padding: 12px !important;
      }
        }
            @media (max-width: 1132px) {
          :is(.point-reward-credit:is(.checkout-area .un-box-flat) .reward-points) .w-100.d-inline-flex.justify-content-between.mb-2 {
              display: block !important;
          }
            }
              @media (max-width: 1132px) {

            :is(:is(.point-reward-credit:is(.checkout-area .un-box-flat) .reward-points) .w-100.d-inline-flex.justify-content-between.mb-2) .text-end.d-flex {
                width: 100% !important;
                justify-content: space-between !important;
            }
              }
                @media (max-width: 1132px) {

              :is(:is(:is(.point-reward-credit:is(.checkout-area .un-box-flat) .reward-points) .w-100.d-inline-flex.justify-content-between.mb-2) .text-end.d-flex) .summary-val {
                  padding-right: 20px !important;
              }
                }

    .checkout-area .ant-form-item {
      margin-bottom: 12px !important;
    }

    .checkout-area .cost {
      width: fit-content;
      padding-bottom: 12px;
      margin-left: auto;
      margin-right: 0;
    }

    .checkout-area .total {
      width: fit-content;
      font-size: 13px !important;
      color: #0c2028;
      margin-top: 0 !important;
      margin-left: auto;
      margin-right: 0;
    }

    .checkout-area .total-payment {
      width: fit-content;
      font-weight: bold;
      font-size: 18px !important;
      color: #0c2028;
      margin-left: auto;
      margin-right: 0;
    }
  }

.checkout-area .order-left {
    order: 1;
  }

@media (max-width: 1132px) {

.checkout-area .order-left {
      order: 2 !important;
  }
    }

:is(.checkout-area .order-left) select,:is(.checkout-area .order-left) select:hover,:is(.checkout-area .order-left) select:focus {
      height: 35px;
      width: -webkit-fill-available;
      border-radius: 4px;
      border: 1px solid #d9d9d9 !important;
      background-color: #ffffff;
      font-size: 16px;
      color: #0c2028;
      padding-left: 15px;
      padding-right: 15px;
      outline: none !important;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-position: 96% 50%;
      background-repeat: no-repeat;
      background-image: url('https://api.iconify.design/ant-design:down-outlined.svg?color=%230C2028&width=14px');
    }

.checkout-area .order-right {
    order: 2;
  }

@media (max-width: 1132px) {

.checkout-area .order-right {
      order: 1 !important;
  }
    }

:is(.checkout-area .order-right) .ant-collapse {
      border: none !important;
      background-color: #ffffff;
      margin-bottom: 12px;
    }

:is(.checkout-area .order-right) .ant-collapse > .ant-collapse-item {
      border-bottom: none !important;
    }

:is(.checkout-area .order-right) .ant-collapse-header {
      padding: 12px 13px;
    }

:is(:is(.checkout-area .order-right) .ant-collapse-header) .display-small {
        margin-bottom: 0px !important;
      }

:is(.checkout-area .order-right) .ant-collapse-content {
      border-top: none !important;
      font-size: 15px !important;
    }

:is(:is(.checkout-area .order-right) .ant-collapse-content) .un-product-img {
        height: 71px;
        width: 71px;
        vertical-align: middle;
        align-items: center;
      }

:is(:is(:is(.checkout-area .order-right) .ant-collapse-content) .un-product-img) img {
          object-fit: contain;
          height: 71px;
          width: 71px;
          border: 1px solid #e5e5e5;
          border-radius: 4px !important;
        }

:is(:is(.checkout-area .order-right) .ant-collapse-content) .quantity {
        width: fit-content;
        margin-left: auto;
        margin-right: 0;
      }

:is(:is(.checkout-area .order-right) .ant-collapse-content) .ant-collapse-content-box {
        padding-bottom: 32px;
      }

:is(.checkout-area .order-right) .price-padding {
      text-align: right !important;
      padding-right: 20px !important;
    }

:is(.checkout-area .order-right) .deal-tag {
      font-family: var(--font-roboto) !important;
      width: fit-content;
      height: 16px;
      line-height: 14px;
      font-size: 12px;
      font-weight: normal !important;
      color: #442f0f;
      background-color: #ffe5cc;
      border: 1px solid #ff7f00;
      border-radius: 2px;
      padding: 1px 6px;
      align-self: center;
      margin-right: 4px;
    }

:is(.checkout-area .order-right) .un-text-truncate2 {
      font-size: 14px;
    }

:is(.checkout-area .order-right) .plain-btn.change-voucher {
      cursor: pointer;
      color: #007ce0 !important;
      font-size: 14px !important;
      padding: 0 !important;
      margin-left: 12px !important;
      margin-right: unset !important;
      float: unset !important;
    }

@media (max-width: 1132px) {

.checkout-area .mobile-padding {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
    }

.checkout-area .product {
    padding-top: 0;
    margin-top: 0 !important;
    border-top: none !important;
    margin-bottom: 0 !important;
  }

:is(.checkout-area .product) .ant-list-item-meta-avatar {
      margin-right: 12px;
      width: 56px;
      text-align: right;
    }

:is(.checkout-area .product) .un-product-img.free-gift {
      height: 42px;
      width: 42px;
      margin-left: auto;
    }

:is(:is(.checkout-area .product) .un-product-img.free-gift) img {
        height: 42px;
        width: 42px;
      }

.checkout-area .product-quantity {
    padding-bottom: 12px;
  }

.checkout-area .product-price {
    padding-bottom: 12px;
    overflow-wrap: break-word;
  }

.checkout-area .subject {
    padding-bottom: 12px;
  }

.checkout-area .subject.caption {
    font-size: 12px !important;
    color: #647176 !important;
  }

.checkout-area .cost {
    padding-bottom: 12px;
  }

.checkout-area .coupon-code {
    width: 270px;
    padding-bottom: 12px;
  }

.checkout-area .select-code {
    float: right;
  }

.checkout-area .total {
    width: fit-content;
    margin-top: 10px;
  }

.checkout-area .total-payment {
    width: fit-content;
    font-weight: bold;
    margin-left: auto;
    margin-right: 0;
  }

.checkout-area .primary-btn,.checkout-area .primary-btn:hover,.checkout-area .primary-btn:focus {
    width: 100% !important;
    height: 46px !important;
    padding: 8px;
    text-align: center;
    border-radius: 4px !important;
    font-size: 18px !important;
    box-shadow: none !important;
  }

.checkout-area .ant-radio-group {
    width: -webkit-fill-available;
  }

.checkout-area .radio-shipping {
    display: inline-flex;
    height: fit-content !important;
    width: -webkit-fill-available !important;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-bottom: 8px;
    margin-right: 0;
    padding-top: 19px;
    padding-bottom: 18px;
  }

@media (max-width: 1132px) {

.checkout-area .radio-shipping {
      height: 48px;
      width: -webkit-fill-available !important;
      padding-top: 4px;
      padding-bottom: 12px;
      white-space: inherit;
  }
    }

.selected:is(.checkout-area .radio-shipping) {
      border: 2px solid #5acc5a;
    }

:is(.checkout-area .radio-shipping) .method {
      width: 500px;
      height: fit-content !important;
      line-height: 44px;
      padding-top: 0;
      padding-bottom: 0;
    }

:is(:is(.checkout-area .radio-shipping) .method) .un-text-truncate {
        max-height: unset !important;
      }

@media (max-width: 1132px) {

:is(.checkout-area .radio-shipping) .method {
        width: -webkit-fill-available !important;
    }

        :is(:is(.checkout-area .radio-shipping) .method) .ant-list-item-meta-avatar {
          display: none !important;
        }

        :is(:is(.checkout-area .radio-shipping) .method) .ant-list-item-meta-content {
          display: block !important;
          width: unset;
        }
            :is(:is(:is(:is(.checkout-area .radio-shipping) .method) .ant-list-item-meta-content) .ant-list-item-meta-title) .heading {
              font-weight: normal !important;
              padding-top: 8px;
            }
      }

:is(:is(.checkout-area .radio-shipping) .method) .ant-list-item-meta-avatar {
        width: fit-content;
        margin-right: 24px;
      }

:is(:is(:is(.checkout-area .radio-shipping) .method) .ant-list-item-meta-avatar) img {
          height: auto;
          width: 81px;
          border: none;
          border-radius: 4px !important;
        }

:is(.checkout-area .radio-shipping) .ant-radio,:is(.checkout-area .radio-shipping) .ant-radio-checked {
      display: none;
    }

:is(.checkout-area .radio-shipping) span.ant-radio + * {
      padding-right: 8px;
      padding-left: 72px;
    }

@media (max-width: 1132px) {

:is(.checkout-area .radio-shipping) span.ant-radio + * {
        padding-left: 52px;
    }
      }

:is(.checkout-area .radio-shipping) .feather-circle {
      font-size: 24px;
      color: #e5e5e5;
      position: absolute;
      left: 24px;
      top: 28px;
    }

@media (max-width: 1132px) {

:is(.checkout-area .radio-shipping) .feather-circle {
        left: 12px;
        top: 11px;
    }
      }

:is(.checkout-area .radio-shipping) .anticon {
      font-size: 22px;
      color: #5acc5a;
      position: absolute;
      left: 24px;
      top: 28px;
    }

@media (max-width: 1132px) {

:is(.checkout-area .radio-shipping) .anticon {
        left: 12px;
        top: 11px;
    }
      }

.checkout-area .radio-payment {
    display: block;
    height: 48px;
    width: -webkit-fill-available !important;
    line-height: 48px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-bottom: 8px;
    margin-right: 0;
  }

@media (max-width: 1132px) {

.checkout-area .radio-payment {
      width: -webkit-fill-available !important;
  }
    }

.selected:is(.checkout-area .radio-payment) {
      border: 2px solid #5acc5a;
    }

:is(.checkout-area .radio-payment) .option-text {
      width: 556px;
    }

@media (max-width: 1132px) {

:is(.checkout-area .radio-payment) .option-text {
        width: -webkit-fill-available !important;
    }

        :is(:is(.checkout-area .radio-payment) .option-text) img {
          display: none !important;
        }
      }

:is(:is(.checkout-area .radio-payment) .option-text) .heading {
        line-height: 48px;
      }

@media (max-width: 1132px) {

:is(:is(.checkout-area .radio-payment) .option-text) .heading {
          font-weight: bold !important;
      }
        }

:is(:is(.checkout-area .radio-payment) .option-text) img {
        width: 112px;
        height: 44px;
        margin-left: auto;
        margin-right: 0;
      }

:is(.checkout-area .radio-payment) .ant-radio,:is(.checkout-area .radio-payment) .ant-radio-checked {
      display: none;
    }

:is(.checkout-area .radio-payment) span.ant-radio + * {
      padding-right: 8px;
      padding-left: 72px;
    }

@media (max-width: 1132px) {

:is(.checkout-area .radio-payment) span.ant-radio + * {
        padding-left: 52px;
    }
      }

:is(.checkout-area .radio-payment) .feather-circle {
      font-size: 24px;
      color: #e5e5e5;
      position: absolute;
      left: 24px;
      top: 11px;
    }

@media (max-width: 1132px) {

:is(.checkout-area .radio-payment) .feather-circle {
        left: 12px;
    }
      }

:is(.checkout-area .radio-payment) .anticon {
      font-size: 22px;
      color: #5acc5a;
      position: absolute;
      left: 24px;
      top: 11px;
    }

@media (max-width: 1132px) {

:is(.checkout-area .radio-payment) .anticon {
        left: 12px;
    }
      }

@media (max-width: 442px) {

.one-page-checkout-form .container {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
    }

.one-page-checkout-form .checkout-as-guest-btn,.one-page-checkout-form .checkout-as-guest-btn:hover,.one-page-checkout-form .checkout-as-guest-btn:focus {
    height: 46px !important;
    padding: 8px 20px;
    text-align: center;
    border-radius: 4px !important;
    font-size: 18px !important;
    border: 0.4px solid #647176;
    background-color: #647176;
    box-shadow: none !important;
    color: #ffffff;
  }

.one-page-checkout-form .login-btn,.one-page-checkout-form .login-btn:hover,.one-page-checkout-form .login-btn:focus {
    min-width: 132px;
    height: 46px !important;
    padding: 8px;
    text-align: center;
    border-radius: 4px !important;
    font-size: 18px !important;
    border: 0.4px solid #5acc5a;
    background-color: #5acc5a;
    box-shadow: none !important;
    color: #ffffff;
  }

@media (max-width: 442px) {

.one-page-checkout-form .login-btn,.one-page-checkout-form .login-btn:hover,.one-page-checkout-form .login-btn:focus {
      min-width: 132px;
      width: fit-content;
      padding-left: 12px;
      padding-right: 12px;
  }
    }

.one-page-checkout-form .place-order-btn,.one-page-checkout-form .place-order-btn:hover,.one-page-checkout-form .place-order-btn:focus {
    width: 150px;
    height: 46px !important;
    padding: 8px;
    text-align: center;
    border-radius: 4px !important;
    font-size: 18px !important;
    border: 0.4px solid;
    box-shadow: none !important;
  }

.disabled:is(.one-page-checkout-form .place-order-btn,.one-page-checkout-form .place-order-btn:hover,.one-page-checkout-form .place-order-btn:focus) {
      border: 0.4px solid #bcefb9;
      background-color: #bcefb9;
    }

.one-page-checkout-form .confirm-btn,.one-page-checkout-form .confirm-btn:hover,.one-page-checkout-form .confirm-btn:focus {
    border: 0.4px solid #5acc5a;
    background-color: #5acc5a;
    box-shadow: none !important;
    border-radius: 4px !important;
    color: #ffffff;
  }

.one-page-checkout-form .action-btn,.one-page-checkout-form .action-btn:hover,.one-page-checkout-form .action-btn:focus {
    color: #007ce0;
    cursor: pointer;
  }

:is(.one-page-checkout-form .action-btn,.one-page-checkout-form .action-btn:hover,.one-page-checkout-form .action-btn:focus) i {
      margin-right: 4px;
    }

:is(.one-page-checkout-form .action-btn,.one-page-checkout-form .action-btn:hover,.one-page-checkout-form .action-btn:focus) .feather-chevron-right {
      color: black !important;
      font-size: 20px;
      margin-right: 0 !important;
    }

.one-page-checkout-form .ant-divider-horizontal {
    margin: 12px 0;
  }

@media (max-width: 1132px) {

.one-page-checkout-form .desktop-only-component {
      display: none;
  }
    }

:is(.one-page-checkout-form .desktop-only-component) a {
      font-size: 16px !important;
    }

@media (min-width: 1132px) {

:is(.one-page-checkout-form .addresses) .radio-adress-item {
        width: 100% !important;
        line-height: 32px !important;
        min-height: 32px !important;
    }
      }

:is(:is(.one-page-checkout-form .addresses) .user-address) .user-info {
        font-size: 16px !important;
        line-height: 19px !important;
        font-weight: bold;
        margin-right: 12px;
      }

@media (min-width: 1132px) {

:is(:is(.one-page-checkout-form .addresses) .user-address) .user-info {
          line-height: 25px !important;
      }
        }

:is(:is(.one-page-checkout-form .addresses) .user-address) .address-info {
        margin-right: 12px;
      }

@media (min-width: 1132px) {

:is(:is(.one-page-checkout-form .addresses) .user-address) .address-info {
          white-space: normal;
          font-size: 16px !important;
          line-height: 25px !important;
      }
        }

:is(.one-page-checkout-form .addresses) .outline-btn,:is(.one-page-checkout-form .addresses) .outline-btn:hover,:is(.one-page-checkout-form .addresses) .outline-btn:focus {
      border: 0.4px solid #e5e5e5;
      background-color: #ffffff;
      box-shadow: none !important;
      border-radius: 4px !important;
      color: #0c2028;
    }

@media (min-width: 1132px) {

:is(.one-page-checkout-form .addresses) .action-btn {
        font-size: 16px !important;
        line-height: 19px !important;
        align-self: center !important;
    }
      }

@media (max-width: 1132px) {

:is(.one-page-checkout-form .addresses) .action-btn {
        align-self: center !important;
    }
      }

:is(:is(.one-page-checkout-form .addresses) .action-btn) i {
        font-size: 18px !important;
        margin-right: 4px;
      }

:is(.one-page-checkout-form .addresses) .default-tag {
      background: #5acc5a 0% 0% no-repeat padding-box;
      border-radius: 2px;
      color: #ffffff;
      font-size: 12px;
      font-weight: 100;
      text-align: left;
      letter-spacing: 0px;
      margin-left: 8px;
      margin-right: 12px;
    }

:is(:is(.one-page-checkout-form .addresses) .radio-address) .ant-radio,:is(:is(.one-page-checkout-form .addresses) .radio-address) .ant-radio-checked {
        display: none;
      }

:is(:is(.one-page-checkout-form .addresses) .radio-address) span.ant-radio + * {
        padding-right: 8px;
        padding-left: 0px;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .addresses) .radio-address) span.ant-radio + * {
          padding-left: 0px;
      }
        }

:is(:is(.one-page-checkout-form .addresses) .radio-address) .feather-circle {
        font-size: 22px;
        color: #e5e5e5;
        vertical-align: middle;
        padding-right: 8px;
        align-self: center;
      }

:is(:is(.one-page-checkout-form .addresses) .radio-address) .anticon {
        font-size: 20px;
        color: #5acc5a;
        padding-right: 10px;
        align-self: center;
      }

@media (max-width: 1132px) {

.one-page-checkout-form .ant-checkbox + span {
      font-size: 14px !important;
  }
    }

:is(.one-page-checkout-form .products-ordered) .products-ordered-title {
      margin-bottom: 0;
      padding-bottom: 0;
    }

:is(.one-page-checkout-form .products-ordered) .product-details-table {
      margin-bottom: 0;
    }

:is(:is(.one-page-checkout-form .products-ordered) .product-details-table) a.view-cart {
        display: none !important;
      }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table) .ant-table-thead) tr) th {
            font-size: 12px !important;
            background: none;
            border-bottom: none;
            padding: 8px 0;
            color: #647176;
          }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table) .ant-table-thead) tr) th)::before {
              background-color: transparent !important;
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table) .ant-table-thead) tr) th):first-child {
              font-size: 14px !important;
            }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table) .ant-table-tbody) tr) td {
            border-bottom: none;
            padding: 8px 0;
          }

:is(:is(.one-page-checkout-form .products-ordered) .product-details-table) .product-image {
        height: 40px;
        width: 40px;
        min-width: 40px;
        vertical-align: middle;
        align-items: center;
        margin-right: 12px;
      }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table) .product-image) img {
          object-fit: contain;
          height: 40px !important;
          width: 40px !important;
          border: 1px solid #e5e5e5 !important;
          border-radius: 4px !important;
        }

:is(:is(.one-page-checkout-form .products-ordered) .product-details-table) .deal-tag {
        font-family: var(--font-roboto) !important;
        width: fit-content;
        height: 16px;
        line-height: 14px;
        font-size: 12px;
        font-weight: normal !important;
        color: #442f0f;
        background-color: #ffe5cc;
        border: 1px solid #ff7f00;
        border-radius: 2px;
        padding: 1px 6px;
        align-self: center;
        margin-right: 4px;
      }

:is(:is(.one-page-checkout-form .products-ordered) .product-details-table) .un-text-truncate2 {
        font-size: 14px !important;
      }

:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile {
      position: relative;
    }

.un-box-flat:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) {
        padding: 12px 0;
        padding-bottom: 0;
        margin-bottom: 0;
      }

:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) a.view-cart {
        width: fit-content;
        background: none !important;
        position: absolute;
        top: 12px;
        right: 12px;
        font-size: 12px !important;
      }

:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .ant-list-item {
        padding: 12px !important;
        background-color: #f6f6f6;
        border-bottom: 1px solid #e5e5e5;
      }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .ant-list-item) .ant-list-item-meta-avatar {
          margin-right: 12px !important;
        }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .ant-list-item) .ant-list-item-meta-avatar) .un-product-img {
            height: 68px !important;
            width: 68px !important;
          }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .ant-list-item) .ant-list-item-meta-avatar) .un-product-img) img {
              height: 68px !important;
              width: 68px !important;
            }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .ant-list-item) .deal-tag {
          font-family: var(--font-roboto) !important;
          width: fit-content;
          height: 16px;
          line-height: 14px;
          font-size: 12px;
          font-weight: normal !important;
          color: #442f0f;
          background-color: #ffe5cc;
          border: 1px solid #ff7f00;
          border-radius: 2px;
          padding: 0 6px;
          align-self: center;
          margin-right: 4px;
        }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .ant-list-item) .un-text-truncate2 {
          font-size: 14px !important;
        }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .ant-list-item) .body {
          margin-bottom: 4px;
        }

:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .product-cart {
        padding: 0 12px 12px;
      }

:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .product-row {
        padding: 12px 0;
        margin: 0 0;
        background-color: #f6f6f6;
        border-bottom: 1px solid #d4d4d4;
      }

:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .product-image {
        height: 70px;
        width: 70px;
        vertical-align: middle;
        align-items: center;
      }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .product-image) img {
          object-fit: contain;
          height: 70px;
          width: 70px;
          border: 1px solid #e5e5e5;
          border-radius: 4px !important;
        }

:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .product-content {
        padding-left: 0;
      }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-details-table-mobile) .product-content) .un-text-truncate2 {
          font-size: 14px;
        }

:is(.one-page-checkout-form .products-ordered) .product-summary {
      background-color: #ffffff !important;
    }

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher {
        margin-bottom: 0;
        background-color: #ffffff !important;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher {
          padding: 0 12px 17px !important;
          height: fit-content !important;
      }
        }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher {
          width: 100%;
          display: inline-flex;
          margin-bottom: 8px;
        }

@media (max-width: 1132px) {

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher {
            width: 100% !important;
            display: flex;
        }
          }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .summary-title {
            display: inline-flex;
            font-size: 14px !important;
            align-items: center;
            color: #0c2028 !important;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .summary-title {
              width: fit-content !important;
              display: block !important;
          }
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .summary-title) .feather-tag {
              font-size: 24px !important;
              color: #ff7f00 !important;
              margin-right: 8px;
            }

@media (max-width: 1132px) {

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .summary-title) .feather-tag {
                font-size: 18px !important;
            }
              }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .summary-title) .heading.bold {
              padding-right: 12px;
            }

@media (max-width: 1132px) {

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .summary-title) .heading.bold {
                padding-left: 32px;
                font-size: 14px !important;
                line-height: 17px !important;
            }
              }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .action-btn {
            text-align: left;
            font-size: 16px !important;
            text-wrap: nowrap;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .action-btn {
              width: fit-content !important;
              height: 20px !important;
              text-align: right;
          }
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .action-btn) i {
              font-size: 18px !important;
              margin-right: 4px;
            }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .summary-val {
            width: 150px;
            text-align: right;
            align-self: center;
            margin-left: auto;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .summary-val {
              width: fit-content !important;
              margin-left: auto;
              margin-right: 2px;
              align-self: baseline;
          }
            }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .deal-tag {
            font-family: var(--font-roboto) !important;
            width: 170px;
            height: 25px;
            line-height: 17px;
            font-size: 14px;
            font-weight: 400 !important;
            color: #442f0f;
            background-color: #ffe5cc;
            border: 1px solid #ff7f00;
            border-radius: 2px;
            padding: 4px;
            align-self: center;
            margin-right: 12px;
            margin-bottom: 4px;
            text-align: center;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .voucher) .deal-tag {
              width: 110px;
              height: 18px;
              line-height: 14px;
              font-size: 12px;
              padding: 2px;
              margin-right: 4px;
          }
            }

@media (max-width: 1132px) {

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-voucher) .body.blue {
            width: max-content !important;
        }
          }

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping {
        background-color: rgba(208, 244, 255, 0.15) !important;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping {
          padding: 12px !important;
          height: fit-content !important;
          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
      }
        }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .product-summary-shipping-inner-container {
          display: flex;
        }

.errorNotification:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) {
          background-color: #ffe0e0 !important;
        }

.errorNotification:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .error-message {
            font-size: 12px !important;
            color: #e0241a !important;
            display: block !important;
            padding-bottom: 12px;
          }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .error-message {
          display: none !important;
        }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .product-remark {
          text-align: left;
        }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping {
          width: 100%;
          display: inline-flex;
          justify-content: space-between;
        }

@media (max-width: 1132px) {

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping {
            width: 100% !important;
            display: block !important;
        }

            :is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping)  > div {
              align-items: baseline;
              display: flex;
            }

            :is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .feather-truck {
              font-size: 24px !important;
              color: #007ce0 !important;
              margin-right: 8px;
            }
          }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .summary-title {
            display: inline-flex;
            font-size: 14px !important;
            align-items: center;
            color: #0c2028 !important;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .summary-title {
              width: fit-content !important;
          }
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .summary-title) .feather-truck {
              font-size: 24px !important;
              color: #007ce0 !important;
              margin-right: 8px;
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .summary-title) .shipping-method-label {
              width: fit-content !important;
              margin-right: 8px;
              white-space: nowrap;
              display: flex;
              align-items: center;
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .summary-title) .shipping-method {
              font-size: 14px !important;
              margin-left: 0;
              font-weight: bold;
            }

@media (max-width: 1132px) {

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .summary-title) .shipping-method {
                font-size: 14px !important;
                line-height: 19px !important;
                font-weight: bold !important;
                margin-left: 0 !important;
            }
              }

:is(:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .summary-title) .shipping-method) .shipping-method-name {
                font-size: 16px !important;
                word-break: break-word;
                padding-right: 10px;
              }

:is(:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .summary-title) .shipping-method) .ecpay {
                font-family: 'Noto Sans TC', sans-serif !important;
              }

:is(:is(:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .summary-title) .shipping-method) .ecpay) .ecpay-label {
                  font-weight: normal !important;
                }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .action-btn {
            width: 200px;
            text-align: left;
            font-size: 16px !important;
            text-wrap: nowrap;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .action-btn {
              width: fit-content !important;
              height: 20px !important;
              text-align: right;
          }
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .action-btn) i {
              font-size: 18px !important;
              margin-right: 4px;
            }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .summary-val {
            width: 150px;
            text-align: right;
            font-size: 14px !important;
            align-self: baseline;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping) .shipping) .summary-val {
              width: fit-content !important;
              margin-left: auto !important;
              margin-right: 2px !important;
          }
            }

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping {
        margin-bottom: 0;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping {
          padding: 12px !important;
          height: fit-content !important;
          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
      }
        }

.errorNotification:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) {
          background-color: #ffe0e0 !important;
        }

.errorNotification:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .error-message {
            font-size: 12px !important;
            color: #e0241a !important;
            display: block !important;
            padding-bottom: 12px;
          }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .error-message {
          display: none !important;
        }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .product-remark {
          text-align: left;
        }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping {
          display: inline-flex;
        }

@media (max-width: 1132px) {

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping {
            width: 100% !important;
            display: block !important;
        }

            :is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping)  > div {
              align-items: baseline;
              display: flex;
            }

            :is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .feather-truck {
              font-size: 24px !important;
              color: #007ce0 !important;
              margin-right: 8px;
            }
          }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .summary-title {
            width: 400px;
            display: inline-flex;
            font-size: 14px !important;
            align-items: baseline;
            color: #0c2028 !important;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .summary-title {
              width: fit-content !important;
          }
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .summary-title) .feather-truck {
              font-size: 24px !important;
              color: #007ce0 !important;
              margin-right: 8px;
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .summary-title) .shipping-method-label {
              width: fit-content !important;
              margin-right: 8px;
              white-space: nowrap;
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .summary-title) .shipping-method {
              font-size: 14px !important;
              margin-left: 0;
              font-weight: bold;
            }

@media (max-width: 1132px) {

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .summary-title) .shipping-method {
                font-size: 14px !important;
                line-height: 19px !important;
                font-weight: bold !important;
                margin-left: 0 !important;
            }
              }

:is(:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .summary-title) .shipping-method) .shipping-method-name {
                font-size: 16px !important;
                word-break: break-word;
                padding-right: 10px;
              }

:is(:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .summary-title) .shipping-method) .ecpay {
                font-family: 'Noto Sans TC', sans-serif !important;
              }

:is(:is(:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .summary-title) .shipping-method) .ecpay) .ecpay-label {
                  font-weight: normal !important;
                }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .action-btn {
            width: 200px;
            text-align: left;
            font-size: 16px !important;
            text-wrap: nowrap;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .action-btn {
              width: fit-content !important;
              height: 20px !important;
              text-align: right;
          }
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .action-btn) i {
              font-size: 18px !important;
              margin-right: 4px;
            }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .summary-val {
            width: 150px;
            text-align: right;
            font-size: 14px !important;
            align-self: baseline;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .fbLive-product-summary-shipping) .shipping) .summary-val {
              width: fit-content !important;
              margin-left: auto !important;
              margin-right: 2px !important;
          }
            }

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher {
        margin-bottom: 0;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher {
          padding: 0 12px 17px !important;
          height: fit-content !important;
      }
        }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher {
          width: 100%;
          display: inline-flex;
          margin-bottom: 8px;
        }

@media (max-width: 1132px) {

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher {
            width: 100% !important;
            display: flex;
        }
          }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .summary-title {
            display: inline-flex;
            font-size: 14px !important;
            align-items: center;
            color: #0c2028 !important;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .summary-title {
              width: fit-content !important;
              display: block !important;
          }
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .summary-title) .feather-tag {
              font-size: 24px !important;
              color: #ff7f00 !important;
              margin-right: 8px;
            }

@media (max-width: 1132px) {

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .summary-title) .feather-tag {
                font-size: 18px !important;
            }
              }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .summary-title) .heading.bold {
              padding-right: 12px;
            }

@media (max-width: 1132px) {

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .summary-title) .heading.bold {
                padding-left: 32px;
                font-size: 14px !important;
                line-height: 17px !important;
            }
              }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .action-btn {
            text-align: left;
            font-size: 16px !important;
            text-wrap: nowrap;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .action-btn {
              width: fit-content !important;
              height: 20px !important;
              text-align: right;
          }
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .action-btn) i {
              font-size: 18px !important;
              margin-right: 4px;
            }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .summary-val {
            width: 150px;
            text-align: right;
            align-self: center;
            margin-left: auto;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .summary-val {
              width: fit-content !important;
              margin-left: auto;
              margin-right: 2px;
              align-self: baseline;
          }
            }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .deal-tag {
            font-family: var(--font-roboto) !important;
            width: 170px;
            height: 25px;
            line-height: 17px;
            font-size: 14px;
            font-weight: 400 !important;
            color: #442f0f;
            background-color: #ffe5cc;
            border: 1px solid #ff7f00;
            border-radius: 2px;
            padding: 4px;
            align-self: center;
            margin-right: 12px;
            margin-bottom: 4px;
            text-align: center;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .voucher) .deal-tag {
              width: 110px;
              height: 18px;
              line-height: 14px;
              font-size: 12px;
              padding: 2px;
              margin-right: 4px;
          }
            }

@media (max-width: 1132px) {

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-shipping-voucher) .body.blue {
            width: max-content !important;
        }
          }

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount {
        margin-bottom: 0;
        background-color: #ffffff !important;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount {
          padding: 0 12px 17px !important;
          height: fit-content !important;
      }
        }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher {
          width: 100%;
          display: inline-flex;
          margin-bottom: 8px;
        }

@media (max-width: 1132px) {

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher {
            width: 100% !important;
            display: flex;
        }
          }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .summary-title {
            display: inline-flex;
            font-size: 14px !important;
            align-items: center;
            color: #0c2028 !important;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .summary-title {
              width: fit-content !important;
              display: block !important;
          }
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .summary-title) .feather-tag {
              font-size: 24px !important;
              color: #ff7f00 !important;
              margin-right: 8px;
            }

@media (max-width: 1132px) {

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .summary-title) .feather-tag {
                font-size: 18px !important;
            }
              }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .summary-title) .heading.bold {
              padding-right: 12px;
            }

@media (max-width: 1132px) {

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .summary-title) .heading.bold {
                padding-left: 32px;
                font-size: 14px !important;
                line-height: 17px !important;
            }
              }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .action-btn {
            text-align: left;
            font-size: 16px !important;
            text-wrap: nowrap;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .action-btn {
              width: fit-content !important;
              height: 20px !important;
              text-align: right;
          }
            }

:is(:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .action-btn) i {
              font-size: 18px !important;
              margin-right: 4px;
            }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .summary-val {
            width: 150px;
            text-align: right;
            align-self: center;
            margin-left: auto;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .summary-val {
              width: fit-content !important;
              margin-left: auto;
              margin-right: 2px;
              align-self: baseline;
          }
            }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .deal-tag {
            font-family: var(--font-roboto) !important;
            width: 170px;
            height: 25px;
            line-height: 17px;
            font-size: 14px;
            font-weight: 400 !important;
            color: #442f0f;
            background-color: #ffe5cc;
            border: 1px solid #ff7f00;
            border-radius: 2px;
            padding: 4px;
            align-self: center;
            margin-right: 12px;
            margin-bottom: 4px;
            text-align: center;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .voucher) .deal-tag {
              width: 110px;
              height: 18px;
              line-height: 14px;
              font-size: 12px;
              padding: 2px;
              margin-right: 4px;
          }
            }

@media (max-width: 1132px) {

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-cart-discount) .body.blue {
            width: max-content !important;
        }
          }

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-total {
        padding-top: 0 !important;
        background-color: #ffffff !important;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-total {
          padding-top: 12px !important;
          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
      }
        }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-total) .product-remark {
          text-align: left !important;
        }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-total) .product-summary-subtotal {
          text-align: right;
        }

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-total) .product-summary-subtotal) .order-total {
            width: 150px;
            font-size: 14px;
            line-height: 20px;
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .product-summary-total) .product-summary-subtotal) .order-total {
              font-size: 16px !important;
              font-weight: bold !important;
              width: fit-content !important;
          }
            }

:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .more-promotion {
        border-top: 1px solid #d4d4d4 !important;
      }

.cart-discount:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .more-promotion) .feather-tag) {
            color: #5acc5a !important;
          }

.cart-discount:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .more-promotion) .voucher-tag) {
            color: #35454c !important;
            background-color: #f3fff3 !important;
            border: 1px solid #5acc5a !important;
          }

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .more-promotion) .action-btn {
          width: 200px !important;
          text-align: right !important;
        }

@media (max-width: 1132px) {

:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .more-promotion) .product-summary-cart-discount {
            padding: 12px 0 !important;
            height: fit-content !important;
        }
          }

@media (max-width: 1132px) {

:is(:is(:is(:is(.one-page-checkout-form .products-ordered) .product-summary) .more-promotion) .product-summary-cart-discount) .caption {
              font-size: 14px !important;
              width: 200px;
              text-align: right;
              color: #007ce0;
          }
            }

.one-page-checkout-form .order-payment {
    background-color: #ffffff !important;
  }

.one-page-checkout-form .products-ordered > .product-details-table {
    padding-top: 0;
  }

.one-page-checkout-form .products-ordered > .product-details-table ~ .product-details-table {
    padding: 24px;
  }

:is(.one-page-checkout-form .reward-points) .available-points-redeemed {
      display: flex;
      justify-content: space-between;
    }

@media (max-width: 1132px) {

:is(.one-page-checkout-form .reward-points) .available-points-redeemed {
        display: block !important;
    }
      }

:is(:is(.one-page-checkout-form .reward-points) .available-points-redeemed) .available-points {
        font-size: 14px !important;
        color: #0c2028 !important;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .reward-points) .available-points-redeemed) .available-points {
          margin-bottom: 8px !important;
      }
        }

:is(:is(.one-page-checkout-form .reward-points) .available-points-redeemed) .redeemed {
        font-size: 16px !important;
        font-weight: bold !important;
        color: #0c2028 !important;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .reward-points) .available-points-redeemed) .redeemed {
          width: fit-content;
          margin: 0 0 0 auto !important;
      }
        }

:is(:is(.one-page-checkout-form .reward-points) .available-points-redeemed) .redeem-error-message {
        color: red !important;
      }

:is(.one-page-checkout-form .reward-points) .text-end.d-flex {
      margin: 0 0 0 auto !important;
    }

:is(:is(.one-page-checkout-form .reward-points) .text-end.d-flex) .action-btn {
        width: 200px;
        text-align: right;
        font-size: 16px !important;
      }

:is(:is(:is(.one-page-checkout-form .reward-points) .text-end.d-flex) .action-btn) i {
          font-size: 18px !important;
          margin-right: 4px;
        }

:is(:is(.one-page-checkout-form .reward-points) .text-end.d-flex) .summary-val {
        width: 150px;
        text-align: right;
      }

.one-page-checkout-form .sub-payment-method-content {
    padding: 0 24px !important;
    margin-bottom: 24px !important;
  }

.one-page-checkout-form .sub-payment-option-content {
     width: 50% !important;
  }

.one-page-checkout-form .sub-payment-method-title {
    font-size: 16px !important;
    color: #0c2028 !important;
    margin-bottom: 4px !important;
    width: 100% !important;
  }

.one-page-checkout-form .payment-methods {
    margin-bottom: 0;
  }

:is(.one-page-checkout-form .payment-methods) .ant-radio-group {
      width: auto !important;
    }

@media (max-width: 1132px) {

:is(.one-page-checkout-form .payment-methods) .payment-title {
        width: fit-content !important;
        font-weight: normal !important;
    }
      }

@media (max-width: 1132px) {

:is(.one-page-checkout-form .payment-methods) .payment-val {
        width: fit-content !important;
        margin-right: 2px;
        font-size: 16px !important;
        font-weight: bold !important;
        word-break: break-word;
        padding-right: 10px;
    }
      }

@media (max-width: 1132px) {

:is(.one-page-checkout-form .payment-methods) .action-btn {
        text-align: right;
        width: fit-content !important;
        height: 20px !important;
    }
      }

:is(.one-page-checkout-form .payment-methods) .radio-payment {
      width: fit-content !important;
      height: 48px;
      line-height: 48px;
      border: 1px solid #e5e5e5;
      border-radius: 4px;
      margin-bottom: 8px;
      margin-right: 8px;
    }

.ant-radio-wrapper-disabled:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) img {
          opacity: 0.2 !important;
        }

.selected:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) {
        border: 2px solid #5acc5a;
        color: #5acc5a;
        font-weight: bold;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) .method {
          width: -webkit-fill-available !important;
      }

          :is(:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) .method) img {
            display: none !important;
          }
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) .method) .heading {
          line-height: 48px;
        }

@media (max-width: 1132px) {

:is(:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) .method) .heading {
            font-weight: bold !important;
        }
          }

:is(:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) .method) img {
          width: 100px !important;
          height: 44px !important;
          margin-left: auto;
          margin-right: 12px;
          object-fit: cover;
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) .method) .feather-check {
          display: block;
          position: absolute;
          right: 0;
          bottom: 0;
          background-color: #5acc5a;
          color: #ffffff;
          font-size: 10px;
          border-bottom-right-radius: 4px;
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) .method) .arrow-left {
          position: absolute;
          right: 0;
          bottom: 0;
          width: 0;
          height: 0;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-right: 10px solid #5acc5a;
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) .method) .arrow-up {
          position: absolute;
          right: 0;
          bottom: 0;
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #5acc5a;
        }

:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) .ant-radio,:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) .ant-radio-checked {
        display: none;
      }

:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) span.ant-radio + * {
        padding-right: 16px;
        padding-left: 8px;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .payment-methods) .radio-payment) span.ant-radio + * {
          padding-left: 8px;
      }
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .radio-payment) img {
          width: 112px !important;
          height: 44px !important;
          margin-left: auto;
          margin-right: 0;
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .radio-payment) .arrow-left {
          position: absolute;
          right: 0;
          bottom: 0;
          width: 0;
          height: 0;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-right: 10px solid #5acc5a;
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .radio-payment) .arrow-up {
          position: absolute;
          right: 0;
          bottom: 0;
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #5acc5a;
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .radio-payment) .feather-check {
          display: block;
          position: absolute;
          right: 0;
          bottom: 0;
          background-color: #5acc5a;
          color: #ffffff;
          font-size: 10px;
          border-bottom-right-radius: 4px;
        }

:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-nav {
        margin-bottom: 24px !important;
      }

:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-nav) .ant-tabs-tab {
          margin: 0 !important;
          padding: 12px 12px !important;
        }

:is(:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-nav) .ant-tabs-tab):hover {
            color: #5acc5a !important;
          }

:is(:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-nav) .ant-tabs-tab):hover .e_wallet {
              background-color: #5acc5a;
            }

:is(:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-nav) .ant-tabs-tab):hover .manual {
              background-color: #5acc5a;
            }

:is(:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-nav) .ant-tabs-tab):hover .payment_gateway {
              background-color: #5acc5a;
            }

:is(:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-nav) .ant-tabs-tab):hover .pay_at_store {
              background-color: #5acc5a;
            }

:is(:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-nav) .ant-tabs-tab):hover .free_checkout {
              background-color: #5acc5a;
            }

:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-ink-bar {
        background-color: #5acc5a !important;
      }

:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-tab-btn:hover {
        color: #5acc5a !important;
      }

:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-tab-btn:hover) .e_wallet {
          background-color: #5acc5a;
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-tab-btn:hover) .manual {
          background-color: #5acc5a;
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-tab-btn:hover) .payment_gateway {
          background-color: #5acc5a;
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-tab-btn:hover) .pay_at_store {
          background-color: #5acc5a;
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-tab-btn:hover) .free_checkout {
          background-color: #5acc5a;
        }

:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-tab-active) .ant-tabs-tab-btn {
          color: #5acc5a !important;
          font-weight: bold !important;
        }

:is(:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-tab-active) .ant-tabs-tab-btn) .e_wallet {
            background-color: #5acc5a;
          }

:is(:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-tab-active) .ant-tabs-tab-btn) .manual {
            background-color: #5acc5a;
          }

:is(:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-tab-active) .ant-tabs-tab-btn) .payment_gateway {
            background-color: #5acc5a;
          }

:is(:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-tab-active) .ant-tabs-tab-btn) .pay_at_store {
            background-color: #5acc5a;
          }

:is(:is(:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .ant-tabs-tab-active) .ant-tabs-tab-btn) .free_checkout {
            background-color: #5acc5a;
          }

:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .payment-group-div {
        display: table;
      }

:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .payment-group-img {
        width: 40px;
        height: 40px;
        margin-left: auto;
        margin-right: 0;
        float: left;
        display: table-cell;
        vertical-align: middle;
      }

:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .payment-group-name {
        margin-left: 0;
        margin-right: auto;
        display: table-cell;
        vertical-align: middle;
      }

:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .e_wallet,:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .manual,:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .payment_gateway,:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .pay_at_store {
        width: 40px;
        height: 40px;
        margin: 0 4px 0 0;
        background-color: #444;
        mask-repeat: no-repeat !important;
        mask-position: center !important;
        mask-size: contain !important;
      }

:is(:is(.one-page-checkout-form .payment-methods) .payment-group-tab) .free_checkout {
        width: 40px;
        height: 40px;
        background-color: #444;
      }

.one-page-checkout-form .e-invoice-settings {
    font-family: var(--font-roboto);
    margin-bottom: 0;
    border-top: 2px solid rgba(0, 0, 0, 0.06) !important;
  }

:is(.one-page-checkout-form .e-invoice-settings) .ant-radio-group {
      margin-bottom: 24px;
    }

:is(:is(.one-page-checkout-form .e-invoice-settings) .ant-radio-group) .ant-radio-wrapper {
        margin-right: 40px;
        font-size: 16px !important;
        color: #0c2028 !important;
      }

:is(:is(.one-page-checkout-form .e-invoice-settings) .ant-radio-group) .ant-radio-checked .ant-radio-inner {
        border-color: #5acc5a !important;
      }

:is(:is(:is(.one-page-checkout-form .e-invoice-settings) .ant-radio-group) .ant-radio-checked .ant-radio-inner)::after {
          background-color: #5acc5a !important;
        }

:is(:is(.one-page-checkout-form .e-invoice-settings) .ant-radio-group) .ant-radio:hover .ant-radio-inner {
        border-color: #5acc5a !important;
      }

:is(.one-page-checkout-form .e-invoice-settings) .MuiFormControl-root {
      width: 100% !important;
      width: -moz-available !important; /* WebKit-based browsers will ignore this. */
      width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
      width: stretch !important;
      margin-bottom: 20px;
    }

.gender-radio-group:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiFormControl-root) {
        margin-bottom: 0 !important;
      }

@media (max-width: 1023px) {

.gender-radio-group:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiFormControl-root) {
          margin-bottom: 20px !important;
      }
        }

.gender-radio-group:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiFormControl-root) .MuiFormLabel-root,.gender-radio-group:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiFormControl-root) .MuiTypography-root {
          font-size: 16px !important;
        }

.gender-radio-group:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiFormControl-root) .MuiRadio-root {
          padding: 4px 9px !important;
        }

@media (max-width: 442px) {

.gender-radio-group:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiFormControl-root) .MuiFormControlLabel-root {
            width: 48% !important;
        }
          }

:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiFormControl-root) .MuiFormLabel-root {
        font-family: var(--font-roboto);
        color: #0c2028 !important;
        margin-bottom: 0 !important;
      }

:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiFormControl-root) .MuiTypography-root {
        font-size: 12px !important;
        font-family: var(--font-roboto);
        color: #0c2028 !important;
      }

:is(.one-page-checkout-form .e-invoice-settings) .MuiTextField-root {
      width: 100% !important;
      width: -moz-available !important; /* WebKit-based browsers will ignore this. */
      width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
      width: stretch !important;
    }

:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiTextField-root) .MuiFormLabel-root {
        font-size: 16px !important;
        font-family: var(--font-roboto);
        transform: translate(14px, 12px);
        color: #0c2028 !important;
      }

.MuiInputLabel-shrink:is(:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiTextField-root) .MuiFormLabel-root) {
          transform: translate(14px, -9px) !important;
          font-size: 12px !important;
          color: #0c2028 !important;
        }

.Mui-focused:is(:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiTextField-root) .MuiFormLabel-root) {
          color: #007ce0 !important;
        }

.Mui-error:is(:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiTextField-root) .MuiFormLabel-root) {
          color: red !important;
        }

:is(:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
          font-size: 16px !important;
          font-family: var(--font-roboto);
          padding: 12px 16px !important;
          color: #0c2028 !important;
          line-height: 22px !important;
        }

:is(:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiTextField-root) .MuiInputBase-root) legend {
          font-family: var(--font-roboto);
          width: auto !important;
          font-size: 12px !important;
          color: #0c2028 !important;
        }

:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiTextField-root) .MuiInputAdornment-root {
        font-size: 16px !important;
        color: #0c2028 !important;
      }

:is(.one-page-checkout-form .e-invoice-settings) .MuiFormHelperText-root {
      margin: 8px 0 0 !important;
    }

:is(:is(.one-page-checkout-form .e-invoice-settings) .MuiFormHelperText-root) label {
        font-size: 12px !important;
      }

:is(.one-page-checkout-form .e-invoice-settings) .Mui-disabled {
      opacity: 0.7 !important;
      color: #0c2028 !important;
      -webkit-text-fill-color: unset;
    }

:is(.one-page-checkout-form .e-invoice-settings) .ant-radio-group {
      width: auto !important;
    }

@media (max-width: 1132px) {

:is(.one-page-checkout-form .e-invoice-settings) .e-invoice-title {
        width: fit-content !important;
        font-weight: normal !important;
    }
      }

@media (max-width: 1132px) {

:is(.one-page-checkout-form .e-invoice-settings) .e-invoice-val {
        text-align: right;
        width: fit-content !important;
        margin-right: 2px;
        font-size: 16px !important;
        font-weight: bold !important;
    }
      }

@media (max-width: 1132px) {

:is(.one-page-checkout-form .e-invoice-settings) .action-btn {
        text-align: right;
        width: fit-content !important;
        height: 20px !important;
    }
      }

:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice {
      width: fit-content !important;
      height: 48px;
      line-height: 48px;
      border: 1px solid #e5e5e5;
      border-radius: 4px;
      margin-bottom: 8px;
      margin-right: 8px;
    }

.selected:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) {
        border: 2px solid #5acc5a;
        color: #5acc5a;
        font-weight: bold;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) .method {
          width: -webkit-fill-available !important;
      }

          :is(:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) .method) img {
            display: none !important;
          }
        }

:is(:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) .method) .heading {
          line-height: 48px;
        }

@media (max-width: 1132px) {

:is(:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) .method) .heading {
            font-weight: bold !important;
        }
          }

:is(:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) .method) img {
          width: 100px !important;
          height: 44px !important;
          margin-left: auto;
          margin-right: 12px;
          object-fit: cover;
        }

:is(:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) .method) .feather-check {
          display: block;
          position: absolute;
          right: 0;
          bottom: 0;
          background-color: #5acc5a;
          color: #ffffff;
          font-size: 10px;
          border-bottom-right-radius: 4px;
        }

:is(:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) .method) .arrow-left {
          position: absolute;
          right: 0;
          bottom: 0;
          width: 0;
          height: 0;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-right: 10px solid #5acc5a;
        }

:is(:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) .method) .arrow-up {
          position: absolute;
          right: 0;
          bottom: 0;
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #5acc5a;
        }

:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) .ant-radio,:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) .ant-radio-checked {
        display: none;
      }

:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) span.ant-radio + * {
        padding-right: 16px;
        padding-left: 8px;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .e-invoice-settings) .radio-e-invoice) span.ant-radio + * {
          padding-left: 8px;
      }
        }

.one-page-checkout-form .payment-information {
    margin-bottom: 0;
    border-top: 2px solid rgba(0, 0, 0, 0.06) !important;
  }

:is(.one-page-checkout-form .payment-information) .payment-method {
      padding-bottom: 24px;
    }

:is(:is(.one-page-checkout-form .payment-information) .payment-method) img {
        height: 100px !important;
        width: 242px !important;
        margin-right: 12px;
        border: 1px solid #d4d4d4;
        border-radius: 4px;
        object-fit: cover;
      }

:is(:is(.one-page-checkout-form .payment-information) .payment-method) .method-name {
        font-weight: bold;
        line-height: 52px;
      }

:is(.one-page-checkout-form .payment-information) .payment-banks {
      margin-bottom: 12px;
    }

:is(:is(.one-page-checkout-form .payment-information) .payment-banks) img {
        width: 143px;
        min-width: 143px;
        height: 62px !important;
        margin-right: 12px;
        border-radius: 4px;
        object-fit: cover !important;
      }

@media (max-width: 443px) {

:is(:is(.one-page-checkout-form .payment-information) .payment-banks) img {
          object-fit: contain !important;
      }
        }

:is(:is(:is(.one-page-checkout-form .payment-information) .payment-banks) .bank-details) .bank-name {
          font-weight: bold;
        }

:is(.one-page-checkout-form .payment-information) .payment-method-logo {
      margin-bottom: 12px;
    }

:is(:is(.one-page-checkout-form .payment-information) .payment-method-logo) img {
        height: 100px !important;
        width: 242px !important;
        border-radius: 8px;
        margin-right: 12px;
        object-fit: cover;
      }

:is(.one-page-checkout-form .payment-information) .payment-qr-code {
      margin-bottom: 12px;
    }

:is(:is(.one-page-checkout-form .payment-information) .payment-qr-code) img {
        border: 12px solid #e5e5e5;
        border-radius: 8px;
        min-width: 250px;
        max-width: 250px;
        margin-right: 12px;
      }

:is(.one-page-checkout-form .payment-information) .bank-transfer-instruction {
      display: block !important;
    }

@media (min-width: 1132px) {

:is(.one-page-checkout-form .payment-information) .bank-transfer-instruction {
        display: inline-flex !important;
        width: 100%;
    }
      }

:is(:is(.one-page-checkout-form .payment-information) .bank-transfer-instruction) .step {
        font-weight: bold;
        margin-right: 8px;
        white-space: nowrap;
      }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-form .payment-information) .fr-video) iframe {
          width: 100%;
          height: 300px;
      }
        }

.one-page-checkout-form .order-summary {
    margin-bottom: 0;
    border-top: 2px solid rgba(0, 0, 0, 0.06) !important;
    background-color: rgba(188, 239, 185, 0.1) !important;
  }

:is(.one-page-checkout-form .order-summary) textarea {
      font-size: 14px !important;
    }

:is(.one-page-checkout-form .order-summary) .total-payment-row {
      line-height: 24px !important;
    }

:is(:is(.one-page-checkout-form .order-summary) .total-payment-row) .total-payment-label {
        line-height: 24px !important;
      }

:is(:is(.one-page-checkout-form .order-summary) .total-payment-row) .total-payment-amount {
        font-size: 24px !important;
        font-weight: bold;
        color: #11aa4f;
      }

:is(:is(.one-page-checkout-form .order-summary) .total-payment-row) .error-total-payment-amount {
        font-size: 28px !important;
        font-weight: bold;
        color: red !important;
      }

:is(.one-page-checkout-form .order-summary) .checkout-voucher-reward {
      margin-bottom: 0 !important;
    }

.one-page-checkout-form .order-remark-mobile {
    margin-bottom: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  }

:is(.one-page-checkout-form .order-remark-mobile) .order-remark {
      word-break: break-all;
    }

:is(:is(.one-page-checkout-form .order-remark-mobile) .order-remark) .order-remark-field {
        margin-bottom: 0 !important;
      }

:is(:is(:is(.one-page-checkout-form .order-remark-mobile) .order-remark) .order-remark-field) .ant-form-item-label {
          flex: auto !important;
          -webkit-flex: auto !important;
          text-align: left !important;
        }

:is(:is(:is(:is(.one-page-checkout-form .order-remark-mobile) .order-remark) .order-remark-field) .ant-form-item-label) label {
            font-size: 14px !important;
          }

:is(:is(:is(.one-page-checkout-form .order-remark-mobile) .order-remark) .order-remark-field) .ant-form-item-control {
          flex: auto !important;
          -webkit-flex: auto !important;
        }

:is(:is(.one-page-checkout-form .order-remark-mobile) .order-remark) input {
        font-size: 14px !important;
        border: none !important;
        text-align: right;
        padding: 0 !important;
      }

@media screen and (-webkit-min-device-pixel-ratio: 0) {

:is(:is(.one-page-checkout-form .order-remark-mobile) .order-remark) input {
          font-size: 16px !important;
      }
        }

.one-page-checkout-form .order-total-mobile {
    margin-bottom: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    background-color: #f3fff3 !important;
  }

:is(.one-page-checkout-form .order-total-mobile) .total-payment-row {
      line-height: 18px !important;
    }

:is(:is(.one-page-checkout-form .order-total-mobile) .total-payment-row) .total-payment-label {
        font-size: 16px !important;
      }

:is(:is(.one-page-checkout-form .order-total-mobile) .total-payment-row) .total-payment-amount {
        font-size: 16px !important;
        font-weight: bold;
      }

.one-page-checkout-form .order-tax-summary-mobile {
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    background-color: #f3fff3 !important;
  }

:is(.one-page-checkout-form .order-tax-summary-mobile) .caption {
      font-size: 10px !important;
      line-height: 14px !important;
    }

.one-page-checkout-form .place-order {
    border-top: 2px solid rgba(0, 0, 0, 0.06) !important;
    background-color: #f3fff3 !important;
  }

.one-page-checkout-form .place-order-mobile {
    height: 56px;
    max-width: 600px;
    width: 100%;
    position: fixed;
    bottom: 0;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16),
      0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
    background-color: #ffffff;
    display: flex;
    z-index: 1001;
  }

.checkout-as-guest-login.add-address:is(.one-page-checkout-form .place-order-mobile) {
        justify-content: flex-end;
      }

.checkout-as-guest-login.add-address:is(.one-page-checkout-form .place-order-mobile) .addresses {
          margin-right: 12px;
        }

.checkout-as-guest-login:is(.one-page-checkout-form .place-order-mobile) {
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
    }

.checkout-as-guest-login:is(.one-page-checkout-form .place-order-mobile) button {
        margin-bottom: 0 !important;
      }

:is(.one-page-checkout-form .place-order-mobile) .checkout-error-message {
      padding: 15px 25px;
    }

:is(.one-page-checkout-form .place-order-mobile) .un-affix-left {
      width: -webkit-fill-available !important;
      padding: 8px 12px;
    }

:is(:is(.one-page-checkout-form .place-order-mobile) .un-affix-left) .total-payment-label {
        text-align: right;
      }

:is(:is(.one-page-checkout-form .place-order-mobile) .un-affix-left) .total-payment-amount {
        text-align: right;
        font-size: 16px;
        font-weight: bold;
      }

:is(.one-page-checkout-form .place-order-mobile) .un-affix-right {
      width: 133px !important;
      padding: 0;
    }

:is(:is(.one-page-checkout-form .place-order-mobile) .un-affix-right) .place-order-btn,:is(:is(.one-page-checkout-form .place-order-mobile) .un-affix-right) .place-order-btn:hover,:is(:is(.one-page-checkout-form .place-order-mobile) .un-affix-right) .place-order-btn:focus {
        width: 100% !important;
        height: 100% !important;
        border-radius: 0 !important;
        font-size: 16px !important;
        padding: 15px 24px !important;
      }