/* Start:/local/templates/research/components/bitrix/menu/top/style.css?1721635651947*/
.top-menu {
    display: flex;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    gap: 32px;
    justify-content: flex-end;
}
.top-menu a {
    white-space: nowrap;
    font: var(--text2-semibold);
    color: var(--project-text-color);
}
.top-menu a:hover {
    color: var(--project-color-hover);
}
.top-menu:has(.top-menu-center) {
    justify-content: flex-start;
}
a.top-menu-center {
    font: var(--text3-regular);
}
.top-menu a.selected {
    color: var(--project-color);
}


@media (max-width: 768px) {
    .top-menu {
        flex-direction: column;
        align-items: stretch;
        gap: 19px;
        margin: 36px 0 0;
    }
    .top-menu a {
        font: var(--text2-semibold);
    }
}
@media (hover: none) and (pointer: coarse) {
    .top-menu a:hover {
        color: var(--project-text-color);
    }
    .top-menu a:active {
        color: var(--project-color-hover);
    }
}
/* End */


/* Start:/local/templates/research/components/bitrix/system.auth.form/info/style.css?17216356511435*/
.auth-btn {
    display: inline-block;
    padding: 12px 55px;
    font: var(--text3-semibold);
    text-align: center;
    white-space: nowrap;
    color: var(--project-add-color);
    background-color: #F0F6F7;
    border-radius: 8px;
    transition: color 0.3s, background-color 0.3s;
}
.auth-btn:hover {
    color: #fff;
    background-color: var(--project-color);
}
.auth-btn:active {
    color: var(--project-other-color);
    background-color: var(--project-color-hover);
}
.auth-lk {
    padding: 12px 21px;
}
.auth-exit {
    font: var(--text2-semibold);
    color: var(--project-text-color);
    transition: color 0.3s;
}
.auth-exit:hover {
    color: var(--project-color-hover);
}


@media (max-width: 768px) {
    .auth-btn {
        width: 340px;
        max-width: 100%;
        margin-top: 32px;
        padding: 17px;
        color: #fff;
        background-color: var(--project-color);
    }
    .auth-btn:only-child {
        margin-top: 36px;
    }
    .auth-exit {
        display: block;
        margin-top: 19px;
    }
}
@media (hover: none) and (pointer: coarse) {
    .auth-btn:hover {
        color: var(--project-add-color);
        background-color: #F0F6F7;
    }
    .auth-btn:active {
        color: #fff;
        background-color: var(--project-color);
    }
    .auth-exit:hover {
        color: var(--project-text-color);
    }
    .auth-exit:active {
        color: var(--project-color-hover);
    }
}
/* End */


/* Start:/local/templates/research/components/bitrix/breadcrumb/.default/style.css?1721890374978*/
.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
}

.breadcrumbs__items {
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumbs__item {
    color: #93979C;
    line-height: 1.3;
}

.breadcrumbs__item:last-child a,
.breadcrumbs__item a:hover {
    color: var(--project-text-color);
}

.breadcrumbs__item a,
.breadcrumbs__item p {
    margin: 0 5px;
    color: #93979C;
    font: var(--text4-medium);
    text-decoration: none;
    transition: color 0.3s;
}

.breadcrumbs__item:not(:last-child)::after {
    content: "/";
    color: #93979C;
}

@media (max-width: 768px) {
    .breadcrumbs {
        display: none;
    }
}
/* End */


/* Start:/local/templates/research/components/bitrix/menu/left/style.css?17210453571144*/
.nav-links {
    position: relative;
    margin-bottom: 24px;
}

.nav-links::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #E7EAEE;
    border-radius: 100px;
}

