.client-type-selection {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 20px;
}

.client-type-selection > a {
    min-height: 150px;
    border: #f0f0f0 solid 1px;
    border-radius: 0;
    padding: 20px;
}

.client-type-selection > a:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.05) !important;
}

.client-type-selection > a .description {
    margin-top: 15px;
}

.client-type-selection > a > .title {
    min-height: 40px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.client-type-selection > a > .title > .name {
    flex-grow: 1;
}

@media (max-width: 768px) {
    .client-type-selection {
        grid-template-columns: 100%;
    }
}

@media (max-width: 360px) {
    .client-type-selection > a > .title {
        flex-direction: column;
        align-items: flex-start;
    }

    .client-type-selection > a > .title .icon {
        order: -1;
    }
}