* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

:focus {
    outline: 0
}

input, textarea {
    -webkit-appearance: none;
    border-radius: 0
}

ol[class], ul[class] {
    padding: 0
}

blockquote, body, dd, dl, figcaption, figure, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
    margin: 0
}

ul[class] {
    list-style: none
}

img {
    max-width: 100%;
    display: block
}

button, input, select, textarea {
    font: inherit;
    outline: 0
}

a {
    text-decoration: none;
    color: inherit
}

button {
    cursor: pointer;
    border: none;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

html {
    height: 100%;
    scroll-behavior: smooth;
    font-size: .48vw
}

body {
    font-family: Montserrat, sans-serif;
    background-color: #fff;
    height: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth
}

body.desktop-bg-grey {
    background-color: #f9f9f9
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    color: transparent !important
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    color: transparent !important
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    color: transparent !important
}

input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
    color: transparent !important
}

input:focus::placeholder, textarea:focus::placeholder {
    color: transparent !important
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.clear {
    clear: both
}

.overflow {
    overflow: hidden
}

a:not([class]) {
    -webkit-transition: .3s;
    transition: .3s
}

.content h2, .content h3, .content h4, .content h5 {
    margin: 1.5em 0 1em
}

.content ol, .content p, .content ul {
    margin-bottom: 1em
}

.content ol, .content ul {
    padding-left: 1em
}

.content :last-child {
    margin: 0
}

.text-grey {
    color: rgba(255, 255, 255, .4)
}

.title {
    font-size: 3.5rem;
    line-height: 1.2;
    font-weight: 500
}

.text {
    font-size: 2.1rem;
    font-weight: 400
}

.brs {
    border-radius: 2.6rem
}

.video {
    position: relative
}

.video::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    background-image: url(../img/icons/play.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.link {
    color: #1cab98;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.link::before {
    content: "";
    position: absolute;
    bottom: -.5rem;
    left: 0;
    width: 4.4rem;
    height: .3rem;
    background-color: #1cab98;
    border-radius: 9px;
    -webkit-transition: .3s;
    transition: .3s
}

.main-grey {
    background-color: #f9f9f9
}

.error {
    color: red;
    line-height: 1.2;
    font-size: 1.4rem;
    display: block
}

label.error {
    margin-top: .5em
}

.swal2-container {
    z-index: 99999
}

.swal2-title {
    font-size: 3.5rem
}

.swal2-content {
    font-size: 2.1rem
}

.swal2-confirm {
    width: 100%
}

.swal2-popup {
    width: 40rem
}

.swal2-icon {
    font-size: 16px
}

.swal2-validation-message {
    display: none !important
}

.text-green {
    color: #00a48a
}

.fancybox-slide--html {
    padding: 0
}

a.hover {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

a.hover:before {
    -webkit-transition: .3s;
    transition: .3s
}

.fancybox-button svg {
    width: 2.4rem;
    height: 2.4rem
}

.fancybox-slide--html .fancybox-close-small {
    padding: 1rem;
    top: 1rem;
    right: 1rem;
    width: 4.4rem;
    height: 4.4rem
}

.simplebar-scrollbar::before {
    background-color: #1cab98 !important;
    border-radius: 0 !important;
    opacity: 1 !important
}

.line {
    display: block;
    width: 4.4rem;
    height: .3rem;
    border-radius: .9rem;
    background-color: #1cab98;
    margin: 2.4rem 0
}

.red {
    color: #cc4b4c !important
}

@media screen and (min-width: 1921px) {
    html {
        font-size: 10px
    }
}

@media screen and (min-width: 1000px) {
    .container {
        max-width: 177rem
    }
}

@media screen and (max-width: 992px) {
    html {
        font-size: 1.0080645161vw
    }

    body {
        background-color: #fff
    }

    body .header-mobile-nav, body.mobile-bg-grey {
        background-color: #f9f9f9
    }

    .container {
        padding: 0 15px
    }

    .link {
        color: #1cab98;
        position: relative
    }

    .link::before {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 18px;
        height: 2px;
        background-color: #1cab98;
        border-radius: 2px
    }

    .video:after {
        border-width: 2px;
        width: 60px;
        height: 60px
    }

    .error {
        font-size: 12px
    }

    .fancybox-button svg {
        width: 20px;
        height: 20px
    }

    .fancybox-slide--html .fancybox-close-small {
        padding: 5px;
        top: 0;
        right: 0;
        width: 30px;
        height: 30px
    }

    .line {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 6px;
        margin: 1em 0
    }
}

.btn {
    text-align: center;
    font-size: 2.1rem;
    line-height: 1;
    font-weight: 600;
    padding: 2.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2.6rem;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--deg)), color-stop(0, #7bcdbf), color-stop(61%, #00a48a), to(#005d62));
    background: linear-gradient(var(--deg), #7bcdbf 0, #00a48a 61%, #005d62 100%);
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative
}

.btn--white {
    border: .3rem solid #f5f5f5;
    background: rgba(245, 245, 245, .2)
}

.btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 2.6rem
}

.btn-dark {
    background: #005d62
}

.btn--sec {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--deg)), color-stop(0, #7bcdbf), to(#00a48a));
    background: linear-gradient(var(--deg), #7bcdbf 0, #00a48a 100%)
}

.btn--green {
    background: #1cab98
}

.btn--trans {
    background: 0 0;
    -webkit-box-shadow: inset 0 0 0 .3rem #00a48a;
    box-shadow: inset 0 0 0 .3rem #00a48a;
    color: #00a48a
}

.btn:disabled {
    opacity: .3;
    cursor: not-allowed
}

@media (hover: hover) {
    .video:hover::after {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1)
    }

    a.hover:hover:before {
        width: 100%
    }

    .btn:not([disabled]):hover:before {
        -webkit-box-shadow: 0 5px 10px #005d62;
        box-shadow: 0 5px 10px #005d62
    }

    .btn--white:not([disabled]):hover:before {
        -webkit-box-shadow: 0 0 15px #fff;
        box-shadow: 0 0 15px #fff
    }

    .btn--light:hover {
        background: #fff
    }
}

@media screen and (max-width: 992px) {
    .btn {
        border-radius: 10px;
        font-size: 12px;
        padding: 13px;
        background: #fff;
        border: 2px solid #1cab98;
        color: #316067
    }

    .btn::before {
        border-radius: 10px
    }

    .btn--trans {
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.section-title {
    font-size: 3.5rem;
    line-height: 1;
    font-weight: 600;
    color: #000;
    padding-left: 3.9rem;
    min-height: 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.section-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .3rem;
    height: 100%;
    background-color: #1cab98
}

.section-title p {
    font-weight: 500;
    font-size: 2.1rem
}

@media screen and (max-width: 992px) {
    .section-title {
        font-size: 16px !important;
        padding-left: 12px;
        min-height: 40px
    }

    .section-title p {
        font-size: 14px
    }
}

.section {
    padding: 100px 0
}

@media screen and (max-width: 768px) {
    html {
        font-size: 1.3020833333vw
    }

    .section {
        padding: 80px 0
    }
}

.page-title {
    font-size: 9rem;
    line-height: 1.05;
    font-weight: 600;
    text-transform: uppercase
}

.page-title--small {
    font-size: 7rem
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .7rem
}

.social-item {
    border-radius: 50%;
    width: 5.4rem;
    height: 5.4rem;
    background-color: #fff;
    border: .1rem solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s
}

.social-item svg {
    max-width: 3.1rem;
    max-height: 2.6rem
}

.social-item svg path {
    -webkit-transition: .3s;
    transition: .3s
}

.social-dark .social-item {
    background-color: #316067;
    border: 1px solid #316067
}

.social-dark .social-item path {
    fill: #fff
}

@media (hover: hover) {
    .social-item:hover {
        background-color: #213030
    }

    .social-item:hover path {
        fill: #fff
    }

    .social-dark .social-item:hover {
        background-color: #fff
    }

    .social-dark .social-item:hover path {
        fill: #316067
    }
}

@media screen and (max-width: 992px) {
    .page-title {
        font-size: 35px
    }

    .page-title--small {
        font-size: 30px
    }

    .social {
        gap: 10px
    }

    .social-item {
        width: 53px;
        height: 53px
    }

    .social-item svg {
        max-width: 31px;
        height: 23px
    }
}

.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
    height: 2.5rem
}

.slick-dots li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s;
    transition: .3s
}

.slick-dots li button {
    font-size: 0;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    border: .3rem solid rgba(43, 40, 38, .4);
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #fff
}

.slick-dots li.slick-active button {
    width: 1.8rem;
    height: 1.8rem;
    border: 3px solid rgba(43, 40, 38, .75)
}

.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.slick-arrow img {
    width: 4rem;
    height: 4rem
}

.slick-arrow.prev {
    left: 1%
}

.slick-arrow.next {
    right: 1%
}

@media screen and (max-width: 576px) {
    .slick-dots {
        gap: 3px;
        height: 10px
    }

    .slick-dots li button {
        width: 6px;
        height: 6px;
        border-width: 2px
    }

    .slick-dots li.slick-active button {
        width: 8px;
        height: 8px;
        border-width: 2px
    }
}

.notice {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(100%, -60%);
    -ms-transform: translate(100%, -60%);
    transform: translate(100%, -60%);
    width: 1.8rem;
    height: 1.8rem
}

.notice p {
    position: absolute;
    bottom: calc(100% + 1.5rem);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30.5rem;
    background-color: #fff;
    padding: 1.7rem 1.5rem;
    -webkit-box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .15);
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .15);
    font-size: 1.3rem;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.notice p a {
    color: #1cab98;
    text-decoration: underline
}

.notice p a::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1.6rem solid transparent;
    border-top: 1.3rem solid #fff
}

.notice__icon {
    cursor: pointer
}

.notice__icon img {
    width: 1.8rem;
    height: 1.8rem
}

.notice:hover p {
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 992px) {
    .notice {
        -webkit-transform: translate(110%, -70%);
        -ms-transform: translate(110%, -70%);
        transform: translate(110%, -70%);
        width: 18px;
        height: 18px
    }

    .notice p {
        bottom: calc(100% + 15px);
        width: 200px;
        background-color: #fff;
        padding: 10px;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
        font-size: 10px
    }

    .notice p::before {
        border: 16px solid transparent;
        border-top: 13px solid #fff
    }

    .notice__icon {
        cursor: pointer
    }

    .notice__icon img {
        width: 18px;
        height: 18px
    }
}

.header {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 4.5rem
}

.header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70vh;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: -1;
    min-height: var(--mh)
}

.header-logo {
    max-width: 21.6rem;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header-logo img {
    width: 100%
}

.header-logo .logo-black {
    display: none
}

.header-nav {
    margin-left: 6%;
    margin-right: auto
}

.header__btn {
    gap: 2.2rem;
    padding: 2.4rem;
    border-radius: 2rem
}

.header__btn svg {
    width: 2.1rem;
    height: 2.1rem
}

.header-user-block {
    display: none !important;
    position: absolute;
    top: 20rem;
    right: 0;
    opacity: 0;
    visibility: hidden;
    width: 58rem;
    border-left: .2rem solid #d9d9d9;
    padding-left: 5.8rem;
    -webkit-transition: .3s;
    transition: .3s;
    color: #000
}

.header-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

.header-user__image {
    width: 20rem;
    height: 20rem;
    border-radius: 2.6rem;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header-user__image img {
    width: 100%;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover
}

.header-user__title {
    font-size: 2.1rem;
    font-weight: 500;
    margin-bottom: 1.7rem
}

.header-user__text {
    font-size: 1.8rem;
    margin-bottom: 3rem;
    color: rgba(6, 6, 6, .7)
}

.header-user__link {
    font-weight: 600;
    color: #1cab98;
    font-size: 2.1rem;
    position: relative
}

.header-user__link::before {
    content: "";
    position: absolute;
    bottom: -.5rem;
    left: 0;
    border-radius: .9rem;
    width: 4.4rem;
    height: .3rem;
    background-color: #1cab98
}

.header__cabinet {
    margin-top: 4rem;
    max-width: 31rem;
    color: #1cab98;
    background: rgba(28, 171, 152, .2);
    border: .3rem solid #1cab98
}

.header__cabinet path {
    stroke: #1cab98
}

.header-search {
    width: 2rem;
    height: 2rem
}

.header-search svg {
    width: 100%;
    height: 100%
}

.header:has(.has-children:hover) .header-menu__link {
    color: #000
}

.header:has(.has-children:hover) .header-search path {
    fill: #504d50 !important
}

.header:has(.has-children:hover)::before {
    opacity: 1;
    visibility: visible
}

.header:has(.has-children:hover) .header-user-block {
    opacity: 1;
    visibility: visible
}

.header:has(.has-children:hover) .logo-white {
    display: none
}

.header:has(.has-children:hover) .logo-black {
    display: block
}

@media (hover: hover) {
    .header-menu__link:hover {
        color: #fff
    }

    .header-menu__link:hover::before {
        width: 4.4rem
    }
}

.front-page-header .header-logo .logo-white {
    display: none
}

.front-page-header .header-logo .logo-black {
    display: block
}

.front-page-header .header-menu {
    color: rgba(0, 0, 0, .5)
}

.front-page-header .header-menu__link::before {
    background-color: #1cab98
}

.front-page-header .header-menu-btn rect {
    fill: #00a48a
}

@media (hover: hover) {
    .header-menu__link:hover {
        color: #1cab98
    }

    .header-menu__item:has(.header-submenu):hover .header-submenu {
        opacity: 1;
        visibility: visible
    }

    .header-menu__item:has(.header-submenu):hover .header-submenu .header-submenu {
        opacity: 0;
        visibility: hidden
    }

    .header-submenu__item:hover > a {
        color: #1cab98
    }

    .header-submenu__item:hover .header-submenu {
        opacity: 1 !important;
        visibility: visible !important
    }

    .header-menu__item:hover .header-menu__link::before {
        width: 4.4rem
    }

    .header-submenu__item .header-submenu__item a:hover {
        text-decoration: underline !important
    }
}

.header-white .header-menu__link:hover {
    color: #fff
}

.header-white .header-menu__link:hover::before {
    width: 4.4rem
}

@media screen and (max-width: 992px) {
    .header {
        padding-top: 16px
    }

    .header-wrapper {
        padding-bottom: 16px
    }

    .header-logo {
        max-width: 133px
    }

    .header-nav {
        display: none
    }

    .header__btn {
        margin-left: 12px
    }

    .header-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 13px;
        height: 13px
    }

    .header-menu-btn {
        margin-left: 18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-menu-btn svg {
        width: 20px;
        height: 20px
    }

    .header-menu-btn rect {
        -webkit-transition: .3s;
        transition: .3s
    }

    .header-menu-btn.active rect:nth-child(1) {
        -webkit-transform: translate(20px, -3px) rotate(45deg);
        -ms-transform: translate(20px, -3px) rotate(45deg);
        transform: translate(20px, -3px) rotate(45deg)
    }

    .header-menu-btn.active rect:nth-child(2) {
        opacity: 0
    }

    .header-menu-btn.active rect:nth-child(3) {
        -webkit-transform: translate(-9px, -8.5px) rotate(-45deg);
        -ms-transform: translate(-9px, -8.5px) rotate(-45deg);
        transform: translate(-9px, -8.5px) rotate(-45deg)
    }

    .header-search path {
        fill: #00a48a
    }

    .header-user-block {
        position: static;
        opacity: 1;
        visibility: visible;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        margin-top: 56px;
        padding: 0
    }

    .header-user__image {
        width: 148px;
        height: 148px;
        border-radius: 10px;
        overflow: hidden
    }

    .header-user__image img {
        width: 100%;
        aspect-ratio: 1;
        -o-object-fit: cover;
        object-fit: cover
    }

    .header-user__title {
        font-size: 21px;
        font-weight: 600;
        margin-bottom: 9px
    }

    .header-user__text {
        font-size: 18px;
        margin-bottom: 17px
    }

    .header-user__link {
        font-weight: 600;
        color: #1cab98;
        font-size: 21px;
        position: relative
    }

    .header-user__link::before {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 0;
        border-radius: 9px;
        width: 44px;
        height: 3px;
        background-color: #1cab98
    }

    .front-page-header .header__btn {
        color: #005d62;
        border-color: rgba(28, 171, 152, .3);
        background: rgba(28, 171, 152, .3)
    }

    .header-white .header-search path {
        fill: #fff
    }
}

.header-black {
    position: relative
}

.header-black .header-menu {
    color: rgba(0, 0, 0, .5)
}

.header-black .header-menu__link::before {
    background-color: #1cab98
}

.header-black .header-menu-btn rect {
    fill: #00a48a
}

.header-black .logo-white {
    display: none
}

.header-black .logo-black {
    display: block
}

.header-black .header-search path {
    fill: #504d50 !important
}

.header-mobile-nav {
    display: none
}

.header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(255, 255, 255, .5);
    font-weight: 500;
    margin: 0 -2.5rem
}

.header-menu__item {
    padding: 0 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.header-menu__item ul {
    padding-top: 8rem
}

.header-menu__item ul ul {
    padding-left: 7rem
}

.header-menu__link {
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.header-menu__link::before {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 0;
    height: .3rem;
    bottom: -.5rem;
    border-radius: 1rem;
    left: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.header-menu__link .arrow {
    display: none
}

.header-submenu {
    font-size: 1.8rem;
    position: absolute;
    top: 8rem;
    left: 8.6rem;
    right: 8.6rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    min-height: 50vh
}

.header-submenu__item {
    margin-bottom: 2rem;
    font-weight: 600;
    width: 42rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-submenu__item a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #000
}

.header-submenu__item .arrow {
    rotate: -90deg;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
    height: 2rem
}

.header-submenu__item path {
    stroke: #1cab98
}

.header-submenu .header-submenu {
    top: 0;
    left: 42rem;
    width: 80rem
}

.header-submenu .header-submenu .header-submenu__item {
    font-weight: 400;
    width: 100%
}

@media screen and (max-width: 992px) {
    .mobile-bg-grey .header-nav {
        background-color: #f9f9f9
    }

    .header-nav {
        background-color: #fff;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: calc(100vh - 50px);
        overflow: auto;
        z-index: 50;
        display: none;
        padding: 20px 10px;
        margin: 0
    }

    .header-nav ul, .header-nav ul ul {
        padding: 0
    }

    .header-menu {
        font-size: 21px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .header-menu__item {
        padding: 10px 20px;
        -webkit-transition: .3s;
        transition: .3s;
        max-width: 75%;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header-menu__item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #000;
        position: relative;
        width: 100%
    }

    .header-menu__item.active {
        background-color: rgba(0, 164, 138, .1);
        border-radius: 12px
    }

    .header-menu__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header-menu__link::before {
        display: none
    }

    .header-menu .arrow {
        width: 20px;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: .3s;
        transition: .3s;
        position: absolute;
        top: .15em;
        right: 0
    }

    .header-menu .arrow svg {
        width: 10px;
        height: 5px
    }

    .header-menu .arrow path {
        stroke: #000
    }

    .header-menu .arrow.active {
        rotate: 180deg
    }

    .header-submenu {
        font-size: 18px;
        display: none;
        margin-top: 30px;
        gap: 30px;
        position: static;
        -webkit-transition: none;
        transition: none;
        opacity: 1;
        visibility: visible;
        min-height: auto
    }

    .header-submenu__item {
        padding: 0;
        margin-bottom: 17px;
        max-width: 100%;
        width: 100%;
        display: block
    }

    .header-submenu .header-submenu {
        width: 100%;
        opacity: 1;
        visibility: visible
    }

    .header-submenu__item .arrow {
        width: 20px;
        height: 20px;
        rotate: 0deg
    }

    .header-submenu__item .arrow.active {
        rotate: 180deg
    }

    .header-submenu__item path {
        stroke: #000
    }
}

.footer {
    background-color: #1c3b40;
    color: #fff;
    font-size: 2.1rem
}

.footer-top {
    padding: 7.3rem 0 6rem
}

.footer-logo {
    max-width: 20rem;
    display: block
}

.footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5rem
}

.footer-menu {
    line-height: 1.7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .4rem
}

.footer-menu__link {
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.footer-menu__link::before {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 0;
    height: .3rem;
    bottom: -.5rem;
    border-radius: 1rem;
    left: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.footer__btn {
    gap: 2.2rem;
    max-width: 31rem;
    border-radius: 2rem
}

.footer__btn svg {
    width: 2.1rem;
    height: 2.1rem
}

.footer-middle {
    padding: 7.9rem 0;
    border-top: .3rem solid rgba(255, 255, 255, .1);
    border-bottom: .3rem solid rgba(255, 255, 255, .1)
}

.footer-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.7rem
}

.footer-icons__link {
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    background-color: #476064;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative
}

.footer-icons__link:first-child span {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.footer-icons__link svg {
    width: 50%;
    height: 50%
}

.footer-icons__link span {
    position: absolute;
    bottom: 120%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.2rem;
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.footer-bottom {
    padding: 6.9rem 0 6.5rem
}

.footer-social path {
    fill: #213030
}

.footer-privacy {
    text-decoration: underline
}

@media (hover: hover) {
    .footer-menu__link:hover {
        color: #fff
    }

    .footer-menu__link:hover::before {
        width: 4.4rem
    }

    .footer-contacts a:hover {
        text-decoration: underline
    }

    .footer-icons__link:hover {
        background-color: #1cab98
    }

    .footer-icons__link:hover span, .stories-slider:hover .slick-arrow {
        opacity: 1;
        visibility: visible
    }
}

@media screen and (max-width: 992px) {
    .footer {
        font-size: 16px
    }

    .footer-nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 60px
    }

    .footer-menu {
        gap: 20px
    }

    .footer-logo {
        max-width: 200px;
        margin-bottom: 34px
    }

    .footer-icons {
        gap: 20px;
        display: grid;
        grid-template-columns:repeat(2, 1fr)
    }

    .footer-icons__link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        width: 100%;
        height: auto;
        border-radius: 0;
        background: 0 0
    }

    .footer-icons__link svg {
        width: 32px;
        height: 32px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .footer-icons__link span {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        visibility: visible;
        font-size: 12px;
        white-space: wrap;
        width: auto;
        text-align: left
    }

    .footer__btn {
        font-size: 12px;
        border-radius: 10px
    }

    .footer-bottom, .footer-middle, .footer-top {
        padding: 40px 0
    }

    .footer-privacy {
        font-size: 21px
    }

    .footer-info {
        font-size: 12px
    }

    .footer-info p {
        margin-bottom: 8px
    }

    .footer-middle {
        border-top: 2px solid rgba(255, 255, 255, .1);
        border-bottom: 2px solid rgba(255, 255, 255, .1)
    }
}

.hero {
    min-height: 100vh;
    /*margin-bottom: 9.3rem*/
}

.hero-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hero-left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    max-width: 69%;
    padding-top: 17rem
}

.hero__title {
    font-size: 11.6rem;
    font-weight: 600;
    line-height: 1.05;
    color: #316067;
    margin-bottom: 2.3rem
}

.hero__text {
    color: rgba(6, 6, 6, .6);
    font-size: 2.1rem;
    margin-bottom: 9.6rem;
    max-width: 55rem
}

.hero__btn {
    max-width: 42rem;
    margin-bottom: 10rem
}

.hero__video {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 42rem;
    border-radius: 2.6rem;
    overflow: hidden
}

.hero__video::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    background-color: rgba(6, 6, 6, .4)
}

.hero-right {
    max-width: 31%;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 6.2rem;
    padding-bottom: 6.2rem;
    color: #f5f5f5;
    font-size: 2.1rem;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 17rem;
    position: relative;
    z-index: 1
}

.hero-right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 2rem;
    width: 150%;
    height: 100%;
    background-color: rgba(6, 6, 6, .6);
    border-bottom-left-radius: 2.6rem;
    border-bottom-right-radius: 2.6rem;
    z-index: -1
}

.hero-right::after {
    content: "";
    position: absolute;
    top: 0;
    left: 2rem;
    width: 150%;
    height: 100%;
    background-image: url(../img/front-page/hero-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom-left-radius: 2.6rem;
    border-bottom-right-radius: 2.6rem;
    z-index: -2
}

.hero-nums {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5.8rem 4.3rem
}

.hero-nums__item-num {
    font-size: 3.6rem;
    margin-bottom: 1rem
}

@media screen and (max-width: 992px) {
    .hero {
        min-height: 0;
        margin-bottom: 0;
        padding-top: 100px
    }

    .hero__title {
        font-size: 56px;
        text-align: center
    }

    .hero-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px
    }

    .hero-left {
        max-width: 100%;
        padding-top: 0
    }

    .hero-right {
        max-width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 42px 20px 30px;
        gap: 37px;
        font-size: 16px
    }

    .hero-right::after, .hero-right::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .hero-right::before {
        background-color: rgba(6, 6, 6, .6);
        z-index: -1;
        border-radius: 0
    }

    .hero-right::after {
        background-image: url(../img/front-page/hero-bg-mob.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        z-index: -2;
        border-radius: 0
    }

    .hero-nums {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .hero-nums__item-num {
        font-size: 36px
    }

    .hero__text {
        text-align: center;
        font-size: 16px;
        max-width: 100%;
        margin-bottom: 20px
    }

    .hero__btn {
        margin: 0 auto 30px;
        max-width: 300px
    }

    .hero__video {
        position: relative;
        display: block;
        max-width: 370px;
        margin: 0 auto;
        border-radius: 15px
    }

    .hero-social {
        display: none
    }

    .hero-right__text {
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .hero {
        padding-top: 87px
    }

    .hero__title {
        font-size: 36px;
        margin-bottom: 20px
    }

    .hero__text {
        font-size: 10px
    }

    .hero__btn {
        background: #fff;
        color: #316067;
        border: 2px solid #1cab98
    }

    .hero__video {
        height: 160px;
        width: 100%;
        max-width: 400px
    }

    .hero-nums__item-text {
        font-size: 12px
    }

    .hero-right__text {
        font-size: 10px
    }

    .hero-right {
        margin-right: -.75rem;
        margin-left: -.75rem;
        width: auto;
        max-width: none
    }
}

.stories {
    padding: 9.2rem 0
}

.stories-slider .slick-list {
    margin: 0 -1rem
}

.stories-slider .slick-dots {
    margin-top: 2rem
}

.stories-slider .slick-arrow {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    top: 44%
}

.stories-slider__item {
    border-radius: 2.6rem;
    border: .3rem solid #1cab98;
    overflow: hidden;
    position: relative;
    margin: 0 1rem
}

.stories-slider__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%)
}

.stories-slider__item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 42/27
}

.stories-slider__item-title {
    position: absolute;
    bottom: 4.4rem;
    left: 4.1rem;
    right: 4.1rem;
    z-index: 2;
    font-size: 2.1rem;
    line-height: 1.2;
    font-weight: 600;
    color: #f5f5f5
}

.stories-slider__item-title span {
    display: block;
    color: rgba(245, 245, 245, .7);
    margin-bottom: 1rem
}

@media screen and (max-width: 992px) {
    .stories {
        padding: 25px 0 20px
    }

    .stories-slider img {
        aspect-ratio: 1
    }

    .stories-slider__item {
        border-radius: 16px;
        border-width: 2px
    }

    .stories-slider__item-title {
        font-size: 14px;
        bottom: 16px;
        left: 16px;
        right: 16px
    }
}

@media screen and (max-width: 576px) {
    .footer-icons {
        grid-template-columns:auto
    }

    .stories-slider__item-title {
        font-size: 10px
    }

    .stories-slider .slick-list {
        margin: 0 -5px
    }

    .stories-slider__item {
        margin: 0 5px
    }
}

.info {
    padding: 9.2rem 0
}

.info-grid {
    display: grid;
    grid-template-columns:6fr 7fr 6fr;
    gap: 2rem;
    width: 100%;
    max-width: 100%
}

.info-item {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.info-item__title {
    margin-bottom: 4.2rem
}

.info-news {
    padding: 2.5rem 4.2rem 4rem;
    border: .3rem solid #504d50;
    border-radius: 2.6rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.info-news__title {
    font-size: 3.5rem;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 3.3rem
}

.info-news__text {
    font-size: 2.1rem;
    margin-bottom: 5.2rem;
    color: rgba(0, 0, 0, .7)
}

.info-news__text a {
    color: #1cab98
}

.info-news__link {
    font-size: 3.5rem;
    line-height: 1.2;
    font-weight: 400;
    color: #1cab98;
    position: relative;
    margin-top: auto
}

.info-news__link::before {
    content: "";
    position: absolute;
    bottom: -.5rem;
    left: 0;
    width: 4.4rem;
    height: .3rem;
    background-color: #1cab98
}

.info-calendar {
    border: .3rem solid #504d50;
    border-radius: 2.6rem;
    padding: 2.5rem 3rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.info-calendar-date {
    border: .3rem solid #504d50;
    border-radius: 2.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

.info-calendar-date__day {
    border: .3rem solid #504d50;
    border-radius: 2.6rem;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-100%, #f5f5f5), color-stop(74%, #00a48a), to(#005d62));
    background: linear-gradient(0deg, #f5f5f5 -100%, #00a48a 74%, #005d62 100%);
    color: #fff;
    text-align: center;
    padding: 5.8rem 3rem 3.8rem;
    margin: -.2rem;
    width: 19.8rem
}

.info-calendar-date__day p {
    line-height: .7;
    font-size: 11.6rem
}

.info-calendar-date__day span {
    display: block;
    margin-top: 2rem;
    font-size: 2.1rem;
    line-height: 1;
    font-weight: 500
}

.info-calendar-date__text {
    font-size: 2.1rem
}

.info .services {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width: 992px) {
    .info {
        padding: 20px 0
    }

    .info-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px 20px
    }

    .info-item__title {
        margin-bottom: 0
    }

    .info-news {
        padding: 20px 15px;
        border-radius: 10px;
        border-width: 2px
    }

    .info-news__title {
        font-size: 16px
    }

    .info-news__text {
        font-size: 12px;
        margin-bottom: 20px
    }

    .info-news__link {
        font-size: 16px
    }

    .info-news__link::before {
        width: 23px;
        height: 2px;
        border-radius: 4px
    }

    .info-calendar {
        border-width: 2px;
        border-radius: 10px;
        padding: 20px 15px
    }

    .info-calendar-date {
        border-radius: 10px;
        border-width: 2px
    }

    .info-calendar-date__day {
        border-width: 2px;
        border-radius: 10px;
        margin: -1px;
        padding: 15px 10px
    }

    .info-calendar-date__day p {
        font-size: 35px
    }

    .info-calendar-date__day span {
        font-size: 10px;
        margin-top: 10px
    }

    .info-calendar-date__text {
        font-size: 14px
    }

    .info .about .container {
        padding: 0
    }
}

@media screen and (max-width: 768px) {
    .info-grid {
        gap: 40px
    }
}

.services {
    width: 100%;
    background-color: #213030;
    padding-bottom: 4.3rem;
    border-radius: 2.6rem;
    overflow: hidden
}

.services__image {
    padding: 4.2rem
}

.services__image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.services-slider {
    max-width: 56rem
}

.services-slider .slick-list {
    margin: 0 -1rem
}

.services-slider__item {
    max-width: 11rem;
    width: 100%;
    height: 8.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.7rem;
    border-radius: 2.6rem;
    background-color: #fff;
    margin: 0 1rem
}

.services-slider__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width: 992px) {
    .services {
        border-radius: 0;
        padding: 0;
        background: 0 0
    }

    .services-slider {
        max-width: 100%
    }

    .services-slider .slick-list {
        margin: 0 -5px
    }

    .services-slider__item {
        max-width: 80px;
        height: 70px;
        margin: 0 5px;
        border-radius: 10px
    }
}

.search-form {
    border-radius: 2.6rem;
    border: .3rem solid #504d50;
    background-color: #fff;
    position: relative
}

.search-form.active {
    border: .3rem solid transparent
}

.search-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2rem;
    position: relative;
    z-index: 2
}

.search-form input {
    font-size: 2.1rem;
    background-color: rgba(0, 0, 0, 0);
    padding: 1.8rem 2rem;
    border: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.search-form input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .7)
}

.search-form input::-moz-placeholder {
    color: rgba(0, 0, 0, .7)
}

.search-form input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .7)
}

.search-form input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .7)
}