.nav-links ul {
    position: relative;
    display: flex;
    top: 0;
    left: 0;
    height: 47px;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.nav-links li {
    display: inline-block;
    position: relative;
    padding-bottom: 24px;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    white-space: nowrap;
}

.nav-links li:not(:first-child) {
    margin-left: 40px;
}

.nav-links a {
    color: var(--project-text-color);
}

.nav-links a.selected {
    color: var(--project-add-color);
}

.nav-links a.selected::after {
    z-index: 10;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: var(--project-color);
    border-radius: 100px;
}

@media (max-width: 1024px) {
    .nav-links {
        margin: 0 -16px 24px;
    }

    .nav-links ul {
        padding: 0 16px;
    }
}
/* End */


/* Start:/bitrix/components/bitrix/landing.cookies/templates/.default/style.min.css?17311380657126*/
.bx-landing-cookies-popup-warning{padding:17px 25px;background-color:#fff;position:fixed;bottom:0;right:0;left:0;z-index:10150;opacity:.96;color:#333;box-shadow:0 -4px 14px 0 rgba(0,0,0,.1);display:none}.bx-landing-cookies-popup-warning-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center}.bx-landing-cookies-popup-warning-text,.bx-landing-cookies-popup-warning-link{font:17px/19px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.bx-landing-cookies-popup-warning-link{cursor:pointer;color:#0b66c3}.bx-landing-cookies-popup-warning-right{display:flex;margin-left:46px}.bx-landing-cookies-popup-warning-right span{height:45px;padding:0 30px}.bx-landing-cookies-button-close{position:absolute;top:28px;right:28px;cursor:pointer;width:19px;height:19px;	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2219%22%20height%3D%2219%22%3E%3Cpath%20fill%3D%22%23707880%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.813%200L19%201.188%2010.687%209.5%2019%2017.813%2017.812%2019%209.5%2010.687%201.187%2019%200%2017.812%208.313%209.5%200%201.187%201.188%200%209.5%208.313%2017.813%200z%22%20opacity%3D%221%22/%3E%3C/svg%3E); transition:opacity .2s linear;opacity:.3}.bx-landing-cookies-button-close:hover{opacity:1}.bx-landing-cookies-popup{background:#fff;max-height:848px;position:fixed;left:50%;top:100px;display:none;z-index:10151;max-width:1080px;width:calc(100% - 40px);transform:translateX(-50%);color:#333;padding:50px 76px 36px 67px;overflow:hidden;box-shadow:0 6px 21px 0 rgba(83,92,105,.15)}.bx-landing-cookies-popup-content{font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));max-height:460px;overflow-y:auto;padding:0 18px 25px 0}.bx-landing-cookies-popup-title{font:30px/40px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);padding-left:49px;position:relative;margin-bottom:26px;margin-left:9px}.bx-landing-cookies-popup-title:before{content:'';position:absolute;left:0;top:3px;	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2234%22%20height%3D%2234%22%3E%3Cpath%20fill%3D%22%232FC6F6%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17%200c1.075%200%202.126.1%203.146.29.487.092.694.67.53%201.138a3.479%203.479%200%20002.948%204.615c.296.002.519.27.492.565a7.465%207.465%200%20008.902%208.011c.419-.083.846.18.89.604.06.583.092%201.177.092%201.777%200%209.389-7.611%2017-17%2017S0%2026.389%200%2017%207.611%200%2017%200zm.5%2023a3.5%203.5%200%20100%207%203.5%203.5%200%20000-7zM9%2018a2%202%200%20100%204%202%202%200%20000-4zm13-1a2%202%200%20100%204%202%202%200%20000-4zm-8.5-9a3.5%203.5%200%20100%207%203.5%203.5%200%20000-7z%22/%3E%3C/svg%3E); width:34px;height:34px}.bx-landing-cookies-main-agreement{font-size:15px;line-height:21px;margin-bottom:24px;padding-left:9px;padding-right:9px}.bx-landing-cookies-popup-subtitle{font:19px/27px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);margin-bottom:8px;padding-left:9px}.bx-landing-cookies-popup-subtitle-detail{color:#535c69;font-size:14px;margin-bottom:21px;padding-left:9px}.bx-landing-cookies-main-agreement-block{background:rgba(47,198,246,.12);display:flex;align-items:center;justify-content:space-between;padding:9px 14px 9px 9px;margin-bottom:15px}.bx-landing-cookies-main-agreement-block-name{font:15px/21px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);color:#333}.bx-landing-cookies-switcher{color:#2066b0;font-size:14px;line-height:18px;cursor:pointer;border-bottom:1px dashed rgba(32,102,176,.4);transition:border .2s linear}.bx-landing-cookies-switcher:hover{border-bottom-color:rgba(32,102,176,1)}.bx-landing-cookies-analytics-title{font:14px/20px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);color:#333}.bx-landing-cookies-analytics-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid #edeef0}.bx-landing-cookies-analytics-content{color:#525c69;font:13px/18px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.bx-landing-cookies-popup-footer{text-align:center;padding-top:34px;border-top:1px solid #dcdeef;margin:0 18px 0 9px}.bx-landing-cookies-analytics-block+.bx-landing-cookies-analytics-block{margin-top:19px}.bx-landing-cookies-analytic-agreements,.bx-landing-cookies-technical-agreements,.bx-landing-cookies-other-agreements{padding:0 7px 20px 9px}.bx-landing-cookies-analytics-content a,.bx-landing-cookies-analytics-content a:hover{color:#0b66c3}.bx-landing-cookies-popup-notice{height:27px;border-radius:14px;background:#00c1ff;color:#fff;align-items:center;position:fixed;bottom:11px;cursor:pointer;overflow:hidden;display:none;transition:width .2s linear;padding:0 4px 0 6px;width:27px;z-index:11}.bx-landing-cookies-popup-notice-text-wrap{width:0;opacity:0;transition:opacity .2s linear;font:14px/20px var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.bx-landing-cookies-popup-notice-text{padding:0 2px 0 5px}.bx-landing-cookies-popup-notice-full .bx-landing-cookies-popup-notice-text-wrap{opacity:1}.bx-landing-cookies-popup-notice-svg-wrap{display:flex;align-items:center;justify-content:center}.bx-landing-cookies-popup-overlay{background:#000;opacity:.3;right:0;left:0;top:0;bottom:0;position:absolute;z-index:10150}.bx-landing-cookies-analytics-block-disabled .ui-switcher{opacity:.6;pointer-events:none}@media(max-width:750px){.bx-landing-cookies-popup-warning-right span{padding:0 26px}.bx-landing-cookies-popup-warning-right{margin-left:0}.bx-landing-cookies-popup-warning-left{margin-bottom:20px}.bx-landing-cookies-popup-warning-inner{flex-direction:column;align-items:flex-start}.bx-landing-cookies-popup-warning-text,.bx-landing-cookies-popup-warning-link{font-size:15px;display:inline-block}.bx-landing-cookies-popup{padding:40px 20px 36px}}@media(max-width:650px){.bx-landing-cookies-popup-warning-inner{align-items:center}.bx-landing-cookies-popup-warning-inner .bx-landing-cookies-popup-warning-right{display:flex;flex-direction:column}.bx-landing-cookies-popup-warning-inner .bx-landing-cookies-popup-warning-right .ui-btn{margin:15px 0 0 0}.bx-landing-cookies-popup-warning-inner .bx-landing-cookies-popup-warning-right .ui-btn:first-child{margin:0}}@media(max-width:450px){.bx-landing-cookies-popup-footer{display:flex;flex-direction:column;align-items:center}.ui-btn.bx-landing-cookies-button-cancel{margin-top:15px;margin-left:0}.bx-landing-cookies-popup-title{font-size:22px;line-height:30px}.bx-landing-cookies-popup-title:before{top:0}.bx-landing-cookies-popup{width:calc(100% - 20px)}}@media(max-height:780px){.bx-landing-cookies-popup-content{max-height:380px}.bx-landing-cookies-popup{top:50px}}@media(max-height:630px){.bx-landing-cookies-popup-content{max-height:270px}}
/* End */


/* Start:/local/templates/research/styles.css?17517418979488*/
:root {
    --project-color: #16A0B1;
    --project-color-hover: #077684;
    --project-add-color: #0B7B89;
    --project-other-color: #A9B1BC;
    --project-text-color: #1F2D3D;
    --project-add-text-color: #8E9093;
    --project-background-color: #F9F9FB;
    /* Шрифт заголовков */
    --project-font: 'Manrope', sans-serif;
    --heading1-extrabold: 800 46px/133% "Manrope", sans-serif;
    --heading1-bold: 700 46px/58px "Manrope", sans-serif;
    --heading2-bold: 700 40px/130% "Manrope", sans-serif;
    --heading3-bold: 700 34px/48px "Manrope", sans-serif;
    --heading3-semibold: 600 34px/48px "Manrope", sans-serif;
    --heading4-bold: 700 28px/93% "Manrope", sans-serif;
    --heading5-bold: 700 24px/32px "Manrope", sans-serif;
    --heading5-semibold: 600 22px/127% "Manrope", sans-serif;
    /* Шрифт текста */
    --text1-medium: 500 20px/140% "Manrope", sans-serif;
    --text1-semibold: 600 20px/27px "Manrope", sans-serif;
    --text2-medium: 500 18px/21px "Manrope", sans-serif;
    --text2-semibold: 600 18px/27px "Manrope", sans-serif;
    --text2-bold: 700 18px/26px "Manrope", sans-serif;
    --text3-regular: 400 16px/150% "Manrope", sans-serif;
    --text3-medium: 500 16px/150% "Manrope", sans-serif;
    --text3-semibold: 600 16px/23px "Manrope", sans-serif;
    --text3-bold: 700 16px/26px "Manrope", sans-serif;
    --text4-medium: 500 14px/18px "Manrope", sans-serif;
    --text4-semibold: 500 14px/18px "Manrope", sans-serif;
    /* Дополнительные переменные */
    --project-border-radius: 10px;
}
*,
::after,
::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Manrope', sans-serif;
}
html {
    scroll-behavior: smooth;
}
body {
    display: flex;
    color: var(--project-text-color);
    line-height: 1.3;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100vh;
}
.no-scroll {
    overflow-y: hidden;
}
h1 {
    margin: 0 0 32px 0;
    font: var(--heading1-bold);
}
a {
    text-decoration: none;
}
button {
    cursor: pointer;
    outline: none;
}
.btn {
    display: inline-block;
    padding: 18px;
    font: var(--text2-bold);
    color: #FFFFFF;
    text-align: center;
    border-radius: 10px;
    background-color: var(--project-color);
    transition: background-color 0.3s;
}
.btn:hover {
    background-color: var(--project-color-hover);
}
.btn:active {
    color: var(--project-other-color);
}
.btn-transparent {
    display: inline-block;
    padding: 17px;
    font: var(--text2-semibold);
    color: var(--project-text-color);
    border-radius: 10px;
    border: 1px solid var(--project-color);
    background-color: var(--project-background-color);
    transition: background-color 0.4s, color 0.3s;
}
.btn-transparent:hover {
    background-color: var(--project-color);
    color: #ffffff;
}
.main {
    max-width: 1440px;
    margin: 0 auto;
    padding: 32px 56px;
    min-height: 580px;
}
/* Стили header */
.main-header {
    position: relative;
    z-index: 50;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    min-height: 92px;
    margin: 0 auto;
    padding: 0 56px;
    background-color: #fff;
    border: 2px solid #F8F9FA;
    border-radius: 0 0 40px 40px;
}
.main-header__logo {
    flex: 1 42%;
    display: flex;
    align-items: center;
}
.header-logo-img {
    margin-right: 8px;
}
.header-logo-text {
    margin-right: 5px;
    font-size: 16px;
    line-height: 120%;
    font-weight: 400;
    color: var(--project-text-color);
}
.main-header__right {
    display: flex;
    justify-content: flex-end;
    flex: 1 58%;
    gap: 32px;
}
#toggler {
    display: none;
}
.menu__burger {
    display: none;
    height: 31px;
    cursor: pointer;
}
.menu__burger span,
.menu__burger span::after,
.menu__burger span::before {
    left: 0;
    display: inline-block;
    width: 27px;
    height: 2px;
    background-color: var(--project-text-color);
    border-radius: 2px;
}
.menu__burger span {
    position: relative;
    width: 20px;
    transition: transform 0.4s, background-color 0.3s;
}
.menu__burger span::before {
    position: absolute;
    content: "";
    top: -8px;
    transition: transform 0.4s;
}
.menu__burger span::after {
    position: absolute;
    content: "";
    top: 8px;
    transition: transform 0.4s;
}
#toggler:checked + .menu__burger span {
    background-color: transparent;
}
#toggler:checked + .menu__burger span::before {
    transform: rotate(-45deg) translate(-6px, 6px);
}
#toggler:checked + .menu__burger span::after {
    transform: rotate(45deg) translate(-5px, -5px);
}
/* Стили footer */
footer {
    margin-top: auto;
}
.footer-content {
    padding: 32px 56px;
    margin-top: 200px;
    background-color: #474747;
}
.footer-content__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
}
.privacy-policy-link,
.privacy-policy-link:hover {
    color: #C2C2C2;
}
.medigit-link {
    color: #fff;
    font-size: 18px;
}
.medigit-link a {
    color: #fff;
    text-decoration: underline;
}
/* Конец стилей footer */
.animated-input,
.animated-label {
    font-size: 16px;
    font-weight: 400;
}
.animated-input {
    position: relative;
    padding-top: 20px;
}
.animated-label {
    position: relative;
    bottom: 37px;
    left: 16px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    text-align: left;
}
.animated-input:focus + .animated-label {
    transform: scale(0.8) translateY(-15px);
    left: -4%;
    color: #C2C2C2;
}
.label-active {
    transform: scale(0.8) translateY(-17px);
    left: -16px;
    color: #C2C2C2;
}


