/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 14 2024 | 18:58:29 */
/* Hide default radio inputs */
input[type="radio"] {
    display: none;
}

/* Style for the custom radio button */
.custom-radio-icon {
    display: flex;
    align-items: center;
    cursor: pointer;
	margin-bottom: 20px;
}

.custom-radio-icon img {
    width: 50px; /* Adjust the size as needed */
    height: 50px;
    transition: transform 0.2s;
    margin-right: 12px; /* Spacing between icon and label */
}

input[type="radio"]:checked + .custom-radio-icon img,
input[type="radio"]:hover + .custom-radio-icon img {
    transform: scale(1.3); /* Makes the selected SVG larger */
}

/* Optional: Style label text */
.custom-radio-icon {
    font-weight: bold;
    color: #333;
}

/* Default style for the label text 
label span {
  text-decoration: none;  No underline by default 
}

/* Add underline to the selected radio button's label 
input[type="radio"]:checked + .custom-radio-icon {
  text-decoration: underline;
}*/

/* Highlight effect */
.highlighted {
    color: #fff;
    background-color: rgba(214, 201, 187, 0.6);
    font-weight: bold;
	width: 75%;
	border-radius: 10px;
}