.search-form input::placeholder {
    color: rgba(0, 0, 0, .7)
}

.search-form__btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 2rem
}

.search-form__clear {
    display: none;
    cursor: pointer
}

.search-form__clear svg {
    width: 1.9rem;
    height: 1.9rem
}

.search-form-result {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 6rem;
    background-color: #fff;
    border-radius: 2.6rem;
    border: .3rem solid #504d50
}

.search-form-result-list {
    overflow: auto;
    max-height: 60vh
}

.search-form-result-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.4rem;
    padding: 1.9rem 2.7rem;
    color: rgba(0, 0, 0, .7);
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 1.8rem
}

.search-form-result-item img, .search-form-result-item svg {
    width: 2.3rem;
    height: 2.3rem;
    opacity: .7
}

@media screen and (max-width: 992px) {
    .search-form {
        border-radius: 18px;
        border-width: 2px;
        width: 100%
    }

    .search-form form {
        padding: 0 15px
    }

    .search-form.active {
        border: 2px solid transparent !important
    }

    .search-form input {
        font-size: 12px;
        padding: 12px 0
    }

    .search-form__btn {
        width: 16px
    }

    .search-form-result {
        padding-top: 40px;
        background-color: #fff;
        border-radius: 18px;
        border: 2px solid #504d50
    }

    .search-form-result-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 2.4rem;
        padding: 1.9rem 2.7rem;
        color: rgba(0, 0, 0, .7);
        -webkit-transition: .3s;
        transition: .3s;
        font-size: 12px
    }

    .search-form-result-item img, .search-form-result-item svg {
        width: 16px;
        height: 16px;
        opacity: .7
    }

    .search-form__clear svg {
        width: 16px;
        height: 16px
    }
}

:root {
    --fc-border-color: transparent;
    --fc-today-bg-color: transparent;
    --fc-neutral-bg-color: transparent;
    --fc-bg-event-color: rgba(28, 171, 152, .35);
    --fc-button-hover-bg-color: #00A48A;
    --fc-button-active-bg-color: #00A48A;
    --fc-button-active-border-color: #00A48A
}

.small-calendar {
    font-size: 2.1rem
}

.small-calendar .fc-toolbar {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.small-calendar .fc-toolbar-title {
    font-size: 3.5rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 1rem;
    white-space: nowrap
}

.small-calendar .fc-icon {
    color: #000;
    font-size: 2em
}

.small-calendar .fc-button {
    background: 0 0;
    padding: 0;
    border: none
}

.small-calendar .fc-scrollgrid, .small-calendar .fc-theme-standard td {
    border: none
}

.small-calendar .fc-col-header-cell-cushion {
    font-weight: 400;
    margin-bottom: 3rem
}

.small-calendar .fc-daygrid-day-top {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.small-calendar .fc-daygrid-day-top a {
    width: 2em;
    height: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.small-calendar .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: 0
}

.small-calendar .fc-button-primary:focus {
    -webkit-box-shadow: 0 0 0 .2rem #1cab98;
    box-shadow: 0 0 0 .2rem #1cab98
}

.small-calendar td, .small-calendar th {
    border: none;
    vertical-align: middle
}

.small-calendar .start {
    border-top-left-radius: 2.6rem;
    border-bottom-left-radius: 2.6rem
}

.small-calendar .end {
    border-top-right-radius: 2.6rem;
    border-bottom-right-radius: 2.6rem
}

.small-calendar .fc-scroller-liquid-absolute {
    inset: inherit
}

.small-calendar .fc-daygrid-day.fc-day-today a {
    border-radius: 50%;
    background-color: rgba(28, 171, 152, .35)
}

.small-calendar .fc-daygrid-day-frame {
    min-height: 0
}

.small-calendar .fc-event {
    width: 100%;
    height: 100%;
    z-index: 5 !important;
    cursor: pointer
}

.small-calendar .fc-event::before {
    -webkit-transition: .3s;
    transition: .3s
}

.small-calendar .event-day {
    background: 0 0
}

.small-calendar .event-day::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.2em;
    height: 2.2em;
    border-radius: 50%;
    background: var(--fc-bg-event-color)
}

.small-calendar .event-content, .small-calendar .fc-event-title {
    display: none
}

@media screen and (max-width: 992px) {
    .small-calendar {
        font-size: 12px
    }

    .small-calendar .fc-toolbar-title {
        font-size: 16px
    }

    .small-calendar .fc-bg-event {
        z-index: 20
    }

    .small-calendar .fc-daygrid-day-number {
        z-index: 1
    }
}

.about {
    padding: 9.2rem 0
}

.about__title {
    margin-bottom: 4.2rem
}

.about-slider {
    counter-reset: item
}

.about-slider .slick-list {
    margin: 0 -2rem
}

.about-slider .slick-dots {
    margin-top: 5.4rem
}

.about-item {
    margin: 0 2rem;
    color: #fff;
    padding: 4.2rem 4.6rem;
    border-radius: 2.6rem;
    overflow: hidden;
    background: linear-gradient(8deg, #f5f5f5 0, #00a48a 31%, #005d62 71%);
    position: relative;
    z-index: 1
}

.about-item::after {
    content: "0" counter(item);
    counter-increment: item;
    position: absolute;
    bottom: 0;
    right: 1rem;
    font-size: 30rem;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    z-index: -1
}

.about-item__image {
    border-radius: 2.6rem;
    overflow: hidden
}

.about-item__image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 48/57
}

.about-item__title {
    font-size: 3.5rem;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 1em
}

.about-item__text {
    font-size: 2.1rem;
    font-weight: 500;
    max-width: 75%
}

.about-item__text ol, .about-item__text p, .about-item__text ul {
    margin-bottom: 1em
}

@media screen and (max-width: 992px) {
    .about {
        padding: 0
    }

    .about__title {
        margin-bottom: 13px
    }

    .about-slider {
        counter-reset: item
    }

    .about-slider .slick-dots {
        margin-top: 20px
    }

    .about-item {
        margin: 0 10px;
        border-radius: 10px;
        padding: 18px 15px 60px;
        background: linear-gradient(8deg, #f5f5f5 0, #00a48a 31%, #005d62 90%)
    }

    .about-item::after {
        font-size: 111px
    }

    .about-item__title {
        font-size: 16px
    }

    .about-item__text {
        max-width: 100%;
        font-size: 12px
    }
}

.cards {
    padding: 9.2rem 0 27rem
}

.cards--white {
    background-color: #fff;
    padding: 10rem 0 7.6rem
}

.cards--grey {
    padding: 9.2rem 0
}

.cards__title {
    text-align: center;
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 6.4rem
}

.cards__title.section-title {
    font-size: 3.5rem
}

.cards__title--left {
    text-align: left
}

.cards-item {
    position: relative;
    z-index: 6;
    height: 100%
}

.cards-item-front {
    height: 100%;
    padding: .2rem;
    overflow: hidden;
    border-radius: 2.6rem;
    position: relative;
    -webkit-transform-origin: -50% 50%;
    -ms-transform-origin: -50% 50%;
    transform-origin: -50% 50%;
    -webkit-animation: 1s flipFront2;
    animation: 1s flipFront2
}

.cards-item-front::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#1cab98), to(#2b2826));
    background: linear-gradient(0deg, #1cab98 0, #2b2826 100%);
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s
}

.cards-item-front::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(19%, #00a48a), color-stop(64%, #005d62));
    background: linear-gradient(0deg, #00a48a 19%, #005d62 64%);
    z-index: 0
}

.cards-item-front__inner {
    height: 100%;
    padding: 4.6rem 4.2rem;
    background-color: #fff;
    position: relative;
    z-index: 2;
    border-radius: 2.6rem;
    font-size: 2.1rem;
    -webkit-transition: .4s;
    transition: .4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cards-item__label {
    text-transform: uppercase;
    font-weight: 600;
    color: #00a48a;
    margin-bottom: 1.3rem
}

.cards-item__title {
    font-size: 3.5rem;
    font-weight: 500;
    color: #060606;
    margin-bottom: 1.6em;
    -webkit-transition: .4s;
    transition: .4s
}

.cards-item__title--small {
    font-size: 2.5rem
}

.cards-item__text--small {
    font-size: 1.6rem
}

.cards-item__line {
    border-radius: .9rem;
    width: 4.4rem;
    height: .4rem;
    color: #1cab98;
    margin: 2.6rem 0;
    background-color: #1cab98
}

.cards-item__subtitle {
    font-weight: 600;
    color: #1cab98;
    padding-top: 2rem;
    position: relative;
    margin: 2rem 0;
    -webkit-transition: .4s;
    transition: .4s
}

.cards-item__subtitle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .9rem;
    width: 4.4rem;
    height: .4rem;
    background-color: #1cab98;
    -webkit-transition: .4s;
    transition: .4s
}

.cards-item__link--big {
    font-size: 3.5rem
}

.cards-item-back {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 2.6rem;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: -50% 75%;
    -ms-transform-origin: -50% 75%;
    transform-origin: -50% 75%;
    -webkit-animation: 1s flipBack2;
    animation: 1s flipBack2
}

.cards-item-back img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.cards-item--no-back {
    min-height: 38rem
}

.cards-item-close {
    opacity: 0;
    -webkit-transition: .3s 1.2s;
    transition: .3s 1.2s
}

.cards-item.active {
    z-index: 10
}

.cards-item.active .cards-item-front {
    -webkit-animation: 1.2s flipFront;
    animation: 1.2s flipFront
}

.cards-item.active .cards-item-front::before {
    opacity: 0
}

.cards-item.active .cards-item-front__inner {
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.cards-item.active .cards-item__subtitle {
    color: #fff
}

.cards-item.active .cards-item__subtitle::before {
    background-color: #fff
}

.cards-item.active .cards-item__title {
    color: #fff
}

.cards-item.active .cards-item-back {
    -webkit-animation: 1.2s flipBack;
    animation: 1.2s flipBack;
    z-index: 2;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    width: auto;
    height: auto
}

.cards-item.active .cards-item__link {
    color: #fff
}

.cards-item.active .cards-item__link::before {
    background-color: #fff
}

.cards-item.active .cards-item-close {
    opacity: 1;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.cards__btn {
    width: 42rem;
    margin-top: 7.7rem
}

@-webkit-keyframes flipFront {
    0%, 100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }
}

@keyframes flipFront {
    0%, 100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }
}

@-webkit-keyframes flipBack {
    0%, 100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
}

@keyframes flipBack {
    0%, 100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
}

@-webkit-keyframes flipFront2 {
    0%, 100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }
}

@keyframes flipFront2 {
    0%, 100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }
}

@-webkit-keyframes flipBack2 {
    0%, 100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
}

@keyframes flipBack2 {
    0%, 100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
}

@media screen and (max-width: 992px) {
    .cards {
        padding: 20px 0 !important
    }

    .cards br {
        display: none
    }

    .cards__title {
        text-align: left;
        font-size: 16px;
        margin-bottom: 30px
    }

    .cards-item__label {
        font-size: 16px;
        margin-bottom: 3px
    }

    .cards-item__title {
        font-size: 20px !important;
        margin-bottom: 30px
    }

    .cards-item-front {
        padding: 2px
    }

    .cards-item-front__inner {
        font-size: 16px;
        padding: 20px 15px
    }

    .cards-item-back, .cards-item-front, .cards-item-front__inner {
        border-radius: 10px
    }

    .cards-item__text--small {
        font-size: 12px
    }

    .cards-item__link {
        margin-top: auto;
        font-size: 16px;
        display: inline-block
    }

    .cards-item__line {
        width: 18px;
        height: 2px;
        border-radius: 2px;
        margin: 17px 0
    }

    .cards-item__subtitle {
        padding-top: 9px;
        margin: 10px 0 4px
    }

    .cards-item__subtitle::before {
        width: 18px;
        height: 2px;
        border-radius: 2px
    }

    .cards-item-close {
        color: #005d62;
        border: 2px solid #1cab98;
        background: #afe0d8;
        font-size: 12px;
        font-weight: 500;
        position: absolute;
        z-index: 2;
        bottom: 10px;
        left: 10px;
        border-radius: 10px;
        padding: 8px 13px
    }

    .cards-item--no-back {
        min-height: 220px
    }

    .cards__btn {
        margin-top: 30px;
        width: 240px
    }
}

@media screen and (max-width: 768px) {
    .cards {
        padding: 20px 0
    }

    .cards-item__title {
        font-size: 16px !important
    }

    .cards-item-front__inner {
        font-size: 12px;
        padding: 20px 14px 35px
    }
}

.dropdown {
    padding: 6rem 0 12rem;
    counter-reset: item
}

.dropdown__title {
    margin-bottom: 6.2rem
}

.dropdown-col-2 {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-auto-flow: column;
    grid-template-rows:repeat(5, auto);
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.dropdown-col-2 .dropdown-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.dropdown-col-2 .dropdown-item__title {
    font-size: 2.5rem;
    padding: 1.6rem 10rem;
    min-height: 9.3rem;
    -ms-flex-line-pack: center;
    align-content: center
}

.dropdown-col-2 .dropdown-item__title::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dropdown-item {
    color: #fff;
    border-radius: 2.6rem;
    background: linear-gradient(62deg, #00a48a 47%, #005d62 94%)
}

.dropdown-item:not(:last-child) {
    margin-bottom: 2.3rem
}

.dropdown-item:nth-child(n+10) .dropdown-item__title:before {
    content: counter(item) "."
}

.dropdown-item__title {
    padding: 2.5rem 10rem;
    font-size: 3.5rem;
    font-weight: 600;
    position: relative;
    cursor: pointer
}

.dropdown-item__title::before {
    content: "0" counter(item) ".";
    counter-increment: item;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 4rem;
    font-size: 2.1rem;
    font-weight: 400
}

.dropdown-item__content {
    font-size: 2.1rem;
    font-weight: 400;
    margin-top: 2.4rem;
    margin-bottom: 4rem;
    line-height: 1.3;
    display: none;
    padding: 0 10rem 3rem
}

.dropdown-item__content li {
    margin-bottom: .8em
}

.dropdown-item__content ol, .dropdown-item__content p, .dropdown-item__content ul {
    margin-bottom: 1em
}

.dropdown__btn {
    max-width: 42rem;
    margin-top: 7.8rem
}

@media screen and (max-width: 992px) {
    .dropdown {
        padding: 20px 0
    }

    .dropdown__title {
        margin-bottom: 23px
    }

    .dropdown-col-2 {
        display: block
    }

    .dropdown-item {
        border-radius: 10px
    }

    .dropdown-item:not(:last-child) {
        margin-bottom: 10px
    }

    .dropdown-item__title {
        font-size: 16px !important;
        padding: 12px 40px !important;
        min-height: 0 !important
    }

    .dropdown-item__title::before {
        left: 15px;
        font-size: 12px
    }

    .dropdown-item__content {
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 20px;
        padding: 12px 40px
    }

    .dropdown__btn {
        max-width: 180px;
        margin-top: 23px;
        padding: 12px;
        border: 2px solid #1cab98;
        background: #fff;
        color: #316067;
        font-size: 12px
    }
}

.news-item {
    background-color: #fff;
    border-radius: 2.6rem;
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.news-item__image {
    padding: .3rem;
    display: block;
    margin: -.3rem;
    position: relative;
    z-index: 1
}

.news-item__image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#1cab98), to(#2b2826));
    background: linear-gradient(0deg, #1cab98 0, #2b2826 100%);
    z-index: -1;
    border-radius: 2.6rem;
    -webkit-transition: .3s;
    transition: .3s
}

.news-item__image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2.6rem;
    height: 37rem
}

.news-item__content {
    padding: 4rem 4.3rem 5.2rem;
    font-size: 2.1rem;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.news-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #1cab98;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.9rem
}

.news-item-info svg {
    width: 1em;
    height: 1em
}

.news-item-info p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem
}

.news-item__title {
    margin: 2.8rem 0 2.3rem;
    font-size: 2.8rem;
    font-weight: 500;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.news-item__excerpt {
    color: rgba(6, 6, 6, .7);
    margin-bottom: 3.8rem;
    font-size: 2rem
}

.news-item__link {
    font-size: 2.8rem;
    margin-top: auto
}

.news-item__label {
    position: absolute;
    padding: .4rem 1.4rem;
    top: 3.4rem;
    right: 4.3rem;
    z-index: 2;
    background: -webkit-gradient(linear, left bottom, left top, from(#1caa98), to(#036567));
    background: linear-gradient(0deg, #1caa98 0, #036567 100%);
    border-radius: 4.6rem;
    text-transform: uppercase;
    display: block;
    color: #fff
}

@media screen and (max-width: 992px) {
    .news-item {
        border-radius: 10px
    }

    .news-item__image {
        padding: 2px;
        margin: -2px
    }

    .news-item__image img {
        border-radius: 10px;
        height: 190px
    }

    .news-item__image::before {
        border-radius: 10px
    }

    .news-item-info {
        gap: 9px
    }

    .news-item-info p {
        gap: 2px
    }

    .news-item__content {
        padding: 16px 16px 28px;
        font-size: 12px
    }

    .news-item__title {
        font-size: 16px;
        margin: 12px 0 6px
    }

    .news-item__label {
        top: 16px;
        right: 16px;
        font-size: 10px;
        padding: 2px 8px
    }

    .news-item__link {
        font-size: 16px
    }

    .news-item__excerpt {
        margin-bottom: 12px
    }
}

.news {
    padding: 9.2rem 0
}

.news.white {
    background-color: #fff
}

.news-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news__title {
    margin-bottom: 5.3rem
}

.news-slider {
    display: grid;
    grid-template-columns:6fr 7fr 6fr;
    gap: 2rem
}

.news-slider__item {
    background: -webkit-gradient(linear, left top, left bottom, from(#1cab98), to(#2b2826));
    background: linear-gradient(180deg, #1cab98 0, #2b2826 100%);
    border-radius: 2.6rem;
    padding: .3rem;
    height: 100%
}

.news__btn {
    max-width: 42rem;
    width: 100%
}

@media screen and (max-width: 992px) {
    .news {
        padding: 20px 0
    }

    .news-slider {
        display: block
    }

    .news-slider .slick-list {
        margin: 0 -10px
    }

    .news-slider .slick-dots {
        margin-top: 30px
    }

    .news-slider__item {
        margin: 0 10px;
        border-radius: 10px;
        padding: 2px
    }

    .news__title {
        margin-bottom: 13px
    }

    .news .slick-dots {
        margin-top: 20px
    }

    .news__btn {
        max-width: 180px
    }
}

.news-tabs {
    padding: 11.2rem 0
}

.news-tabs-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 7.7rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.news-tabs-nav__item {
    font-size: 1.8rem;
    padding: 2.8rem 7.8rem;
    border: .3rem solid #00a48a;
    border-radius: 2rem;
    -webkit-transition: .3s;
    transition: .3s;
    color: #00a48a
}

.news-tabs-nav__item.active {
    background-color: #00a48a;
    color: #fff
}

.news-tabs-content-list {
    display: none;
    padding: 0 10rem !important
}

.news-tabs-content-list.active {
    display: block
}

.news-tabs-content-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4rem;
    margin-bottom: 2rem
}

.news-tabs-content-list__thumb {
    overflow: hidden;
    border-radius: 2.6rem;
    width: 53rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.news-tabs-content-list__thumb img {
    width: 100%;
    aspect-ratio: 53/36;
    -o-object-fit: cover;
    object-fit: cover
}

.news-tabs-content-list__content {
    font-size: 2.1rem;
    -ms-flex-item-align: center;
    align-self: center
}

.news-tabs-content-list__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.7rem;
    color: #1cab98
}

.news-tabs-content-list__title {
    font-size: 3.5rem;
    font-weight: 500;
    color: #4b8ecc;
    margin-top: 2.8rem;
    margin-bottom: 2.3rem;
    display: block
}

.news-tabs-content-list__text {
    color: rgba(6, 6, 6, .7)
}

@media (hover: hover) {
    .small-calendar .fc-event:hover:before {
        -webkit-box-shadow: 0 0 6px #005d62;
        box-shadow: 0 0 6px #005d62
    }

    .cards-item__link:hover:before {
        width: 100%
    }

    .dropdown-item:hover {
        -webkit-box-shadow: 0 2px 2px 2px #005d62;
        box-shadow: 0 2px 2px 2px #005d62
    }

    .news-tabs-nav__item:hover {
        background-color: #00a48a;
        color: #fff
    }
}

@media screen and (max-width: 992px) {
    .news-tabs {
        padding: 40px 0
    }

    .news-tabs-nav {
        gap: 10px;
        margin-bottom: 13px
    }

    .news-tabs-nav__item {
        font-size: 12px;
        padding: 13px;
        border-width: 2px;
        border-radius: 10px;
        font-weight: 700
    }

    .news-tabs-content-list {
        padding: 0 !important
    }

    .news-tabs-content-list__item {
        gap: 17px;
        margin-bottom: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .news-tabs-content-list__thumb {
        border-radius: 10px;
        width: 30%
    }

    .news-tabs-content-list__thumb img {
        height: 100%
    }

    .news-tabs-content-list__content {
        font-size: 12px
    }

    .news-tabs-content-list__top {
        gap: 10px
    }

    .news-tabs-content-list__title {
        font-size: 16px;
        margin-top: 12px;
        margin-bottom: 6px
    }
}

@media screen and (max-width: 576px) {
    .news-tabs-content-list__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .news-tabs-content-list__thumb {
        width: 100%
    }

    .members-block .members-grid {
        grid-template-columns:repeat(2, 1fr)
    }
}

.form__top {
    position: relative;
    padding-left: 4rem;
    margin-bottom: 5.3rem
}

.form__top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .3rem;
    height: 100%;
    background-color: #1cab98
}

.form__field {
    margin-bottom: 2rem;
    position: relative;
    display: block
}

.form__field.hidden-field {
    display: none
}

.form__field-title {
    margin-bottom: 2rem;
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .8)
}

.form__field-text-red {
    font-size: 3rem;
    color: #cc4b4c;
    text-align: center
}

.form__title {
    font-size: 3.5rem;
    line-height: 120%;
    font-weight: 600;
    color: #060606
}

.form__subtitle {
    font-size: 2.1rem
}

.form-notice {
    font-size: 1.8rem;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 1.6rem;
    text-align: center
}

.form-label {
    font-size: 2rem;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: .8rem;
    display: block
}

.form__input {
    padding: 2.4rem 3.4rem;
    width: 100%;
    border-radius: 2.6rem;
    background-color: #efefef;
    font-size: 2.1rem;
    font-weight: 300;
    position: relative;
    border: none;
    -moz-appearance: textfield
}

.form__input::-webkit-inner-spin-button, .form__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.form::-moz-placeholder {
    color: rgba(0, 0, 0, .2)
}

.form:-ms-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.form::-ms-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.form::placeholder {
    color: rgba(0, 0, 0, .2)
}

.form__checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
    cursor: pointer;
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .8)
}

.form__checkbox input {
    margin: .3em 0 0;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #000;
    border-radius: .5rem;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.form__checkbox input::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/icons/check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.form__checkbox input:checked::before {
    opacity: 1
}

.form__checkbox a {
    color: #00a48a;
    text-decoration: underline
}

.form__file {
    color: #005d62;
    font-size: 1.7rem;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem;
    border: .3rem solid #005d62;
    border-radius: 2.6rem;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.form__file .default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem
}

.form__file .default img, .form__file .default svg {
    width: 2.9rem;
    height: 2.9rem
}

.form__file .default.small {
    font-size: 1.4rem
}

.form__file + input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

.form-file-block {
    position: relative
}

.form-file-block__title {
    font-size: 2.1rem
}

.form-file-block__text {
    font-size: 1.2rem;
    font-weight: 300;
    color: rgba(0, 0, 0, .8);
    margin-bottom: 2rem
}

.form-file-block label.error {
    position: absolute;
    bottom: -1.5em;
    left: 0
}

.form__radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.3rem;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    cursor: pointer
}

.form__radio input {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    border: 1px solid #000;
    margin: 0;
    position: relative
}

.form__radio input::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #00a48a;
    border-radius: 50%;
    width: 1.3rem;
    height: 1.3rem;
    opacity: 0
}

.form__radio input:checked::before {
    opacity: 1
}

.form__textarea {
    resize: vertical
}

.form__textarea.no-resize {
    resize: none;
    height: 180px
}

.form__select {
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../img/arrow.svg);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    cursor: pointer
}

.form-acceptance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3rem;
    cursor: pointer;
    width: 100%;
    font-size: 1.3rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-acceptance input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .4rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 .8rem 0 0
}

.form-acceptance input::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/check.svg);
    background-size: 1.2rem .8rem;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0
}

.form-acceptance span {
    display: block
}

.form-acceptance a {
    text-decoration: underline
}

.form-acceptance.green {
    color: #00a48a;
    font-weight: 600
}

.form-small-text {
    font-size: 1.2rem;
    margin-bottom: 1.2rem
}

.form-response {
    text-align: center;
    color: #fff;
    font-weight: 500;
    margin-top: 2rem
}

.form__btn {
    width: 100%;
    margin-top: 4.4rem
}

@media (hover: hover) {
    .form__file:hover {
        background-color: rgba(0, 164, 138, .1)
    }

    .map-block-contacts a:hover {
        color: #1cab98
    }
}