@media (max-width: 1500px) {
    .main-header {
        padding: 0 56px;
    }
}
@media (max-width: 1200px) {
    .header-logo-text {
        font-size: 14px;
    }
}
@media (max-width: 1024px) {
    .main {
        padding: 24px 56px;
    }
    .main-header__logo {
        flex: 1 25%;
    }
    .header-logo-text {
        display: none;
    }
    .main-header__right {
        flex: 1 75%;
    }
}
@media (max-width: 768px) {
    /* базовые переменные мобильные */
    :root {
        /* Шрифт заголовков мобильный вид */
        --heading1-extrabold: 800 28px/36px "Manrope", sans-serif;
        --heading1-bold: var(--heading1-extrabold);
        --heading2-bold: 700 24px/32px "Manrope", sans-serif;
        --heading3-bold: 800 22px/29px "Manrope", sans-serif;
        --heading3-semibold: 700 22px/32px "Manrope", sans-serif;
        /* Шрифт текста мобильный вид */
        --text1-medium: 500 18px/26px "Manrope", sans-serif;
        --text1-semibold: 600 18px/23px "Manrope", sans-serif;
        --text2-medium: 500 16px/26px "Manrope", sans-serif;
        --text2-semibold: 600 16px/23px "Manrope", sans-serif;
        --text2-bold: 700 16px/23px "Manrope", sans-serif;
        --text3-regular: 400 15px/146% "Manrope", sans-serif;
        --text3-medium: 500 15px/146% "Manrope", sans-serif;
        --text3-semibold: 600 15px/22px "Manrope", sans-serif;
        --text3-bold: 700 15px/22px "Manrope", sans-serif;
        --text4-semibold: 600 14px/125% "Manrope", sans-serif;
    }
    h1 {
        margin: 0 0 24px 0;
    }
    .main {
        padding: 10px 16px;
    }
    /* Стили header */
    .header-logo-img {
        width: 34px;
        height: 34px;
    }
    .header-logo-text {
        display: block;
    }
    .log-in-section a {
        font-size: 15px;
    }
    .main-header {
        height: 53px;
        padding: 0 16px;
        border-width: 1px;
    }
    .main-header__logo {
        max-width: 345px;
        font-size: 10px;
        line-height: 12px;
    }
    .main-header__right {
        position: absolute;
        width: 100%;
        top: 90px;
        left: 0;
        z-index: 20;
        display: block;
        height: 0;
        padding: 0 16px;
        overflow: hidden;
        background-color: #F8F9FA;
        transition: height 0.5s;
        gap: 16px;
    }
    .main-header__right.show {
        height: 100vh;
    }
    /* Конец стилей header */
    .footer-content__wrapper {
        flex-direction: column;
    }
    .footer-content {
        margin-top: 45px;
    }
    .medigit-link {
        order: 3;
        margin-top: 32px;
    }
    .footer-content__privacy-policy {
        order: 2;
        margin-top: 32px;
    }
    .form-container form {
        width: 100%;
    }
    .form-container input[type="submit"] {
        margin-top: 32px;
    }
    .menu__burger {
        position: relative;
        display: block;
        z-index: 20;
        padding-right: 7px;
    }
}
@media (max-width: 424px) {
    .main-header {
        min-height: 54px;
        border-radius: 0 0 25px 25px;
    }
    .main-header__logo {
        max-width: 30%;
    }
    .header-logo-text {
        display: none;
    }
    .main-header__right {
        top: 53px;
    }
}
@media (hover: none) and (pointer: coarse) {
    .btn:hover {
        background-color: var(--project-color);
    }
    .btn:active {
        background-color: var(--project-color-hover);
    }
    .btn-transparent:hover {
        color: var(--project-text-color);
        background-color: var(--project-background-color);
    }
    .btn-transparent:active {
        background-color: var(--project-color);
        color: #ffffff;
    }
}
/* End */


