/* Checkout Page new design CSS starts here */
.woocommerce-checkout blockquote {
  background-color: #edf4ff;
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #4b5563;
  padding: 0;
}
.woocommerce-checkout blockquote p {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .woocommerce-page.woocommerce-checkout form #customer_details.col2-set {
    float: none !important;
  }
}
/* White background for both blocks */
.woocommerce-checkout-review-order,
#customer_details {
    background: #ffffff;
    border-radius: 8px;
    height: min-content;
}
/* .woocommerce-checkout .woocommerce form .form-row input.input-text{
  border-radius: 6px !important; */
  /* border-color: #D4D4D8 !important; */
/* } */
.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #374151;
}
.woocommerce-checkout
  .woocommerce-checkout-review-order-table
  .cart_item
  .product-total {
  font-weight: 700;
  font-size: 18px;
  color: #374151
}
.woocommerce-checkout .woocommerce table.shop_table tfoot td,
.woocommerce-checkout .woocommerce table.shop_table tfoot th {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: #3A3A41;
  padding: 16px 0;
}
.woocommerce-checkout .woocommerce table.shop_table tfoot .cart-total td,
.woocommerce-checkout .woocommerce table.shop_table tfoot .cart-total th {
  font-size: 18px;
  border-bottom: 1px solid #e5e7eb;
  border-top: 1px solid #e5e7eb;
}
.woocommerce-checkout .woocommerce table.shop_table {
  margin-bottom: 0;
}
.woocommerce form .coupon-form .form-row input.input-text,
.woocommerce form .coupon-form .form-row textarea {
  background: #fff;
  border: 1px solid #D4D4D8;
  border-radius: 6px !important;
  font-family: libre franklin;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #A1A1AA;
  /* color: #3A3A41; */
  padding: 10px 18px;
}
.woocommerce-checkout .coupon-form .form-row.form-row-first {
  width: 100%;
    float: none !important;
    clear: both !important;
}
.woocommerce-checkout .coupon-form .form-row.form-row-last .button {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 20px;
  text-align: center;
  color: #074ea8;
  background-color: #fff !important;
  padding: 0;
  letter-spacing: normal;
  border:1px solid #074EA8;
  text-transform: capitalize;
}
.woocommerce-checkout .coupon-form .form-row.form-row-last .button:hover {
  color: #074EA8;
  border:1px solid #074EA8 !important;
  background-color: #ECF2FA !important;
}
.custom-coupon-error-group .woocommerce-error,
.custom-coupon-error-group .error-coupon-message,
.custom-coupon-error-group .cc-coupon_code-suggestion-error-message {
    background: #FEF2F2;
    border: 1px solid #DC2626;
    padding: 8px 18px;
    border-radius: 6px;
    margin-bottom: 24px;
    font-size: 12px;
    color: #7F1D1D;
}
.woocommerce-checkout .cc-coupon_code-suggestion {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #262626;
  margin-top: 12px !important;
  margin-bottom: 0;
}
.woocommerce-checkout .cc-coupon_code-suggestion strong {
  font-weight: 600;
  color: #262626;
}
.error-coupon-message {
  color: #C81A2E;
  font-family: roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 0;
  margin: 8px 0 !important
}
.error-coupon-message svg {
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: 6px;
  color: #C81A2E;
}

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0 15px;
}

 .woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row {
    width: 100%;
  }

@media screen and (max-width: 480px) {
  .woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row {
    width: 100%;
  }
}
.woocommerce-checkout .woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #3A3A41;
  height: 46px;
  background: #fff;
  border: 1px solid #D4D4D8;
  padding: 13px 16px;
  border-radius: 6px;
}
.woocommerce-checkout .woocommerce form .form-row label,
.woocommerce-checkout .woocommerce-page form .form-row label{
  color: #3A3A41;
  font-family: "Roboto";
}
.woocommerce-checkout .woocommerce form .form-row.woocommerce-invalid label{
  color: #3A3A41;
}
.woocommerce-checkout .woocommerce-billing-fields .select2-container--default .select2-selection--single {
  border: none;
}

.woocommerce-checkout .woocommerce-invalid input.input-text,
.woocommerce-checkout .woocommerce-invalid select {
    border: 1px solid #C81A2E !important;
}

.woocommerce-checkout .woocommerce-invalid .woocommerce-error {
    display: block !important;
    margin-left: 0 !important;
} */

