.lazy.portfolio__pic {
  object-position: 50% 50%;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.portfolio__sravnenie { height: 20rem}
.portfolio__work {
    border-radius: 1rem;
    background-color: white;
    overflow: hidden;
    position: relative; padding-bottom: 1rem;
    box-shadow: 0px 14px 56px rgba(0, 0, 0, 0.04);
}
 
.portfolio__serv 
{  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9432 8.00065C17.9148 7.74763 17.6198 7.55749 17.3647 7.55749C16.5399 7.55749 15.808 7.07321 15.5011 6.32425C15.1875 5.55714 15.3897 4.66252 16.0044 4.09867C16.1978 3.92179 16.2214 3.62571 16.0591 3.42003C15.6369 2.88398 15.1572 2.39976 14.6333 1.98011C14.4282 1.81549 14.1272 1.8384 13.9493 2.03536C13.4128 2.62948 12.4492 2.85029 11.7046 2.5396C10.9297 2.21365 10.4411 1.42845 10.4889 0.585599C10.5047 0.320855 10.3112 0.0906684 10.0472 0.0599277C9.37497 -0.017828 8.6968 -0.020239 8.02252 0.0545699C7.76159 0.0833683 7.5681 0.30813 7.57688 0.569526C7.60621 1.40408 7.11168 2.17554 6.34451 2.48978C5.60881 2.79028 4.65196 2.57135 4.11658 1.98252C3.93964 1.78857 3.64355 1.76473 3.43741 1.92539C2.898 2.3486 2.40743 2.83321 1.98141 3.36485C1.81525 3.57153 1.8397 3.8711 2.03512 4.04891C2.66152 4.61617 2.86378 5.51857 2.53836 6.29452C2.22767 7.0343 1.45949 7.51108 0.580068 7.51108C0.294695 7.50191 0.0914322 7.69345 0.0602228 7.9529C-0.0189393 8.62906 -0.019877 9.31801 0.0563384 9.99967C0.084601 10.2538 0.388592 10.4422 0.646505 10.4422C1.43022 10.4222 2.18267 10.9074 2.49831 11.6755C2.81295 12.4426 2.61069 13.3367 1.99507 13.901C1.80253 14.0779 1.77808 14.3735 1.94036 14.5792C2.35854 15.1119 2.8384 15.5965 3.36414 16.0197C3.57035 16.1858 3.87039 16.1624 4.04914 15.9654C4.5876 15.3698 5.55114 15.1494 6.2928 15.4607C7.06962 15.7857 7.55826 16.5708 7.51044 17.4141C7.49483 17.679 7.68926 17.9096 7.95213 17.9399C8.29603 17.98 8.64202 18 8.98894 18C9.31824 18 9.64762 17.9819 9.97692 17.9453C10.2379 17.9165 10.4313 17.6917 10.4225 17.4299C10.3923 16.5958 10.8877 15.8243 11.6539 15.5106C12.3945 15.2081 13.3473 15.4295 13.8828 16.0177C14.0607 16.2113 14.3548 16.2347 14.562 16.0745C15.1004 15.6523 15.59 15.1681 16.018 14.635C16.1841 14.4288 16.1607 14.1288 15.9642 13.951C15.3378 13.3837 15.1346 12.4812 15.46 11.7058C15.7659 10.9759 16.5056 10.4858 17.3012 10.4858L17.4125 10.4886C17.6705 10.5096 17.9079 10.3108 17.9392 10.0474C18.0185 9.37065 18.0195 8.68231 17.9432 8.00065ZM9.01405 12.021C7.35861 12.021 6.01205 10.6745 6.01205 9.01905C6.01205 7.36367 7.35861 6.01705 9.01405 6.01705C10.6694 6.01705 12.016 7.36367 12.016 9.01905C12.016 10.6745 10.6694 12.021 9.01405 12.021Z' fill='%23c0c1c8'/%3E%3C/svg%3E");
    display: flex;
    margin: 1rem 0;
    padding: 0.25rem 0;
    padding-left: 2rem;
    background-size: 1.5rem;
    background-position: left top 0.2rem; flex-wrap: wrap;
}
.portfolio__serv a { margin-left: .2rem;   color: var(--color__fill-1); font-weight: 600; text-decoration: none}
.portfolio__serv a:hover {  color: var(--color__fill-1-h); }




.portfolio__doc 
{  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.9999 0C9.41389 0 7.31055 2.10392 7.31055 4.68995V7.11969C7.31055 9.70591 9.41389 11.8098 11.9999 11.8098C14.5861 11.8098 16.6893 9.70591 16.6893 7.11969V4.68995C16.6893 2.10392 14.5861 0 11.9999 0Z' fill='%23c0c1c8'%3e%3c/path%3e%3cpath d='M22.3417 17.9213C20.8401 15.3623 18.4399 13.4652 15.5834 12.5793C15.5171 12.5588 15.4455 12.5763 15.3962 12.625C14.0673 13.9352 12.4162 14.9574 12.0034 15.2043C11.5627 14.9227 9.70668 13.7129 8.60326 12.625C8.55411 12.5763 8.48192 12.5588 8.41606 12.5793C5.55912 13.4654 3.15914 15.3625 1.6581 17.9215C1.62373 17.9801 1.62373 18.0528 1.6581 18.1114C3.78967 21.7436 7.75232 24 11.9997 24C16.2473 24 20.2101 21.7436 22.3417 18.1114C22.3763 18.0526 22.3763 17.9799 22.3417 17.9213ZM18.3777 19.3202C18.3777 19.4237 18.2792 19.5028 18.1759 19.5028H16.9059C16.8024 19.5028 16.6895 19.5917 16.6895 19.6954V21.0088C16.6895 21.1121 16.6342 21.191 16.5307 21.191H15.39C15.2865 21.191 15.189 21.1121 15.189 21.0088V19.6954C15.1886 19.5919 15.118 19.5028 15.0145 19.5028H13.6897C13.5862 19.5028 13.5006 19.4235 13.5006 19.3202V18.1893C13.5006 18.0858 13.5862 18.0023 13.6897 18.0023H15.0145C15.118 18.0023 15.1886 17.9178 15.1886 17.8142V16.4992C15.1886 16.3957 15.2862 16.3141 15.3896 16.3141H16.518C16.6213 16.3141 16.6893 16.3957 16.6893 16.4992V17.818C16.6893 17.9217 16.7895 18.0021 16.8932 18.0021H18.1759C18.2792 18.0021 18.3777 18.0897 18.3777 18.1932V19.3202V19.3202Z' fill='%23c0c1c8'%3e%3c/path%3e%3c/svg%3e");
    display: flex;
    margin: 1rem 0;
    padding: 0.25rem 0;
    padding-left: 2rem;
    background-size: 1.5rem;
    background-position: left top 0.2rem; flex-wrap: wrap;
}
.portfolio__doc a { margin-left: .2rem;   color: var(--color__fill-1); font-weight: 600; text-decoration: none}
.portfolio__doc a:hover {  color: var(--color__fill-1-h); }

.portfolio__connections {}

.portfolio__info {
    padding: .5rem 2rem;
}
.portfolio__desc 
{padding: 0.5rem 2rem;}
.portfolio {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
}
.portfolio__desc.--before .portfolio__h3 {color: var(--color__fill-2); }
.portfolio__h3 { font-size: 1.3rem; color: var(--color__fill-1);  font-weight: 700; margin-bottom: .5rem;}
.portfolio__connections {
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--color__border);
    padding-bottom: 2rem;
    display: grid;
    grid-gap: .5rem;
}

