@media screen and (max-height: 1090px) {
    .hero__slider {
        margin-top: 4px;
        margin-right: 5px;
    }

    .hero__container {
        row-gap: 8px;
    }

    .hero {
        padding-top: 102px;
    }

    .hero__content {
        padding: 44px 0;
        margin-left: 44px;
        gap: 47px;
        padding-bottom: 36px;
    }

    .hero__desc {
        width: 100%;
    }

    .hero__slide {
        gap: 39px;
    }

    .hero .swiper-pagination {
        margin-bottom: 8px;
    }

    .hero-carousel-slide {
        padding-left : 36px;
    }
}

@media screen and (max-height: 900px) {
    .how-help__desc {
        max-width: 590px;
    }

    .how-help__card {
        min-height: 32.7vh;
        gap: 32px;
    }
}

@media screen and (max-width: 2560px) {
    .projects__item:first-child .hover-text {
        top: 400px;
        left: clamp(26.563rem, -6.25rem + 27.34vw, 37.5rem);
        max-width: 143px;
    }

    .projects__item:nth-child(2) .hover-text {
        top: 394px;
        left: clamp(27.75rem, -1.5rem + 24.38vw, 37.5rem);
        max-width: 180px;
    }

    .projects__item:last-child .hover-text {
        font-size: 16px;
        letter-spacing: -0.02em;
        top: 451px;
        left: clamp(43.125rem, -5.625rem + 40.63vw, 59.375rem);
        max-width: 163px;
    }
}

@media screen and (max-width: 1920px) {
    .projects__item:first-child .hover-text {
        left: clamp(3.438rem, -33.035rem + 49.66vw, 26.563rem);
    }

    .projects__item:nth-child(2) .hover-text {
        left: clamp(4.375rem, -32.492rem + 50.2vw, 27.75rem);
    }

    .projects__item:last-child .hover-text {
        left: clamp(19.375rem, -18.083rem + 51.01vw, 43.125rem);
    }
}

@media screen and (max-width: 1700px) {
    .statistic__left {
        grid-column: span 5;
    }

    .statistic__right {
        grid-column: span 7;
    }
}

@media screen and (max-width: 1480px) {
    .projects__title-top,
    .projects__title-bottom {
        grid-column: 5 / -1;
    }

    .projects__desc {
        grid-column: 7 / -1;
    }
}

@media screen and (max-width: 1440px) {
    .hero__title {
        font-size: clamp(5rem, 4.429rem + 1.19vw, 5.5rem);
    }

    .hero__desc {
        font-size: 26px;
    }

    .hero .slider__desc {
        font-size: 26px;
    }

    .hero-carousel-slide .carousel-slide-title {
        font-size: 26px;
    }
}

@media screen and (max-width: 1350px) {
    .hero {
        padding-top: 80px;
    }
}

@media screen and (max-width: 1200px) {
    .hero .hero__slider .swiper-button-prev,
    .hero .hero__slider .swiper-button-next {
        display: none;
    }
}