.woocommerce-checkout
  .cc_customer_login
  a.button-social-login.button-social-login-google {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #3A3A41;
  /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); */
}

.woocommerce-checkout .woocommerce form.login {
  border: none;
  margin: 0;
  padding: 0;
}
.woocommerce-checkout .woocommerce form.login .login_header {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #4b5563;
  margin-bottom: 20px;
}
.woocommerce-checkout .woocommerce form.login label {
  display: block;
}
.woocommerce-checkout .woocommerce form.login input.input-text {
  height: 46px;
  background: #f3f4f6;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 13px 0 13px 16px;
  font-size: 14px;
  background-color: #fff;
  position: relative;
  z-index: 999;
}
.woocommerce-checkout .woocommerce form.login .lost_password a {
  color: #404040;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
}
.woocommerce-checkout .woocommerce-notices-wrapper{
  display: none; /* check for other notices as well */
  width: 100%;
}

.plan-features{
  display:flex !important;
  flex-direction:row !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 8px 0 0 !important;
}
.plan-features-img{
  height: 12px !important; 
  width:12px !important;
}
.review-order-subtotal-text{
  font-size:16px !important; 
  font-weight: 400 !important;
  font-family: "Roboto" !important;
}
.review-order-total-text{
  font-size:16px !important; 
  font-weight: 700 !important;
}
.asterick-color{
  color:#404040 !important;
}
.woocommerce-checkout .woocommerce form .form-row .required{
  color:#404040 !important;
}
.footer-links{
  color: #074EA8  !important;
}
.lock-img{
  width:44px !important; 
  height:46px !important;
}
.secure-img{
  width:44px !important; 
  height:47px !important;
}
.paddle-img{
  width:170px !important; 
  height:44px !important;
}
.trustpilot-img{
  width:111px !important; 
  height:67px !important;
}
.paddle-text{
  font-size:10px !important;
  font-weight:400 !important;
  text-align:left !important; 
  margin: 0 !important; 
  font-family: "Roboto" !important;
  align-content:center;
}
.paddle-container{
  display:flex !important;
  flex-direction:row !important;
  gap:8px !important;
}
.return-to-pricing-text{
  color: #074EA8 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Roboto" !important
}
.checkout-page-header-title{
  color: #404040 !important; 
  margin-top: 46px !important;
  font-family: "Roboto";
}
@media (max-width: 550px) {
  .checkout-page-header-title{
    font-size: 24px;
  }
}
.error-warning-icon{
  display: flex !important;
  margin-right:8px !important;
  vertical-align:middle !important;
}
.plan-features-text{
  margin: 0 !important;
  color: #15803D !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  font-family: "Roboto" !important
}
.woocommerce-checkout-register-form-subheading{
  margin-bottom: 0 !important;
 margin-top:16px !important;
 font-size:16px !important;
 font-family: "Roboto" !important
}
.left-logged-in-container{
  gap: 12px;
  display: flex; 
  flex-direction:column;
}
.left-logged-in-container-text{
  margin-top: 20px !important;
}
.woocommerce-checkout-footer-text{
  text-align:center; 
  margin-top: 0; 
  font-size:12px;
  font-weight:400;
  color: #52525B;
  font-family: "Roboto" !important
}
.paddle-container-footer-text{
  display:flex; 
  flex-direction:row; 
  align-self:center; 
  font-family: "Roboto" !important
}
.wpplcompliane-small-image{
  height: 40px !important;
}
.review-order-discount-text{
  color:#3A3A41 !important;
  font-weight:400 !important;
  font-size:14px !important;
  font-family: "Roboto" !important;
  padding: 0 !important;
}
.review-order-discount-code{
  border: 0 !important; 
  font-weight:400 !important;
  background-color:transparent !important;
  font-family: "Roboto" !important
}
.review-order-heading{
  padding-top:0 !important;
  font-family: "Roboto" !important;
}
.much-more-text{
  color:#52525B !important;
  font-family: "Roboto" !important;
}
.before-tax-text{
  font-size:10px !important; 
  margin-left:8px !important; 
  color: #52525B !important;
  vertical-align:middle;
  font-family: "Roboto" !important;
}
.billed-annually-text{
  font-size:12px !important; 
  color: #52525B !important;
  font-weight:400 !important;
  font-family: "Roboto" !important;
}
@media (max-width:550px){
    .wpplcompliane-small-image{
      width:154px !important;
      height:32px !important;
    }
}
#coupon-code.active-coupon {
  border: 1px solid #1D4ED8 !important;
}