@media screen and (max-width: 992px) {
    .form__title {
        font-size: 16px
    }

    .form__subtitle {
        font-size: 12px
    }

    .form__input {
        font-size: 12px;
        padding: 15px;
        border-radius: 10px
    }

    .form__field {
        margin-bottom: 10px
    }

    .form__field-title {
        font-size: 14px;
        margin-bottom: 10px
    }

    .form__btn {
        max-width: 180px;
        margin: 20px auto 10px;
        background: #fff;
        border: 2px solid #1cab98;
        color: #316067
    }

    .form-acceptance {
        margin-top: 10px;
        font-size: 10px
    }

    .form__radio {
        font-size: 12px;
        gap: 10px
    }

    .form__radio input {
        width: 16px;
        height: 16px
    }

    .form__radio input::before {
        width: 10px;
        height: 10px
    }

    .form__file {
        font-size: 12px;
        padding: 10px;
        border-width: 2px;
        border-radius: 10px
    }

    .form__file .default, .form__file .default.small {
        gap: 10px;
        font-size: 12px
    }

    .form__file .default img, .form__file .default.small img {
        width: 16px;
        height: 16px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .form__checkbox {
        font-size: 12px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px
    }

    .form__checkbox input {
        width: 16px;
        height: 16px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 5px
    }
}

.map-block {
    overflow: hidden;
    display: grid;
    grid-template-columns:6fr 4fr;
    padding-top: 9.2rem
}

.map-block-right {
    padding: 6rem 4.3rem;
    background-color: #f5f6f8
}

.map-block iframe {
    height: 100%
}

.map-block-contacts {
    padding: 8rem 10.4rem;
    font-size: 2.1rem
}

.map-block-contacts-item:not(:last-child) {
    margin-bottom: 3.8rem
}

.map-block-contacts-item__title {
    color: rgba(0, 0, 0, .4)
}

.map-block-contacts .social-item {
    background-color: #213030
}

.map-block-contacts .social-item path {
    fill: #fff
}

@media screen and (max-width: 992px) {
    .map-block {
        grid-template-columns:repeat(2, 1fr);
        padding-top: 20px
    }

    .map-block-contacts {
        font-size: 12px;
        padding: 30px
    }

    .map-block-contacts-item:not(:last-child) {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 768px) {
    .map-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .map-block iframe {
        height: 390px
    }

    .map-block-right {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        padding: 40px 10px
    }

    .map-block-contacts {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.widget {
    position: fixed;
    z-index: 20;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: .2rem solid #316067;
    border-top-right-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
    background-color: #fff;
    width: 6rem;
    -webkit-transition: .3s;
    transition: .3s
}

.widget__logo {
    position: relative
}

.widget__logo::before {
    opacity: 0 !important
}

.widget__logo p svg {
    -webkit-transition: .3s;
    transition: .3s;
    width: 3.5rem !important;
    height: 3.5rem !important
}

.widget__logo span {
    padding: 1.8rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    background-color: #fff
}

.widget__logo span svg {
    width: 13.5rem;
    height: 3.5rem
}

.widget-block {
    display: none;
    border-bottom: .2rem solid #316067
}

.widget__item {
    padding: 1.8rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    position: relative
}

.widget__item::before {
    content: "";
    position: absolute;
    top: .5rem;
    left: .5rem;
    bottom: .5rem;
    right: .5rem;
    background-color: rgba(28, 171, 152, .3);
    border-radius: 1.2rem;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.widget__item:not(:last-child) {
    border-bottom: .2rem solid #316067
}

.widget__item p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.widget__item p svg {
    width: 2.4rem;
    height: 2.4rem
}

.widget__item span {
    opacity: 0;
    font-size: 1.6rem;
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: .3s;
    transition: .3s
}

@media (min-width: 992px) {
    .widget:hover {
        width: 35rem
    }

    .widget:hover span {
        -webkit-transform: translateX(0) scale(1);
        -ms-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        opacity: 1
    }

    .widget:hover .widget__logo > svg {
        opacity: 0
    }

    .widget__item:hover::before {
        opacity: 1
    }
}

@media screen and (max-width: 992px) {
    .widget {
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        height: auto;
        border-radius: 10px;
        border: none
    }

    .widget__item {
        padding: 13px 22px;
        border: none !important
    }

    .widget__item span {
        display: none
    }

    .widget__item:last-child {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .widget__item p svg {
        width: 20px !important;
        height: 20px !important
    }

    .widget__logo {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-transform: scale(1.7);
        -ms-transform: scale(1.7);
        transform: scale(1.7);
        border-radius: 50%;
        background-color: #fff;
        padding: 11px
    }

    .widget__logo svg {
        -webkit-animation: 1s infinite alternate pulse;
        animation: 1s infinite alternate pulse
    }

    .widget-block {
        position: absolute;
        bottom: 140%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 39rem;
        background-color: #fff;
        border-radius: 10px;
        border: none
    }

    .widget-block.active .widget__item {
        padding: 10px
    }

    .widget-block.active .widget__item span {
        font-size: 12px;
        display: block;
        opacity: 1;
        -webkit-transform: translateX(0) scale(1);
        -ms-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1)
    }

    .widget-block.active .widget__item:not(:last-child) {
        border-bottom: 2px solid #316067 !important
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
    100% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
    100% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }
}

.top {
    background: linear-gradient(34deg, #19ac95 0, #1b635e 47%, #1c3b40 100%);
    padding-top: 21rem;
    padding-bottom: 10.8rem;
    border-bottom-left-radius: 2.6rem;
    border-bottom-right-radius: 2.6rem;
    text-align: center;
    color: #fff
}

.top__title {
    margin-bottom: 1.5rem
}

.top__text {
    font-size: 2.1rem;
    color: rgba(255, 255, 255, .7)
}

.top__btn {
    max-width: 42rem;
    margin: 7.3rem auto 0;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--deg)), color-stop(0, #7bcdbf), to(#00a48a));
    background: linear-gradient(var(--deg), #7bcdbf 0, #00a48a 100%)
}

.top:has(.btn) {
    padding-bottom: 7.6rem
}

@media screen and (max-width: 992px) {
    .top {
        padding: 120px 0 47px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }

    .top__title {
        margin-bottom: 12px
    }

    .top__text {
        font-size: 12px
    }
}

@media screen and (max-width: 768px) {
    .top {
        text-align: left
    }

    .top__btn {
        margin-left: 0;
        margin-top: 20px;
        color: #fff;
        border-color: #fff;
        background: rgba(255, 255, 255, .2);
        max-width: 220px
    }

    .top:has(.btn) {
        padding-bottom: 44px
    }
}

.breadcrumbs {
    color: rgba(0, 0, 0, .5);
    font-size: 2.1rem;
    padding: 9rem 0 4rem
}

.breadcrumbs a {
    -webkit-transition: .3s;
    transition: .3s
}

.breadcrumbs span {
    color: #1cab98
}

.breadcrumbs + div, .breadcrumbs + section {
    padding-top: 4rem
}

.breadcrumbs--white {
    background-color: #fff
}

@media screen and (max-width: 992px) {
    .breadcrumbs {
        font-size: 12px;
        padding: 30px 0 20px
    }

    .breadcrumbs + div, .breadcrumbs + section {
        padding-top: 0
    }
}

.contacts-banner-wrapper {
    background-color: #005d62;
    border-radius: 2.6rem;
    padding: 4.6rem
}

.contacts-banner__title {
    font-size: 3.5rem;
    font-weight: 600;
    color: #fff
}

.contacts-banner__subtitle {
    font-size: 2.1rem;
    color: rgba(255, 255, 255, .7);
    min-height: 3em;
    margin-bottom: 2rem
}

.contacts-banner__btn {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--deg)), color-stop(0, #7bcdbf), to(#00a48a));
    background: linear-gradient(var(--deg), #7bcdbf 0, #00a48a 100%)
}

@media screen and (max-width: 992px) {
    .contacts-banner-wrapper {
        border-radius: 10px;
        padding: 17px 14px 24px
    }

    .contacts-banner__title {
        font-size: 16px;
        margin-bottom: 20px
    }

    .contacts-banner__subtitle {
        font-size: 12px;
        margin-bottom: 10px;
        min-height: 0
    }

    .contacts-banner__btn {
        color: #fff;
        border: none
    }
}

.vakancy-cards {
    padding: 9.2rem 0;
    overflow: hidden
}

.vakancy-cards__title {
    margin-bottom: 6.2rem
}

@media screen and (max-width: 992px) {
    .vakancy-cards {
        padding: 50px 0
    }

    .vakancy-cards__title {
        margin-bottom: 13px
    }
}

.vakancy-card {
    padding: 4.3rem 3.6rem 5.7rem;
    background-color: #f9f9f9;
    border-radius: 2.6rem;
    position: relative;
    overflow: hidden;
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .7);
    z-index: 1
}

.vakancy-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../img/circle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 46.5rem;
    height: 45.2rem;
    -webkit-transform: translate(28%, -28%);
    -ms-transform: translate(28%, -28%);
    transform: translate(28%, -28%);
    z-index: -1
}

.vakancy-card__title {
    font-size: 3.5rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: .6rem;
    color: #000
}

.vakancy-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.vakancy-card__price {
    font-size: 6rem;
    font-weight: 700;
    margin-bottom: 4rem;
    color: #000
}

.vakancy-card__text {
    margin-bottom: 7.3rem;
    max-width: 56rem
}

.vakancy-card__text ol, .vakancy-card__text p, .vakancy-card__text ul {
    margin-bottom: 1em
}

.vakancy-card__text :last-child {
    margin: 0
}

.vakancy-card__text strong {
    color: #000
}

.vakancy-card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

.vakancy-card__btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.vakancy-card__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 2rem
}

@media screen and (max-width: 992px) {
    .vakancy-card {
        padding: 16px 14px;
        border-radius: 10px;
        font-size: 12px
    }

    .vakancy-card::before {
        width: 265px !important;
        height: 258px !important;
        -webkit-transform: translate(50%, -10%);
        -ms-transform: translate(50%, -10%);
        transform: translate(50%, -10%)
    }

    .vakancy-card__title {
        font-size: 16px;
        margin-bottom: 0
    }

    .vakancy-card__info {
        gap: 5px
    }

    .vakancy-card__price {
        font-size: 25px;
        margin-bottom: 10px
    }

    .vakancy-card__text {
        font-weight: 400 !important;
        margin-bottom: 18px
    }

    .vakancy-card__btn {
        border: 2px solid #1cab98;
        color: #316067;
        max-width: 150px
    }

    .vakancy-card__top {
        gap: 16px;
        margin-bottom: 12px
    }

    .vakancy-card__logo img {
        width: 46px;
        height: 46px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%
    }

    .vakancy-card-bottom {
        gap: 10px
    }
}

.sertificates {
    padding-bottom: 11.2rem
}

.sertificates-grid {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 2rem
}

.sertificates-grid-item {
    border-radius: 2.6rem;
    overflow: hidden
}

.sertificates-grid-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    transition: .3s
}

.sertificates-grid-item:nth-child(5n+1), .sertificates-grid-item:nth-child(6n+3), .sertificates-grid-item:nth-child(6n+8) {
    height: 59.4rem
}

.sertificates-grid-item:nth-child(5n+2), .sertificates-grid-item:nth-child(5n+5), .sertificates-grid-item:nth-child(9n+4) {
    height: 29.5rem
}

.sertificates-grid-item:nth-child(8n+6), .sertificates-grid-item:nth-child(8n+8) {
    margin-top: -30rem
}

@media screen and (max-width: 992px) {
    .sertificates {
        padding-bottom: 40px
    }

    .sertificates-grid {
        gap: 5px 10px
    }

    .sertificates-grid-item {
        border-radius: 10px
    }

    .sertificates-grid-item:nth-child(5n+1), .sertificates-grid-item:nth-child(6n+3), .sertificates-grid-item:nth-child(6n+8) {
        height: 240px
    }

    .sertificates-grid-item:nth-child(5n+2), .sertificates-grid-item:nth-child(5n+5), .sertificates-grid-item:nth-child(9n+4) {
        height: 120px
    }

    .sertificates-grid-item:nth-child(8n+6), .sertificates-grid-item:nth-child(8n+8) {
        margin-top: -120px
    }
}

@media screen and (max-width: 768px) {
    .sertificates-grid {
        grid-template-columns:repeat(2, 1fr)
    }

    .sertificates-grid-item:nth-child(12n+1) {
        height: 194px;
        margin: 0;
        grid-column: 1/2
    }

    .sertificates-grid-item:nth-child(12n+2) {
        height: 306px;
        margin: 0
    }

    .sertificates-grid-item:nth-child(12n+3) {
        height: 104px;
        margin-top: -109px
    }

    .sertificates-grid-item:nth-child(12n+4) {
        height: 218px;
        margin: 0 -50px 0 0;
        grid-column: 1/2
    }

    .sertificates-grid-item:nth-child(12n+5), .sertificates-grid-item:nth-child(12n+6) {
        height: 104px;
        margin: 0 0 0 50px
    }

    .sertificates-grid-item:nth-child(12n+6) {
        margin-top: -109px;
        grid-column: 2/3
    }

    .sertificates-grid-item:nth-child(12n+7) {
        height: 306px;
        margin: 0;
        gap: 1/2
    }

    .sertificates-grid-item:nth-child(12n+8) {
        height: 194px;
        margin: 0;
        grid-column: 2/3
    }

    .sertificates-grid-item:nth-child(12n+9) {
        grid-column: 2/3;
        margin-top: -109px;
        height: 104px
    }

    .sertificates-grid-item:nth-child(12n+10) {
        height: 104px;
        margin: 0 50px 0 0
    }

    .sertificates-grid-item:nth-child(12n+11) {
        height: 218px;
        margin: 0 0 0 -50px
    }

    .sertificates-grid-item:nth-child(12n+12) {
        margin-top: -109px;
        margin-right: 50px;
        height: 104px
    }
}

.documents {
    padding-bottom: 11.2rem
}

.documents.pt {
    padding-top: 9.2rem
}

.documents-title {
    margin-bottom: 6.2rem
}

.documents-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 7rem
}

.documents__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.documents__title span {
    display: block;
    font-size: 2.1rem;
    font-weight: 500
}

.documents-block {
    border-radius: 2.6rem;
    background-color: #fff;
    overflow: hidden
}

.documents-item {
    padding: 3rem 6.2rem;
    font-size: 2.1rem
}

.documents-item:not(:last-child) {
    border-bottom: .2rem solid #f6f6f6
}

.documents-item::before {
    content: "";
    clear: both
}

.documents-item__title {
    font-weight: 600;
    margin-bottom: 1rem
}

.documents-item__link.red {
    color: #cc4b4c
}

.documents-item__link.blue {
    color: #4b8ecc
}

.documents-item__image {
    float: left;
    height: 6.3rem;
    width: 5.8rem;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 1.85rem
}

.documents-bottom-link {
    text-align: center;
    background-color: #00a48a;
    font-size: 2.1rem;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.6rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    padding: 1rem;
    -webkit-transition: .3s;
    transition: .3s
}

.documents-bottom-link img {
    width: 1rem
}

@media (hover: hover) {
    .breadcrumbs a:hover {
        color: #1cab98
    }

    .sertificates-grid-item:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .documents-item__link:hover {
        text-decoration: underline
    }

    .documents-bottom-link:hover {
        background-color: #005d62
    }

    .members-nav__item:hover {
        background-color: #00a48a;
        color: #fff
    }

    .members-grid-item:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media screen and (max-width: 992px) {
    .documents {
        padding-bottom: 40px
    }

    .documents-title {
        margin-bottom: 15px
    }

    .documents-block {
        border-radius: 10px
    }

    .documents-item {
        padding: 18px 15px;
        font-size: 12px
    }

    .documents-item:not(:last-child) {
        border-bottom: 1px solid #f6f6f6
    }

    .documents-item__title {
        margin-bottom: 6px
    }

    .documents-item__image {
        height: 36px;
        width: 28px;
        margin-right: 30px
    }

    .documents-bottom-link {
        padding: 8px;
        font-size: 10px;
        gap: 9px
    }

    .documents-bottom-link img {
        width: 6px
    }

    .documents.pt {
        padding-top: 20px
    }

    .documents-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 15px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .documents__title {
        margin-bottom: 15px
    }

    .documents__title span {
        font-size: 12px;
        font-weight: 400
    }
}

.members {
    padding-bottom: 11.2rem
}

.members-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

.members-nav__item {
    font-size: 1.8rem;
    padding: 2.8rem 3.2rem;
    border: .3rem solid #00a48a;
    border-radius: 2rem;
    -webkit-transition: .3s;
    transition: .3s;
    color: #00a48a;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.members-nav__item.active {
    background-color: #00a48a;
    color: #fff
}

.members-content {
    margin: 7.8rem 0
}

.members-grid {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 2rem
}

.members-grid-item {
    background-color: #fff;
    border-radius: 2.6rem;
    padding: 10.7rem 6.4rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.members-grid-item img {
    -webkit-transition: .3s;
    transition: .3s
}

.members-grid-item span {
    position: absolute;
    bottom: 3.5rem;
    left: 3.5rem;
    z-index: 2;
    padding: .7rem 1.5rem;
    color: rgba(0, 0, 0, .2);
    border-radius: 4rem;
    border: 1px solid rgba(0, 0, 0, .2);
    text-transform: uppercase
}

.members-block {
    padding: 9.2rem 0
}

.members-block .members-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.members-block .members-nav__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 31rem;
    max-width: 42rem;
    height: 8rem
}

.members-block .members-grid-item {
    padding-top: 4.8rem;
    padding-bottom: 4.8rem
}

.members__btn {
    max-width: 42rem;
    margin: 7.8rem auto 0
}

@media screen and (max-width: 992px) {
    .members {
        padding-bottom: 40px
    }

    .members-nav {
        gap: 10px;
        overflow-x: auto;
        padding-bottom: 10px
    }

    .members-nav__item {
        white-space: nowrap;
        font-size: 12px;
        font-weight: 700;
        padding: 12px 22px;
        border-radius: 10px;
        border-width: 2px
    }

    .members-content {
        margin: 12px 0
    }

    .members-grid {
        grid-template-columns:repeat(3, 1fr);
        gap: 10px
    }

    .members-grid-item {
        border-radius: 10px;
        padding: 22px 7px;
        position: relative;
        min-height: 96px
    }

    .members-grid-item span {
        font-size: 8px;
        padding: 4px 8px;
        border-radius: 24px;
        bottom: 6px;
        left: 6px
    }

    .members-block {
        padding: 20px 0
    }

    .members-block .members-nav {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .members-block .members-nav__item {
        max-width: none;
        display: block;
        min-width: 0;
        height: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.gallery {
    padding-bottom: 9.2rem
}

.gallery__title {
    margin-bottom: 8rem
}

.gallery-stories {
    padding: 0;
    margin-bottom: 2rem
}

.gallery-tab-item {
    display: none
}

.gallery-tab-item.active {
    display: block
}

.gallery-grid {
    display: grid;
    grid-template-columns:repeat(12, 1fr);
    gap: 1rem 2rem
}

.gallery-grid-item {
    overflow: hidden;
    border-radius: 2.6rem
}

.gallery-grid-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    transition: .3s
}

.gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+1) {
    grid-column: 1/span 3;
    height: 50.8rem
}

.gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+2) {
    grid-column: 4/span 4;
    height: 80rem
}

.gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+3) {
    grid-column: 8/span 5;
    height: 50.8rem
}

.gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+4) {
    grid-column: 1/span 3;
    height: 27rem;
    margin-top: -28rem
}

.gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+5) {
    grid-column: 8/span 2;
    height: 27rem;
    margin-top: -28rem
}

.gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+6) {
    grid-column: 10/span 3;
    height: 27rem;
    margin-top: -28rem
}

.gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+7) {
    grid-column: 1/span 5;
    height: 50.8rem
}

.gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+8) {
    grid-column: 6/span 4;
    height: 80rem
}

.gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+9) {
    grid-column: 10/span 3;
    height: 50.8rem
}

.gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+10) {
    grid-column: 1/span 3;
    height: 27rem;
    margin-top: -28rem
}

.gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+11) {
    grid-column: 4/span 2;
    height: 27rem;
    margin-top: -28rem
}

.gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+12) {
    grid-column: 10/span 3;
    height: 27rem;
    margin-top: -28rem
}

.gallery__btn {
    margin: 7.8rem auto 0;
    max-width: 42rem
}

.gallery-grid-text-block {
    padding: 3rem 9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gallery-grid-item__title {
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 4rem
}

.gallery-grid-item__text {
    font-weight: 600;
    font-size: 2.5rem
}

.gallery-grid-item__text ol, .gallery-grid-item__text p, .gallery-grid-item__text ul {
    margin-bottom: 1em
}

.gallery-grid-with-text .gallery-grid-item:nth-child(10n+1) {
    grid-column: 1/span 3;
    height: 50.8rem
}

.gallery-grid-with-text .gallery-grid-item:nth-child(10n+2) {
    grid-column: 4/span 4;
    height: 80rem
}

.gallery-grid-with-text .gallery-grid-item:nth-child(10n+3) {
    grid-column: 8/span 5;
    height: 80rem
}

.gallery-grid-with-text .gallery-grid-item:nth-child(10n+4) {
    grid-column: 1/span 3;
    height: 27rem;
    margin-top: -28rem
}

.gallery-grid-with-text .gallery-grid-item:nth-child(10n+5) {
    grid-column: 1/span 5;
    height: 50.8rem
}

.gallery-grid-with-text .gallery-grid-item:nth-child(10n+6) {
    grid-column: 6/span 4;
    height: 80rem
}

.gallery-grid-with-text .gallery-grid-item:nth-child(10n+7) {
    grid-column: 10/span 3;
    height: 50.8rem
}

.gallery-grid-with-text .gallery-grid-item:nth-child(10n+8) {
    grid-column: 1/span 3;
    height: 27rem;
    margin-top: -28rem
}

.gallery-grid-with-text .gallery-grid-item:nth-child(10n+9) {
    grid-column: 4/span 2;
    height: 27rem;
    margin-top: -28rem
}

.gallery-grid-with-text .gallery-grid-item:nth-child(10n+10) {
    grid-column: 10/span 3;
    height: 27rem;
    margin-top: -28rem
}

.gallery-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 7.7rem
}

.gallery-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2.6rem;
    background-color: rgba(245, 245, 245, .2);
    width: 20rem;
    height: 8rem;
    border: .3rem solid #00a48a;
    font-size: 1.8rem;
    color: #00a48a;
    font-weight: 600;
    -webkit-transition: .3s;
    transition: .3s
}

.gallery-nav__item.active {
    background-color: #00a48a;
    color: #fff
}

@media screen and (max-width: 992px) {
    .gallery {
        padding-bottom: 40px
    }

    .gallery__title {
        margin-bottom: 40px
    }

    .gallery-nav {
        margin-bottom: 20px;
        gap: 10px;
        overflow-x: auto;
        padding-bottom: 10px
    }

    .gallery-nav__item {
        padding: 10px 20px;
        width: auto;
        height: auto;
        border-radius: 10px;
        font-size: 12px
    }

    .gallery-grid {
        grid-template-columns:repeat(2, 1fr);
        gap: 5px 10px
    }

    .gallery-grid-item {
        border-radius: 10px
    }

    .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+1) {
        height: 194px;
        margin: 0;
        grid-column: 1/2
    }

    .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+2) {
        height: 306px;
        margin: 0;
        grid-column: 2/3
    }

    .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+3) {
        height: 104px;
        margin-top: -109px;
        grid-column: 1/2
    }

    .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+4) {
        height: 218px;
        margin: 0 -50px 0 0;
        grid-column: 1/2
    }

    .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+5), .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+6) {
        height: 104px;
        margin: 0 0 0 50px;
        grid-column: 2/3
    }

    .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+6) {
        margin-top: -109px
    }

    .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+7) {
        height: 306px;
        margin: 0;
        grid-column: 1/2
    }

    .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+8) {
        height: 194px;
        margin: 0;
        grid-column: 2/3
    }

    .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+9) {
        grid-column: 2/3;
        margin-top: -109px;
        height: 104px
    }

    .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+10) {
        height: 104px;
        margin: 0 50px 0 0;
        grid-column: 1/2
    }

    .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+11) {
        height: 218px;
        margin: 0 0 0 -50px;
        grid-column: 2/3
    }

    .gallery-grid:not(.gallery-grid-with-text) .gallery-grid-item:nth-child(12n+12) {
        margin-top: -109px;
        margin-right: 50px;
        height: 104px;
        grid-column: 1/2
    }

    .gallery-grid-with-text .gallery-grid-item:nth-child(10n+1) {
        height: 194px;
        margin: 0;
        grid-column: 1/2
    }

    .gallery-grid-with-text .gallery-grid-item:nth-child(10n+2) {
        height: 306px;
        margin: 0;
        grid-column: 2/3
    }

    .gallery-grid-with-text .gallery-grid-item:nth-child(10n+3) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        grid-column: 1/3;
        height: auto
    }

    .gallery-grid-with-text .gallery-grid-item:nth-child(12n+4) {
        height: 104px;
        margin-top: -109px;
        grid-column: 1/2
    }

    .gallery-grid-with-text .gallery-grid-item:nth-child(10n+5) {
        height: 218px;
        margin: 0 -50px 0 0;
        grid-column: 1/2
    }

    .gallery-grid-with-text .gallery-grid-item:nth-child(10n+6), .gallery-grid-with-text .gallery-grid-item:nth-child(10n+7) {
        height: 104px;
        margin: 0 0 0 50px;
        grid-column: 2/3
    }

    .gallery-grid-with-text .gallery-grid-item:nth-child(10n+7) {
        margin-top: -109px
    }

    .gallery-grid-with-text .gallery-grid-item:nth-child(10n+8) {
        height: 306px;
        margin: 0;
        grid-column: 1/2
    }

    .gallery-grid-with-text .gallery-grid-item:nth-child(10n+9) {
        height: 194px;
        margin: 0;
        grid-column: 2/3
    }

    .gallery-grid-with-text .gallery-grid-item:nth-child(10n+10) {
        grid-column: 2/3;
        margin-top: -109px;
        height: 104px
    }

    .gallery-grid-text-block {
        padding: 0
    }

    .gallery-grid-item__title {
        font-size: 16px;
        margin-bottom: 20px
    }

    .gallery-grid-item__text {
        font-size: 12px
    }
}

