.col img{
            height:100%;
            width: 100%;
            cursor: pointer;
            transition: transform 1s;
            object-fit: cover;
        }
        .col label{
            overflow: hidden;
            position: relative;
        }
        .imgbgchk:checked + label>.tick_container{
            opacity: 1;
        }
/*         aNIMATION */
        .imgbgchk:checked + label>img{
            transform: scale(1.25);
            opacity: 0.3;
        }
        .tick_container {
            transition: .5s ease;
            opacity: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            cursor: pointer;
            text-align: center;
        }
        .tick {
            background-color: #4CAF50;
            color: white;
            font-size: 16px;
            padding: 6px 12px;
            height: 40px;
            width: 40px;
            border-radius: 100%;
        }


.radio-button-group {
    display: flex;
    gap: 10px; /* Adjust as needed */
}

.radio-button {
    display: inline-block;
    padding: 10px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

    .radio-button input[type="radio"] {
        display: none;
    }

    .radio-button.selected {
        background-color: #e0e0e0;
    }

    .radio-button input[type="radio"]:checked + span {
        font-weight: bold;
    }

.asteriskField {
    display: none;
}
.modal-dialog {
    max-width: max-content !important;
}

.modal-body {
    display: flex;
}

    .modal-body img {
        object-fit: contain;
    }