Bootstrap - list group - radio button

Click the list group and I want the radio to be checked.

This is my code -

<div class="list-group-item list-group-item-action d-flex flex-column flex-md-row align-items-center px-sm text-center text-md-left shadow box-shadow-2 mb-4 pl-4 pt-4"
data-toggle="tooltip" data-original-title="Start with this">
<div class="custom-control custom-radio ml-2 pl-md-5 mr-4">
<input type="radio" id="customer" name="role" value="customer"
class="custom-control-input">
<label class="custom-control-label" for="customer"></label>
</div>
<div class="list-group-content">
<div class="h4"><i class="bi bi-person-bounding-box mr-2"></i>Customer
</div>
<p class="text-sm pb-2">You would like to <strong>hire a pro,</strong> book a home visit
or just leave a review.<br>
If you would just like to have a look around that's cool too. </p>
</div>
</div>