@media screen and (max-width: 576px) {
    .gallery-nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.agent {
    background-color: #f9f9f9;
    border-radius: 2.6rem;
    padding: 3.4rem 3rem;
    font-size: 2.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.6rem;
    margin-bottom: 2rem
}

.agent-icon img {
    width: 10.5rem;
    aspect-ratio: 1;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.agent-info__title {
    font-weight: 600;
    margin-bottom: .9rem
}

.agent-info__link {
    color: #4b8ecc
}

@media (hover: hover) {
    .gallery-nav__item:hover {
        background-color: #00a48a;
        color: #fff
    }

    .gallery-grid-item:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .agent-info__link:hover, .sidebar-form-acceptance a:hover {
        text-decoration: underline
    }
}

@media screen and (max-width: 992px) {
    .agent {
        margin-top: 10px;
        border-radius: 10px;
        padding: 14px;
        font-size: 12px;
        gap: 10px
    }

    .agent-icon img {
        width: 44px;
        height: 44px
    }

    .agent-info__title {
        margin-bottom: 5px
    }
}

.sidebar {
    width: 64rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: sticky;
    top: 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.sidebar--static {
    position: static
}

.sidebar-banner {
    background: #1cab98;
    background: -webkit-gradient(linear, left bottom, left top, from(#1cab98), to(#2b2826));
    background: linear-gradient(0deg, #1cab98 0, #2b2826 100%);
    border-radius: 2.6rem;
    padding: .3rem
}

.sidebar-banner--wide .sidebar-banner__inner {
    padding: 5rem 4rem
}

.sidebar-banner__inner {
    border-radius: 2.6rem;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5rem 9.6rem;
    text-align: center
}

.sidebar-banner__icon {
    margin-bottom: 4.2rem
}

.sidebar-banner__icon svg {
    width: 9rem;
    height: 9rem
}

.sidebar-banner__green-text {
    color: #00a48a;
    font-size: 2.1rem;
    font-weight: 500
}

.sidebar-banner__black-text {
    font-size: 3.5rem;
    font-weight: 500
}

.sidebar-form {
    margin-top: 9rem
}

.sidebar-form__field {
    margin-bottom: 3.5rem;
    display: block
}

.sidebar-form__input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #232323;
    font-size: 1.6rem;
    padding-bottom: 1rem
}

.sidebar-form__input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.sidebar-form__input::-moz-placeholder {
    color: rgba(0, 0, 0, .2)
}

.sidebar-form__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.sidebar-form__input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.sidebar-form__input::placeholder {
    color: rgba(0, 0, 0, .2)
}

.sidebar-form__btn {
    width: 100%;
    margin-bottom: 2.2rem
}

.sidebar-form-acceptance {
    font-size: 1.3rem
}

.sidebar-banner__btn {
    width: 100%
}

@media screen and (max-width: 992px) {
    .sidebar {
        max-width: 600px;
        width: 100%;
        margin: auto
    }

    .sidebar-banner {
        border-radius: 10px;
        padding: 2px
    }

    .sidebar-banner__inner {
        border-radius: 10px;
        padding: 20px 32px
    }

    .sidebar-banner__icon {
        margin-bottom: 30px
    }

    .sidebar-banner__icon svg {
        width: 62px;
        height: 62px
    }

    .sidebar-banner__green-text {
        font-size: 12px
    }

    .sidebar-banner__black-text {
        font-size: 20px;
        font-weight: 600
    }

    .sidebar-form {
        margin-top: 33px
    }

    .sidebar-form__field {
        margin-bottom: 23px
    }

    .sidebar-form__input {
        font-size: 14px;
        padding-bottom: 8px
    }

    .sidebar-form__btn {
        margin: 0 auto 15px;
        max-width: 180px
    }

    .sidebar-form-acceptance {
        font-size: 9px
    }

    .sidebar-banner__btn {
        max-width: 242px
    }
}

.sidebar-news {
    margin-top: 3.3rem;
    margin-bottom: 9.2rem
}

.sidebar-news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.5rem;
    margin-bottom: 2rem
}

.sidebar-news-item__img {
    width: 14.4rem;
    height: 14.4rem;
    border-radius: 2.6rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.sidebar-news-item__img img {
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.sidebar-news-item__info {
    font-size: 2.1rem
}

.sidebar-news-item__info-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    color: #1cab98;
    margin-bottom: 1.5rem
}

.sidebar-news-item__info-top p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.sidebar-news-item__info-top p img, .sidebar-news-item__info-top p svg {
    width: 2.1rem;
    height: 2.1rem
}

.sidebar-news-item__title {
    font-size: 2.1rem;
    font-weight: 600
}

@media screen and (max-width: 992px) {
    .sidebar-news {
        margin: 15px 0 40px
    }

    .sidebar-news-item {
        gap: 10px;
        margin-bottom: 15px
    }

    .sidebar-news-item__img {
        width: 117px;
        height: 76px;
        border-radius: 10px
    }

    .sidebar-news-item__info {
        font-size: 12px
    }

    .sidebar-news-item__info-top {
        gap: 10px;
        margin-bottom: 5px
    }

    .sidebar-news-item__info-top p {
        gap: 2px
    }

    .sidebar-news-item__info-top p img, .sidebar-news-item__info-top p svg {
        width: 11.25px;
        height: 11.25px
    }

    .sidebar-news-item__title {
        font-size: 12px;
        font-weight: 600
    }
}

.content-block {
    padding-bottom: 8.6rem
}

.content-block-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

.content-block-left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 108rem
}

.content-block__inner {
    font-size: 3.1rem;
    padding-right: 6rem
}

.content-block__inner :first-child {
    margin-top: 0
}

.content-block__inner :last-child {
    margin-bottom: 0
}

.content-block__inner li, .content-block__inner ol, .content-block__inner p, .content-block__inner ul {
    margin-bottom: 1em;
    color: rgba(6, 6, 6, .7)
}

.content-block__inner h1, .content-block__inner h2, .content-block__inner h3, .content-block__inner h4, .content-block__inner h5 {
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: .75em
}

.content-block__inner h1, .content-block__inner h2 {
    font-size: 3.5rem
}

.content-block__inner h3 {
    font-size: 3rem
}

.content-block__inner h4 {
    font-size: 2.3rem
}

.content-block__inner ol, .content-block__inner ul {
    padding-left: 1em
}

.content-block__inner blockquote {
    padding: 3.4rem 6.4rem 3.4rem 4.4rem;
    background-color: #f9f9f9;
    margin-bottom: 7.8rem;
    margin-top: 8.4rem;
    border-left: .3rem solid #1cab98;
    font-weight: 600
}

.content-block__inner img {
    border-radius: 2.6rem;
    margin: 9.2rem 0 8rem;
    width: 100%
}

.content-block__inner strong {
    font-weight: 600
}

.content-block__inner .text-grey {
    color: rgba(6, 6, 6, .4)
}

.content-block__btn {
    max-width: 42rem;
    margin-top: 7rem;
    margin-bottom: 4.7rem
}

.content-block__date {
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .2)
}

.content-block .single-vakancy-card .vakancy-card__text {
    font-weight: 600
}

.content-block .single-vakancy-card:before {
    width: 61.8rem;
    height: 60rem
}

@media screen and (max-width: 992px) {
    .content-block {
        padding-bottom: 20px
    }

    .content-block-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 37px
    }

    .content-block-left {
        max-width: 100%
    }

    .content-block .single-vakancy-card .vakancy-card__text {
        color: rgba(0, 0, 0, .7)
    }

    .content-block .single-vakancy-card .vakancy-card__btn {
        background: -webkit-gradient(linear, left top, left bottom, from(var(--deg)), color-stop(0, #7bcdbf), color-stop(61%, #00a48a), to(#005d62));
        background: linear-gradient(var(--deg), #7bcdbf 0, #00a48a 61%, #005d62 100%);
        color: #fff;
        max-width: 245px;
        width: 100%;
        border: none
    }

    .content-block__inner {
        font-size: 16px;
        padding-right: 0
    }

    .content-block__inner h2, .content-block__inner h3, .content-block__inner h4, .content-block__inner h5 {
        font-size: 16px
    }

    .content-block__inner blockquote {
        padding: 15px 60px 15px 20px;
        font-size: 12px;
        border-width: 2px;
        margin-bottom: 32px;
        margin-top: 36px
    }

    .content-block__btn {
        max-width: 180px;
        margin: 36px auto 10px
    }

    .content-block__date {
        font-size: 12px;
        text-align: center
    }
}

.loyalty {
    padding-bottom: 11.3rem
}

.loyalty-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.loyalty-nav__item {
    font-size: 2.1rem;
    color: #00a48a;
    border: .3rem solid #00a48a;
    padding: 2.9rem 6.4rem;
    border-radius: 2.6rem
}

.loyalty-nav__item.active {
    background-color: #1cab98;
    color: #fff
}

.loyalty-grid {
    padding: 7.8rem 0 6.4rem
}

.loyalty-text {
    text-align: center;
    font-size: 2.1rem;
    font-weight: 500
}

.loyalty__title {
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 3.8rem
}

@media screen and (max-width: 992px) {
    .loyalty {
        padding-bottom: 34px
    }

    .loyalty-nav {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
        gap: 9px
    }

    .loyalty-nav__item {
        font-size: 12px;
        padding: 13px 20px;
        border-radius: 10px;
        border-width: 2px;
        white-space: nowrap;
        font-weight: 700
    }

    .loyalty-grid {
        padding: 23px 0 32px
    }

    .loyalty__title {
        font-size: 16px;
        margin-bottom: 20px
    }
}

.loyalty-item {
    background-color: #fff;
    border-radius: 2.6rem;
    padding: 4.3rem 4.1rem 4.8rem;
    height: 100%
}

.loyalty-item__title {
    font-size: 3.1rem;
    font-weight: 600;
    margin-bottom: .5rem
}

.loyalty-item__text {
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .7);
    margin-bottom: 4rem
}

.loyalty-item__image {
    margin: 0 0 3.4rem
}

.loyalty-item__image img {
    width: 100%;
    height: 10rem;
    -o-object-fit: contain;
    object-fit: contain
}

.loyalty-item__tag {
    color: #4b8ecc;
    font-size: 2.1rem
}

@media screen and (max-width: 992px) {
    .loyalty-item {
        border-radius: 10px;
        padding: 19px 15px 15px
    }

    .loyalty-item__title {
        font-size: 16px;
        margin-bottom: .5rem;
        text-decoration: none
    }

    .loyalty-item__text {
        font-size: 12px;
        margin-bottom: 20px
    }

    .loyalty-item__image {
        margin: 18px 0
    }

    .loyalty-item__image img {
        max-width: 90%;
        margin: 0 auto;
        height: 80px
    }

    .loyalty-item__tag {
        font-size: 12px
    }
}

.grid {
    margin: 0 -2rem
}

.grid-item {
    width: 25%;
    padding: 1rem
}

@media screen and (max-width: 992px) {
    .grid {
        margin: 0 -5px
    }

    .grid-item {
        padding: 5px;
        width: 33.3%
    }
}

@media screen and (max-width: 768px) {
    .grid-item {
        width: 50%
    }
}

.agent-list {
    padding-bottom: 11.2rem
}

.agent-list-wrapper {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    gap: 6rem
}

.agent-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 5.3rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.agent-list-item__letter {
    font-size: 6rem;
    font-weight: 700;
    margin-bottom: 2rem
}

.agent-list-item__link {
    font-size: 2.1rem;
    line-height: 1.8;
    font-weight: 600
}

.agent-list-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    margin-top: 6.8rem
}

@media screen and (max-width: 992px) {
    .agent-list {
        padding-bottom: 34px
    }

    .agent-list-wrapper {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        gap: 30px
    }

    .agent-list-item__link {
        font-size: 12px
    }

    .agent-list-item__letter {
        font-size: 20px;
        margin-bottom: 0
    }

    .agent-list-item {
        margin-bottom: 14px
    }

    .agent-list-bottom {
        margin-top: 40px;
        gap: 10px
    }
}

@media screen and (max-width: 576px) {
    .agent-list-wrapper {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .agent-list-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .agent-list__btn {
        max-width: 100%;
        width: 100%
    }
}

.individual {
    font-size: 2.1rem;
    padding-bottom: 11.2rem
}

.individual-text {
    text-align: center;
    max-width: 137rem;
    margin: 0 auto 10.5rem
}

.individual-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9.7rem;
    margin-bottom: 7rem
}

.individual-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.2rem
}

.individual-nav__item img {
    width: 5rem;
    height: 5rem
}

.individual-grid .grid-item {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.individual-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.2rem
}

.individual-item img {
    width: 5rem;
    height: 5rem
}

.individual__btn {
    margin-top: 7rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (hover: hover) {
    .sidebar-news-item:hover .sidebar-news-item__title {
        text-decoration: underline
    }

    .sidebar-news-item:hover .sidebar-news-item__img img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .loyalty-text a:hover {
        color: #1cab98
    }

    .individual-item:hover, .loyalty-item a:hover {
        text-decoration: underline
    }
}

@media screen and (max-width: 992px) {
    .individual {
        font-size: 12px;
        padding-bottom: 40px
    }

    .individual-grid .grid-item {
        width: 50%;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .individual-text {
        font-size: 16px;
        max-width: 100%;
        margin-bottom: 36px;
        color: rgba(6, 6, 6, .7)
    }

    .individual-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 40px
    }

    .individual-nav__item {
        font-size: 16px;
        text-align: left;
        gap: 20px
    }

    .individual-nav__item img {
        width: 44px;
        height: 44px
    }

    .individual-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 6px
    }

    .individual-item img {
        width: 30px;
        height: 30px
    }

    .individual__btn {
        margin-top: 15px
    }
}

.service-hero {
    background-color: #1c3b40;
    padding-top: 25rem;
    padding-bottom: 15rem
}

.service-hero-wrapper {
    position: relative
}

.service-hero__subtitle {
    padding-left: 7.8rem;
    position: relative;
    color: #fff;
    font-size: 2.1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1.4rem
}

.service-hero__subtitle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: .5rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    width: 4.4rem;
    height: .4rem
}

.service-hero__title {
    font-size: 9rem;
    line-height: 1.05;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    max-width: 105rem;
    margin-bottom: 2.6rem
}

.service-hero__title--small {
    font-size: 7rem
}

.service-hero__text {
    font-size: 2.1rem;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 7.3rem;
    max-width: 75rem
}

.service-hero-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 70rem;
    width: 100%;
    gap: 2rem
}

.service-hero__btn {
    max-width: 42rem;
    width: 100%
}

.service-hero__btn--half {
    width: calc((100% - 2rem) / 2)
}

.service-hero__btn--full {
    max-width: 100%
}

.service-hero-block {
    background-image: url(../img/service-hero-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 30.5rem;
    position: relative;
    z-index: 1;
    min-height: 71rem;
    padding-left: 6rem;
    padding-bottom: 7rem
}

.service-hero-block--overflow .service-hero-block__info {
    max-width: 55rem
}

.service-hero-block--overflow .service-hero-block__btn {
    max-width: 43rem
}

.service-hero-block__title {
    font-size: 3.5rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 7rem;
    max-width: 50rem
}

.service-hero-block__btn {
    max-width: 31rem
}

.service-hero-block__info {
    margin: -6rem 0;
    font-size: 2.1rem;
    color: #fff;
    max-width: 50rem
}

.service-hero-block__info li, .service-hero-block__info ol, .service-hero-block__info p, .service-hero-block__info ul {
    margin-bottom: 1em
}

.service-hero-block__info ol, .service-hero-block__info ul {
    padding-left: 1em
}

.service-hero-block__info .service-hero-block__title {
    margin-bottom: 3.4rem;
    max-width: 100%
}

.service-hero-block__info .service-hero-block__btn {
    max-width: 100%;
    margin-top: 7.3rem
}

.service-hero-block__info--big {
    max-width: 51rem;
    margin: 0
}

.service-hero-block__info--25 {
    font-size: 2.5rem
}

.service-hero-sliders {
    position: absolute;
    bottom: 7.2rem;
    right: 0;
    z-index: 1;
    width: 126.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.8rem
}

.service-hero-block__img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 118rem
}

.service-hero-block__img img {
    width: 100%;
    min-height: 128rem
}

.service-hero-block__img .mobile {
    display: none
}

.service-hero-block__bg {
    position: absolute;
    overflow: hidden;
    height: 47.5rem;
    width: 118rem;
    bottom: 0;
    left: 5rem;
    z-index: -1
}

.service-hero-block__bg img {
    -webkit-animation: 30s infinite rotate;
    animation: 30s infinite rotate
}

.service-hero-block__bg-behind {
    left: auto;
    right: 0;
    height: 66.5rem
}

.service-hero__icon {
    margin-bottom: -5rem
}

.service-hero__icon img {
    width: 15rem;
    height: 15rem
}

.service-hero-members {
    margin-top: 6rem;
    margin-bottom: 5rem
}

.service-hero-members .comitet-members__title {
    color: #fff
}

@-webkit-keyframes rotate {
    0% {
        rotate: 0
    }
    100% {
        rotate: 360deg
    }
}

@keyframes rotate {
    0% {
        rotate: 0
    }
    100% {
        rotate: 360deg
    }
}

@media screen and (max-width: 992px) {
    .service-hero {
        padding-top: 90px;
        padding-bottom: 40px
    }

    .service-hero__subtitle {
        font-size: 12px;
        padding-left: 32px;
        margin-bottom: 7px
    }

    .service-hero__subtitle::before {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 5px;
        width: 20px;
        height: 2px
    }

    .service-hero__title {
        font-size: 35px;
        margin-bottom: 12px
    }

    .service-hero__title--small {
        font-size: 25px
    }

    .service-hero__text {
        font-size: 12px;
        margin-bottom: 20px;
        max-width: 330px
    }

    .service-hero__btn {
        background: rgba(0, 0, 0, 0);
        color: #fff;
        border: 2px solid #fff
    }

    .service-hero-buttons {
        max-width: 275px;
        margin-bottom: 26px
    }

    .service-hero-block {
        padding-top: 90px;
        min-height: 265px;
        padding-left: 15px;
        padding-bottom: 20px;
        background-size: 100% 100%
    }

    .service-hero-block--big {
        min-height: 400px;
        padding-top: 110px;
        background-image: url(../img/service-hero--mob-bg-big.png)
    }

    .service-hero-block--big .service-hero-block__img {
        height: 460px
    }

    .service-hero-block--overflow {
        overflow: hidden
    }

    .service-hero-block--overflow .service-hero-block__img {
        max-width: 185px
    }

    .service-hero-block--overflow .service-hero-block__img img {
        -o-object-position: 0;
        object-position: 0
    }

    .service-hero-block--overflow .service-hero-block__info {
        max-width: 190px
    }

    .service-hero-block__title {
        font-size: 12px;
        margin-bottom: 10px;
        max-width: 110px
    }

    .service-hero-block__btn {
        max-width: 115px;
        background: rgba(255, 255, 255, .2);
        color: #fff;
        border: 2px solid #fff;
        font-size: 10px;
        padding: 10px 12px
    }

    .service-hero-sliders {
        width: 100%;
        position: static;
        gap: 6px;
        margin-top: 17px
    }

    .service-hero-block__img {
        max-width: 252px
    }

    .service-hero-block__img img {
        height: 100%;
        min-height: 410px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 20%;
        object-position: 20%
    }

    .service-hero-block__img .desk {
        display: none
    }

    .service-hero-block__img .mobile {
        display: block
    }

    .service-hero-block__bg {
        height: 185px;
        width: 374px;
        bottom: 0;
        left: 0;
        z-index: -1
    }

    .service-hero__icon {
        margin-bottom: 0
    }

    .service-hero__icon img {
        width: 60px;
        height: 60px
    }

    .service-hero-block__info {
        margin: 0;
        font-size: 12px !important;
        color: #fff;
        max-width: 238px
    }

    .service-hero-block__info .service-hero-block__title {
        margin-bottom: 15px
    }

    .service-hero-block__info .service-hero-block__btn {
        max-width: 100%;
        margin-top: 20px
    }

    .service-hero-block__info--big {
        max-width: 200px;
        margin: 0
    }

    .service-hero-block--full {
        padding: 125px 15px 20px
    }

    .service-hero-block--full .service-hero-block__img {
        display: none
    }

    .service-hero-block--full .service-hero-block__info {
        max-width: 100%
    }
}

@media screen and (max-width: 576px) {
    .service-hero-block--big .service-hero-block__img img {
        -o-object-position: -60%;
        object-position: -60%
    }

    .service-hero-block--full {
        padding-top: 150px
    }
}

@media screen and (max-width: 400px) {
    .service-hero-block__img {
        max-width: 50%
    }

    .service-hero-block__img img {
        -o-object-position: 10%;
        object-position: 10%
    }

    .service-hero__title {
        font-size: 28px
    }
}

.service-hero-randomize {
    position: absolute;
    top: 0;
    right: 0
}

.service-hero-randomize__title {
    color: #fff;
    font-size: 2.1rem;
    font-weight: 500;
    margin-bottom: 2.3rem
}

.service-hero-randomize-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.service-hero-randomize-item {
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    position: relative
}

.service-hero-randomize-item:nth-child(1) {
    z-index: 10
}

.service-hero-randomize-item:nth-child(2) {
    z-index: 8
}

.service-hero-randomize-item:nth-child(3) {
    z-index: 6
}

.service-hero-randomize-item:nth-child(4) {
    z-index: 5
}

.service-hero-randomize-item:nth-child(5) {
    z-index: 4
}

.service-hero-randomize-item:nth-child(6) {
    z-index: 2
}

.service-hero-randomize-item:not(:first-child) {
    margin-left: -2rem
}

.service-hero-randomize-item img {
    width: 100%;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 992px) {
    .service-hero-randomize {
        position: static;
        margin-bottom: -60px
    }

    .service-hero-randomize-item {
        width: 28px;
        height: 28px
    }

    .service-hero-randomize-item:not(:first-child) {
        margin-left: -7px
    }

    .service-hero-randomize__title {
        font-size: 10px;
        margin-bottom: 8px
    }
}

.service-hero-slider {
    overflow: hidden
}