@media screen and (max-width: 1175px) {
    .projects__title-top {
        grid-column: 1 / -1;
        justify-self: end;
        /*margin-top: clamp(5rem, 2.853rem + 9.16vw, 7.25rem);*/
        margin-top: 110px;
        margin-right: 41px;
        margin-bottom: 0;
    }

    .projects__title-bottom {
        grid-column: 1 / -1;
        justify-self: start;
        margin-bottom: 27px;
    }

    .projects {
        background-position: -240px;
    }

    .projects__items {
        grid-column: 1 / -1;
        grid-template-columns: repeat(4, 1fr);
    }

    .projects__item,
    .projects__item:first-child,
    .projects__item:nth-child(2),
    .projects__item:last-child {
        min-height: 260px;
    }

    .projects__item {
        /*margin-bottom: 23px;*/
    }

    .projects__item:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1024px) {
    .hero__container {
        grid-template-columns: 1fr;
    }

    .hero__content {
        justify-content: space-between;
    }

    .hero__slider {
        margin-left: 8px;
        margin-right: 8px;
        width: calc(100% - 16px);
        max-width: 100%;
    }

    .hero__carousel {
        grid-column-start: span 1;
    }

    .hero .hero__slider .swiper-button-prev,
    .hero .hero__slider .swiper-button-next {
        display: flex;
    }

    .how-help__cards {
        grid-template-columns: repeat(4, 1fr);
    }

    .how-help__card {
        grid-column: 1 / -1;
        /*min-height: clamp(19.688rem, 22.968rem + -13.99vw, 16.25rem);*/
        min-height: 260px;
        padding: clamp(1.5rem, 1.023rem + 2.04vw, 2rem);
        padding-bottom: 30px;
    }

    .statistic__desc {
        grid-column: span 1;
        max-width: 100%;
    }

    .statistic__item .item-desc {
        grid-column: span 1;
    }

    .statistic__left {
        grid-column: 1 / -1;
    }

    .statistic__item {
        grid-template-columns: repeat(4, 1fr);
    }

    .statistic__right {
        grid-column: 1 / -1;
    }

    .statistic__item .item-link {
        grid-column: span 1;
        margin-bottom: 2px;
    }

    .news-container {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .how-help__card__title {
        gap: 24px;
    }
}

@media screen and (max-width: 992px) {
    .people__photo[data-photo-id="1"],
    .people__photo[data-photo-id="2"],
    .people__photo[data-photo-id="3"],
    .people__photo[data-photo-id="8"],
    .people__photo[data-photo-id="9"],
    .people__photo[data-photo-id="10"] {
        display: none;
    }

    .people .img-container {
        width: 1730px;
    }

    .people__photo[data-photo-id="6"] {
        top: 0;
    }

    .people .people__photo-bottom .img-container {
        width: 1600px;
    }

    .people__photo[data-photo-id="15"] {
        display: none;
    }

    .people__photo[data-photo-id="13"] {
        left: 381px;
    }

    .people__photo[data-photo-id="16"] {
        top: 70px;
        left: 483px;
        z-index: -1;
    }

    .people__photo[data-photo-id="14"] {
        left: 721px;
    }

    .people__photo[data-photo-id="17"] {
        left: 953px;
        top: 150px;
    }

    .people__photo[data-photo-id="18"] {
        left: 1063px;
        top: 300px;
    }
}

@media screen and (max-width: 768px) {
    .hero {
        margin-bottom: 40px;
    }

    .hero__container {
        gap: 0;
    }

    .hero__content {
        margin-left: clamp(0.5rem, -0.454rem + 4.07vw, 1.5rem);
        padding-top: 81px;
        gap: 80px;
    }

    .hero__content-bottom {
        gap: 30px;
        padding-left: 10px;
    }

    .hero__more .more-link {
        letter-spacing: 0.07em;
        font-size: 18px;
    }

    .hero__slider {
        height: clamp(23.75rem, 11.823rem + 50.89vw, 36.25rem);
        min-height: auto;
        max-height: 540px;
    }

    .hero__carousel {
        margin-top: clamp(0.938rem, -0.076rem + 4.33vw, 2rem)
    }

    .hero__slide {
        padding: 0 40px 52px 32px;
        gap: 24px;
    }

    .hero__title {
        font-size: clamp(3.25rem, 1.58rem + 7.12vw, 5rem);
        letter-spacing: 0;
    }

    .hero__desc {
        font-size: clamp(1.125rem, 0.29rem + 3.56vw, 2rem);
        width: clamp(21.438rem, 0.147rem + 90.84vw, 43.75rem);
        min-width: 343px;
        letter-spacing: -0.01em;
        line-height: 113%;
    }

    .hero .slider__desc {
        font-size: clamp(1.375rem, 0.779rem + 2.54vw, 2rem);
        padding: 0;
        letter-spacing: -0.01em;
    }

    .hero__carousel .swiper-scrollbar {
        order: -1;
        margin-bottom: 10px;
    }

    .hero .hero-carousel-slide .swiper-horizontal > .swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        height: 16px;
    }

    .hero-carousel-slide {
        width: clamp(18.75rem, 10.401rem + 35.62vw, 27.5rem) !important;
        padding: clamp(1rem, 0.046rem + 4.07vw, 2rem);
    }

    .hero-carousel-slide .carousel-slide-title {
        font-size: clamp(1.375rem, 0.779rem + 2.54vw, 2rem);
        letter-spacing: -0.01em;
    }

    .hero-carousel-slide .carousel-slide-desc {
        font-size: clamp(1rem, 0.761rem + 1.02vw, 1.25rem);
        letter-spacing: -0.02em;
    }

    .hero .hero__slider .swiper-button-prev, .hero .hero__slider .swiper-button-next {
        width: 40px;
        height: 40px;
    }

    .hero .hero__slider .swiper-button-next::after, .hero .hero__slider .swiper-button-prev::after {
        width: 40px;
        height: 40px;
    }


    .hero .hero-carousel-slide .swiper-horizontal > .swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        height: 16px;
    }

    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 9px;
    }

    .hero .swiper-scrollbar {
        margin-top: 7px;
        margin-bottom: 8px;
    }

    .hero-carousel-slide .slide-cities {
        gap: 5px;
    }

    .projects {
        background-position: -384px -79px;
        margin: 0;
        margin-bottom: clamp(4.5rem, 1.637rem + 12.21vw, 7.5rem);
        border-radius: 0;
    }

    .projects__title-top,
    .projects__title-bottom {
        font-size: clamp(2.5rem, 0.711rem + 7.63vw, 4.375rem);
    }

    .projects__desc {
        grid-column: 1 / -1;
        justify-self: start;
        margin-bottom: clamp(8rem, -3.57rem + 49.36vw, 20.125rem);
        font-size: clamp(1.125rem, 1.006rem + 0.51vw, 1.25rem);
        max-width: 433px;
        margin-left: 0;
        letter-spacing: -0.02em;
    }

    .projects__items {
        gap: clamp(0.5rem, -0.395rem + 3.82vw, 1.438rem);
        margin: 0 16px;
        margin-bottom: 120px;
    }

    .projects__item {
        padding: clamp(1.5rem, 1.023rem + 2.04vw, 2rem);
        padding-top: 25px;
    }

    .projects__item_title {
        font-size: clamp(1.75rem, 1.511rem + 1.02vw, 2rem);
        letter-spacing: -0.01em;
    }

    .projects__item:first-child .projects__item_title {
        max-width: 300px;
    }

    .projects__item_desc {
        gap: 0;
        font-size: clamp(1rem, 0.761rem + 1.02vw, 1.25rem);
    }

    .projects__item_point {
        padding-left: 34px;
    }

    .how-help {
        margin-bottom: clamp(5.375rem, 3.347rem + 8.65vw, 7.5rem);
    }

    .how-help__desc {
        max-width: 100%;
        font-size: clamp(1rem, 0.761rem + 1.02vw, 1.25rem);
        /*margin-bottom: clamp(2.125rem, 1.29rem + 3.56vw, 3rem);*/
        margin-bottom: 52px;
        letter-spacing: -0.02em;
    }

    .how-help__title {
        font-size: clamp(2.5rem, 0.711rem + 7.63vw, 4.375rem);
        margin-bottom: 28px;
    }

    .how-help__card__title h3 {
        font-size: clamp(1.75rem, 1.511rem + 1.02vw, 2rem);
        letter-spacing: -0.01em;
    }

    .how-help__card_desc {
        font-size: clamp(1rem, 0.761rem + 1.02vw, 1.25rem);
        letter-spacing: -0.02em;
    }

    .how-help__card__title img {
        padding-right: 6px;
        margin-top: 6px;
        max-height: 20px;
    }

    .people {
        /*margin-bottom: clamp(5rem, 2.615rem + 10.18vw, 7.5rem);*/
        margin-bottom: 108px;
    }

    .people__photo[data-photo-id="4"] {
        left: 3px;
        top: unset;
        bottom: 48.3%;
    }

    .people__photo[data-photo-id="5"] {
        left: 35.1%;
        top: unset;
        bottom: 17.7%;
    }

    .people__photo[data-photo-id="6"] {
        left: 46.4%;
        top: 0;
    }

    .people__photo[data-photo-id="7"] {
        top: 34.9%;
        left: unset;
        right: 0;
    }

    .people .img-container,
    .people .people__photo-bottom .img-container {
        width: calc(100% - 48px);
    }

    .people__title {
        font-size: clamp(2.5rem, 0.711rem + 7.63vw, 4.375rem);
        margin-bottom: 24px;
    }

    .people__desc {
        font-size: clamp(1rem, 0.761rem + 1.02vw, 1.25rem);
        margin: 0 12px;
        margin-bottom: 40px;
        max-width: 720px;
        letter-spacing: -0.02em;
    }

    .people__buttons button {
        font-size: clamp(1rem, 0.881rem + 0.51vw, 1.125rem);
        display: block;
        padding: 20px 40px;
    }

    .people__photo {
        width: clamp(5.188rem, -0.12rem + 22.65vw, 10.75rem);
        height: clamp(5.188rem, -0.12rem + 22.65vw, 10.75rem);
    }

    .people__photo-top {
        height: clamp(16.313rem, -1.519rem + 76.08vw, 35rem);
    }

    .people__photo-bottom {
        height: clamp(23.625rem, 16.469rem + 30.53vw, 31.125rem);
    }

    .people__photo[data-photo-id="11"],
    .people__photo[data-photo-id="12"],
    .people__photo[data-photo-id="15"],
    .people__photo[data-photo-id="19"],
    .people__photo[data-photo-id="20"] {
        display: none;
    }

    .people__photo[data-photo-id="13"] {
        left: -12%;
    }

    .people__photo[data-photo-id="14"] {
        left: 38%;
        top: unset;
        bottom: 14px;
    }

    .people__photo[data-photo-id="16"] {
        left: 6%;
        top: 91px;
    }

    .people__photo[data-photo-id="17"] {
        left: unset;
        right: 5.5%;
        top: 129px;
    }

    .people__photo[data-photo-id="18"] {
        left: unset;
        right: -10%;
        top: 268px;
    }

    .people__content {
        margin-top: -9px;
    }

    .statistic {
        margin-bottom: clamp(4.375rem, 1.393rem + 12.72vw, 7.5rem);
    }

    .statistic__desc {
        font-size: clamp(1rem, 0.761rem + 1.02vw, 1.25rem);
        letter-spacing: -0.02em;
    }

    .statistic__item .item-desc {
        font-size: clamp(1.125rem, 1.006rem + 0.51vw, 1.25rem);
        margin-left: 5px;
        line-height: 130%;
    }


    .statistic__item {
        /*padding: clamp(2rem, 1.523rem + 2.04vw, 2.5rem) 0;*/
        padding: 39px 0;
    }

    .statistic__right {
        /*margin-top: clamp(3rem, -1.294rem + 18.32vw, 7.5rem);*/
        margin-top: 108px;
    }

    .statistic__title {
        font-size: clamp(2.5rem, 0.711rem + 7.63vw, 4.375rem);
        margin-bottom: 29px;
    }


    .statistic__item .item-count {
        font-size: clamp(3.25rem, 2.177rem + 4.58vw, 4.375rem);
        align-self: center;
    }

    .news {
        padding-top: clamp(5rem, 2.615rem + 10.18vw, 7.5rem);
        padding-bottom: clamp(4.625rem, 1.882rem + 11.7vw, 7.5rem);
        margin-bottom: 63px;
    }

    .news__title {
        /*margin-bottom: clamp(3rem, 2.046rem + 4.07vw, 4rem);*/
        margin-bottom: 52px;
        font-size: clamp(2.5rem, 0.711rem + 7.63vw, 4.375rem);
    }

    .news__card-title {
        margin-bottom: 69px;
        font-size: clamp(1.375rem, 0.779rem + 2.54vw, 2rem);
        max-width: 100%;
        letter-spacing: -0.01em;
        line-height: 115%;
    }

    .news__card {
        padding: clamp(1rem, 0.046rem + 4.07vw, 2rem);
        padding-bottom: clamp(1.5rem, 1.023rem + 2.04vw, 2rem);
    }

    .news__card-date {
        /*margin-bottom: clamp(1rem, 0.046rem + 4.07vw, 2rem);*/
        margin-bottom: 25px;
        letter-spacing: 0;
    }

    .news__card .news-img {
        max-height: 321px;
        margin-bottom: 34px;
    }
}

