@charset "UTF-8";

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: .8
    }
}

@keyframes mapPhoto {
    0% {
        opacity: .4;
        width: 15px;
        height: 15px
    }

    to {
        opacity: 1;
        width: 108px;
        height: 108px
    }
}

@font-face {
    font-family: "Akkurat LL";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/AkkuratLLCyr-Light.woff) format("woff"), url(../fonts/AkkuratLLCyr-Light.woff) format("woff")
}

@font-face {
    font-family: "Akkurat LL";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/AkkuratLLCyr-Regular.woff) format("woff"), url(../fonts/AkkuratLLCyr-Regular.woff) format("woff")
}

@font-face {
    font-family: "AkkuratLL";
    font-style: bold;
    font-weight: 700;
    font-display: swap;
    src: url(./fonts/AkkuratLL-Regular.woff) format("woff"), "./fonts/AkkuratLL-Regular.woff" format("woff")
}

*,
::after,
::before {
    box-sizing: inherit
}

html {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body,
img {
    width: 100%
}

body {
    height: 100vh;
    margin: 0 auto;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-weight: 400
}

img {
    display: block;
    height: auto
}

a {
    text-decoration: none
}

.hidden {
    position: absolute;
    width: .1px !important;
    height: .1px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    z-index: -1
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.footer>*>*,
.projects__card>*>*,
.projects__title>*>*,
section>*>* {
    opacity: 0
}

.main__wrapper.projects>*>* {
    opacity: 1
}

:before {
    pointer-events: none
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

[dir=rtl] :after,
[dir=rtl] :before {
    transform: scale(-1, 1)
}

[dir=rtl] .form::before,
[dir=rtl] .navigation__list::before {
    transform: rotate(180deg) scale(-1, 1)
}

[dir=rtl] .about-owner__box {
    display: flex;
    flex-direction: row-reverse
}

@media (pointer:none) {
    .slick-arrow {
        pointer-events: none
    }
}

.about-us__content::before,
.biomes__box::before,
.construction__text::before,
.form::before,
.navigation__list::before,
.work__slogan::before {
    display: none
}

.about-opportunities__container {
    background: 0 0 !important
}

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    min-height: 50px;
    padding: 12px 36px;
    background: #e0804e;
    border-radius: 64px;
    border: 0;
    text-align: center;
    vertical-align: middle;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    cursor: pointer
}

@media (min-width:768px) {
    .button {
        font-size: 20px;
        line-height: 35px;
        letter-spacing: -1px
    }
}

.projects__container .button {
    width: auto;
    min-width: 200px
}

.button:hover {
    background-color: #fab38e
}

.about-opportunities__link {
    width: 210px
}

.achievement__number div,
.slick-slider {
    position: relative
}

.slick-prev {
    position: absolute;
    content: "";
    width: 27%;
    height: 100%;
    font-size: 0;
    right: 0;
    top: 0;
    z-index: 5;
    background: linear-gradient(94.29deg, rgba(0, 49, 55, .6) .06%, rgba(243, 241, 216, 0) 87.25%);
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    cursor: url(../img/project-arrow-mob-left.svg), e-resize
}

@media (min-width:1024px) {
    .slick-prev {
        cursor: url(../img/slider-arrow-left-cursor.svg), e-resize
    }
}

.lang__link--active::before,
.slick-next {
    position: absolute;
    content: "";
    background-repeat: no-repeat
}

.slick-dots li button,
.slick-next {
    font-size: 0;
    background-color: transparent;
    border: 0
}

.slick-next {
    transform: rotate(180deg);
    width: 27%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    background: linear-gradient(94.29deg, rgba(0, 49, 55, .6) .06%, rgba(243, 241, 216, 0) 87.25%);
    cursor: url(../img/project-arrow-mob.svg), e-resize
}

@media (min-width:1024px) {
    .slick-next {
        cursor: url(../img/slider-arrow-right-cursor.svg), e-resize
    }
}

.slick-dots {
    transform: translateX(-50%);
    position: absolute;
    bottom: 20px;
    right: 50%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex !important;
    justify-content: center;
    gap: 10px
}

.slick-dots li button {
    display: block;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
    background-image: url(../img/project-slider-point.svg)
}

@media (min-width:768px) {
    .slick-dots li button {
        width: 12px;
        height: 12px;
        background-size: 12px 12px
    }
}

@media (min-width:1440px) {
    .slick-dots li button {
        width: 14px;
        height: 14px;
        background-size: 14px 14px
    }
}

.slick-dots li.slick-active button {
    background-image: url(../img/project-slider-active-point.svg)
}

@media (min-width:768px) {
    .slick-dots li.slick-active button {
        width: 12px;
        height: 12px;
        background-size: 12px 12px
    }
}

@media (min-width:1440px) {
    .slick-dots li.slick-active button {
        width: 14px;
        height: 14px;
        background-size: 14px 14px
    }
}

.header {
    background: linear-gradient(180deg, rgba(0, 49, 55, .81) 0, #003137 100%);
    position: fixed;
    top: 0;
    z-index: 900;
    width: 100%;
    height: 81px
}

@media (min-width:768px) {
    .header {
        height: 100px
    }
}

@media (min-width:1024px) {
    .header {
        background: linear-gradient(180deg, rgba(0, 49, 55, .4) 0, rgba(0, 49, 55, 0) 90.32%)
    }
}

.header--green {
    background: linear-gradient(180deg, rgba(0, 49, 55, .81) 0, #003137 100%)
}

.header__wrapper {
    display: flex;
    justify-content: space-between;
    min-width: 360px;
    max-width: 560px;
    height: 80px;
    margin: 0 auto;
    padding: 0 16px;
    padding-block: 31px 29px
}

@media (min-width:768px) {
    .header__wrapper {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .header__wrapper {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .header__wrapper {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .header__wrapper {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .header__wrapper {
        height: 100px;
        min-width: 768px;
        max-width: 920px;
        padding-block: 40px
    }
}

@media (min-width:1024px) {
    .header__wrapper {
        height: 100px;
        min-width: 1024px;
        max-width: 1439px
    }
}

@media (min-width:1440px) {
    .header__wrapper {
        min-width: 1440px;
        max-width: 1920px
    }
}

.header__logo {
    align-self: center;
    min-width: 124px;
    min-height: 15px
}

@media (min-width:768px) {
    .header__logo {
        min-width: 135px;
        min-height: 17px
    }
}

@media (min-width:1024px) {
    .header__logo {
        min-width: 159px;
        min-height: 21px
    }
}

.header__toggle {
    width: 35px;
    height: 20px;
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

@media (min-width:768px) {
    .header__toggle {
        width: 37px;
        height: 24px
    }
}

.lang,
.lang__list {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    z-index: 5
}

.lang {
    z-index: 200
}

.lang__list {
    background-color: rgba(160, 150, 150, .3);
    padding-inline: 5px
}

.header__lang:hover .lang__link {
    position: relative;
    display: block;
    z-index: 5
}

.lang__link,
.lang__link--active,
.lang__link--active:hover,
.lang__link:hover {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    line-height: 24px
}

.lang__link {
    position: relative;
    display: none;
    min-width: 60px;
    padding-inline: 5px;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    z-index: 5
}

.lang__link--active,
.lang__link--active:hover,
.lang__link:hover {
    font-weight: 700
}

.lang__link:hover {
    font-size: 14px;
    color: #fab38e;
    z-index: 5
}

.lang__link--active,
.lang__link--active:hover {
    display: block;
    font-size: 16px
}

.lang__link--active {
    min-width: 81px;
    color: #fff
}

.lang__link--active::before {
    left: 7px;
    top: 10px;
    width: 7px;
    height: 5px;
    background-image: url(../img/header_lang_menu_icon.svg)
}

.lang__link--active:hover {
    color: #fab38e
}

.lang__link--active:hover::before {
    background-image: url(../img/header_lang_menu_icon-close.svg)
}

.navigation {
    z-index: 150;
    width: 100%;
    position: fixed;
    right: 0;
    left: 0;
    top: 80px;
    bottom: 0;
    background-color: #003137
}

.navigation__list {
    display: flex;
    flex-direction: column;
    gap: 0;
    z-index: 2;
    list-style-type: none;
    min-width: 360px;
    max-width: 560px;
    padding: 21px 0 0 65px;
    letter-spacing: -3px;
    margin: auto;
    width: 100%
}

.navigation__list::before {
    width: 100%;
    height: 100vh;
    right: max(16px, 50vw - 285px);
    top: -4px;
    z-index: -1;
    background-image: url("data:image/svg+xml, %3Csvg fill='none' stroke='%235D9F93' xmlns='http://www.w3.org/2000/svg' id='icon-plus' viewBox='0.9 0.9 24.2 24.2'%3E%3Cg stroke-width='0.07' fill-rule='evenodd'%3E%3Cg id='Learn' transform='translate(-249.000000, -3678.000000)'%3E%3Cg id='Group-6' transform='translate(250.000000, 3679.000000)'%3E%3Cpath d='M24,24 L12.0006916,24 C5.40141779,24 0,18.5999654 0,12.0006916 C0,5.40141779 5.40141779,0 12.0006916,0 C18.5999654,0 24,5.40141779 24,12.0006916 L24,24 Z' vector-effect='non-scaling-stroke' stroke-width='2px'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: bottom right;
    background-size: 760px 760px;
    transform: rotate(180deg)
}

.navigation__item {
    padding: 10px
}

.navigation__link,
.navigation__link--active {
    display: inline-block;
    min-height: 35px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-size: 50px;
    line-height: 70px;
    font-weight: 300
}

.navigation__link {
    color: #5d9f93;
    cursor: pointer
}

.navigation__link:hover {
    color: #fff;
    font-weight: 400
}

.navigation__link--active {
    color: #e1f1e3
}

.navigation__link--active:hover {
    cursor: default
}

.main {
    padding-top: 81px
}

@media (min-width:768px) {
    .main {
        padding-top: 100px
    }
}

@media (min-width:1024px) {
    .main {
        padding-top: 0
    }
}

.main__wrapper {
    max-width: 560px
}

@media (min-width:768px) {
    .main__wrapper {
        max-width: 920px
    }
}

@media (min-width:1024px) {
    .main__wrapper {
        max-width: 1439px
    }
}

@media (min-width:1440px) {
    .main__wrapper {
        max-width: 1920px
    }
}

.main__container {
    background-color: #003137;
    overflow: hidden
}

.main__image {
    display: block;
    aspect-ratio: 16/9
}

@media (min-width:768px) {
    .main__banner-picture {
        background: linear-gradient(180deg, rgba(0, 49, 55, .4) 0, rgba(0, 49, 55, 0) 90.32%)
    }
}

.main__banner {
    overflow: hidden;
    position: relative;
    z-index: 5;
    width: 100%;
    height: 54.6448087432vw;
    max-height: 100vh;
    border-width: 0;
    outline-width: 0
}

@media (min-width:768px) {
    .main__banner {
        height: 55.2486187845vw
    }
}

@media (min-width:1024px) {
    .main__banner {
        height: 55.5555555556vw;
        background: linear-gradient(180deg, rgba(0, 49, 55, .4) 0, rgba(0, 49, 55, 0) 90.32%)
    }
}

.about-us__content::before,
.main__banner::before,
.navigation__list::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat
}

.main__banner::before {
    width: 100%;
    height: 38vh;
    background: linear-gradient(180deg, rgba(0, 49, 55, .4) 0, rgba(0, 49, 55, 0) 90.32%)
}

@media (min-width:768px) {
    .main__picture {
        display: none
    }
}

.main__play-sing {
    position: absolute;
    top: calc(50% - 22px);
    right: calc(50% - 22px);
    width: 45px;
    height: 45px;
    cursor: pointer
}

@media (min-width:768px) {
    .main__play-sing {
        top: calc(50% - 45px);
        right: calc(50% - 45px);
        width: 90px;
        height: 90px
    }
}

@media (min-width:1024px) {
    .main__play-sing {
        top: calc(50% - 65px);
        right: calc(50% - 65px);
        width: 130px;
        height: 130px
    }
}

@media (min-width:1440px) {
    .main__play-sing {
        display: none
    }
}

.main__play-sing--project2 {
    display: none
}

.about-us {
    background-color: #003137
}

.about-us__container {
    margin: 0 auto;
    padding: 0 16px
}

@media (min-width:768px) {
    .about-us__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .about-us__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .about-us__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .about-us__container {
        padding: 0 348px
    }
}

.about-us__title {
    box-sizing: border-box;
    position: relative;
    padding-block: 105px 40px;
    padding-left: 27px;
    margin: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 55px;
    line-height: 52px;
    color: #e1f1e3;
    letter-spacing: -3px
}

@media (min-width:768px) {
    .about-us__title {
        font-size: 75px;
        line-height: 78px;
        padding: 137px 0 72px;
        letter-spacing: -5px
    }
}

@media (min-width:1024px) {
    .about-us__title {
        font-size: 96px;
        line-height: 100px;
        padding-bottom: 98px;
        letter-spacing: -5px;
        padding-right: 20px
    }
}

@media (min-width:1440px) {
    .about-us__title {
        font-size: 96px;
        line-height: 100px;
        padding-bottom: 98px;
        padding-right: 108px;
        letter-spacing: -5px
    }
}

.about-us__content {
    position: relative;
    margin-block: 0;
    margin-right: 2vw;
    margin-left: 35px;
    padding-bottom: 200px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #e1f1e3
}

.about-us__content::before {
    left: -16px;
    background-image: url("data:image/svg+xml, %3Csvg fill='none' stroke='%235D9F93' xmlns='http://www.w3.org/2000/svg' id='icon-plus' viewBox='0.9 0.9 24.2 24.2'%3E%3Cg stroke-width='0.07' fill-rule='evenodd'%3E%3Cg id='Learn' transform='translate(-249.000000, -3678.000000)'%3E%3Cg id='Group-6' transform='translate(250.000000, 3679.000000)'%3E%3Cpath d='M24,24 L12.0006916,24 C5.40141779,24 0,18.5999654 0,12.0006916 C0,5.40141779 5.40141779,0 12.0006916,0 C18.5999654,0 24,5.40141779 24,12.0006916 L24,24 Z' vector-effect='non-scaling-stroke' stroke-width='2px'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: bottom right;
    width: 100vw;
    height: 700px;
    bottom: 140px;
    background-size: min(200vw, 900px) min(200vw, 900px)
}

@media (min-width:768px) {
    .about-us__content::before {
        bottom: 180px;
        left: -30px;
        width: 877px;
        height: 877px;
        background-size: cover
    }
}

@media (min-width:1024px) {
    .about-us__content::before {
        left: -30px;
        width: 1329px;
        height: 1329px;
        background-size: cover
    }
}

@media (min-width:1440px) {
    .about-us__content::before {
        left: -150px
    }
}

@media (min-width:1920px) {
    .about-us__content::before {
        left: -10px
    }
}

@media (min-width:768px) {
    .about-us__content {
        font-size: 28px;
        line-height: 128%;
        margin-right: 24vw;
        padding-bottom: 250px
    }
}

@media (min-width:1024px) {
    .about-us__content {
        font-size: 32px;
        width: 704px
    }
}

@media (min-width:1440px) {
    .about-us__content {
        font-size: 32px;
        margin-right: 21.4vw
    }
}

.projects {
    position: relative;
    padding: 0 16px;
    margin: 0 auto;
    padding-block: 53px 90px;
    background: #fff
}

@media (min-width:768px) {
    .projects {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .projects {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .projects {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .projects {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .projects {
        padding-block: 95px 117px
    }
}

@media (min-width:1024px) {
    .projects {
        padding-block: 95px 134px
    }
}

@media (min-width:1440px) {
    .projects {
        padding-block: 115px 160px
    }
}

@media (min-width:768px) {
    .projects__box {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

.projects__title {
    margin: 0;
    padding: 0 0 12px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 69px;
    color: #151919;
    letter-spacing: -2px
}

@media (min-width:768px) {
    .projects__title {
        font-size: 50px;
        line-height: 69px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) {
    .projects__title {
        font-size: 55px;
        line-height: 69px
    }
}

.projects__container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

@media (min-width:768px) {
    .projects__container {
        justify-content: end;
        margin-top: -50px
    }
}

.card {
    padding-bottom: 46px
}

@media (min-width:768px) {
    .card:nth-child(4n+1) {
        width: 55%;
        -webkit-padding-end: 10%;
        padding-inline-end: 10%
    }

    .card:nth-child(4n+2) {
        width: 45%;
        padding-top: 5%
    }

    .card:nth-child(4n) {
        width: 55%
    }

    .card:nth-child(4n+3) {
        width: 45%;
        -webkit-padding-start: 4%;
        padding-inline-start: 4%;
        order: 3;
        margin-top: -25%
    }
}

.card__button:hover {
    background-color: #fab38e;
    border-color: #fab38e
}

.card__image {
    display: block;
    width: 100%;
    margin: 0 auto
}

.card__text {
    padding: 5px 0 0;
    margin: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #151919;
    letter-spacing: -1px
}

@media (min-width:1024px) {
    .card__text {
        font-size: 24px
    }
}

.card__link:hover .card__image {
    transition-duration: .3s;
    filter: blur(17px)
}

.card__link {
    display: block;
    overflow: hidden;
    position: relative
}

.card__button {
    background: 0 0;
    position: absolute;
    top: calc(50% - 25px);
    z-index: 100;
    border: 1px solid #fff;
    cursor: pointer;
    visibility: hidden;
    right: 0;
    left: 0;
    margin-inline: auto
}

.card__link:hover .card__button {
    visibility: visible
}

.work {
    z-index: 5;
    position: relative;
    background-color: #003137;
    overflow: hidden
}

.work__container {
    margin: 0 auto;
    padding: 0 16px;
    padding-block: 23px 54px
}

@media (min-width:768px) {
    .work__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .work__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .work__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .work__container {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .work__container {
        padding-block: 52px 100px
    }
}

@media (min-width:1024px) {
    .work__container {
        display: flex;
        flex-wrap: wrap;
        justify-items: start;
        padding-block: 52px 57px
    }

    .work__container--services {
        padding-block: 152px 57px
    }
}

.work__slogan {
    position: relative;
    margin: 0;
    padding: 0 0 70px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 55px;
    line-height: 58px;
    color: #e1f1e3;
    letter-spacing: -3px
}

@media (min-width:768px) {
    .work__slogan {
        width: 670px;
        font-size: 85px;
        line-height: 100px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) {
    .work__slogan {
        width: 704px;
        font-size: 96px;
        padding-bottom: 128px
    }
}

.work__slogan::before {
    position: absolute;
    content: "";
    bottom: 30px;
    left: 0;
    width: min(130vw, 750px);
    height: min(130vw, 750px);
    background-image: url("data:image/svg+xml, %3Csvg fill='none' stroke='%235D9F93' xmlns='http://www.w3.org/2000/svg' id='icon-plus' viewBox='0.9 0.9 24.2 24.2'%3E%3Cg stroke-width='0.07' fill-rule='evenodd'%3E%3Cg id='Learn' transform='translate(-249.000000, -3678.000000)'%3E%3Cg id='Group-6' transform='translate(250.000000, 3679.000000)'%3E%3Cpath d='M24,24 L12.0006916,24 C5.40141779,24 0,18.5999654 0,12.0006916 C0,5.40141779 5.40141779,0 12.0006916,0 C18.5999654,0 24,5.40141779 24,12.0006916 L24,24 Z' vector-effect='non-scaling-stroke' stroke-width='2px'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover
}

@media (min-width:768px) {
    .work__slogan::before {
        width: 1184px;
        height: 1184px
    }
}

@media (min-width:1024px) {
    .work__slogan::before {
        width: 1184px;
        height: 1184px;
        bottom: 75px
    }
}

.work__text {
    margin: 0;
    padding: 0 0 28px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .work__text {
        width: 55%;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        font-size: 18px;
        letter-spacing: -.5px
    }
}

@media (min-width:1024px) {
    .work__text {
        width: 25vw;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        letter-spacing: -.5px
    }
}

@media (min-width:1440px) {
    .work__text {
        width: 20vw;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

.work__title {
    margin: 0;
    padding: 0 0 7px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 52px;
    color: #e1f1e3;
    letter-spacing: -1px
}

@media (min-width:768px) {
    .work__title {
        font-size: 32px;
        width: 100%
    }
}

.work__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

@media (min-width:768px) {
    .work__list {
        columns: 3
    }
}

@media (min-width:1024px) {
    .work__list {
        grid-column: 1/3;
        width: 100%
    }
}

.work__item {
    padding: 20px 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #e1f1e3;
    letter-spacing: -1px;
    border-bottom: 1px solid #5d9f93
}

.construction__item:last-child,
.work__item:last-child {
    border-bottom: none
}

@media (min-width:768px) {
    .work__item--no-border-bottom {
        border-bottom: none
    }
}

.work__item-image {
    display: none
}

.construction {
    background-color: #e1f1e3;
    overflow: hidden
}

.construction__container {
    position: relative;
    margin: 0 auto;
    padding: 0 16px;
    padding-block: 12px 50px
}

@media (min-width:768px) {
    .construction__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .construction__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .construction__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .construction__container {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .construction__container {
        padding-block: 74px 42px
    }
}

@media (min-width:1024px) {
    .construction__container {
        display: grid;
        justify-items: start;
        grid-template-columns: 2fr 1fr;
        padding-block: 62px 64px
    }
}

.construction__slogan {
    margin: 0 0 43px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 55px;
    line-height: 58px;
    color: #003137;
    letter-spacing: -3px
}

@media (min-width:768px) {
    .construction__slogan {
        width: 630px;
        font-size: 85px;
        line-height: 100px
    }
}

@media (min-width:1024px) {
    .construction__slogan {
        width: 710px;
        font-size: 96px
    }
}

.construction__text {
    position: relative;
    margin: 0 0 73px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #003137;
    letter-spacing: -.5px
}

.construction__text::before {
    position: absolute;
    content: "";
    right: calc(50% - 700px);
    bottom: -50px;
    width: 1400px;
    height: 1400px;
    background-image: url("data:image/svg+xml, %3Csvg fill='none' stroke='%235D9F93' xmlns='http://www.w3.org/2000/svg' id='icon-plus' viewBox='0.9 0.9 24.2 24.2'%3E%3Cg stroke-width='0.07' fill-rule='evenodd'%3E%3Cg id='Learn' transform='translate(-249.000000, -3678.000000)'%3E%3Cg id='Group-6' transform='translate(250.000000, 3679.000000)'%3E%3Cpath d='M24,24 L12.0006916,24 C5.40141779,24 0,18.5999654 0,12.0006916 C0,5.40141779 5.40141779,0 12.0006916,0 C18.5999654,0 24,5.40141779 24,12.0006916 L24,24 Z' vector-effect='non-scaling-stroke' stroke-width='2px'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top left;
    transform: rotate(180deg)
}

@media (min-width:768px) {
    .construction__text {
        width: 55%;
        margin-inline: auto 0;
        padding-left: 10px;
        font-size: 18px
    }

    .construction__text::before {
        width: min(1020px, 120vw);
        height: min(1020px, 120vw);
        transform: none;
        right: auto;
        left: 0
    }
}

@media (min-width:1024px) {
    .construction__text {
        width: 228px
    }

    .construction__text::before {
        width: 1184px;
        height: 1184px;
        right: -180px;
        left: auto;
        bottom: -120px
    }
}

@media (min-width:1440px) {
    .construction__text {
        width: 410px;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

.construction__title {
    margin: 0 0 22px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 52px;
    color: #003137;
    letter-spacing: -1px
}

.construction__title include media-tablet {
    font-size: 32px
}

.construction__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%
}

@media (min-width:768px) {
    .construction__list {
        columns: 2
    }
}

@media (min-width:1024px) {
    .construction__list {
        grid-column: 1/3;
        columns: 3
    }
}

.construction__item {
    padding: 17px 0;
    border-bottom: 1px solid #5d9f93;
    letter-spacing: -.5px
}

@media (min-width:1024px) {
    .construction__title {
        width: 100%;
        grid-column: 1/3
    }
}

@media (min-width:768px) {
    .construction__item--no-border-bottom {
        border-bottom: none
    }
}

.biome {
    background-color: #003137
}

.biome__container {
    margin: 0 auto
}

.biome__container--up {
    position: relative;
    min-height: 470px;
    padding: 0 16px;
    padding-block: 48px 290px;
    z-index: 5
}

@media (min-width:768px) {
    .biome__container--up {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .biome__container--up {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .biome__container--up {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .biome__container--up {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .biome__container--up {
        min-height: 550px;
        padding-block: 78px 460px
    }
}

@media (min-width:1024px) {
    .biome__container--up {
        min-height: 650px;
        padding-block: 58px 480px
    }
}

@media (min-width:1440px) {
    .biome__container--up {
        min-height: 800px;
        padding-block: 58px 590px
    }
}

.biome__container--down {
    min-height: 572px;
    padding: 0 16px;
    padding-block: 135px 88px
}

@media (min-width:768px) {
    .biome__container--down {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .biome__container--down {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .biome__container--down {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .biome__container--down {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .biome__container--down {
        padding-block: 164px 93px
    }
}

@media (min-width:1024px) {
    .biome__container--down {
        min-height: 537px;
        padding-block: 238px 116px
    }
}

@media (min-width:1440px) {
    .biome__container--down {
        min-height: 500px;
        padding-block: 226px 91px
    }
}

.biome__title {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    color: #003137;
    letter-spacing: -3px;
    z-index: 5
}

@media (min-width:768px) {
    .biome__title {
        font-size: 48px;
        line-height: 63px
    }
}

@media (min-width:1024px) {
    .biome__title {
        font-size: 64px;
        line-height: 77px
    }
}

@media (min-width:1440px) {
    .biome__title {
        width: 1016px
    }
}

.biome__wrapper {
    position: relative;
    background-color: #f3f1d8
}

.biome__wrapper::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    z-index: 1;
    background-image: url(../img/biom.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(14px);
    opacity: .5
}

.biome__image {
    display: block;
    width: 328px;
    position: absolute;
    bottom: -85px;
    right: calc(50% - 164px);
    z-index: 5
}

@media (min-width:768px) {
    .biome__image {
        width: 704px;
        height: 485px;
        right: calc(50% - 352px);
        bottom: -115px
    }
}

@media (min-width:1024px) {
    .biome__image {
        width: 984px;
        height: 587px;
        right: calc(50% - 492px);
        bottom: -155px
    }
}

@media (min-width:1440px) {
    .biome__image {
        width: 1222px;
        height: 730px;
        right: calc(50% - 611px);
        bottom: -175px
    }
}

@media (min-width:768px) {
    .biome__content-box {
        width: 704px;
        margin: 0 auto
    }
}

@media (min-width:1024px) {
    .biome__content-box {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        width: 984px
    }
}

@media (min-width:1440px) {
    .biome__content-box {
        width: 1223px
    }
}

.biome__text {
    margin: 0;
    padding: 0 0 57px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    color: #e1f1e3;
    letter-spacing: -1px
}

@media (min-width:768px) {
    .biome__text {
        padding: 0 0 73px;
        font-size: 32px;
        line-height: 128%
    }
}

@media (min-width:1024px) {
    .biome__text {
        width: 704px
    }
}

.biome__button {
    display: block
}

.achievement {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='689' height='329' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.33185'%3E%3Cmask id='a' mask-type='alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='689' height='329'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.00049.14166H688.966V328.085H.00049V.14166Z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M573.56 174.587v45.173l-107.732 61.143v-45.175l107.732-61.141Zm-112.879-39.77v45.19L351.53 238.122v-45.189l109.151-58.116Zm126.201 146.616v45.249l-31.115-11.654v-45.247l31.115 11.652Zm-121.924-45.657v45.248l-29.441-11.026v-45.246l29.441 11.024ZM543 163.406l-49.705 27.733-31.744-11.178v-45.254L543 163.406Zm-192.338 29.567v45.247l-27.953-10.456v-45.247l27.953 10.456Zm205.675 76.088 88.069-52.588c1.603-.957 2.91-2.01 3.886-3.127.586-.673 1.062-1.379 1.416-2.105.227-.468.403-.952.529-1.434.122-.476.193-.967.211-1.46.034-.977-.146-1.973-.534-2.959-.764-1.937-2.305-3.783-4.583-5.491-2.319-1.736-5.313-3.257-8.899-4.52l-62.002-21.849v-.439l-.476.272-.394-.141v.362l-108.204 61.413-29.239-10.951 108.153-60.346.843-.473-83.562-29.443v-.418l-.471.251-.399-.141v.354l-109.616 58.365-27.724-10.38 131.459-68.89 203.677 70.896c7.564 2.633 13.889 5.798 18.804 9.407 4.751 3.487 7.99 7.235 9.627 11.147.779 1.869 1.181 3.753 1.189 5.603l-.003.176c-.018 1.936-.46 3.859-1.314 5.718-1.809 3.931-5.398 7.551-10.668 10.755l-88.839 54.024-30.936-11.588Zm92.767-63.352c.689 1.748.627 3.481-.181 5.15-.861 1.775-2.53 3.412-4.961 4.863l-30.004 17.916-39.528-13.92v-45.263l61.712 21.744c3.505 1.236 6.419 2.714 8.667 4.397 2.148 1.608 3.592 3.328 4.295 5.113Zm-61.352 75.667 88.813-54.006c2.019-1.229 3.823-2.535 5.359-3.886 2.573-2.258 4.472-4.697 5.65-7.26.184-.402.355-.824.52-1.286v41.329c-.007 1.952-.449 3.896-1.314 5.781-1.809 3.932-5.398 7.552-10.668 10.756l-88.36 53.73v-45.158ZM423.681 102.498v25.746l-101.448 53.161-.154-.057-.242-.012v.277l-.628.331.628.237v17.97l-72.402 37.293v-45.195l174.246-89.751ZM31.3895 72.4808c-9.9983-3.7428-17.7328-8.2079-22.98851-13.2689-.63211-.6101-1.2216-1.2203-1.75605-1.8162C2.83099 53.1369.8885 48.6363.87074 44.0218c-.01952-5.23 2.42723-10.3924 7.26924-15.3431C13.1453 23.559 20.5034 18.8929 30.0116 14.8104c9.4532-4.0595 20.4955-7.31137 32.8181-9.66486 11.852-2.26456 24.4178-3.61297 37.3533-4.00967 2.638-.08005 5.293-.12096 7.889-.12096 10.181 0 20.213.61372 29.813 1.82516 12.554 1.58501 23.964 4.13952 33.91 7.59243 4.645 1.6116 8.909 3.4083 12.673 5.3385 3.681 1.8874 6.935 3.9296 9.673 6.0696 2.692 2.1027 4.92 4.3299 6.623 6.6175 1.683 2.2646 2.873 4.6145 3.535 6.9823l.139.4927 12.578-5.7761 24.293 8.4534-133.87 62.3506-76.0495-28.4802ZM1.53659 51.1997l.03906.0854c.17756.3985.37643.8147.59482 1.2364.05682.1067.11364.2134.17046.3219.26101.4875.50782.9126.75107 1.2986l.03729.0623c.24325.3842.51314.7881.83275 1.2328.07635.1085.1527.2152.2326.3202.35511.4856.66939.8894.98545 1.2719l.03018.0374c.32493.3878.67472.7862 1.07245 1.2167.09588.1068.19532.2135.29652.3202.42259.4501.81677.8504 1.21805 1.2382C13.14 64.9863 20.9739 69.5154 31.0841 73.2991l75.9399 28.4379v45.246l-75.6345-28.322c-9.9983-3.744-17.7346-8.209-22.98851-13.27C3.42226 100.595.89028 95.4732.87075 90.1667V49.4173c.0142.0409.02663.0836.04083.1263l.11009.3237c.18111.5177.34446.9375.51492 1.3324ZM248.566 192.283v45.243l-27.276-10.451v-45.243l27.276 10.451Zm-26.637-11.141 41.95-21.279.362-.184-55.913-20.937c-1.133-.426-2.269-.87-3.471-1.363-9.265-3.786-16.714-8.194-22.138-13.098-2.957-2.672-5.283-5.476-6.92-8.338l.016-.009-.088-.156c-.746-1.329-1.352-2.679-1.803-4.015l-.039-.098.014-.005-.051-.166c-.075-.235-.155-.487-.233-.752-.101-.347-.186-.671-.255-.952l-.004-.226-.041.011c-.009-.048-.017-.096-.028-.143l-.03-.165c-.121-.609-.201-1.107-.252-1.569l-.016-.178c-.029-.288-.057-.576-.075-.863-.02-.347-.03-.701-.028-1.083 0-.626.03-1.251.092-1.863.059-.592.149-1.206.268-1.819l-.172-.034.183-.016c.364-1.811.998-3.6328 1.889-5.4082l.041-.0818c.268-.5301.57-1.0727.927-1.6615l.135-.2241c.33-.5337.683-1.0692 1.056-1.5922.034-.048.069-.096.107-.1441l.065-.0889c.426-.5888.831-1.1118 1.25-1.6188 4.594-5.5538 11.691-10.6148 21.094-15.0443 9.352-4.4045 20.451-7.9339 32.987-10.4848 1.31-.2669 2.63-.5124 3.746-.7169.792-.1459 1.598-.2882 2.413-.427.459-.0783.92-.1565 1.382-.233.719-.1174 1.447-.2348 2.184-.3487l.362-.0605c9.103-1.3911 18.628-2.2538 28.303-2.5634 13.398-.4323 26.671.1886 39.457 1.8448 13.271 1.7184 25.467 4.4881 36.252 8.2327 5.053 1.754 9.721 3.7037 13.874 5.794 4.068 2.0457 7.719 4.2658 10.847 6.5944 3.077 2.2912 5.684 4.7141 7.747 7.2028 2.046 2.4673 3.585 5.0289 4.572 7.6119l.174.4519 12.341-6.2582 26.548 9.2399-174.035 89.646-27.046-10.362Zm-49.045-69.751c.046.155.097.311.149.475l.075.235c.174.524.385 1.072.637 1.668.046.105.091.21.137.315.245.553.513 1.105.8 1.642l.15.269c.339.621.665 1.172 1.008 1.699l.027.042c.344.525.722 1.064 1.156 1.642l.183.251c.394.516.825 1.046 1.285 1.578.089.103.178.206.266.308.462.526.949 1.047 1.439 1.551.049.05.101.101.152.153l.107.107c.581.58 1.122 1.099 1.68 1.604 5.195 4.698 12.223 8.946 20.888 12.63 1.674.71 3.355 1.383 5 2l54.048 20.239-41.243 20.921-.41-.16v.368l-.641.324.641.246v7.95l-12.09-4.528c-10.893-4.079-19.51-8.944-25.609-14.46-5.789-5.232-9.057-10.811-9.714-16.582-.082-.729-.123-1.46-.121-2.173v-40.314Zm-64.992-9.679 134.14-62.4754v23.7182c-.419.0658-.834.1351-1.25.2045l-.632.1068c-.488.08-.968.1618-1.447.2437-.758.1298-1.513.2597-2.262.3984-1.415.258-2.66.4964-3.805.7294-3.962.8058-7.948 1.7593-11.854 2.8338-7.887 2.1667-15.064 4.7639-21.334 7.7169-9.519 4.4829-16.715 9.6239-21.41 15.2986-.415.5017-.832 1.0425-1.275 1.6509l-.067.0942c-.035.0481-.073.0961-.105.1441-.374.523-.742 1.078-1.094 1.6509l-.138.2223c-.364.6048-.677 1.1723-.962 1.7309l-.031.0658c-.93 1.8501-1.592 3.7517-1.974 5.673-.261 1.325-.387 2.652-.378 3.946v11.399l-64.122 29.864v-45.216Zm579.817 102.323c-1.698-4.058-5.032-7.932-9.91-11.513-4.989-3.663-11.392-6.869-19.036-9.526L454.91 112.037l-.179-.064-30.18 15.816v-25.741l.672-.345-.672-.233v-.406l-.472.242-27.504-9.5738-.174-.0605-11.818 5.9896c-1.025-2.5207-2.55-5.0112-4.537-7.4074-2.107-2.5403-4.764-5.013-7.897-7.3451-3.17-2.3589-6.863-4.6056-10.975-6.6745-4.187-2.1062-8.891-4.0701-13.979-5.8384-10.84-3.7624-23.095-6.5464-36.428-8.2737-12.836-1.6615-26.16-2.2859-39.596-1.8518-9.663.3113-19.173 1.1705-28.271 2.5545V38.831l.727-.3363-.727-.2543v-.3736l-.456.2152-25.403-8.8411-.068-.0232-11.978 5.5004c-.715-2.3072-1.903-4.5878-3.533-6.7812-1.751-2.3517-4.033-4.634-6.785-6.7847-2.787-2.1792-6.088-4.2516-9.812-6.1586-3.799-1.9479-8.102-3.7606-12.784-5.38656-10.002-3.47243-21.47-6.0394-34.087-7.6333C125.85.44032 113.118-.13426 100.156.26243 87.1818.66091 74.5698 2.01466 62.6699 4.28632c-12.3882 2.36595-23.491 5.63737-32.9992 9.72178-9.6166 4.1288-17.0722 8.8589-22.15395 14.0587C2.50961 33.1883-.01882 38.557.00071 44.0218v46.1805C.02024 95.7347 2.64455 101.057 7.7973 106.02c5.34091 5.145 13.17481 9.672 23.28681 13.458l75.9399 28.437v.381l.453-.21.415.157v-.352l64.122-29.863v33.675c-.002.742.039 1.505.124 2.273.684 5.988 4.047 11.753 9.997 17.131 6.18 5.591 14.891 10.513 25.888 14.63l12.395 4.641v37.298l28.148 10.786v.414l.462-.238.407.157v-.369l72.404-37.293v27.235l28.823 10.784v.425l.465-.251.404.153v-.368l109.62-58.368 31.13 10.964-57.236 31.935-.398-.15v.374l-.602.333.602.226v46.178l30.311 11.351v.447l.474-.269.396.15v-.376L574.025 220.5l38.958 13.721-57.692 34.449-.394-.148v.384l-.568.336.568.214v46.177l31.985 11.979v.473l.48-.292.388.146v-.384l88.815-54.006c5.419-3.294 9.121-7.043 11.005-11.136.92-1.996 1.387-4.065 1.394-6.144v-45.971c.041-2.074-.384-4.18-1.255-6.263Z' fill='%235D9F93'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M278.235 120.482c-1.857 0-3.724.031-5.553.092-9.021.296-17.695 1.296-25.782 2.974-4.754.989-9.417 2.279-13.855 3.836l-1.53-.57c-7.172-2.683-12.87-5.892-16.935-9.537-3.858-3.461-6.077-7.152-6.597-10.974-.512-3.774.665-7.5048 3.498-11.089 2.953-3.7344 7.573-7.1363 13.735-10.1127 6.16-2.9782 13.513-5.3647 21.86-7.0988 8.036-1.6678 16.659-2.6636 25.633-2.9567 8.979-.2932 17.845.1269 26.367 1.2495 8.858 1.1674 16.964 3.0444 24.091 5.5793 7.146 2.5402 12.93 5.6042 17.184 9.1027 4.098 3.3697 6.606 6.995 7.458 10.7727.854 3.777.004 7.536-2.526 11.172-2.678 3.842-7.109 7.369-13.176 10.481l-8.222 4.219-.101-.041c-.108-.045-.215-.088-.332-.129-7.185-2.556-15.347-4.446-24.265-5.62-6.788-.896-13.837-1.35-20.952-1.35Zm-43.886 7.39c4.145-1.406 8.423-2.572 12.727-3.464 8.036-1.668 16.66-2.664 25.633-2.957 8.98-.293 17.841.127 26.367 1.25 8.718 1.149 16.708 2.987 23.755 5.461l-36.973 18.967-51.509-19.257Zm106.548-37.5758c-4.336-3.5646-10.205-6.6769-17.445-9.2493-7.185-2.5545-15.347-4.4459-24.265-5.6204-7.86-1.0368-16.065-1.473-24.385-1.3067l-.395.0071c-.575.0125-1.148.0233-1.725.0411-4.49.1484-8.946.4738-13.241.9689-4.303.497-8.521 1.1727-12.539 2.0058-1.022.2127-2.068.4415-3.107.6864-7.137 1.6715-13.514 3.8506-18.951 6.4785-6.279 3.0336-11.003 6.5195-14.041 10.3576-2.986 3.7773-4.223 7.7338-3.678 11.7578.549 4.038 2.863 7.91 6.882 11.51 3.622 3.25 8.517 6.162 14.554 8.66.83.343 1.723.695 2.656 1.043l54.625 20.423.071.026 46.584-23.899c6.195-3.178 10.734-6.796 13.493-10.759 2.678-3.846 3.576-7.841 2.666-11.872-.898-3.9742-3.509-7.7622-7.759-11.2588ZM73.8999 63.0646c7.9906-1.5357 16.4735-2.4508 25.2169-2.7165 8.7412-.2712 17.3062.1159 25.4702 1.1504 4.819.6101 9.61 1.5019 14.251 2.656L103.962 80.14 63.9809 65.3906c3.2451-.9026 6.5794-1.6856 9.919-2.326Zm91.4641-14.3035c-3.024 3.5318-7.72 6.7727-13.956 9.6302l-11.288 5.1745c-4.943-1.2789-10.135-2.267-15.422-2.9359-8.216-1.0417-16.84-1.4305-25.608-1.1594-8.7862.2711-17.3173 1.1915-25.356 2.7344-3.8356.7367-7.5891 1.6339-11.1589 2.6684l-9.1216-3.3641c-6.6561-2.4579-11.8332-5.3939-15.3798-8.733-3.354-3.1571-5.1005-6.5247-5.1968-10.0119-.0928-3.4603 1.4504-6.8851 4.5849-10.176 3.27-3.4318 8.1279-6.5622 14.4396-9.3038 6.3065-2.7379 13.7083-4.9319 21.9985-6.523 3.9766-.7634 8.1226-1.3805 12.3257-1.8336 4.2031-.4531 8.5382-.7509 12.8912-.8847 1.7712-.0553 3.5772-.0821 5.3682-.0821 6.87 0 13.633.4156 20.102 1.2344 8.469 1.072 16.131 2.7968 22.776 5.1281 6.653 2.3331 11.921 5.1442 15.66 8.3548 3.588 3.0823 5.614 6.3946 6.023 9.8407.412 3.4586-.826 6.9047-3.682 10.242Zm-1.77-20.7462c-3.825-3.2838-9.188-6.1484-15.942-8.5172-6.702-2.3509-14.425-4.09-22.954-5.1709-8.212-1.0399-16.82-1.427-25.608-1.1594-4.3744.1356-8.7345.4352-12.9608.8901-4.2262.4566-8.3972 1.0755-12.3934 1.8443-8.3527 1.6018-15.8169 3.8153-22.184 6.5801-6.4189 2.7879-11.3712 5.9861-14.7216 9.5035-3.304 3.4675-4.9274 7.1009-4.8257 10.8003.0963 3.7298 1.9392 7.3061 5.4697 10.6291 3.6323 3.4176 8.9075 6.4178 15.6796 8.9149l50.7742 18.7307.068.025 47.777-21.8968c6.353-2.9127 11.148-6.2286 14.258-9.8585 3.02-3.5317 4.326-7.2043 3.886-10.9144-.436-3.6727-2.562-7.1723-6.323-10.4008Z' fill='%235D9F93'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 636px 348px
}

@media (min-width:768px) {
    .achievement {
        background-size: 1059px 580px
    }
}

@media (min-width:1024px) {
    .achievement {
        min-height: 900px;
        background-size: 1729px 945px
    }
}

.achievement__container {
    margin: 0 auto;
    padding: 0 16px;
    padding-block: 47px 56px
}

@media (min-width:768px) {
    .achievement__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .achievement__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .achievement__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .achievement__container {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .achievement__container {
        padding-block: 105px 110px
    }
}

@media (min-width:1024px) {
    .achievement__container {
        padding: 105px 50px 130px
    }
}

@media (min-width:1440px) {
    .achievement__container {
        padding: 128px 113px 164px 97px
    }
}

@media (min-width:1920px) {
    .achievement__container {
        padding-inline: 350px
    }
}

.achievement__list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 0;
    padding: 0
}

.achievement__item-wrapper {
    display: flex
}

.achievement__item-wrapper:nth-child(even) {
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

@media (min-width:1024px) {
    .achievement__item-wrapper:nth-child(1) {
        -webkit-margin-start: 136px;
        margin-inline-start: 136px
    }
}

@media (min-width:1440px) {
    .achievement__item-wrapper:nth-child(1) {
        -webkit-margin-start: 231px;
        margin-inline-start: 231px
    }
}

@media (min-width:1920px) {
    .achievement__item-wrapper:nth-child(1) {
        -webkit-margin-start: 174px;
        margin-inline-start: 174px
    }
}

@media (min-width:1024px) {
    .achievement__item-wrapper:nth-child(2) {
        margin-bottom: -50px;
        -webkit-margin-end: 130px;
        margin-inline-end: 130px
    }
}

@media (min-width:1440px) {
    .achievement__item-wrapper:nth-child(2) {
        margin-bottom: -220px;
        -webkit-margin-end: 374px;
        margin-inline-end: 374px
    }
}

@media (min-width:1920px) {
    .achievement__item-wrapper:nth-child(2) {
        -webkit-margin-end: 162px;
        margin-inline-end: 162px
    }
}

@media (min-width:1024px) {
    .achievement__item-wrapper:nth-child(3) {
        margin-top: 40px;
        -webkit-margin-start: 30px;
        margin-inline-start: 30px
    }
}

@media (min-width:1440px) {
    .achievement__item-wrapper:nth-child(3) {
        margin-top: 80px;
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }
}

@media (min-width:1024px) {
    .achievement__item-wrapper:nth-child(4) {
        -webkit-margin-end: 30px;
        margin-inline-end: 30px
    }
}

@media (min-width:1440px) {
    .achievement__item-wrapper:nth-child(4) {
        margin-bottom: -90px;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

@media (min-width:1024px) {
    .achievement__item-wrapper:nth-child(5) {
        -webkit-margin-start: 182px;
        margin-inline-start: 182px
    }
}

@media (min-width:1440px) {
    .achievement__item-wrapper:nth-child(5) {
        margin-top: -30px;
        -webkit-margin-start: 240px;
        margin-inline-start: 240px
    }
}

@media (min-width:1920px) {
    .achievement__item-wrapper:nth-child(5) {
        margin-top: -130px
    }
}

.achievement__amount {
    display: flex;
    align-items: flex-start;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 90px;
    line-height: 108px;
    color: #254634;
    letter-spacing: -6px
}

@media (min-width:768px) {
    .achievement__amount {
        font-size: 120px;
        line-height: 144px
    }
}

@media (min-width:1024px) {
    .achievement__amount {
        font-size: 140px;
        line-height: 140px;
        letter-spacing: -6.264px
    }
}

.achievement__text {
    padding-top: 10px;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #254634
}

@media (min-width:768px) {
    .achievement__text {
        padding-top: 12px;
        font-size: 22px;
        line-height: 88%
    }
}

@media (min-width:1024px) {
    .achievement__text {
        padding-top: 15px
    }
}

.achievement__number {
    overflow: hidden;
    display: block
}

.achievement__number span {
    display: inline-block;
    overflow: hidden;
    line-height: 100%
}

.achievement__number span span {
    line-height: 100%
}

.client {
    background-color: #254634
}

.client__container {
    padding: 0 16px;
    padding-block: 82px 106px
}

@media (min-width:768px) {
    .client__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .client__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .client__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .client__container {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .client__container {
        margin: auto;
        padding-block: 113px 156px
    }
}

@media (min-width:1024px) {
    .client__container {
        padding-block: 136px 190px
    }

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

.client__title {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 69px;
    color: #e1f1e3;
    letter-spacing: -3px
}

@media (min-width:768px) {
    .client__title {
        font-size: 50px;
        line-height: 69px;
        letter-spacing: -3px
    }
}

.client__text {
    margin: 0 0 82px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .client__text {
        padding-top: 31px;
        width: 464px;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

@media (min-width:1024px) {
    .client__text {
        width: 396px
    }
}

@media (min-width:1440px) {
    .client__text {
        width: 496px
    }
}

.client__image-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px 50px
}

@media (min-width:768px) {
    .client__image-wrapper {
        margin: 0 auto;
        gap: 110px 95px;
        width: 600px
    }
}

@media (min-width:1024px) {
    .client__image-wrapper {
        width: 986px
    }
}

@media (min-width:1440px) {
    .client__image-wrapper {
        width: 1090px
    }
}

.client__image {
    width: auto;
    height: 50px;
    display: block
}

.magazine {
    background-color: #fff
}

.magazine__container {
    margin: 0 auto;
    padding: 0 16px;
    padding-block: 72px 147px
}

@media (min-width:768px) {
    .magazine__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .magazine__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .magazine__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .magazine__container {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .magazine__container {
        padding-block: 127px 166px
    }
}

@media (min-width:1024px) {
    .magazine__container {
        padding-block: 130px
    }
}

.magazine__title {
    margin: 0 0 69px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 69px;
    color: #151919;
    letter-spacing: -2px
}

@media (min-width:768px) {
    .magazine__title {
        font-size: 50px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) {
    .magazine__title {
        font-size: 55px
    }
}

.magazine__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

@media (min-width:768px) {
    .magazine__list {
        width: 58%
    }
}

.magazine__item {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #5d9f93
}

.magazine__item--active {
    background-color: #e1f1e3;
    margin-inline: -15px;
    padding-inline: 15px;
    border-top: none;
    border-bottom: none
}

.magazine__download,
.magazine__item-name {
    display: block
}

.magazine__item-name {
    width: 60%;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 135%;
    color: #151919;
    letter-spacing: -.5px
}

@media (min-width:768px) {
    .magazine__item-name {
        font-size: 24px;
        line-height: 35px;
        letter-spacing: -1px
    }
}

.magazine__link {
    position: relative;
    padding-left: 18px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #e0804e
}

.magazine__link::before {
    position: absolute;
    content: "";
    left: 0;
    top: 2px;
    width: 13px;
    height: 15px;
    background-image: url(../img/download_sign.svg);
    background-repeat: no-repeat;
    background-size: 13px 15px
}

@media (min-width:768px) {
    .magazine__link {
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }

    .magazine__link::before {
        left: -5px;
        top: 8px;
        width: 20px;
        height: 23px;
        background-image: url(../img/download_sign-tablet.svg)
    }

    .magazine__list-box {
        display: flex;
        gap: 8%
    }
}

.magazine__brochure {
    display: none
}

@media (min-width:768px) {
    .magazine__brochure {
        display: block;
        min-width: 30%
    }
}

.magazine__list-box--biomes {
    margin-bottom: 108px
}

.contacts {
    padding-top: 80px;
    position: relative;
    background-color: #003137;
    overflow: hidden
}

.contacts__container {
    margin: 0 auto;
    padding: 0 16px;
    padding-block: 0
}

@media (min-width:768px) {
    .contacts__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .contacts__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .contacts__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .contacts__container {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .contacts__container {
        padding-block: 64px 0
    }
}

@media (min-width:1024px) {
    .contacts__container {
        display: flex;
        flex-direction: row;
        flex-flow: row wrap
    }
}

.contacts__box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
    letter-spacing: -.5px
}

@media (min-width:768px) {
    .contacts__box {
        margin-bottom: 80px
    }
}

@media (min-width:1024px) {
    .contacts__box {
        width: 300px;
        display: flex;
        flex-direction: column
    }
}

.contacts__title {
    margin: 0 0 10px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 69px;
    color: #e1f1e3;
    letter-spacing: -2px
}

@media (min-width:768px) {
    .contacts__title {
        font-size: 50px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) {
    .contacts__title {
        font-size: 55px;
        width: 100%;
        padding-bottom: 50px
    }

    .contacts__form {
        width: 800px
    }
}

.address__title {
    margin: 0 0 5px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    align-items: center;
    color: #e1f1e3
}

@media (min-width:768px) {
    .address__title {
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

.address__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.address__link {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 135%;
    color: #e1f1e3
}

@media (min-width:768px) {
    .address__link {
        font-size: 24px;
        line-height: 35px;
        letter-spacing: -1px
    }
}

.social__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.social__title {
    margin: 0 0 5px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    align-items: center;
    color: #e1f1e3
}

@media (min-width:768px) {
    .social__title {
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

.social__link {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 135%;
    color: #e1f1e3
}

@media (min-width:768px) {
    .social__link {
        font-size: 24px;
        line-height: 35px;
        letter-spacing: -1px
    }
}

.form {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 39px 0 39px 35px;
    margin: 0 0 0 16px
}

.form::before {
    position: absolute;
    content: "";
    top: 0;
    right: -35px;
    width: min(140vw, 700px);
    height: min(140vw, 700px);
    background-image: url("data:image/svg+xml, %3Csvg fill='none' stroke='%235D9F93' xmlns='http://www.w3.org/2000/svg' id='icon-plus' viewBox='0.9 0.9 24.2 24.2'%3E%3Cg stroke-width='0.07' fill-rule='evenodd'%3E%3Cg id='Learn' transform='translate(-249.000000, -3678.000000)'%3E%3Cg id='Group-6' transform='translate(250.000000, 3679.000000)'%3E%3Cpath d='M24,24 L12.0006916,24 C5.40141779,24 0,18.5999654 0,12.0006916 C0,5.40141779 5.40141779,0 12.0006916,0 C18.5999654,0 24,5.40141779 24,12.0006916 L24,24 Z' vector-effect='non-scaling-stroke' stroke-width='2px'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: -9px -9px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    transform: rotate(180deg)
}

@media (min-width:768px) {
    .form::before {
        width: min(957px, 130vw);
        height: min(957px, 130vw);
        top: -40px;
        right: -40px;
        width: 125vw;
        height: 125vw;
        background-position: 0 0
    }
}

@media (min-width:1024px) {
    .form::before {
        width: 957px;
        height: 957px;
        right: -60px;
        top: -40px
    }
}

@media (min-width:1440px) {
    .form::before {
        width: 1184px;
        height: 1184px
    }
}

.form__reason {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .form__reason {
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

.form__fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.form__legend {
    font-size: 0;
    padding: 0;
    margin: 0
}

.form__input {
    position: relative;
    width: 100%;
    padding: 0 5px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 58px;
    color: #fff;
    letter-spacing: -1px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #5d9f93;
    z-index: 5
}

@media (min-width:768px) {
    .form__input {
        font-size: 20px;
        line-height: 69px
    }
}

.form__input:invalid {
    border-bottom: 1px solid #e0804e
}

.form__input:placeholder-shown {
    border-bottom: 1px solid #5d9f93
}

.form__input:focus {
    outline: 1px solid #5d9f93
}

.form__input:focus:not(:focus-visible),
.form__textarea:focus:not(:focus-visible) {
    outline: 0
}

.form__input:focus-visible {
    outline: 1px solid #5d9f93
}

.form__input::placeholder,
.form__textarea::placeholder {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 69px;
    letter-spacing: -1px;
    color: #e1f1e3;
    opacity: .4
}

@media (min-width:768px) {

    .form__input::placeholder,
    .form__textarea::placeholder {
        font-size: 20px
    }
}

.form__textarea {
    position: relative;
    padding: 0 5px;
    margin-bottom: 27px;
    min-height: 70px;
    max-height: 420px;
    width: 100%;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    letter-spacing: -1px;
    background-color: #003137;
    border: 0;
    border-bottom: 1px solid #5d9f93;
    resize: vertical;
    z-index: 5
}

@media (min-width:768px) {
    .form__textarea {
        margin-bottom: 64px;
        font-size: 20px;
        line-height: 69px
    }
}

.form__textarea:focus {
    outline: 1px solid #5d9f93
}

.form__textarea:focus-visible {
    outline: 1px solid #5d9f93
}

.form__btn-submit {
    position: relative;
    width: 175px;
    padding: 12px 36px;
    background: #e0804e;
    border-radius: 64px;
    border: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    cursor: pointer;
    z-index: 5
}

.form__btn-submit:focus-visible {
    outline: 2px solid #5d9f93
}

@media screen and (max-width:500px) {
    .form__btn-submit {
        margin: auto
    }
}

.footer {
    background-color: #151919
}

.footer__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    min-height: 250px;
    margin: 0 auto;
    padding: 0 16px;
    padding-block: 32px 27px
}

@media (min-width:768px) {
    .footer__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .footer__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .footer__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .footer__container {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .footer__container {
        justify-content: unset;
        padding-block: 81px 57px
    }
}

.footer__copyright {
    position: absolute;
    bottom: 25px;
    right: 16px;
    display: block;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .footer__copyright {
        position: static;
        font-size: 16px;
        line-height: 24px
    }
}

.footer__logo {
    display: flex;
    width: 100%;
    margin-left: auto
}

@media (min-width:768px) {
    .footer__logo {
        flex-direction: column;
        gap: 11px;
        width: 150px;
        margin-left: 0 auto
    }
}

.footer__logo-link {
    width: 88px;
    height: 30px
}

@media (min-width:768px) {
    .footer__address {
        margin-left: 73px
    }
}

.footer__address-title {
    margin: 0 0 5px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    align-items: center;
    color: #e1f1e3
}

.footer__address-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.footer__address-link {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 135%;
    color: #e1f1e3
}

.footer__social-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.footer__social-link,
.footer__social-title {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-size: 18px;
    color: #e1f1e3
}

.footer__social-title {
    margin: 0 0 5px;
    padding: 0;
    font-weight: 400;
    line-height: 24px;
    align-items: center
}

.footer__social-link {
    font-weight: 300;
    line-height: 135%
}

[dir=rtl] .navigation__list {
    padding: 21px 65px 0 0
}

@media screen and (min-width:768px) {
    [dir=rtl] .construction__text::before {
        transform: scale(-1, 1)
    }

    [dir=rtl] .about-history__list--light::before {
        transform: none !important
    }
}

[dir=rtl] .about-map__pin--1,
[dir=rtl] .about-map__pin--2,
[dir=rtl] .about-map__pin--3 {
    left: auto !important
}

[dir=rtl] .about-map__pin--3:not(:hover) {
    right: 40% !important
}

[dir=rtl] .about-map__pin--3:hover {
    right: 33.5% !important
}

[dir=rtl] .about-map__pin--1:not(:hover) {
    right: 45.6% !important
}

[dir=rtl] .about-map__pin--1:hover {
    right: 39.1% !important
}

[dir=rtl] .about-map__pin--2:hover {
    right: -3% !important
}

[dir=rtl] .about-map__pin--2:not(:hover) {
    right: 3.3% !important
}

[dir=rtl] .about-opportunities,
[dir=rtl] .about-opportunities__container {
    background-image: none !important
}

@media screen and (min-width:768px) {
    [dir=rtl] .biomes__features::before {
        transform: rotate(180deg) scale(-1, 1) !important
    }
}

[dir=rtl] .slick-prev {
    left: 0 !important;
    right: auto !important
}

[dir=rtl] .slick-next {
    left: auto !important;
    right: 0 !important
}

.contacts__form {
    min-height: 500px
}

.project {
    background-color: #003137
}

.project__container {
    margin: 0 auto;
    padding: 0 16px
}

@media (min-width:768px) {
    .project__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .project__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .project__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .project__container {
        padding: 0 348px
    }
}

.project__title {
    margin: 0;
    padding: 16px 0 18px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 69px;
    letter-spacing: -1px;
    color: #e1f1e3;
    background-color: #003137
}

@media (min-width:768px) {
    .project__title {
        padding: 54px 0 70px;
        font-size: 40px;
        letter-spacing: -2px
    }
}

@media (min-width:1024px) {
    .project__title {
        padding: 105px 0 44px;
        font-size: 55px;
        letter-spacing: -3px
    }
}

@media (min-width:1440px) {
    .project__title {
        padding-top: 90px
    }
}

.project__box-info {
    border-top: 2px solid rgba(225, 241, 227, .6);
    padding-bottom: 53px;
    padding-top: 53px
}

@media (min-width:768px) {
    .project__box-info {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top: 40px
    }
}

@media (min-width:1024px) {
    .project__box-info {
        padding-top: 90px;
        padding-bottom: 66px
    }
}

.project__info {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #e1f1e3;
    gap: 30px
}

@media (min-width:768px) {
    .project__info {
        width: 60%
    }
}

@media (min-width:1024px) {
    .project__info {
        width: 70%;
        gap: 5%;
        justify-content: unset
    }
}

.project__feature-box {
    width: 45%
}

@media (min-width:1024px) {
    .project__feature-box {
        width: 30%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }

    .project__feature-box--order {
        order: -1
    }
}

.project__item-info {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 52px;
    letter-spacing: -1px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .project__item-info {
        font-size: 32px
    }
}

@media (min-width:1024px) {
    .project__item-info {
        font-size: 36px
    }
}

.project__feature {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-transform: lowercase;
    color: #e1f1e3
}

@media (min-width:768px) {
    .project__feature {
        font-size: 14px
    }
}

@media (min-width:1024px) {
    .project__feature {
        font-size: 16px
    }
}

.project__list-of-works {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0;
    list-style-type: none;
    padding: 0 0 53px;
    color: #e1f1e3
}

.project__item-of-works {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 149%;
    color: #e1f1e3
}

@media (min-width:768px) {
    .project__item-of-works {
        font-size: 16px
    }
}

@media (min-width:1024px) {
    .project__item-of-works {
        font-size: 18px;
        letter-spacing: -1px
    }
}

.project__text-box {
    padding: 84px 0 86px;
    border-top: 2px solid rgba(225, 241, 227, .6)
}

@media (min-width:768px) {
    .project__text-box {
        padding: 46px 0
    }
}

@media (min-width:1024px) {
    .project__text-box {
        display: flex;
        padding: 93px 0 117px
    }
}

@media (min-width:1440px) {
    .project__text-box {
        padding: 44px 0 197px
    }
}

.project__text {
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 149%
}

.project__text--small {
    padding: 0 35px 33px 0
}

@media (min-width:768px) {
    .project__text--small {
        width: 315px
    }
}

.project__text--large {
    font-weight: 300;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: -1px;
    color: #fff
}

@media (min-width:768px) {
    .project__text--large {
        width: 600px;
        margin-right: auto;
        font-size: 28px;
        line-height: 128%
    }
}

.project__info--project2 {
    padding: 60px 0 0
}

.project-slider {
    position: relative;
    margin: 0 auto;
    background: linear-gradient(180deg, #003137 50%, #e1f1e3 50%);
    padding: 0 16px
}

@media (min-width:768px) {
    .project-slider {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .project-slider {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .project-slider {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .project-slider {
        padding: 0 348px
    }

    .project-slider__box {
        margin: 0 auto;
        max-width: 1224px
    }
}

.project-slider__nav-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 9px;
    position: absolute;
    right: 50%;
    bottom: 20px;
    transform: translateX(-50%)
}

.project-slider__nav-btn {
    display: block;
    width: 10px;
    height: 10px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
    background-image: url(../img/project-slider-point.svg)
}

.project-slider__nav-btn--active {
    background-image: url(../img/project-slider-active-point.svg)
}

.project-slider__image {
    display: block
}

.project-description {
    position: relative;
    overflow: hidden;
    padding: 0 16px;
    padding-block: 76px 40px;
    background: #e1f1e3
}

@media (min-width:768px) {
    .project-description {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .project-description {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .project-description {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .project-description {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .project-description {
        padding-block: 108px 0
    }
}

@media (min-width:1024px) {
    .project-description {
        padding-block: 52px 0
    }
}

@media (min-width:1440px) {
    .project-description {
        padding-block: 97px 0
    }
}

@media (min-width:1920px) {
    .project-description {
        padding-block: 97px 0
    }
}

.project-description__box {
    position: relative
}

@media (min-width:768px) {
    .project-description__box {
        display: flex;
        flex-wrap: wrap;
        row-gap: 0;
        column-gap: 50px;
        padding: 108px 40px 57px;
        background-color: transparent;
        z-index: 10
    }

    .project-description__box::before {
        position: absolute;
        content: "";
        top: 55px;
        right: 0;
        width: 100%;
        height: 93vw;
        z-index: 5;
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%23003137' xmlns='http://www.w3.org/2000/svg' id='icon-plus' viewBox='0.9 0.9 24.2 24.2' transform='rotate(180)'%3E%3Cg stroke-width='0.1' fill='%23003137' fill-rule='evenodd'%3E%3Cg id='Learn' transform='translate(-249.000000, -3678.000000)'%3E%3Cg id='Group-6' transform='translate(250.000000, 3679.000000)'%3E%3Cpath d='M24,24 L12.0006916,24 C5.40141779,24 0,18.5999654 0,12.0006916 C0,5.40141779 5.40141779,0 12.0006916,0 C18.5999654,0 24,5.40141779 24,12.0006916 L24,24 Z' stroke-width='0.1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-clip: content-box;
        background-color: transparent
    }
}

@media (min-width:1024px) {
    .project-description__box {
        gap: 80px;
        padding: 84px 60px 100px
    }

    .project-description__box::before {
        top: 10px;
        right: 0
    }
}

@media (min-width:1440px) {
    .project-description__box {
        padding: 84px 80px 100px
    }

    .project-description__box::before {
        top: -60px
    }
}

@media (min-width:1920px) {
    .project-description__box {
        padding-inline: 200px;
        margin: 0 auto;
        max-width: 1224px
    }

    .project-description__box::before {
        top: -60px;
        right: 0
    }
}

.project-description__text {
    position: relative;
    margin: 0;
    padding: 0 0 36px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: -.5px;
    color: #003137
}

@media (min-width:768px) {
    .project-description__text {
        color: #e1f1e3;
        width: 45%;
        z-index: 10
    }
}

@media (min-width:1024px) {
    .project-description__text {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:768px) {
    .project-description__text--small {
        column-count: 2;
        column-gap: 50px;
        width: 95%
    }
}

@media (min-width:1024px) {
    .project-description__text--small {
        column-gap: 80px
    }
}

.project-description__text--large {
    padding: 0 0 32px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 128%;
    letter-spacing: -1px;
    color: #003137
}

@media (min-width:768px) {
    .project-description__text--large {
        width: 66%;
        font-size: 24px;
        color: #e1f1e3
    }
}

@media (min-width:1024px) {
    .project-description__text--large {
        font-size: 32px
    }
}

.project-description--project2 {
    background-color: #003137;
    padding: 72px 16px 79px
}

.project-description__text--large-project2,
.project-description__text-project2 {
    color: #e1f1e3
}

.project-description__box.noaround:before {
    display: none
}

.project-image-box__image,
.project-image-box__picture {
    display: block
}

.project-text {
    padding: 40px 16px
}

@media (min-width:768px) {
    .project-text {
        display: flex;
        gap: 24px;
        align-items: center;
        padding: 118px 32px 88px
    }
}

@media (min-width:1024px) {
    .project-text {
        padding: 118px 20px
    }
}

@media (min-width:1440px) {
    .project-text {
        gap: 128px;
        padding: 118px 108px
    }
}

@media (min-width:1920px) {
    .project-text {
        padding: 118px 350px
    }
}

.project-text__box {
    display: block
}

@media (min-width:768px) {
    .project-text__box {
        display: flex;
        gap: 128px
    }
}

@media (min-width:1920px) {
    .project-text__box {
        max-width: 1224px;
        margin: 0 auto
    }
}

.project-text__content {
    margin: 0 0 40px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: -.5px;
    color: #003137
}

@media (min-width:768px) {
    .project-text__content {
        order: 2
    }
}

@media (min-width:1024px) {
    .project-text__content {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:1440px) {
    .project-text__content {
        min-width: 496px
    }
}

.project-text__image {
    display: block
}

@media (min-width:768px) {
    .project-text__image {
        min-width: 50vw;
        height: auto;
        order: 1
    }
}

@media (min-width:1024px) {
    .project-text__image {
        min-width: 45vw
    }
}

@media (min-width:1440px) {
    .project-text__image {
        min-width: 30vw;
        max-width: 496px
    }
}

@media (min-width:1920px) {
    .project-text__image {
        min-width: 18vw;
        max-width: 496px
    }
}

.project-subject {
    padding: 0 16px 80px;
    background-color: #fff
}

@media (min-width:768px) {
    .project-subject {
        display: flex;
        gap: 24px;
        align-items: center;
        padding: 0 32px 105px
    }
}

@media (min-width:1024px) {
    .project-subject {
        padding: 0 20px 91px
    }
}

@media (min-width:1440px) {
    .project-subject {
        padding: 0 108px 162px;
        gap: 128px
    }
}

@media (min-width:1920px) {
    .project-subject {
        padding: 0 350px 162px
    }
}

.project-subject__box {
    display: block
}

@media (min-width:768px) {
    .project-subject__box {
        display: flex;
        gap: 128px
    }
}

@media (min-width:1920px) {
    .project-subject__box {
        max-width: 1224px;
        margin: 0 auto
    }
}

.project-subject__text {
    margin-bottom: 40px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: -.5px;
    color: #003137
}

@media (min-width:1024px) {
    .project-subject__text {
        font-size: 18px;
        line-height: 24px
    }

    .project-subject__picture {
        margin-top: -175px
    }
}

@media (min-width:1440px) {
    .project-subject__picture {
        margin-top: -215px
    }
}

.project-subject__image {
    display: block
}

@media (min-width:768px) {
    .project-subject__image {
        min-width: 50vw;
        height: auto
    }
}

@media (min-width:1024px) {
    .project-subject__image {
        min-width: 45vw
    }
}

@media (min-width:1440px) {
    .project-subject__image {
        min-width: 30vw;
        max-width: 496px
    }
}

@media (min-width:1920px) {
    .project-subject__image {
        min-width: 18vw;
        max-width: 496px
    }
}

.project-content {
    margin: 0 auto;
    background-color: #fff;
    background: linear-gradient(180deg, #fff 43%, #e1f1e3 43%);
    padding: 0 16px
}

@media (min-width:768px) {
    .project-content {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .project-content {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .project-content {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .project-content {
        padding: 0 348px
    }
}

@media (min-width:1440px) {
    .project-content__main-box {
        max-width: 1920px;
        margin: 0 auto
    }
}

@media (min-width:1920px) {
    .project-content__main-box {
        max-width: 1224px;
        margin: 0 auto
    }
}

.project-content__box {
    display: flex;
    justify-content: space-between;
    align-content: flex-end;
    gap: 10%
}

.project-content__link-back {
    display: block;
    margin: 33px 0 43px;
    padding-right: 31px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #e0804e
}

@media (min-width:768px) {
    .project-content__link-back {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.5px
    }
}

@media (min-width:1024px) {
    .project-content__link-back {
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

.project-content__box-back {
    position: relative
}

.project-content__link-back-icon {
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    width: 24px;
    height: 10px
}

@media (min-width:1024px) {
    .project-content__link-back-icon {
        top: 11px
    }
}

.project-content__box-next,
.project-content__box-prev {
    position: relative;
    z-index: 5;
    background: linear-gradient(180deg, rgba(0, 49, 55, .5) 0, rgba(0, 49, 55, .07) 100%);
    width: 35vw
}

.project-content__box-next:hover,
.project-content__box-prev:hover {
    background: linear-gradient(180deg, #003137 0, rgba(0, 49, 55, .72) 100%)
}

.project-content__link {
    position: relative;
    padding: 0;
    display: block
}

.project-content__desc {
    position: absolute;
    top: 5px;
    right: 0
}

.project-content__desc-text {
    margin: 5px 0 0 12px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 24px;
    color: #f3f1d8
}

@media (min-width:768px) {
    .project-content__desc-text {
        margin: 20px 0 0 24px;
        font-size: 14px
    }
}

@media (min-width:1024px) {
    .project-content__desc-text {
        margin: 30px 0 0 24px;
        font-size: 16px
    }
}

.project-content__desc-text include media-desktop-wide {
    margin: 30px 0 0 30px
}

.project-content__desc-title {
    margin: 0 0 0 12px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    color: #fff
}

@media (min-width:768px) {
    .project-content__desc-title {
        margin: 0 0 0 24px;
        font-size: 24px;
        line-height: 52px;
        letter-spacing: -1px
    }
}

@media (min-width:1024px) {
    .project-content__desc-title {
        font-size: 32px
    }
}

.project-content__image {
    display: block;
    height: 100%
}

.project-content__video {
    display: block;
    position: relative
}

.project-content__icon-play {
    position: absolute;
    width: 45px;
    height: 45px;
    top: calc(50% - 23px);
    right: calc(50% - 23px);
    cursor: pointer
}

@media (min-width:768px) {
    .project-content__icon-play {
        width: 60px;
        height: 60px
    }
}

@media (min-width:1440px) {
    .project-content__icon-play {
        width: 72px;
        height: 72px
    }
}

.project-content--project2 {
    background: linear-gradient(180deg, #fff 43%, #fff 43%);
    max-width: 1920px
}

.project-2 {
    background-color: #003137
}

.project-2__container {
    margin: 0 auto;
    max-width: 1224px;
    padding: 0 16px
}

@media (min-width:768px) {
    .project-2__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .project-2__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .project-2__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .project-2__container {
        padding: 0 348px;
        max-width: 1920px
    }
}

.project-2__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 125px 0 60px
}

@media (min-width:768px) {
    .project-2__wrapper {
        padding: 125px 0 75px
    }
}

@media (min-width:1024px) {
    .project-2__wrapper {
        padding: 145px 0 55px
    }
}

@media (min-width:1440px) {
    .project-2__wrapper {
        padding-bottom: 75px
    }
}

.project-2__title {
    margin: 0;
    padding-bottom: 43px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 43px;
    letter-spacing: -1px;
    color: #e1f1e3;
    background-color: #003137
}

@media (min-width:768px) {
    .project-2__title {
        padding-bottom: 100px;
        font-size: 65px;
        line-height: 69px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) {
    .project-2__title {
        padding-bottom: 145px;
        font-size: 96px;
        line-height: 100px;
        letter-spacing: -5px
    }
}

@media (min-width:768px) {
    .project-2__container-picture {
        display: flex;
        justify-content: space-between;
        gap: 24px;
        width: 100%
    }
}

@media (min-width:1024px) {
    .project-2__container-picture {
        gap: 85px
    }
}

@media (min-width:1440px) {
    .project-2__container-picture {
        gap: 104px
    }
}

.banner-project-2__image--left {
    display: block
}

.project-2__image-right {
    display: none
}

@media (min-width:768px) {
    .project-2__image-right {
        display: block;
        margin-top: -180px
    }
}

@media (min-width:1024px) {
    .project-2__image-right {
        margin-top: -250px
    }
}

@media (min-width:1440px) {
    .project-2__image-right {
        margin-top: -265px
    }
}

.project-2__banner-picture {
    display: block
}

.project-2__box-info {
    border-top: 2px solid rgba(225, 241, 227, .6);
    padding: 53px 0 68px
}

@media (min-width:768px) {
    .project-2__box-info {
        padding: 44px 0 60px;
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width:1024px) {
    .project-2__box-info {
        padding: 68px 0 85px
    }
}

@media (min-width:1440px) {
    .project-2__box-info {
        padding: 110px 0 130px
    }
}

.project-2__info {
    align-items: baseline;
    margin: 0 0 31px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    color: #e1f1e3
}

@media (min-width:768px) {
    .project-2__info {
        margin-bottom: 60px;
        width: 60%
    }
}

@media (min-width:1024px) {
    .project-2__info {
        width: 70%
    }
}

.project-2__feature-box {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media (min-width:1024px) {
    .project-2__feature-box {
        width: 23%
    }

    .project__feature-box--order {
        order: -1
    }
}

.project-2__item-info {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 52px;
    letter-spacing: -1px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .project-2__item-info {
        font-size: 32px
    }
}

@media (min-width:1024px) {
    .project-2__item-info {
        font-size: 36px
    }
}

.project-2__feature {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-transform: lowercase;
    color: #e1f1e3
}

@media (min-width:768px) {
    .project-2__feature {
        font-size: 14px
    }
}

@media (min-width:1024px) {
    .project-2__feature {
        font-size: 16px
    }
}

.project-2__list-of-works {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0;
    list-style-type: none;
    padding: 0 0 53px;
    justify-content: center;
    color: #e1f1e3
}

@media (min-width:768px) {
    .project-2__list-of-works {
        gap: 6px;
        padding-bottom: 110px;
        width: 30%
    }
}

@media (min-width:1024px) {
    .project-2__list-of-works {
        padding-bottom: 34px
    }
}

@media (min-width:1440px) {
    .project-2__list-of-works {
        padding-bottom: 43px
    }
}

.project-2__item-of-works {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 149%;
    color: #e1f1e3
}

@media (min-width:768px) {
    .project-2__item-of-works {
        font-size: 16px
    }
}

@media (min-width:1024px) {
    .project-2__item-of-works {
        font-size: 18px;
        letter-spacing: -1px
    }
}

.project-2__text-box {
    width: 100%;
    padding: 56px 0 0;
    border-top: 2px solid rgba(225, 241, 227, .6)
}

@media (min-width:768px) {
    .project-2__text-box {
        display: flex;
        gap: 80px;
        padding: 60px 0 0
    }
}

@media (min-width:1024px) {
    .project-2__text-box {
        display: flex;
        padding: 68px 0 0
    }
}

@media (min-width:1440px) {
    .project-2__text-box {
        padding: 110px 0 0
    }
}

.project-2__text {
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.project-2__text--small {
    padding: 0 35px 33px 0
}

@media (min-width:768px) {
    .project-2__text--small {
        width: 210px
    }
}

@media (min-width:1024px) {
    .project-2__text--small {
        width: 312px
    }
}

.project-2__text--large {
    font-weight: 300;
    font-size: 22px;
    line-height: 128%;
    letter-spacing: -1px;
    color: #fff
}

@media (min-width:768px) {
    .project-2__text--large {
        width: 415px;
        margin-right: auto;
        font-size: 28px;
        line-height: 128%
    }
}

@media (min-width:1024px) {
    .project-2__text--large {
        width: 565px;
        font-size: 32px
    }
}

@media (min-width:1440px) {
    .project-2__text--large {
        width: 705px
    }
}

.project-2-slider {
    position: relative;
    background: linear-gradient(180deg, #003137 50%, #003137 50%);
    padding: 0 16px
}

@media (min-width:768px) {
    .project-2-slider {
        background: linear-gradient(180deg, #003137 50%, #e1f1e3 50%);
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .project-2-slider {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .project-2-slider {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .project-2-slider {
        padding: 0 348px
    }
}

.project-2-slider__box {
    position: relative;
    margin: 0 auto;
    max-width: 1224px
}

.project-2-slider__box:after,
.project-2-slider__box:before {
    position: absolute;
    content: "";
    width: 28px;
    height: 7px;
    left: 6px;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%)
}

.project-2-slider__box:after {
    background-image: url(../img/project-arrow-mob.svg)
}

.project-2-slider__box:before {
    background-image: url(../img/project-arrow-mob-left.svg);
    right: 6px
}

.project-2-slider__nav-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 9px;
    position: absolute;
    right: 50%;
    bottom: 20px;
    transform: translateX(-50%)
}

.project-2-slider__nav-btn {
    display: block;
    width: 10px;
    height: 10px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
    background-image: url(../img/project-slider-point.svg)
}

.project-2-slider__nav-btn--active {
    background-image: url(../img/project-slider-active-point.svg)
}

.project-2-slider__picture {
    position: relative
}

.project-2-slider__picture:after,
.project-2-slider__picture:before {
    position: absolute;
    content: "";
    top: 0;
    width: 27%;
    height: 100%;
    background: linear-gradient(94.29deg, rgba(0, 49, 55, .6) .06%, rgba(243, 241, 216, 0) 87.25%)
}

.project-2-slider__picture:before {
    right: 0
}

.project-2-slider__picture:after {
    left: 0;
    transform: rotate(-180deg)
}

.project-2-slider__image {
    display: block
}

.project-slider--project2 {
    background: linear-gradient(180deg, #003137 50%, #003137 50%)
}

.project-2-description {
    position: relative;
    overflow: hidden;
    background-color: #003137;
    padding: 0 16px;
    padding-block: 72px 79px
}

@media (min-width:768px) {
    .project-2-description {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .project-2-description {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .project-2-description {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .project-2-description {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .project-2-description {
        padding-block: 88px 0;
        background-color: #e1f1e3
    }

    .project-2-description::before {
        position: absolute;
        content: "";
        top: 80px;
        right: -60px;
        width: 100%;
        height: 93vw;
        margin-right: 32px;
        z-index: 5;
        transform: rotate(180deg);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%23003137' xmlns='http://www.w3.org/2000/svg' id='icon-plus' viewBox='0.9 0.9 24.2 24.2'%3E%3Cg stroke-width='0.1' fill='%23003137' fill-rule='evenodd'%3E%3Cg id='Learn' transform='translate(-249.000000, -3678.000000)'%3E%3Cg id='Group-6' transform='translate(250.000000, 3679.000000)'%3E%3Cpath d='M24,24 L12.0006916,24 C5.40141779,24 0,18.5999654 0,12.0006916 C0,5.40141779 5.40141779,0 12.0006916,0 C18.5999654,0 24,5.40141779 24,12.0006916 L24,24 Z' stroke-width='0.1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 93vw;
        background-clip: content-box;
        background-color: transparent
    }
}

@media (min-width:1024px) {
    .project-2-description {
        padding-block: 100px 0
    }
}

@media (min-width:1440px) {
    .project-2-description {
        padding-block: 100px 0
    }
}

@media (min-width:1920px) {
    .project-2-description {
        padding-block: 100px 0
    }
}

.project-2-description__container {
    margin: 0 auto;
    max-width: 1224px;
    background-color: #003137
}

@media (min-width:768px) {
    .project-2-description__container {
        padding: 49px 61px 74px 30px;
        background-color: transparent
    }
}

@media (min-width:1024px) {
    .project-2-description__container {
        padding: 58px 78px 84px 60px
    }
}

@media (min-width:1440px) {
    .project-2-description__container {
        padding: 105px 237px 126px 79px
    }
}

@media (min-width:768px) {
    .project-2-description__box {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        padding: 34px 30px 57px;
        background-color: transparent;
        z-index: 10
    }
}

@media (min-width:1024px) {
    .project-2-description__box {
        gap: 80px;
        padding: 84px 60px 100px
    }
}

@media (min-width:1440px) {
    .project-2-description__box {
        padding: 84px 80px 100px
    }
}

@media (min-width:768px) {
    .project-2-description__wrapper {
        display: flex;
        gap: 50px
    }
}

.project-2-description__text {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: -.5px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .project-2-description__text {
        color: #e1f1e3;
        width: 45%;
        z-index: 10
    }
}

@media (min-width:1024px) {
    .project-2-description__text {
        font-size: 18px;
        line-height: 24px
    }
}

.project-2-description__text--large {
    position: relative;
    padding: 0 0 32px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 128%;
    letter-spacing: -1px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .project-2-description__text--large {
        width: 80%;
        color: #e1f1e3;
        font-size: 24px;
        z-index: 10
    }
}

@media (min-width:1024px) {
    .project-2-description__text--large {
        font-size: 32px
    }
}

@media (min-width:768px) {
    .project-2-description__text-span:nth-child(2n-1) {
        display: block;
        margin-bottom: 20px
    }
}

.articles {
    padding-top: 80px;
    background: #e1f1e3
}

@media (min-width:768px) {
    .articles {
        padding-top: 100px
    }
}

.articles__container {
    padding: 0 16px
}

@media (min-width:768px) {
    .articles__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .articles__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .articles__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .articles__container {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .articles__box {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 20px 0
    }
}

.articles__title {
    margin: 0;
    padding: 18px 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 69px;
    letter-spacing: -2px;
    color: #003137
}

@media (min-width:768px) {
    .articles__title {
        padding: 44px 0;
        font-size: 50px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) {
    .articles__title {
        padding: 54px 0;
        font-size: 55px
    }

    .article {
        width: 30%
    }
}

.articles__container {
    margin: 0 auto
}

@media (min-width:1024px) {

    .article:nth-child(5n),
    .article:nth-child(5n-1) {
        width: 45%
    }
}

.article:not(:last-child) {
    margin-bottom: 60px
}

.article:last-child {
    padding-bottom: 60px
}

.article__image {
    display: block
}

.article__title {
    margin: 10px 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 128%;
    letter-spacing: -1px;
    color: #003137
}

@media (min-width:768px) {
    .article__title {
        font-size: 34px;
        line-height: 38px;
        letter-spacing: -.786px
    }
}

.article__tags {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #254634;
    opacity: .7
}

@media (min-width:768px) {
    .article__tags {
        font-size: 16px;
        padding: 24px 0 0
    }
}

.article__text {
    margin: 11px 0 18px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151919
}

@media (min-width:768px) {
    .article__text {
        width: 100%;
        font-size: 18px;
        letter-spacing: -.5px
    }
}

.article__btn-link {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #e0804e
}

@media (min-width:768px) {
    .article__btn-link {
        font-size: 22px;
        letter-spacing: -1px
    }
}

@media (min-width:1024px) {
    .article__btn-link {
        font-size: 24px
    }
}

.article--big {
    width: 100%
}

.article__box--big {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .article__box--big {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.article__title--big {
    margin: 10px 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 128%;
    letter-spacing: -1px;
    color: #003137
}

@media (min-width:768px) {
    .article__title--big {
        font-size: 32px
    }
}

.article__tags--big {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #254634;
    opacity: .7
}

@media (min-width:768px) {
    .article__tags--big {
        font-size: 16px;
        padding: 24px 0 0
    }
}

.article__text--big {
    margin: 11px 0 18px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151919
}

@media (min-width:768px) {
    .article__text--big {
        width: 100%;
        font-size: 18px;
        letter-spacing: -.5px
    }
}

.article__link--big {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #e0804e
}

@media (min-width:768px) {
    .article__link--big {
        font-size: 22px;
        letter-spacing: -1px
    }
}

@media (min-width:1024px) {
    .article__link--big {
        font-size: 24px
    }
}

.main-article {
    padding: 81px 0 0
}

@media (min-width:768px) {
    .main-article {
        padding-top: 100px
    }
}

.main-article__container {
    margin: 0 auto;
    max-width: 1224px;
    padding: 0 16px
}

@media (min-width:768px) {
    .main-article__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .main-article__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .main-article__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .main-article__container {
        padding: 0 348px
    }
}

@media (min-width:1440px) {
    .main-article__container {
        max-width: 1440px
    }
}

@media (min-width:1920px) {
    .main-article__container {
        max-width: 1924px
    }
}

.main-article__box--up {
    background-color: #e1f1e3
}

.main-article__box--down {
    background-color: #fff;
    padding: 24px 0 41px
}

@media (min-width:768px) {
    .main-article__box--down {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 34px
    }
}

.main-article__image-box {
    display: block;
    padding: 0 16px;
    background: linear-gradient(180deg, #e1f1e3 67%, #fff 67%)
}

@media (min-width:768px) {
    .main-article__image-box {
        padding: 0 32px;
        background: linear-gradient(180deg, #e1f1e3 89%, #fff 89%)
    }
}

@media (min-width:1024px) {
    .main-article__image-box {
        padding: 0 20px;
        background: linear-gradient(180deg, #e1f1e3 67%, #fff 67%)
    }
}

@media (min-width:1440px) {
    .main-article__image-box {
        padding: 0 108px
    }
}

.main-article__image {
    margin: 0 auto;
    max-width: 1224px
}

@media (min-width:1440px) {
    .main-article__image {
        margin: 0 auto;
        display: block
    }
}

.main-article__box--down {
    margin: 0 auto;
    max-width: 1224px
}

.main-article__title {
    margin: 0;
    padding: 32px 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 69px;
    letter-spacing: -2px;
    color: #003137
}

@media (min-width:768px) {
    .main-article__title {
        font-size: 50px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) {
    .main-article__title {
        font-size: 55px
    }
}

.main-article__text {
    margin: 0;
    padding: 0 0 14px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.5px;
    color: #003137
}

@media (min-width:768px) {
    .main-article__text {
        font-style: normal;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

.main-article__text-down {
    margin: 0 0 10px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151919
}

@media (min-width:768px) {
    .main-article__text-down {
        width: 45%;
        margin-bottom: 0
    }
}

@media (min-width:1024px) {
    .main-article__text-down {
        font-size: 18px
    }
}

.main-article__text-down--last {
    margin-bottom: 35px
}

@media (min-width:768px) {
    .main-article__text-down--last {
        margin-bottom: 0
    }
}

.main-article__btn-link {
    width: 180px;
    padding-right: 28px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #e0804e
}

@media (min-width:768px) {
    .main-article__btn-link {
        font-size: 22px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

@media (min-width:1024px) {
    .main-article__btn-link {
        font-size: 24px
    }
}

.main-article__btn-link-box {
    position: relative
}

.main-article__link-back-icon {
    position: absolute;
    display: block;
    top: 6px;
    right: 0;
    width: 24px;
    height: 10px
}

@media (min-width:768px) {
    .main-article__link-back-icon {
        top: 11px
    }
}

.works {
    padding-top: 80px;
    background: #e1f1e3
}

@media (min-width:768px) {
    .works {
        padding-top: 100px
    }
}

.works__container {
    margin: 0 auto;
    padding: 0 16px;
    padding-block: 26px 70px
}

@media (min-width:768px) {
    .works__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .works__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .works__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .works__container {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .works__articles-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 80px
    }
}

@media (min-width:1024px) {
    .works__articles-box {
        gap: 2.2%
    }
}

.works__title {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 69px;
    letter-spacing: -2px;
    color: #003137
}

@media (min-width:768px) {
    .works__title {
        font-size: 50px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) {
    .works__title {
        font-size: 55px
    }
}

.big-work-card {
    margin-bottom: 40px
}

.big-work-card__desc {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: #003137
}

@media (min-width:768px) {
    .big-work-card__desc {
        font-size: 16px
    }
}

.big-work-card__subject {
    margin: 0;
    padding: 0
}

.big-work-card__link {
    display: block;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 69px;
    letter-spacing: -1px;
    color: #003137
}

@media (min-width:768px) {
    .big-work-card__link {
        font-size: 35px;
        letter-spacing: -2px
    }
}

@media (min-width:1024px) {
    .big-work-card__link {
        font-size: 55px;
        letter-spacing: -3px
    }
}

.big-work-card__link--image {
    margin-bottom: 14px
}

.big-work-card__image {
    display: block
}

.big-work-card__address {
    margin: 0 0 14px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #254634;
    opacity: .7
}

@media (min-width:768px) {
    .big-work-card__address {
        font-size: 16px
    }
}

.big-work-card__text {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #151919
}

@media (min-width:768px) {
    .big-work-card__text {
        width: 600px
    }
}

@media (min-width:1024px) {
    .big-work-card__text {
        width: 592px
    }
}

.small-work-card:not(:last-child) {
    margin-bottom: 40px
}

.small-work-card__box {
    display: flex;
    justify-content: space-between
}

@media (min-width:768px) {
    .small-work-card {
        width: 43%
    }
}

@media (min-width:1024px) {
    .small-work-card {
        width: 31%
    }
}

.small-work-card--1 {
    order: 1
}

.small-work-card--2 {
    order: 2
}

.small-work-card--3 {
    order: 3
}

@media (min-width:768px) {
    .small-work-card--3 {
        order: 4
    }
}

@media (min-width:1024px) {
    .small-work-card--3 {
        order: 3
    }
}

.small-work-card--4 {
    order: 4
}

@media (min-width:768px) {
    .small-work-card--4 {
        order: 3
    }
}

@media (min-width:1024px) {
    .small-work-card--4 {
        order: 4
    }
}

.small-work-card--5 {
    order: 5
}

.small-work-card--6 {
    order: 6
}

.small-work-card__desc {
    margin: 0;
    padding: 5px 0 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-align: right;
    color: #003137
}

@media (min-width:768px) {
    .small-work-card__desc {
        font-size: 14px
    }
}

@media (min-width:1024px) {
    .small-work-card__desc {
        font-size: 16px
    }
}

.small-work-card__link,
.small-work-card__subject {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #003137
}

.small-work-card__subject {
    margin: 0;
    padding: 5px 0 0
}

.small-work-card__link {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden
}

.small-work-card__image {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block
}

.small-work-card__button {
    background: 0 0;
    position: absolute;
    top: calc(50% - 25px);
    z-index: 100;
    border: 1px solid #fff;
    cursor: pointer;
    visibility: hidden;
    right: 0;
    left: 0;
    margin-inline: auto
}

.small-work-card__link:hover .small-work-card__button {
    visibility: visible
}

.small-work-card__link:hover .small-work-card__image {
    transition-duration: .3s;
    filter: blur(17px)
}

.small-work-card__address {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #254634;
    opacity: .7
}

@media (min-width:768px) {
    .small-work-card__address {
        font-size: 14px
    }
}

.biomes__wrapper {
    background-color: #003137
}

.biomes__container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 0 16px
}

@media (min-width:768px) {
    .biomes__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .biomes__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .biomes__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .biomes__container {
        padding: 0 348px
    }
}

.biomes__box {
    position: relative;
    padding-block: 105px 95px;
    padding-left: 35px
}

@media (min-width:768px) {
    .biomes__box {
        padding-block: 100px 169px;
        padding-left: 80px
    }
}

@media (min-width:1024px) {
    .biomes__box {
        padding: 100px 132px 175px 155px
    }
}

@media (min-width:1920px) {
    .biomes__box {
        padding: 100px 155px
    }
}

.biomes__box::before {
    content: "";
    position: absolute;
    left: 16px;
    bottom: 70px;
    width: 1450px;
    height: 1450px;
    background-image: url("data:image/svg+xml, %3Csvg fill='none' stroke='%235D9F93' xmlns='http://www.w3.org/2000/svg' id='icon-plus' viewBox='0.9 0.9 24.2 24.2'%3E%3Cg stroke-width='0.07' fill-rule='evenodd'%3E%3Cg id='Learn' transform='translate(-249.000000, -3678.000000)'%3E%3Cg id='Group-6' transform='translate(250.000000, 3679.000000)'%3E%3Cpath d='M24,24 L12.0006916,24 C5.40141779,24 0,18.5999654 0,12.0006916 C0,5.40141779 5.40141779,0 12.0006916,0 C18.5999654,0 24,5.40141779 24,12.0006916 L24,24 Z' vector-effect='non-scaling-stroke' stroke-width='2px'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 1400px, 1400px
}

@media (min-width:768px) {
    .biomes__box::before {
        bottom: 80px;
        left: 32px;
        width: 949px;
        height: 949px;
        background-size: cover
    }
}

@media (min-width:1024px) {
    .biomes__box::before {
        left: 60px;
        width: 1382px;
        height: 1382px;
        background-size: cover
    }
}

@media (min-width:1440px) {
    .biomes__box::before {
        left: 40px;
        width: 1582px;
        height: 1382px
    }
}

@media (min-width:1920px) {
    .biomes__box::before {
        left: -50px
    }
}

.biomes__title {
    margin: 0 0 32px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 45px;
    line-height: 54px;
    letter-spacing: -3px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .biomes__title {
        margin-bottom: 4.65;
        padding-top: 32px;
        font-size: 75px;
        line-height: 81px;
        letter-spacing: -5px
    }
}

@media (min-width:1024px) {
    .biomes__title {
        padding-top: 65px;
        font-size: 96px;
        line-height: 100px
    }
}

@media (min-width:1440px) {
    .biomes__title {
        padding-top: 57px
    }
}

.biomes__text {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.5px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .biomes__text {
        width: 544px;
        margin: 0 auto
    }
}

@media (min-width:1024px) {
    .biomes__text {
        width: 600px;
        margin: 0 0 0 160px
    }
}

@media (min-width:1440px) {
    .biomes__text {
        margin-right: 416px
    }
}

.biomes__text:not(:last-child) {
    margin-bottom: 18px
}

.biomes__image-box {
    padding: 0 16px;
    background: linear-gradient(180deg, #e1f1e3 79%, #fff 79%)
}

@media (min-width:768px) {
    .biomes__image-box {
        padding: 0 32px;
        background: linear-gradient(180deg, #e1f1e3 60%, #fff 60%)
    }
}

@media (min-width:1024px) {
    .biomes__image-box {
        padding: 0 20px;
        background: linear-gradient(180deg, #e1f1e3 81%, #fff 81%)
    }
}

@media (min-width:1440px) {
    .biomes__image-box {
        padding: 0 108px
    }
}

.biomes__img {
    display: block;
    max-height: 100vh
}

.biomes__image {
    display: block;
    margin: 0 auto
}

@media (min-width:768px) {
    .biomes__image {
        max-width: 704px
    }
}

@media (min-width:1024px) {
    .biomes__image {
        max-width: 984px
    }
}

@media (min-width:1440px) {
    .biomes__image {
        max-width: 1016px
    }
}

.biomes__holder {
    background-color: #e1f1e3
}

.biomes__container--holder {
    padding: 80px 16px 75px
}

@media (min-width:768px) {
    .biomes__container--holder {
        padding: 91px 32px
    }
}

@media (min-width:1024px) {
    .biomes__container--holder {
        padding: 130px 20px 153px
    }
}

@media (min-width:1440px) {
    .biomes__container--holder {
        padding: 95px 108px 105px
    }
}

@media (min-width:1920px) {
    .biomes__container--holder {
        padding: 95px 350px 105px
    }
}

.biomes__heading {
    margin: 0 0 28px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 36px;
    letter-spacing: -2px;
    color: #003137
}

@media (min-width:768px) {
    .biomes__heading {
        width: 630px;
        margin-bottom: 59px;
        font-size: 50px;
        line-height: 56px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) {
    .biomes__heading {
        width: 650px;
        margin-bottom: 0;
        line-height: 69px
    }
}

@media (min-width:1440px) {
    .biomes__heading {
        margin-bottom: 25px
    }
}

.biomes__lead {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: -.5px;
    color: #003137
}

@media (min-width:768px) {
    .biomes__lead {
        width: 500px;
        margin-right: auto;
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:1024px) {
    .biomes__lead {
        margin-left: 64px;
        width: 650px;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

@media (min-width:1440px) {
    .biomes__lead {
        margin-left: 305px
    }
}

.biomes__text-box {
    background-color: #fff
}

.biomes__container--text {
    padding: 36px 16px;
    display: flex;
    flex-direction: column;
    gap: 23px
}

@media (min-width:768px) {
    .biomes__container--text {
        gap: 24px;
        flex-direction: row;
        justify-content: center;
        width: 704px;
        margin: 0 auto;
        padding: 91px 0 101px
    }
}

@media (min-width:1024px) {
    .biomes__container--text {
        padding: 97px 0;
        width: 984px
    }
}

@media (min-width:1440px) {
    .biomes__container--text {
        width: 1016px;
        padding: 111px 0 153px;
        gap: 67px
    }
}

.biomes__desc {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: -.5px;
    color: #003137
}

@media (min-width:768px) {
    .biomes__desc {
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:1024px) {
    .biomes__desc {
        column-count: 2
    }
}

.biomes__features {
    position: relative;
    overflow: hidden
}

@media (min-width:768px) {
    .biomes__features::before {
        position: absolute;
        content: "";
        top: -2px;
        right: -2px;
        width: 912px;
        height: 912px;
        margin-right: 32px;
        transform: rotate(180deg);
        z-index: 5;
        background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' id='icon-plus' viewBox='0.9 0.9 24.2 24.2'%3E%3Cg stroke-width='0.1' style='fill: %23e1f1e3' fill-rule='evenodd'%3E%3Cg id='Learn' transform='translate(-249.000000, -3678.000000)'%3E%3Cg id='Group-6' transform='translate(250.000000, 3679.000000)'%3E%3Cpath d='M24,24 L12.0006916,24 C5.40141779,24 0,18.5999654 0,12.0006916 C0,5.40141779 5.40141779,0 12.0006916,0 C18.5999654,0 24,5.40141779 24,12.0006916 L24,24 Z' stroke-width='0.1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: 912px 912px;
        background-clip: content-box
    }
}

@media (min-width:1024px) {
    .biomes__features::before {
        width: 982px;
        margin-right: 20px;
        background-size: 982px 982px;
        background-position: 0 -70px
    }
}

@media (min-width:1440px) {
    .biomes__features::before {
        width: 1224px;
        margin-right: 108px;
        background-size: 1224px 1224px;
        background-position: 0 -310px
    }
}

@media (min-width:1920px) {
    .biomes__features::before {
        margin-right: 21%
    }
}

.biomes__container-features {
    padding: 0 16px;
    background-color: #e1f1e3
}

@media (min-width:768px) {
    .biomes__container-features {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .biomes__container-features {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .biomes__container-features {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .biomes__container-features {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .biomes__container-features {
        background-color: transparent
    }
}

.biomes__wrapper-features {
    padding-block: 32px 66px;
    z-index: 10
}

@media (min-width:768px) {
    .biomes__wrapper-features {
        overflow: hidden;
        position: relative;
        padding: 45px 8px 50px 40px
    }
}

@media (min-width:1024px) {
    .biomes__wrapper-features {
        padding: 58px 141px 66px 60px
    }
}

@media (min-width:1440px) {
    .biomes__wrapper-features {
        padding: 86px 208px 90px 104px
    }
}

.biomes__descr-text {
    margin: 0 0 12px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 128%;
    letter-spacing: -1px;
    color: #003137
}

@media (min-width:768px) {
    .biomes__descr-text {
        font-size: 28px
    }
}

@media (min-width:1024px) {
    .biomes__descr-text {
        font-size: 32px;
        margin: 0 0 19px
    }
}

.biomes__subtitle {
    margin: 0 0 67px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 36px;
    letter-spacing: -2px;
    color: #003137
}

@media (min-width:768px) {
    .biomes__subtitle {
        width: 600px;
        margin-bottom: 64px;
        font-size: 50px;
        line-height: 53px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) {
    .biomes__subtitle {
        margin-bottom: 45px;
        font-size: 55px;
        line-height: 69px
    }
}

.biomes__feature-text {
    margin: 0 0 16px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: -.5px;
    color: #003137
}

@media (min-width:768px) {
    .biomes__feature-text {
        margin: 0 0 15px;
        font-size: 18px;
        line-height: 24px
    }
}

.biomes__item {
    width: 308px
}

@media (min-width:768px) {
    .biomes__item {
        width: 304px
    }
}

@media (min-width:1024px) {
    .biomes__item {
        width: 336px
    }
}

@media (min-width:1440px) {
    .biomes__item {
        width: 390px
    }
}

.biomes__item-title {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 35px;
    letter-spacing: -.5px;
    color: #003137
}

@media (min-width:768px) {
    .biomes__item-title {
        font-size: 24px
    }
}

.biomes__list-features {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 26px
}

@media (min-width:768px) {
    .biomes__list-features {
        gap: 60px 30px
    }
}

@media (min-width:1024px) {
    .biomes__list-features {
        gap: 40px 84px;
        width: 800px
    }
}

@media (min-width:1440px) {
    .biomes__list-features {
        gap: 40px 130px;
        width: 1000px
    }
}

.biomes__item-text {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.5px;
    color: #003137
}

@media (min-width:768px) {
    .biomes__item-text {
        font-size: 18px
    }
}

.main-about {
    margin: 0;
    padding: 80px 0 0;
    background-color: #003137;
    overflow: hidden
}

@media (min-width:1024px) {
    .main-about {
        width: 50%
    }

    .main-about__box {
        display: flex
    }
}

.main-about__container {
    position: relative;
    padding: 0 16px
}

@media (min-width:768px) {
    .main-about__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .main-about__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .main-about__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .main-about__container {
        padding: 0 348px
    }
}

.main-about__container::before {
    position: absolute;
    display: block;
    content: "";
    right: 0;
    top: -80px;
    width: 100%;
    height: 440px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23F3F1D8' stroke='%23F3F1D8' xmlns='http://www.w3.org/2000/svg' id='icon-plus' viewBox='0 0 26 26'%3E%3Cg stroke-width='0.1' fill-rule='evenodd'%3E%3Cg id='Learn' transform='translate(-249.000000, -3678.000000)'%3E%3Cg id='Group-6' transform='translate(250.000000, 3679.000000)'%3E%3Cpath d='M24,24 L12.0006916,24 C5.40141779,24 0,18.5999654 0,12.0006916 C0,5.40141779 5.40141779,0 12.0006916,0 C18.5999654,0 24,5.40141779 24,12.0006916 L24,24 Z' stroke-width='0.1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: top -20px left -80px;
    background-size: 440px auto;
    z-index: 5
}

@media (min-width:768px) {
    .main-about__container::before {
        width: 100%;
        height: 800px;
        background-size: 800px 900px;
        background-position: top -300px left -40px
    }
}

@media (min-width:1024px) {
    .main-about__container::before {
        right: -30px;
        background-position: top -250px left -175px;
        background-size: 830px 820px
    }
}

@media (min-width:1440px) {
    .main-about__container::before {
        padding-inline: 100px;
        background-position: top -250px left 10px
    }
}

@media (min-width:1920px) {
    .main-about__container::before {
        background-position: top -250px left 180px
    }

    .main-about__container {
        padding-right: 348px;
        padding-left: 50px
    }
}

.main-about__title {
    position: relative;
    margin: 0;
    padding-block: 56px 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 69px;
    letter-spacing: -2px;
    color: #254634;
    z-index: 10
}

@media (min-width:768px) {
    .main-about__title {
        padding: 71px 0 46px 30px;
        font-size: 55px;
        letter-spacing: -3px
    }
}

.main-about__text {
    position: relative;
    width: 262px;
    margin: 0;
    padding: 0 0 71px 16px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.5px;
    color: #003137;
    z-index: 10
}

@media (min-width:768px) {
    .main-about__text {
        width: 630px;
        padding: 0 0 95px 184px;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

@media (min-width:1024px) {
    .main-about__text {
        width: 90%;
        padding-inline: 40px;
        padding-bottom: 75px
    }
}

@media (min-width:1440px) {
    .main-about__text {
        width: 630px
    }
}

@media (min-width:1920px) {
    .main-about__text {
        width: 600px;
        padding-inline: 0 30px;
        padding-bottom: 75px
    }
}

.articles-about-us {
    background-color: #003137;
    position: relative
}

@media (min-width:1024px) {
    .articles-about-us {
        width: 50%
    }

    .articles-about-us::before {
        position: absolute;
        display: none;
        content: "";
        bottom: 0;
        right: 0;
        width: 100%;
        height: 200px;
        z-index: 5;
        background: linear-gradient(to top, #003137 6.48%, rgba(0, 49, 55, 0) 62.62%)
    }

    .articles-about-us--gradient-visible::before {
        display: block
    }
}

.articles-about-us__container {
    padding: 39px 16px 45px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    overflow: hidden
}

@media (min-width:768px) {
    .articles-about-us__container {
        padding-inline: 32px
    }
}

@media (min-width:1024px) {
    .articles-about-us__container {
        position: relative;
        padding: 170px 20px 0;
        height: 660px
    }
}

@media (min-width:1440px) {
    .articles-about-us__container {
        padding-inline: 20px 108px;
        height: 740px
    }
}

@media (min-width:1920px) {
    .articles-about-us__container {
        padding-inline: 20px 350px;
        height: 790px
    }
}

.article-about-us__title {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 52px;
    letter-spacing: -1px;
    color: #fff
}

@media (min-width:768px) {
    .article-about-us__title {
        font-size: 28px
    }
}

@media (min-width:1024px) {
    .article-about-us__title {
        font-size: 32px
    }
}

.article-about-us__text {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 138%;
    letter-spacing: -.5px;
    color: #e1f1e3
}

@media (min-width:1024px) {
    .article-about-us__text {
        font-size: 18px;
        line-height: 25px
    }
}

@media (min-width:1920px) {
    .article-about-us__text {
        max-width: 600px
    }
}

.about-work {
    background-color: #e1f1e3
}

.about-work__item,
.about-work__slogan,
.about-work__text,
.about-work__title {
    color: #003137
}

.global-about-us {
    background-color: #003137;
    color: #e1f1e3
}

.global-about-us__container {
    padding: 0 16px;
    padding-block: 31px 73px
}

@media (min-width:768px) {
    .global-about-us__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .global-about-us__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .global-about-us__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .global-about-us__container {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .global-about-us__container {
        padding-block: 95px 77px
    }
}

@media (min-width:1024px) {
    .global-about-us__container {
        padding-block: 75px 145px
    }
}

@media (min-width:1440px) {
    .global-about-us__container {
        margin: 0 auto;
        padding-block: 75px 135px
    }
}

@media (min-width:768px) {
    .global-about-us__content-box {
        padding-bottom: 77px
    }
}

@media (min-width:1024px) {
    .global-about-us__content-box {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:1440px) {
    .global-about-us__content-box {
        padding-bottom: 115px
    }
}

.global-about-us__title {
    margin: 0 0 13px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 69px;
    letter-spacing: -2px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .global-about-us__title {
        font-size: 50px;
        letter-spacing: -2px
    }
}

@media (min-width:1024px) {
    .global-about-us__title {
        font-size: 55px
    }
}

.global-about-us__text {
    margin: 0 0 27px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.5px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .global-about-us__text {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

@media (min-width:1024px) {
    .global-about-us__text {
        width: 480px
    }
}

.global-about-us__located {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.5px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .global-about-us__located {
        display: none
    }
}

.global-about-us__list {
    padding: 0;
    list-style-type: none;
    margin: 0 0 44px
}

@media (min-width:768px) {
    .global-about-us__list {
        display: none
    }
}

.global-about-us__desc,
.global-about-us__item {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: -.5px;
    color: #e1f1e3
}

.global-about-us__desc {
    margin: 0 0 66px;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media (min-width:768px) {
    .global-about-us__desc {
        width: 645px;
        padding-top: 72px
    }
}

.global-about-us__image-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px 20px
}

.global-about-us__image {
    display: block
}

.global-about-us__image--iaapa {
    width: 143px;
    height: 46px
}

.global-about-us__image--aia {
    width: 112px;
    height: 57px
}

.global-about-us__image--las {
    width: 193px;
    height: 47px
}

.global-about-us__image--gc {
    width: 72px;
    height: 72px
}

.global-about-us__map-box {
    display: none
}

.about-map {
    position: relative;
    display: block;
    margin: 0 auto
}

@media (min-width:768px) {
    .about-map {
        width: 704px;
        height: 386px;
        background-image: url(../img/map@2x.png);
        background-repeat: no-repeat;
        background-size: 704px 386px
    }
}

@media (min-width:1024px) {
    .about-map {
        width: 984px;
        height: 539px;
        background-image: url(../img/map@2x.png);
        background-size: 984px 539px
    }
}

@media (min-width:1440px) {
    .about-map {
        width: 1224px;
        height: 670px;
        background-image: url(../img/map@2x.png);
        background-size: 1224px 670px
    }
}

.about-map__point {
    display: none
}

@media (min-width:768px) {

    .about-map__point,
    .about-map__point--active::after {
        position: absolute;
        background-color: #e0804e;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .about-map__point {
        top: 185px;
        right: 430px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 12px;
        height: 12px;
        font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 8px;
        line-height: 10px;
        color: #e1f1e3;
        opacity: .8
    }

    .about-map__point--active {
        position: relative;
        width: 17px;
        height: 17px;
        opacity: 1;
        background-image: url(../img/cursor-map-down.svg);
        background-position: center;
        background-size: 5px 10px;
        background-repeat: no-repeat;
        z-index: 5
    }

    .about-map__point--active::after {
        content: "";
        width: 76px;
        height: 76px;
        background-size: 76px 76px;
        background-position: center;
        opacity: .7;
        z-index: 1
    }

    .about-map__point--1 {
        top: 200px;
        right: 405px
    }

    .about-map__point--2 {
        top: 185px;
        right: 430px
    }

    .about-map__point--3 {
        top: 158px;
        right: 425px
    }

    .about-map__point--4 {
        top: 160px;
        right: 387px
    }

    .about-map__point--5 {
        top: 150px;
        right: 380px
    }

    .about-map__point--6 {
        top: 160px;
        right: 359px
    }

    .about-map__point--7 {
        top: 140px;
        right: 340px
    }

    .about-map__point--8 {
        top: 95px;
        right: 385px
    }

    .about-map__point--9 {
        top: 196px;
        right: 468px
    }

    .about-map__point--10 {
        top: 215px;
        right: 480px
    }

    .about-map__point--11 {
        top: 210px;
        right: 520px
    }

    .about-map__point--12 {
        top: 225px;
        right: 517px
    }

    .about-map__point--13 {
        top: 237px;
        right: 523px
    }

    .about-map__point--14 {
        top: 218px;
        right: 538px
    }

    .about-map__point--15 {
        top: 151px;
        right: 570px
    }

    .about-map__point--16 {
        top: 337px;
        right: 668px
    }

    .about-map__point--17 {
        top: 82px;
        right: 470px
    }

    .about-map__point--18 {
        top: 196px;
        right: 153px
    }

    .about-map__point--19 {
        top: 192px;
        right: 110px
    }

    .about-map__point--21 {
        top: 225px;
        right: 170px
    }

    .about-map__point--22 {
        top: 142px;
        right: 163px
    }

    .about-map__point--23 {
        top: 151px;
        right: 168px
    }

    .about-map__point--24 {
        top: 152px;
        right: 180px
    }

    .about-map__point--25 {
        top: 270px;
        right: 173px
    }

    .about-map__point--26 {
        top: 300px;
        right: 220px
    }
}

@media (min-width:1024px) {
    .about-map__point {
        width: 15px;
        height: 15px;
        font-size: 10px;
        line-height: 12px
    }

    .about-map__point--active {
        width: 24px;
        height: 24px
    }

    .about-map__point--active::after {
        width: 108px;
        height: 108px
    }

    .about-map__point--1 {
        top: 280px;
        right: 567px
    }

    .about-map__point--2 {
        top: 265px;
        right: 607px
    }

    .about-map__point--3 {
        top: 225px;
        right: 598px
    }

    .about-map__point--4 {
        top: 224px;
        right: 540px
    }

    .about-map__point--5 {
        top: 207px;
        right: 533px
    }

    .about-map__point--6 {
        top: 226px;
        right: 500px
    }

    .about-map__point--7 {
        top: 199px;
        right: 476px
    }

    .about-map__point--8 {
        top: 133px;
        right: 539px
    }

    .about-map__point--9 {
        top: 274px;
        right: 654px
    }

    .about-map__point--10 {
        top: 305px;
        right: 672px
    }

    .about-map__point--11 {
        top: 294px;
        right: 725px
    }

    .about-map__point--12 {
        top: 315px;
        right: 722px
    }

    .about-map__point--13 {
        top: 331px;
        right: 731px
    }

    .about-map__point--14 {
        top: 307px;
        right: 751px
    }

    .about-map__point--15 {
        top: 217px;
        right: 797px
    }

    .about-map__point--16 {
        top: 471px;
        right: 934px
    }

    .about-map__point--17 {
        top: 115px;
        right: 650px
    }

    .about-map__point--18 {
        top: 277px;
        right: 217px
    }

    .about-map__point--19 {
        top: 268px;
        right: 153px
    }

    .about-map__point--21 {
        top: 315px;
        right: 240px
    }

    .about-map__point--22 {
        top: 202px;
        right: 228px
    }

    .about-map__point--23 {
        top: 212px;
        right: 237px
    }

    .about-map__point--24 {
        top: 214px;
        right: 254px
    }

    .about-map__point--25 {
        top: 378px;
        right: 245px
    }

    .about-map__point--26 {
        top: 422px;
        right: 306px
    }
}

@media (min-width:1440px) {
    .about-map__point {
        width: 15px;
        height: 15px
    }

    .about-map__point--active {
        width: 29px;
        height: 29px
    }

    .about-map__point--active::after {
        width: 132px;
        height: 132px
    }

    .about-map__point--1 {
        top: 348px;
        right: 704px
    }

    .about-map__point--2 {
        top: 328px;
        right: 752px
    }

    .about-map__point--3 {
        top: 280px;
        right: 742px
    }

    .about-map__point--4 {
        top: 279px;
        right: 670px
    }

    .about-map__point--5 {
        top: 260px;
        right: 663px
    }

    .about-map__point--6 {
        top: 282px;
        right: 620px
    }

    .about-map__point--7 {
        top: 270px;
        right: 565px
    }

    .about-map__point--8 {
        top: 165px;
        right: 671px
    }

    .about-map__point--9 {
        top: 343px;
        right: 815px
    }

    .about-map__point--10 {
        top: 376px;
        right: 834px
    }

    .about-map__point--11 {
        top: 363px;
        right: 901px
    }

    .about-map__point--12 {
        top: 392px;
        right: 898px
    }

    .about-map__point--13 {
        top: 412px;
        right: 910px
    }

    .about-map__point--14 {
        top: 380px;
        right: 933px
    }

    .about-map__point--15 {
        top: 267px;
        right: 996px
    }

    .about-map__point--16 {
        top: 587px;
        right: 1165px
    }

    .about-map__point--17 {
        top: 140px;
        right: 820px
    }

    .about-map__point--18 {
        top: 345px;
        right: 268px
    }

    .about-map__point--19 {
        top: 336px;
        right: 192px
    }

    .about-map__point--21 {
        top: 394px;
        right: 298px
    }

    .about-map__point--22 {
        top: 250px;
        right: 283px
    }

    .about-map__point--23 {
        top: 263px;
        right: 293px
    }

    .about-map__point--24 {
        top: 263px;
        right: 314px
    }

    .about-map__point--25 {
        top: 468px;
        right: 305px
    }

    .about-map__point--26 {
        top: 525px;
        right: 380px
    }
}

.about-map__pin-title {
    display: none;
    color: #003137;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    align-items: center;
    text-align: center;
    letter-spacing: -1px;
    transform: rotate(-45deg);
    z-index: 5
}

@media (min-width:768px) {
    .about-map__pin {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        border-radius: 50% 50% 0 50%;
        background: #e1f1e3;
        transform: rotate(45deg)
    }

    .about-map__pin--1 {
        top: 295px;
        right: 365px
    }

    .about-map__pin--2 {
        top: 313px;
        right: 662px
    }

    .about-map__pin--3 {
        top: 85px;
        right: 400px
    }
}

@media (min-width:1024px) {
    .about-map__pin:hover {
        width: 175px;
        height: 175px;
        animation-duration: .6s;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        animation-name: fadeIn
    }

    .about-map__pin--1:hover {
        top: 236px;
        right: 438px
    }

    .about-map__pin--1:hover>.about-map__pin-title--1,
    .about-map__pin--2:hover>.about-map__pin-title--2,
    .about-map__pin--3:hover>.about-map__pin-title--3 {
        display: block
    }

    .about-map__pin--1 {
        top: 423px;
        right: 515px
    }

    .about-map__pin--2:hover {
        top: 260px;
        right: 851px
    }

    .about-map__pin--2 {
        top: 447px;
        right: 929px
    }

    .about-map__pin--3:hover {
        top: -57px;
        right: 483px
    }

    .about-map__pin--3 {
        top: 130px;
        right: 560px
    }
}

@media (min-width:1440px) {
    .about-map__pin--1:hover {
        top: 343px;
        right: 562px
    }

    .about-map__pin--1 {
        top: 530px;
        right: 640px
    }

    .about-map__pin--2:hover {
        top: 375px;
        right: 1082px
    }

    .about-map__pin--2 {
        top: 563px;
        right: 1160px
    }

    .about-map__pin--3:hover {
        top: -27px;
        right: 632px
    }

    .about-map__pin--3 {
        top: 160px;
        right: 710px
    }
}

.about-map__point:not(.about-map__point--active) .about-map__box-photo {
    display: none
}

.about-map__box-photo {
    border: 1px solid #fff
}

@media (min-width:768px) {

    .about-map__box-photo,
    .about-map__box-photo:hover {
        display: block;
        width: 36px;
        height: 36px;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 50%
    }

    .about-map__box-photo {
        position: absolute;
        content: "";
        background-color: #8d6b5c;
        background-size: cover;
        z-index: 5;
        overflow: hidden;
        cursor: pointer
    }

    .about-map__box-photo:hover {
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        z-index: 10;
        animation-duration: .5s;
        animation-delay: 0s;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        animation-name: image-box
    }

    .about-map__box-photo--1 {
        top: -30px;
        right: -41px;
        background-image: url(../img/about-mini-galaxy-tablet-1.jpg)
    }

    .about-map__box-photo--2 {
        top: -30px;
        right: 25px;
        background-image: url(../img/about-mini-galaxy-tablet-2.jpg)
    }

    .about-map__box-photo--3 {
        top: 8px;
        right: 27px;
        background-image: url(../img/about-mini-galaxy-tablet-3.jpg)
    }

    .about-map__box-photo--4 {
        top: 8px;
        right: -40px;
        background-image: url(../img/about-mini-galaxy-tablet-4.jpg)
    }

    .about-map__box-photo--5 {
        top: 27px;
        right: -6px;
        background-image: url(../img/about-mini-galaxy-tablet-5.jpg)
    }

    .about-map__box-photo--6 {
        top: -50px;
        right: -8px;
        background-image: url(../img/about-mini-galaxy-tablet-6.jpg)
    }
}

@media (min-width:1024px) {

    .about-map__box-photo,
    .about-map__box-photo:hover {
        width: 51px;
        height: 51px
    }

    .about-map__box-photo--1 {
        top: -48px;
        right: -70px
    }

    .about-map__box-photo--2 {
        top: -48px;
        right: 38px
    }

    .about-map__box-photo--3 {
        top: 10px;
        right: 38px
    }

    .about-map__box-photo--4 {
        top: 10px;
        right: -72px
    }

    .about-map__box-photo--5 {
        top: 40px;
        right: -15px
    }

    .about-map__box-photo--6 {
        top: -75px;
        right: -15px
    }
}

.about-map__link:hover,
about-map__box-photo:hover .about-map__link {
    background-image: url(../img/about-mini-button-tablet.svg);
    background-repeat: no-repeat;
    -webkit-backdrop-filter: blur(3px) brightness(.9);
    backdrop-filter: blur(3px) brightness(.9);
    display: block;
    width: 100%;
    height: 100%;
    background-position: center
}

.about-map__link {
    display: block;
    width: 100%;
    height: 100%
}

.about-map__point--1:hover {
    width: 108px;
    height: 108px;
    transform: translate(-50%, -50%);
    animation-duration: .4s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-name: mapPhoto
}

.about-owner {
    background-color: #bebbad;
    background-image: url(../img/about-traviss-moss-01.jpg);
    background-size: auto 440px;
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-bottom: 380px
}

@media (min-width:768px) {
    .about-owner {
        display: flex;
        background-position: left bottom;
        background-size: contain;
        padding-bottom: 0
    }
}

.about-owner__box {
    padding: 0 16px
}

@media (min-width:768px) {
    .about-owner__box {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .about-owner__box {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .about-owner__box {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .about-owner__box {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .about-owner__box {
        display: flex
    }
}

.about-owner__container {
    padding-block: 46px 37px
}

@media (min-width:768px) {
    .about-owner__container {
        padding-block: 60px 113px;
        width: 50%;
        order: 1
    }
}

@media (min-width:1024px) {
    .about-owner__container {
        padding-block: 164px 178px
    }
}

@media (min-width:1440px) {
    .about-owner__container {
        padding-block: 160px 150px;
        padding-right: 0
    }
}

.about-owner__title {
    margin: 0 0 27px;
    padding: 0;
    width: 200px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 42px;
    letter-spacing: -2px;
    color: #003137
}

@media (min-width:768px) {
    .about-owner__title {
        margin-right: -50px;
        margin-bottom: 42px;
        min-width: 325px;
        font-size: 50px;
        line-height: 56px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) {
    .about-owner__title {
        margin-right: -108px;
        margin-bottom: 73px;
        min-width: 590px;
        font-size: 55px;
        line-height: 69px
    }
}

.about-owner__text-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 0 61px;
    padding: 0
}

.about-owner__text {
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: -.5px;
    color: #003137
}

@media (min-width:1024px) {
    .about-owner__text {
        font-size: 18px;
        line-height: 24px
    }
}

.about-owner__cite {
    display: flex;
    flex-direction: column
}

.about-owner__cite-author {
    margin-bottom: 5px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #003137
}

@media (min-width:768px) {
    .about-owner__cite-author {
        font-size: 24px;
        line-height: 135%
    }
}

.about-owner__cite-position {
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -1px;
    color: #003137
}

@media (min-width:768px) {
    .about-owner__cite-position {
        font-size: 20px;
        line-height: 135%
    }

    .about-owner__image-wrapper {
        min-height: 500px;
        width: 100%
    }
}

.about-history {
    position: relative;
    overflow: hidden;
    background-color: #003137
}

.about-history__container {
    padding: 0 16px;
    padding-block: 63px 73px
}

@media (min-width:768px) {
    .about-history__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .about-history__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .about-history__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .about-history__container {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .about-history__container {
        padding-top: 90px
    }
}

@media (min-width:1920px) {
    .about-history__container {
        margin: 0 auto
    }
}

@media (min-width:768px) {
    .about-history__box {
        display: flex;
        padding-bottom: 113px
    }
}

@media (min-width:1024px) {
    .about-history__box {
        padding-bottom: 106px
    }
}

.about-history__title {
    margin: 0 0 10px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 37px;
    letter-spacing: -2px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .about-history__title {
        width: 560px;
        margin-bottom: 12px;
        font-size: 50px;
        line-height: 64px
    }
}

@media (min-width:1024px) {
    .about-history__title {
        margin-bottom: -50px;
        font-size: 55px;
        line-height: 69px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) and (min-width:1150px) {
    .about-history__title {
        margin-bottom: -100px
    }
}

@media (min-width:1024px) and (min-width:1300px) {
    .about-history__title {
        margin-bottom: -150px
    }
}

@media (min-width:1440px) {
    .about-history__title {
        margin-bottom: -180px
    }
}

@media (min-width:1920px) {
    .about-history__title {
        margin-bottom: -200px
    }
}

@media (min-width:768px) {
    .about-history__text-block {
        max-width: 306px;
        margin-bottom: -330px
    }
}

@media (min-width:1024px) {
    .about-history__text-block {
        max-width: 506px;
        padding-right: 60px
    }
}

.about-history__text {
    margin: 0;
    padding: 0 22px 0 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #e1f1e3
}

.about-history__text:not(:last-child) {
    margin-bottom: 20px
}

.about-history__text:last-child {
    margin-bottom: 40px
}

.about-history__text--big {
    margin: 0 0 20px;
    padding: 30px 22px 0 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.5px;
    color: #fff
}

@media (min-width:768px) {
    .about-history__text--big {
        padding-top: 46px
    }
}

@media (min-width:1024px) {
    .about-history__text--big {
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

.about-history__image-box {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 430px;
    border-radius: 50%;
    border-bottom-right-radius: 0;
    height: auto;
    overflow: hidden
}

@media (min-width:768px) {
    .about-history__image-box {
        max-width: 420px;
        display: flex;
        margin-right: auto;
        margin-bottom: -440px
    }
}

@media (min-width:768px) and (min-width:810px) {
    .about-history__image-box {
        max-width: 450px
    }
}

@media (min-width:768px) and (min-width:930px) {
    .about-history__image-box {
        max-width: 480px
    }
}

@media (min-width:1024px) {
    .about-history__image-box {
        max-width: 480px;
        margin-bottom: -440px
    }
}

@media (min-width:1024px) and (min-width:1150px) {
    .about-history__image-box {
        max-width: 550px
    }
}

@media (min-width:1024px) and (min-width:1300px) {
    .about-history__image-box {
        max-width: 600px
    }
}

@media (min-width:1440px) {
    .about-history__image-box {
        max-width: 650px
    }
}

.about-history__image {
    display: block;
    width: 100%
}

.about-history__list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 60px;
    margin: 0;
    padding: 0 16px 100px
}

@media (min-width:768px) {
    .about-history__list {
        padding: 430px 0 0
    }
}

.about-history__list--line {
    padding-left: 21px
}

@media (min-width:1024px) {
    .about-history__list--line {
        padding-left: 60px
    }
}

.about-history__list--line::after {
    position: absolute;
    content: "";
    top: 30px;
    right: 55px;
    width: 2px;
    height: calc(100% - 520px);
    border-right: 2px solid #5d9f93
}

@media (min-width:768px) {
    .about-history__list--line::after {
        top: 460px
    }
}

.about-history__list--light {
    padding-top: 60px;
    gap: 20px
}

@media (min-width:768px) {
    .about-history__list--light {
        padding-top: 430px;
        padding-right: 40px
    }
}

@media (min-width:1024px) {
    .about-history__list--light {
        padding-right: 83px
    }
}

@media (min-width:1440px) {
    .about-history__list--light {
        padding-right: 103px
    }
}

.about-history__list--light::before {
    position: absolute;
    content: "";
    top: 10px;
    right: -270px;
    width: 807px;
    height: 807px;
    z-index: 5;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' id='icon-plus' viewBox='0.9 0.9 24.2 24.2'%3E%3Cg stroke-width='0.1' style='fill: %23e1f1e3' fill-rule='evenodd'%3E%3Cg id='Learn' transform='translate(-249.000000, -3678.000000)'%3E%3Cg id='Group-6' transform='translate(250.000000, 3679.000000)'%3E%3Cpath d='M24,24 L12.0006916,24 C5.40141779,24 0,18.5999654 0,12.0006916 C0,5.40141779 5.40141779,0 12.0006916,0 C18.5999654,0 24,5.40141779 24,12.0006916 L24,24 Z' stroke-width='0.1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 807px 807px;
    background-position: left center
}

@media (min-width:768px) {
    .about-history__list--light::before {
        top: -250px;
        right: 0;
        width: 1257px;
        height: calc(100% + 220px);
        padding-top: 430px;
        background-size: 1257px 1257px;
        transform: rotate(90deg)
    }
}

@media (min-width:1024px) {
    .about-history__list--light::before {
        top: -230px;
        right: 30px;
        height: calc(100% + 290px);

    }
}

.about-history__item-box {
    display: flex;
    flex-shrink: 0;
    z-index: 10
}

.about-history__time--line {
    background-color: #003137;
    z-index: 3;
    margin-left: 15px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    line-height: 69px;
    letter-spacing: -3px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .about-history__time--line {
        letter-spacing: -1px
    }
}

@media (min-width:1024px) {
    .about-history__time--line {
        font-size: 55px
    }
}

.about-history__time {
    width: 110px;
    height: 69px
}

.about-history__desc {
    width: 208px;
    margin: 0;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.5px;
    color: #e1f1e3
}

@media (min-width:768px) {
    .about-history__desc {
        width: 193px
    }
}

@media (min-width:1024px) {
    .about-history__desc {
        width: 336px;
        margin-right: 50px;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

@media (min-width:1440px) {
    .about-history__desc {
        width: 413px;
        margin-right: 70px
    }
}

.about-history__item-box--light {
    display: flex;
    flex-direction: column
}

.about-history__desc--light {
    width: 364px;
    margin-right: 0;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    color: #003137
}

.about-history__time--light {
    width: 310px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 128%;
    letter-spacing: -1px;
    color: #003137
}

.about-opportunities {
    background: #f3f1d8
}

@media (min-width:768px) {
    .about-opportunities {
        background-image: url("data:image/svg+xml,%3Csvg width='648' height='342' viewBox='0 0 648 342' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M316.501 -203C134.732 -203 -14 -54.269 -14 127.502L-14 458L316.501 458C498.269 458 647 309.269 647 127.502C647 -54.269 498.269 -203 316.501 -203Z' stroke='%23254634' stroke-width='2'/%3E%3C/svg%3E");
        background-repeat: no-repeat
    }
}

@media (min-width:1024px) {
    .about-opportunities {
        background-image: url("data:image/svg+xml,%3Csvg width='708' height='342' viewBox='0 0 708 342' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M227.001 -172C-36.9906 -172 -253 44.0077 -253 308.003L-253 788L227.001 788C490.992 788 707 571.992 707 308.003C707 44.0077 490.992 -172 227.001 -172Z' stroke='%23254634' stroke-width='2'/%3E%3C/svg%3E")
    }
}

@media (min-width:1440px) {
    .about-opportunities {
        background-image: url("data:image/svg+xml,%3Csvg width='916' height='342' viewBox='0 0 916 342' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M435.001 -172C171.009 -172 -45 44.0077 -45 308.003L-45 788L435.001 788C698.992 788 915 571.992 915 308.003C915 44.0077 698.992 -172 435.001 -172Z' stroke='%23254634' stroke-width='2'/%3E%3C/svg%3E%0A")
    }
}

@media (min-width:1920px) {
    .about-opportunities {
        background-image: none
    }
}

.about-opportunities__container {
    margin: 0 auto;
    padding: 0 16px;
    padding-block: 44px 51px;
    background-image: url("data:image/svg+xml,%3Csvg width='321' height='342' viewBox='0 0 321 342' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M104.001 -41C-14.7945 -41 -112 56.2047 -112 175.001L-112 391L104.001 391C222.795 391 320 293.795 320 175.001C320 56.2047 222.795 -41 104.001 -41Z' stroke='%23254634' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .about-opportunities__container {
        padding: 0 32px
    }
}

@media (min-width:1024px) {
    .about-opportunities__container {
        padding: 0 20px
    }
}

@media (min-width:1440px) {
    .about-opportunities__container {
        padding: 0 108px
    }
}

@media (min-width:1920px) {
    .about-opportunities__container {
        padding: 0 348px
    }
}

@media (min-width:768px) {
    .about-opportunities__container {
        padding-block: 42px;
        background-image: none
    }
}

@media (min-width:1024px) {
    .about-opportunities__container {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:1920px) {
    .about-opportunities__container {
        background-image: url("data:image/svg+xml,%3Csvg width='962' height='342' viewBox='0 0 962 342' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M481.001 -172C217.009 -172 1.00004 44.0077 1.00002 308.003L0.999977 788L481.001 788C744.992 788 961 571.992 961 308.003C961 44.0077 744.992 -172 481.001 -172Z' stroke='%23254634' stroke-width='2'/%3E%3C/svg%3E%0A")
    }
}

.about-opportunities__title {
    width: 210px;
    margin: 0;
    padding: 0 0 21px;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    line-height: 37px;
    letter-spacing: -2px;
    color: #254634
}

@media (min-width:768px) {
    .about-opportunities__title {
        width: 530px;
        font-size: 50px;
        line-height: 69px;
        letter-spacing: -3px
    }
}

@media (min-width:1024px) {
    .about-opportunities__title {
        font-size: 55px
    }
}

.about-opportunities__text {
    width: 266px;
    margin: 0 0 30px;
    padding: 0;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.5px;
    color: #003137
}

@media (min-width:768px) {
    .about-opportunities__text {
        width: 445px;
        font-size: 24px;
        line-height: 140%;
        letter-spacing: -1px
    }
}

.about-opportunities__link {
    padding: 13px 55px;
    display: inline;
    height: 50px;
    text-align: center;
    font-family: "Akkurat LL", "Helvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: #e0804e;
    border-radius: 64px
}

@media (min-width:768px) {
    .about-opportunities__link {
        font-size: 20px;
        line-height: 40px;
        letter-spacing: -1px;
        width: 252px;
        height: 65px
    }
}

@media (min-width:1024px) {
    .about-opportunities__link {
        align-self: center
    }
}

@media (min-width:1440px) {
    .about-opportunities__link {
        margin-left: 103px
    }
}

.about-opportunities__image {
    display: block
}

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