.portfolio__label {
    position: absolute;
    z-index: 2;
    top: 1.5rem;
    height: 2rem;
    background-color: var(--color__fill-1);
    color: white;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border-radius: 1rem;
    font-weight: 600;
}

.portfolio__label.--right {
    right: 1.5rem;
}

.portfolio__label.--left {
    left: 1.5rem;
}
.review__connection {
    padding-left: 2rem;
    background-size: contain;
}

.portfolio-filter__sections {
    padding: .25rem;
    border-radius: 1rem;
    border: .125rem solid transparent;
    background-color: white;
    height: 3.5rem;
    background-position: calc(100% - 1.25rem) center;
    box-shadow: 0px 0.75rem 3.5rem rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
}

.portfolio-filter__section-link {
    padding: 0 1.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: .5rem;
    transition: all ease .24s;
    font-weight: 600;
    cursor: pointer;
}

.portfolio-filter__section-link.is-active {
    background-color: var(--color__fill-1);
    color: white;
    pointer-events: none;
}

.portfolio-filter__section-link:hover {
    background-color: #f9eff0;
    color: var(--color__fill-1);
}

.history-of-health {
    background-color: white;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0px 14px 56px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.history-of-health .portfolio__connections {
    margin: 0;
    padding: 0;
    border: 0;
}



@media screen and (max-width: 640px) { 

.portfolio__sravnenie { height: 10rem}
 }
@media screen and (min-width: 768px) {  
 
    .portfolio-carusel {
        margin: 0 !important;
        padding: 3.5rem 0 !important;
        border-bottom: 1px solid var(--color__border);
        border-radius: 0 !important;
    }


}