@import "ui.css";

@media (max-width: 1280px) {
    /*general*/
    html, body, a, input {
        font-size: 1.25vw;
    }
    ._container {
        padding: 0 1.56vw;
    }

    .header {
        padding: 1.56vw 0;
    }
    .header__logo-wrap {
        gap: 3.13vw;
    }
    .header__logo img {
        width: 2.34vw;
        height: 3.13vw;
    }
    .header__locate {
        gap: 1.25vw;
    }
    .header__locate img {
        width: 2.11vw;
        height: 2.97vw;
    }
    .header__locate > p {
        max-width: 10.63vw;
        font-size: 1.17vw;
    }
    .menu__list {
        gap: 3.13vw;
    }
    .main-section {
        padding: 4.84vw 0 7.81vw 0;
    }
    .main-section__container > *:not(:first-child) {
        margin-top: 6.41vw;
    }
    .main-section__top > *:not(:first-child) {
        margin-top: .78vw;
    }
    .main-section__top-line-right {
        gap: 2.19vw;
    }
    .main-section__helpers-inner > img {
        width: 7.58vw;
        height: 3.05vw;
    }
    .main-section__helpers-inner {
        padding: .78vw;
        border-radius: 3.91vw;
    }
    .main-section__helpers {
        gap: 1.25vw;
    }
    .main-section__helpers p {
        max-width: 17.97vw;
        font-size: 1.41vw;
    }
    .main-section__banner-inner {
        border-radius: 1.56vw 1.56vw 1.56vw 0;
    }
    .main-section__author {
        padding: 1.56vw;
        font-size: 1.72vw;
        right: 1.56vw;
        bottom: -1.8vw;
    }
    .who-is__top {
        padding: 4.77vw 0;
    }
    .who-is__top-inner {
        padding-left: 7.27vw;
    }
    .who-is__top-inner > *:not(:first-child) {
        margin-top: 1.72vw;
    }
    .who-is__txt {
        font-size: 1.56vw;

    }
    .who-is__txt span {
        padding: .47vw;
    }
    .who-is__txt > span:first-child {
        margin-left: 8.67vw;
    }
    .who-is__top-bottom {
        min-height: 45vw;
    }
    .who-is__card-img {
        border-radius: 1.8vw;
        width: 19.06vw;
    }
    .who-is__card {
        padding: .78vw .78vw 1.17vw .78vw;
        border-radius: 1.8vw;
    }
    .who-is__card > *:not(:first-child) {
        margin-top: .94vw;
    }
    .who-is__bottom-container {
        gap: 2.34vw;
    }
    .who-is__card-txt {
        font-size: 1.72vw;
    }
    .who-is__card-txt span {
        padding-right: .63vw;
        font-size: 2.34vw;
    }
    .history {
        padding: 6.25vw 0 7.81vw 0;
    }
    .history__title {
        margin-left: 7.66vw;
    }
    .history__inner > *:not(:first-child) {
        margin-top: 5vw;
    }
    .history__img {
        width: 46.72vw;
        min-width: 46.72vw;
        border-radius: 1.56vw;
    }
    .history__content {
        gap: 5.47vw;
    }
    .history__content-inner > *:not(:first-child) {
        margin-top: 1.95vw;
    }
    .history-content__title-wrap {
        gap: 2.11vw;
    }
    .history-content__quot {
        width: 7.03vw;
        height: 5.78vw;
    }
    .history-content__title {
        font-size: 1.88vw;
        max-width: 30.08vw;
    }
    .history-content__txt {
        max-width: 40.08vw;
        font-size: 1.56vw;
    }
    .conditions {
        padding: 7.03vw 0 7.81vw 0;
    }
    .conditions__inner> *:not(:first-child) {
        margin-top: 4.69vw;
    }
    .conditions__title {
        font-size: 4.22vw;
    }
    .conditions__title-top {
        margin-left: 7.34vw;
    }
    .conditions__title-wrap > *:not(:first-child) {
        margin-top: 1.95vw;
    }
    .conditions__title span {
        padding: .78vw 1.17vw;
    }
    .conditions__content {
        gap: 1.56vw;
    }
    .conditions__card {
        padding: 3.13vw 2.34vw;
        border-radius: 1.56vw;
    }
    .conditions__card > *:not(:first-child) {
        margin-top: 2.34vw;
    }
    .conditions__card-title {
        font-size: 3.44vw;
        padding-left: 2.34vw;
    }
    .conditions__item {
        padding-left: 2.81vw;
        font-size: 1.88vw;
    }
    .conditions__item:before {
        width: .31vw;
        height: .31vw;
        left: 1.41vw;
        top: 1.09vw;
        transform: translateY(-.31vw);
    }
    .conditions__items > *:not(:first-child) {
        margin-top: 1.56vw;
    }
    .events {
        padding: 6.25vw 0 7.81vw 0;
    }
    .events__img-small, .events__img-big {
        border-radius: 1.56vw 1.56vw 1.56vw 0;
    }
    .events__img-small {
        width: 30.63vw;
    }
    .events__img-big {
        width: 62.71vw;
    }
    .events__inner > *:not(:first-child) {
        margin-top: 4.06vw;
    }
    .events__title {
        margin-left: 7.34vw;
    }
    .events__nav {
        width: 5.08vw;
        height: 3.44vw;
        border-radius: 1.17vw;
    }
    .swiper-navigation-icon {
        width: 1.56vw !important;
        height: 1.56vw !important;
    }
    .events__swiper-nav {
        gap: 3.13vw;
    }
    .steps {
        padding: 7.81vw 0;
    }
    .steps__title-top {
        margin-left: 7.34vw;
    }
    .steps__list > *:not(:first-child) {
        margin-top: 1.56vw;
    }
    .steps__inner > *:not(:first-child) {
        margin-top: 4.69vw;
    }
    .steps__item {
        padding: 3.91vw 1.56vw;
        border-radius: 1.56vw 1.56vw 1.56vw 0;
    }
    .steps__number {
        min-width: 19.69vw;
        font-size: 13.75vw;
    }
    .steps__item-title {
        font-size: 2.66vw;
    }
    .faq {
        padding: 6.25vw 0 7.81vw 0;
    }
    .faq__img {
        width: 32.19vw;
        border-radius: 1.56vw 1.56vw 1.56vw 0;
    }
    .faq__content {
        width: 56.33vw;
    }
    .faq__intro {
        gap: 4.3vw;
    }
    .faq__content > *:not(:first-child) {
        margin-top: 5.47vw;
    }
    .faq__item {
        border-bottom: .08vw solid #E0E4EE;
    }
    .faq__item._active {
        padding-bottom: .78vw;
    }
    .faq__clickable {
        padding-bottom: .78vw;
    }
    .faq__accordion > *:not(:first-child) {
        margin-top: 1.95vw;
    }
    .faq__question {
        font-size: 1.56vw;
    }
    .feedback {
        padding: 7.66vw 0;
    }
    .feedback__container {
        gap: 7.81vw;
    }
    .feedback__content {
        width: 46.48vw;
    }
    .feedback__form {
        width: 40.23vw;
    }
    .feedback__title span {
        padding: .78vw;
        margin-top: 1.95vw;
    }
    .feedback__content > *:not(:first-child) {
        margin-top: 5.47vw;
    }
    .feedback__txt {
        padding: 2.34vw 3.13vw;
        border-radius: 1.56vw 1.56vw 1.56vw 0;
        font-size: 2.03vw;
    }
    .feedback__form {
        padding: 3.13vw 5vw 2.34vw 5vw;
        border-radius: 1.56vw;
    }
    .feedback__form-inner {
        gap: 1.56vw;
    }
    .feedback__fields > *:not(:first-child) {
        margin-top: .78vw;
    }
    .feedback__form-item {
        padding: .94vw 1.33vw;
        border-radius: .7vw;
        font-size: 1.33vw;
    }
    .feedback__form-wrap._with_icon .feedback__form-item {
        padding-right: 3.98vw;
    }
    .feedback__form-search {
        width: 1.88vw;
        height: 1.88vw;
        right: 1.33vw;
    }
    .feedback__fake {
        width: 1.56vw;
        min-width: 1.56vw;
        height: 1.56vw;
        border-radius: .16vw;
    }
    .feedback__form > *:not(:first-child) {
        margin-top: 2.34vw;
    }
    .feedback__checkbox {
        gap: .94vw;
    }
    .feedback__checkboxes> *:not(:first-child) {
        margin-top: .78vw;
    }
    .feedback__checkbox-txt {
        font-size: .86vw;
    }
    .footer {
        padding: 6.48vw 5.31vw;
    }
    .footer__container {
        gap: 5.47vw;
    }
    .footer__logo img {
        width: 8.98vw;
        height: 11.64vw;
    }
    .footer__content {
        width: 80.47vw;
    }
    .footer__list > *:not(:first-child) {
        margin-top: 1.17vw;
    }
    .footer__list > li {
        font-size: 1.41vw;
    }
    .footer__title {
        font-size: 2.19vw;
    }
    .footer__menu-group > *:not(:first-child) {
        margin-top: 1.56vw;
    }
}

