@import url('settings.css');

/* HEADER */

.main-content{
    margin-top: 115px;
}

.header{
    padding: 15px 0;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 30;
    background-color: var(--main-bg-color);
    transition: .3s all ease;
}
.header.fixed{
    box-shadow: 0px 1px 3px 0px rgba(10, 13, 18, 0.10), 0px 1px 2px 0px rgba(10, 13, 18, 0.06);
}
.header .header__row{
    justify-content: space-between;
}
.header .header__row .header__nav-wrapper{
    flex: 0 0 auto;
    width: calc(80% - 10px);
}
.header .header__logo{
    flex: 0 0 auto;
    width: calc(20% - 10px);
}
.header .header__logo .header__logo-link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}
.header .header__logo .header__logo-img{
    max-height: 80px;
    height: 80px;
}
.header .header__nav-wrapper .header__nav{
    margin-right: 120px;
}
.header .header__nav-list .header__nav-item:not(:last-child){
    margin-right: 50px;
}
.header__nav-list .header__nav-item .header__nav-link{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
    text-transform: capitalize;
    transition: .3s all ease;
    padding: 10px 16px;
    border-radius: 99px;
    display: flex;
    align-items: center;
}
.header__nav-list .header__nav-item .header__nav-link:hover{
     background-color: #000;
    color: #FFF;
}
.header__nav-list .header__nav-item .header__nav-link.active{
    background-color: #000;
    color: #FFF;
}
.header__nav-list .header__nav-item{
    position: relative;
}
.header__nav-list .header__nav-item.header__nav-item--dropdown .header__nav-link{
    padding-right: 25px;
}
.header__nav-list .header__nav-item .header__nav-dropdown{
    position: absolute;
    z-index: 2;
    right: 0;
    top: 60px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    min-width: 240px;
    padding: 8px;
    border: 1px solid #F5F5F5;
    transition: .3s all ease;
    border-radius: 20px;
    background: #F9F6F1;
    box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.08), 0px 8px 8px -4px rgba(10, 13, 18, 0.03);
}
.header__nav-item.header__nav-item--active .header__nav-dropdown{
    top: 50px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.header__nav-item.header__nav-item--active .header__nav-link:hover{
    background-color: #000;
    color: #FFF;
}
.header__nav-item .header__nav-dropdown .header__nav-dropdown-link{
    display: flex;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: capitalize;
    padding: 8px 16px;
    border-radius: 12px;
    transition: .3s all ease;
}
.header__nav-item .header__nav-dropdown .header__nav-dropdown-link:hover{
    background-color: #000;
    color: #FFF;
}
.header__nav-item .header__nav-dropdown .header__nav-dropdown-item:not(:last-child){
    margin-bottom: 10px;
}
.header__nav-list .header__nav-item.header__nav-item--dropdown .header__nav-link::after {
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    right: 2px;
    top: 50%;
    margin-top: -4px;
    transform: rotate(45deg);
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    transition: .3s all ease;
    opacity: 1;
    margin-left: 10px;
}
.header__nav-list .header__nav-item .header__nav-link.active::after{
    border-color: #fff;
}
.header__nav-list .header__nav-item.header__nav-item--dropdown .header__nav-link:hover::after{
    border-color: #fff;
}
.header__nav-item.header__nav-item--active .header__nav-link::after{
     border-color: #fff !important;
}
.header__nav-item.header__nav-item--active .header__nav-link{
    background-color: #000;
    color: #FFF;
}
.header__nav-wrapper .header__lang-switcher{
    border-radius: 90px;
    background: #E9EAEB;
    padding: 4px;
}
.header__nav-wrapper .header__lang-switcher .header__lang-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #535862;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    padding: 8px 0;
    width: 64px;
    border-radius: 90px;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}
.header__nav-wrapper .header__lang-switcher .header__lang-btn:not(:last-child) {
    margin-right: 4px;
}
.header__nav-wrapper .header__lang-switcher .header__lang-btn.header__lang-btn--active {
    background-color: #000;
    color: #FFF;
}
.header .header__hamburger .header__hamburger-button{
    outline: none;
    border: none;
    cursor: pointer;
}
.header .header__hamburger .header__hamburger-button {
    cursor: pointer;
    transform: rotate(180deg);
    height: 30px;
    width: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
}
.header .header__hamburger .header__hamburger-button span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 4px;
    background-color: #000;
    transition: all 0.3s ease;
}
.header .header__hamburger .header__hamburger-button span:first-child {
    top: 0;
}
.header .header__hamburger .header__hamburger-button span:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
}
.header .header__hamburger .header__hamburger-button span:nth-child(3) {
    bottom: 0;
}
.header .header__hamburger .header__hamburger-button.active span:first-child {
    transform: translate(0, 14px) rotate(45deg);
}

.header .header__hamburger .header__hamburger-button.active span:nth-child(2) {
    opacity: 0;
}
.header .header__hamburger .header__hamburger-button.active span:nth-child(3) {
    transform: translate(0, -14px) rotate(-45deg);
}

/* TESTIMONIALS */

