/* Style the container for radio buttons */
.shipping__list_item {
    display: flex;
    align-items: center;
}

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

/* Style the custom radio button */
.shipping__list_item input[type="radio"] + label {
    position: relative;
    padding-left: 30px; /* Adjust as needed */
    cursor: pointer;
    display: inline-block;
}

/* Style the icon inside the label */
.shipping__list_item input[type="radio"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px; /* Adjust as needed */
    height: 20px; /* Adjust as needed */
    border: none; /* Remove the border */
    background-color: #FDEBE4; /* Replace with your desired background color */
}

/* Style the check icon inside the label */
.shipping__list_item input[type="radio"] + label::after {
    content: '\2713'; /* Unicode character for checkmark */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px; /* Adjust as needed */
    height: 20px; /* Adjust as needed */
    font-size: 16px; /* Adjust as needed */
    color: #fff; /* Color of the check icon */
    text-align: center;
    line-height: 20px;
    display: none; /* Hide the check icon by default */
}

/* Style the radio button when checked */
.shipping__list_item input[type="radio"]:checked + label::before {
    background-color: #4CAF50; /* Green background color for checked state */
}




/* Display the check icon when radio button is checked */
.shipping__list_item input[type="radio"]:checked + label::after {
    display: block;
}