.service-hero-slider::before {
    content: "";
    position: absolute;
    background: -webkit-gradient(linear, right top, left top, color-stop(34%, rgba(115, 202, 188, 0)), to(#00a48a));
    background: linear-gradient(270deg, rgba(115, 202, 188, 0) 34%, #00a48a 100%);
    height: 100%;
    width: 28rem;
    z-index: 1;
    left: 0;
    top: 0;
    border-radius: 0 6.3rem 6.3rem 0
}

.service-hero-slider .slick-list {
    margin: 0 -.9rem
}

.service-hero-slider__item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    border-radius: 6.3rem;
    background-color: #fff;
    padding: 1.4rem 1.3rem;
    width: 28.2rem;
    margin: 0 .9rem
}

.service-hero-slider__item-image {
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 50%
}

.service-hero-slider__item-info {
    font-family: "Plus Jakarta Sans", sans-serif
}

.service-hero-slider__item-title {
    font-size: 2.1rem;
    text-transform: uppercase
}

.service-hero-slider__item-text {
    font-size: 1.2rem;
    color: rgba(0, 0, 0, .4)
}

.service-hero-slider:first-child {
    margin-left: 10rem
}

.service-hero-slider:nth-child(even) .service-hero-slider__item {
    direction: ltr
}

@media screen and (max-width: 992px) {
    .service-hero-slider::before {
        width: 87px;
        border-radius: 0 20px 20px 0
    }

    .service-hero-slider .slick-list {
        margin: 0 -3px
    }

    .service-hero-slider__item {
        gap: 6.6px;
        border-radius: 24px;
        background-color: #fff;
        padding: 3.7px 4px;
        min-width: 87px;
        width: auto;
        margin: 0 3px
    }

    .service-hero-slider__item-image {
        width: 16px;
        height: 16px
    }

    .service-hero-slider__item-title {
        font-size: 6.5px;
        text-transform: uppercase
    }

    .service-hero-slider__item-text {
        font-size: 4px;
        color: rgba(0, 0, 0, .4)
    }

    .service-hero-slider:first-child {
        margin-left: 25px
    }

    .service-hero-slider:nth-child(even) .service-hero-slider__item {
        direction: ltr
    }
}

.service-hero-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #005d62;
    border-radius: 2.6rem;
    margin-top: 2.7rem;
    padding: 5.3rem 7.2rem
}

.service-hero-bottom__title {
    font-size: 3.5rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 3rem
}

.service-hero-bottom__text {
    color: rgba(255, 255, 255, .7);
    font-size: 2.1rem
}

.service-hero-bottom__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    max-width: 50%;
    width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.service-hero-bottom__btn {
    max-width: 53rem;
    width: 100%
}

@media screen and (max-width: 992px) {
    .service-hero-bottom {
        border-radius: 10px;
        padding: 17px 14px;
        margin-top: 10px
    }

    .service-hero-bottom__title {
        font-size: 16px;
        margin-bottom: 6px
    }

    .service-hero-bottom__text {
        font-size: 12px
    }

    .service-hero-bottom__right {
        gap: 10px
    }

    .service-hero-bottom__btn {
        background: -webkit-gradient(linear, left top, left bottom, from(var(--deg)), color-stop(0, #7bcdbf), to(#00a48a));
        background: linear-gradient(var(--deg), #7bcdbf 0, #00a48a 100%);
        color: #fff
    }
}

@media screen and (max-width: 768px) {
    .service-hero-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .service-hero-bottom__right {
        margin-top: 20px;
        width: 100%;
        max-width: 100%
    }

    .service-hero-bottom__text br {
        display: none
    }

    .service-hero-bottom__btn {
        max-width: 100%
    }
}

.service-hero-nav {
    background-color: #005d62;
    border-radius: 2.6rem;
    padding: 4.6rem 6.3rem;
    margin-top: 3.7rem;
    font-size: 2.1rem;
    -webkit-transition: .3s;
    transition: .3s;
    height: var(--height)
}

.service-hero-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5.2rem;
    color: rgba(255, 255, 255, .5);
    position: relative
}

.service-hero-menu__item {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.service-hero-menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.1rem;
    -webkit-transition: .3s;
    transition: .3s
}

.service-hero-menu__link .arrow {
    width: 2rem;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s
}

.service-hero-menu__link .arrow svg {
    width: 1rem
}

.service-hero-menu__link .arrow svg path {
    -webkit-transition: .3s;
    transition: .3s
}

.service-hero-menu__link .arrow.active {
    rotate: 180deg
}

.service-hero-submenu {
    color: #fff;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    padding-top: 9rem !important;
    position: absolute;
    gap: 10rem;
    width: 100%;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.service-hero-submenu::before {
    content: "";
    position: absolute;
    top: 4.5rem;
    left: 0;
    width: 100%;
    border-top: 1px solid rgba(217, 217, 217, .1)
}

.service-hero-submenu .service-hero-menu__item {
    margin-bottom: 3.5rem
}

.service-hero-submenu .service-hero-menu__link {
    font-weight: 600;
    gap: 3.4rem
}

.service-hero-submenu .service-hero-menu__link img {
    width: 3.4rem
}

@media (hover: hover) {
    .service-hero-nav:has(.has-submenu:hover) {
        height: var(--hover-height)
    }

    .has-submenu:hover .service-hero-submenu {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .has-submenu:hover .service-hero-menu__link {
        color: #fff
    }

    .has-submenu:hover .service-hero-menu__link .arrow {
        rotate: 180deg
    }

    .has-submenu:hover .service-hero-menu__link .arrow path {
        stroke-opacity: 1
    }

    .service-hero-menu__link:hover {
        color: #fff
    }

    .service-hero-menu__link:hover .arrow {
        rotate: 180deg
    }

    .service-hero-menu__link:hover .arrow path {
        stroke-opacity: 1
    }

    .service-hero-submenu .service-hero-menu__link:hover {
        text-decoration: underline
    }

    .letter-form-block__acceptance a:hover {
        color: #1cab98;
        text-decoration: underline
    }
}

@media screen and (max-width: 992px) {
    .service-hero-nav {
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0;
        padding: 0;
        margin-top: 10px;
        font-size: 12px;
        -webkit-transition: .3s;
        transition: .3s;
        height: auto
    }

    .service-hero-menu {
        gap: 10px;
        color: rgba(255, 255, 255, .5);
        position: relative;
        overflow-x: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 10px !important
    }

    .service-hero-menu__link {
        font-size: 12px;
        -webkit-transition: .3s;
        transition: .3s;
        white-space: nowrap;
        border: 2px solid #fff;
        border-radius: 10px;
        color: #fff;
        padding: 12px 20px;
        font-weight: 700
    }

    .service-hero-menu__link.active {
        background: #fff;
        color: #1c3b40
    }

    .service-hero-submenu {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        padding-top: 0 !important;
        position: static;
        gap: 0;
        width: 100%;
        opacity: 1;
        visibility: visible;
        margin: 40px 0;
        display: none
    }

    .service-hero-submenu::before {
        content: "";
        position: absolute;
        top: 4.5rem;
        left: 0;
        width: 100%;
        border-top: 1px solid rgba(217, 217, 217, .1)
    }

    .service-hero-submenu .service-hero-menu__item {
        margin-bottom: 20px
    }

    .service-hero-submenu .service-hero-menu__link {
        font-weight: 600;
        gap: 34px;
        padding: 0;
        border: none;
        white-space: wrap
    }

    .service-hero-submenu .service-hero-menu__link img {
        width: 32px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.service-hero-block-nums {
    color: #fff;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    max-width: 36.5rem;
    gap: 4.3rem 2rem
}

.service-hero-block-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 600
}

.service-hero-block-num__value {
    font-size: 3.5rem;
    margin-bottom: 1rem
}

.service-hero-block-num__text {
    font-size: 1.8rem
}

@media screen and (max-width: 992px) {
    .service-hero-block-nums {
        max-width: 170px;
        gap: 10px 15px
    }

    .service-hero-block-num {
        font-weight: 600
    }

    .service-hero-block-num__value {
        font-size: 12px;
        margin-bottom: 8px
    }

    .service-hero-block-num__text {
        font-size: 10px
    }

    .service-hero-block-num:nth-child(4) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        grid-column: 1/3
    }
}

.service-hero-partners {
    margin-top: 7.5rem
}

.service-hero-partners__title {
    color: #fff;
    margin-bottom: 7.2rem
}

.service-hero-partners-slider .slick-list {
    margin: 0 -1rem
}

.service-hero-partners-slider__item {
    background-color: #fff;
    border-radius: 1.6rem;
    margin: 0 1rem;
    height: 19.2rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 26rem;
    position: relative
}

.service-hero-partners-slider__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.service-hero-partners-slider__link img {
    width: 80%
}

.service-hero-partners-slider__link span {
    position: absolute;
    color: rgba(0, 0, 0, .2);
    font-size: .8rem;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 2.4rem;
    bottom: 2.1rem;
    left: 2.4rem;
    padding: .4rem .8rem;
    text-transform: uppercase
}

@media screen and (max-width: 992px) {
    .service-hero-partners {
        margin-top: 15px
    }

    .service-hero-partners__title {
        margin-bottom: 15px
    }

    .service-hero-partners-slider .slick-list {
        margin: 0 -5px
    }

    .service-hero-partners-slider__item {
        border-radius: 10px;
        margin: 0 5px;
        height: 70px;
        width: 85px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 2em
    }

    .service-hero-partners-slider__link img {
        width: 80%;
        max-height: 24px
    }

    .service-hero-partners-slider__link span {
        font-size: 8px;
        border-radius: 24px;
        bottom: 6px;
        left: 6px;
        padding: 4px 8px;
        text-transform: uppercase
    }
}

.arrow-block {
    overflow: hidden;
    position: relative;
    padding-bottom: 25rem
}

.arrow-block__title {
    margin: 11.6rem auto 9rem;
    text-align: center;
    font-size: 6rem;
    font-weight: 700;
    width: 88rem
}

.arrow-block__title-upper {
    width: 118.5rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 5rem;
    line-height: 1.05;
    font-weight: 600;
    margin: 0 auto
}

.arrow-block__title-green {
    color: #00a48a;
    margin-top: 1em
}

.arrow-block-wrapper {
    padding-bottom: 30rem;
    position: relative;
    padding-top: 32.6rem
}

.arrow-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6rem 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
    z-index: 12
}

.arrow-block__item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .7);
    width: calc((100% - 6rem) / 2)
}

.arrow-block__item:nth-child(even) {
    padding-right: 11.4rem;
    text-align: right;
    -webkit-transform: translateY(6rem);
    -ms-transform: translateY(6rem);
    transform: translateY(6rem)
}

.arrow-block__item:nth-child(even) .arrow-block__item-title::before {
    right: -11.4rem;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.arrow-block__item:nth-child(even) .arrow-block__item-link::before {
    left: auto;
    right: 0
}

.arrow-block__item:nth-child(odd) {
    padding-left: 11.4rem
}

.arrow-block__item:nth-child(odd) .arrow-block__item-title::before {
    left: -11.4rem
}

.arrow-block__item-title {
    font-weight: 600;
    margin-bottom: 1.6rem;
    position: relative
}

.arrow-block__item-title::before {
    content: "";
    position: absolute;
    width: 9.4rem;
    height: 1.4rem;
    background-image: url(../img/icons/line.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.arrow-block__item-text {
    margin-bottom: 3.4rem
}

.arrow-block__item-link {
    color: #1cab98;
    font-weight: 600;
    position: relative
}

.arrow-block__item-link::before {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 4rem;
    height: .3rem;
    background-color: #1cab98;
    border-radius: .9rem
}

.arrow-block__aim, .arrow-block__aim-front {
    margin: auto;
    width: 130rem
}

.arrow-block__aim img, .arrow-block__aim svg, .arrow-block__aim-front img, .arrow-block__aim-front svg {
    width: 100%;
    height: 100%
}

.arrow-block__aim-front {
    z-index: 10;
    height: 37.4rem;
    padding-top: 9.1rem
}

.arrow-block__bolt {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 11.8rem;
    height: 150rem;
    z-index: 7;
    overflow: hidden
}

.arrow-block__bolt img {
    width: 100%
}

.arrow-block-bottom, .arrow-block-bottom-front {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}

.arrow-block-bottom-front {
    z-index: 10
}

@media screen and (max-width: 992px) {
    .arrow-block {
        padding-bottom: 100px
    }

    .arrow-block__title {
        margin: 40px 0 30px;
        text-align: left;
        font-size: 16px;
        font-weight: 700;
        width: 100%
    }

    .arrow-block__title-upper {
        width: 100%;
        font-size: 16px
    }

    .arrow-block-wrapper {
        padding-bottom: 200px;
        padding-top: 150px
    }

    .arrow-block__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 25px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .arrow-block__item {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        font-size: 12px;
        width: 100%
    }

    .arrow-block__item:nth-child(even) {
        padding-right: 0;
        padding-left: 20px;
        text-align: left;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .arrow-block__item:nth-child(even) .arrow-block__item-title::before {
        display: none
    }

    .arrow-block__item:nth-child(even) .arrow-block__item-link::before {
        left: 0;
        right: auto
    }

    .arrow-block__item:nth-child(odd) {
        padding-left: 20px
    }

    .arrow-block__item:nth-child(odd) .arrow-block__item-title::before {
        display: none
    }

    .arrow-block__item-title {
        margin-bottom: 10px
    }

    .arrow-block__item-text {
        margin-bottom: 12px
    }

    .arrow-block__item-link::before {
        bottom: -6px;
        width: 26px;
        height: 2px
    }

    .arrow-block__aim, .arrow-block__aim-front {
        width: 100%
    }

    .arrow-block__aim-front {
        height: 200px;
        padding-top: 51px
    }

    .arrow-block__bolt {
        left: 0;
        width: 65px;
        height: auto
    }

    .arrow-block-bottom, .arrow-block-bottom-front {
        width: 720px;
        position: absolute;
        left: -360px;
        z-index: 5
    }

    .arrow-block-bottom-front {
        z-index: 10
    }
}

@media screen and (max-width: 576px) {
    .arrow-block__bolt {
        height: 500px
    }

    .arrow-block__bolt img {
        height: 100%
    }
}

.members-type {
    padding: 9.2rem 0
}

.members-type-wrapper {
    display: grid;
    grid-template-columns:119rem 53rem;
    gap: 2rem
}

.members-type-wrapper--second {
    grid-template-columns:108rem 64rem
}

.members-type-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.members-type-item--big {
    background-image: url(../img/members-type-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 74.3rem
}

.members-type-item--big .members-type-item__text {
    max-width: 66rem
}

.members-type-item--big .members-type-item__btn {
    max-width: 52.6rem;
    margin-top: 6.6rem
}

.members-type__title {
    margin-bottom: 20rem;
    max-width: 58.5rem
}

.members-type-item__inner {
    padding: 6.2rem 4.2rem;
    border-radius: 2.6rem
}

.members-type-item__title {
    font-size: 3.5rem;
    margin-bottom: 3.2rem;
    font-weight: 600;
    color: #fff
}

.members-type-item__text {
    font-size: 2.1rem;
    color: rgba(255, 255, 255, .7)
}

.members-type-item__btn {
    border-radius: 2rem
}

.members-type-item__image {
    position: absolute;
    bottom: 0;
    right: -2rem;
    width: 46.8rem
}

.members-type-item__inner--dark {
    background-color: #005d62;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 2rem
}

@media screen and (max-width: 992px) {
    .members-type {
        padding: 20px 0
    }

    .members-type-wrapper {
        grid-template-columns:auto;
        gap: 10px
    }

    .members-type-item--big {
        background-image: url(../img/members-type-bg-mob.png);
        min-height: 0
    }

    .members-type-item--big .members-type-item__text {
        max-width: 50%
    }

    .members-type__title {
        margin-bottom: 28px
    }

    .members-type-item__inner {
        padding: 15px;
        border-radius: 10px
    }

    .members-type-item__title {
        font-size: 16px;
        margin-bottom: 10px
    }

    .members-type-item__text {
        font-size: 12px
    }

    .members-type-item__image {
        position: absolute;
        bottom: 0;
        right: -2rem;
        width: 190px
    }

    .members-type-item__inner--dark {
        margin-bottom: 10px
    }

    .members-type-item__btn {
        max-width: 244px;
        margin: 0 auto
    }
}

.steps {
    padding: 9.2rem 0
}

.steps__title {
    margin-bottom: .5rem
}

.steps-wrapper {
    position: relative;
    margin-top: 8rem
}

.steps-wrapper::before {
    content: "";
    position: absolute;
    top: -2.3rem;
    left: -.1rem;
    width: .3rem;
    height: 95%;
    background-color: #1cab98
}

.steps-wrapper--full-line::before {
    height: 110%
}

.steps-item {
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .7);
    padding-left: 6.5rem;
    position: relative
}

.steps-item:not(:last-child) {
    margin-bottom: 5.3rem
}

.steps-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #1cab98;
    width: 1.6rem;
    height: 1.6rem;
    -webkit-transform: translate(-.8rem, .4rem);
    -ms-transform: translate(-.8rem, .4rem);
    transform: translate(-.8rem, .4rem)
}

.steps-item-top {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.steps-item__title {
    font-weight: 600;
    margin-bottom: 1.6rem
}

.steps-item__text {
    max-width: 73rem
}

.steps-image {
    position: relative;
    z-index: 1
}

.steps-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    left: 0;
    width: 100%
}

.steps-image-text {
    font-size: 2.5rem;
    color: #fff;
    font-style: italic;
    font-weight: 600;
    padding: 25.8rem 7.7rem 6.5rem 6rem
}

.steps-image-text ol, .steps-image-text p, .steps-image-text ul {
    margin-bottom: 1em
}

.steps__btn {
    margin-top: 10rem;
    max-width: 42rem
}

@media screen and (max-width: 992px) {
    .steps {
        padding: 20px 0
    }

    .steps__title {
        margin-bottom: 27px
    }

    .steps-wrapper {
        margin-top: 0
    }

    .steps-wrapper::before {
        top: -14px;
        width: 2px;
        left: -.5px
    }

    .steps-item {
        font-size: 12px;
        padding-left: 30px
    }

    .steps-item:not(:last-child) {
        margin-bottom: 22px
    }

    .steps-item::before {
        width: 9px;
        height: 9px;
        -webkit-transform: translate(-4px, 2px);
        -ms-transform: translate(-4px, 2px);
        transform: translate(-4px, 2px)
    }

    .steps-item__title {
        font-weight: 600;
        margin-bottom: 1.6rem
    }

    .steps-item__text {
        max-width: 73rem
    }

    .steps-image {
        position: relative;
        z-index: 1
    }

    .steps-image img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
        left: 0;
        width: 100%;
        height: 100%
    }

    .steps-image-text {
        font-size: 14px;
        padding: 160px 40px 30px 30px
    }

    .steps__btn {
        margin: 40px auto 0;
        max-width: 245px
    }
}

.member-cards {
    padding: 9.2rem 0
}

.member-cards__title {
    margin-bottom: 5.3rem
}

.member-cards-slider .slick-list {
    margin: 0 -1rem
}

.member-cards-slider .slick-slide {
    margin: 0 1rem
}

.member-cards-slider .slick-dots {
    margin-top: 5.3rem
}

.member-cards-item {
    background-image: url(../img/border.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2.6rem;
    font-size: 2.1rem;
    position: relative;
    overflow: hidden
}

.member-cards-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 61.8rem;
    height: 60rem;
    background-image: url(../img/circle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(40%, -12%);
    -ms-transform: translate(40%, -12%);
    transform: translate(40%, -12%)
}

.member-cards-item__info {
    padding: 4.9rem 3.9rem 6rem
}

.member-cards-item__bottom {
    padding: 6.4rem 0;
    position: relative
}

.member-cards-item__bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 70rem;
    border: .3rem dashed #e4e4e4
}

.member-cards-item__title {
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 1.6rem
}

.member-cards-item__text {
    max-width: 44.7rem;
    margin-bottom: 6.3rem
}

.member-cards-item__descr {
    color: rgba(0, 0, 0, .7)
}

.member-cards-item__descr ol, .member-cards-item__descr p, .member-cards-item__descr ul {
    margin-bottom: 3.9rem
}

.member-cards-item__descr strong {
    font-weight: 600
}

.member-cards-item__price {
    margin-top: 9.3rem;
    position: relative;
    z-index: 1
}

.member-cards-item__price-label {
    display: block;
    -webkit-transform: rotate(-3.75deg);
    -ms-transform: rotate(-3.75deg);
    transform: rotate(-3.75deg);
    position: absolute;
    top: -.8em;
    left: -.2em;
    z-index: 15;
    color: #fff;
    background-color: #1cab98;
    border-radius: 3rem;
    padding: .5rem 1.5rem
}

.member-cards-item__price-num {
    font-size: 6rem;
    font-weight: 700;
    position: relative;
    z-index: 2
}

.member-cards-item__price-text {
    color: rgba(0, 0, 0, .7)
}

.member-cards-item__btn {
    max-width: 53rem;
    margin: 0 auto
}

.member-cards-bottom {
    color: rgba(0, 0, 0, .7);
    font-size: 2.1rem;
    margin-top: 4.7rem;
    text-align: center
}

@media screen and (max-width: 992px) {
    .member-cards {
        padding: 20px 0
    }

    .member-cards__title {
        margin-bottom: 12px
    }

    .member-cards-item {
        border-radius: 10px;
        font-size: 12px
    }

    .member-cards-item::before {
        width: 265px;
        height: 258px;
        -webkit-transform: translate(40%, -12%);
        -ms-transform: translate(40%, -12%);
        transform: translate(40%, -12%)
    }

    .member-cards-item__info {
        padding: 16px 14px 22px
    }

    .member-cards-item__bottom {
        padding: 23px 0 26px;
        position: relative
    }

    .member-cards-item__bottom::before {
        width: 80%;
        border: 2px dashed #e4e4e4
    }

    .member-cards-item__title {
        font-size: 16px;
        margin-bottom: 10px
    }

    .member-cards-item__text {
        max-width: 80%;
        margin-bottom: 22px
    }

    .member-cards-item__descr {
        color: rgba(0, 0, 0, .7)
    }

    .member-cards-item__descr ol, .member-cards-item__descr p, .member-cards-item__descr ul {
        margin-bottom: 10px
    }

    .member-cards-item__price {
        margin-top: 30px
    }

    .member-cards-item__price-label {
        -webkit-transform: rotate(-3.75deg);
        -ms-transform: rotate(-3.75deg);
        transform: rotate(-3.75deg);
        font-size: 10px;
        top: -12px;
        border-radius: 12px;
        padding: 4px 8px
    }

    .member-cards-item__price-num {
        font-size: 25px
    }

    .member-cards-item__btn {
        font-weight: 700;
        max-width: 245px
    }

    .member-cards-bottom {
        font-size: 12px;
        margin-top: 4.7rem;
        text-align: center
    }

    .member-cards-slider .slick-list {
        margin: 0 -10px
    }

    .member-cards-slider .slick-slide {
        margin: 0 10px
    }

    .member-cards-slider .slick-dots {
        margin-top: 20px
    }
}

.letter {
    padding: 9.2rem 0 0;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 102rem
}

.letter-bg {
    position: absolute;
    z-index: -5;
    width: 229.6rem;
    max-width: none;
    aspect-ratio: 1;
    top: 12rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: 80s linear infinite rotation;
    animation: 80s linear infinite rotation
}

.letter-wrapper {
    height: 102rem
}

.letter-form-block {
    max-width: 89.6rem;
    min-height: 80rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .7rem 3rem rgba(52, 87, 139, .25);
    box-shadow: 0 .7rem 3rem rgba(52, 87, 139, .25);
    border-radius: 2.6rem;
    padding: 5rem 9rem 24rem;
    font-size: 2.1rem;
    position: absolute;
    top: 6rem;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    z-index: 2;
    -webkit-transition: 1.5s;
    transition: 1.5s
}

.letter-form-block__title {
    font-size: 3.5rem;
    font-weight: 500;
    margin-bottom: 1.4rem;
    text-align: center
}

.letter-form-block__text {
    text-align: center;
    margin-bottom: 3.2rem
}

.letter-form-block__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2.9rem;
    margin-bottom: 2rem
}

.letter-form-block__label {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.letter-form-block__input {
    width: 100%;
    border: none;
    font-size: 1.6rem;
    padding: 1rem 0 1.5rem;
    border-bottom: 1px solid #232323;
    background: 0 0;
    color: #000
}

.letter-form-block__input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.letter-form-block__input::-moz-placeholder {
    color: rgba(0, 0, 0, .2)
}

.letter-form-block__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.letter-form-block__input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .2)
}

.letter-form-block__input::placeholder {
    color: rgba(0, 0, 0, .2)
}

.letter-form-block__input.error {
    font-size: 1.6rem !important
}

.letter-form-block__file {
    margin-top: 2.5rem;
    margin-bottom: 3rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
    font-size: 1.6rem
}

.letter-form-block__file::before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background-image: url(../img/icons/file.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block
}

.letter-form-block__file input {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden
}

.letter-form-block__acceptance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    font-size: 1.3rem
}

.letter-form-block__acceptance input {
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid #5bbeaf;
    border-radius: .4rem;
    margin: 0;
    position: relative;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.letter-form-block__acceptance input::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/icons/check.svg);
    background-size: 1.2rem;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0
}

.letter-form-block__acceptance input:checked::before {
    opacity: 1
}

.letter-form-block__btn {
    position: absolute;
    z-index: -10;
    opacity: 0;
    visibility: hidden
}

.letter-form__front {
    position: absolute;
    left: 50%;
    width: 113rem;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -17rem
}

.letter-form-back-top {
    position: absolute;
    top: 23rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 108rem;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: .5s;
    transition: .5s
}

.letter-form-back-top.active {
    -webkit-transform: translateX(-50%) translateY(-3%) rotateX(180deg);
    transform: translateX(-50%) translateY(-3%) rotateX(180deg);
    z-index: 15;
    -webkit-filter: drop-shadow(0 .7rem 3rem rgba(7, 23, 48, .6));
    filter: drop-shadow(0 .7rem 3rem rgba(7, 23, 48, .6))
}

.letter-form-back-bottom {
    width: 114rem;
    max-width: none;
    bottom: -17rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
}

.letter-form-btn {
    max-width: 28.7rem;
    width: 100%;
    position: absolute;
    bottom: 32%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 12
}

.letter .error {
    font-size: 1.2rem
}

.letter-form-logo {
    position: absolute;
    z-index: 20;
    bottom: 2rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 26.4rem
}

.letter-form-logo img, .letter-form-logo svg {
    width: 100%
}

.letter-form.sent .letter-form-block {
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.letter-form.sent .letter-form-btn {
    opacity: 0
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: translateX(-50%) rotate(0);
        transform: translateX(-50%) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-50%) rotate(360deg);
        transform: translateX(-50%) rotate(360deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: translateX(-50%) rotate(0);
        transform: translateX(-50%) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-50%) rotate(360deg);
        transform: translateX(-50%) rotate(360deg)
    }
}

@media screen and (max-width: 992px) {
    .letter {
        min-height: 700px;
        height: auto;
        margin-top: 20px
    }

    .letter-bg {
        width: 120%
    }

    .letter-wrapper {
        height: auto
    }

    .letter-form-block {
        max-width: 90%;
        width: 100%
    }

    .letter-form-back-bottom, .letter-form__front {
        width: 100%;
        bottom: -100px;
        height: 400px
    }

    .letter-form-back-bottom {
        bottom: -80px
    }

    .letter-form-back-top {
        width: 95%;
        height: 200px;
        top: auto;
        bottom: 300px
    }

    .letter-form-block {
        padding: 14px 30px 200px;
        max-width: 310px;
        border-radius: 10px;
        top: 0
    }

    .letter-form-block__title {
        font-size: 16px;
        margin-bottom: 10px
    }

    .letter-form-block__text {
        font-size: 12px;
        margin-bottom: 20px
    }

    .letter-form-block__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }

    .letter-form-block__label {
        width: 100%
    }

    .letter-form-block__input {
        font-size: 12px;
        padding: 6px 0
    }

    .letter-form-block__file {
        margin: 10px 0;
        gap: 6px;
        font-size: 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .letter-form-block__file::before {
        width: 10px;
        height: 10px
    }

    .letter-form-block__acceptance {
        gap: 6px;
        font-size: 8px
    }

    .letter-form-block__acceptance input {
        width: 18px;
        height: 18px;
        border-radius: 2px
    }

    .letter-form-block__acceptance input::before {
        background-size: 9px
    }

    .letter-form-block__acceptance br {
        display: none
    }

    .letter-form-logo {
        width: 190px;
        bottom: 40px
    }

    .letter-form-btn {
        max-width: 180px;
        bottom: 260px
    }
}

select.letter-form-block__input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0
}

@media screen and (max-width: 440px) {
    .letter-form__front {
        bottom: -50px
    }

    .letter-form-back-bottom {
        bottom: -35px
    }

    .letter-form-back-top {
        bottom: 350px
    }
}

.comitet-members {
    padding: 15rem 0 9.2rem
}

.comitet-members__title {
    margin-bottom: 5.3rem
}

.comitet-members-slider .slick-list {
    margin: 0 -1rem
}

.comitet-members-slider .slick-dots {
    margin-top: 5.3rem
}

.comitet-members-slider__item {
    margin: 0 1rem
}

.comitet-members-item {
    background-image: url(../img/comitet-member-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.comitet-members-item-top {
    padding: 6.4rem 4rem 7.7rem;
    height: 62rem
}

.comitet-members-item__top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.2rem
}

.comitet-members-item__image {
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    overflow: hidden
}

.comitet-members-item__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.comitet-members-item__title {
    font-size: 3.5rem;
    font-weight: 600
}

.comitet-members-item__text {
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .7)
}

.comitet-members-item__descr {
    font-size: 2.1rem;
    margin-top: 6.8rem;
    margin-bottom: 3.9rem;
    color: rgba(0, 0, 0, .7)
}

.comitet-members-item__logo {
    max-width: 15.4rem;
    height: 8rem
}

.comitet-members-item__logo img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.comitet-members-item-bottom {
    padding: 6.4rem 4rem 6.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.5rem;
    position: relative
}

.comitet-members-item-bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    max-width: 76rem;
    border-top: .3rem dashed #e4e4e4
}

.comitet-members-item__btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.comitet-members-item__social .social-item {
    background-color: #005d62;
    width: 6.8rem;
    height: 6.8rem
}

.comitet-members-item__social .social-item svg {
    height: 2.8rem;
    max-width: 3.9rem
}

.comitet-members-item__social .social-item path {
    fill: #fff
}

@media screen and (max-width: 992px) {
    .comitet-members {
        padding: 40px 0 20px
    }

    .comitet-members__title {
        margin-bottom: 12px
    }

    .comitet-members-slider .slick-list {
        margin: 0 -10px
    }

    .comitet-members-slider .slick-dots {
        margin-top: 20px
    }

    .comitet-members-slider__item {
        margin: 0 10px
    }

    .comitet-members-item {
        overflow: hidden;
        min-height: 340px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        background-image: url(../img/comitet-member-bg-mob.png)
    }

    .comitet-members-item::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 258px;
        height: 258px;
        background-image: url(../img/circle.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transform: translate(40%, -12%);
        -ms-transform: translate(40%, -12%);
        transform: translate(40%, -12%)
    }

    .comitet-members-item-top {
        padding: 20px 16px;
        height: auto
    }

    .comitet-members-item__top-info {
        gap: 15px
    }

    .comitet-members-item__image {
        width: 46px;
        height: 46px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .comitet-members-item__title {
        font-size: 16px;
        margin-bottom: 2px
    }

    .comitet-members-item__text {
        font-size: 12px
    }

    .comitet-members-item__descr {
        font-size: 12px;
        margin: 22px 0 18px
    }

    .comitet-members-item__logo {
        max-width: 105px;
        height: 50px
    }

    .comitet-members-item-bottom {
        padding: 15px 0;
        gap: 0;
        position: relative
    }

    .comitet-members-item-bottom::before {
        max-width: 100%;
        border-top: 2px dashed #e4e4e4
    }

    .comitet-members-item__social {
        gap: 7px;
        margin-top: 10px
    }

    .comitet-members-item__social .social-item {
        width: 40px;
        height: 40px
    }

    .comitet-members-item__social .social-item svg {
        height: 18px;
        max-width: 22px
    }

    .comitet-members-item__btn {
        max-width: 240px;
        margin: 0 auto
    }
}

.comitet-org {
    padding: 9.2rem 0;
    overflow: hidden
}

.comitet-org-wrapper {
    display: grid;
    grid-template-columns:108rem 64rem;
    gap: 2rem
}

.comitet-org-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.comitet-org-item--has-decor {
    overflow: hidden;
    z-index: 1
}

.comitet-org-item--has-decor::before {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 61.8rem;
    height: 60rem;
    -webkit-transform: translate(45%, -32%);
    -ms-transform: translate(45%, -32%);
    transform: translate(45%, -32%);
    background-image: url(../img/circle-dark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.comitet-org-item--big {
    background-image: url(../img/comitet-org-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 66rem
}

.comitet-org-item--big .comitet-org-item__text {
    max-width: 62rem
}

.comitet-org-item--big .comitet-org-item__btn {
    max-width: 52.6rem;
    margin-top: 6.6rem
}

.comitet-org-item.vekshina .comitet-org-item__inner {
    width: 40rem;
    padding-right: 0
}

.comitet-org-item.vekshina .comitet-org-item__image {
    right: 0;
    width: 66rem
}

.comitet-org__title {
    margin-bottom: 15rem;
    max-width: 58.5rem
}

.comitet-org-item__inner {
    padding: 4rem 5.6rem 6rem;
    border-radius: 2.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.comitet-org-item__inner.w-67 {
    width: 67rem
}

.comitet-org-item__title {
    font-size: 3.5rem;
    margin-bottom: 3.2rem;
    font-weight: 600;
    color: #fff
}

.comitet-org-item__title--small {
    font-size: 2.1rem
}

.comitet-org-item__text {
    font-size: 2.1rem;
    color: rgba(255, 255, 255, .7)
}

.comitet-org-item__btn {
    border-radius: 2rem
}

.comitet-org-item__image {
    position: absolute;
    bottom: 0;
    right: 3rem;
    width: 35rem
}

.comitet-org-item__inner--dark {
    background-color: #005d62;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.comitet-org-item__descr {
    position: absolute;
    bottom: 0;
    right: 3rem;
    width: 35rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding: 6rem 0 6.6rem
}

.comitet-org-item__descr-image {
    width: 32rem;
    height: 32rem;
    border-radius: 50%;
    position: absolute;
    top: 5rem;
    right: 3rem
}

.comitet-org-item__descr-text {
    font-size: 2.1rem;
    color: rgba(255, 255, 255, .7)
}

.comitet-org-item__descr-top {
    color: #fff;
    font-weight: 600;
    font-size: 2.1rem
}

.comitet-org-bottom {
    display: grid;
    grid-template-columns:75rem 97rem;
    gap: 2rem;
    margin-top: 2rem
}

.comitet-org-bottom-item {
    background-color: #005d62;
    border-radius: 2.6rem;
    padding: 5rem 6rem 6rem;
    position: relative
}

.comitet-org-bottom-item:last-child {
    background-color: #1c3b40
}

.comitet-org-bottom-item:last-child .comitet-org-item__text {
    max-width: 50rem
}

.comitet-org-bottom-item .comitet-org-item__title {
    margin-bottom: 1.6rem
}

.comitet-org-bottom-item--big {
    height: 42rem
}

.comitet-org-bottom-item--big .comitet-org-bottom__image {
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto;
    max-width: 65%
}

.comitet-org-bottom__btn {
    margin-top: 6.6rem;
    max-width: 42rem;
    border-radius: 2rem
}

.comitet-org-bottom__image {
    position: absolute;
    bottom: 0;
    right: 5rem;
    width: 38rem
}

@media screen and (max-width: 992px) {
    .comitet-org {
        padding: 20px 0
    }

    .comitet-org-wrapper {
        grid-template-columns:auto;
        gap: 10px
    }

    .comitet-org-item--big {
        background-image: url(../img/comitet-org-bg-mob.png);
        min-height: 320px
    }

    .comitet-org-item--big .comitet-org-item__inner {
        max-width: 60%
    }

    .comitet-org-item--big .comitet-org-item__title {
        margin-right: -30%
    }

    .comitet-org-item--big .comitet-org-item__title br {
        display: none
    }

    .comitet-org-item--big .comitet-org-item__btn {
        max-width: 220px;
        width: 100%;
        margin: 20px 0 40px
    }

    .comitet-org__title {
        margin-bottom: 13px;
        max-width: 200px
    }

    .comitet-org-item__inner {
        padding: 30px 15px 15px;
        border-radius: 10px
    }

    .comitet-org-item__inner :last-child {
        margin: 0
    }

    .comitet-org-item__inner.w-67 {
        width: 100%;
        max-width: 100%;
        padding-top: 0
    }

    .comitet-org-item__inner.w-67 .comitet-org-item__title {
        margin-right: 0
    }

    .comitet-org-item__title {
        font-size: 16px;
        margin-bottom: 10px
    }

    .comitet-org-item__title br {
        display: none
    }

    .comitet-org-item__text {
        font-size: 12px;
        margin-bottom: 20px
    }

    .comitet-org-item__image {
        right: -30px;
        width: 190px
    }

    .comitet-org-item__btn {
        max-width: 244px;
        margin: 20px auto 0 0;
        background: rgba(255, 255, 255, .2);
        color: #fff;
        border-radius: 10px;
        border: 2px solid #fff
    }

    .comitet-org-item::before {
        top: auto;
        bottom: 0;
        right: 0;
        width: 224px;
        height: 218px;
        -webkit-transform: translate(45%, 45%);
        -ms-transform: translate(45%, 45%);
        transform: translate(45%, 45%)
    }

    .comitet-org-item__descr {
        position: static;
        gap: 10px;
        max-width: 45%;
        padding: 30px 15px 15px;
        width: 100%;
        height: auto;
        max-width: 100%
    }

    .comitet-org-item__descr-image {
        width: 46px;
        height: 46px;
        position: static
    }

    .comitet-org-item__descr-top {
        position: absolute;
        top: 15px;
        right: 15px;
        max-width: 140px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 8px;
        font-size: 10px
    }

    .comitet-org-item__descr-text {
        font-size: 10px
    }

    .comitet-org-bottom {
        grid-template-columns:auto;
        gap: 10px;
        margin-top: 10px
    }

    .comitet-org-bottom-item {
        border-radius: 10px;
        padding: 16px 15px
    }

    .comitet-org-bottom-item:last-child {
        background-color: #1c3b40;
        position: relative
    }

    .comitet-org-bottom-item:last-child .comitet-org-item__text {
        max-width: 50rem
    }

    .comitet-org-bottom-item .comitet-org-item__title {
        margin-bottom: 1.6rem
    }

    .comitet-org-bottom__btn {
        max-width: 244px;
        margin: 20px auto 0 0;
        background: rgba(255, 255, 255, .2);
        color: #fff;
        border-radius: 10px;
        border: 2px solid #fff
    }

    .comitet-org-bottom__image {
        position: static;
        width: 276px;
        margin: 20px auto -15px
    }

    .comitet-org-bottom-item--big {
        height: 200px
    }

    .comitet-org-bottom-item--big .comitet-org-bottom__image {
        position: absolute;
        margin: 0;
        -o-object-position: bottom;
        object-position: bottom;
        max-height: 80%;
        top: auto
    }

    .comitet-org-item.vekshina .comitet-org-item__inner {
        position: relative;
        z-index: 2
    }

    .comitet-org-item.vekshina .comitet-org-item__image {
        width: 80%;
        right: -15%;
        height: 100%
    }

    .comitet-org-item.vekshina .comitet-org-item__image img {
        height: 100%;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: bottom;
        object-position: bottom
    }

    .comitet-org-item--big .comitet-org-item__text {
        max-width: 100%
    }
}

.popup-list {
    padding: 9.2rem 0
}

.popup-list-item {
    margin-bottom: 2rem
}

.popup-list-item__link {
    font-size: 5rem;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6.6rem 11.6rem;
    border-radius: 2.6rem;
    background-color: #fff
}

.popup-list-item__link p {
    -webkit-transition: .3s;
    transition: .3s
}

.popup-list-item__icon {
    width: 8rem;
    height: 8rem
}

.popup-list-item__title {
    margin-bottom: 6.2rem;
    line-height: 1.1
}

.popup-list-item__popup {
    display: none;
    background-color: #f9f9f9;
    font-size: 2.1rem;
    width: 100%;
    max-width: 100%
}

.popup-list-item__popup-block {
    background-color: #fff;
    border-radius: 2.6rem;
    padding: 3.5rem 3.4rem 5.8rem;
    margin-top: 2rem
}

.popup-list-item__popup-block .steps-wrapper {
    margin-top: 2rem
}

.popup-list-item__popup-block-title {
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 3.8rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.popup-list-item__popup-block-title .notice {
    -webkit-transform: translate(100%, -40%);
    -ms-transform: translate(100%, -40%);
    transform: translate(100%, -40%)
}

.popup-list-item__popup-block-title .notice p {
    font-size: 2.1rem;
    font-weight: 400;
    max-width: 30rem
}

.popup-list-item__popup-block-text {
    margin-top: 4rem
}

.popup-list-item__popup-block-text strong {
    font-weight: 600
}

.popup-list-item__popup-block-text ol, .popup-list-item__popup-block-text p, .popup-list-item__popup-block-text ul {
    margin-bottom: 1em
}

.popup-list-item__popup-block-text .text-green {
    font-weight: 600
}

.popup-list-item__popup-grid {
    border-radius: 2.6rem;
    background-color: #fff;
    overflow: hidden;
    text-align: center
}

.popup-list-item__popup-grid-item {
    min-height: 8.7rem;
    border: 1px solid #f6f6f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-list-item__popup-grid .small {
    font-size: 1.2rem;
    color: #00a48a
}

.popup-list-item__popup-grid .medium {
    font-size: 1.8rem
}

.popup-list-item__popup-link {
    text-align: center;
    color: #fff;
    background-color: #1cab98;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    padding: 1.1rem;
    gap: 1.8rem;
    -webkit-transition: .3s;
    transition: .3s
}

.popup-list-item__popup-link svg {
    width: 1rem
}

@media (hover: hover) {
    .popup-list-item__link:hover {
        color: #1cab98
    }

    .popup-list-item__popup-link:hover {
        background-color: #005d62
    }

    #calendar .event-day:hover {
        -webkit-box-shadow: 0 0 10px #00a48a;
        box-shadow: 0 0 10px #00a48a
    }
}

@media screen and (max-width: 992px) {
    .popup-list {
        padding: 20px 0
    }

    .popup-list-item {
        margin-bottom: 10px
    }

    .popup-list-item__link {
        font-size: 16px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
        border-radius: 0;
        background-color: rgba(0, 0, 0, 0);
        gap: 10px
    }

    .popup-list-item__link p {
        padding: 12px 15px;
        border-radius: 10px;
        background-color: #fff;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .popup-list-item__icon {
        width: 61px;
        height: auto;
        padding: 15px 27px;
        background: -webkit-gradient(linear, left top, left bottom, from(var(--deg)), color-stop(0, #7bcdbf), color-stop(61%, #00a48a), to(#005d62));
        background: linear-gradient(var(--deg), #7bcdbf 0, #00a48a 61%, #005d62 100%);
        border: none;
        border-radius: 8px
    }

    .popup-list-item__icon svg {
        width: 7px;
        height: 13px
    }

    .popup-list-item__title {
        margin-bottom: 15px
    }

    .popup-list-item__popup {
        font-size: 12px;
        padding: 40px 10px
    }

    .popup-list-item__popup-block {
        background-color: #fff;
        border-radius: 10px;
        padding: 26px 15px 30px;
        margin-top: 10px
    }

    .popup-list-item__popup-block .steps-wrapper {
        margin-top: 10px
    }

    .popup-list-item__popup-block .steps-wrapper::before {
        height: 100%;
        margin-top: 6px
    }

    .popup-list-item__popup-block .steps-item {
        padding-left: 15px;
        font-weight: 700
    }

    .popup-list-item__popup-block .steps-item::before {
        -webkit-transform: translateX(-3px);
        -ms-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    .popup-list-item__popup-block-title {
        font-size: 16px;
        margin-bottom: 20px
    }

    .popup-list-item__popup-block-title .notice {
        -webkit-transform: translate(120%, -50%);
        -ms-transform: translate(120%, -50%);
        transform: translate(120%, -50%)
    }

    .popup-list-item__popup-block-title .notice p {
        font-size: 12px;
        max-width: 300px
    }

    .popup-list-item__popup-block-text {
        margin-top: 20px
    }

    .popup-list-item__popup-grid {
        margin-top: 10px;
        border-radius: 10px
    }

    .popup-list-item__popup-grid-item {
        min-height: 34px
    }

    .popup-list-item__popup-grid .small {
        font-size: 8px
    }

    .popup-list-item__popup-link {
        padding: 8px;
        gap: 10px;
        font-size: 10px
    }

    .popup-list-item__popup-link svg {
        width: 6px
    }
}

.calendar {
    padding-bottom: 9.2rem
}

.calendar-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5rem
}

.calendar__btn {
    max-width: 42rem;
    width: 100%
}

.calendar-wrapper {
    gap: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.calendar-left {
    width: 42rem
}

.calendar-left .info-calendar {
    border: none;
    background-color: #fff
}

.calendar-left .info-calendar-date {
    border: none;
    background-color: #fff;
    margin-top: 2.6rem
}

.calendar-left .info-calendar-date__day {
    border: none;
    padding: 2rem;
    width: 9rem;
    min-height: 10.5rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.calendar-left .info-calendar-date__day p {
    font-size: 4rem
}

.calendar-left .info-calendar-date__day span {
    font-size: 1.2rem;
    margin-top: 1rem
}

.calendar-left .info-calendar-date__text {
    padding: 1.4rem 0
}

.calendar-right {
    width: 130rem
}

.calendar-right * {
    overflow: visible !important
}

.calendar-event-types {
    margin-top: 7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.4rem
}

.calendar-event-types__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.1rem;
    gap: 1.4rem
}

.calendar-event-types__item span {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%
}

.calendar-event-types__item span.green {
    background-color: #00a48a
}

.calendar-event-types__item span.dark-green {
    background-color: #1c3b40
}

.calendar-event-block {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 10;
    overflow: auto
}

#calendar {
    min-height: 98rem;
    font-size: 1rem;
    background-color: #fff;
    border-radius: 2.6rem;
    overflow: hidden
}

#calendar .fc-daygrid-day-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1.5rem;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 1.2rem
}

#calendar .fc-daygrid-day-top.active {
    opacity: 0
}

#calendar td, #calendar th {
    border: 1px solid #f6f6f6
}

#calendar .fc-col-header td, #calendar .fc-col-header th {
    border: none;
    padding: 1.5rem;
    font-size: 1.2rem
}

#calendar .fc-day-other {
    background-color: #f9f9f9
}

#calendar .fc-scrollgrid-section-header {
    font-weight: 400
}

#calendar .fc-daygrid-day {
    position: relative
}

#calendar .fc-daygrid-day:has(.event-day) {
    color: #fff
}

