.freelancer__verified.is-hidden {
    display: none;
}

.freelancer__card-bottom {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-top: auto;
    padding-top: 24px;
}

.freelancer__info--head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.freelancer__item-body {
    height: 100%;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    box-shadow:
        0px 4px 4px 0px #e2e2e21a inset,
        0px 4px 4px 0px #2d60e20d;
}

.freelancer__item-body a,
.freelancer__item-body button,
.freelancer__item-body [role="button"] {
    cursor: pointer;
}

.freelancer__item-body:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 4px;
}

.freelancer__item:hover .freelancer__info {
    border-color: #e4ebff;
}

.freelancer__status-bar {
    display: flex;
    align-items: start;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 32px;
    padding: 16px 16px 0;
}

.freelancer__status-box {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 1s ease;
}

.freelancer__status-box--status {
    position: absolute;
    left: 16px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.freelancer__status-box--status.is-available {
    display: flex;
}

.freelancer__status-box--status::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00ab36;
    display: block;
}

.freelancer__status-box--icon {
    position: absolute;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.freelancer__status-box--icon svg {
    width: 20px;
    height: 28px;
    transition: all 1s ease;
}

.freelancer__item:hover .freelancer__status-box--icon {
    background-color: #EEF3FF;
}

.freelancer__add-btn {
    background: transparent;
    min-width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 250ms ease;
}

.freelancer__add-btn:hover {
    background-color: #f3f5fb;
}

.freelancer__button {
    width: 100%;
}

.freelancer__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 12px;
}

.freelancer__verified {
    display: flex;
    align-items: center;
    margin-top: 14px;
    gap: 4px;
    background-color: var(--green-50);
    max-width: fit-content;
    padding-left: 8px;
    padding-right: 8px;
    min-height: 28px;
    border-radius: 8px;
}

.freelancer__badges .freelancer__verified {
    margin-top: 0;
}

.freelancer__verified p {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: var(--green-700);
    display: flex;
    align-items: center;
    gap: 4px;
}

.freelancer__verified p::before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_16375_64930)'%3E%3Cpath d='M6.00794 7.99673L7.34127 9.33006L10.0079 6.6634M2.57461 5.74339C2.4773 5.30508 2.49224 4.84929 2.61805 4.41829C2.74385 3.98729 2.97644 3.59503 3.29425 3.27788C3.61207 2.96073 4.00481 2.72896 4.43608 2.60406C4.86734 2.47916 5.32316 2.46517 5.76127 2.5634C6.00241 2.18626 6.33461 1.8759 6.72724 1.66092C7.11987 1.44594 7.56031 1.33325 8.00794 1.33325C8.45558 1.33325 8.89601 1.44594 9.28864 1.66092C9.68127 1.8759 10.0135 2.18626 10.2546 2.5634C10.6934 2.46474 11.15 2.47867 11.5819 2.60387C12.0139 2.72907 12.4072 2.96149 12.7252 3.2795C13.0432 3.59751 13.2756 3.99078 13.4008 4.42273C13.526 4.85468 13.5399 5.31128 13.4413 5.75006C13.8184 5.9912 14.1288 6.3234 14.3438 6.71603C14.5587 7.10866 14.6714 7.54909 14.6714 7.99673C14.6714 8.44436 14.5587 8.8848 14.3438 9.27743C14.1288 9.67006 13.8184 10.0023 13.4413 10.2434C13.5395 10.6815 13.5255 11.1373 13.4006 11.5686C13.2757 11.9999 13.0439 12.3926 12.7268 12.7104C12.4096 13.0282 12.0174 13.2608 11.5864 13.3866C11.1554 13.5124 10.6996 13.5274 10.2613 13.4301C10.0204 13.8086 9.68799 14.1203 9.29469 14.3363C8.90139 14.5522 8.45996 14.6654 8.01127 14.6654C7.56259 14.6654 7.12116 14.5522 6.72786 14.3363C6.33456 14.1203 6.0021 13.8086 5.76127 13.4301C5.32316 13.5283 4.86734 13.5143 4.43608 13.3894C4.00481 13.2645 3.61207 13.0327 3.29425 12.7156C2.97644 12.3984 2.74385 12.0062 2.61805 11.5752C2.49224 11.1442 2.4773 10.6884 2.57461 10.2501C2.19458 10.0096 1.88155 9.67684 1.66464 9.28287C1.44773 8.8889 1.33398 8.44647 1.33398 7.99673C1.33398 7.54699 1.44773 7.10456 1.66464 6.71059C1.88155 6.31661 2.19458 5.9839 2.57461 5.74339Z' stroke='%2300902E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_16375_64930'%3E%3Crect width='16.0041' height='15.9988' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
}