@media screen and (max-width: 576px) {
    .hero__content {
        gap: 29px;
        padding-top: 51px;
        padding-left: 8px;
    }

    .hero {
        padding-top: 60px;
        margin-bottom: 42px;
    }

    .hero__title {
        letter-spacing: -0.01em;
    }

    .hero__desc {
        text-transform: none;
        font-family: "Nunito Sans", sans-serif;
        letter-spacing: 0;
        line-height: 127%;
    }

    .hero__content-bottom {
        gap: 14px;
        padding-left: 0;
    }

    .hero__more .more-link {
        letter-spacing: 0;
    }

    .hero__slider {
        min-height: 360px;
        max-height: 360px;
        width: auto;
        margin-right: 8px;
    }

    .hero__slide {
        justify-content: start;
        padding: 27px 32px 16px 24px;
    }

    .hero .slider__desc {
        letter-spacing: 0;
        line-height: 117%;
    }

    .hero .swiper-button-prev,
    .hero .swiper-button-next {
        display: none;
    }


    .hero-carousel-slide {
        min-height: 240px;
    }

    .hero .hero__slider .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }

    .hero .swiper-scrollbar {
        margin-bottom: 3px;
    }

    .hero-carousel-slide .slide-cities {
        margin-bottom: 25px;
    }

    .hero-carousel-slide .carousel-slide-title {
        letter-spacing: 0;
        margin-bottom: 12px;
    }

    .hero-carousel-slide .carousel-slide-desc {
        letter-spacing: 0.007em;
    }

    .hero .hero__slider .swiper-button-prev,
    .hero .hero__slider .swiper-button-next {
        display: none;
    }

    .projects {
        background-position: -500px;
        margin-bottom: 80px;
    }
    .projects .grid-container {
        margin: 0 16px;
    }

    .projects__items {
        margin: 0;
        margin-bottom: 78px;
    }

    .projects__item_title {
        letter-spacing: 0;
        line-height: 107%;
    }

    .projects__item_point {
        padding-left: 30px;
    }

    .projects__item {
        gap: 55px;
    }

    .statistic__item {
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 29px;
    }

    .statistic__item .item-count {
        margin-bottom: 16px;
        margin-left: 3px;
    }

    .statistic__title {
        margin-left: 3px;
        margin-bottom: 15px;
    }

    .statistic__desc {
        margin-left: 3px;
        letter-spacing: 0.005em;
    }

    .statistic__right {
        margin-top: 36px;
    }

    .statistic__item .item-desc {
        margin-left: 3px;
        letter-spacing: 0;
    }

    .projects .grid-container {
        width: 100%;
        margin: 0;
        padding: 0 16px;
        backdrop-filter: blur(2px);
    }

    .projects__title-top {
        margin-right: 0;
    }

    .support {
        margin-bottom: 80px;
    }

    .how-help__card__title img {
        max-height: 18px;
    }

    .how-help__card__title {
        gap: 8px;
    }
}