button[name="apply_coupon"].active-coupon {
  color: #1D4ED8 !important;
}
.woocommerce-checkout-review-order {
    width: 50%;
}
@media (max-width:550px) {
  .woocommerce-checkout-review-order{
    width: 100% !important
  }
}
.order-review-wrapper {
  width: 100%;
}

.checkout-column-left .font-container,
.checkout-column-left .font-container {
  padding: 20px 24px;
  /* border: 1px solid var(--color-neutral-300); */
  border-radius: 6px;
  background-color: #fff;
  /* width: 538px; */
  width: 100%;
}
.font-container{
  padding: 12px 20px 24px;
  /* border: 1px solid var(--color-neutral-300); */
  border-radius: 6px;
  background-color: #fff;
  /* width: 538px; */
  width: 100%;
}
.checkout-column-left, 
.checkout-column-right{
  width: 50%;
}
@media (max-width: 767px) {
  .checkout-column-left, 
.checkout-column-right{
  width: 100%;
}
  .elementor-9 .elementor-element.elementor-element-97446ce > .elementor-widget-container {
    padding: 0 !important;
  }
}
.custom-trustpilot{
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 6px;
  padding: 24px !important;
  gap:24px !important;
}
.remove-coupon-text {
    color: #d00;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.remove-coupon-text:hover {
    opacity: 0.7;
}

input.input-error-border {
  border: 1px solid #C81A2E !important;
  border-radius: 6px;
}
.input-error {
  display: block;
  color: #C81A2E;
  font-size: 10px;
  font-weight: 400;
  margin-top: 8px;
}
.woocommerce-checkout .woocommerce form.login, .woocommerce form.register{
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.page.woocommerce-checkout .woocommerce button.button.alt,
.page.woocommerce-checkout .woocommerce button.button{
 background-color: #074EA8 !important;
 width: 100% !important;
 color: #fff ;
 font-weight: 600 !important;
 font-size: 16px !important;
 padding: 10.25px 16px !important;
 text-transform: capitalize !important;
 border-radius: 6px !important;
 line-height: 1.5rem !important;
}
.page.woocommerce-checkout .woocommerce button.button.alt:hover,
.page.woocommerce-checkout .woocommerce button.button:hover{
  background-color: #5988C5 !important;
}
#customer_details {
    width: 50%;
}
@media (min-width:550px) {
  .checkout.woocommerce-checkout {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .woocommerce-checkout-review-order {
      width: 100%;
  }

  #customer_details {
      width: 100% !important;
  }
}

.cc_customer_login .checkout-already_customer_login{
   text-align: left;
  font-size: 16px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #404040;
}
#toggle-back-to-register{
  color: #074EA8;
}
#toggle-login-link{
  color: #074EA8;
}
.cc_customer_login .checkout-already_customer_login{
  font-family: "Roboto" !important;
}


.fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    padding: 16px 12px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    /* border-top: 1px solid #ddd; */
    z-index: 9999;
}
.fixed-top-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #ddd;
    z-index: 99999;
    padding: 10px 0; /* vertical spacing */
    height: 64px;
    align-content: center;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);

}

.fixed-top-container {
    max-width: 1230px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-left,
.nav-center,
.nav-right {
    flex: 1;
    margin-left:24px
}

.nav-center {
    text-align: center;
}

.nav-right {
    text-align: right;
}

.fixed-top-wrapper a {
    text-decoration: none;
    color: #0073aa;
    font-size: 14px;
    font-weight: 500;
}
@media (max-width: 550px) {
    .nav-left,
    .nav-center,
    .nav-right {
        flex: unset !important;
    }

    /* Reverse order */
    .nav-left {
        order: 2;
        text-align: left;
        margin-left:0;
        margin-right:24px;
    }

    .nav-center {
        order: 1;
        text-align: right;
    }

    .nav-right {
        display: none;
    }
}
.coupon-text{
  margin-top:4px !important; 
  color:#C81A2E !important;
  font-size:12px !important;
}
.woocommerce-checkout .select2-container .select2-dropdown, .select2-container .select2-selection{
  border: solid 1px #D4D4D8 !important;
  border-radius: 6px !important;
}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered{
  padding: 13px 16px !important
}
.country-validate{
  margin-bottom:0 !important
}
.country-checkout{
  margin-top: 0 !important
}
@media (max-width: 768px) {
  .elementor-9 .elementor-element.elementor-element-414efcf{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .woocommerce-page.woocommerce-checkout form #order_review{
    margin-bottom: 16px !important;
  }
  .checkout-parent{
    gap: 16px !important;
  }
}
.product-title-price-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.product-title-price-row .product-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
}