.freelancer__level-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: fit-content;
    height: 28px;
    padding: 0 14px;
    border-radius: 8px;
    background-color: var(--BlueGrey-100);
    color: var(--osb-dark);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0;
}

.freelancer__price-jobs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.freelancer__title-nav {
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
    margin-top: 24px;
    gap: 16px;
}

.freelancer__container {
    overflow: hidden;
}

.freelancer__image img {
    max-height: 160px;
    width: auto;
}

.freelancer__info {
    display: flex;
    flex-direction: column;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding: 24px 16px 16px;
    box-sizing: border-box;
    flex: 1;
    border: 1px solid #e4ebff;
    border-top: 0;
    transition: border-color 250ms ease;
}

.freelancer__name {
    letter-spacing: 0;
}

.freelancer__image {
    background: #eef3ff;
    display: flex;
    justify-content: center;
    align-items: end;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    position: relative;
    border: 1px solid #e4ebff;
    border-bottom: unset;
    box-shadow: 0px 4px 4px 0px #e2e2e21a inset;
}

.freelancer__image::before {
    content: "";
    position: absolute;
    top: 12px;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
}

.freelancer__image::after {
    right: 12px;
    background-image: url("/wp-content/uploads/2025/09/Frame-2087326049.svg");
}

.freelancer__categories,
.freelancer__price {
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0;
}



.freelancer__price {
    font-size: 18px;
    color: var(--black-color);
}

.freelancer__categories {
    font-size: 16px;
    color: var(--grey-600);
}

.freelancer__tags {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.marketplace-js .freelancer__tags--pending {
    display: none;
}

.marketplace-js .freelancer__tags--ready {
    display: flex;
}

.marketplace-js .freelancer__tags-loader {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 80px;
}

.marketplace-js .freelancer__tags-wrap .freelancer__tags-loader.is-hidden {
    display: none;
}

.marketplace-js .freelancer__tags-loader-chip {
    display: inline-block;
    height: 36px;
    border-radius: 24px;
    background: linear-gradient(90deg, #f0f3fa 25%, #e4e9f5 50%, #f0f3fa 75%);
    background-size: 200% 100%;
    animation: marketplace-tags-loader 1.2s ease-in-out infinite;
}

.marketplace-js .freelancer__tags-loader-chip:nth-child(1) {
    width: 84px;
}

.marketplace-js .freelancer__tags-loader-chip:nth-child(2) {
    width: 112px;
}

.marketplace-js .freelancer__tags-loader-chip:nth-child(3) {
    width: 76px;
}

.marketplace-js .freelancer__tags-loader-chip:nth-child(4) {
    width: 98px;
}

.marketplace-js .freelancer__tags-loader-chip:nth-child(5) {
    width: 50px;
}

@keyframes marketplace-tags-loader {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

@media screen and (min-width: 1281px) {
    .freelancer__item:hover .freelancer__status-box--icon svg {
        transform: rotate(-180deg);
        scale: 1.2;
    }
}

@media screen and (max-width: 768px) {
    .freelancer__image img {
        max-height: 205px;
    }
}