.tc-profiles__container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style-type: none;
    gap: var(--spacing-x3);
    margin: auto;
    margin-top: var(--spacing-x6);


    @media screen and (min-width:960px) {
        margin-top: var(--spacing-x5);
        max-width: min(85vw, 1440px);
    }
}

.tc-profile-card {
    display: flex;
    flex-direction: column;
    border-radius: var(--spacing-x2);
    border: 1px solid var(--color-iceland-500, #D1C9B8);
    gap: var(--spacing-x2);
    overflow: hidden;
    flex: 1 1 100%;

    @media screen and (min-width:768px) and (max-width:960px) {
        flex: 1 1 calc(50% - var(--spacing-x3));
        width: calc(50% - var(--spacing-x3));
    }

    @media screen and (min-width:960px) {
        flex: 0 0 calc(33.333% - var(--spacing-x2));
        width: calc(33.333% - var(--spacing-x3));
    }
}

/* upper section */
.tc-profile-card__upper-section {
    padding: var(--spacing-x2);
    background: var(--color-iceland-200);
    position: relative;
}

.tc-profile-card__enquiries-text {
    margin: 0;
    font: var(--font-body-xxs);
    color: var(--color-contrast-200);
    background: var(--color-success-700);
    border-radius: var(--spacing-x2);
    padding: var(--spacing-4) var(--spacing-12);

    position: absolute;
    right: var(--spacing-x2);
    top: var(--spacing-x2);

}

.tc-profile-card__image {
    width: 106px;
    aspect-ratio: 1/1;
    border-radius: var(--spacing-x3) 0 var(--spacing-x3) 0;
}


.tc-profile-card__name {
    color: var(--color-iceland-900);
    font: var(--font-title-xs);
    margin-top: var(--spacing-x1);
}

/* lower section */
.tc-profile-card__lower-section {
    padding: var(--spacing-x2);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x3);
    flex: 1;
}

.tc-profile-card__location {
    margin: 0;
    font-feature-settings: 'dlig' on;
    font: var(--font-body-xxs);
    color: var(--color-iceland-800);
    display: flex;
    align-items: center;
    gap: var(--spacing-4);
}

.tc-profile-card__location::before {
    content: " ";
    display: block;
    position: static;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6.58167 6.63667C6.58167 7.37333 7.17834 7.97 7.91501 7.97C8.65167 7.97 9.24834 7.37333 9.24834 6.63667V6.612C9.24834 5.87533 8.65167 5.27867 7.91501 5.27867C7.17834 5.27867 6.58167 5.87533 6.58167 6.612M3.33301 6.69667V6.582C3.33301 4.05133 5.38434 2 7.91501 2C10.4457 2 12.497 4.05133 12.497 6.582V6.69667C12.497 9.004 9.57567 12.4773 8.39834 13.784C8.13901 14.072 7.69101 14.072 7.43167 13.784C6.25434 12.4773 3.33301 9.004 3.33301 6.69667Z" stroke="%231D1C1A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
}

.tc-profile-card__tags-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12);
}

.tc-profile-card__tags-heading {
    color: var(--color-iceland-1000);
    font: var(--font-overline-lg);
    text-transform: uppercase;
    margin: 0;
}

.tc-profile-card__tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-x1);
}

.tc-profile-card__tag {
    margin: 0;
    height: 28px;
    border-radius: var(--border-radius-s);
    background: var(--color-iceland-400);
    padding: 0 var(--spacing-4);
    font: var(--font-body-xxs);
    color: var(--color-iceland-800);
    font-feature-settings: 'dlig' on;
    font-weight: 600;

    display: flex;
    align-items: center;
    justify-content: center;
}

.tc-profile-card__about-me {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;

    align-self: stretch;
    overflow: hidden;
    color: var(--color-iceland-800);
    font-feature-settings: 'dlig' on;
    text-overflow: ellipsis;
    font: var(--font-body-xs);
    margin: 0 !important;
}

.tc-profile-card__buttons-container {
    display: flex;
    align-items: center;
    gap: var(--spacing-x1);
    margin-top: auto;
}

.tc-profile-card__buttons-container .optimization-button {
    flex: 0 0 50%;
}


.tc-profiles__load-more-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--spacing-x6);

    @media screen and (min-width:960px) {
        margin-top: var(--spacing-x5);
    }
}

.tc-profiles__load-more-container .mobileButton {
    display: flex;
    align-items: center;
    gap: var(--spacing-x1);

    @media screen and (min-width:960px) {
        display: none;
    }
}

.tc-profiles__load-more-container .mobileButton::before {
    content: " ";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 18.979L21 16.979M21 16.979L19 14.979M21 16.979L17.024 16.996C16.381 16.998 15.776 16.692 15.398 16.172L13.818 14M10.182 9L8.602 6.828C8.224 6.308 7.619 6.002 6.976 6.004L3 6.021M19 8L21 6L19 4M21 6.021L17.024 6.004C16.381 6.001 15.776 6.308 15.398 6.828L8.602 16.172C8.224 16.692 7.619 16.998 6.976 16.996L3 16.979' stroke='%2386223A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.tc-profiles__load-more-container .desktopButton {
    display: none;

    @media screen and (min-width:960px) {
        display: flex;
        align-items: center;
        gap: var(--spacing-x1);
    }
}

.tc-profiles__load-more-container .desktopButton::before {
    content: " ";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 8V16M16 12H8' stroke='%231D1C1A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.tc-profile-card__loacation-phone-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tc-profile-card__phone {
    margin: 0;
    font-feature-settings: 'dlig' on;
    font: var(--font-body-xxs);
    color: var(--color-iceland-800);
    gap: var(--spacing-4);
    display: flex;
    align-items: center;
}