#calendar .fc-daygrid-day-events, #calendar .fc-daygrid-event-harness, #calendar .fc-event-main {
    position: static
}

#calendar .fc-event {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #00a48a;
    border-radius: 2.6rem;
    padding: 5rem 1.5rem 2rem;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#calendar .fc-event.online {
    background-color: #00a48a
}

#calendar .fc-event.offline {
    background-color: #005d62
}

#calendar .fc-event.active {
    z-index: 5;
    width: 200%;
    height: 200%;
    left: -100%
}

#calendar .fc-event .event-title, #calendar .fc-event .event-total {
    font-size: 1.2rem;
    margin-bottom: .9rem;
    font-weight: 600
}

#calendar .fc-event .event-total {
    margin: auto 0 0
}

#calendar .fc-event .event-time-start {
    font-size: 1rem;
    position: absolute;
    top: 1.5rem;
    right: 1.4rem;
    z-index: 1
}

#calendar .fc-event-main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#calendar .fc-daygrid-event {
    white-space: wrap
}

#calendar .fc-daygrid-day-number {
    padding: 0
}

#calendar .fc-scrollgrid-sync-table td {
    height: 19rem
}

#calendar .event-day {
    margin: 0;
    cursor: pointer
}

.event-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 2.6rem;
    padding: 1.5rem 1.6rem 2rem;
    width: 35rem;
    color: #fff;
    margin-bottom: 2.3rem
}

.event-content.offline {
    background-color: #00a48a
}

.event-content.online {
    background-color: #005d62
}

.event-content-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 1.5rem;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 2.1rem
}

.event-content__title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: .6rem;
    -webkit-transition: .3s;
    transition: .3s
}

.event-content__place {
    font-size: 1.2rem;
    font-weight: 600
}

.event-content__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.2rem;
    border-radius: 1.4rem;
    border-width: 1px;
    padding: 1.5rem 2.9rem
}

.event-content__description {
    display: block;
    font-size: 1.2rem
}

.event-content-bottom {
    margin-top: 2.6rem;
    gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 992px) {
    .calendar {
        padding-bottom: 20px
    }

    .calendar-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .calendar__btn {
        max-width: 370px;
        margin: 38px auto 0;
        width: 100%
    }

    .calendar-wrapper {
        display: block
    }

    .calendar-left {
        width: 100%
    }

    .calendar-event-types, .calendar-left .info-calendar-date, .calendar-right {
        display: none
    }

    .calendar-event-block {
        position: static;
        margin-top: 12px;
        border-radius: 10px;
        color: #fff;
        padding: 14px
    }

    .event-content {
        font-weight: 500;
        width: 100%;
        padding: 14px 14px 22px
    }

    .event-content-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 23px;
        font-size: 14px
    }

    .event-content__description {
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 13px
    }

    .event-content__title {
        margin-bottom: 7px;
        font-size: 14px
    }

    .event-content__place {
        margin-bottom: 35px;
        font-size: 12px;
        -ms-flex-item-align: start;
        align-self: start
    }

    .event-content__btn {
        max-width: 180px;
        background-color: rgba(255, 255, 255, .2);
        color: #fff;
        border: 2px solid #fff;
        margin: 0 auto;
        font-size: 12px;
        padding: 12px 22px
    }

    .event-content-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.circle {
    padding: 7.2rem 0;
    margin-bottom: 7.2rem;
    overflow: hidden
}

.circle--white {
    background-color: #fff;
    margin-bottom: 0
}

.circle__title {
    text-align: center;
    font-size: 5rem;
    font-weight: 600;
    margin-bottom: 10rem
}

.circle__logo {
    margin: 0 auto 2.4rem;
    width: 26.6rem
}

.circle__logo img {
    width: 100%
}

.circle__text {
    text-align: center;
    font-size: 3.5rem;
    font-weight: 600;
    max-width: 140rem;
    margin: 0 auto 9rem;
    color: #1c3c41
}

.circle-wrapper {
    position: relative
}

.circle__item {
    position: absolute;
    bottom: var(--y);
    left: var(--x);
    font-size: 2.1rem;
    padding-bottom: 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 36rem;
    font-weight: 600;
    z-index: 2
}

.circle__item::before {
    content: "";
    position: absolute;
    top: 100%;
    width: 31rem;
    height: 5.7rem;
    background-size: contain;
    background-repeat: no-repeat
}

.circle__item.left {
    text-align: right
}

.circle__item.left::before {
    right: -7rem;
    background-image: url(../img/bottom-line-left.svg)
}

.circle__item.right::before {
    left: -7rem;
    background-image: url(../img/bottom-line-right.svg)
}

.circle__item.center {
    text-align: center;
    max-width: 76rem !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.circle__item.center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../img/bottom-line-center.svg);
    background-position: center
}

.circle__item.inside {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    font-size: 1.8rem;
    width: 37rem !important
}

.circle__item-text-green {
    color: #00a48a
}

.circle-items-clear .circle__item {
    max-width: 47.2rem;
    width: 100%
}

.circle-items-clear .circle__item.bottom {
    max-width: 33.8rem
}

.circle__item-text-small {
    font-weight: 400;
    color: rgba(0, 0, 0, .7);
    margin-top: .7rem
}

.circle__item-text-small--medium {
    font-size: 1.6rem
}

.circle__item-text-small--extra {
    font-size: 1.2rem
}

.circle__item-num {
    color: #00a48a;
    font-size: 3.5rem;
    margin-bottom: .8rem;
    line-height: 1
}

.circle__item-num .big {
    font-size: 8rem
}

.circle-block {
    position: relative;
    margin: 26rem auto -65rem;
    height: 114rem;
    width: 114rem;
    overflow: hidden;
    z-index: -1
}

.circle-block img {
    aspect-ratio: 1
}

.circle-block img:nth-child(1) {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 67.3rem;
    animation: 20s linear infinite reverse rotate-2
}

.circle-block img:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 83rem;
    -webkit-animation: 15s linear infinite rotate-2;
    animation: 15s linear infinite rotate-2
}

.circle-block img:nth-child(3) {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    animation: 30s linear infinite reverse rotate-2;
    width: 98.5rem
}

.circle-block img:nth-child(4) {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: 40s linear infinite rotate-2;
    animation: 40s linear infinite rotate-2
}

.circle-block span {
    position: absolute;
    left: 50%;
    bottom: 55%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 37rem;
    color: #00a48a;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    z-index: 10
}

@-webkit-keyframes rotate-2 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0);
        -webkit-transform-origin: center;
        transform-origin: center
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

@keyframes rotate-2 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0);
        -webkit-transform-origin: center;
        transform-origin: center
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

@media screen and (max-width: 992px) {
    .circle {
        padding: 20px 0;
        margin-bottom: 20px
    }

    .circle__title {
        font-size: 25px;
        margin-bottom: 37px
    }

    .circle__item {
        position: relative;
        bottom: auto;
        left: auto;
        font-size: 12px;
        padding-bottom: 7px;
        max-width: 100%;
        width: 100%;
        text-align: center !important;
        margin-bottom: 8px
    }

    .circle__item::before {
        content: "";
        position: absolute;
        top: 100%;
        width: 385px;
        height: 14px;
        background-size: 100%;
        background-repeat: no-repeat
    }

    .circle__item:nth-child(odd)::before {
        background-image: url(../img/bottom-line-left-mob.svg);
        right: auto;
        left: -15px
    }

    .circle__item:nth-child(even)::before {
        background-image: url(../img/bottom-line-right-mob.svg);
        left: auto;
        right: -15px
    }

    .circle-block {
        height: 75rem;
        width: 75rem;
        margin-top: 6rem;
        margin-bottom: -45rem;
        z-index: -1;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .circle-block img {
        aspect-ratio: 1
    }

    .circle-block img:nth-child(1) {
        width: 55%
    }

    .circle-block img:nth-child(2) {
        width: 70%
    }

    .circle-block img:nth-child(3) {
        width: 85%
    }

    .circle-items-grid {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        gap: 24px
    }

    .circle-items-grid .circle__item:first-child {
        grid-column: 1/3
    }

    .circle-items-grid .circle__item {
        margin: 0;
        padding: 0
    }

    .circle-items-grid .circle__item::before {
        display: none
    }

    .circle-items-grid .circle__item-num, .circle-items-grid .circle__item-num .big {
        font-size: 35px
    }

    .circle-items-clear .circle__item {
        margin: 0 0 20px;
        padding: 0;
        max-width: 100% !important;
        width: 100% !important;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        font-size: 12px
    }

    .circle-items-clear .circle__item::before {
        display: none
    }

    .circle__logo {
        margin: 0 auto 12px;
        width: 135px
    }

    .circle__text {
        font-size: 16px;
        max-width: 100%;
        margin: 0 auto 26px
    }

    .circle__item-text-small--extra {
        font-size: 12px
    }

    .circle__item-text-green {
        color: rgba(0, 0, 0, .7);
        font-weight: 400
    }
}

@media screen and (max-width: 576px) {
    .circle-block {
        height: 100rem;
        width: 100rem;
        margin-bottom: -55rem
    }
}

.reviews {
    padding: 9.2rem 0;
    overflow: hidden
}

.reviews-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 6.2rem
}

.reviews__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reviews__title span {
    display: block;
    font-weight: 500;
    font-size: 2.1rem
}

.reviews-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

.reviews-nav__item {
    padding: 2.6rem 8.1rem;
    font-size: 2.1rem;
    font-weight: 600;
    border-radius: 2.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: inset 0 0 0 .3rem #00a48a;
    box-shadow: inset 0 0 0 .3rem #00a48a;
    color: #00a48a;
    -webkit-transition: .3s;
    transition: .3s
}

.reviews-nav__item.active {
    --deg: 48deg;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--deg)), color-stop(0, #7bcdbf), color-stop(61%, #00a48a), to(#005d62));
    background: linear-gradient(var(--deg), #7bcdbf 0, #00a48a 61%, #005d62 100%);
    color: #fff
}

.reviews-block {
    display: none
}

.reviews-block.active {
    display: block
}

.reviews-text-slider .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.reviews-text-slider .slick-list {
    margin: 0 -1rem;
    overflow: visible
}

.reviews-text-slider .slick-dots {
    margin-top: 5rem
}

.reviews-text-slider__item {
    height: auto !important;
    margin: 0 1rem
}

.reviews-text-item {
    padding: 4.3rem 4.1rem 4rem;
    border-radius: 2.6rem;
    background-color: #fff;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.reviews-text-item__top {
    position: relative;
    margin-bottom: 3rem
}

.reviews-text-item__title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 3.1rem
}

.reviews-text-item__subtitle {
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .4);
    font-family: "Plus Jakarta Sans", sans-serif
}

.reviews-text-item__stars {
    position: absolute;
    top: 0;
    right: 0;
    width: 14.4rem
}

.reviews-text-item__stars img {
    width: 14.4rem;
    max-width: none
}

.reviews-text-item__stars .front {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(20% * var(--rating));
    z-index: 1;
    overflow: hidden
}

.reviews-text-item__content {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 2.1rem;
    margin-bottom: 4rem
}

.reviews-text-item__date {
    color: rgba(0, 0, 0, .4);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 2.1rem;
    margin-top: auto
}

.reviews-video-slider .slick-list {
    margin: 0 -1rem
}

.reviews-video-slider .slick-dots {
    margin-top: 5rem
}

.reviews-video-slider__item {
    margin: 0 1rem
}

.reviews-video__item {
    width: 100%;
    border-radius: 2.6rem;
    background-color: #d9d9d9;
    overflow: hidden
}

.reviews-video__item video {
    aspect-ratio: 9/16;
    width: 100%;
    height: 100%
}

.reviews__btn {
    max-width: 42rem;
    margin: 7.8rem auto 0
}

@media screen and (max-width: 992px) {
    .reviews {
        padding: 20px 0
    }

    .reviews-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 13px;
        gap: 13px
    }

    .reviews__title span {
        font-size: 12px
    }

    .reviews-nav {
        gap: 10px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .reviews-nav__item {
        padding: 13px;
        font-size: 12px;
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 0 2px #00a48a;
        box-shadow: inset 0 0 0 2px #00a48a;
        max-width: 180px;
        width: 100%
    }

    .reviews-text-slider .slick-list {
        margin: 0 -10px
    }

    .reviews-text-slider .slick-dots {
        margin-top: 20px
    }

    .reviews-text-slider__item {
        margin: 0 10px
    }

    .reviews-text-item {
        padding: 18px 17px;
        border-radius: 11px
    }

    .reviews-text-item__top {
        margin-bottom: 12px
    }

    .reviews-text-item__title {
        font-size: 14px
    }

    .reviews-text-item__subtitle {
        font-size: 12px
    }

    .reviews-text-item__stars, .reviews-text-item__stars img {
        width: 61px
    }

    .reviews-text-item__content {
        font-size: 12px;
        margin-bottom: 22px
    }

    .reviews-text-item__date {
        font-size: 12px
    }

    .reviews-video-slider .slick-list {
        margin: 0 -10px
    }

    .reviews-video-slider .slick-dots {
        margin-top: 20px
    }

    .reviews-video-slider__item {
        margin: 0 10px
    }

    .reviews-video__item {
        border-radius: 10px
    }

    .reviews__btn {
        max-width: 180px;
        width: 100%;
        margin: 23px auto 0
    }
}

.error-404-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.error-404-left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.error-404__title {
    font-size: 7rem;
    font-weight: 600;
    margin-bottom: 3rem
}

.error-404__text {
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .7);
    margin-bottom: 7rem
}

.error-404__btn {
    max-width: 31rem
}

.error-404-right {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.error-404-right img {
    width: 86rem
}

@media screen and (max-width: 992px) {
    .error-404 {
        padding-top: 60px;
        padding-bottom: 30px
    }

    .error-404-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .error-404-left {
        text-align: center
    }

    .error-404__title {
        font-size: 35px;
        margin-bottom: 12px
    }

    .error-404__text {
        font-size: 12px;
        margin-bottom: 20px
    }

    .error-404__btn {
        max-width: 180px;
        margin: 0 auto
    }

    .error-404-right {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .error-404-right img {
        width: 120%;
        max-width: none
    }
}

.tarif {
    padding: 9.2rem 0
}

.tarif-slider .slick-list {
    margin: 0 -1rem
}

.tarif-slider .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.tarif-slider .slick-dots {
    display: none
}

.tarif-slider__item {
    margin: 0 1rem;
    height: auto !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.tarif__title {
    margin-bottom: 6.8rem
}

.tarif-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 6.4rem
}

.tarif-item::before {
    content: "";
    position: absolute;
    top: -10rem;
    right: -23rem;
    z-index: -1;
    width: 61.8rem;
    height: 60rem;
    background-image: url(../img/circle.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.tarif-item-top {
    padding: 4.6rem 4rem 5rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: url(../img/tarif-top-bg.png);
    background-size: 100% 100%;
    background-position: top center
}

.tarif-item__title {
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 5.8rem
}

.tarif-item-list {
    padding-right: 3rem !important;
    font-weight: 600;
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .7);
    position: relative
}

.tarif-item-list::before {
    content: "";
    position: absolute;
    top: -2.3rem;
    left: -.1rem;
    width: .3rem;
    height: 100%;
    background-color: #1cab98
}

.tarif-item-list li {
    color: rgba(0, 0, 0, .7);
    padding-left: 3.5rem;
    position: relative
}

.tarif-item-list li:not(:last-child) {
    margin-bottom: 1em
}

.tarif-item-list li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #1cab98;
    width: 1.6rem;
    height: 1.6rem;
    -webkit-transform: translate(-.8rem, .4rem);
    -ms-transform: translate(-.8rem, .4rem);
    transform: translate(-.8rem, .4rem)
}

.tarif-item-list li small {
    display: block;
    font-size: 1.2rem;
    color: #00a48a
}

.tarif-item-list span {
    color: #00a48a;
    font-size: 1.2rem;
    font-weight: 400;
    display: block
}

.tarif-item__price {
    margin-top: auto;
    font-size: 8rem;
    font-weight: 700;
    position: relative
}

.tarif-item__price span {
    position: absolute;
    font-size: 2.1rem;
    background-color: #1cab98;
    color: #fff;
    border-radius: 2.9rem;
    padding: .9rem 1.5rem;
    line-height: 1;
    top: -1.2rem;
    left: -1rem;
    rotate: -3.75deg;
    font-weight: 400
}

.tarif-item-bottom {
    padding: 3.3rem 0;
    position: relative;
    background-image: url(../img/tarif-bottom-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom center
}

.tarif-item-bottom-text {
    position: absolute;
    bottom: .5rem;
    z-index: 2;
    left: 0;
    background-color: #005d62;
    padding: 1.5rem 0;
    color: #fff;
    font-size: 2.7rem;
    text-align: center;
    font-weight: 600;
    width: calc(200% + 2rem);
    border-radius: 0 0 3.9rem 3.9rem
}

.tarif-item__btn {
    max-width: 53rem;
    margin: 0 auto
}

@media screen and (max-width: 992px) {
    .tarif {
        padding: 20px 0
    }

    .tarif-slider .slick-list {
        margin: 0 -5px
    }

    .tarif-slider .slick-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px
    }

    .tarif-slider__item {
        margin: 0 5px
    }

    .tarif__title {
        margin-bottom: 23px
    }

    .tarif-item {
        margin-bottom: 37px
    }

    .tarif-item::before {
        top: -40px;
        right: -100px;
        width: 265px;
        height: 258px
    }

    .tarif-item-top {
        padding: 20px 16px
    }

    .tarif-item__title {
        font-size: 16px;
        margin-bottom: 23px
    }

    .tarif-item-list {
        padding-left: 10px;
        font-size: 10px;
        padding-right: 0 !important
    }

    .tarif-item-list::before {
        top: -14px;
        width: 2px;
        left: -.5px
    }

    .tarif-item-list span {
        font-size: 10px
    }

    .tarif-item-list li {
        padding-left: 20px
    }

    .tarif-item-list li::before {
        width: 8px;
        height: 8px;
        -webkit-transform: translate(-3.5px, 2px);
        -ms-transform: translate(-3.5px, 2px);
        transform: translate(-3.5px, 2px)
    }

    .tarif-item-list li small {
        font-size: 10px
    }

    .tarif-item__price {
        font-size: 26px
    }

    .tarif-item__price span {
        font-size: 9px;
        border-radius: 12px;
        padding: 4px 6px;
        top: -10px;
        left: -5px
    }

    .tarif-item-bottom {
        padding: 14px 0
    }

    .tarif-item-bottom::before {
        border-top: 2px dashed #e4e4e4
    }

    .tarif-item-bottom-text {
        min-height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        font-size: 10px;
        border-radius: 0 0 10px 10px;
        padding: 5px
    }

    .tarif-item__btn {
        max-width: 230px
    }
}

.bottom-banner {
    padding: 12.7rem 0 18.3rem
}

.bottom-banner-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bottom-banner__left {
    width: 99rem
}

.bottom-banner__title {
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 4.8rem;
    color: #1c3c41
}

.bottom-banner__btn {
    max-width: 38.5rem;
    margin-bottom: 17rem
}

.bottom-banner-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-banner-gallery__item {
    width: 17.7rem;
    height: 17.7rem;
    border-radius: 50%;
    overflow: hidden;
    border: .3rem solid #fff
}

.bottom-banner-gallery__item img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

.bottom-banner-gallery__item:not(:first-child) {
    margin-left: -5rem;
    position: relative;
    z-index: 2
}

.bottom-banner__right {
    width: 64rem
}

.bottom-banner-card {
    background-image: url(../img/bottom-card-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-origin: center;
    font-size: 2.1rem;
    position: relative;
    overflow: hidden
}

.bottom-banner-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 61.8rem;
    height: 60rem;
    background-image: url(../img/circle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.bottom-banner-card-top {
    padding: 4.6rem 4rem 5.6rem
}

.bottom-banner-card__title {
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 1.6rem
}

.bottom-banner-card__text {
    color: rgba(0, 0, 0, .7);
    margin-bottom: 6.2rem
}

.bottom-banner-card__descr p {
    margin-bottom: 3.9rem
}

.bottom-banner-card__descr p:last-child {
    margin: 0
}

.bottom-banner-card-bottom {
    padding: 6.3rem 5.5rem;
    position: relative
}

.bottom-banner-card-bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 85%;
    border-top: .3rem dashed #e4e4e4
}

@media (hover: hover) {
    .bottom-banner-gallery__item:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media screen and (max-width: 992px) {
    .bottom-banner {
        padding: 20px 0 40px
    }

    .bottom-banner-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 44px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-banner__left {
        width: 100%
    }

    .bottom-banner__title {
        font-size: 16px;
        margin-bottom: 20px;
        color: #005d62
    }

    .bottom-banner__btn {
        max-width: 245px;
        margin-bottom: 26px
    }

    .bottom-banner-gallery__item {
        width: 76px;
        height: 76px;
        border: 2px solid #fff
    }

    .bottom-banner-gallery__item:not(:first-child) {
        margin-left: -20px;
        position: relative;
        z-index: 2
    }

    .bottom-banner__right {
        width: 100%;
        max-width: 370px
    }

    .bottom-banner-card {
        font-size: 12px;
        background-image: url(../img/bottom-card-bg-mob.png)
    }

    .bottom-banner-card::before {
        width: 265px;
        height: 258px;
        -webkit-transform: translate(40%, -15%);
        -ms-transform: translate(40%, -15%);
        transform: translate(40%, -15%)
    }

    .bottom-banner-card-top {
        padding: 16px 14px 50px;
        min-height: 240px
    }

    .bottom-banner-card__title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px
    }

    .bottom-banner-card__descr p, .bottom-banner-card__text {
        margin-bottom: 10px
    }

    .bottom-banner-card-bottom {
        padding: 14px;
        position: relative
    }

    .bottom-banner-card-bottom::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 85%;
        border-top: .3rem dashed #e4e4e4
    }

    .bottom-banner-card__btn {
        max-width: 245px;
        margin: auto
    }
}

.single-news-top__image {
    border-radius: 2.6rem;
    width: 100%;
    max-height: 70.4rem;
    overflow: hidden
}

.single-news-top__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.single-news-top__info {
    position: relative;
    z-index: 2;
    margin-bottom: 7rem
}

.single-news-top__title {
    font-size: 5rem;
    font-weight: 600;
    margin-bottom: 4rem;
    text-transform: uppercase
}

.single-news-top-person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.2rem
}

.single-news-top-person__image {
    width: 13rem;
    height: 13rem;
    overflow: hidden;
    border-radius: 50%
}

.single-news-top-person__title {
    font-size: 3.5rem;
    margin-bottom: 1.6rem;
    font-weight: 600
}

.single-news-top-person__descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    color: #1cab98;
    font-size: 2.1rem
}

