@import url(https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600;700&display=swap);

.health-care {
    padding-top: 6.25vw;
}

.sub-header {
    background: var(--health-care-blue, #00006a);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4.5833vw;
    padding: 0;
    margin: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 68px;
    z-index: 100
}

.sub-header li {
    margin: 0;
    padding: .8333vw 0;
    list-style: none
}

.sub-header li a {
    color: var(--White, #fff);
    font-size: 1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25vw
}

.hc-hero {
    position: relative;
    padding: 4.6875vw 0 27.0833vw;
    background: #351B83;
    overflow: hidden
}

.hc-hero .wrap {
    width: 63.8021vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column
}

.hc-hero .logo {
    width: 4.6875vw
}

.hc-hero .title p {
    max-width: 56.25vw;
    color: var(--White, #fff);
    text-align: center;
    font-size: 3.125vw;
    font-style: normal;
    font-weight: 700;
    line-height: 4.1667vw
}

.hc-hero .title p span {
    background: var(--Healthcare-green, linear-gradient(354deg, #00B7EF 6.95%, #3BEB9B 94.95%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hc-hero .text {
    text-align: left;
    max-width: 54.9479vw;
    color: var(--White, #fff);
    text-align: center;
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.hc-hero a.btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-top: 1.25vw;
    border-radius: 60px;
    background: 0 0;
    padding: .6771vw 1.0417vw;
    color: var(--White, #FFF);
    text-align: center;
    font-size: 1vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25vw;
    transition: all .4s linear;
    margin-bottom: -1.1979vw;
    height: 2.9167vw;
    width: 8.3333vw;
}

.hc-hero a.btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-radial, radial-gradient(119.81% 157.5% at 50% -57.5%, #00B7EF 43.71%, #6B1FFF 100%));
    opacity: 1;
    transition: all .4s linear;
    z-index: -1
}

.hc-hero a.btn:hover {
    text-decoration: none;
    background: var(--White, #FFF);
    color: var(--Dark, #0d0a46)
}

.hc-hero a.btn:hover::before {
    opacity: 0
}

.hc-hero .bg {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 27.0833vw;
    display: flex;
    justify-content: space-between;
    gap: 1.25vw
}

.hc-hero .bg img {
    opacity: .5;
    -o-object-fit: cover;
    object-fit: cover
}

.hc-hero .bg img:nth-child(1) {
    width: 12vw;
    -o-object-position: right;
    object-position: right
}

.hc-hero .bg img:nth-child(5) {
    width: 12vw;
    -o-object-position: left;
    object-position: left
}

.hc-hero .bg .img-col {
    display: flex;
    flex-direction: column;
    gap: 1.25vw;
    height: 100%
}

.hc-hero .bg .img-col img {
    width: 21.875vw;
    height: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.hc-promo {
    max-width: 1225px;
    margin: 0 auto;
    margin-top: -160px;
    border-radius: 32px;
    border: 1px solid rgba(0, 0, 106, .2);
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(22, 12, 121, .35);
    position: relative;
    overflow: hidden;
    padding: 88px 510px 88px 55px
}

.hc-promo img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}

.hc-promo .text {
    text-align: left;
    color: var(--health-care-blue, #00006a);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px
}

.hc-approach {
    padding: 1.6667vw 0
}

.hc-approach .wrap {
    max-width: 63.8021vw;
    margin: 0 auto
}

.hc-approach h2.title {
    color: var(--health-care-blue, #00006a);
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5vw;
    text-align: center
}

.hc-approach__items {
    margin: 3.75vw 0 0;
    display: flex;
    justify-content: center;
    gap: 1.25vw
}

.hc-approach__item {
    width: 20.3125vw;
    padding: 1.25vw;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 106, .11);
    background: var(--White, #fff);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 106, .05);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25vw;
    text-align: center;
    background-color: #fff
}

.hc-approach__item img {
    width: 4.1667vw;
}

.hc-approach__item .text {
    color: var(--health-care-blue, #00006a);
    text-align: center;
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25vw
}

.wwd {
    padding: 3.3333vw 0
}

.wwd .wrap {
    max-width: 63.8021vw;
    margin: 0 auto
}

.wwd__img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 2.5vw;
    width: 31.25vw;
}

.wwd h2.title {
    max-width: 47.9167vw;
    color: var(--health-care-blue, #00006a);
    text-align: center;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.3333vw;
    display: block;
    margin: 0 auto;
    margin-bottom: .7813vw
}

.wwd .text {
    max-width: 27.3438vw;
    color: var(--health-care-blue, #00006a);
    text-align: center;
    font-size: 1.0417vw;
    font-weight: 400;
    line-height: 150%;
    display: block;
    margin: 0 auto
}

.wwd__items {
    margin-top: 3.3333vw;
    display: flex;
    justify-content: space-between;
    gap: 1.25vw
}

.wwd__item {
    width: 20.3125vw
}

.wwd__item img {
    width: 100%;
    height: 14.5833vw;
    margin-bottom: .8333vw;
    object-fit: cover;
}

.wwd__item .title {
    text-align: left;
    color: var(--health-care-blue, #00006a);
    font-size: 1.875vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5vw;
    margin-bottom: .4167vw;
    display: flex;
    justify-content: left
}

.wwd__item .point {
    display: flex;
    gap: .4167vw;
    align-items: flex-start;
    color: var(--health-care-blue, #00006a);
    font-size: .8333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: .625vw
}

.wwd__item .point svg {
    min-width: 1.0417vw;
    height: 1.0417vw;
    margin-top: .1563vw
}

.hc-clients {
    padding: 3.3333vw 1.6667vw
}

.hc-clients .wrap {
    width: 63.8021vw;
    margin: 0 auto;
    display: flex;
    gap: 7.0313vw
}

.hc-clients h2.title {
    text-align: left;
    color: var(--health-care-blue, #00006a);
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.3333vw;
    margin-bottom: 3.3333vw;
    align-items: flex-start;
    justify-content: flex-start
}

.hc-clients .tabs {
    width: 22.1354vw;
    display: flex;
    flex-direction: column;
    gap: .4167vw
}

.hc-clients .tabs .tab {
    cursor: pointer;
    padding: 1.25vw;
    border-radius: .8333vw;
    border: 1px solid rgba(0, 0, 106, .11);
    background: var(--White, #fff);
    transition: all .45s ease;
    display: flex
}

.hc-clients .tabs .tab img {
    min-width: 3.75vw;
    width: 3.75vw;
    height: 3.75vw;
    border-radius: 100%;
    display: none
}

.hc-clients .tabs .tab .title {
    text-align: left;
    color: var(--health-care-blue, #00006a);
    font-size: .9375vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25vw;
    display: flex;
    justify-content: left;
    margin-bottom: 0
}

.hc-clients .tabs .tab .text {
    text-align: left;
    color: var(--health-care-blue, #00006a);
    font-size: .7292vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25vw
}

.hc-clients .tabs .tab.active {
    border-radius: 16px;
    background: #351B83;
    box-shadow: 0 0 10px 0 rgba(22, 12, 121, .05)
}

.hc-clients .tabs .tab.active .text,
.hc-clients .tabs .tab.active .title {
    text-align: left;
    color: var(--White, #fff)
}

.hc-clients .tabs .tab.active .text {
    color: #43E6A2;
}

.hc-clients__items {
    width: 34.6354vw;
    position: relative
}

.hc-clients__item {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: opacity .45s ease
}

.hc-clients__item .title {
    text-align: left;
    color: var(--health-care-blue, #00006a);
    font-size: 1.875vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5vw
}

.hc-clients__item .text {
    text-align: left;
    color: var(--health-care-blue, #00006a);
    font-size: 1.0417vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.hc-clients__item .stars {
    margin: .8333vw 0
}

.hc-clients__item.active {
    position: static;
    opacity: 1;
    visibility: visible
}

.hc-logos {
    margin-bottom: 5vw
}

.hc-logos .wrap {
    width: 63.8021vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 2.5vw;
    align-items: center
}

.hc-logos .wrap img {
    max-width: 15.625vw;
    width: 19%;
}

.hc-services {
    background: linear-gradient(180deg, rgba(247, 248, 252, 0.00) 0%, #F7F8FC 100%);
    padding: 3.3333vw 1.6667vw;
    position: relative
}

.hc-services .bg {
    position: absolute;
    width: 88.8542vw;
    max-width: 90%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 99%
}

.hc-services .ui-el {
    position: absolute;
    z-index: 1;
    top: -7.0313vw;
    left: 0;
    width: 24.0625vw;
}

.hc-services .wrap {
    position: relative;
    width: 63.8021vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 1.25vw;
    z-index: 3;
    flex-wrap: wrap
}

.hc-services__item {
    width: 31%;
    padding: 1.6667vw;
    display: flex;
    flex-direction: column;
    align-items: center
}

.hc-services__item img {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 3.75vw
}

.hc-services__item .title {
    color: var(--health-care-blue, #00006a);
    text-align: center;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6667vw;
    margin: .5208vw 0
}

.hc-services__item .text {
    text-align: center;
    color: #585775;
    font-size: 1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.hc-services__item:not(:first-child) {
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 106, .1);
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(22, 12, 121, .35)
}

.hc-services__item:first-child {
    align-items: flex-start;
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0
}

.hc-services__item:first-child .title {
    color: var(--White, #fff);
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.3333vw;
    text-align: left
}

.health-care .home-news.n24::before {
    height: 100%;
}

.health-care .home-news.n24 .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* 

.health-care .home-news {
    background-color: #F7F8FC;
	padding-bottom: 7.5vw;
}

.health-care .home-news h2.title {
    text-align: left;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    color: var(--health-care-blue, #00006a);
    text-align: center;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.3333vw
} 

*/

/* 

.health-care .cta-bot {
    background: linear-gradient(180deg, #F7F8FC, 50.99%, #351b83 51%)
}

.health-care .cta-bot .wrap {
    padding: 3.3333vw;
    border-radius: 12px;
    background: var(--White, #FFF);
    box-shadow: 0 0 10px 0 rgba(22, 12, 121, .05)
}

.health-care .cta-bot .wrap img {
    width: auto;
    height: 126%
}

.health-care .cta-bot .title {
    max-width: 23.4375vw;
    color: var(--health-care-blue, #0D0A46);
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.3333vw
}

.health-care .cta-bot .btn::before {
    background: linear-gradient(354deg, #00b7ef 6.95%, #3beb9b 94.95%)
}

.health-care .cta-bot .btn:hover {
    color: #fff
}

*/

.hc-team {
    background: #F7F8FC;
    padding: 3.3333vw 0
}

.hc-team .wrap {
    max-width: 63.8021vw;
    margin: 0 auto;
    position: relative
}

.hc-team h2.title {
    color: var(--health-care-blue, #00006a);
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.3333vw;
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 2.5vw;
}

.hc-team_swiper {
    position: static;
    padding: .5vw .5vw 3.3333vw ;
}

.hc-team .swiper-button-next::after,
.hc-team .swiper-button-prev::after,
.hc-team .swiper-rtl .swiper-button-next::after,
.hc-team .swiper-rtl .swiper-button-prev::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MCA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImFycm93IC8gbGVmdCI+CjxyZWN0IHg9IjM5IiB5PSIzOS43MzI0IiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHJ4PSIxOSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4MCAzOSAzOS43MzI0KSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMzkiIHk9IjM5LjczMjQiIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgcng9IjE5IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTgwIDM5IDM5LjczMjQpIiBzdHJva2U9InVybCgjcGFpbnQwX2xpbmVhcl83NjAzXzExNTg3KSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0yMy4zMzIgMTIuMzk5N0wxNC45OTg3IDIwLjczMzFMMjMuMzMyIDI5LjA2NjQiIHN0cm9rZT0iIzJGMkQ2MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzc2MDNfMTE1ODciIHgxPSI2MCIgeTE9IjQwLjczMjQiIHgyPSI2MCIgeTI9IjgwLjczMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzZCMUZGRiIvPgo8c3RvcCBvZmZzZXQ9IjAuMDAwMSIgc3RvcC1jb2xvcj0iIzZCMUZGRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMEI3RUYiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K);
}

.hc-team .swiper-button-next {
    transform: rotate(180deg);
    right: -30px
}

.hc-team .swiper-button-prev {
    left: -30px
}

.hc-team_swiper .swiper-pagination {
    position: relative;
    bottom: unset;
    margin-top: 1.875vw;
}

.hc-team .swiper-pagination-bullet {
    background: var(--Stroke, #e6e2f0);
    opacity: 1;
    width: .625vw;
    height: .625vw;
    transition: all .3s ease
}

.hc-team .swiper-pagination-bullet-active {
    background: var(--gradient-radial, radial-gradient(119.81% 157.5% at 50% -57.5%, #00b7ef 43.71%, #6b1fff 100%))
}

.hc-team__item {
    position: relative;
    display: flex;
    flex-direction: column;
    height: unset;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(22, 12, 121, .15);
    overflow: hidden;
}

.hc-team__item .open-descr {
    cursor: pointer;
    position: absolute;
    right: .2604vw;
    top: .2604vw;
    z-index: 100;
}

.hc-team__item .open-descr path {
    transition: all .35s ease;
}


.hc-team__item .descr {
    width: 85%;
    height: 90%;
    visibility: hidden;
    opacity: 0;
    top: 0;
    transition: all .35s ease;
    padding: 1.25vw;
    position: absolute;
    background-color: #0D0A46;
    color: #FFF;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25vw;
    z-index: 10;
}

.hc-team__item.active .descr {
    visibility: visible;
    opacity: 1;
}

.hc-team__item.active .open-descr path {
    fill: #fff;
}

/* .hc-team__item .descr::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    background-image: url("./img/descr-ui.svg");
    width: 11.9792vw;
    height: 13.0208vw;
    background-size: cover;
    z-index: -1;
} */

.hc-team__item img {
    width: 100%;
    height: 12.9167vw;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom
}

.hc-team__item .content {
    background: #0D0A46;
    display: flex;
    flex: 1 0 auto;
    padding: 1.6667vw .8333vw;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.hc-team__item .content .name {
    color: #fff;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6667vw;
    margin-bottom: .1042vw;
}

.hc-team__item .content .post {
    max-width: 13.2813vw;
    text-align: center;
    color: #3beb9b;
    font-size: .8333vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25vw;
    margin-bottom: .4167vw
}

.n-mobile {
    display: none
}

@media screen and (max-width:1024px) {
    .health-care {
        padding-top: 16vw;
    }

    .hc-team__item .content .name {
        font-size: 24px;
        line-height: 32px;
    }

    .hc-team__item .content .post {
        font-size: 16px;
        line-height: 24px;
    }
}

@media screen and (max-width:768px) {
    .health-care {
        padding-top: 26vw;
    }

    .sub-header {
        padding-top: 55px;
        padding-bottom: 24px;
        position: fixed;
        top: 22.5vw;
        left: 0;
        z-index: 100;
        flex-direction: column;
        width: 100vw;
        gap: 0;
        background: 0 0;
        overflow: hidden;
        max-height: 50px;
        transition: all .45s ease
    }

    .sub-header::before {
        content: "SmartCo Health Menu";
        width: 100%;
        height: 55px;
        background-color: var(--Dark, #0d0a46);
        position: absolute;
        top: -5px;
        left: 50%;
        transform: translate(-50%, 5%);
        color: var(--White, #fff);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .sub-header::after {
        content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M5 5.83333L0 0H10L5 5.83333Z" fill="white"/></svg>');
        position: absolute;
        top: 22px;
        right: 25px;
        transform: translate(-50%, -50%);
        transition: all .45s ease
    }

    .sub-header li {
        padding: 10px 0;
        opacity: 0;
        transition: all .45s ease
    }

    .sub-header li a {
        color: var(--White, #fff);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px
    }

    .sub-header.active {
        background-color: var(--Dark, #0d0a46);
        max-height: 50vh
    }

    .sub-header.active::after {
        transform: translate(-50%, -50%) rotate(180deg)
    }

    .sub-header.active li {
        opacity: 1
    }

    .hc-hero {
        padding-top: 120px;
        padding-bottom: 260px
    }

    .hc-hero.no-promo-space {
        padding-bottom: 25vw
    }

    .hc-hero .wrap {
        width: 100%;
    }

    .hc-hero .logo {
        width: 90px
    }

    .hc-hero .title p {
        margin-top: 24px;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        max-width: 100%;
    }

    .hc-hero .text {
        color: var(--White, #fff);
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        max-width: 100%;
    }

    .hc-hero a.btn {
        margin-top: 24px;
        border-radius: 60px;
        padding: 13px 20px;
        font-size: 18px;
        line-height: 24px;
        height: 56px;
        width: 100%;
        margin-bottom: 28px
    }

    .hc-hero .bg {
        height: 100px;
        gap: 4px
    }

    .hc-hero .bg .img-col {
        gap: 4px
    }

    .hc-hero .bg img:nth-child(1) {
        width: 230px;
    }

    .hc-hero .bg img:nth-child(5) {
        width: 230px;
    }

    .hc-hero .bg .img-col img {
        width: 420px;
    }

    .hc-promo {
        width: 90%;
        margin: 0 auto;
        padding: 32px;
        padding-bottom: 160px;
        margin-top: -35%
    }

    .hc-promo .text {
        color: var(--health-care-blue, #00006a);

        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px
    }

    .hc-promo img {
        z-index: -1;
        transform: rotate(90deg);
        height: 114vw;
        -o-object-fit: contain;
        object-fit: contain;
        max-width: initial;
        right: -70vw;
        bottom: -55vw;
        top: initial
    }

    .wwd {
        padding: 32px 0
    }

    .wwd .wrap {
        max-width: 100%;
    }

    .wwd .title {
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px;
        margin-bottom: 8px;
    }

    .wwd h2.title {
        margin-top: 32px;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        max-width: 100%;
    }

    .wwd .text {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        max-width: 100%;
    }

    .wwd__items {
        flex-direction: column;
        gap: 24px
    }

    .wwd__item {
        width: 100%
    }

    .wwd__item h2.title {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px
    }

    .wwd__item .point {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px
    }

    .wwd__item .point svg {
        min-width: 20px;
        height: 20px;
        margin-top: 3px;
    }

    .wwd__item img {
        height: 60vw;
        -o-object-fit: cover;
        object-fit: cover
    }

    .wwd__img {
        margin-top: 48px;
        width: 600px;
    }

    .hc-approach {
        padding: 32px 0
    }

    .hc-approach .wrap {
        max-width: 100%;
    }

    .hc-approach h2.title {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px
    }

    .hc-approach__items {
        margin: 32px 0;
        margin-bottom: 0;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start
    }

    .hc-approach__item {
        width: 100%;
        flex-direction: row;
        gap: 24px;
        padding: 24px;
    }

    .hc-approach__item img {
        width: 80px;
    }

    .hc-approach__item .text {
        text-align: left;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px
    }

    .hc-clients {
        padding: 32px 0
    }

    .hc-clients h2.title {
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px;
        margin-bottom: 24px
    }

    .hc-clients .wrap {
        flex-direction: column;
        gap: 32px;
        max-width: 100%;
        width: 100%;
    }

    .hc-clients .tabs {
        width: 100%
    }

    .hc-clients .tabs .tab {
        width: 100%;
        padding: 24px;
    }

    .hc-clients .tabs .tab .title {
        font-size: 18px;
        line-height: 24px;
    }

    .hc-clients .tabs .tab .text {
        font-size: 14px;
        line-height: 24px;
    }

    .hc-clients__items {
        width: 100%
    }

    .hc-clients__item .title {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px
    }

    .hc-clients__item .text {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px
    }

    .hc-logos {
        padding: 24px 0 32px;
        margin-bottom: 0
    }

    .hc-logos .wrap {
        gap: 6vw;
        flex-direction: row;
        justify-content: space-around
    }

    .hc-logos .wrap img {
        width: 46%;
        max-width: 300px;
    }

    .hc-services {
        padding: 0;
        padding-bottom: 32px
    }

    .hc-services .wrap {
        justify-content: center;
        width: 100%;
    }

    .hc-services .ui-el {
        display: none
    }

    .hc-services .hc-services__item:first-child {
        width: 100%;
        padding: 0
    }

    .hc-services .hc-services__item:first-child .title {
        color: var(--health-care-blue, #00006a);

        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px
    }

    .hc-services .bg {
        display: none
    }

    .hc-services .bg.n-mobile {
        display: block;
        width: 100%;
        height: 85%;
        top: 55%;
        max-width: initial
    }

    .hc-services__item {
        width: 392px;
        padding: 32px;
    }

    .hc-services__item img {
        height: 72px;
    }

    .hc-services__item .title {
        font-size: 24px;
        line-height: 32px;
        margin: 10px 0;
    }

    .hc-services__item .text {
        font-size: 16px;
    }

    /*
 
	.health-care .cta-bot .wrap {
        padding: 32px 24px;
        height: 400px;
    }

    .health-care .cta-bot .wrap .title {
        color: var(--health-care-blue, #0D0A46);
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px;
        max-width: 100vw;
    }

    .health-care .cta-bot .wrap .content {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }

    .health-care .cta-bot .wrap .btn {
        width: 100%;
        color: #fff !important
    }

    .health-care .cta-bot .wrap .btn::before {
        opacity: 1 !important
    }

    .health-care .cta-bot .wrap img {
        left: unset;
        max-width: 370px;
        height: auto
    }

	*/

    .hc-team {
        padding: 32px 0;
        overflow: hidden
    }

    .hc-team h2.title {
        color: var(--health-care-blue, #00006a);

        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px
    }

    .hc-team .swiper {
        overflow: visible
    }

    .hc-team__item .descr {
        width: 87%;
    }

    .hc-team {
        padding: 64px 0
    }

    .hc-team .wrap {
        max-width: 100%;
    }

    .hc-team_swiper {
        position: static;
        padding-bottom: 3.3333vw;
        padding: .5208vw .2604vw 0;
    }

    .hc-team .swiper-button-next::after,
    .hc-team .swiper-button-prev::after,
    .hc-team .swiper-rtl .swiper-button-next::after,
    .hc-team .swiper-rtl .swiper-button-prev::after {
        content: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" rx="8" transform="matrix(-1 0 0 1 48 0)" fill="white"/><rect x="-0.5" y="0.5" width="47" height="47" rx="7.5" transform="matrix(-1 0 0 1 47 0)" stroke="%2300006A" stroke-opacity="0.1"/><path d="M22.9189 24L31 16.3333L28.5405 14L18 24L28.5405 34L31 31.6667L22.9189 24Z" fill="%2300006A"/></svg>')
    }

    .hc-team .swiper-button-next {
        transform: rotate(180deg);
        right: -50px
    }

    .hc-team .swiper-button-prev {
        left: -50px
    }

    .hc-team_swiper .swiper-pagination {
        bottom: -30px;
    }

    .hc-team .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }

    .hc-team__item {
        margin-right: 20px !important;
        width: 100% !important;
    }

    .hc-team__item .open-descr {
        right: 5px;
        top: 5px;
    }

    .hc-team__item .descr {
        padding: 24px;
        font-size: 16px;
        line-height: 24px;
    }

    /* .hc-team__item .descr::after {
        width: 230px;
        height: 250px;
    } */

    .hc-team__item img {
        height: 248px;
    }

    .hc-team__item .content {
        padding: 24px 0;
    }

    .hc-team__item .content .name {
        font-size: 24px;
        line-height: 32px
    }

    .hc-team__item .content .post {
        max-width: 255px;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px
    }

    /*     
 	
	.health-care .home-news h2.title {
        font-size: 48px;
        line-height: 64px
    }
	
	*/
}