.testimonials{
    margin-bottom: 200px;
}
.testimonials .testimonials__header{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 60px;
}
.testimonials .testimonials__header .testimonials__texts{
    flex: 0 0 auto;
    width: calc(70% - 15px);
}
.testimonials__navs {
    flex: 0 0 auto;
    width: calc(30% - 15px);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.testimonials__navs .testimonials__nav{
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border-radius: 50%;
    padding: 12px;
    cursor: pointer;
}
.testimonials__navs .testimonials__nav:not(:last-child){
    margin-right: 20px;
}
.testimonials .testimonials__slide-content{
    padding: 56px;
    background: #FFF;
}
.testimonials__slide-content .testimonials__description{
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 48px;
}
.testimonials__slide-content .testimonials__author{
    display: flex;
    align-items: center;
}
.testimonials__author .testimonials__author-image{
    margin-right: 20px;
}
.testimonials__author .testimonials__author-image img{
    width: 96px;
    height: 96px;
    object-fit: cover;
    object-position: center;
}
.testimonials__author .testimonials__author-name{
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 5px;
}
.testimonials__author .testimonials__author-job{
    color: #535862;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}

/*FOOTER */

.footer{
    background: #FFF;
    padding: 80px 0;
}
.footer .footer__row{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer .footer__row .footer__col{
    flex: 0 0 auto;
    width: calc(25% - 90px);
}
.footer__col .col__title{
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.3px;
    margin-bottom: 32px;
}
.footer__col .footer__list{
    display: flex;
    flex-direction: column;
}
.footer__col .footer__list .footer__item:not(:last-child){
    margin-bottom: 24px;
}
.footer__col .footer__list .footer__item{
    display: flex;
    align-items: center;
    color: #535862;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.3px;
}
.footer__col .footer__list .footer__item a{
    color: #535862;
    transition: .3s all ease;
}
.footer__col .footer__list .footer__item a:hover{
    color: #000;
}
.footer__col .footer__list .footer__item .icon{
    margin-right: 12px;
}
.footer__col .footer__list .footer__item svg{
    width: 32px;
    height: 32px;
}
.footer__social{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px 0;
}
.footer__social .social__icon{
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer__social .social__icon img{
    width: 32px;
    height: 32px;
}
.footer__logo a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}
.footer__logo img{
    height: 80px;
    max-height: 80px;
}
.footer__social .social__icon:not(:last-child){
    margin-right: 20px;
}

/* HAMBURGER MENU */

body.overflow-disable{
    overflow: hidden;
}
.hamburger__menu {
    position: fixed;
    top: 0;
    right: 0;
    min-width: 400px;
    height: 100%;
    background-color: #F9F6F1;
    z-index: 120;
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
    overflow: hidden;
    pointer-events: none;
}
.hamburger__menu.hamburger__menu_active {
    transform: translateX(0);
    opacity: 1;
    pointer-events: all;
}
.overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 115;
    pointer-events: none;
    background: rgb(0 0 0 / 0.7) none repeat scroll 0 0;
}

.overlay.overlay_active{
    pointer-events: all;
    opacity: 1;
    visibility: visible;
}
.hamburger__menu .hamburger__header{
    padding: 15px 20px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #ececec;
}
.hamburger__menu .hamburger__menu-close{
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ecf4f6;
    border-radius: 30px;
    padding: 10px;
    color: #fff;
}
.hamburger__menu .hamburger__menu-close svg {
    width: 16px;
    height: 16px;
    color: #000;
}
.hamburger__menu .hamburger__menu-list{
    padding: 20px;
}
.hamburger__menu .hamburger__menu-list .hamburger__menu-link{
    display: block;
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #ececec;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.hamburger__menu .hamburger__menu-list .has-dropdown .hamburger__menu-link::before{
    content: "";
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    transition: 0.3s all ease;
    height: 3px;
}
.hamburger__menu-list .has-dropdown .hamburger__submenu{
    overflow: hidden;
    max-height: 0;
    transition: .3s all ease;
}
.hamburger__menu-list .has-dropdown .hamburger__submenu li{
    padding: 10px;
     border-bottom: 1px solid #ececec;
}
.has-dropdown .hamburger__submenu .hamburger__menu-sublink{
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.hamburger__menu-list .has-dropdown.open .hamburger__menu-link::before{
    transform: rotate(225deg);
}
.hamburger__menu-footer {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
}
.hamburger__menu-footer .hamburger__menu-langs{
    display: flex;
    align-items: center;
    border-radius: 90px;
    background: #E9EAEB;
    padding: 4px;
    margin: 0 auto;
    width: fit-content;
}
.hamburger__menu-footer .hamburger__menu-langs .lang__item{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.3px;
    padding: 8px 0;
    width: 56px;
    border-radius: 90px;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}
.hamburger__menu-footer .hamburger__menu-langs .lang__item:not(:last-child) {
    margin-right: 4px;
}
.hamburger__menu-footer .hamburger__menu-langs .lang__item.lang__item_active {
    background-color: #000;
    color: #FFF;
}

/* HERO */

.hero{
    padding: 160px 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}
.hero .hero__row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hero .hero__row .hero__content{
    flex: 0 0 auto;
    width: calc(50% - 16px);
}
.hero .hero__row .hero__media{
    flex: 0 0 auto;
    width: calc(50% - 16px);
}
.hero .hero__title{
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px;
    letter-spacing: -0.3px;
    margin-bottom: 24px;
}
.hero .hero__description{
    color: #535862;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.3px;
    margin-bottom: 64px;
}
.hero .hero__action .hero__link{
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 99px;
    background-color: #000;
    width: fit-content;
    position: relative;
}
.hero__action .hero__link .hero__text{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing:  -0.3px;
    padding: 0 32px 0 26px;
}
.hero__action .hero__link .hero__icon{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    background-color: #FFF;
}
.hero .hero__media .video-preview{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero .hero__media .play-button{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.hero .hero__media .preview-image{
    width: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 450px;
}

/* MISSION */

.mission{
    margin-bottom: 180px;
}
.mission .section-title{
    margin-bottom: 32px;
}
.mission .mission__texts p{
    color: #414651;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.mission .mission__texts p:not(:last-child){
    margin-bottom: 30px;
}
.mission__content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
.mission__content .mission__text{
    flex: 0 0 auto;
    width: calc(50% - 16px);
}
.mission__content .mission__stats{
    flex: 0 0 auto;
    width: calc(50% - 16px);
    padding-left: 250px;
}
.mission__stats .mission__stat:not(:last-child){
    margin-bottom: 50px;
}
.mission__stats .mission__stat .mission__number{
    color: #000;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 12px;
}
.mission__stats .mission__stat .mission__label{
    color: #717680;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.mission .mission__image img{
    width: 100%;
    max-width: 100%;
    max-height: 720px;
    object-fit: cover;
    object-position: center;
}

/* BREADCRUMBS */

.breadcrumbs{
    padding-top: 16px;
    margin-bottom: 100px;
}
.breadcrumbs .breadcrumbs__list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 0;
}
.breadcrumbs .breadcrumbs__list li{
    display: flex;
    align-items: center;
}
.breadcrumbs .breadcrumbs__list .breadcrumbs__link{
    color: #717680;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
    transition: .3s all ease;
}
.breadcrumbs .breadcrumbs__list .breadcrumbs__link:hover{
    color: #000;
}
.breadcrumbs .breadcrumbs__list .breadcrumbs__item:not(:last-child)::after{
    content: '/';
    color: #717680;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin: 0 15px;
}
.breadcrumbs .breadcrumbs__list .breadcrumbs__item--current{
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
     letter-spacing: -0.3px;
}

/* ORGANISATION */
.organisation{
    margin-bottom: 110px;
}
.organisation .organisation__title{
    color: #000;
    text-align: center;
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1.44px;
    margin-bottom: 80px;
}
.organisation .organisation__image{
    margin-bottom: 72px;
}
.organisation .organisation__image img{
    width: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 720px;
}
.organisation .organisation__image a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.organisation .organisation__content{
    max-width: 1000px;
    margin: 0 auto;
}
.organisation .organisation__content h2{
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    text-align: center;
    margin-bottom: 16px;
}
.organisation .organisation__content p{
    color: #414651;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.3px;
}
.organisation .organisation__content p:not(:last-child){
    margin-bottom: 32px;
}


/* VACANCIES */
.vacancies {
    margin-bottom: 200px;
}
.vacancies .vacancies__header{
    margin-bottom: 80px;
    text-align: center;
}
.vacancies .vacancies__list{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 32px 0;
}
.vacancies__list .vacancies__card{
    flex: 0 0 auto;
    width: calc(33.33% - 20px);
    padding: 32px 40px;
    background: #fff;
    transition: .3s all ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 250px;
    height: auto;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0 0 0 transparent;
}
.vacancies__list .vacancies__card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}
.vacancies__list .vacancies__card .vacancies__position{
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.vacancies__list .vacancies__card .vacancies__info{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.vacancies__card .vacancies__info .vacancies__location{
    color: #535862;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.vacancies__card .vacancies__info .vacancies__deadline{
    color: #F04438;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
}

/* VACANCY */

.vacancy {
    margin-bottom: 170px;
}
.vacancy .vacancy_wrapper{
    max-width: 1056px;
    margin: 0 auto;
}
.vacancy .vacancy__header{
    margin-bottom: 100px;
}
.vacancy .vacancy__header .vacancy__title{
    color: #000;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 24px;
}
.vacancy .vacancy__header .vacancy__description{
    color: #414651;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 64px;
}
.vacancy__content .vacancy__section-title,
.vacancy__content h2,
.vacancy__content h3{
    color: #000;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 24px;
}
.vacancy__content .vacancy__information{
    margin-bottom: 80px;
}
.vacancy__information .vacancy__table .vacancy__row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 16px;
    border-bottom: 1px solid #D5D7DA;
}
.vacancy__information .vacancy__table .vacancy__row:not(:last-child){
    margin-bottom: 38px;
}
.vacancy__information .vacancy__table .vacancy__label{
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.vacancy__information .vacancy__table .vacancy__value{
    color: #414651;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
     letter-spacing: -0.3px;
}
.vacancy__description__content p{
    color: #414651;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.vacancy__description__content p:not(:last-child){
    margin-bottom: 40px;
}
.vacancy__description__content ul li{
    color: #414651;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
    padding-left: 24px;
    position: relative;
}
.vacancy__description__content ul li:not(:last-child){
    margin-bottom: 5px;
}
.vacancy__description__content li::before{
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #414651;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    left: 12px;
    margin: auto;
}
.vacancy__description__content ul{
    margin-bottom: 40px;
}

/* APPLICATION */

.application {
    margin-bottom: 100px;
}
.application .application__wrapper{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.application .application__header {
    margin-bottom: 56px;
}
.application .application__header .application__title{
    color: #000;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 20px;
}
.application .application__header .application__description{
    color: #717680;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.application__wrapper .application__steps{
    flex: 0 0 auto;
    padding: 32px 24px;
    width: calc(30% - 16px);
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0px 1px 3px 0px rgba(10, 13, 18, 0.10), 0px 1px 2px 0px rgba(10, 13, 18, 0.06);
}
.datepicker {
    font-family: var(--bs-body-font-family)
    system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.application__wrapper .application__content{
    flex: 0 0 auto;
    width: calc(70% - 16px);
}
.application__steps .steps .steps__item{
    margin-bottom: 40px;
    position: relative;
}
.application__steps .steps .steps__item.steps__item--done .steps__label{
    color: #25B47B;
}
.application__steps .steps .steps__item.steps__item--done .steps__icon{
    background-color: #25B47B;
    border-color: #25B47B;
}
.steps .steps__item.steps__item--current .steps__label{
    color: #000;
}
.steps .steps__item.steps__item--current .steps__icon{
    background-color: #000;
    border-color: #000;
}
.application__content .step {
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateY(16px);
}

.application__content .step.step--active {
    visibility: visible;
    opacity: 1;
    height: auto;
    transform: translateY(0);
    padding: 40px;
    overflow: visible;
}

.application__steps .steps__inner{
    outline: none;
    border: none;
    display: flex;
    align-items: center;
}
.steps .steps__item:not(:last-child):before{
    content: '';
    border-radius: 2px;
    background-color: #E9EAEB;
    height: 35px;
    width: 2px;
    bottom: -38px;
    position: absolute;
    left: 19px;
}
.application__steps .steps .steps__item:last-child{
    margin: 0;
}
.steps .steps__item .steps__icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #E9EAEB;
    position: relative;
    margin-right: 16px;
    transition: .3s all ease;
    display: block;
}
.steps .steps__item .steps__icon::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin:auto;
    width: 12px;
    height: 12px;
    background-color: #E9EAEB;
    border-radius: 50%;
}
.steps__item .steps__label{
    color: #535862;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
        transition: .3s all ease;
}
.application .application__content{
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0px 1px 3px 0px rgba(10, 13, 18, 0.10), 0px 1px 2px 0px rgba(10, 13, 18, 0.06);
}
.application__content .form__row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.application__content .form__row.checkbox .form__label{
    margin-bottom: 24px;
}
.application__content .form__row .checkbox-group{
    display: flex;
    flex-direction: column;
}
.application__content .form__row .checkbox-group .form__checkbox-wrapper:not(:last-child){
    margin-bottom: 16px;
}
.application__content .form__row.form__row--single .form__group{
    width: 100%;
}
.application__content .form__checkbox{
    width: 24px;
    height: 24px;
}
.form__checkbox-wrapper {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    color: #252B37;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.form__checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.form__checkmark {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 1px solid #D5D7DA;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s all ease
}
.form__check-icon {
  display: none;
}
.form__checkbox:checked + .form__checkmark {
  background-color: #000;
  border-color: #000;
}
.form__checkbox:checked + .form__checkmark .form__check-icon {
  display: block;
}
.application .form__action .button{
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 99px;
    background-color: #000;
    width: fit-content;
    position: relative;
}
.application .form__action .button-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    background-color: #FFF;
}
.application .form__action .button-text{
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    padding: 0 20px;
}
.form__group .radio-group{
  display: flex;
  gap: 32px;
  margin-top: 8px;
}

.form__group .form__radio-wrapper {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    user-select: none;
    color: #252B37;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}

.form__group .form__radio {
  position: absolute;
  opacity: 0;
  display: none;
}

.form__group .form__radiomark {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  border: 2px solid #d1d5db;
  border-radius: 50%;
  background: #fff;
  transition: all 0.2s;
}
.form__group .form__radio:checked + .form__radiomark {
  border-color: #000;
  background-color: #000;
}
.form__group .form__radiomark::after {
  content: "";
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
}
.form__group .form__radio:checked + .form__radiomark::after {
  display: block;
}
.form__add .form__add-button{
    color: #2E90FA;
    display: flex;
    align-items: center;
}
.form__add .form__add-button.disabled{
    opacity: 0.7;
    pointer-events: none;
}
.form__add .form__add-button .button__icon{
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form__add .form__add-button .button__text{
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.application__content .form__remove-button{
    display: flex;
    align-items: center;
    margin-left: auto;
    color: #F04438;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.application__content .form__remove-button.disabled{
    opacity: 0.7;
    pointer-events:none
}
.application__content .form__remove-button .button__icon{
    margin-right: 12px;
}
.application__content .dublicate__template{
    margin-bottom: 24px;
}
.application__content .dublicate__template .dublicate__content{
    margin-bottom: 24px;
}
.application__content .dublicate__template .dublicate__content:first-child{
    margin: 0;
}
.dublicate__content .form__group{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dublicate__content .form__row.form__row--date{
    width: 100%;
}
.application__content .form__buttons{
    margin: 40px 0;
    display:flex;
    align-items:center;
    justify-content: space-between;
}


/* HELP-CENTER */

.help-center {
    margin-bottom: 200px;
}
.help-center .help-center__content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.help-center .help-center__content .help-center__texts{
    flex: 0 0 auto;
    width: calc(50% - 16px);
}
.help-center .help-center__image-wrapper{
    flex: 0 0 auto;
    width: calc(50% - 16px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.help-center .help-center__image-wrapper .help-center__image{
    width: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 624px;
}
.help-center .help-center__title{
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 32px;
}
.help-center .help-center__text p{
    color: #535862;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.help-center .help-center__text p:not(:last-child){
    margin-bottom: 20px
}

/* FAQ */
.faq{
    margin-bottom: 200px;
}
.faq .faq__header{
    margin-bottom: 64px;
    text-align: center;
}
.faq .faq__list{
    max-width: 1000px;
    margin: 0 auto;
}
.faq .faq__list .faq__item:not(:last-child){
    margin-bottom: 12px;
}
.faq .faq__list .faq__item{
    padding: 24px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 1px 3px 0px rgba(10, 13, 18, 0.10), 0px 1px 2px 0px rgba(10, 13, 18, 0.06);
}
.faq .faq__list .faq__item .faq__question{
    outline: none;
    border: none;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    padding-right: 30px;
}
.faq__item .faq__question{
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}
.faq__item .faq__question::before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 2px;
    width: 24px;
    background-color: #535862;
}
.faq__item .faq__question::after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 2px;
    width: 24px;
    background-color: #535862;
    transform: rotate(90deg);
    opacity: 1;
    transition: .2s all ease-in-out;
}
.faq__item .faq__answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding-top: 0;
  transition:
    max-height 0.5s ease-in-out,
    opacity 0.4s ease-in-out,
    padding 0.4s ease-in-out;
  color: #444;
  font-size: 16px;
  line-height: 1.5;
  will-change: max-height, opacity, padding;
}
.faq__item.faq__item--active .faq__question::after{
    opacity: 0;
}
.faq__item.faq__item--active .faq__answer {
  max-height: 500px;
  opacity: 1;
  padding-top: 16px;
}



/* CONTACTS */
.contacts{
    margin-bottom: 170px;
}
.contacts .section__header{
    text-align: center;
    margin-bottom: 80px;
}
.contacts .contact-section__layout{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contacts .contact-section__map{
     flex: 0 0 auto;
    width: calc(50% - 8px);
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}
.contacts .contact-info{
    flex: 0 0 auto;
    width: calc(50% - 8px);
    border-radius: 12px;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.contacts .contact-info__title{
    font-size: 30px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 30px;
}
.contacts .contact-info__block .contact-info__label{
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 10px;
}
.contacts .contact-info__block p{
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.contacts .contact-info__block a{
    font-size: 20px;
    line-height: normal;
    letter-spacing: normal;
    color: #535862;
    transition: .3s all ease;
}
.contacts .contact-info__block a:hover{
    color: #000;
}
.contacts .contact-info__block:not(:last-child){
    margin-bottom: 30px;
}
.contacts .contact-info__value{
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}



/* PROJECTS HERO */

.projects-hero{
    margin-bottom: 200px;
}
.projects-hero .projects-hero__title{
    text-align: center;
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1.44px;
    margin-bottom: 90px;
}
.projects-hero .projects-hero__texts{
    max-width: 1000px;
    margin: 0 auto;
}
.projects-hero .projects-hero__texts .projects-hero__block:not(:last-child){
    margin-bottom: 40px;
}
.projects-hero__texts .projects-hero__block .projects-hero__block-title{
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 16px;
}
.projects-hero__block .projects-hero__block-text p{
    color: #414651;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.projects-hero__block .projects-hero__block-text p:not(:last-child){
    margin-bottom: 24px;
}

/* PROJECTS */

.projects{
    margin-bottom: 200px;
}
.projects .section__header{
    margin-bottom: 80px;
    text-align: center;
}
.projects .projects__grid{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 32px 0;
}
.projects .projects__grid .project-card{
    flex: 0 0 auto;
    width: calc(33.33% - 20px);
    border-radius: 16px;
    border: 1px solid #E9EAEB;
    background-color: #FFF;
    overflow: hidden;
}
.project-card .project-card__image img{
    width: 100%;
    max-height: 240px;
    object-fit: cover;
    object-position: center;
}
.project-card .project-card__body{
    padding: 24px;
}
.project-card .project-card__body .project-card__title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.project-card .project-card__meta:not(:last-child){
    margin-bottom: 10px;
}
.project-card .project-card__meta {
    color: #717680;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.project-card .project-card__meta .project-card__strong{
    color: #414651;
    font-weight: 700;
}

/* PROJECT */

.project .project__title{
    color: #000;
    text-align: center;
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1.44px;
    margin-bottom: 80px;
}
.project .project__image-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 120px;
}
.project .project__image-wrapper img{
    width: 100%;
    max-height: 720px;
}
.project .project__block:not(:last-child){
    margin-bottom: 40px;
}
.project .project__subtitle{
    margin-bottom: 16px;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.project .project__content{
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 200px;
}
.project__content p{
    color: #414651;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.project__content p:not(:last-child){
    margin-bottom: 24px;
}
.project{
    margin-bottom: 150px;
}
.project .slide__image{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}
.project .slide__image a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.project .swiper-slide:nth-child(even) .slide__image {
   transform: translateY(50px);
}
.project .slide__image img{
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.project-vacancies .section__header{
    text-align: center;
    margin-bottom: 80px;
}
.project-vacancies .vacancies__grid{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 32px 0;
    justify-content: space-between;
}
.project-vacancies .vacancy__card{
    flex: 0 0 auto;
    width: calc(33.33% - 20px);
}

/* VOLUNTEER */

.volunteer{
    background-position: top;
    margin-bottom: 200px;
}
.volunteer .volunteer__title{
    text-align: center;
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1.44px;
    margin-bottom: 64px
}
.volunteer .volunteer__image{
    margin-bottom: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.volunteer .volunteer__image a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.volunteer .volunteer__image img{
    width: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 720px;
}
.volunteer .volunteer__content{
    max-width: 1000px;
    margin: 0 auto;
    color: #414651;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.volunteer__content h2,
.volunteer__content h3{
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 16px;
}
.volunteer .volunteer__content ul{
    margin-bottom: 24px;
    list-style: inside;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px 0
}

.volunteer__content p:not(:last-child){
    margin-bottom: 24px;
}
.volunteer__content img{
    width: 100%;
    margin-bottom: 40px;
}

/* ERROR PAGE */
.error-page .error-page__wrapper{
    text-align: center;
    max-width: 70%;
    margin: 0 auto;
}
.error-page{
    margin-bottom: 200px;
}
.error-page .error-page__title{
   font-size: 144px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 30px;
}
.error-page .error-page__message{
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 120%;
}
.error-page .error-page__description{
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 30px;
    letter-spacing: -0.3px;
}
.error-page .button{
    display: flex;
    align-items: center;
    justify-content: center;
}


/* CAREERS */
.careers{
    position: relative;
    margin-top: 160px;
    margin-bottom: 160px;
    padding-bottom: 250px;
}
.careers .careers__background {
  display: flex;
  align-items: center;
  gap: 24px;
  position: absolute;
  right: -120px;
  top: 0;
  pointer-events: none;
  z-index: -1;
}
.careers__background .gallery__image img{
    width: 100%;
    object-fit: cover;
    object-position: center;
    max-width: 200px;
}
.careers__background .gallery__image.column{
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}
.careers__background .gallery__image:last-child{
    transform: translateY(-180px);
}
.careers .careers__text p{
    color: #414651;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.careers .careers__text p:not(:last-child){
    margin-bottom: 24px;
}
.careers .careers__header{
    max-width: 60%;
}
.careers .careers__text{
    max-width: 60%;
}
.careers .careers__header{
    margin-bottom: 32px;
}
.careers .careers__swiper{
    margin-top: 40px;
    display: none;
}
.careers .slide__item{
    display: flex;
    align-items: center;
    justify-content: center;
}
.careers .slide__item img{
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.projects .projects__grid .project-card .project-card__image{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* APPLY */

.apply {
  margin-bottom: 150px;
}

.apply__content {
  margin: 0 auto;
  padding: 60px 40px;
  text-align: center;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
}

.apply__title {
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.3px;
  margin-bottom: 24px;
  color: #000;
}

.apply__text {
  font-size: 20px;
  color: #414651;
  line-height: 1.5;
  margin-bottom: 48px;
}

.button {
  display: flex;
  justify-content: center;
}

/* APPLY */

.apply-section{
    margin-bottom: 200px;
}
.apply-section .section__header{
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 56px;
}
.apply-section .form__title{
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 24px;
}
.apply-section .form__subtitle{
    color: #717680;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.apply-section .form__wrapper{
    max-width: 1000px;
    margin: 0 auto;
}
.form .form__row{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.form .form__row:not(:last-child){
    margin-bottom: 48px;
}
.form__group{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.form__group .form__label{
    color: #252B37;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 8px;
}
.form__group .group__title{
    color: #252B37;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 20px;
}
.form__group.form__group--half{
    flex: 0 0 auto;
    width: calc(50% - 20px);
}
.form__group.form__group--third{
    flex: 0 0 auto;
    width: calc(33.33% - 13px);
}
.apply-section .form{
    padding: 40px;
    border-radius: 16px;
    background-color: #FFF;
    box-shadow: 0px 1px 3px 0px rgba(10, 13, 18, 0.10), 0px 1px 2px 0px rgba(10, 13, 18, 0.06);
}
.form__group .referees-wrapper{
    margin-bottom: 30px;
}
.form__group .form__input{
    outline: none;
    width: 100%;
    border-radius: 12px;
    border: 1.5px solid #D5D7DA;
    background-color: #FFF;
    padding: 0 16px;
    height: 56px;
    transition: .3s all ease;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.form__group .form__input:disabled{
    background-color: var(--bs-secondary-bg);
}
.form__group .form__input::placeholder{
    color: #717680;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.form__group .form__input:focus{
    border-color: #000;
}
.form__group .form__label{
    color: #252B37;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 8px;
    width: 100%;
}
.form__group .form__select{
    border-radius: 12px;
    border: 1.5px solid #D5D7DA;
    background-color: #FFF;
    height: 62px;
    width: 100%;
    padding: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
    outline: none;
    transition: .3s all ease;
}
.form__group .form__select:disabled{
    background-color: var(--bs-secondary-bg);
}
.form__group .form-select.is-valid, .form__group .was-validated .form-select:valid{
    box-shadow: none;
}
.form__group .form-select:focus{
    box-shadow: none;
}
.form__group .form__select::placeholder{
    color: #717680;
}
.form__group .form__select:focus{
    border-color: #000;
}
.form__group .form__textarea {
    width: 100%;
    resize: none;
    outline: none;
    padding: 12px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: #000;
    letter-spacing: -0.3px;
    border-radius: 12px;
    border: 1px solid #D5D7DA;
    background: #FFF;
    transition: .3s all ease;
}
.form__group .form__textarea:focus{
    border-color: #000;
}
.form__group .form__textarea::placeholder{
    color: #717680;
}

.form__row .form__subrow{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.form__row .form__subrow .form__select{
    flex: 0 0 auto;
    width: calc(33.33% - 8px);
}
.form__buttons .remove__button-wrapper{
    border-bottom: 1px solid #E9EAEB;
    padding-bottom: 16px;
    display: none;
    align-items: center;
    margin-bottom: 24px;
    justify-content: flex-end;
}
.form__buttons .remove__button{
    display: flex;
    align-items: center;
    gap: 0 8px;
    color: #F04438;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.form__buttons .add__button{
    color: #2E90FA;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
    display: flex;
    align-items: center;
    gap: 0 8px;
}
.form__buttons .add__button.disabled{
    opacity: 0.6;
}
.form__group .form__warning{
    display: none;
    color: #252B37;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
     background-color: #FEF2F2;
    border: 1px solid #FCA5A5;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    margin-top: 20px;
}
.form__group .form__warning.visible {
    display: block;
}
.form__group .signature__canvas{
    width: 100%;
    resize: none;
    outline: none;
    height: 240px;
    padding: 10px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: #000;
    letter-spacing: -0.3px;
    border-radius: 12px;
    border: 1px solid #D5D7DA;
    background: #FFF;
    transition: .3s all ease;
}
.signature-pad .clear__button{
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.signature-pad .clear__button .signature__clear{
    color: #F04438;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.form__submit-button{
    justify-content: flex-start;
}
.form__submit-button .form__button{
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 99px;
    background-color: #000;
    width: fit-content;
    position: relative;
}
.form__submit-button .button__text{
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.3px;
    padding: 0 32px 0 26px;
}
.form__submit-button .button__icon{
        display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    background-color: #FFF;
}
.signature__container {
  position: relative;
}

.signature__placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #717680;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.3px;
    pointer-events: none;
    user-select: none;
    z-index: 2;
    transition: opacity 0.2s ease;
}
.signature__placeholder.hidden {
  opacity: 0;
}
.form__group .file-upload__list{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.form__group .file-upload__list .list__title{
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.form__group .file-upload__button{
    border-radius: 16px;
    background: #000;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
    display: flex;
    align-items: center;
    padding: 12px 24px;
    gap: 0 12px;
    width: fit-content;
    cursor: pointer;
}
.form__group .upload__preview{
    padding: 25px 20px;
    margin-top: 40px;
    border-radius: 12px;
    border: 1px solid #E9EAEB;
    background: #FFF;
}
.form__group .upload__preview .upload__file{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form__group .upload__preview .upload__file-info{
    flex: 0 0 auto;
    width: calc(50% - 10px);
}
.form__group .upload__preview .upload__file-delete{
    flex: 0 0 auto;
    width: calc(50% - 10px);
    display: flex;
    align-items: center;
    font-size: 32px;
    color: #F04438;
    justify-content: flex-end;
}
.form__group .upload__preview .upload__file-remove{
    display: flex;
    align-items: center;
    justify-content: center;
}
.form__group .upload__file-icon{
    font-size: 40px;
    color: #F04438;
}
.form__group .upload__file-info{
    display: flex;
    align-items: center;
    gap: 0 20px;
}
.form__group .upload__file-info .upload__file-name{
    color: #414651;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
    margin-bottom: 5px;
}
.form__group .upload__file-info .upload__file-size{
    overflow: hidden;
    color: #535862;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
   letter-spacing: -0.3px;
}
/* MEDIA STYLES */

@media all and (max-width: 1400px){
    .hero .hero__title{
        font-size: 48px;
        line-height: 120%;
    }
    .steps__item .steps__label{
        font-size: 20px
    }
    .application .application__header .application__title{
        font-size: 40px;
    }
    .steps .steps__item .steps__icon{
        width: 32px;
        height: 32px;
    }
    .form__submit-button .button__icon{
        width: 44px;
        height: 44px;
    }
    .form__group.form__group--half{
        width: calc(50% - 10px);
    }
    .apply-section .form__title{
        font-size: 40px;
    }
    .apply-section .section__header{
        margin-bottom: 40px;
    }
    .apply-section{
        margin-bottom: 150px;
    }
    .apply-section .form__wrapper{
        max-width: 100%;
    }
    .apply__title{
        font-size: 44px;
    }
    .apply__text{
        margin-bottom: 40px;
    }
    .apply__content{
        padding: 40px;
    }
    .volunteer{
        margin-bottom: 150px;
    }
    .volunteer .volunteer__image{
        margin-bottom: 60px;
    }
    .volunteer .volunteer__title{
        font-size: 60px;
        margin-bottom: 50px;
    }
    .project .project__title{
        margin-bottom: 60px;
        font-size: 60px;
    }
    .project .project__image-wrapper{
        margin-bottom: 80px;
    }
    .project .project__content{
        margin-bottom: 150px;
    }
    .main-content{
        margin-top: 110px;
    }
    .projects .section__header{
        margin-bottom: 60px;
    }
    .projects{
        margin-bottom: 150px;
    }
    .projects .projects__grid .project-card{
        width: calc(33.33% - 16px);
    }
    .projects .projects__grid{
        gap: 24px 0;
    }
    .projects-hero{
        margin-bottom: 150px;
    }
    .projects-hero .projects-hero__title{
        font-size: 60px;
        margin-bottom: 60px;
    }
    .projects-hero .projects-hero__title br{
        display: none;
    }
    .contacts .section__header{
        margin-bottom: 60px;
    }
    .contacts{
        margin-bottom: 150px;
    }
    .faq{
        margin-bottom: 150px;
    }
    .faq .faq__header{
        margin-bottom: 50px;
    }
    .faq .faq__list .faq__item .faq__question{
        font-size: 22px;
    }
    .help-center .help-center__title{
        font-size: 44px;
    }
    .help-center{
        margin-bottom: 150px;
    }
    .vacancy .vacancy_wrapper{
        max-width: 100%;
    }
    .vacancy{
        margin-bottom: 150px;
    }
    .vacancies{
        margin-bottom: 150px;
    }
    .vacancies__list .vacancies__card{
        padding: 24px;
    }
    .vacancies__list .vacancies__card{
        width: calc(33.33% - 10px);
    }
    .vacancies .vacancies__list{
        gap: 20px 0;
    }
    .vacancies__list .vacancies__card .vacancies__position{
        font-size: 28px;
    }
    .organisation .organisation__image{
        margin-bottom: 60px;
    }
    .organisation .organisation__content h2{
        font-size: 28px;
    }
    .breadcrumbs{
        margin-bottom: 100px;
    }
    .organisation .organisation__title{
        font-size: 64px;
    }
    .careers__background .gallery__image img{
        max-width: 180px;
    }
    .careers{
        padding-bottom: 200px;
    }
    .careers .careers__background{
        bottom: 0;
        margin: auto;
    }
    .mission__content .mission__stats{
        padding-left: 100px;
    }
    .error-page .error-page__message{
        font-size: 40px;
    }
    .error-page{
        margin-bottom: 150px;
    }
    .button .button__link .button__icon{
        width: 44px;
        height: 44px;
    }
    .button .button__link{
        padding: 6px;
    }
    .error-page .error-page__title{
        font-size: 108px;
    }
    .hero{
        padding: 140px 0;
    }
    .hero__action .hero__link .hero__icon{
        width: 44px;
        height: 44px;
    }
    .header .header__logo .header__logo-img{
        max-height: 65px;
    }
    .footer__logo img{
        max-height: 65px;
    }
    .header .header__nav-wrapper .header__nav{
        margin-right: auto;
    }
   .header__nav-wrapper .header__lang-switcher .header__lang-btn{
    font-size: 16px;
   }
   .header .header__nav-list .header__nav-item:not(:last-child){
    margin-right: 40px;
   }
   .footer .footer__row .footer__col{
    flex: 0 0 auto;
    width: calc(25% - 40px);
   }
   .footer__col .footer__list .footer__item svg{
    width: 24px;
    height: 24px;
   }
   .footer__social .social__icon img{
    width: 24px;
    height: 24px;
    }
    .testimonials__navs .testimonials__nav{
        width: 52px;
        height: 52px;
    }
    .section-title{
        font-size: 40px;
    }
    .testimonials .testimonials__header{
        margin-bottom: 50px;
    }
    .testimonials .testimonials__slide-content{
        padding: 48px;
    }
    .testimonials__slide-content .testimonials__description{
        font-size: 28px;
    }
    .testimonials{
        margin-bottom: 170px;
    }
}
@media all and (max-width: 1200px){
    .testimonials{
        margin-bottom: 150px;
    }
    .steps .steps__item:not(:last-child):before{
        height: 25px;
        bottom: -28px;
        left: 11px;
    }
    .steps .steps__item .steps__icon::before{
        width: 10px;
        height: 10px;
    }
    .application__content .step.step--active{
        padding: 20px;
    }
    .application .form__action .button-icon{
        width: 36px;
        height: 36px;
    }
    .application .form__action .button-text{
        font-size: 18px;
    }
    .steps__item .steps__label{
        font-size: 18px;
    }
    .application__wrapper .application__steps{
        padding: 20px;
    }
    .steps .steps__item .steps__icon{
        width: 24px;
        height: 24px
    }
    .application__steps .steps .steps__item{
        margin-bottom: 30px;
    }
    .application__wrapper .application__steps{
        width: calc(30% - 10px);
    }
    .application .application__header .application__title{
        font-size: 32px;
    }
    .application .application__header{
        margin-bottom: 40px
    }
    .application__wrapper .application__content{
        width: calc(70% - 10px);
    }
    .form__submit-button .button__icon{
        width: 40px;
        height: 40px;
    }
    .form__submit-button .button__text{
        font-size: 20px;
    }
    .apply-section .form{
        padding: 30px;
    }
    .form__group .form__label{
        font-size: 22px;
    }
    .form .form__row:not(:last-child){
        margin-bottom: 30px;
    }
    .form__group .upload__preview{
        margin-top: 30px;
    }
    .apply__title{
        font-size: 32px;

    }
    .apply{
        margin-bottom: 120px;
    }
    .volunteer .volunteer__title br{
        display: none;
    }
    .volunteer .volunteer__content{
        max-width: 100%;
    }
    .volunteer{
        margin-bottom: 120px;
    }
    .volunteer .volunteer__image{
        margin-bottom: 40px;
    }
    .volunteer__content h2, .volunteer__content h3{
        font-size: 28px;
    }
    .volunteer .volunteer__title{
        font-size: 48px;
        margin-bottom: 40px;
    }
    .project .project__subtitle{
        font-size: 28px;
    }
    .projects .projects__grid .project-card{
        width: calc(50% - 12px);
    }
    .faq .faq__header{
        margin-bottom: 40px;
    }
    .projects-hero .projects-hero__title{
        font-size: 48px;
        margin-bottom: 40px;
    }
    .project .project__title{
        font-size: 48px;
        margin-bottom: 40px;
    }
    .project .project__image-wrapper{
        margin-bottom: 60px;
    }
    .project .project__content{
        max-width: 100%;
        margin-bottom: 60px;
    }
    .project .swiper-slide:nth-child(even) .slide__image{
        transform: inherit;
    }
    .project .slide__image{
        padding: 0;
    }
    .faq__item .faq__question::after,
    .faq__item .faq__question::before{
        width: 20px;
    }
    .faq .faq__list .faq__item .faq__question{
        font-size: 20px;
    }
    .faq .faq__list .faq__item{
        padding: 20px;
    }
    .help-center .help-center__content .help-center__texts{
        width: calc(50% - 8px);
    }
    .help-center .help-center__image-wrapper{
        width: calc(50% - 8px);
    }
    .help-center .help-center__title{
        font-size: 36px;
        margin-bottom: 24px;
    }
    .vacancy .vacancy__header .vacancy__title{
        font-size: 40px;
    }
    .vacancy .vacancy__header .vacancy__description{
        font-size: 20px;
        margin-bottom: 40px;
    }
    .vacancy .vacancy__header{
        margin-bottom: 90px;
    }
    .vacancy__content .h2,
    .vacancy__content .h3{
        font-size: 30px;
    }
    .vacancy__information .vacancy__table .vacancy__label,
    .vacancy__information .vacancy__table .vacancy__value{
        font-size: 20px;
    }
    .vacancies .vacancies__header{
        margin-bottom: 60px;
    }
    .vacancies__list .vacancies__card .vacancies__position{
        font-size: 24px;
    }
    .vacancies__card .vacancies__info .vacancies__location{
        font-size: 18px;
    }
    .vacancies__card .vacancies__info .vacancies__deadline{
        font-size: 18px;
    }
    .vacancies__list .vacancies__card{
        width: calc(50% - 10px);
    }
    .breadcrumbs{
        margin-bottom: 80px;
    }
    .organisation .organisation__title{
        font-size: 46px;
        margin-bottom: 60px;
    }
    .organisation .organisation__content{
        max-width: 100%;
    }
    .careers{
        padding: 0;
        margin: 0;
        margin-bottom: 150px;
    }
    .careers .careers__text p{
        font-size: 20px;
    }
    .careers .careers__swiper{
        display: block;
    }
    .careers .careers__background{
        display: none;
    }
    .careers .careers__text,
    .careers .careers__header{
        width: 100%;
        max-width: 100%;
    }
    .mission .mission__paragraph{
        font-size: 20px;
    }
    .mission__content .mission__stats{
        padding: 0;
    }
    .mission__stats .mission__stat:not(:last-child){
        margin-bottom: 40px;
    }
    .mission__stats .mission__stat .mission__number{
        font-size: 48px;
    }
    .mission__content{
        margin-bottom: 60px;
    }
    .mission{
        margin-bottom: 150px;
    }
    .section-title{
        font-size: 32px;
    }
    .testimonials .testimonials__slide-content{
        padding: 40px;
    }
    .testimonials__slide-content .testimonials__description{
        font-size: 24px;
        margin-bottom: 40px;
    }
    .testimonials__author .testimonials__author-image img{
        width: 76px;
        height: 76px;
    }
    .hero .hero__row .hero__content{
        width: calc(50% - 10px);
    }
    .hero{
        padding: 120px 0;
    }
    .hero .hero__media .play-button{
        width: 52px;
        height: 52px;
    }
    .hero .hero__description br{
        display: none;
    }
    .hero .hero__description{
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 32px;
    }
    .hero .hero__title{
        font-size: 40px;
    }
    .hero .hero__description{
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 40px;
    }
    .hero__action .hero__link .hero__text{
        font-size: 20px;
        line-height: 28px;
    }
    .hero__action .hero__link .hero__icon{
        width: 40px;
        height: 40px;
    }
    .hero .hero__row .hero__media{
        width: calc(50% - 10px);
    }
    .header__nav-list .header__nav-item{
        line-height: normal;
    }
    .header__nav-list .header__nav-item.header__nav-item--dropdown .header__nav-link{
        padding-right: 20px;
    }
    .header__nav-list .header__nav-item.header__nav-item--dropdown .header__nav-link::before{
        width: 8px;
        height: 8px;
    }
    .header__nav-list .header__nav-item .header__nav-link,
    .header__nav-item .header__nav-dropdown .header__nav-dropdown-link{
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        padding: 8px 12px;
    }
    .header .header__nav-list .header__nav-item:not(:last-child){
        margin-right: 30px;
    }
    .header__nav-wrapper .header__lang-switcher .header__lang-btn{
        width: 54px;
    }
    .footer{
        padding: 60px 0;
    }
    .footer .footer__row .footer__col{
        width: calc(25% - 20px);
    }
  .footer__col .col__title{
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
  }
  .footer__col .footer__list .footer__item{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
  }
  .footer__col .footer__list .footer__item:not(:last-child){
    margin-bottom: 12px;
  }
  .footer__social .social__icon:not(:last-child){
    margin-right: 12px;
  }
}
@media all and (max-width: 992px){
    .volunteer{
        margin-bottom: 100px;
    }
    .application .application__wrapper{
        flex-direction: column;
    }
    .application__wrapper .application__steps,
    .application__wrapper .application__content{
        width: 100%;
    }
    .application__wrapper .application__steps{
        box-shadow: none;
        background: none;
        border-radius: 0;
        margin-bottom: 30px;
    }
    .steps .steps__item .steps__icon{
        margin: 0;
    }
    .steps .steps__item:not(:last-child)::after{
        width: calc(100% - 30px);
        height: 2px;
        content: '';
        position: absolute;
        border-radius: 2px;
        right: -52px;
        top: 0;
        bottom: 0;
        z-index: -1;
        margin: auto;
        background-color: #E9EAEB;
    }
    .application__wrapper .application__steps .steps{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .steps .steps__item:not(:last-child):before{
        display: none;
    }
    .application__steps .steps .steps__item{
        margin: 0;
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .steps__item .steps__label{
        display: none;
    }
    .apply-section{
        margin-bottom: 120px;
    }
    .form__submit-button .form__button{
        width: 100%;
        justify-content: flex-end;
    }
    .form__submit-button .button__text{
        position: absolute;
        padding: 0 30px;
        text-align: center;
        width: 100%;
    }
    .form__group.form__group--half,
    .form__group.form__group--third{
        width: 100%;
    }
    .form__row .form__group:not(:last-child){
        margin-bottom: 20px;
    }
    .form__group .form__select{
        height: 56px;
    }
    .form .form__row:not(:last-child){
        margin-bottom: 20px;
    }
    .apply-section .form{
        padding: 20px;
    }
    .apply .apply__content{
        padding: 30px;
    }
    .apply .apply__title{
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 16px;
    }
    .apply .apply__text{
        font-size: 16px;
        margin-bottom: 60px;
    }
    .apply{
        margin-bottom: 100px;
    }
    .testimonials__navs{
        display: none;
    }
    .volunteer__content h2, .volunteer__content h3{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 12px;
    }
    .volunteer__content p:not(:last-child){
        margin-bottom: 20px;
    }
    .volunteer .volunteer__content{
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
    .volunteer .volunteer__title{
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 40px;
    }
    .breadcrumbs .breadcrumbs__list .breadcrumbs__item{
        font-size: 18px;
    }
    .breadcrumbs .breadcrumbs__list .breadcrumbs__link{
        font-size: 18px;
    }
    .breadcrumbs .breadcrumbs__list .breadcrumbs__item:not(:last-child)::after{
        margin: 0 12px;
    }
    .project{
        margin-bottom: 100px;
    }
    .project__content p{
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
    .project__content p:not(:last-child){
        margin-bottom: 20px;
    }
    .project .project__block:not(:last-child){
        margin-bottom: 30px;
    }
    .project .project__content{
        margin-bottom: 40px;
    }
    .project .project__title{
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 40px;
    }
    .project .project__image-wrapper{
        margin-bottom: 40px;
    }
    .project .project__subtitle{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 12px
    }
    .main-content{
        margin-top: 80px;
    }
    .header .header__logo .header__logo-img{
        max-height: 50px;
    }
    .breadcrumbs .breadcrumbs__list .breadcrumbs__item--current{
        font-size: 18px;
    }
    .projects .projects__grid .project-card{
        width: 100%;
    }
    .projects{
        margin-bottom: 100px;
    }
    .project-card .project-card__meta{
        font-size: 16px;
    }
    .project-card .project-card__body .project-card__title{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 20px;
    }
    .projects-hero .projects-hero__title{
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-align: left;
    }
    .projects-hero{
        margin-bottom: 100px;
    }
    .projects-hero__texts .projects-hero__block .projects-hero__block-title{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 12px;
    }
    .projects-hero__block .projects-hero__block-text p{
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
    .projects-hero__block .projects-hero__block-text p:not(:last-child){
        margin-bottom: 20px;
    }
    .contacts .contact-info{
        padding: 20px;
        width: 100%;
    }
    .contacts .contact-section__map{
        width: 100%;
    }
    .contacts .contact-section__layout{
        flex-direction: column-reverse;
        gap: 20px 0;
    }
    .contacts .contact-info__title{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .contacts .contact-info__block .contact-info__label{
        font-size: 20px;
    }
    .contacts .contact-info__block p,
    .contacts .contact-info__block a{
        font-size: 16px;
    }
    .faq{
        margin-bottom: 100px;
    }
    .contacts{
        margin-bottom: 100px
    }
    .faq .faq__list .faq__item .faq__question{
        font-size: 18px;
    }
    .faq__item .faq__question::after, .faq__item .faq__question::before{
        width: 18px;
    }
   .help-center .help-center__content .help-center__texts,
   .help-center .help-center__image-wrapper{
    width: 100%;
   }
   .help-center .help-center__content{
    flex-direction: column-reverse;
   }
   .help-center .help-center__image-wrapper{
    margin-bottom: 24px;
   }
    .help-center{
        margin-bottom: 100px
    }
    .help-center .help-center__text{
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
   .help-center .help-center__title{
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
   }
    .vacancy{
        margin-bottom: 100px;
    }
    .vacancy .vacancy__header .vacancy__title{
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 12px;
    }
    .vacancy__content h2,
    .vacancy__content .h3{
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }
    .vacancy__information .vacancy__table .vacancy__label, .vacancy__information .vacancy__table .vacancy__value{
        font-size: 18px;
    }
    .vacancy__information .vacancy__table .vacancy__row:not(:last-child){
        margin-bottom: 20px;
    }
    .vacancy__content .vacancy__information{
        margin-bottom: 56px;
    }
    .vacancy__description__content p,
    .vacancy__description__content li{
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
    .vacancy .vacancy__header .vacancy__description{
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
    .vacancies{
        margin-bottom: 100px;
    }
    .vacancies__list .vacancies__card{
        width: 100%;
        min-height: auto;
        padding: 20px;
        border-radius: 6px;
    }
    .vacancies__list .vacancies__card .vacancies__position{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 20px;
    }
    .vacancies__card .vacancies__info .vacancies__location{
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
    .vacancies__card .vacancies__info .vacancies__deadline{
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
    .vacancies .vacancies__list{
        gap: 16px 0;
    }
    .vacancies .vacancies__header{
        margin-bottom: 50px;
    }
    .breadcrumbs{
        margin-bottom: 60px;
    }
    .organisation .organisation__title{
       font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 40px;
    }
    .organisation .organisation__image{
        margin-bottom: 40px;
    }
    .organisation .organisation__content h2{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }
    .organisation .organisation__content p{
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
    .organisation .organisation__content p:not(:last-child){
        margin-bottom: 20px;
    }
    .organisation{
        margin-bottom: 100px;
    }
    .careers .careers__header{
        margin-bottom: 20px;
    }
    .careers{
        margin-bottom: 100px;
    }
    .careers .careers__text p{
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
    .careers .careers__text p:not(:last-child){
        margin-bottom: 20px;
    }
    .mission__content .mission__text,
    .mission__content .mission__stats{
        width: 100%;
    }
    .mission{
        margin-bottom: 100px;
    }
    .mission__content .mission__text{
        margin-bottom: 50px;
    }
    .mission .mission__paragraph{
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
    .mission .mission__paragraph:not(:last-child){
        margin-bottom: 24px;
    }
    .mission__stats .mission__stat .mission__number{
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 8px;
    }
    .mission__stats .mission__stat .mission__label{
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
    .mission .section-title{
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 20px;
    }
    .error-page .error-page__title{
        font-size: 72px;
        margin-bottom: 20px;
    }
    .error-page .error-page__message{
        font-size: 32px;
        margin-bottom: 20px;
    }
    .error-page .error-page__description{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .button .button__link .button__icon{
        width: 40px;
        height: 40px;
    }
    .button .button__link .button__text{
        font-size: 16px;
    }
    .testimonials{
        margin-bottom: 100px;
    }
    .testimonials .testimonials__header{
        margin-bottom: 30px;
    }
    .testimonials .testimonials__slide-content{
        padding: 30px;
    }
    .testimonials .testimonials__header .testimonials__texts{
        width: 100%;
    }
    .testimonials__slide-content .testimonials__description{
        font-size: 20px;
    }
    .section-subtitle{
        text-align: center;
    }
    .section-title{
        text-align: center;
        font-size: 28px;
    }
    .hero .hero__row{
        flex-direction: column-reverse;
    }
    .hero{
        padding: 80px 0 100px 0;
    }
    .hero .hero__title{
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px;
        margin-bottom: 10px;
    }
    .hero .hero__row .hero__content,
    .hero .hero__row .hero__media{
        width: 100%;
    }
    .hero .hero__row .hero__media{
        margin-bottom: 40px;
    }
    .header .header__nav-wrapper .header__nav{
        display: none;
    }
    .header__nav-wrapper .header__lang-switcher{
        display: none !important;
    }
    .footer{
        padding: 40px 0;
    }
    .footer .footer__row{
        gap: 40px 0;
    }
    .footer .footer__row .footer__col:first-child{
        width: 100%;
    }
    .footer .footer__row .footer__col{
        width: calc(50% - 20px);
    }
    .header{
        padding: 12px 0;
    }
}
@media all and (max-width: 768px){
    .apply-section .form__title{
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-align: left;
        margin-bottom: 16px;
    }
    .application .form__action .button-icon{
        width: 32px;
        height: 32px;
    }
    .steps .steps__item:not(:last-child)::after{
        right: -33px;
    }
    .application .application__header .application__title{
        font-size: 24px;
    }
    .application .application__header .application__description{
        font-size: 18px;
    }
    .application .form__action .button-text{
        font-size: 16px;
    }
    .form__checkbox-wrapper,
    .form__group .form__radio-wrapper,
    .application__content .form__remove-button,
    .form__add .form__add-button .button__text{
        font-size: 16px
    }
    .application .form__action .button{
        padding: 6px;
    }
    .signature-pad .clear__button .signature__clear{
        font-size: 16px;
    }
    .form__submit-button .button__text{
        font-size: 18px;
    }
    .apply-section .form__subtitle{
        color: #414651;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        text-align: left;
    }
    .apply-section .form{
        border-radius: 12px;
        padding: 12px;
    }
    .form__group .form__label{
        color: #252B37;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -0.3px;
    }
    .form__group .form__input,
    .form__group .form__input::placeholder,
    .form__group .form__select,
    .form__group .form__select::placeholder,
    .form__group .form__textarea,
    .form__group .form__textarea::placeholder{
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
    .form__group .file-upload__button{
        padding: 8px 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        width: 100%;
        font-size: 18px;
        border-radius: 12px;
        justify-content: center;
    }
    .form__group .upload__preview{
        padding: 10px 12px;
    }
    .form__group .upload__file-info .upload__file-name{
        font-size: 16px;
    }
    .form__group .upload__file-info .upload__file-size{
        font-size: 14px;
    }
    .form__group .upload__preview .upload__file-delete,
    .form__group .upload__file-icon{
        font-size: 28px;
    }
    .form__submit-button .button__link{
        width: 100%;
    }
    .section-subtitle{
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }
    .apply .apply__content{
        padding: 24px;
    }
    .breadcrumbs .breadcrumbs__list .breadcrumbs__item,
    .breadcrumbs .breadcrumbs__list .breadcrumbs__link{
        font-size: 16px;
    }
    .bg-line{
        background-image: none !important;
    }
    .button .button__link .button__icon{
        width: 32px;
        height: 32px;
    }
    .button .button__link .button__icon svg{
        width: 20px;
    }
    .breadcrumbs{
        margin-bottom: 40px;
    }
    .testimonials{
        margin-bottom: 80px;
    }
    .section-title{
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }
    .testimonials .testimonials__slide-content{
        padding: 20px;
    }
    .testimonials__slide-content .testimonials__description{
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
    .testimonials__author .testimonials__author-image img{
        width: 48px;
        height: 48px;
    }
    .testimonials__author .testimonials__author-name{
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
    .testimonials__author .testimonials__author-job{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }
    .hero .hero__action .hero__link{
        width: 100%;
        justify-content: flex-end;
    }
    .hero{
        padding-top: 40px;
    }
    .hero__action .hero__link .hero__text{
        position: absolute;
        padding: 0 30px;
        text-align: center;
        width: 100%;
    }
    .footer{
        padding: 32px 0;
    }
    .footer .footer__row .footer__col{
        width: 100%;
    }
    .footer__col .col__title{
        margin-bottom: 20px;
    }
}
@media all and (max-width: 576px){
    .hamburger__menu{
        min-width: 100%;
        width: 100%;
    }
    .steps .steps__item:not(:last-child)::after{
        position: static;
        display: block;
    }
    .application__steps .steps .steps__item:last-child{
        justify-content: flex-start;
    }
    .application__wrapper .application__steps{
        padding: 0;
    }
    .error-page .button .button__link{
        width: 100%
    }
    .error-page .error-page__wrapper{
        max-width: 100%;
    }
    .button .button__link{
        justify-content: flex-end;
    }
    .button .button__link .button__text{
        position: absolute;
        padding: 0 30px;
        text-align: center;
        width: 100%;
    }
    .apply .button .button__link{
        width: 100%;
    }
    .apply .apply__content{
        padding: 20px;
    }
    .project__swiper{
        width: calc(100% - 24px);
        margin: 0 auto;
    }
    .breadcrumbs{
        margin-bottom: 32px;
    }
    .hero{
        padding: 24px 0;
        margin-bottom: 30px
    }
    .footer__social .social__icon img{
        width: 32px;
        height: 32px;
    }
    .footer__social .social__icon:not(:last-child){
        margin-right: 20px
    }
   .error-page .error-page__title{
        font-size: 64px;
   }
   .error-page .error-page__message{
        font-size: 24px;
   }
   .error-page .error-page__description{
        font-size: 16px;
   }
   .error-page{
        margin-bottom: 100px;
   }
}