.single-news-top-person__descr p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.single-news-top-person__descr p img, .single-news-top-person__descr p svg {
    width: 2.1rem;
    height: 2.1rem
}

@media screen and (max-width: 992px) {
    .single-news-top__image {
        border-radius: 10px;
        max-height: 350px
    }

    .single-news-top__info {
        margin-bottom: 30px;
        margin-top: 30px
    }

    .single-news-top__title {
        font-size: 16px;
        margin-bottom: 14px
    }

    .single-news-top-person {
        gap: 10px
    }

    .single-news-top-person__image {
        width: 46px;
        height: 46px
    }

    .single-news-top-person__title {
        font-size: 12px;
        margin-bottom: 5px
    }

    .single-news-top-person__descr {
        gap: 2rem;
        color: #1cab98;
        font-size: 10px
    }

    .single-news-top-person__descr p {
        gap: 2px
    }

    .single-news-top-person__descr p img, .single-news-top-person__descr p svg {
        width: 11.25px;
        height: 11.25px
    }
}

.reestr-image {
    width: 64rem
}

.reestr-info {
    width: 79rem
}

.reestr__title {
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 1.6rem
}

.reestr-info__text {
    font-size: 2.1rem;
    font-weight: 600;
    margin-bottom: 7.3rem
}

.reestr-info__text li, .reestr-info__text ol, .reestr-info__text p, .reestr-info__text ul {
    margin-bottom: 1em
}

.reestr-info__text a {
    color: #03a4ec;
    text-decoration: underline
}

.reestr-info__btn {
    max-width: 64rem;
    margin-bottom: 2rem
}

.reestr-content {
    max-width: 140rem;
    font-size: 3.1rem;
    margin-top: 7.7rem
}

.reestr-content ol, .reestr-content p, .reestr-content ul {
    margin-bottom: 1em
}

.reestr-content strong {
    font-size: 3.5rem;
    font-weight: 600
}

@media screen and (max-width: 992px) {
    .reestr-image {
        max-width: 370px;
        margin: 0 auto 33px
    }

    .reestr-info {
        width: 100%
    }

    .reestr__title {
        font-size: 35px;
        margin-bottom: 17px
    }

    .reestr-info__text {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 36px
    }

    .reestr-info__btn {
        max-width: 100%;
        max-width: 370px;
        margin: 0 auto 10px
    }

    .reestr-content {
        max-width: 140rem;
        font-size: 16px;
        margin-top: 40px
    }

    .reestr-content strong {
        font-size: 16px
    }
}

.search-popup {
    max-width: 100%;
    width: 100%;
    min-height: 100vh;
    padding: 18rem 0 0;
    background-color: #f9f9f9;
    display: none
}

.search-popup-logo {
    width: 21.8rem;
    margin: 0 auto 6.4rem
}

.search-popup-logo img {
    width: 100%
}

.search-popup .search-form {
    width: 108rem;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 2.6rem;
    border: none
}

.search-popup .search-form-result, .search-popup .search-form-result-item {
    font-size: 2.1rem
}

@media (hover: hover) {
    .search-popup-result-item:hover {
        background-color: #f6f6f6
    }

    .popup .social-item:hover {
        background-color: #00a48a
    }

    .popup-contacts-info a:hover {
        color: #1cab98
    }
}

@media screen and (max-width: 992px) {
    .search-popup {
        padding: 35px 10px
    }

    .search-popup-logo {
        display: none
    }

    .search-popup-logo img {
        width: 100%
    }

    .search-popup .search-form {
        border: 2px solid #504d50;
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        border-radius: 18px
    }

    .search-popup .search-form-result {
        font-size: 12px
    }
}

.popup {
    display: none;
    max-width: 75rem;
    border-radius: 2.6rem;
    padding: 6.2rem 6.7rem;
    background-color: #f5f6f8
}

.popup-title {
    text-align: center;
    font-size: 3.5rem;
    font-weight: 600
}

.popup-subtitle {
    font-size: 2.1rem;
    font-weight: 500;
    text-align: center
}

.popup-text {
    text-align: center;
    font-size: 2.1rem;
    font-weight: 500;
    margin-bottom: .8rem
}

.popup-form {
    margin-top: 6rem
}

.popup-contacts-info {
    text-align: center;
    font-size: 2.5rem;
    margin-top: 6rem
}

.popup-contacts-info span {
    color: rgba(0, 0, 0, .5)
}

.popup-contacts-address {
    font-size: 2.5rem;
    text-align: center;
    margin-top: 7.6rem
}

.popup-contacts-social {
    margin-top: 6rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-contacts-social .social-item {
    background-color: #316067
}

.popup-contacts-social .social-item path {
    fill: #fff
}

#subscribe {
    padding: 0
}

@media screen and (max-width: 992px) {
    .popup {
        max-width: 370px;
        border-radius: 10px;
        padding: 43px 10px 38px
    }

    .popup-title {
        font-size: 16px;
        font-weight: 500
    }

    .popup-text {
        font-size: 12px
    }

    .popup-form {
        margin-top: 16px
    }

    .popup-subtitle {
        font-size: 14px;
        margin-bottom: 6px
    }
}

.quiz .doc-link {
    display: none
}

.quiz .doc-link.active {
    display: block
}

.quiz-popup {
    padding: 2.8rem 5.7rem 3.2rem
}

.quiz-title {
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 4.7rem
}

.quiz-text {
    color: #1cab98;
    font-size: 1.8rem;
    text-align: center;
    margin: -3rem auto 2.3rem;
    font-weight: 300
}

.quiz-form {
    font-size: 2.1rem
}

.quiz .pagination {
    text-align: center;
    font-weight: 600;
    font-size: 2.1rem;
    margin-bottom: 1.3rem;
    padding: 0
}

.quiz .step {
    display: none
}

.quiz .step.active {
    display: block
}

.quiz__btn img {
    width: 1.1rem
}