@media screen and (max-width: 500px) {
    .people__photo[data-photo-id="13"] {
        left: -3%;
        top: 50%;
    }

    .people__photo[data-photo-id="16"] {
        left: 25%;
        top: 82px;
    }

    .people__photo[data-photo-id="18"] {
        top: unset;
        bottom: 20%;
        z-index: -1;
        right: -3%;
    }

    .people__photo[data-photo-id="17"] {
        right: 10%;
    }

    .people__buttons {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width: 375px) {

    .projects {
        background-image: url("../../img/main/projects/projects-main.jpg");
        background-position: -400px top;
    }

    .projects__title-top {
        margin-right: 0;
        margin-top: 77px;
        margin-bottom: -3px;
    }

    .projects__title-bottom {
        margin-bottom: 21px;
    }

    .projects__desc {
        max-width: 333px;
        margin-bottom: 117px;
        letter-spacing: 0;
    }

    .projects__item {
        padding: 18px 24px 24px 24px;
    }

    .projects__item_desc {
        gap: 8px;
    }

    .projects__item,
    .projects__item:first-child,
    .projects__item:nth-child(2),
    .projects__item:last-child {
        min-height: auto;
    }

    .projects__item_point::before {
        top: 10px;
    }

    .projects__item_point {
        letter-spacing: 0.01em;
    }

    .how-help__card {
        min-height: 315px;
        padding-bottom: 22px;
    }

    .how-help__card__title svg {
        width: 16px;
    }

    .how-help__title {
        margin-left: 7px;
        margin-bottom: 14px;
    }

    .how-help__desc {
        max-width: 351px;
        letter-spacing: -0.01em;
        margin-bottom: 37px;
    }

    .how-help__card__title h3 {
        letter-spacing: 0;
        line-height: 100%;
        text-align: left;
    }

    .how-help__card_desc {
        line-height: 131%;
        letter-spacing: 0.005em;
    }

    .how-help__card__title img {
        padding-right: 5px;
        max-width: 24px;
        align-self: start;
    }

    .people {
        margin-bottom: 54px;
    }

    .people__photo[data-photo-id="5"] {
        bottom: 21%;
        left: 37%;
    }

    .people__photo[data-photo-id="7"] {
        top: 32%;
        right: -6px;
    }

    .people__photo[data-photo-id="4"] {
        left: -8px;
        bottom: 42%;
    }

    .people__photo[data-photo-id="6"] {
        display: none;
    }

    .people__photo[data-photo-id="3"] {
        display: block;
        left: 16%;
        top: 0;
    }

    .people__desc {
        margin-bottom: 24px;
        max-width: 330px;
    }

    .people__content {
        margin-top: 0;
    }

    .people__buttons button {
        padding: 15px 24px;
    }

    .people__buttons {
        gap: 7px;
    }

    .people__photo[data-photo-id="16"] {
        left: 23%;
        top: 15%;
    }

    .people__photo[data-photo-id="13"] {
        top: 41%;
    }

    .people__photo[data-photo-id="17"] {
        right: 16%;
        top: 122px;
    }

    .people__photo[data-photo-id="18"] {
        bottom: 28%;
        right: -2%;
    }

    .people__photo[data-photo-id="14"] {
        bottom: 26px;
        left: 37%;
    }

    .people__buttons button.btn-simple {
        padding: 12px 25px;
        letter-spacing: 0;
    }

    .news__middle, .news-container {
        gap: 16px;
    }

    .news__card.link-card svg {
        display: block;
        width: 16px;
        height: 16px;
    }

    .news__title {
        margin-bottom: 38px;
    }

    .news__card .news-img {
        margin-top: -8px;
        margin-left: -8px;
        max-height: 200px;
        width: calc(100% + 16px);
    }

    .news__card-date {
        margin-bottom: 14px;
    }

    .news__card-title {
        letter-spacing: 0;
        margin-bottom: 73px;
    }

    .news__card.link-card h2 {
        font-size: 28px;
        line-height: 108%;
    }

    .news__card.link-card a {
        gap: 20px;
    }

    .news__card.link-card {
        padding-top: 7px;
    }

    .news__card.link-card img {
        display: block;
        max-width: 24px;
        max-height: 43px;
        padding-right: 5px;
    }

    .news {
        margin-bottom: -2px;
    }
}