/* Start:/local/templates/research/template_styles.css?17392112358623*/
.bx-calendar {
    font-family: 'Manrope', sans-serif;
}
.index-header {
    position: relative;
    width: calc(100% + 112px);
    margin: -75px -56px 120px;
    padding: 177px 56px 182px;
    background-color: var(--project-background-color);
    border-radius: 0 0 40px 40px;
    background-image: url("/local/templates/research/img/screen4.webp"), url("/local/templates/research/img/flower-logo.svg");
    background-repeat: no-repeat;
    background-size: 629px, auto;
    background-position: 104% 80px, 142% 75px;
}
#about{
    position: absolute;
    top: 51px;
}
.index-header h1 {
    max-width: 800px;
    margin: 0 0 19px;
    font: var(--heading1-extrabold);
    color: var(--project-text-color);
}
.index-header span {
    display: block;
    color: var(--project-color);
}
.index-header p {
    max-width: 700px;
    margin: 0 0 47px;
    font: var(--text1-medium);
    color: var(--project-text-color);
}
.button {
    display: inline-block;
    width: 330px;
    margin-right: 13px;
}
.button-transparent {
    display: inline-block;
    padding: 17px 43px;
    font: var(--text2-semibold);
    color: var(--project-text-color);
    border-radius: 10px;
    border: 1px solid var(--project-color);
    background-color: var(--project-background-color);
    transition: background-color 0.4s, color 0.3s;
}
.button-transparent:hover {
    background-color: var(--project-color);
    color: #ffffff;
}
.button-index {
    background-color: transparent;
}
.button-index:hover {
    background-color: transparent;
    color: var(--project-color);
}
.benefits-companies {
    margin-bottom: 120px;
}
.index-h2 {
    margin-bottom: 32px;
    font: var(--heading2-bold);
    color: var(--project-text-color);
}
.index-h2 span {
    color: var(--project-color);
}
.benefits-container {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.benifits-item {
    position: relative;
    width: calc((100% - 48px) / 3);
    min-height: 338px;
    padding: 25px;
    background-color: var(--project-background-color);
    border-radius: 15px;
}
.benifits-item::after {
    position: absolute;
    content: '';
    top: 25px;
    left: 25px;
    width: 55px;
    height: 55px;
    background-color: #FFFFFF;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
}
.unlimited-participants::after {
    background-image: url("/local/templates/research/img/index-icon/unlimited-participants.svg");
}
.sales-growth::after {
    background-image: url("/local/templates/research/img/index-icon/sales-growth.svg");
}
.using-results::after {
    background-image: url("/local/templates/research/img/index-icon/using-results-2.svg");
}
.collection-info::after {
    background-image: url("/local/templates/research/img/index-icon/collection-info.svg");
}
.studying-results::after {
    background-image: url("/local/templates/research/img/index-icon/studying-results.svg");
}
.payments::after {
    background-image: url("/local/templates/research/img/index-icon/payments.svg");
}
.benifits-h3 {
    display: flex;
    align-items: center;
    margin: 0 0 16px 70px;
    height: 56px;
    font: var(--heading5-semibold);
    color: var(--project-text-color);
}
.benifits-p {
    font: var(--text3-medium);
    color: var(--project-text-color);
}
.electronic-format ul {
    margin-top: 8px;
    margin-left: 25px;
}

.electronic-format li {
    margin-top: 6px;
    font: var(--text3-medium);
    color: var(--project-text-color);
}
.benefits-doctors {
    margin-bottom: 120px;
}
.benefits-doctor-container {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
            "a b c"
            "a d e";
}
.area1 {
    grid-area: a;
}
.area1::after {
    background-image: url("/local/templates/research/img/index-icon/el-format.svg");
}
.area2 {
    grid-area: b;
}
.area2::after {
    background-image: url("/local/templates/research/img/index-icon/essistance.svg");
}
.area3 {
    grid-area: c;
}
.area3::after {
    background-image: url("/local/templates/research/img/index-icon/user-friendly.svg");
}
.area4 {
    grid-area: d;
}
.area4::after {
    background-image: url("/local/templates/research/img/index-icon/communities.svg");
}
.area5 {
    grid-area: e;
}
.area5::after {
    background-image: url("/local/templates/research/img/index-icon/clinical-practice.svg");
}
.electronic-format {
    min-height: auto;
    width: 100%;
}
.link {
    position: absolute;
    top: 71px;
    right: 55px;
    font: var(--text1-semibold);
    color: var(--project-color);
    transition: color 0.3s;
}
.link:hover {
    color: var(--project-color-hover);
}
div.footer-content {
    margin-top: 0;
}


@media (max-width: 1439px) {
    .index-header {
        padding: 12vw 56px 12vw;
        background-size: 42%, 70%;
    }
    .index-header h1 {
        font-size: 3.2vw;
    }
    .index-header p {
        margin: 0 0 3.1vw;
        max-width: 640px;
        font-size: 1.4vw;
    }
    .button {
        margin-right: 13px;
    }
    /* benifits */
    .index-h2 {
        margin-bottom: 32px;
        font-size: 2.78vw;
    }
    .benifits-h3 {
        font-size: 1.5vw;
    }
}
@media (max-width: 1250px) {
    .button {
        display: block;
        margin: 0 0 12px;
    }
}
@media (max-width: 1024px) {
    /* index-header */
    .index-header {
        background-position: 104% 90px, 142% 28px;
    }
    .benifits-item {
        width: calc((100% - 24px) / 2);
        padding: 25px;
    }
    .index-header p {
        max-width: 500px;
        font-size: 16px;
    }
    .benifits-h3 {
        font-size: 18px;
    }
    /* benefits-doctors */
    .benefits-doctor-container {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "a b"
            "a c"
            "d e";
    }
    .benifits-item.electronic-format {
        width: 100%;
    }
}
@media (max-width: 949px) {
    /* index-header */
    .index-header p {
        max-width: 400px;
    }
    .index-h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .index-header h1 {
        font: var(--heading1-extrabold);
    }
    .index-header {
        width: calc(100% + 32px);
        margin: -50px -16px 70px;
        padding: 14vw 16px 12vw;
        background-size: 40%, 70%;
        background-position: 106% 155px, 142% 58px;
        border-radius: 0 0 20px 20px;
    }
    .index-header p {
        margin-bottom: 38px;
        font-size: 16px;
        line-height: 26px;
    }
    .button {
        padding: 17px;
        text-align: center;
        border-radius: 8px;
    }
    .button-transparent {
        padding: 15px 55px;
        text-align: center;
        border-radius: 8px;
    }
    /* benifits */
    .benefits-companies {
        margin-bottom: 72px;
    }
    .benefits-container {
        gap: 16px;
    }
    .benifits-item {
        width: calc((100% - 16px) / 2);
        min-height: 300px;
        gap: 10px;
        padding: 18px 16px;
        border-radius: 10px;
    }
    .benifits-item::after {
        top: 25px;
        left: 16px;
        width: 42px;
        height: 42px;
        border-radius: 7px;
        background-size: 55%;
    }
    .benifits-h3 {
        margin: 0 0 12px 57px;
    }
    .benifits-p,
    .benifits-p li {
        font-size: 15px;
    }
    /* benefits-doctors */
    .benefits-doctor-container {
        gap: 16px;
    }
    .link {
        top: auto;
        right: 16px;
        bottom: 32px;
        width: calc(100% - 32px);
        padding: 15px;
        font: var(--text2-semibold);
        text-align: center;
        color: var(--project-text-color);
        background-color: #EBEEF1;
        border-radius: 8px;
    }
    .link:hover {
        color: var(--project-text-color);;
    }
}
@media (max-width: 550px) {
    /* index */
    .index-header {
        padding: 14vw 16px 375px;
        background-size: 131%, 158%;
        background-position: 8.5% 464px, 33% 453px;
    }
    .button {
        width: 100%;
        margin-right: 0;
    }
    .button-transparent {
        width: 100%;
        padding: 16px;
    }
    /* benifits */
    .benifits-item {
        width: 100%;
        min-height: 200px;
    }
    /* benefits-doctors */
    .benefits-doctor-container {
        grid-template-columns: 1fr;
        grid-template-areas:
        "a"
        "b"
        "c"
        "d"
        "e";
    }
}
@media (max-width: 424px) {
    .index-header {
        padding-top: 21vw;
        background-position: 8.5% 515px, 33% 453px;
    }
    .index-header h1 {
        font-size: 27px;
    }
}
/*todo: удали как введешь в базовые*/
@media (hover: none) and (pointer: coarse) {
    .button-transparent:hover {
        color: var(--project-text-color);
        background-color: var(--project-background-color);
    }
    .button-transparent:active {
        background-color: var(--project-color);
        color: #ffffff;
    }
}
/* End */
/* /local/templates/research/components/bitrix/menu/top/style.css?1721635651947 */
/* /local/templates/research/components/bitrix/system.auth.form/info/style.css?17216356511435 */
/* /local/templates/research/components/bitrix/breadcrumb/.default/style.css?1721890374978 */
/* /local/templates/research/components/bitrix/menu/left/style.css?17210453571144 */
/* /bitrix/components/bitrix/landing.cookies/templates/.default/style.min.css?17311380657126 */
/* /local/templates/research/styles.css?17517418979488 */
/* /local/templates/research/template_styles.css?17392112358623 */