.quiz .prev {
    width: 8rem;
    height: 8rem;
    margin-right: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.quiz .prev img {
    rotate: 180deg
}

.quiz .next {
    margin-left: auto;
    width: 8rem;
    height: 8rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.quiz .submit {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 8rem
}

.quiz-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4.4rem;
    gap: 2rem
}

.quiz-bottom-text {
    color: #1cab98;
    text-align: center;
    font-weight: 300;
    font-size: 1.8rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.quiz-bottom-text a {
    font-weight: 500;
    color: #005d62;
    text-decoration: underline;
    margin-top: 1em;
    display: inline-block
}

.quiz-bottom-text.red {
    max-width: 50%;
    text-align: left
}

.file-name {
    display: none;
    word-break: break-word
}

.upload-status {
    display: none
}

.upload-status.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 2.6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.upload-status .file-name {
    display: block;
    font-size: 2.1rem
}

.upload-status .file-icon {
    width: 4.8rem;
    height: 6.3rem;
    -o-object-fit: contain;
    object-fit: contain
}

.upload-status .file-info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.upload-status .file-size {
    font-size: 1.4rem;
    margin-top: .7rem;
    margin-bottom: 1rem;
    display: block
}

.upload-status .progress-bar {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    background-color: #f3f3f3;
    height: .6rem;
    border-radius: .6rem;
    overflow: hidden
}

.upload-status .progress {
    background-color: #005d62;
    display: block;
    height: 100%
}

.upload-status .upload-percent {
    font-weight: 500;
    font-size: 1.4rem;
    margin-left: 1rem
}

.upload-status .upload-clear {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 1.3rem;
    height: 1.3rem
}

.send-email-notice {
    color: red;
    font-weight: 500
}

.file-label {
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .8);
    line-height: 1.2
}

.file-label small {
    font-size: 1.2rem;
    font-weight: 300
}

@media screen and (max-width: 992px) {
    .quiz-popup {
        max-width: 500px;
        padding: 20px 30px
    }

    .quiz-title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 30px
    }

    .quiz-text {
        font-size: 12px;
        width: 100%;
        margin-bottom: 20px
    }

    .quiz-form {
        font-size: 16px
    }

    .quiz .pagination {
        font-size: 16px;
        margin-bottom: 15px;
        padding-top: 0
    }

    .quiz .next, .quiz .prev {
        width: 40px;
        height: 40px
    }

    .quiz .submit {
        height: 40px
    }

    .quiz-bottom {
        margin-top: 30px;
        gap: 10px
    }

    .quiz-bottom-text {
        font-size: 10px
    }

    .quiz__btn {
        background: -webkit-gradient(linear, left top, left bottom, from(var(--deg)), color-stop(0, #7bcdbf), color-stop(61%, #00a48a), to(#005d62));
        background: linear-gradient(var(--deg), #7bcdbf 0, #00a48a 61%, #005d62 100%);
        height: 40px;
        border: none;
        color: #fff
    }

    .quiz__btn img {
        width: 8px
    }

    .quiz .upload-status.active {
        gap: 10px
    }

    .quiz .upload-status .file-name {
        font-size: 12px
    }

    .quiz .upload-status .file-icon {
        width: 30px;
        height: 30px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .quiz .upload-status .file-info {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .quiz .upload-status .file-size {
        font-size: 14px;
        margin-top: 7px;
        margin-bottom: 10px
    }

    .quiz .upload-status .progress-bar {
        height: 3px;
        border-radius: 3px
    }

    .quiz .upload-status .upload-percent {
        font-size: 12px;
        margin-left: 10px
    }

    .file-label {
        font-size: 16px
    }

    .file-label small {
        font-size: 10px
    }
}

.story-popup {
    padding: 0
}

.story-popup .fancybox-button svg {
    background-color: #ababab;
    border-radius: 4px
}

.story-item-slider {
    width: 60rem
}

.story-item-slider .slick-dots {
    position: absolute;
    top: 2rem;
    left: 5rem;
    right: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .5rem
}

.story-item-slider .slick-dots li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: .4rem;
    background-color: #ababab
}

.story-item-slider .slick-dots li button {
    height: 100%;
    width: 0;
    border: none;
    border-radius: 0
}

.story-item-slider .slick-dots .slick-active button {
    background-color: #fff;
    -webkit-animation: 6s linear forwards lineAnim;
    animation: 6s linear forwards lineAnim
}

.story-item-slider .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.story-item-slider__item {
    height: auto !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.story-item-slider__item iframe, .story-item-slider__item img, .story-item-slider__item video {
    height: 100%;
    aspect-ratio: 9/16;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

@-webkit-keyframes lineAnim {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes lineAnim {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

.big-quiz-popup {
    max-width: 130rem;
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    padding: 0;
    max-height: 86rem
}

.big-quiz-popup .quiz {
    background-color: #f5f6f8;
    padding: 2.8rem 6.5rem 4.3rem
}

.big-quiz-popup .quiz .pagination {
    padding: 0;
    margin-bottom: 1.3rem
}

.big-quiz-popup .quiz-title {
    margin-bottom: 4rem
}

.big-quiz-popup .form__file {
    height: 7.2rem;
    padding: 1.4rem
}

.big-quiz-popup-info {
    padding: 4.6rem 7.7rem 4.6rem 4rem;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .7)
}

.big-quiz-popup-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 63.7rem;
    height: 63.7rem;
    background-image: url(../img/circle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(-45%, -45%);
    -ms-transform: translate(-45%, -45%);
    transform: translate(-45%, -45%)
}

.big-quiz-popup-info__title {
    margin-top: auto;
    font-size: 3.5rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 1em
}

.big-quiz-popup-info__contacts {
    margin-bottom: 10.5rem
}

@media screen and (max-width: 992px) {
    .big-quiz-popup {
        max-width: 130rem;
        background-color: #fff;
        overflow: hidden;
        width: 100%;
        padding: 0;
        max-height: none
    }

    .big-quiz-popup .quiz {
        background-color: #f5f6f8;
        padding: 20px 30px
    }

    .big-quiz-popup-info {
        padding: 20px 30px;
        font-size: 12px
    }

    .big-quiz-popup-info::before {
        width: 265px;
        height: 265px
    }

    .big-quiz-popup-info__title {
        font-size: 16px
    }

    .big-quiz-popup-info__contacts {
        margin-bottom: 50px
    }
}

.cookie-popup {
    position: fixed;
    bottom: 3rem;
    right: 9rem;
    padding: 5.4rem 6.2rem 3.4rem;
    border-radius: 2.6rem;
    -webkit-box-shadow: 0 .4rem 4rem rgba(0, 0, 0, .1);
    box-shadow: 0 .4rem 4rem rgba(0, 0, 0, .1);
    font-size: 2.1rem;
    display: none;
    text-align: center;
    width: 58.6rem;
    background-color: #fff;
    z-index: 1000
}

.cookie-popup-text {
    margin-bottom: 2.7rem
}

.cookie-popup-text a {
    text-decoration: underline;
    color: #4b8ecc
}

.cookie-popup__btn {
    max-width: 39rem;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width: 992px) {
    .cookie-popup {
        position: fixed;
        bottom: 20px;
        right: 20px;
        padding: 30px;
        border-radius: 10px;
        -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, .1);
        box-shadow: 0 4px 40px rgba(0, 0, 0, .1);
        font-size: 14px;
        width: 100%;
        max-width: 440px
    }

    .cookie-popup-text {
        margin-bottom: 20px
    }

    .cookie-popup__btn {
        max-width: 100%
    }
}

@media screen and (max-width: 440px) {
    .cookie-popup {
        width: auto;
        max-width: 100%;
        left: 20px
    }
}

.speaker-popup {
    width: 100%;
    max-width: 152rem;
    padding: 0;
    border-radius: 2.6rem;
    background-color: #f5f6f8;
    overflow-x: hidden
}

.speaker-popup__image {
    height: 100%
}

.speaker-popup__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2.6rem
}

.speaker-popup-info {
    padding: 4.6rem 6rem
}

.speaker-popup__date {
    font-weight: 600;
    font-size: 3.5rem;
    color: #00a48a
}

.speaker-popup__time {
    font-weight: 600;
    font-size: 2.5rem;
    text-transform: uppercase;
    margin-bottom: 8rem
}

.speaker-popup-content {
    font-size: 1.7rem;
    font-weight: 400
}

.speaker-popup-content__item {
    margin-bottom: 12px;
}

.speaker-popup-content__title {
    margin-bottom: 10px!important;
}

.speaker-popup-content ol, .speaker-popup-content p, .speaker-popup-content ul {
    margin-bottom: 1em
}

.speaker-popup-content ol, .speaker-popup-content ul {
    padding-left: 1.2em
}

.speaker-popup-content :last-child {
    margin: 0
}

.speaker-popup__name {
    font-size: 3.5rem;
    font-weight: 600;
    color: #00a48a;
    margin-bottom: 5rem
}

@media screen and (max-width: 992px) {
    .speaker-popup {
        border-radius: 10px;
        max-width: 90%
    }

    .speaker-popup__image img {
        border-radius: 10px
    }

    .speaker-popup-info {
        padding: 20px
    }

    .speaker-popup__date {
        font-size: 16px
    }

    .speaker-popup__time {
        font-size: 14px;
        margin-bottom: 40px
    }

    .speaker-popup-content {
        font-size: 12px
    }

    .speaker-popup__name {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.about-hero {
    background-color: #fff;
    padding-bottom: 13.8rem
}

.about-hero-image {
    background-image: url(../img/about-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-hero-image img {
    margin-top: -2rem;
    width: 61rem
}

.about-hero-info {
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0 auto
}

.about-hero-info ol, .about-hero-info p, .about-hero-info ul {
    margin-bottom: 1em
}

.about-hero-info ol span, .about-hero-info p span, .about-hero-info ul span {
    color: #1cab98
}

.about-hero-info :last-child {
    margin: 0
}

.about-hero-info--small {
    width: 64rem
}

.about-hero-info__title {
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 4rem
}

.about-hero-graphic {
    height: 59rem;
    position: relative;
    font-size: 1.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 64rem;
    margin-top: 10rem
}

.about-hero-graphic-info {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.8rem
}

.about-hero-graphic-info p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3rem;
    color: #00a48a;
    font-weight: 600
}

.about-hero-graphic-info p span {
    display: block;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 50%
}

.about-hero-graphic-info p .dark-green {
    background-color: #005d62
}

.about-hero-graphic-info p .light-green {
    background-color: #00a48a
}

.about-hero-graphic-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2rem;
    width: 100%;
    height: 100%
}

.about-hero-graphic-item {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 1rem;
    text-align: center;
    font-weight: 600
}

.about-hero-grapgic-item-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    color: #fff;
    border-radius: 2.6rem;
    overflow: hidden
}

.about-hero-graphic-item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00a48a;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.about-hero-graphic-item__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #005d62;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.about-hero-graphic-item__date {
    color: #00a48a
}

@media screen and (max-width: 992px) {
    .about-hero {
        padding-bottom: 65px
    }

    .about-hero-image {
        background-position: bottom center;
        margin-top: 40px;
        background-size: 100% 100%
    }

    .about-hero-image img {
        margin-top: -40px;
        width: 80%
    }

    .about-hero-info {
        font-size: 12px
    }

    .about-hero-info--small {
        width: 100%
    }

    .about-hero-info__title {
        font-size: 16px;
        margin-bottom: 5px
    }

    .about-hero-graphic {
        max-width: 370px;
        width: 100%;
        height: 340px;
        font-size: 12px;
        margin-top: 0;
        padding-top: 50px
    }

    .about-hero-graphic-info {
        gap: 10px
    }

    .about-hero-graphic-info p {
        gap: 16px
    }

    .about-hero-graphic-info p span {
        width: 16px;
        height: 16px
    }

    .about-hero-graphic-items {
        gap: 10px
    }

    .about-hero-graphic-item {
        gap: 6px
    }

    .about-hero-grapgic-item-col {
        border-radius: 10px
    }
}

.about-text-block {
    padding: 12.5rem 0
}

.about-text-block__inner {
    width: 68rem;
    font-size: 2.5rem;
    font-weight: 600
}

.about-text-block__inner ol, .about-text-block__inner p, .about-text-block__inner ul {
    margin-bottom: 1em
}

.about-text-block__inner span {
    color: #1cab98
}

.about-text-block__inner:last-child {
    margin: 0
}

.about-text-block__inner small {
    font-size: 2.1rem
}

.about-text-block__title {
    font-size: 5rem;
    font-weight: 700;
    margin-bottom: 4rem
}

.about-text-block__image {
    display: block;
    width: 75rem;
    height: 75rem;
    margin-left: auto;
    overflow: hidden;
    border-radius: 2.6rem
}

.about-text-block__image img {
    width: 100%;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover
}

.about-text-block--small {
    background-color: #fff
}

.about-text-block--small .about-text-block__inner {
    font-size: 1.6rem;
    width: 64rem
}

.about-text-block--small .about-text-block__image {
    height: auto;
    width: 86rem;
    margin: 0
}

.about-text-block--small .about-text-block__image img {
    aspect-ratio: auto
}

@media screen and (max-width: 992px) {
    .about-text-block {
        padding: 20px 0
    }

    .about-text-block__inner {
        width: 100%;
        font-size: 12px
    }

    .about-text-block__inner small {
        font-size: 12px
    }

    .about-text-block__title {
        font-size: 16px;
        margin-bottom: 5px
    }

    .about-text-block__image {
        width: 100%;
        height: auto;
        border-radius: 10px
    }

    .about-text-block--small .about-text-block__inner {
        font-size: 12px;
        width: 100%
    }

    .about-text-block--small .about-text-block__image {
        width: 100%
    }
}

.committee {
    padding-bottom: 4.5rem;
    background-color: #fff
}

.committee-item {
    background-color: #f9f9f9;
    border-radius: 2.6rem;
    padding: 4.4rem 3.8rem 5.6rem;
    font-size: 1.6rem;
    height: 100%
}

.committee-item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3rem;
    font-size: 2.1rem;
    margin-bottom: 2.7rem
}

.committee-item__icon {
    background-color: #476064;
    width: 9rem;
    height: 9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.committee-item__icon img, .committee-item__icon svg {
    width: 4.5rem;
    height: 4.5rem;
    -o-object-fit: contain;
    object-fit: contain
}

.committee-item__title {
    font-weight: 600
}

.committee-item__name {
    color: #00a48a;
    font-weight: 600;
    font-size: 3.5rem
}

.committee-item__position {
    color: rgba(0, 0, 0, .7);
    margin-bottom: 3.3rem
}

.committee-item__descr {
    color: rgba(0, 0, 0, .7)
}

.committee-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 5rem;
    font-weight: 600;
    background-color: #005d62;
    border-radius: 2.6rem;
    margin-top: 9rem;
    padding: 6.2rem 10rem;
    color: #fff
}

.committee__btn {
    width: 38.3rem
}

@media screen and (max-width: 992px) {
    .committee {
        padding-bottom: 20px
    }

    .committee-item {
        border-radius: 10px;
        padding: 25px 29px;
        font-size: 12px
    }

    .committee-item__top {
        gap: 20px;
        font-size: 12px;
        margin-bottom: 19px
    }

    .committee-item__icon {
        width: 58px;
        height: 58px
    }

    .committee-item__icon img, .committee-item__icon svg {
        width: 29px;
        height: 29px
    }

    .committee-item__name {
        font-size: 21px
    }

    .committee-item__position {
        margin-bottom: 20px
    }

    .committee-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 24px;
        border-radius: 10px;
        margin-top: 40px;
        padding: 17px 14px;
        color: #fff;
        gap: 24px
    }

    .committee__btn {
        width: 100%;
        max-width: 340px;
        background: -webkit-gradient(linear, left top, left bottom, from(var(--deg)), color-stop(0, #7bcdbf), to(#00a48a));
        background: linear-gradient(var(--deg), #7bcdbf 0, #00a48a 100%);
        color: #fff
    }
}

.pagination {
    padding: 5rem 0 3rem
}

.pagination-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem
}

.pagination-item {
    font-size: 2.1rem;
    font-weight: 600;
    width: 4rem;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 1rem;
    -webkit-transition: .3s;
    transition: .3s
}

.pagination-item.next img, .pagination-item.next svg, .pagination-item.prev img, .pagination-item.prev svg {
    width: 2rem;
    height: 2rem;
    -o-object-fit: contain;
    object-fit: contain
}

.pagination-item.next img path, .pagination-item.next svg path, .pagination-item.prev img path, .pagination-item.prev svg path {
    stroke: #000;
    -webkit-transition: .3s;
    transition: .3s
}

.pagination-item.prev img, .pagination-item.prev svg {
    rotate: 180deg
}

.pagination-item.active {
    text-decoration: underline;
}

@media (hover: hover) {
    .big-quiz-popup-info a:hover {
        text-decoration: underline
    }

    .pagination-item:hover {
        background-color: #1cab98;
        color: #fff
    }

    .pagination-item:hover path {
        stroke: #fff !important
    }
}

@media screen and (max-width: 992px) {
    .pagination {
        padding: 30px 0 10px
    }

    .pagination-list {
        gap: 8px
    }

    .pagination-item {
        font-size: 14px;
        width: 20px;
        height: 20px;
        border-radius: 4px
    }

    .pagination-item.next img, .pagination-item.next svg, .pagination-item.prev img, .pagination-item.prev svg {
        width: 15px;
        height: 15px
    }
}

.text-block {
    padding: 10.6rem 0
}

.text-block-content h2 {
    font-size: 3.1rem;
    font-weight: 700;
    margin-bottom: 1.5rem
}

.text-block-content ol, .text-block-content p, .text-block-content ul {
    font-size: 2.1rem;
    margin-bottom: 1em
}

.text-block-image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 992px) {
    .text-block {
        padding: 60px 0
    }

    .text-block-content h2 {
        font-size: 16px;
        margin-bottom: 1em
    }

    .text-block-content ol, .text-block-content p, .text-block-content ul {
        font-size: 16px
    }
}

.quiz-banner {
    padding: 9.2rem 0
}

.quiz-banner-wrapper {
    overflow: hidden;
    border-radius: 2.6rem;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1cab98), to(#2b2826));
    background: linear-gradient(0, #1cab98 0, #2b2826 100%);
    padding: .3rem;
    height: 100%
}

.quiz-banner-inner {
    background-color: #fff;
    border-radius: 2.5rem;
    overflow: hidden
}

.quiz-banner-info {
    padding: 4.7rem 44rem 4.7rem 3.2rem;
    height: 100%;
    position: relative
}

.quiz-banner-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 63.7rem;
    height: 63.7rem;
    background-image: url(../img/circle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translate(-45%, -45%);
    -ms-transform: translate(-45%, -45%);
    transform: translate(-45%, -45%)
}

.quiz-banner__title {
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 1em
}

.quiz-banner__text {
    font-size: 2.1rem;
    margin-bottom: 7.3rem
}

.quiz-banner__text a {
    text-decoration: underline
}

.quiz-banner__btn {
    width: 24.5rem
}

.quiz-banner img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 79.5rem
}

@media screen and (max-width: 992px) {
    .quiz-banner {
        padding: 20px 0
    }

    .quiz-banner-wrapper {
        border-radius: 10px;
        padding: 3px;
        height: 100%
    }

    .quiz-banner-inner {
        border-radius: 10px
    }

    .quiz-banner-info {
        padding: 20px;
        min-height: 200px
    }

    .quiz-banner-info::before {
        width: 265px;
        height: 265px
    }

    .quiz-banner__title {
        font-size: 16px
    }

    .quiz-banner__text {
        font-size: 12px;
        margin-bottom: 40px
    }

    .quiz-banner__btn {
        width: 240px
    }

    .quiz-banner-image img {
        height: auto
    }
}

.text-reviews {
    padding: 9.2rem 0
}

.text-reviews__title {
    margin-bottom: 7rem
}

.text-reviews-item {
    border-radius: 2.6rem;
    background-color: #fff;
    padding: 4.4rem 3.8rem 4rem;
    color: rgba(0, 0, 0, .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.text-reviews-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3rem;
    margin-bottom: 2.8rem
}

.text-reviews-item__image img, .text-reviews-item__image span {
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.text-reviews-item__image span {
    text-align: center;
    font-size: 5.5rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5);
    background-color: #476064;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.text-reviews-item__name {
    font-size: 2.1rem;
    font-weight: 600
}

.text-reviews-item-content {
    font-size: 1.6rem;
    margin-bottom: 9rem
}

.text-reviews-item__date {
    margin-top: auto;
    color: rgba(0, 0, 0, .2);
    font-size: 1.6rem
}

.text-reviews__btn {
    margin-top: 7.7rem;
    width: 44rem
}

@media screen and (max-width: 992px) {
    .text-reviews {
        padding: 30px 0
    }

    .text-reviews__title {
        margin-bottom: 40px
    }

    .text-reviews-item {
        border-radius: 10px;
        padding: 22px
    }

    .text-reviews-item-top {
        gap: 10px;
        margin-bottom: 24px
    }

    .text-reviews-item__image img, .text-reviews-item__image span {
        width: 50px;
        height: 50px
    }

    .text-reviews-item__image span {
        font-size: 35px
    }

    .text-reviews-item__name {
        font-size: 18px
    }

    .text-reviews-item-content {
        font-size: 12px;
        margin-bottom: 40px
    }

    .text-reviews-item__date {
        font-size: 12px
    }

    .text-reviews__btn {
        margin-top: 40px;
        width: 240px
    }
}

.charity {
    padding: 9.4rem 0
}

.charity-wrapper {
    background-color: #005d62;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10.3rem 0;
    text-align: center;
    color: #fff;
    gap: 4rem;
    border-radius: 2.6rem;
    position: relative;
    overflow: hidden
}

.charity-wrapper::after, .charity-wrapper::before {
    content: "";
    position: absolute;
    width: 45rem;
    height: 39rem;
    background-image: url(../img/circle-light.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.charity-wrapper::before {
    top: 0;
    left: 0;
    -webkit-transform: translate(-40%, -40%);
    -ms-transform: translate(-40%, -40%);
    transform: translate(-40%, -40%)
}

.charity-wrapper::after {
    bottom: 0;
    right: 0;
    -webkit-transform: translate(40%, 40%) rotate(180deg);
    -ms-transform: translate(40%, 40%) rotate(180deg);
    transform: translate(40%, 40%) rotate(180deg)
}

.charity__title {
    font-size: 5rem;
    text-transform: uppercase;
    font-weight: 700
}

.charity__text {
    font-size: 2.5rem;
    font-weight: 600;
    max-width: 113.9rem
}

.charity-buttons {
    margin-top: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

.charity__btn {
    width: 38.5rem
}

@media screen and (max-width: 992px) {
    .charity {
        padding: 30px 0
    }

    .charity-wrapper {
        padding: 40px 20px;
        gap: 20px;
        border-radius: 10px
    }

    .charity-wrapper::after, .charity-wrapper::before {
        width: 250px;
        height: 200px
    }

    .charity__title {
        font-size: 16px
    }

    .charity__text {
        font-size: 12px;
        max-width: 100%
    }

    .charity-buttons {
        margin-top: 20px;
        gap: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .charity__btn {
        width: 240px
    }
}

.realty {
    padding: 7.7rem 0 9.3rem;
    background-color: #fff
}

.realty-banner {
    background-color: #1cab98;
    border-radius: 2.6rem;
    padding: 7rem 11rem 7.8rem;
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.realty-banner::before {
    content: "";
    position: absolute;
    width: 67.2rem;
    height: 67.2rem;
    background-image: url(../img/circle-light.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    top: 0;
    right: 0;
    -webkit-transform: translate(40%, -50%) rotate(90deg);
    -ms-transform: translate(40%, -50%) rotate(90deg);
    transform: translate(40%, -50%) rotate(90deg)
}

.realty-banner__title {
    color: #fff;
    font-size: 5rem;
    font-weight: 700
}

.realty-banner__text {
    color: rgba(255, 255, 255, .8);
    font-weight: 600;
    font-size: 4rem;
    max-width: 106.8rem
}

.realty-card {
    padding: 6.6rem 3.8rem 7.7rem;
    background-color: #f9f9f9;
    border-radius: 2.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.realty-card__title {
    font-size: 2.5rem;
    font-weight: 600;
    color: #1cab98;
    margin-bottom: 2.3rem
}

.realty-card__text {
    font-size: 1.6rem;
    color: rgba(0, 0, 0, .7);
    margin-bottom: 4.7rem
}

.realty-card__btn {
    margin-top: auto;
    width: 35.5rem
}

@media screen and (max-width: 992px) {
    .realty {
        padding: 30px 0
    }

    .realty-banner {
        border-radius: 10px;
        padding: 40px 20px;
        margin-bottom: 20px
    }

    .realty-banner::before {
        width: 250px;
        height: 250px
    }

    .realty-banner__title {
        font-size: 35px;
        line-height: 1
    }

    .realty-banner__text {
        font-size: 16px
    }

    .realty-card {
        padding: 20px;
        border-radius: 10px
    }

    .realty-card__title {
        font-size: 16px;
        margin-bottom: 20px
    }

    .realty-card__text {
        font-size: 12px;
        margin-bottom: 40px
    }

    .realty-card__btn {
        margin-top: auto;
        width: 100%;
        max-width: 240px
    }
}

.ruk {
    background-color: #fff
}

.ruk-item {
    padding: 3.4rem 3.8rem 6.3rem;
    border-radius: 2.6rem;
    background-color: #f9f9f9;
    height: 100%
}

.ruk-item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.7rem;
    margin-bottom: 4.2rem
}

.ruk-item-top__image {
    width: 17.3rem;
    height: 17.3rem;
    border-radius: 50%;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ruk-item-top__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ruk-item-top__title {
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .7);
    font-weight: 600
}

.ruk-item__title {
    font-size: 3.5rem;
    font-weight: 600;
    color: #1cab98
}

.ruk-item__text {
    margin-top: 3.5rem;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, .7)
}

.ruk-item__subtitle {
    margin-top: 1.1rem;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, .7)
}

@media screen and (max-width: 992px) {
    .ruk-item {
        padding: 30px 20px;
        border-radius: 10px
    }

    .ruk-item-top {
        gap: 10px;
        margin-bottom: 30px
    }

    .ruk-item-top__image {
        width: 80px;
        height: 80px
    }

    .ruk-item-top__title {
        font-size: 14px
    }

    .ruk-item__title {
        font-size: 16px
    }

    .ruk-item__text {
        margin-top: 20px;
        font-size: 12px
    }

    .ruk-item__subtitle {
        margin-top: 10px;
        font-size: 12px
    }
}

.soviet {
    padding: 9.2rem 0;
    background-color: #fff
}

.soviet__title {
    margin-bottom: 6.2rem
}

.soviet-item {
    border-radius: 2.6rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#2b2826), to(#1cab98));
    background: linear-gradient(180deg, #2b2826 0, #1cab98 100%);
    padding: .3rem;
    height: 100%
}

.soviet-item__inner {
    border-radius: 2.6rem;
    background-color: #fff;
    overflow: hidden;
    padding: 3.7rem 4.2rem 8.5rem;
    min-height: 52.5rem;
    height: 100%
}

.soviet-item__image {
    width: 17.3rem;
    height: 17.3rem;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 4.6rem
}

.soviet-item__image img {
    width: 100%;
    height: 100% 4;
    -o-object-fit: cover;
    object-fit: cover
}

.soviet-item__title {
    font-size: 2.5rem;
    padding-bottom: 2.2rem;
    position: relative;
    margin-bottom: 2rem;
    font-weight: 500
}

.soviet-item__title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 4.4rem;
    height: .3rem;
    background-color: #1cab98;
    border-radius: .9rem
}

.soviet-item__text {
    font-size: 2.1rem
}

@media screen and (max-width: 992px) {
    .soviet {
        padding: 30px 0
    }

    .soviet__title {
        margin-bottom: 40px
    }

    .soviet-item {
        border-radius: 10px;
        padding: 2px
    }

    .soviet-item__inner {
        border-radius: 10px;
        padding: 40px 20px;
        min-height: 300px
    }

    .soviet-item__image {
        width: 80px;
        height: 80px;
        margin-bottom: 30px
    }

    .soviet-item__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .soviet-item__title {
        font-size: 16px;
        padding-bottom: 14px;
        margin-bottom: 16px
    }

    .soviet-item__title::before {
        width: 19px;
        height: 2px;
        border-radius: 3px
    }

    .soviet-item__text {
        font-size: 12px
    }
}

.baza {
    background-color: #fff;
    padding: 7rem 0
}

.baza-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 8rem
}

.baza-nav__item {
    font-size: 1.8rem;
    font-weight: 600;
    border: .3rem solid #00a48a;
    padding: 2.8rem 7.8rem;
    border-radius: 2rem
}

.baza-nav__item.active {
    background-color: #00a48a;
    color: #fff
}

.baza-item {
    display: none
}

.baza-item.active {
    display: block
}

.baza-item-slider {
    padding-bottom: 7.7rem
}

.baza-item-slider .slick-list {
    margin: 0 -1rem
}

.baza-item-slider .slick-slide {
    margin: 0 1rem
}

.baza-card {
    border-radius: 2.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.baza-card__thumb {
    border-radius: 2.6rem;
    display: block;
    overflow: hidden
}

.baza-card__thumb img {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    aspect-ratio: 57/38;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.baza-card-info {
    background-color: #f9f9f9;
    padding: 4rem 3.8rem;
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .7);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.baza-card__date {
    color: #00a48a;
    margin-bottom: 2.8rem
}

.baza-card__title {
    font-size: 3.5rem;
    font-weight: 500;
    margin-bottom: 2.3rem
}

.baza-card__excerpt {
    margin-bottom: 3rem
}

.baza-card__link {
    margin-top: auto;
    color: #1cab98;
    font-size: 3.5rem
}

@media screen and (max-width: 992px) {
    .baza {
        padding: 40px 0
    }

    .baza-item-slider {
        padding-bottom: 20px
    }

    .baza-item-slider .slick-dots {
        margin-top: 20px
    }

    .baza-nav {
        gap: 10px;
        margin-bottom: 23px
    }

    .baza-nav__item {
        font-size: 12px;
        font-weight: 700;
        border: 2px solid #00a48a;
        padding: 13px 11px;
        border-radius: 10px
    }

    .baza-card, .baza-card__thumb {
        border-radius: 10px
    }

    .baza-card__thumb img {
        aspect-ratio: 369/247
    }

    .baza-card-info {
        padding: 17px 16px;
        font-size: 12px
    }

    .baza-card__date {
        margin-bottom: 12px
    }

    .baza-card__title {
        font-size: 16px;
        margin-bottom: 6px
    }

    .baza-card__excerpt {
        margin-bottom: 20px
    }

    .baza-card__link {
        font-size: 16px
    }
}

.playlist {
    padding-top: 7.7rem
}

.playlist-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 7.7rem;
    overflow: auto
}

.playlist-nav__item {
    font-size: 1.8rem;
    font-weight: 600;
    border: .3rem solid #00a48a;
    padding: 2.8rem 5.4rem;
    border-radius: 2rem;
    white-space: nowrap
}

.playlist-nav__item.active {
    background-color: #00a48a;
    color: #fff
}

.playlist-item {
    display: none
}

.playlist-item.active {
    display: block
}

.playlist-video {
    display: none
}

.playlist-video.active {
    display: block
}

.playlist-video-block {
    height: 65.4rem;
    border-radius: 2.6rem;
    overflow: hidden;
    background-color: #d9d9d9
}

.playlist-video-block iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.playlist-video-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 7rem;
    margin-top: 2.6rem
}

.playlist-video__title {
    font-size: 3.5rem;
    font-weight: 500;
    color: rgba(0, 0, 0, .7)
}

.playlist-video__share {
    height: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    border: .1rem solid rgba(0, 0, 0, .2);
    padding: 1.3rem 3rem;
    font-size: 2.1rem;
    border-radius: 2.6rem;
    cursor: pointer
}

.playlist-video__share svg {
    width: 2.4rem;
    height: 2rem
}

.playlist-video-descr {
    margin-top: 2.6rem;
    padding: 2.7rem 3.2rem;
    border-radius: 2.6rem;
    background-color: #f9f9f9
}

.playlist-video-descr-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 2.3rem;
    font-size: 1.6rem
}

.playlist-video-descr__text {
    font-size: 1.6rem;
    color: rgba(0, 0, 0, .5)
}

.playlist-video-nav {
    border: .3rem solid #f9f9f9;
    border-radius: 2.6rem;
    overflow: hidden;
    height: 65.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.playlist-video-nav-top {
    padding: 2.8rem 3.7rem;
    background-color: #f9f9f9
}

.playlist-video-nav__title {
    font-size: 3.5rem;
    font-weight: 500
}

.playlist-video-nav__count {
    font-size: 1.6rem;
    color: #00a48a
}

.playlist-video-nav-items {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 3.4rem 5.2rem 5.8rem 1.7rem;
    height: 53.2rem
}

.playlist-video-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem;
    gap: 1.2rem;
    counter-increment: item;
    position: relative;
    cursor: pointer
}

.playlist-video-nav__item::before {
    content: counter(item);
    font-size: 1.6rem;
    color: rgba(0, 0, 0, .5);
    margin-right: .5rem;
    width: 2rem;
    height: 2rem
}

.playlist-video-nav__item.active::before {
    content: "";
    background-size: .9rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='9' viewBox='0 0 7 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4.5L0.25 0.602886L0.25 8.39711L7 4.5Z' fill='black' fill-opacity='0.5'/%3E%3C/svg%3E")
}

.playlist-video-nav__item-thumb {
    background-color: #b5b5b5;
    border-radius: 2.6rem;
    width: 17rem;
    height: 9.5rem;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.playlist-video-nav__item-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.playlist-video-nav__item-title {
    font-size: 1.6rem;
    margin-bottom: 1.3rem
}

.playlist-video-nav__item-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem;
    font-size: 1.2rem;
    color: rgba(0, 0, 0, .5)
}

@media screen and (max-width: 992px) {
    .playlist {
        padding-top: 38px
    }

    .playlist-nav {
        gap: 10px;
        margin-bottom: 27px;
        padding-bottom: 10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .playlist-nav__item {
        font-size: 12px;
        font-weight: 600;
        border: 2px solid #00a48a;
        padding: 12px 24px;
        border-radius: 10px
    }

    .playlist-video {
        margin-bottom: 23px
    }

    .playlist-video-block {
        height: 400px;
        border-radius: 10px
    }

    .playlist-video-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 20px;
        margin-top: 18px
    }

    .playlist-video__title {
        font-size: 16px
    }

    .playlist-video__share {
        height: 40px;
        gap: 10px;
        border: 1px solid rgba(0, 0, 0, .2);
        padding: 13px 30px;
        font-size: 12px;
        border-radius: 26px;
        cursor: pointer;
        max-width: 160px;
        margin-top: 20px
    }

    .playlist-video__share svg {
        width: 12px;
        height: 12px
    }

    .playlist-video-descr {
        margin-top: 13px;
        padding: 0;
        border-radius: 0;
        background-color: rgba(0, 0, 0, 0)
    }

    .playlist-video-descr-top {
        gap: 5px;
        margin-bottom: 20px;
        font-size: 12px
    }

    .playlist-video-descr-top__more {
        color: #00a48a;
        cursor: pointer
    }

    .playlist-video-descr__text {
        font-size: 12px;
        display: none
    }

    .playlist-video-nav {
        border: 2px solid #f9f9f9;
        border-radius: 10px;
        height: 460px
    }

    .playlist-video-nav-top {
        padding: 20px 26px
    }

    .playlist-video-nav__title {
        font-size: 16px
    }

    .playlist-video-nav__count {
        font-size: 12px
    }

    .playlist-video-nav-items {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 23px 20px 40px 12px;
        height: 310px
    }

    .playlist-video-nav__item {
        margin-bottom: 14px;
        gap: 9px
    }

    .playlist-video-nav__item::before {
        font-size: 12px;
        margin-right: 5px;
        width: 15px;
        height: 15px
    }

    .playlist-video-nav__item.active::before {
        background-size: 7px
    }

    .playlist-video-nav__item-thumb {
        border-radius: 18px;
        width: 118px;
        height: 66px
    }

    .playlist-video-nav__item-title {
        font-size: 12px;
        margin-bottom: 7px
    }

    .playlist-video-nav__item-bottom {
        gap: 5px;
        font-size: 10px
    }
}

@media screen and (max-width: 440px) {
    .playlist-video-block {
        height: 200px
    }

    .playlist-video-nav__item-thumb {
        width: 100px
    }
}

.event-card {
    padding: 9.5rem 0 8.7rem
}

.event-card-content {
    font-size: 2.1rem;
    font-weight: 600;
    color: #060606
}

.event-card-content ol, .event-card-content p, .event-card-content ul {
    margin-bottom: 1em
}

.event-card-content ol, .event-card-content ul {
    padding-left: 1.2em
}

.event-card-content ul {
    list-style: disc
}

.event-card-content ol {
    list-style: number
}

.event-card-content a {
    color: #4b8ecc
}

.event-card__title {
    margin-bottom: 1.5rem;
    font-size: 5rem
}

.event-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3rem;
    color: #00a48a;
    font-size: 2.1rem;
    font-weight: 500;
    margin-bottom: 2.6rem
}

.event-card__image img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 2.6rem
}

@media screen and (max-width: 992px) {
    .event-card {
        padding: 40px 0
    }

    .event-card-content {
        font-size: 16px
    }

    .event-card__title {
        margin-bottom: 16px;
        font-size: 35px
    }

    .event-card__info {
        font-size: 14px;
        margin-bottom: 17px;
        border-radius: 10px
    }
}

.rieltor-card-wrapper {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    margin: 0 -9rem
}

.rieltor-card-col {
    padding: 7.2rem 9rem 9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.rieltor-card-col:first-of-type {
    background-color: #f9f9f9
}

.rieltor-card__title {
    font-weight: 700;
    font-size: 5rem;
    color: #00a48a;
    margin-bottom: 3rem
}

.rieltor-card__image {
    border-radius: 2.6rem;
    overflow: hidden;
    margin-bottom: 3.4rem;
    background-color: #fff
}

.rieltor-card__image img {
    width: 100%
}

.rieltor-card__image-logo {
    padding: 40px
}

.rieltor-card__image-logo img {
    width: 100%;
    aspect-ratio: 1;
    -o-object-fit: contain;
    object-fit: contain
}

.rieltor-card-contacts {
    margin-top: auto
}

.rieltor-card-contacts__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.7rem;
    font-size: 2.1rem;
    margin-bottom: 2.7rem
}

.rieltor-card-contacts__icon {
    display: block;
    width: 2.4rem;
    height: 2.4rem
}

.rieltor-card-contacts-social {
    margin-top: 4rem
}

.rieltor-card-contacts-social .social-item {
    background-color: #213030
}

.rieltor-card-contacts-social .social-item path {
    fill: #fff
}

.rieltor-card-content {
    font-size: 2.1rem;
    margin-bottom: 2.6rem
}

.rieltor-card-content__title {
    color: rgba(0, 0, 0, .3)
}

.rieltor-card-content__text li, .rieltor-card-content__text ol, .rieltor-card-content__text p, .rieltor-card-content__text ul {
    margin-bottom: 1em
}

.rieltor-card-content__text ol, .rieltor-card-content__text ul {
    padding-left: 1.2em
}

.rieltor-card-content__read-all {
    text-decoration: underline;
    color: #00a48a;
    margin-top: 1.2em;
    cursor: pointer;
    display: block
}

.rieltor-card-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 1rem;
    margin-top: 2rem
}

.rieltor-card__tag {
    padding: 1.1rem 2.5rem;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 2.6rem
}

.rieltor-card-tags__more {
    font-weight: 600;
    background-color: #1cab98;
    border-radius: 2.6rem;
    padding: 1.1rem 2.5rem;
    color: #fff;
    cursor: pointer
}

@media (hover: hover) {
    .baza-card__thumb:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .baza-card__link:hover:before {
        width: 100%
    }

    .event-card a:hover {
        text-decoration: underline
    }

    .rieltor-card .social-item:hover {
        background-color: #fff;
        border: 1px solid #213030
    }

    .rieltor-card .social-item:hover path {
        fill: #213030
    }

    .rieltor-card-contacts__item a:hover {
        color: #1cab98
    }

    .programs-card__link:hover::before {
        width: 100%
    }

    .programs-card__title:hover {
        color: #1cab98
    }
}

@media screen and (max-width: 992px) {
    .rieltor-card {
        padding-bottom: 40px
    }

    .rieltor-card-wrapper {
        grid-template-columns:auto;
        margin: 0 -15px
    }

    .rieltor-card-col {
        padding: 40px 15px 50px
    }

    .rieltor-card-col:not(:first-of-type) {
        padding: 30px 15px 0
    }

    .rieltor-card__title {
        font-weight: 700;
        font-size: 30px;
        margin-bottom: 30px
    }

    .rieltor-card__image {
        border-radius: 10px;
        margin-bottom: 3.4rem
    }

    .rieltor-card-contacts__item {
        gap: 13px;
        font-size: 16px;
        margin: 0 0 10px
    }

    .rieltor-card-contacts__icon {
        width: 18px;
        height: 18px
    }

    .rieltor-card-contacts-social {
        margin-top: 34px
    }

    .rieltor-card-contacts-social .social-item {
        width: 40px;
        height: 40px
    }

    .rieltor-card-content {
        font-size: 16px;
        margin-bottom: 26px
    }

    .rieltor-card-tags {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 10px;
        margin-top: 20px
    }

    .rieltor-card__tag {
        padding: 11px 25px;
        border-radius: 26px
    }

    .rieltor-card-tags__more {
        border-radius: 26px;
        padding: 11px 25px
    }
}

.green-banner-wrapper {
    background-color: #00a48a;
    border-radius: 2.6rem;
    color: #fff;
    padding: 7rem 11rem 9rem;
    position: relative;
    overflow: hidden
}

.green-banner-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 67.2rem;
    height: 67.2rem;
    background-image: url(../img/circle.png);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translate(25%, -55%);
    -ms-transform: translate(25%, -55%);
    transform: translate(25%, -55%)
}

.green-banner__title {
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2rem;
    max-width: 136rem
}

.green-banner__text {
    font-size: 4rem;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 4.8rem;
    max-width: 136rem;
    color: rgba(255, 255, 255, .8)
}

.green-banner__btn {
    width: 31rem
}

@media screen and (max-width: 992px) {
    .green-banner-wrapper {
        border-radius: 10px;
        padding: 40px 20px
    }

    .green-banner-wrapper::before {
        width: 270px;
        height: 270px
    }

    .green-banner__title {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 1.1
    }

    .green-banner__text {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 40px
    }

    .green-banner__btn {
        width: 100%;
        max-width: 300px
    }
}

.programs {
    padding: 9.2rem 0
}

.programs__title {
    margin-bottom: 5.2rem
}

.programs-slider {
    margin: 0 -.8rem
}

.programs-slider .slick-dots {
    margin-top: 20px
}

.programs-slider__item {
    margin: 0 .8rem
}

.programs-card {
    border-radius: 2.6rem;
    overflow: hidden;
    min-height: 69rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.programs-card.await {
    opacity: .5;
    position: relative
}

.programs-card.await::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.programs-card__thumb {
    background-color: rgba(0, 0, 0, .2);
    height: 31rem;
    border-radius: 2.6rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.programs-card-info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #fff;
    padding: 3rem 4rem 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.programs-card__title {
    font-size: 3.5rem;
    font-weight: 500;
    color: rgba(0, 0, 0, .7);
    margin-bottom: 2.3rem;
    -webkit-transition: .3s;
    transition: .3s
}

.programs-card__text {
    font-size: 2.1rem;
    margin-bottom: 1em
}

.programs-card__link {
    margin-top: auto;
    font-size: 3.5rem;
    margin-bottom: 1rem
}

@media screen and (max-width: 992px) {
    .programs {
        padding: 20px 0
    }

    .programs__title {
        margin-bottom: 13px
    }

    .programs-slider {
        margin: 0 -8px
    }

    .programs-slider__item {
        margin: 0 8px
    }

    .programs-card {
        border-radius: 17px;
        min-height: 450px
    }

    .programs-card__thumb {
        height: 200px;
        border-radius: 17px
    }

    .programs-card-info {
        padding: 20px 26px 26px
    }

    .programs-card__title {
        font-size: 21px;
        margin-bottom: 17px
    }

    .programs-card__text {
        font-size: 14px
    }

    .programs-card__link {
        font-size: 22px;
        margin-bottom: 0
    }
}

.schedule {
    padding: 15.6rem 0;
    background-color: #fff
}

.schedule-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 6.6rem
}

.schedule__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.schedule__title span {
    display: block;
    font-size: 2.1rem
}

.schedule-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

.schedule__btn {
    padding: 2.6rem 3.2rem
}

.schedule-item {
    padding: 6.5rem 0 6rem;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.schedule-item:first-child {
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.schedule-item-info {
    gap: 4.5rem;
    font-weight: 600
}

.schedule-item__image {
    width: 17.3rem;
    height: 17.3rem;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.schedule-item__date {
    font-size: 3.5rem;
    color: #00a48a
}

.schedule-item__time {
    font-size: 2.5rem;
    text-transform: uppercase;
    margin-bottom: 2.4rem
}

.schedule-item__name {
    font-size: 2.1rem;
    color: rgba(0, 0, 0, .5)
}

.schedule-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 9rem
}

.schedule-item__title {
    margin-top: 2rem;
    font-size: 3.5rem;
    color: #00a48a;
    font-weight: 600;
    margin-bottom: .7rem
}

.schedule-item__text {
    font-size: 2.1rem;
    font-weight: 600
}

.schedule-item__text ol, .schedule-item__text p, .schedule-item__text ul {
    margin-bottom: 1em
}

.schedule-item__text :last-child {
    margin: 0
}

.schedule-item__text ol, .schedule-item__text ul {
    padding-left: 1.2em
}

.schedule-item__text span {
    color: #00a48a
}

.schedule-item-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.schedule-item__btn {
    width: 20rem
}

@media screen and (max-width: 992px) {
    .schedule {
        padding: 30px 0
    }

    .schedule-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px
    }

    .schedule__title span {
        font-size: 12px;
        font-weight: 500
    }

    .schedule-buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        gap: 10px
    }

    .schedule__btn {
        padding: 13px
    }

    .schedule-item {
        padding: 30px 0
    }

    .schedule-item-info {
        gap: 20px
    }

    .schedule-item__image {
        width: 80px;
        height: 80px
    }

    .schedule-item__date {
        font-size: 16px
    }

    .schedule-item__time {
        font-size: 12px;
        margin-bottom: 20px
    }

    .schedule-item__name {
        font-size: 12px
    }

    .schedule-item-content {
        gap: 30px
    }

    .schedule-item__title {
        margin-top: 0;
        font-size: 16px;
        margin-bottom: 10px
    }

    .schedule-item__text {
        font-size: 12px
    }

    .schedule-item-buttons {
        gap: 10px
    }

    .schedule-item__btn {
        width: 160px
    }
}

@media screen and (max-width: 576px) {
    .schedule-item-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .schedule-item-buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .schedule-item__btn {
        width: 100%
    }
}

.library {
    padding: 7.7rem 0;
    background-color: #fff
}

.library-item {
    background-color: #f9f9f9;
    border-radius: 2.6rem;
    padding: 3.6rem 3.8rem 4.5rem;
    font-size: 2.1rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.library-item__speaker {
    color: #00a48a;
    margin-bottom: 2.5rem
}

.library-item__title {
    font-weight: 500;
    font-size: 3rem;
    color: rgba(0, 0, 0, .7);
    margin-bottom: 2.3rem
}

.library-item__text {
    color: rgba(0, 0, 0, .7);
    margin-bottom: 2.8rem;
    margin-top: auto
}

.library-item__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    color: #00a48a;
    margin-bottom: 3rem
}

.library-item__tags p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem
}

.library-item__tags p img, .library-item__tags p svg {
    width: 1.9rem
}

.library-item__price {
    font-size: 7rem;
    color: #1cab98
}

.library-item__price p {
    color: #00a48a;
    font-size: 2.1rem;
    margin-top: -.7em
}

.library-item__small-price {
    color: #1cab98;
    font-size: 3.5rem;
    font-weight: 500
}

.library-item__small-price p {
    color: rgba(0, 0, 0, .7);
    font-size: 2.1rem;
    margin-top: -.3em;
    font-weight: 400
}

.library-item__btn {
    margin-top: 4rem
}

@media screen and (max-width: 992px) {
    .library {
        padding: 40px 0
    }

    .library-item {
        border-radius: 10px;
        padding: 20px 20px 30px;
        font-size: 12px
    }

    .library-item__speaker {
        margin-bottom: 15px
    }

    .library-item__title {
        font-size: 16px;
        margin-bottom: 15px
    }

    .library-item__text {
        margin-bottom: 20px;
        margin-top: auto
    }

    .library-item__tags {
        gap: 8px;
        margin-bottom: 20px
    }

    .library-item__tags p {
        gap: 5px
    }

    .library-item__tags p img, .library-item__tags p svg {
        width: 12px
    }

    .library-item__price {
        font-size: 40px
    }

    .library-item__price p {
        font-size: 12px
    }

    .library-item__small-price {
        font-size: 20px;
        font-weight: 500
    }

    .library-item__small-price p {
        font-size: 12px
    }

    .library-item__btn {
        margin-top: 30px
    }
}

.counter {
    padding: 0 0 9.2rem
}

.counter-wrapper {
    border: .3rem solid #504d50;
    border-radius: 2.6rem
}

.counter-top {
    padding: 4.8rem 0 6.5rem;
    border-bottom: 1px dashed #e4e4e4
}

.counter-top__title {
    text-align: center;
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 3.3rem
}

.counter-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem
}

.counter-item {
    width: 20rem;
    height: 20rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#00a48a), to(#005d62));
    background: linear-gradient(180deg, #00a48a, #005d62 100%);
    color: #fff;
    border-radius: 2.6rem;
    position: relative;
    text-align: center
}

.counter-item:not(:last-child)::before {
    content: " : ";
    position: absolute;
    top: 50%;
    left: calc(100% + 1rem);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #9c9c9c;
    font-size: 3rem
}

.counter-item__num {
    font-size: 6.8rem;
    line-height: .9;
    position: relative
}

.counter-item__num::before {
    content: attr(data-text);
    position: absolute;
    font-size: 1.6rem;
    font-weight: 500;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.counter-bottom {
    padding: 5rem 11rem
}

.counter-bottom__title {
    font-size: 3.5rem;
    font-weight: 600;
    color: #00a48a;
    margin-bottom: 1rem
}

.counter-bottom__text {
    font-size: 2.1rem;
    max-width: 71.5rem
}

.counter-bottom__text ol, .counter-bottom__text p, .counter-bottom__text ul {
    margin-bottom: 1em
}

.counter-bottom__text :last-child {
    margin: 0
}

@media screen and (max-width: 992px) {
    .counter {
        padding: 30px 0
    }

    .counter-wrapper {
        border: 2px solid #504d50;
        border-radius: 10px
    }

    .counter-top {
        padding: 30px 15px 20px
    }

    .counter-top__title {
        font-size: 16px;
        margin-bottom: 20px
    }

    .counter-items {
        gap: 10px
    }

    .counter-item {
        width: 70px;
        height: 70px;
        border-radius: 10px
    }

    .counter-item:not(:last-child)::before {
        left: calc(100% + 5px);
        font-size: 16px
    }

    .counter-item__num {
        font-size: 30px
    }

    .counter-item__num::before {
        font-size: 12px
    }

    .counter-bottom {
        padding: 20px 15px 30px
    }

    .counter-bottom__title {
        font-size: 16px;
        margin-bottom: 10px
    }

    .counter-bottom__text {
        font-size: 12px;
        max-width: 100%
    }
}

.speakers-container {
    margin-bottom: 64px;
}

.register-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 24px;

}

.event-register-btn {
    white-space: nowrap;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
/*# sourceMappingURL=../sourcemaps/style.min.css.map */