/* Finder and Results */
.base-finder-search {
    width: 100%;
}
.base-finder-search form {
    width: 100%;
    max-width: 600px;
}
.base-finder-search form {
    width: 100%;
    max-width: 600px;
}
.base-finder-search form div#NameRegion,
.base-finder-search form div#Form_SearchForm_Name_Holder,
.base-finder-search form div#Form_SearchForm_Region_Holder {
    width: 100%;
}
.base-finder-results .finder-results-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 394px));
    grid-gap: 18px;
    justify-content: center;
}
.base-finder-results .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.base-finder fieldset {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.base-finder fieldset .fieldgroup > .fieldgroup-field {
    margin: 0 15px;
}
.base-finder-results .details {
    display: flex;
    gap: 10px;
}
.base-finder-results .personal-details .details label {
    width: 160px;
}
.base-finder-results .practice-details .details label {
    width: 190px;
}
.base-finder .base-finder-search button,
.finder-results-container .card-body a.btn {
    background-color: var(--primaryColor);
    border: none;
}
.base-finder .base-finder-search button#Form_SearchForm_action:active,
.finder-results-container .card-body a.btn:active {
    background-color: var(--primaryColor);
    border: none;
}
.finder-results-container div.bg-img {
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center;
    margin-top: -20px;
    position: absolute;
    z-index: 0;
}
.finder-results-container img.profile-pic {
    margin-top: 30px;
    z-index: 0;
}
.finder-results-container span.profile-pic {
    margin-top: 30px;
    z-index: 0;
}
.finder-results-container .modal-header {
    height: 180px;
}
.finder-results-container .modal-header-bg {
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}
.base-finder-results .profile-pic {
    border: solid 4px #fff;
    margin-bottom: 16px;
}
.base-finder-results .modal-body .profile-pic {
    margin-top: -90px;
    margin-bottom: 16px;
}
.base-finder-results .modal-body .details i.success {
    color: var(--success);
}
.base-finder-results .modal-body .heading {
    align-items: center;
}
@media screen and (min-width: 992px) {
    .modal-body .heading {
        align-items: flex-start !important;
    }
}