@media (max-width: 1160px) {
    .events__img-big {
        width: 62.61vw;
    }
}

@media (max-width: 1000px) {
    .events__img-big {
        width: 61.8vw;
    }
    .events__img-small {
        width: 30.2vw;
    }
}
@media (max-width: 920px) {
    .events__img-big {
        width: 61.5vw;
    }
    .events__img-small {
        width: 29.8vw;
    }
}
@media (max-width: 830px) {
    .events__img-big {
        width: 61.2vw;
    }
    .events__img-small {
        width: 29.5vw;
    }
}

@media (max-width: 768px) {
    /*general*/
    ._container {
        padding: 0px 4.56vw;
    }
    html, body, a, input, li {
        font-size: 4vw;
    }
    /**************header****************/
    .header {
        position: relative;
        z-index: 40;
    }
    .menu__body {
        transition: var(--transit);
        position: fixed;
        z-index: 1;
        width: 100vw;
        height: 100vh;
        background: rgba(183, 222, 247, 0.9);
        right: -100%;
        top: 21vw;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .menu._active .menu__body {
        right: 0;
    }


    .header__logo img {
        width: 10.34vw;
        height: 12.13vw;
    }
    .header__locate img {
        width: 5.11vw;
        height: 5.97vw;
    }
    .header__locate > p {
        max-width: 21.63vw;
        font-size: 2.5vw;
    }
    .header__logo-wrap {
        gap: 6.13vw;
    }

    .menu__icon {
        display: inline-block;
        position: relative;
        width: 10vw;
        height: 6vw;
    }
    .menu__icon span, .menu__icon::before, .menu__icon::after {
        display: inline-block;
        width: 100%;
        height: 10%;
        background: var(--black);
        position: absolute;
        left: 0;
        transition: var(--transit);
    }
    .menu__icon::before, .menu__icon::after {
        content: "";
    }
    .menu__icon span {
        top: 50%;
        transform: translateY(-50%) scale(1);
    }
    .menu__icon::before {

        top: 0;
    }
    .menu__icon::after {
        bottom: 0;
    }
    .header {
        padding: 4.56vw 0;
    }
    .menu._active .menu__icon span {
        transform: translateY(-50%) scale(0);
    }
    .menu._active .menu__icon::before {
        top: 46%;
        transform: rotate(45deg);
    }
    .menu._active .menu__icon::after {
        bottom: 46%;
        transform: rotate(-45deg);
    }
    .menu__list {
        flex-direction: column;
        padding-top: 5vw;
        gap: 8.13vw;

    }
    .menu__item {
        font-weight: 500;
    }

    /*main-section*/
    .main-section {
        padding: 7vw 0 12.81vw 0;
    }
    .main-section__title span {
        text-align: left;
    }
    .main-section__bottom-title img {
        width: 8vw;
        height: auto;
    }
    .main-section__top-line {
        flex-direction: column-reverse;
        gap: 6vw;
    }
    .main-section__top-line-right {
        flex-direction: column;
        align-items: flex-start;
    }
    .main-section__helpers-inner > img {
        width: 21.58vw;
        height: 8.05vw;
    }
    .main-section__helpers p {
        max-width: 49.97vw;
        font-size: 3.41vw;
    }
    .main-section__helpers-inner {
        padding: 2.5vw;
        border-radius: 5.91vw;
    }
    .main-section__banner-inner {
        padding-bottom: 52.35%;
        border-radius: 3.56vw 3.56vw 3.56vw 0;
    }
    .main-section__author {
        padding: 2.56vw;
        font-size: 3vw;
        right: 6.56vw;
        bottom: -3.8vw;
    }

    /*who-is*/
    .who-is__top {
        padding: 9.77vw 0;
    }
    .who-is__txt {
        font-size: 3vw;
    }
    .who-is__top-inner {
        padding-left: 11.27vw;
    }
    .who-is__txt > span:first-child {
        margin-left: 11.67vw;
    }
    .who-is__txt span {
        padding: 1vw;
    }
    .who-is__bottom-container {
        flex-direction: column;
        align-items: center;
    }
    .who-is__card-img {
        border-radius: 3.8vw;
        width: 50.06vw;
    }
    .who-is__top-inner > *:not(:first-child) {
        margin-top: 2.72vw;
    }
    .who-is__bottom-container {
        gap: 7.34vw;
    }
    .who-is__card {
        padding: 1.78vw 1.78vw 2.17vw 1.78vw;
        border-radius: 3.8vw;
    }
    .who-is__card-txt {
        font-size: 3.72vw;
    }
    .who-is__card-txt span {
        padding-right: 1.63vw;
        font-size: 5.34vw;
    }
    .who-is__top-bottom {
        min-height: 241vw;
    }
    /*history*/
    .history {
        padding: 8.25vw 0 11.81vw 0;
    }
    .history__title {
        margin-left: 11.66vw;
    }
    .history__content {
        flex-direction: column;
        align-items: center;
    }
    .history__img {
        width: 90.72vw;
         min-width: 90.72vw;
        border-radius: 4.56vw;
    }
    .history-content__txt {
        max-width: 100%;
        font-size: 3.6vw;
    }
    .history-content__quot {
        width: 15.03vw;
        height: 12.78vw;
    }
    .history-content__title {
        font-size: 4vw;
        max-width: 68.08vw;
    }
    .history-content__title-wrap {
        gap: 4.11vw;
        align-items: center;
        justify-content: center;
    }
    /*conditions*/
    .conditions {
        padding: 9.03vw 0 9.81vw 0;
    }
    .conditions__title {
        font-size: 8vw;
    }
    .conditions__title-bottom {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .conditions__title {
        font-size: 7.5vw;
    }
    .conditions__title-bottom img {
        width: 5vw;
    }
    .conditions__title-wrap > *:not(:first-child) {
        margin-top: 3.95vw;
    }
    .conditions__title-top {
        margin-left: 10.34vw;
    }
    .conditions__inner> *:not(:first-child) {
        margin-top: 6.69vw;
    }
    .conditions__content {
        flex-direction: column;
        gap: 4vw;
    }
    .conditions__card-title {
        font-size: 5.44vw;
        padding-left: 4.34vw;
    }
    .conditions__card {
        padding: 4.13vw 3.34vw;
        border-radius: 3.56vw;
    }
    .conditions__item {
        padding-left: 4.81vw;
        font-size: 3.4vw;
    }
    .conditions__item:before {
        width: 0.71vw;
        height: .71vw;
        left: 1.41vw;
        top: 1.9vw;
    }
    /*events*/
    .events {
        padding: 11.25vw 0 11.81vw 0;
    }
    .events__title {
        margin-left: 8.34vw;
    }
    .events__nav {
        width: 9.08vw;
        height: 9.44vw;
        border-radius: 2.17vw;
    }
    .events__intro {
        align-items: flex-end;
    }
    .swiper-navigation-icon {
        width: 3.56vw !important;
        height: 3.56vw !important;
    }
    .events__inner > *:not(:first-child) {
        margin-top: 7.06vw;
    }
    .events__img-big {
        width: 96.2vw;
    }
    .events__img-small {
        width: 60.4vw;
    }
    .events__img-small, .events__img-big {
        border-radius: 3.56vw 3.56vw 3.56vw 0;
    }
    .events__img-big-inner {
        padding-bottom: 71.35%;
    }

    /*steps*/
    .steps__title-top {
        margin-left: 9.34vw;
    }
    .steps {
        padding: 9.81vw 0;
    }
    .steps__item {
        align-items: center;
        padding: 3.91vw 3.56vw;
        border-radius: 3.56vw 3.56vw 3.56vw 0;
    }
    .steps__number {
        min-width: 35.69vw;
        font-size: 23.75vw;
    }
    .steps__item-title {
        font-size: 3.66vw;
    }
    .steps__list > *:not(:first-child) {
        margin-top: 3.56vw;
    }

    /*faq*/
    .faq {
        padding: 9.25vw 0 10.81vw 0;
    }
    .faq__img {
        display: none;
    }
    .faq__content {
        width: 100%;
    }
    .faq__clickable {
        padding-bottom: 2.78vw;
    }
    .faq__question {
        font-size: 3.56vw;
    }
    .faq__item {
        border-bottom: .4vw solid #E0E4EE;
    }
    .faq__icon {
        width: 5vw;
        height: 5vw;
    }
    .faq__item._active {
        padding-bottom: 2.78vw;
    }
    .faq__accordion > *:not(:first-child) {
        margin-top: 3.95vw;
    }

    /*feedback*/
    .feedback__container {
        flex-direction: column;
        align-items: center;
    }
    .feedback__content {
        width: 100%;
    }
    .feedback__txt {
        padding: 3.34vw 4.13vw;
        border-radius: 2.56vw 2.56vw 2.56vw 0;
        font-size: 3.03vw;
    }
    .feedback__form {
        width: 91.23vw;
    }
    .feedback__form-item {
        padding: 2.4vw 3.33vw;
        border-radius: 1.7vw;
        font-size: 3.33vw;
    }
    .feedback__fields > *:not(:first-child) {
        margin-top: 2.78vw;
    }
    .feedback__form-inner {
        gap: 3.56vw;
    }
    .feedback__form {
        padding: 6.13vw 6vw 5.34vw 6vw;
        border-radius: 4.56vw;
    }
    .feedback__form > *:not(:first-child) {
        margin-top: 4.34vw;
    }
    .feedback__fake {
        width: 4.56vw;
        min-width: 4.56vw;
        height: 4.56vw;
        border-radius: 1.16vw;
    }
    .feedback__checkbox {
        gap: 2.4vw;
    }
    .feedback__checkbox-txt {
        font-size: 2.6vw;
    }
    .feedback__checkboxes> *:not(:first-child) {
        margin-top: 2.78vw;
    }
    .feedback__form-search {
        width: 4.88vw;
        height: 4.88vw;
        right: 2.33vw;
    }
    .feedback__form-wrap._with_icon .feedback__form-item {
        padding-right: 8.98vw;
    }

    /*footer*/
    .footer {
        padding: 11.48vw 0;
    }
    .footer__container {
        flex-direction: column;
        align-items: center;
    }
    .footer__logo img {
        width: 18.98vw;
        height: 22.64vw;
    }
    .footer__content {
        flex-direction: column;
        width: 100%;
        gap: 8vw;
    }
    .footer__list > li {
        font-size: 4.41vw;
    }
    .footer__title {
        font-size: 4.5vw;
    }
    .footer__list > *:not(:first-child) {
        margin-top: 2.17vw;
    }
    .footer__menu-group > *:not(:first-child) {
        margin-top: 3.56vw;
    }
}