.treatmentGroupsList {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin: 2rem 5%;
    justify-content: center;

    .treatmentGroup {
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        border-radius: 16px;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04);
        padding: 1.75rem;
        align-self: start;
        max-width: min(100%, 400px);
        color: var(--smz-grey);

        .treatmentGroupHeader {
            align-items: center;
            display: flex;
            flex-direction: column;
        }

        .treatmentGroupIcon {
            height: 150px;
            width: 100%;
            object-fit: contain;
        }

        .treatmentIntroText {
            font-weight: 100;
        }
    }
}