@font-face {
    font-family: "FS Joey Pro";
    src: url("../src/fonts/FS_JoeyPro/FS_JoeyPro-LightRegular.otf") format("opentype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "FS Joey Pro";
    src: url("../src/fonts/FS_JoeyPro/FS_JoeyPro.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "FS Joey Pro";
    src: url("../src/fonts/FS_JoeyPro/FS_JoeyPro-MediumRegular.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "FS Joey Pro";
    src: url("../src/fonts/FS_JoeyPro/FS_JoeyPro-MediumRegular.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "FS Joey Pro";
    src: url("../src/fonts/FS_JoeyPro/FS_JoeyPro-HeavyRegular.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
}

body {
    font-family: "FS Joey Pro", sans-serif;
}

body {
    /*background: #F8F8F8;*/
}

.container {
    max-width: 1172px;
    padding-inline: 10px;
    width: 100%;
    height: 100%;
    margin-inline: auto;
}


.mb16{
    margin-bottom: 16px;
}
.mb32{
    margin-bottom: 32px;
}
.mt50{
    margin-top: 50px;
}
.button, .content-box .content a.button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 12px;
    background-color: #396;
    color: #ffffff;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    transition: background 0.3s ease;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    text-decoration: none;
}

.button:hover {
    background: #40BF80;
}

.button:active {
    background: #3EBA7C;
}

.button_disable {
    opacity: 0.6;
    cursor: not-allowed;
}

.button_disable:hover {
    background: #396;
}

.button_disable:active {
    background: #396;
}

.button_outline {
    background: transparent !important;
    border: 1px solid #396 !important;
    color: #339966 !important;
    transition: border 0.3s ease, color 0.3s ease !important;
    height: 56px;
}

.button_outline path {
    transition: stroke 0.3s ease;
}

.button_outline:hover {
    background: transparent;
    border: 1px solid #40BF80;
    color: #40BF80;
}

.button_outline:hover path {
    stroke: #40BF80;
}

.button_outline:active {
    border: 1px solid #3EBA7C;
    color: #3EBA7C;
}

.button_outline:active path {
    stroke: #3EBA7C;
}



.fixed-robot {
    position: fixed;
    right: 10.5%;
    bottom: 70px;
    z-index: 999;
    display: flex;
    width: 112px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 30px;
    transition: bottom 0.3s ease;
}
.show-fixed-robot {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.fixed-robot:hover a{
    /*display: block;*/
}

.fixed-robot .close{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}
.fixed-robot a{
    display: none;
}
.fixed-robot a img{
    max-width: 80px;
}

.fixed-robot img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    cursor: pointer;
}
.show-fixed-robot-hidden {
    opacity: 0;
    transition: opacity 0.3s ease, margin-right 0.5s ease-out;
    margin-right: -10px; /* Сдвиг вправо при скрытии */
}

.show-fixed-robot-visible {
    opacity: 1;
    transition: opacity 0.3s ease, margin-right 0.5s ease-out;
    margin-right: 0; /* Возврат в исходное положение */
}
#show-bot{
    width: 40.353px;
    height: 40.353px;
    flex-shrink: 0;
    margin-top: 32px;
}


.popup {
    position: absolute;
    max-width: 1152px;
    top: 142px;
    left: 10px;
    width: 100%;
    padding: 24px 40px;
    background: #ffffff;
    box-shadow: 0px 4px 20px 0px rgba(54, 61, 66, 0.08);
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: none;
    z-index: 9;
}

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

.popup__column_gap-16 {
    gap: 16px;
}

.popup__column_gap-16 .popup__main {
    margin-bottom: 0;
}

.popup__main {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: -8px;
}

.popup__link {
    color: #154468;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.popup .selected,
.popup .popup__link:hover {
    color: #396;
}

.popup__link_frequent {
    margin-top: 8px;
    color: #212121;
    font-size: 14px;
    font-weight: 500;
}

.popup.active {
    display: grid;
}

.header {
    background-image: url("../src/img/header-bg.png");
    background-size: cover;
    background-position: top;
    position: relative;
    z-index: 1;
    padding-bottom: 140px;
}

.header_small::after {
    display: none;
}

.header_small {
    background-color: #fff;
    background-image: url("../src/img/image 8.png");
    background-size: auto;
    background-repeat: no-repeat;
    padding-bottom: 0px;
    border-bottom: 1px solid #F8F8F8;
    box-shadow: 0px 4px 94.1px 0px rgba(54, 61, 66, 0.08);
}

.header_small .nav-item span {
    color: #3F4642;
}

.header .container {
    position: relative;
}

.header::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    /*background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 20.92%, rgba(0, 0, 0, 0) 133.14%);*/
}

.header__box {
    display: flex;
    align-items: center;
    padding: 16px 0;
}

.header__box2{
    display: flex;
    justify-content: space-between;
}

.header__logo {
    height: 52px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 158px;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    color: #fff;
    text-transform: uppercase;
}
.header__logo div{
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0px;
}

.header__hotline-call {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 16px;
}

.header__hotline-call span {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    color: #ffffff;
}

.header__language {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-inline: 32px;
    cursor: pointer;
    position: relative;
}

.header__language span {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    color: #ffffff;
    text-transform: uppercase;
}
.header__language:hover .header__language_list{
    display: block;
}
.header__language_list{
    display: none;
    position: absolute;
    top: 20px;
    padding: 10px 10px;
    background: #ffffff;
    box-shadow: 0px 4px 20px 0px rgba(54, 61, 66, 0.08);
    z-index: 99;
}
.header__language_list a{
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
}
.header__nav {
    display: flex;
    gap: 32px;
    padding: 8px 0;
}

.header__search-box {
    margin-top: 8px;
    position: relative;
}

.header__search {
    padding: 16px 20px 16px 54px;
    border-radius: 4px;
    outline: 0;
    border: 1px solid #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    color: #212121;
    min-width: 428px;
    /*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='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 20.9999L16.65 16.6499' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: 5% 50%;
    background-repeat: no-repeat;*/
}

.header__search-box button{
    position: absolute;
    top: 14px;
    left: 21px;
    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='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 20.9999L16.65 16.6499' stroke='%23212121' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-color: #fff;
    height: 24px;
    width: 24px;
    border: none;
}

.header_small .header__search{
    background-color:  #F8F8F8;
    padding: 13px 20px 13px 54px;
}
.header_small .header__search-box{
    margin-top: 12px;
    margin-bottom: 12px;
}
.header_small .header__nav{
    padding: 12px 0;
}

.header__search::-moz-placeholder {
    opacity: 1;
}

.header__search::placeholder {
    opacity: 1;
}

.header__facts-box {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    -moz-column-gap: 47px;
    column-gap: 47px;
    padding: 20px 0;
    justify-items: center;
}

.header__fact {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.header__fact h3 {
    color: #F9FAFC;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 16px;
    min-height: 40px;
    text-align: center;
}

.header__fact p {
    display: flex;
    align-items: center;
}

.header__fact .count {
    font-size: 24px;
    font-weight: 700;
    line-height: 100%; /* Уменьшите, если нужно плотнее */
    letter-spacing: -1px; /* Добавьте отрицательный интервал, чтобы символы были плотнее */
}

.header__burger {
    display: none;
}

.nav-item {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px 0;
    opacity: 0.8;
}

.nav-item span {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    color: #ffffff;
}

.nav-item.active {
    opacity: 1;
}

.chairman-blog-box {
    padding: 24px;
    background: #ffffff;
    box-shadow: 0px 4px 20px 0px rgba(54, 61, 66, 0.08);
    display: flex;
    gap: 32px;
    position: absolute;
    max-width: 1152px;
    border-radius: 8px;
    margin-top: 80px;
}

.chairman-blog__quote {
    color: #212121;
    font-size: 20px; /*font-size: 28px;*/
    font-weight: 400;
    line-height: 120%;
}

.chairman-blog__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chairman-blog__who {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
}

.chairman-blog-box > div{
    display: flex;
    align-content: space-between;
    flex-direction: column;
    justify-content: space-between;
}

.chairman-blog-box img{
    width: 182px;
    height: 199px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
}

.chairman-blog__who p {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.chairman-blog__who p span {
    color: #3F4642;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.chairman-blog__who p span:first-child {
    color: #212121;
    font-size: 20px;
    font-weight: 700;
}

.chairman-blog__button {
    height: 56px;
    border-radius: 4px;
}

.chairman-blog__quote_mobile {
    display: none;
}


.footer {
    padding: 48px 0 30px;
    background: #F9FAFC;
    position: relative;
    z-index: 1;
    background: linear-gradient(90deg, #154468 14.79%, #48BB78 158.33%);
}

.footer::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-image: url("../src/icons/footer-after-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.footer::before {
    content: "";
    position: absolute;
    width: 550px;
    height: 390px;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image: url("../src/icons/footer-before-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.footer__box {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.footer__heading {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 8px;
}

.footer__nav {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    -moz-column-gap: 32px;
    column-gap: 32px;
}

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

.footer__nav-column h3 {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: -8px;
}

.footer__nav-column a {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.footer__nav-column a:hover{
    color: #396;
}
.footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__copyright, .footer__copyright a {
    color: #F8F8F8;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}

.footer__social-links {
    padding: 10px;
    display: flex;
    gap: 24px;
    align-items: center;
}

.footer__social-links a {
    height: 24px;
    width: 24px;
}

.footer__mobile-line {
    display: none;
}

.footer__mobile-call-center-wrapper {
    display: none;
}

.call-center-button {
    display: flex;
    gap: 24px;
}

.call-center-button__icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #339966;
}

.call-center-button__right {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.call-center-button__right span {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
}

.call-center-button__right span:last-child {
    font-size: 16px;
    font-weight: 400;
}


.section-services {
    padding: 282px 0 40px;
    position: relative;
}

.section-services__box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.section-services__column {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.section-services__category-name {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 8px;
}

.section-services__item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border: 1px solid #E8EEFA;
    color: #212121;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    box-shadow: 0px 4px 20px 0px #363D4214;
    height: 56px;
    border-radius: 4px;
}

.section-services__item img {
    width: 24px;
    height: 24px;
}

.section-services__item svg {
    margin-left: auto;
}

.section-services__button {
    margin-top: 32px;
}

.section-check-insurance {
    padding: 40px 0 80px;
}

.section-check-insurance__box {
    padding: 40px;
    background: #0F4D5B;
    display: flex;
    flex-direction: column;
    gap: 32px;
    border-radius: 8px;
}

.section-check-insurance__IIN {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-check-insurance__title {
    color: #FFFFFF !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 120% !important;
}

.section-check-insurance__form {
    display: flex;
    gap: 16px;
}

.section-check-insurance__form input {
    max-width: 357px;
    width: 100%;
    padding: 16px 20px;
    background: #ffffff;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    border-radius:4px ;
}

.section-check-insurance__form input::-moz-placeholder {
    opacity: 1;
    color: #707071;
}

.section-check-insurance__form input::placeholder {
    opacity: 1;
    color: #707071;
}

.section-check-insurance__incorrect-IIN {
    display: block;
    margin-top: -4px;
    color: #DA1C1C;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.section-check-insurance__incorrect-IIN_disable {
    display: none;
}

.section-check-insurance__questions {
    display: flex;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 24px;
    max-width: 800px;
    flex-wrap: wrap;
}

.section-check-insurance__question-link {
    color: #F8F8F8 !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    flex-shrink: 0;
    text-decoration: none !important;
}

.section-check-insurance__question-link:last-child {
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 400;
}

.insurance-status-result {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    display: none;
}

.insurance-status-result span {
    color: #F8F8F8;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.insurance-status-result div span {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.insurance-status-result .insurance-status-result-text {
    display: flex;
    align-items: center;
    gap: 8px;
}

.insurance-status-result .status {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
}

.insurance-status-result .line {
    height: 1px;
    background: #FFF;
    opacity: 0.15;
    width: 100%;
    margin-bottom: 0;
    margin-top: 16px;
}

.section-list-news{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
}
.section-news {
    background: #F9FAFC;
    padding: 80px 0;
}

.section-news__title {
    color: #212121;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 34px;
}

.section-news__box {
    display: flex;
    gap: 24px;
}

.section-news__left {
    max-width: 662px;
    width: 100%;
}

.section-news__right {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 466px;
}

.section-news__more-link {
    margin-top: auto;
}

.news-main {
    position: relative;
    min-height: 397px;
    height: 100%;
    z-index: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 40px;
    background-size: cover;
    border-radius: 4px;
}

.news-main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    z-index: -1;
    border-radius: 4px;
}

.news-main__bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
}

.news-main__title {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin-top: auto;
}

.news-main__desc {
    overflow: hidden;
    color: #F9FAFC;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.news-main__date {
    display: flex;
    align-items: start;
    gap: 12px;
    color: #F9FAFC;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.news-secondary {
    display: flex;
    gap: 16px;
}

.news-secondary__img-wrapper {
    max-width: 172px;
    height: 96px;
    overflow: hidden;
    width: 100%;
    flex-shrink: 0;
    border-radius: 4px;
}

.news-secondary__img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news-secondary__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 278px;
}

.news-secondary__title {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}

.news-secondary__desc {
    overflow: hidden;
    color: #212121;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    white-space: nowrap;
}

.news-secondary__date {
    display: flex;
    align-items: start;
    gap: 12px;
    color: #707071;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.section-blog {
    background: #154468;
}

.section-blog .container {
    position: relative;
    padding: 80px 0;
}

.section-blog .container:before {
    background: url("../src/img/Quote mark.svg");
    position: absolute;
    left: -88px;
    top: 54px;
    content: " ";
    width: 142px;
    height: 116px;
}

.section-blog__heading {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.section-blog__title {
    color: #FFF;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 83.333% */
    letter-spacing: -2.16px;
}

.section-blog__subtitle {
    color: #FFF;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 126.316% */
    letter-spacing: -0.38px;
    max-width: 589px;
}

.section-blog__box {
    gap: 12px;
    margin-top: 54px;
}

.section-blog__button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

.section-blog__more-link {
    margin-top: 24px;
    border: 1px solid #FFF !important;
    color: #FFF !important;
}

.blog-item {
    padding: 32px;
    background: #F9FAFC;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.blog-item__heading {
    display: flex;
    justify-content: space-between;
}

.blog-item__name {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}

.blog-item__date {
    display: flex;
    gap: 12px;
    align-items: start;
}

.blog-item__date span {
    color: #707071;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.blog-item__content p {
    color: #212121;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    max-height: 76px;
    overflow: hidden;
}

.blog-item__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-item__answers {
    color: #707071;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
    border-bottom: 1px solid #707071;
    padding-bottom: 3px;
}

.blog-item__more-link {
    color: #154468;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
}

.section-study {
    padding: 80px 0;
    background: #E8EEFA;
}

.section-study__box {
    display: flex;
    gap: 48px;
}

.section-study__img-wrapper {
    max-width: 466px;
    height: 411px;
}

.section-study__img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.section-study__content {
    display: flex;
    flex-direction: column;
    max-width: 638px;
    gap: 32px;
}

.section-study__title {
    color: #23242A;
    font-size: 48px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -2.16px;
}

.section-study__desc {
    color: #23242A;
    font-size: 28px;
    font-weight: 400;
    line-height: 120%;
}

.section-partners {
    padding: 80px 0;
    background: #ffffff;
}

.section-partners__box {
    display: flex;
    gap: 24px;
}

.swiper-partners {
    max-width: 1008px;
    width: 100%;
    overflow: hidden;
}
.swiper-polls {
    max-width: 100%;
    margin-bottom: 45px;
}
.swiper-polls .swiper-wrapper {
    overflow: hidden;
}

.swiper-polls2 .swiper-social__slide img {
    width: fit-content !important;
    height: fit-content!important;
}
.swiper-polls2 a {
    align-items: flex-start !important;
    text-decoration-line: none !important;
    color: #000 !important;
}
.swiper-polls a {
    align-items: flex-start !important;
    text-decoration-line: none !important;
    color: #000 !important;
}
.swiper-polls a p {

    padding: 5px 0;
}
.section__social-polls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 45px;
}
.section__social-polls h4 {
    font-size: 24px;
    font-weight: 600;
}
.swiper-polls .polls-counter {
    color: #3F4642;
}
.swiper-polls span {
    color: #707071;
}
.swiper-polls p {
    font-weight: 600;
}
.swiper-partners__btn,
.swiper-tabs__btn {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F9FAFC;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}

.swiper-tabs__btn.swiper-button-disabled {
    opacity: 0.6;
}

.swiper-partners__slide {
    display: flex;
    align-items: center;
    gap: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.swiper-social__slide {
    display: flex;
    align-items: center;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.swiper-social__slide img {
    width: 216px;
    height: 144px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 5%;
}
.swiper-partners__slide img {
    width: 48px;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 50%;
}

.swiper-partners__slide p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
}

/*# sourceMappingURL=style.css.map */

.content-page {
    margin-top: 32px;
    margin-bottom: 80px;
}

.content__nav_top {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 32px;
}

.bx-breadcrumb {
    margin-bottom: 40px;
}

.bx-breadcrumb-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.bx-breadcrumb-item a, .bx-breadcrumb-item span {
    color: #3F4642;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
}

.content__nav_top a {
    display: flex;
    height: 56px;
    padding: 16px 32px;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #E8EEFA;
    color: #707071;

    font-family: "FS Joey Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.content__nav_top a.select {
    color: #154468;
    border: 1px solid #154468;
}

.content-box {
    grid-column: 2;
    display: grid;
    grid-template-columns: 1.15fr 2.5fr;
    grid-gap: 48px;
}

.content-box.no-left {
    grid-column: 1;
    grid-template-columns: 1fr;
}
.content-box.no-left .left-menu{
    display: none;
}

.content a {
    color: #154468;
    text-decoration-line: underline;
}

.content-box .page-detail {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}

.content-box.press {
    display: block;
}

.content-box.press .content > div {
    grid-column: 2;
    display: grid;
    grid-template-columns:2.5fr 1fr;
    grid-gap: 48px;
}

.left-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.left-menu li {
    display: block;
    width: 100%;
}

.left-menu .root-item > div {
    display: flex;
    height: 56px;
    padding: 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    justify-content: space-between;
}

.left-menu .root-item > div:after {

    content: " ";
    background-image: url("../src/img/menu-left-down.svg");
    width: 16px;
    height: 16px;
}

.left-menu .root-item-selected > div:after {
    content: " ";
    background-image: url("../src/img/menu-left-up.svg");
    width: 16px;
    height: 16px;
}

.left-menu .root-item ul {
    display: none;
}

.left-menu .root-item-selected ul {
    display: flex;
}

.left-menu .item-selected a {
    color: #154468;
}

.left-menu li div {
    border-radius: 4px;
    background: #FFF;

    box-shadow: 0px 4px 20px 0px rgba(54, 61, 66, 0.08);
    display: flex;
    height: 56px;
    padding: 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    justify-content: space-between;
    cursor: pointer;
}

.left-menu li div a {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    max-width: 270px;
}

.left-menu > li ul {
    display: flex;
    padding: 16px 24px;

    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    margin-top: 8px;
}

.left-menu a {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}

.left-menu li li .item-selected a {
    color: #154468;
}

.left-menu li li a {
    color: #3F4642;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
    box-shadow: none;
    background: none;
    padding: 0;
    height: auto;
}
.left-menu li li a:hover{
    color:#154468;
}

.content h1, .content .h1 {
    color: #212121;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    letter-spacing: -1.44px;
    padding-bottom: 21px;
    position: relative;
    margin-bottom: 32px;
}

.content h1 span{
    max-width: 760px;
    display: block;
}

.content h1:before, .content .h1:before {
    content: " ";
    background-color: #F8F8F8;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

.content h1:after, .content .h1:after {
    content: " ";
    background-color: #396;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px;
}

.right_in_soc {
    border-radius: 4px;
    background: #F8F8F8;
    padding: 24px 24px 0 24px;
    margin-bottom: 24px;
}

.right_in_soc div {
    color: #212121;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 21.6px */
    letter-spacing: -0.81px;
    display: flex;
    width: 100%;
    height: 34px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 16px;
}

.right_in_soc a {
    display: flex;
    color: #212121;
    gap: 10px;
}

.right_app-link {
    display: flex;
    width: 368px;
    height: 173px;
    padding: 24px 16px;

    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
    border-radius: 8px;

    background: #F8F8F8;
}

.app-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-radius: 12px 12px 0px 0px;
}

div.news-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

div.news-list.table {
    grid-column: 3;
    display: grid;
    grid-template-columns:  1fr 1fr 1fr;
    gap: 8px;
}

div.news-list.table .news-item img {
    max-width: 216px;
    max-height: 144px;
}

div.news-list.table .news-item .description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

div.news-list.table .news-item .description a, div.news-list.table .news-item .description .name {
    max-height: 38px;
    overflow: hidden;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
    margin-bottom: 4px;
}

div.news-list.table .news-item .preview_text {
    max-height: 18px;
    overflow: hidden;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.28px;
}

div.news-list.table .news-item {
    display: flex;
    max-height: 285px;
    padding: 16px;
    align-items: flex-start;
    gap: 16px;
    border-radius: 4px;
    background: #F8F8F8;
    padding: 16px;
    width: 100%;
    flex-direction: column;
    height: 100%;
}

div.news-list .news-item {
    display: flex;
    max-height: 160px;
    padding: 16px;
    align-items: flex-start;
    gap: 16px;
    border-radius: 4px;
    background: #F8F8F8;
    padding: 16px;
    width: 100%;
}

div.news-list .news-item a {
    color: #212121;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.9px;
    margin-bottom: 12px;
    text-decoration: none;
}

div.news-list .news-item .description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}

div.news-list .news-item img {
    max-width: 172px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 4px;
    background-color: #D9D9D9;
    height: auto;
}

div.news-list .news-item .preview_text {
    overflow: hidden;
    color: #3F4642;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.28px;
}

div.news-list .news-item .news-date-time {
    overflow: hidden;
    color: #707071;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.28px;
}

.news-detail {
    margin-bottom: 24px;
}
.news-detail .news-date-time{
    margin-top: 24px;
    overflow: hidden;
    color: #707071;
    text-overflow: ellipsis;
    font-family: "FS Joey Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.28px;
}
.news-detail .detail_picture {
    border-radius: 4px;
    margin-bottom: 32px;
}

.news-detail .detail-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;

    align-self: stretch;

    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.32px;
}

.contacts > div {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.contacts {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 8px;
    background: #F8F8F8;
    height: fit-content;
}


.flex-icon {
    display: flex;
    align-items: center;
    gap: 8px;
}

.flex-16 {
    display: flex;
    align-items: center;
    gap: 16px;
}

select {
    display: flex;
    height: 52px;
    padding: 0px 16px;

    align-items: center;
    gap: 8px;

    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #E8EEFA;
    background: #FFF;
    margin-top: 8px;
}

#filial-city {
    min-width: 360px;
}

div.filial-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-top: 24px;
}

div.filial-list .filial-item {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 16px;
    border-radius: 4px;
    background: #F8F8F8;
    padding: 16px;
    width: 100%;
}

div.filial-list .filial-item b {
    overflow: hidden;
    color: #212121;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.9px;
    margin-bottom: 4px;
    text-decoration: none;
}

div.filial-list .filial-item .description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}

div.filial-list .filial-item .preview_picture {
    max-width: 136px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 4px;
    background-color: #D9D9D9;
    height: auto;
}

div.filial-list .filial-item .dol {
    color: #3F4642;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.28px;
}

div.filial-list .filial-item .desc-contact div {
    display: flex;
    align-items: center;
    gap: 8px;

    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.63px;
}

div.filial-list .filial-item .desc-contact img {
    width: 16px;
}

div.filial-list .filial-item .desc-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    margin-top: 16px;
}

.vakanci-block {
    background: url("../src/img/Rectangle 141.png") no-repeat;
    width: 100%;
    height: 292px;
    flex-shrink: 0;
    border-radius: 8px;
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    letter-spacing: -1.44px;
    padding-top: 104px;
    padding-left: 56px;
}

.vakanci-block div {
    margin-top: 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.vakanci-block a.button {
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

a.button.transparent {
    border: 1px solid #396 !important;
    background: none !important;
}

.vakanci-block2 b {
    color: #212121;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.9px;
    margin-bottom: 12px;
    display: block;
}

.vakanci-block2 img {
    width: 40px;
    height: 32px;
    flex-shrink: 0;
    fill: #154468;
}

.vakanci-block2 {
    border-radius: 8px;
    background: #F8F8F8;
    display: flex;
    padding: 32px;
    align-items: flex-start;
    gap: 24px;
    margin-top: 32px;

    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
    margin-bottom: 56px;
}

.vakanci h2 {
    color: #212121;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
    margin-bottom: 24px;
}

.vakanci-tabs {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 40px;
    max-width: 1152px;
    position: relative;
}

.kak-stat-postavshchikom-tabs {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 40px;
    max-width: 760px;
    position: relative;
}

.vakanci-tabs .swiper {
    max-width: 1008px;
    width: 100%;
    overflow: hidden;
}
.kak-stat-postavshchikom-tabs .swiper {
    max-width: 616px;
    width: 100%;
    overflow: hidden;
}

.vakanci-tabs a, .kak-stat-postavshchikom-tabs a {
    display: inline-block;
    height: 56px;
    padding: 16px 32px;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #E8EEFA;
    width: auto;

    color: #707071;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
    text-decoration: none !important;
}

.vakanci-tabs a.active, .kak-stat-postavshchikom-tabs a.active  {
    border: 1px solid #154468;
    color: #154468;
}

.vakanci-tabs .swiper-slide, .kak-stat-postavshchikom-tabs .swiper-slide {
    width: auto !important;
}

.vakanci-list {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.vakanci-list {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.content-box .content .vakanci-item a {
    color: #212121;
    text-overflow: ellipsis;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
    text-decoration: none;
}

.vakanci-item .preview_text {
    height: 38px;
    overflow: hidden;
    color: #3F4642;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}

.vakanci-item {
    max-width: 760px;
    height: 160px;
    padding: 24px 24px;
    gap: 12px;
    border-radius: 4px;
    background: #F8F8F8;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}

.vakanci-item .vakanci-date {
    color: #707071;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.28px;
}

.vakanci-detail .button{
    margin-top: 32px;
}

.content-box .content .vakanci-detail a.button {
    width: 200px;
    justify-content: center;
}

.vakanci-detail-preview {
    display: flex;
    width: 760px;
    padding: 24px 24px;
    align-items: flex-start;
    gap: 24px;
    border-radius: 4px;
    background: #F8F8F8;
    flex-direction: column;
    margin-bottom: 32px;

}

.vakanci-detail-preview > div {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.vakanci-detail-preview .date {
    overflow: hidden;
    color: #707071;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.28px;
}
.doljnost_text{
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}
.vakanci-detail-preview .city {
    display: inline-block;
    padding: 8px 16px;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #DCE3E8;
    color: #707071;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.trebov-list {
    display: flex;
    width: 760px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 32px;
}

.trebov-list .trebov b {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.trebov-list .trebov span {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}

.trebov-list .trebov {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.content-box .content h2 {
    overflow: hidden;
    color: #212121;
    text-overflow: ellipsis;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
}

.content-box .content .foundation h2 {
    margin-bottom: 16px;
}

.preview_text {

    overflow: hidden;
    color: #3F4642;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}


.content-box .content ol {
    list-style-type: decimal;
    padding-inline-start: 21px;
    margin-bottom: 0;
    margin-top:0;
    display: flex;
    gap: 14px;
    flex-direction: column;
}

.pagination a, .pagination b {
    display: flex;
    height: 48px;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #F8F8F8;
    color: #567389;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none !important;
}
.pagination a:hover{
    background: #154468;
    color: #FFF;
}
.pagination b {
    background: #154468;
    color: #FFF;
}

.pagination {
    display: inline-flex;
    align-items: flex-end;
    gap: 7px;
    margin-top: 56px;
}

.pagination .nav_prev,
.pagination .nav_next {
    display: flex;
    height: 48px;
    padding: 14px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #F8F8F8;
}

.pagination span.nav_prev svg, .pagination span.nav_next {
    fill: #567389;
    fill-opacity: 0.4;
}

.pagination a.nav_prev svg, .pagination a.nav_next {
    fill: #567389;
}

.share {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #212121;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.share div {
    display: flex;
    padding: 10px;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
}

.line {
    display: flex;
    max-width: 712px;
    height: 1px;
    padding-bottom: 1px;
    justify-content: center;
    align-items: center;
    background-color: #E8EEFA;

    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
}

.news-vote {
    display: flex;
    align-items: center;
    gap: 32px;
    align-self: stretch;
}

.news-vote span {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.24px;
}

.news-vote div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 7px;
}

.news-vote {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.news-vote .news-button {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: row;
}

.content-box .content .news-vote .button {
    border: 1px solid #396;
    color: #396;
    background-color: unset;
}

.news-read-more {
    margin-top: 56px;
}

.news-read-more .vakanci-list {
    margin-bottom: 0;
}

.news-read-more .section-news__more-link {
    margin-top: 24px;
}

.title-line {
    color: #212121;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
    padding-bottom: 17px;
    position: relative;
    margin-bottom: 24px;
}

.title-line:before {
    content: " ";
    background-color: #F8F8F8;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

.title-line:after {
    content: " ";
    background-color: #396;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px;
}

.section-news__title2 {
    margin-bottom: 24px;
    color: #212121;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
}

.mt24 {
    margin-top: 24px;
}

.mt40 {
    margin-top: 49px;
}

.mb24 {
    margin-bottom: 24px;
}

.mb40 {
    margin-bottom: 40px;
}

.video-list {
    grid-column: 3;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px 16px;
}

.video-item .img a {
    position: relative;
}

.video-item .img {
    width: 100%;
    height: 130px;
    overflow: hidden;
    margin-bottom: 12px;
}

.video-item .img a:before {
    content: " ";
    background-image: url("../src/img/Group.svg");
    width: 50.177px;
    height: 34.4px;
    display: block;
    position: absolute;
    top: 47px;
    left: 95px;
}

.video-item .description {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.video-item .description > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    flex-shrink: 0;
}

.video-item .logo img {
    border-radius: 31.043px;
    width: 31.043px;
    height: 30.772px;
    flex-shrink: 0;
}

.video-item a img {
    width: 100%;
    height: 130px;
    max-width: 243px;
    border-radius: 4px;
}

.video-item .description b {
    overflow: hidden;
    color: #030303;
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: -webkit-box;
    max-width: 198px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-decoration: none;
}

.video-item .channel_name {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.video-item .channel_name, .video-item .date {
    color: #606060;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    max-width: 200px;
}

.statistic {
    grid-column: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.submit__form {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    background: #F8F8F8;
    position: relative;
}

.content .submit__form h1 {
    margin-bottom: 0;
}

.form_input_wrapper {
    display: flex;
    width: 240px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.form_input_wrapper .form_input_title{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.form_input_full {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.form_input_full a{
    color: #396;
}

.form_input_full .form_input_title {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.form_input_radio {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.form_input_full .form_input_radio input {
    display: none;
}

.form_input_full .form_input_radio input[type="radio"] + label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.form_input_full .form_input_radio input[type="radio"]:checked + label:before {
    background-image: url("../src/img/radiobtn_s.svg");
}

.form_input_full .form_input_radio input[type="radio"] + label:before {
    content: " ";
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
    background-image: url("../src/img/radiobtn.svg");
}

.submit__form form {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.submit__form.calc_osms form {
    gap: 32px;
}

.submit__form.calc_osms .form_input_radio {
    align-self: stretch;
    flex-direction: column;
    align-items: flex-start;
}

.calc_osms .copy-block .copy-block-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.calc_osms div.copy-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.calc_osms select {
    margin-top: 0;
}

.calc_osms .button-copy {
    display: flex;
    height: 56px;
    padding: 16px 0px;
    align-items: center;
    gap: 10px;
    color: #396;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
    cursor: pointer;
}
.calc_osms .button-remove {
    color: #707071;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: auto;
    margin-bottom: 15px;
}
.calculate_category_wrapper {
    width: 360px;
}
.total-payment {
    font-weight: 600;
    margin: 15px 0;
}
.calc_osms-links {
    display: none;
}
.report-element {
    padding: 0 !important;
}
.submit__form.calc_osms .form_input_title {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.submit__form form.radio-form {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.flex-row2 {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.submit__form input {
    display: flex;
    width: 240px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #E8EEFA;
    background: #FFF;

    color: #3F4642;
    /* Regular/S */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
    padding: 16.5px 16px;
}

.this--textarea {
    border-radius: 4px;
    border: 1px solid #E8EEFA;
    background: #FFF;
    color: #3F4642;
    /* Regular/S */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
    padding: 16.5px 16px;
    width: 100%;
}

.form_input_textarea {
    display: flex;
    padding: 0;
    width: 100%;
    align-items: flex-start;
    gap: 8px;

    flex: 1 0 0;
    align-self: stretch;
}
.form_file_desc{
    display: flex;
    align-items: center;
    gap: 8px;
    color:  #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}
.form_file input {
    opacity: 0;
    display: none;
}

.form_file label {
    display: flex;
    padding: 16px 0px;

    align-items: flex-start;
    gap: 10px;
    color: #396;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.form_file label div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}
.form_file label span{
    color: #3F4642;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.faq-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-bottom: 32px;
    border-bottom: 1px solid #F8F8F8;
    margin-bottom: 32px;
    gap: 16px;
}

.faq-section-item {
    border-radius: 4px;
    background: #FFF;

    box-shadow: 0px 4px 20px 0px rgba(54, 61, 66, 0.08);

    display: flex;
    height: 80px;
    padding: 16px;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.faq-section-item a {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.56px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;

    flex: 1 0 0;
}

.faq-section-item .icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 50px;
    background-color: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-section-item span {
    display: flex;
    align-items: center;
    gap: 8px;

    align-self: stretch;
    color: #154468;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.faq-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;

    align-self: stretch;
}

.faq-item {
    width: 100%;
    padding: 16px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid #E8EEFA;
    cursor: pointer;
}
.faq-item .description .file{
    margin-top: 36px;
    padding: 0;
}
.faq-item .description {
    display: none;
}
.faq-item .description ul{
    list-style: disc;
    margin-left: 20px;
}
.faq-item .news-vote {
    display: none;
}

.faq-item.open .news-vote {
    display: flex;
}

.faq-item.open {
    border: 1px solid #E8EEFA;
    background: #F8F8F8;
    padding: 24px;
}

.faq-item.open .description {
    padding: 16px 0;
}

.faq-item.open .faq-item-name {
    color: #212121;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: -0.9px;
}

.faq-item.open .description {
    display: block;
}

.faq-item-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.open .faq-item-name:after {
    content: url("../src/img/close  2.svg");
}

.faq-item-name:after {
    content: url("../src/img/plus.svg");
    width: 24px;
    height: 24px;
    display: block;
}

.answer {
    margin-top: 16px;
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}

.contact_smi-list {
}

.contact_smi-item .dol {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
    margin-bottom: 8px;
}

.contact_smi-item {
    display: flex;
    width: 100%;
    padding: 24px;
    align-items: flex-start;
    gap: 24px;
    border-radius: 4px;
    background: #F8F8F8;
}

.contact_smi-item > div {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.contact_smi-item .desc-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.contact_smi-item b {
    color: #212121;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
}

.contact_smi-item span {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.63px;
}

.contact_smi-item .phone {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.contact_smi-item .email {
    color: #154468;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
    border-bottom: 1px solid #154468;
}

.title_green_line {
    color: #212121;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 83.333% */
    letter-spacing: -2.16px;
    border-bottom: 2px solid #339966;
    display: inline-block;
    padding-bottom: 16px;
}

.section-info {
    /*margin-bottom: 40px;*/
}

.faq-section-index {
    padding-right: 72px;
    position: relative;
}

.faq-section-index > div {
    padding: 40px 0;
    padding-left: 16px;
    margin-left: -16px;
    padding-right: 16px;
}

.faq-section-index .swiper:before {
    content: " ";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 16px;
    height: 100%;
    box-shadow: inset 10px 0px 20px 0px rgb(255 255 255);
    z-index: 9;
}

.faq-section-index .swiper:after {
    content: " ";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 16px;
    height: 100%;
    box-shadow: inset -10px 0px 20px 0px rgb(255 255 255);
    z-index: 9;
}

.faq-section-index .swiper-faq__btn {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F9FAFC;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    margin: 0;

    position: absolute;
    top: 56px;
    right: 0;
}

.calc_osms-result {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.calc_osms-result-title {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.calc_osms-result-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.calc_osms-result-sum {
    display: flex;
    align-items: center;
    gap: 8px;
}

.calc_osms-result-sum b {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
}

.calc_osms .line {
    height: 1px;
    margin-bottom: 0;
    margin-top: 0;
}

.calc_osms-qr {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.calc_osms-qr .qr-list {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.calc_osms-qr .qr-block img {
    width: 104px;
    height: 104px;
}

.calc_osms-qr .qr-block {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(54, 61, 66, 0.08);

    color: #212121;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    flex-direction: column;
}

.calc_osms .otpravit-zapros__form_bottom {
    margin-top: -24px;
}

.otpravit-zapros_thanks__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;

    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}

.otpravit-zapros_thanks__title {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    color: #212121;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.9px;
}

.otpravit-zapros_thanks__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.ik_select {
    width: 100% !important;
}

.ik_select_link {
    display: block;
    height: 52px;
    padding: 16px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #E8EEFA;
    background: #FFF;
    cursor: pointer;
}

.ik_select_link:after {
    content: url("../src/img/Down.svg");
    width: 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 16px;
}

.ik_select_link_focus {
    /* Focused state of the fake select */
    border: 1px solid #396;
}

.ik_select_link_disabled {
    /* Disabled state of the fake select */
}

.ik_select_link_text {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
    max-height: 20px;
    overflow: hidden;
}

.ui-widget.ui-widget-content{
    max-height: 300px;
    overflow: auto;

    max-width:489px;
    border-radius: 4px;
    background:  #FFF;
    box-shadow: 0px 4px 20px 0px rgba(54, 61, 66, 0.08);
}

.ik_select_list_inner::-webkit-scrollbar, .ui-widget.ui-widget-content::-webkit-scrollbar {
    width: 12px;
}

.ik_select_list_inner::-webkit-scrollbar-track, .ui-widget.ui-widget-content::-webkit-scrollbar-track {
    background: #fff;
}

.ik_select_list_inner::-webkit-scrollbar-thumb, .ui-widget.ui-widget-content::-webkit-scrollbar-thumb {
    background: #3F4642;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    background: #F8F8F8;
    color:  #212121;
    margin: 0;
}
.ik_select_dropdown {
    border-radius: 4px;
    background: #FFF;

    /* Card */
    box-shadow: 0px 4px 20px 0px rgba(54, 61, 66, 0.08);
}

.ik_select_list {
    /*
    Wrapper for the options list.
    Now that's a good place to add visual styles.
    */
}

.ik_select_optgroup {
    /* Optgroup */
}

.ik_select_optgroup_label {
    /* Optgroup label */
}

.ik_select_option, .ui-menu .ui-menu-item-wrapper {
    /* Option */
    min-width: 334px;
    height: 52px;
    padding: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
    cursor: pointer;
    /*background: #F8F8F8;*/
    background: #fff;
}
.ui-menu .ui-menu-item-wrapper {
    min-height: 52px;
    height: auto;
    max-width:489px;
}
.ik_select_option_label {
    /* Option label */
}

.ik_select_hover , .ui-menu .ui-menu-item-wrapper:hover{
    /* The hovered state of an option */
    background: #F8F8F8;
    color:  #212121;

}

.ik_select_active {
    /* The active state of an option */
    color: #396;
}

.ik_select_filter_wrap {
    /* Wrapper for the filter input */
}

.ik_select_filter {
    /* Filter input */
}

.ik_nothing_found {
    /* Block that's shown when there's nothing found. */
}

.search-page input[type=text] {
    max-width: 357px;
    width: 100%;
    padding: 16px 20px;
    background: #ffffff;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    border: 1px solid #E8EEFA;
}

.search-page input[type=text]::-moz-placeholder {
    opacity: 1;
    color: #707071;
}

.search-page input[type=text]::placeholder {
    opacity: 1;
    color: #707071;
}

a.back-link, button.back-link {
    display: inline-flex;
    height: 56px;
    padding: 16px 0px;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    display: none;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;

    background: url("../src/img/Left.svg") no-repeat left center;
    padding-left: 26px;
    margin-bottom: 20px;
}
button.back-link{
    display: block;
    border: none;
    height: auto;
    margin: 0;
}
.video-block iframe{
    margin-bottom: 32px;
}

.submit__form .grid-row2,
.karta-postavshchikov-item .grid-row2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 32px;
    width: 100%;
}
.submit__form.karta-postavshchikov{
    margin-bottom: 26px;
}
.submit__form.karta-postavshchikov form{
    width: 100%;
}
.submit__form .grid-row2 .form_input_wrapper,
.submit__form .grid-row2 input,
.submit__form .grid-row2 button,
.karta-postavshchikov-item .grid-row2 a.button,
.karta-postavshchikov-item .grid-row2 button{
    width: 100%;
    justify-content: center;
}
.button.button_disabled{
    opacity: 0.6;
}
.karta-postavshchikov .button_outline.button_disabled{
    background:  #FFF !important;
}
#map{
    width: 100%;
    height: 492px;
}
.search-provider{
    display: flex;
    width: 382px;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    position: absolute;
    top: 112px;
    left: 0;
    border-radius:  8px;
    background:  #FFF;

    /* Card */
    box-shadow: 0px 4px 20px 0px rgba(54, 61, 66, 0.08);
    z-index: 9;
}
.search-provider-title{
    color: #212121;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: -0.9px;
}
.search-provider button{
    width: 100%;
}
.search-provider input{
    display: flex;
    height: 56px;
    padding: 16px 20px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    background: #F8F8F8;
    border: none;
}
.maps-kazahstan{
    margin-top: 30px;
    position: relative;
    padding-top: 58px;
}
.map-provider{
    display: flex;
    padding-top: 80px;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    background:  #F8F8F8;
    padding-bottom: 60px;
}
.map-provider .container{
    position: relative;
}
.map-provider .container span{
    position: absolute;
    color: #212121;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    cursor: pointer;
}
.map-provider .region23022, .map-provider .region17033{
    display: none;
}
.map-provider .region3093{
    width: 112px;
    top: 32%;
    left: 54%;
}
.map-provider .region3094{
    width: 136px;
    top: 52%;
    left: 24%;
}
.map-provider .region3095{
    width: 136px;
    bottom: 18%;
    right: 19%;
}
.map-provider .region3107{
    width: 136px;
    bottom: 31%;
    right: 16%;
}
.map-provider .region3096{
    display: none;
}
.map-provider .region3097{
    display: none;
}
.map-provider .region3098{
    width: 125px;
    bottom: 42%;
    left: 10%;
}
.map-provider .region3099{
    width: 163px;
    bottom: 49%;
    right: 2%;
}
.map-provider .region3106{
    width: 163px;
    bottom: 46%;
    right: 12%;
}
.map-provider .region3100{
    width: 136px;
    bottom: 19%;
    right: 32%;
}
.map-provider .region3101{
    width: 136px;
    bottom: 52%;
    left: 6%;
}
.map-provider .region3102{
    width: 146px;
    bottom: 42%;
    left: 61%;
}
.map-provider .region3103{
    width: 112px;
    top: 31%;
    left: 38%;
}
.map-provider .region3104{
    width: 136px;
    bottom: 24%;
    left: 38%;
}
.map-provider .region3105{
    width: 125px;
    bottom: 19%;
    left: 14%;
}

.map-provider .region3108{
    width: 146px;
    bottom: 42%;
    left: 46%;
}
.map-provider .region3109{
    width: 112px;
    top: 29%;
    right: 23%;
}
.map-provider .region3110{
    width: 112px;
    top: 14%;
    right: 41%;
}
.map-provider .region3111{
    width: 116px;
    bottom: 10%;
    right: 41%;
}
.map-provider .region3112{
    display: none;
}
.section-provider{
    display: flex;
    width: 100%;
    padding: 40px;
    align-items: center;
    gap: 32px;
    border-radius: 4px;
    background: #E8EEFA;
    margin-top: 32px;
}
.index-provider{
    margin-top: 0;
}
.section-provider .container{
    display: flex;
    width: 100%;
    align-items: center;
    padding: 40px 0;
    gap: 32px;
}
.index-provider .container{
    display: flex;
    align-items: center;
    gap: 56px;
}
.section-provider .container .section-provider-desc{
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 33.6px */
}
.section-provider .container .section-provider-desc b{
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 52.8px */
    letter-spacing: -2.16px;
}
.section-provider-desc{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap:  16px;
    flex: 1 0 0;

    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}
.section-provider b{
    color:  #212121;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 26.4px */
    letter-spacing: -1.08px;
}


.npa-block {
    background: url("../src/img/Rectangle 141 (1).png") no-repeat;
    width: 760px;
    height: 256px;
    flex-shrink: 0;
    border-radius: 8px;
    padding-top: 104px;
    padding-left: 56px;

    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
}

.npa-block div {
    margin-top: 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.npa-block a.button {
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}
.npa-page{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.npa-page .npa-description{
    display: flex;
    padding:  16px;
    flex-direction: column;
    align-items: flex-start;
    gap:  16px;
    align-self: stretch;
    border-radius: 4px;
    background: #F8F8F8;
}

.npa-section{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
a.npa-section-item{
    height: 104px;
    border-radius: 4px;
    background:  #F8F8F8;
    color:#212121;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.9px;
    text-decoration: none;
    position: relative;
    padding-left: 20px;
    display: flex;
    align-items: center;
}
a.npa-section-item span{
    display: block;
    max-width: 232px;
}
a.npa-section-item img{
    position: absolute;
    bottom: 0;
    right: 16px;
}

.med_obuch_block{
    width: 760px;
    height: 328px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 40px;
}
.med_obuch_block div{
    height: 328px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    flex-direction: column;
}
.med_obuch_block a{
    position: relative;
    border-radius: 4px;
    width: 368px;
    height: 152px;
    display: block;
    padding: 24px;
    color:  #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
    text-decoration: none;
    display: flex;
    align-items: flex-end;
}
.med_obuch_block a.first{
    height: 328px;
}
.med_obuch_block a::before {
    content: "";
    position: absolute;
    width: 32px;
    height: 12px;
    left: 24px;
    top: 40px;
    background-image: url("../src/img/Arrow 2 (1).svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.med-table{
    width: 100%;
    border-radius: 4px;
    margin-top: 28px;
    margin-bottom: 40px;
}
table.med-table2{
    width: 100%;
    border-radius: 4px;
    margin-top: 28px;
    margin-bottom: 40px;
    border-spacing: 0;
}
.med-table2 td {
    padding: 24px 8px;
    border: 1px solid #E8EEFA;
}
.file-right{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-end;
}
.med-table2 th {
    padding: 10px 16px;
    background:  #E8EEFA;

    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.63px;
}

table.med-table2 tr{
    width: 100%;
}
.med-table, .med-table .row{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.med-table .row{
}
.med-table .row.th div{
    padding: 10px 16px;
    background:  #E8EEFA;

    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.63px;
}
.med-table .row div:first-child{
    font-weight: 500;
}
.med-table .row div{
    flex: 1;
    text-align: left;
    padding: 24px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border: 1px solid #E8EEFA;
    color: #212121;
    font-size: 14px;
    font-style: normal;


}

.med_form .form_input_wrapper, .med_form input, .med_form select, .med_form textarea{
    width: 306px;
}
.mt32{
    margin-top: 32px;
}

.faq-item .video-item{
    display: flex;
    gap: 16px;
    margin-top: 24px;
}
.faq-item .video-item .description b{
    width: auto;
    color: #212121;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.faq-item .video-item .description{
    display: flex;
    border-bottom: 0;
    padding: 0;
    gap: 16px;
    flex-direction: column;
}
.faq-item .video-item .img{
    display: contents;
}
.faq-item .video-item .logo{
    gap: 12px;
    align-items: center;
    display: flex;
    flex-direction: row;
    color:  #707071;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
}
.faq-item a.button{
    margin-top: 24px;
}

.content p{
    margin-block-start: 1em;
    margin-block-end: 1em;
}
.kak-stat-postavshchikom{
    display: flex;
    gap: 40px;
    flex-direction: column;
}

.ispolnenie-dogovornykh-obyazatelstv-po-kachestvu{
    display: flex;
    gap: 32px;
    flex-direction: column;
}
.ispolnenie-dogovornykh-obyazatelstv-po-kachestvu h2{
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.9px;
}
.ispolnenie-dogovornykh-obyazatelstv-po-kachestvu .submit__form{
    gap: 24px;
    width: 100%;
    padding: 0;
    background-color: #fff;
}
.ispolnenie-dogovornykh-obyazatelstv-po-kachestvu form{
    gap: 24px;
    width: 100%;
}

.grid-row3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px 24px;
}
.radio-monitoring{
    display: inline-flex;
    align-items: flex-start;
    gap: 16px;
}

.radio-monitoring label{
    display: flex;
    height: 56px;
    padding: 16px 32px;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #E8EEFA;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
    color: #707071;
}
.radio-monitoring input[type="radio"] {
    display: none;
}

.radio-monitoring input[type="radio"]:checked + label {
    border: 1px solid  #154468;
    color:  #154468;
}

.ispolnenie-dogovornykh-obyazatelstv-po-obemam{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
}
.ispolnenie-dogovornykh-obyazatelstv-po-obemam h2{
    margin-bottom: 16px;
}
.ispolnenie-dogovornykh-obyazatelstv-po-obemam .submit__form form{
    width: 100%;
}
.ispolnenie-dogovornykh-obyazatelstv-po-obemam .form_input_wrapper{
    width: 50%;
}
.ispolnenie-dogovornykh-obyazatelstv-po-obemam .form_input_wrapper .form_input_title{
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}
.ispolnenie-dogovornykh-obyazatelstv-po-obemam .form_input_wrapper.input_vid .form_input_title{
    white-space: nowrap;
}

.foundation{
    display: flex;
    gap: 32px;
    flex-direction: column;
}
.foundation .vakanci-block{
    width: 100%;
    height: 234px;
    background: url("../src/img/vacanci-min.png") no-repeat;
}
.foundation .vakanci-block{
    width: 100%;
    height: 234px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
}
.foundation-history:after{
    content: " ";
    background: #C0DFD0;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}
.foundation-history{
    position: relative;
    display: flex;
    gap: 80px;
    padding: 120px 70px ;
}
.foundation-history .block{
    position: relative;
    width: 24px;
    height: 24px;
    z-index: 9;
}
.history-text{
    width: 162px;
    position: absolute;
    color: #212121;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.28px;
    left: -70px;
    top: 100px;
}
.history-lineb{
    width: 162px;
    position: absolute;
    left: -70px;
    top: 30px;
    transform: rotate(180deg);
}
.history-year{
    position: absolute;
    color: #154468;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.9px;
    left: -38%;
    top: -50px;
}

.foundation-history .block:nth-child(2n) .history-text{
    top: -100px;
}
.foundation-history .block:nth-child(2n) .history-lineb{
    top: -60px;
    transform: rotate(0deg);
}
.foundation-history .block:nth-child(2n) .history-year{
    top: 50px;
}

.file-list{
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.file{
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 4px;
    background: #F8F8F8;
}
.file-pdf{
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-image: url("../src/img/Component-pdf.png");
}
.file-jpg, .file-jpeg, .file-png{
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-image: url("../src/img/file-img.jpg");
    background-size: contain;
}
.file-xlsx, .file-xls{
    width: 24px;
    height: 42px;
    background-repeat: no-repeat;
    background-image: url("../src/img/file-excel.png");
}
.file-docx, .file-doc{
    width: 24px;
    height: 42px;
    background-repeat: no-repeat;
    background-image: url("../src/img/Word-icon.png");
}
.file-zip, .file-rar{
    width: 24px;
    height: 42px;
    background-repeat: no-repeat;
    background-image: url("../src/img/file-zip-color-red-icon.svg");
}
.file-ppt, .file-pptx{
    width: 24px;
    height: 42px;
    background-repeat: no-repeat;
    background-image: url("../src/img/PowerPoint.png");
}
.file-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}
.file-name{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    color:  #212121;
    text-overflow: ellipsis;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

.file-size{
    color: #707071;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}
button.file-download {
    background:none;
}
.file-download{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #396 !important;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
    text-decoration: none !important;

    height: 40px;
    padding: 12px 24px;
    border: 1px solid #396;
    cursor: pointer;
}

.strategy{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.strategy .item {
    position: relative;
}
.strategy .item .close{
    display: none;
    position: absolute;
    right: 38px;
    top: 8px;
    content: url("../src/img/close_strategy.svg");
}
.strategy .item.open .close{
    display: block;
}
.strategy .item .color{
    display: flex;
    min-height: 125px;
    justify-content: flex-start;
    padding:  24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    flex-shrink: 0;
    border-radius: 4px;
    background: url("../src/img/strategy_logo.png") no-repeat bottom right;
    background-color: #154468;
    color:  #FFF;
}
.strategy .item .desc-detail{
    display: none;
}
.strategy .item.open .desc-detail{
    display: block;
}
.strategy .item:nth-child(2) .color{
    background-color: #396;
}
.strategy .item:nth-child(3) .color{
    background-color: #E8EEFA;
    color:  #154468;
    background-image: url("../src/img/strategy_logo2.png");
}
.strategy .item:nth-child(4) .color{
    background-color: #E0F0E8;
    color:  #154468;
    background-image: url("../src/img/strategy_logo2.png");
}
.strategy .item .desc{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}
.strategy .item .cel{
    display: flex;
    align-items: center;
    gap: 12px;

    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
}
.strategy .item .cel .text{

}
.text img{
    border-radius: 4px;
}
.strategy .item .count{
    width: 32px;
    height: 32px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 108%;
    letter-spacing: 1.92px;
    border-radius: 25px;
    border: 2px solid #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.strategy .item:nth-child(3) .count,
.strategy .item:nth-child(4) .count{

    border: 2px solid #154468;
}

.organizatsionnaya-struktura{
    border-radius:4px;
    background: #F8F8F8;
    padding: 40px;
}
.organizatsionnaya-struktura{
    border-radius:4px;
    background: #F8F8F8;
    padding: 40px;
}
.organizatsionnaya-struktura > li{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.organizatsionnaya-struktura > li > ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.organizatsionnaya-struktura > li > .block{
    margin-bottom: 100px;
}
.organizatsionnaya-struktura .block:before{
    content: " ";
    background-image: url("../src/img/Regular.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    bottom: -42px;
    right: 0;
    left: 0;
    height: 44px;
    width: 100%;
}
.organizatsionnaya-struktura .block:last-child:before {
    display: none;
}
.organizatsionnaya-struktura > li > .block:before{
    content: " ";
    background-image: url("../src/img/Fork.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    bottom: -89px;
    right: 0;
    left: 4%;
    height: 91px;
    width: 379px;
}
.organizatsionnaya-struktura .block .title{
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}
.organizatsionnaya-struktura .block{
    display: flex;
    padding:16px 24px;
    align-items: flex-start;
    gap:  16px;
    border-radius:  4px;
    background: #FFF;
    margin-bottom: 54px;
    position: relative;
}
.organizatsionnaya-struktura .block .info{
    display: flex;
    gap:  8px;
    flex-direction: column;
    align-items: flex-start;
}

.cabinet-left .title_line{
    padding-bottom: 15px;
    border-bottom: 2px solid #339966;
    color: #212121;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
    margin-bottom: 32px;
}
.cabinet-left .cabinet-photo{
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}
.cabinet-info{
    margin-top: 27px;
    margin-bottom: 27px;
    background: rgba(51, 153, 102, 0.08);
    padding: 5px 13px 10px 13px;
    color:  #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}
.cabinet-block-list{
    display: flex;
    gap: 32px;
    flex-direction: column;
}
.cabinet-block-list .error{
    color: #DA1C1C;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.32px;
}

.content-box .content .cabinet-block-list h2{
    color:  #396;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
    text-transform: uppercase;
    margin-bottom: 19px;
}
.content-box .content .cabinet-block-list h3{
    color: #396;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.32px;
    margin-bottom: 16px;
}

.cabinet-months{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px 3px;
}
.cabinet-month{
    display: flex;
    height: 37px;
    padding: 18px 33px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    background: rgba(51, 153, 102, 0.21);

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    z-index: 10000;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgb(33 33 33 / 50%);
}

.modal-content .title-line{
    width: 100%;
}
.modal-content {
    margin: 10% auto;
    border: 1px solid #888;
    width: 80%;
    border-radius: 4px;
    background:  #FFF;
    max-width: 464px;
    padding: 40px;
    position: relative;
}

.close {
    color: #707071;
    font-size: 28px;
    font-weight: bold;
    width: 32px;
    height: 32px;
    float: right;
    position: absolute;
    right: 30px;
    z-index: 9999;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.modal-auth .description{
    color:  #3F4642;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.28px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    align-self: stretch;
}
.modal-auth .description .copyright{
    color:  #707071;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 12px */
    letter-spacing: -0.2px;

}
.modal-auth .description .copyright span{
    text-decoration-line: underline;
}

.modal-auth{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:  24px;
}
.modal-auth .auth-button{
    display: flex;
    height: 48px;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;

    color:#FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;

    border-radius: 4px;
    opacity: 0.6;
    background: #396;
    border: 0;
}

.grafik-priema-grazhdan {
    padding: 0;
    border-spacing: 0;
    border-radius: 4px;
    border: 2px solid #E8EEFA;
    width: 100%;
    margin-top: 40px;
}
.grafik-priema-grazhdan img{
    border-radius: 10px;
}
.grafik-priema-grazhdan th{
    text-align: left;
    padding: 10px 16px;
    background: #E8EEFA;
}
.grafik-priema-grazhdan td{
    padding: 24px  16px;
    border: 1px solid #E8EEFA;
}
.grafik-priema-grazhdan td .info .desc {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.63px;
}
.grafik-priema-grazhdan td .info b{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
    padding-bottom: 6px;
}
.grafik-priema-grazhdan td .info{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    color: #212121;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.54px;
}
.grafik-priema-grazhdan td .info img{
    max-width: 80px;
}
.version-vision{
    display: flex;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #FFF;
    color:  #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
    margin-right: 16px;
    cursor: pointer;
}

.karta-postavshchikov .otpravit-zapros__form_bottom .button{
    width: 100%;
    text-align: center;
    justify-content: center;
}
.karta-postavshchikov-list{
    display: flex;
    gap: 24px;
    flex-direction: column;
}
.karta-postavshchikov-item{
    display: flex;
    padding: 32px 32px 32px;

    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 4px;
    background:  #F8F8F8;
    font-family: "FS Joey Pro", sans-serif;
}
.karta-postavshchikov-item div b{
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.48px;
}
.karta-postavshchikov-item div span{
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.48px;
}
.content-box .content .karta-postavshchikov-item h2{
    margin-bottom: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.9px;
}
.sovet-direktorov-list img{
    max-width: 132px;
    border-radius: 4px;
}
.sovet-direktorov-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 24px;
}

.sovet-direktorov-item{
    display: flex;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
}
.sovet-direktorov-item .description{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
}
.sovet-direktorov-item .description b{
    overflow: hidden;
    color:  #212121;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.9px;
    margin-bottom: 4px;
    display: block;
}
.sovet-direktorov-item .description .name{
    height: 71px;
    overflow: hidden;
    width: 100%;
}
.sovet-direktorov-item .description .dol{
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;

}

.sovet-direktorov-seretar h2{
    color:  #212121;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: -0.9px;
    margin-bottom: 24px;
}
.sovet-direktorov-seretar .line{
    background: #E8EEFA;
    height: 1px;
    width: 100%;
    margin-bottom: 40px;
}

.sovet-direktorov-seretar-item{
    border-radius: 4px;
    background:  #F8F8F8;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.32px;
}
.sovet-direktorov-seretar-item .preview_picture{
    width: 171px;
}
.sovet-direktorov-seretar-item .seretar-item-top{
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.sovet-direktorov-seretar-item .dol{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
    margin-bottom: 8px;
}
.sovet-direktorov-seretar-item .phone, .sovet-direktorov-seretar-item .email{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.63px;
}
.sovet-direktorov-seretar-item .email{
    margin-top: 16px;
}
.sovet-direktorov-seretar-item  p{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
    margin-top: 8px;
    margin-bottom: 0;
}
.sovet-direktorov-seretar-item h3{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.32px;
    margin-bottom: 16px;
}
.sovet-direktorov-seretar-item ul{
    list-style: disc;
    margin-left: 20px;
}
.sovet-direktorov-seretar-item b{
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
    margin-bottom: 16px;
    display: block;
}


.sovet-direktorov-detail h3{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.32px;
    margin-bottom: 16px;
    margin-top: 16px;
}


.sovet-direktorov-detail{
    padding: 24px;
    border-radius: 4px;
    background: #F8F8F8;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    letter-spacing: -0.32px;
}
.sovet-direktorov-detail img{
    float: left;
    margin-right: 24px;
    max-width: 270px;
    border-radius: 10px;
}

.sovet-direktorov-detail ul{
    list-style: disc;
    margin-left: 20px;
}
.sovet-direktorov-detail .name{
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
}
.sovet-direktorov-detail .dol{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
    margin-top: 4px;
    margin-bottom: 8px;
}
.sovet-direktorov-detail .text-d{
    margin-top: 16px;
}
.right_e-otinish div {
    color: #212121;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.81px;
    display: flex;
    width: 100%;
    height: 34px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 16px;
}
.right_e-otinish a.e-otinish{
    background-image: url("../src/img/e-otinish-bg.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 231px;
    width: 100%;
    position: relative;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    text-decoration: none;
    background-size: cover;
}
.right_e-otinish {
    border-radius: 4px;
    background: #F8F8F8;
    padding: 24px 24px 24px 24px;
    margin-bottom: 24px;
}

.waiting_list{
    display: flex;
    gap: 32px;
    flex-direction: column;
}
.waiting_list form{
    display: flex;
    align-items: center;
    gap: 16px;
}
.waiting_list button{
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}
.waiting_list input {
    width: 298px;
    height: 56px;
    padding: 16px 20px;

    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    border: none;
    background: #FFF;
}
.waiting_list__questions{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.waiting_list__questions div a{
    margin-right: 32px;
    color:  #154468;

    font-family: "FS Joey Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}
.waiting_list__questions span {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: #154468;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.waiting_list .title_result {
    color:  #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}
.waiting_list-table {
    border-spacing: 0;
    margin-top: 16px;
    background: #FFF;
}
.waiting_list-table .button{
    height: 40px;
    padding: 16px;
}
.waiting_list-table th, .waiting_list-table td{
    padding: 10px;
    border: 1px solid #E8EEFA;
}

.waiting_list #form_result{
    display: none;
}
#modal-waiting_list .title{
    color:  #212121;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1.08px;
}
#modal-waiting_list .modal-content{
    max-width: 760px;
    padding: 32px;
}
#modal-waiting_list .modal-content .block{

}
#modal-waiting_list .modal-content .modal-waiting_list{

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

#modal-waiting_list .modal-content .modal-waiting_list .description{
    display: flex;
    flex-wrap: wrap;

    -moz-column-gap: 24px;
    column-gap: 24px;
    width: 100%;
    gap: 24px;
}
#modal-waiting_list .modal-content .modal-waiting_list .block {
    box-sizing: border-box;
    padding: 10px;
    flex: 1 1 45%;
}
#modal-waiting_list .modal-content .modal-waiting_list .block:nth-child(3){
    flex: 1 1 100%;
}
#modal-waiting_list .modal-content .modal-waiting_list .block b {
    display: inline-block;
    width: 150px;
}
@media (max-width: 800px) {
    .block {
        flex: 1 1 100%;
    }
}
.old_site{
    color:  #F8F8F8;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    line-height: 120%; /* 24px */
    letter-spacing: -0.9px;
    background-color: #fff;

    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;

}
.old_site_bg{
    background: linear-gradient(0deg, rgba(51, 153, 102, 0.54) 0%, rgba(27, 41, 34, 0.54) 100%);
    padding-bottom: 80px;
    padding-top: 16px;
}

.medicine_provision  form{
    flex-direction: row;
    width: 100%;
}
.medicine_provision  form input{
    width: 100%;
}
.medicine_provision .title_result{
    margin-bottom: 12px;
}
.medicine_provision .result_list .item{
    display: flex;
    padding: 16px 0px;
    align-items: center;
    gap: 24px;
    align-self: stretch;

    color: #154468;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
    text-decoration-line: none;
    cursor: pointer;
    border-top: 1px solid #E8EEFA;
}
.medicine_provision .result_list .item:first-child{
    border: none;
}
.medicine_provision .result_list .item:hover{
    text-decoration-line: underline;
}
.medicine_provision.info div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    flex-direction: column;
}
.medicine_provision.info div div{
    flex-direction: row;
}
.medicine_provision.info div:first-child{
    align-items: center;
    gap: 8px;
    flex-direction: row;
}
.medicine_provision.info a{
    text-decoration: none;
}
.medicine_provision.info{
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;

    border-radius: 4px;
    border: 1px solid #B6C5D0;
    background: #E8EEFA;

}
.medicine_provision.info-desc{
    border-radius: 4px;
    background:  #F8F8F8;
    display: flex;
    padding:  24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    margin-top: 16px;

    color:  #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}
.medicine_provision.info-desc b{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}

form.medicine_provision {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap:  16px;
}
form.medicine_provision .button{
}
.form_file_pdf div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}
.form_file_pdf div b{
    overflow: hidden;
    color: #212121;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.63px;
}
.form_file_pdf div span{
    color: #707071;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    letter-spacing: -0.28px;
}
.form_file_pdf{
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 16px;

    align-self: stretch;
    border-radius: 4px;
    background: #FFF;

    /* Card */
    box-shadow: 0px 4px 20px 0px rgba(54, 61, 66, 0.08);
    width: 240px;
}

.content-box .content a.button-calc-osms{
    display: flex;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}
.preload-active:before{
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #0F4D5B;
    opacity: 0.2;
    z-index: 9999;
}

#modal-testing
#modal-testing .modal-content {
    width: 672px;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    border-radius: 4px;
    background:  #FFF;
}
#modal-testing label{
    display: flex;
    padding: 16px 16px;
    align-items: center;
    gap:  12px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid  #E8EEFA;
    cursor: pointer;
}
#modal-testing .submit__form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    padding: 0;
    background-color: #fff;
}
#modal-testing input[type="radio"]{
    opacity: 0;
    padding: 0;
    display: contents;
}
#modal-testing input[type="radio"]:checked+label{
    border-radius:  4px;
    border: 1px solid #396;
}
#modal-testing  input[type="radio"]:checked + label:before {
    background-image: url("../src/img/radiobtn_s.svg");
}

#modal-testing  input[type="radio"] + label:before {
    content: " ";
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
    background-image: url("../src/img/radiobtn.svg");
}
#modal-testing  .submit__form form{
    gap: 16px;
}
#modal-testing  .question-name{
    margin-bottom: 16px;
}
#modal-testing  .test-answer-list{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
#modal-testing  .testing__form_bottom{
    margin-top: 24px;

    display: flex;
    justify-content: space-between;
}
#modal-testing  .key-1 button.back-link{
    display: none;
}
#modal-testing .select, #modal-testing .ik_select{
    width: 214px;
}
#modal-testing  .key-1 .testing__form_bottom{
    justify-content: center;
}
#modal-testing  .testing__form_bottom .end{
    display: none;
}
#modal-testing  .testing__form_bottom .end .end{
    display: block;
}
#modal-testing .modal-content {
    max-width: 672px;
}
.ajax_form_testing_success b{
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}
.ajax_form_testing_success{
    display: flex;
    padding: 20px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 4px;
    background: #F8F8F8;

    color:  #212121;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}
.ajax_form_testing_success > div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}
.ajax_form_testing_success .ball{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    letter-spacing: -1.44px;
}
.ajax_form_testing_success .button-{
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    /* align-content: space-around; */
    flex-direction: row;
}
.ajax_form_testing_success .button- .button{
    justify-content: center;
    width: 50%;
}
.ajax_form_testing_success .button- .button-close{
    border-radius: 4px;
    border: 1px solid #396;
    color: #396;
    background: #ffffff;
}

.bot_body{
    display: none;
    background: #FFF;
    position: fixed;
    top: 155px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding-bottom: 40px;
}
.bot_body .popuplar{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
}
.bot-help{
    display: none;
    width: 100%;
    height: 59px;
    padding: 11px 24px;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid #E8EEFA;
    background:  #F8F8F8;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
}
.bot-help span{
    display: flex;
    padding: 8px;
    align-items: center;
    border-radius: 4px;
    background:#E0F0E8;
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    cursor: pointer;
}
.bot_body .popuplar.mobile{
    display: none;
}
.bot_body .popuplar a{
    display: flex;
    padding: 16px  40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #396;
    color: #396;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}
.bot_body .close{
    position: absolute;
    right: 0;
    top: 0;
}
.bot_body .container{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}
.bot_body .bot-left{
    width: 30%;
}
.bot_body .bot-right{
    width: 70%;
}
.bot_body .chat .admin{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.bot_body .chat .admin div{
    /*display: flex;*/
    padding: 16px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px 8px 8px 0px;
    background: #F8F8F8;
}
.bot_body .chat .user {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    align-self: stretch;
}
.bot_body .chat .user div{
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 8px 8px 8px 0px;
    background: #396;

    color:  #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.32px;
}
.bot_body .chat{
    display: flex;
    max-width: 779px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.bot_body form{
    margin-top: 32px;
    position: relative;
}
.bot_body form input{
    display: flex;
    width: 100%;
    padding: 20px 24px;
    align-items: center;
    gap: 664px;
    background: #F8F8F8;
    border: none;

    color: #707071;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.bot_body form button{
    background: url("../src/img/bot-send.svg") no-repeat;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    position: absolute;
    bottom: 20px;
    right: 24px;
    border: none;
}
.bot_body form input:focus, .bot_body form input:focus-visible, .bot_body form input:focus-visible {
    border: none;
    outline: unset;
}
.bot_body .chat a {
    color: #396;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.32px;
    text-decoration-line: underline;
}
.title-search-result{
    z-index: 9999;
}
table.title-search-result{
    margin-left: 10px;
    background-color: #fff;
}
.title-search-result a {
    color: #396;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.72px;
}
.med-table .row.th div.flex2 div {
    padding: 0;
    text-align: center;
}
.med-table .row.th div.flex2 .flex-row2{
    display: flex;
    align-items: flex-start;
    gap: 24px;
    flex-direction: row;
}
.med-table .row.th div.flex2{
    flex: 2;
}

.region-link a{
    white-space: nowrap;
}
.region-link{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;

}

.mobile-menu .close{
    width: 16px;
    height: 16px;
    right: 22px;
    position: relative;
    font-size: unset;

    background-image: url("../src/img/mobile-menu-close.svg");
}

.mobile-menu .back-link{
    width: 14.301px;
    height: 6.953px;
    flex-shrink: 0;
    display: none;
    margin-left: 20px;
}
.mobile-menu {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    height: 100%;
    background: #fff;
    z-index: 99;
}

.menu-level {

    width: 100%;
    transition: left 0.3s ease;
    padding: 20px;
    display: none;

    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
}

.menu-level.active {
    display: flex;
}

.menu-level a{
    color:  #212121;

    font-family: "FS Joey Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: -0.9px;
}
.menu-level ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
}

.menu-level ul li {
    display: flex;
    width: 100%;
    padding: 8px 0px;
    justify-content: space-between;
    align-items: flex-start;
}

.menu-level ul li:after{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    content: ' ';
    background-image: url("../src/img/menu-next.svg");
}

.menu-level ul li a {
    text-decoration: none;
    color: #333;
}

.back-button {
    display: block;
    margin-bottom: 10px;
    background: none;
    border: none;
    color: #007BFF;
    cursor: pointer;
    font-size: 16px;
}
.mobile-menu-header{
    height: 65px;
    flex-shrink: 0;
    border-bottom: 1px solid #E8EEFA;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile-menu-header .logo{
    display: flex;
    width: 111px;
    height: 37px;
    justify-content: center;
    align-items: flex-start;
    gap: 9.464px;
    flex-shrink: 0;
    color: #728F41;
    font-size: 8px;
}

.bx-breadcrumb-mobile {
    display: none;
}
.chairman-blog-box_mobile{
    display: none;
}
.news-vote {
    display: none;
}
.press-right-mobile {
    display: none;
}
.youtube-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
}

.youtube-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.js_form_file_clear.file{
    display: none;
    padding: 8px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(54, 61, 66, 0.08);
    width: 240px;
}
.js_form_file_clear .file-type{
    background-position: center;
}
.yandex-map-wrapper {
    width: 100%;
}
.yandex-map-wrapper iframe {
    width: 100%;
    max-height: 400px;
}

.file-trash {cursor: pointer;}

.ufive_uptop {
    position: fixed;
    display: block;
    box-sizing: border-box;
    border: none;
    bottom: 0px;
    outline: none;
    opacity: 0;
    transition: opacity 0.3s ease, margin-right 0.5s ease-out;
    cursor: pointer;
}
.ufive_upview {
    margin-right: 0px;
    opacity: 1;
    transition: opacity 0.3s ease, margin-right 0.5s ease-out;
}

.ufive_uptop::before {
    left: 18px;
    transform: rotate(45deg);
}
.ufive_uptop::after {
    right: 18px;
    transform: rotate(-45deg);
}
.fs28-title {
    font-size: 28px !important;
}

.mobile_app__poster {
    position: relative;
    height: 1048px;
}
.ellipse_first {
    position: absolute;
    right: 0;
    top: 0;
}
.ellipse_second {
    position: absolute;
    left: 0;
    bottom: 0;
}
.mobile__app_main-img {
    z-index: 10;
    position: absolute;
    width: 355px;
    left: 9.29%;
    right: 59.9%;
    top: 14.12%;
    bottom: 15.94%;
    filter: drop-shadow(2px 0px 4px #FFFFFF);

}
.logo-full__white {
    position: absolute;
    z-index: 10;
    top: 70px;
    right: 150px;
}
.text__steps_right {
    position: absolute;
    z-index: 10;
    right: 150px;
    top: 320px;

}
.text__steps_right .text__line {
    position: absolute;
    top: 0;
    left: -55px;
    z-index: -1;
}
.text__steps_right span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 35px;
    max-width: 300px;
    color: #154468;
    position: relative;
}

.text__steps_right span svg {
    position: absolute;
    left: -50px;
    transform: translateX(-50%);
}
.text__steps_right span.first {
    margin-left: 24px;
}
.text__steps_right span.first:nth-child(1) {
    max-width: 250px;
}
.mobile_app_download {
    position: absolute;
    bottom: 100px;
    right: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mobile_app_download img {
    width: 180px;
    margin-bottom: 24px;
}
.mobile_app_download a {
    padding: 18px 60px !important;
    border-radius: 100em !important;
    text-transform: uppercase !important;
}
.fade-in {
    opacity: 0; /* Начальная непрозрачность */
    transform: translateY(20px); /* Начальное смещение по вертикали */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Параметры анимации */
}

.fade-in.visible {
    opacity: 1; /* Конечная непрозрачность */
    transform: translateY(0); /* Сброс смещения */
}/* Контейнер dropdown */
.user-dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* Триггер (имя пользователя) */
.user-dropdown__trigger {
    display: flex;
    align-items: center;
    background-color: #3a9b6a;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 4px;
    gap: 10px;
    width: 200px;
    font-weight: 500;
    transition: background 0.3s ease;
}

.user-dropdown__trigger:hover {
    background-color: #358a5e;
}

/* Выпадающее меню */
.user-dropdown__menu {
    display: none;
    position: absolute;
    top: 120%;
    left: 0;
    background-color: #3a9b6a;
    border-radius: 4px;
    width: 200px;
    list-style: none;
    margin: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding: 0 10px;

}

.user-dropdown__menu li {
    border-bottom: 1px solid #4fa87a;
    font-weight: 200;
}

.user-dropdown__menu li:last-child {
    border-bottom: none;
}

.user-dropdown__menu a,
.user-dropdown__menu button {
    display: block;
    width: 100%;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    background: none;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.3s ease;
}

.user-dropdown__menu a:hover,
.user-dropdown__menu button:hover {
    background-color: #2f7d5b;
}