input[type="radio"] {
    display: none; /* Hide the default radio button */
}

input[type="radio"] + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    color: #666;
}

input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px; /* Adjust this value to move the radio button down */
    width: 16px;
    height: 16px;
    border: 2px solid #666;
    border-radius: 50%;
    background: #fff;
}

input[type="radio"]:checked + label:before {
    border-color: #92012C;
    background-color: #92012C;
}

input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 8px; /* Adjust this value to match the 'top' value in :before */
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

li label {
	font-size: 1rem; /* 16px */
    line-height: 1.5rem; /* 24px */
}

/* Change the color of the checkbox border */
.woocommerce-form__input-checkbox {
    display : block !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 28px !important;
    height: 28px !important;
    padding:0;
    margin-right: 10px !important;
    margin-left : 10px !important;
    background-color: #fff;
    border: 2px solid #555; /* Change this to your desired border color */
    border-radius: 25px;
    cursor: pointer;
    position: relative;
  }
  
  /* Create a custom checkmark */
  .woocommerce-form__input-checkbox::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px !important;
    height: 20px !important;
    background: transparent;
    transition: 0.2s;
  }
  
  /* Change the checkmark color when checked */
  .woocommerce-form__input-checkbox:checked::after {
    background: #555; /* Change this to your desired checkmark color */
  }
  
  /* Optional: Add a custom hover effect */
  .woocommerce-form__input-checkbox:hover {
    border-color: #333; /* Change this to your desired hover border color */
  }
  
  /* Change the checkbox color when checked */
  .woocommerce-form__input-checkbox:checked {
    border-color: #333; /* Change this to your desired checked border color */
  }
  
  /* Change the checkmark color when checked */
  .woocommerce-form__input-checkbox:checked::after {  
    background-image: url('../svg/check-solid.svg') !important; 
    background: #92012C;
    background-size: 15px 15px; /* Specify the width and height of the background image */ 
    background-repeat: no-repeat; /* Ensure the background does not repeat */
    background-position: center; /* Center the background image */
  }
  
.woocommerce-form__label-for-checkbox{
    display : flex !important;
    flex-direction : row !important;
    align-items : center;

  }