.find-provider-widget {
    padding: 15px;
    text-align: center;

    h3 {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    h4 {
        font-size: 18px;
        font-weight: 400;
    }

    .btn-cta {
        margin: 0;
        width: 100%;
        padding: 10px 15px;
    }

    .profiles {
        width: 100%;
        padding: 16px;
        background: #fff;
        border-radius: 8px;
        display: grid;
        gap: 12px;
        margin-bottom: 15px;

        .profile-item {
            display: grid;
            grid-template-rows: repeat(3, auto);
            grid-template-columns: 48px auto;
            grid-gap: 0 12px;
            justify-items: start;

            &:not(:last-child) {
                padding-bottom: 12px;
                border-bottom: 1px solid #f0f0f0;
            }

            .profile-img {
                grid-area: 1 / 1 / -1 / 2;

                img {
                    border-radius: 8px;
                }
            }

            h3 {
                font-size: 15px;
                margin-bottom: 0;
            }
            .profile-info {
                font-size: 13px;
                color: #525465;
            }
            .profile-exp {
                font-size: 11px;
                color: #525465;
                background: #eee;
                padding: 0 7px;
                border-radius: 3px;
            }
        }
    }

    .profile-avatars {
        img {
            --size: 40px;

            width: var(--size);
            height: var(--size);
            border-radius: 50%;
            border: 2px solid #fff;
            margin-left: -14px;
        }

        .profile-avatars-desc {
            margin: 10px 0;

            color: #525465;

            text-align: center;
            font-size: 14px;


            span {
                display: block;
                font-weight: 700;
            }
        }

    }
}