.product-title-price-row .product-price {
    font-weight: 700;
    font-size: 18px;
    white-space: nowrap;
}

.woocommerce-checkout .woocommerce-invalid #terms{
   outline: none !important;
}
.coupon-form {
  display: flex !important;
  margin-top: 5px;
  gap: 0 !important;
  align-items: center;
}
.woocommerce form .form-row-last.apply-discount,.woocommerce-page form .form-row-last.apply-discount{
  margin-left: 16px !important;
  border: 0 !important;
}
.woocommerce-checkout form .show-password-input::before, .woocommerce-checkout .woocommerce-page form .show-password-input::before {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('/wp-content/themes/app-wplegalpages-responsive-child/images/eye-slashed.svg' );
  content: "";
  display: block;
  height: 22px;
  width: 22px;
}
.woocommerce-checkout form .show-password-input.display-password::before,  .woocommerce-checkout .woocommerce-page form .show-password-input.display-password::before {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('/wp-content/themes/app-wplegalpages-responsive-child/images/eye.svg' );
  content: "";
  display: block;
  height: 22px;
  width: 22px;
}
.login-or-divider span {
    padding: 0 8px;
    color: #A1A1AA;
    font-size: 12px;
}
.logged-in-box{
  gap: 20px;
  display: flex;
  flex-direction: column;
  line-height: 1.5rem;
}
.woocommerce table.shop_table td{
  padding: 0 !important;
}
.coupon-form-divider{
  /* padding: 0 8px; */
  display: flex;
  align-items: center;
  text-align: center;
  margin-top:16px !important;
  margin-bottom: 16px !important;
}
.coupon-form-divider::before,
.coupon-form-divider::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #E4E4E7;
}
/* Hide payment method icons */
#wc_payment_methods .wc_payment_method label img {
    display: none !important;
}
.woocommerce-checkout ul.payment_methods{
  margin: 0 !important;
  display: none !important;
}
.payment_method_smartpay_paddle label {
    font-size: 16px !important;
    font-family: "Roboto" !important;
    font-weight: 600 !important;
    color: #3A3A41 !important;
}
.payment_method_smartpay_paddle p {
  font-size: 14px;
}
/* Container for one payment method */
.wc_payment_methods .payment_method_smartpay_paddle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.wc_payment_methods .payment_method_smartpay_paddle > input[type="radio"] {
    margin: 0;
    flex-shrink: 0;
}

.wc_payment_methods .payment_method_smartpay_paddle > label {
    margin: 0;
    flex-shrink: 0;
}

.wc_payment_methods .payment_method_smartpay_paddle .payment_box {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    position: static;
    flex-shrink: 0;
}

.wc_payment_methods .payment_method_smartpay_paddle .payment_box p {
    margin: 0;
    display: inline;
}
.woocommerce-checkout .payment_methods label, ul.wc_payment_methods.payment_methods.methods label{
  padding: 0 !important;
}
.coupon-error{
  display: flex;
  flex-direction: column;
}
.custom-coupon-error-text{
  margin-bottom:  0px !important;
  color: #C81A2E;
  font-size: 10px;
  font-weight: 400;
}
.custom-spacing{
  margin-bottom: 0 !important;
}
.woocommerce-checkout .checkout .checkout-inline-error-message{
  margin-top:6px !important;
  color: #C81A2E !important;
  font-size: 10px !important;
}
button.inactive-button,
button.inactive-button:hover {
  pointer-events: none !important;
  border:1px solid #D4D4D8 !important;
  color: #D4D4D8 !important;
}
.checkout-terms .woocommerce-terms-and-conditions-wrapper .form-row{
  margin-top: 0 !important;
  margin-bottom: 10px !important
}
@media (min-width: 769px) {
  .page.woocommerce-checkout
    .woocommerce
    form.login
    .woocommerce-form-login__submit{
      margin-top: 80px !important;
    }
}