@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Manrope:wght@200..800&display=swap");

.ein-2 .project-hazapp {
    font-family: "Manrope", sans-serif;
    color: #1c1c1c;
    background: #ffffff;
    overflow: hidden;

    .title-font {
        font-family: "Lexend", sans-serif;
        font-weight: 500;
        color: #343434;
    }

    .title-color {
        color: #5d87f4;
    }

    section {
        margin: 100px 0;
        background-color: transparent;
        overflow: hidden;
    }

    picture {
        width: 100%;
        height: 100%;

        img {
            width: 100%;
            -o-object-position: center;
            object-position: center;
        }
    }

    .icon img {
        -o-object-fit: contain;
        object-fit: contain;
        height: auto;
    }

    img {
        display: block;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
    }

    .image-wrap {
        width: 100%;
    }

    .container {
        max-width: 1352px;
        padding: 0 16px;
        position: relative;
        z-index: 2;
    }

    h1,
    h2,
    h3 {
        margin: 0;
    }

    h1 {
        font-size: 52px;
        line-height: normal;
    }

    h2 {
        font-size: 48px;
        line-height: 60px;
    }

    h3 {
        font-size: 24px;
        line-height: normal;
    }

    p {
        color: #1c1c1c;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin: 0;
    }

    .lines {
        position: relative;
    }

    .lines::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .border-r img {
        border-radius: 24px;
    }

    /* SECTIONS */

    section.first-block {
        margin: 33px 0 350px;
        overflow: unset;

        .first-block__logo {
            margin-top: -9px;
            position: relative;
            z-index: 1;
        }

        .first-block__logo img {
            width: 100%;
        }

        .first-block__text {
            font-size: 20px;
            font-weight: 300;
            line-height: normal;
            max-width: 590px;
            margin: 0 63px 0 auto;
        }

        .first-block__video {
            width: 100%;
            max-width: 1320px;
            height: 573px;
            border-radius: 32px;
            -o-object-position: left;
            object-position: left;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .first-block__content {
            position: relative;
            margin-top: -57px;
        }

        .first-block__title {
            color: #fff;
            max-width: 346px;
            left: 52px;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

        .image-wrap {
            max-width: 467px;
            position: absolute;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            top: -122px;
            -webkit-filter: drop-shadow(0 4px 80px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0 4px 80px rgba(0, 0, 0, 0.25));
            z-index: 2;
            height: auto;
        }

        .container {
            z-index: unset;
        }
    }

    section.about {
        .about__wrap {
            -webkit-column-gap: 48px;
            -moz-column-gap: 48px;
            column-gap: 48px;
            row-gap: 24px;
        }

        .about__item {
            width: calc(33.44% - 32px);
        }

        .image-wrap {
            width: calc(33.11% - 32px);
        }

        .about__title {
            margin-bottom: 48px;
        }
    }

    section.see {
        overflow: unset;

        .see__wrap {
            position: relative;
            border-radius: 24px;
            background: #5d87f4;
        }

        .see__title {
            color: #fff;
            font-size: 66px;
            font-weight: 600;
            line-height: normal;
            padding: 81px 60px;
            max-width: 660px;
        }

        .image-wrap {
            max-width: 656px;
            height: 742px;
            position: absolute;
            top: -170px;
            right: 30px;
            z-index: 2;
        }

        .image-wrap img {
            -o-object-fit: contain;
            object-fit: contain;
        }

        .see__logo {
            position: absolute;
            left: 0;
            bottom: 0;
            max-width: 1309px;
            height: auto;
        }
    }

    section.problem {
        overflow: unset;

        .problem__wrap {
            -webkit-column-gap: 40px;
            -moz-column-gap: 40px;
            column-gap: 40px;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            row-gap: 24px;
        }

        .problem__title {
            margin-bottom: 16px;
        }

        .problem__left {
            width: calc(40.7% - 20px);
        }

        .problem__right {
            width: calc(59.3% - 20px);
            gap: 32px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 112px;
        }

        .problem__left .image-wrap {
            margin-top: 40px;
            max-width: 517px;
        }

        .problem__right-content {
            width: calc(45.7% - 16px);
        }

        .problem__right .image-wrap {
            width: calc(54.3% - 16px);
        }
    }

    section.problem.lines::after {
        background: url("/wp-content/themes/ein-des-ein-new/projects-assets/hazapp/img/lines-1.svg") no-repeat center /
            contain;
        width: 886px;
        height: 974px;
        top: -475px;
        right: 106px;
    }

    section.benefits {
        .benefits__title {
            margin-bottom: 40px;
        }

        .benefits__wrap {
            gap: 20px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
            grid-template-columns: repeat(4, 1fr);
        }

        .benefits__content .title-font {
            margin-bottom: 12px;
        }

        .benefits__content {
            padding: 24px;
            border-radius: 20px;
            backdrop-filter: blur(30px);
            -webkit-backdrop-filter: blur(30px);
            border: 1px solid rgba(249, 249, 249, 0.16);
            -webkit-box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.1);
        }

        .image-wrap {
            max-width: 315px;
            height: auto;
        }

        .image-wrap img {
            border-radius: 20px;
        }

        .benefits__col:nth-child(1) .image-wrap {
            margin-top: -30px;
        }

        .benefits__col:nth-child(2) .benefits__content {
            margin-top: -45px;
        }

        .benefits__col:nth-child(3) .image-wrap {
            margin-top: -15px;
        }

        .benefits__col:nth-child(4) .benefits__content {
            margin-top: -85px;
        }
    }

    section.clear {
        .clear__wrap {
            position: relative;
            border-radius: 24px;
            background: #45dd81;
        }

        .clear__title {
            color: #fff;
            font-size: 60px;
            font-weight: 600;
            line-height: normal;
            padding: 93px 64px;
            max-width: 688px;
        }

        .image-wrap {
            max-width: 621px;
            position: absolute;
            top: 0;
            right: 44px;
        }

        .image-wrap img {
            -o-object-fit: contain;
            object-fit: contain;
        }

        .clear__logo {
            position: absolute;
            left: 0;
            bottom: 0;
            max-width: 1309px;
            height: auto;
        }
    }

    section.how-works {
        overflow: unset;

        .how-works__wrap {
            -webkit-column-gap: 33px;
            -moz-column-gap: 33px;
            column-gap: 33px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
        }

        .how-works__title {
            position: absolute;
            top: 0;
            left: 16px;
            z-index: 3;
        } 

        .how-works__video {
            width: calc(25.6% - 22px);
            -o-object-fit: cover;
               object-fit: cover;
            height: 100%;
            border-radius: 48px;
        }

        .how-works__col {
            width: calc(37.2% - 22px);
        }

        p {
            color: #000;
            width: calc(100% - 57px);
        }

        p,
        .how-works__num {
            font-size: 20px;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.2px;
            font-family: "Lexend", sans-serif;
        }

        .how-works__item {
            border-radius: 20px;
            background: #f9f9f9;
            -webkit-column-gap: 16px;
            -moz-column-gap: 16px;
            column-gap: 16px;
            padding: 24px;
            margin-bottom: 32px;
        }

        .how-works__item:last-of-type {
            margin-bottom: 0;
        }

        .how-works__num {
            color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-radius: 44px;
            background: #5d87f4;
            width: 41px;
            height: 41px;
        }
    }

    section.how-works.lines::after {
        background: url("/wp-content/themes/ein-des-ein-new/projects-assets/hazapp/img/lines-1.svg") no-repeat center /
            contain;
        width: 886px;
        height: 974px;
        top: -255px;
        right: 120px;
    }

    section.help {
        .help__wrap {
            -webkit-column-gap: 24px;
            -moz-column-gap: 24px;
            column-gap: 24px;
        }

        .help__left {
            width: calc(67.9% - 12px);
            position: relative;
        }

        .help__right {
            width: calc(32.1% - 12px);
        }

        .help__title {
            color: #fff;
            text-align: center;
            font-size: 56px;
            font-weight: 600;
            line-height: normal;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 100%;
            padding: 0 44px;
        }

        .image-wrap {
            height: 313px;
        }

        .image-wrap img {
            -o-object-position: left;
            object-position: left;
        }
    }

    section.smell-report {
        overflow: unset;

        .smell-report__wrap {
            -webkit-column-gap: 56px;
            -moz-column-gap: 56px;
            column-gap: 56px;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

        .smell-report__left {
            width: 337px;
        }

        .smell-report__right {
            width: calc(100% - 393px);
            gap: 20px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
            grid-template-columns: repeat(3, 1fr);
        }

        .smell-report__title {
            margin-bottom: 24px;
        }

        .smell-report__content {
            max-width: 593px;
            position: absolute;
            top: 143px;
            left: 410px;
        }

        .smell-report__item {
            padding: 28px;
            border-radius: 20px;
            background: #f9f9f9;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            row-gap: 16px;
        }

        .smell-report__item .title-font {
            font-size: 22px;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.22px;
        }

        .icon-wrap {
            width: 36px;
            height: 36px;
        }
    }

    section.smell-report.lines::after {
        background: url("/wp-content/themes/ein-des-ein-new/projects-assets/hazapp/img/lines-2.svg") no-repeat center /
            contain;
        width: 1145px;
        height: 1523px;
        top: -76px;
        right: 0;
    }

    section.report {
        .report__wrap {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            position: relative;
            min-height: 687px;
        }

        .report__banner,
        .report__content {
            width: calc(100% - 424px);
        }

        .report__media {
            width: 337px;
            position: absolute;
            top: 0;
            right: 0;
        }

        .report__banner .image-wrap {
            height: 315px;
        }

        .report__banner {
            position: relative;
            margin-top: 20px;
        }

        .report__banner-content {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 100%;
            padding: 0 140px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            row-gap: 15px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .report__banner-content .icon-wrap {
            width: 50px;
            height: 68px;
        }

        .report__banner-title {
            color: #fff;
            text-align: center;
            font-size: 52px;
            font-weight: 600;
            line-height: normal;
        }

        .report__content {
            max-width: 593px;
        }

        .report__title {
            margin-bottom: 24px;
        }
    }

    section.pollution {
        .pollution__wrap {
            -webkit-column-gap: 50px;
            -moz-column-gap: 50px;
            column-gap: 50px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .pollution__media {
            width: 337px;
        }

        .pollution__item {
            width: calc(50% - 168.5px - 50px);
            position: relative;
        }

        .pollution__item .image-wrap {
            height: 687px;
        }

        .pollution__item-title {
            position: absolute;
            bottom: 189px;
            padding: 0 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            row-gap: 49px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #fff;
            text-align: center;
            font-size: 40px;
            font-weight: 600;
            line-height: normal;
        }

        .pollution__title {
            margin-bottom: 24px;
        }

        .pollution__item p {
            margin-bottom: 51px;
        }

        ul {
            padding: 0;
            margin: 0;
        }

        ul li {
            list-style: none;
            font-family: "Lexend", sans-serif;
            color: #000;
            font-size: 16px;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.16px;
            margin-bottom: 16px;
            padding: 13px 20px 13px 72px;
            border-radius: 100px;
            border: 1px solid #eee;
            background: #f9f9f9;
            position: relative;
        }

        ul li:last-of-type {
            margin-bottom: 0;
        }

        ul li::before {
            content: "";
            position: absolute;
            left: 8px;
            width: 52px;
            height: 52px;
            border-radius: 80px;
            background: #45db82;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

        ul li::after {
            content: "";
            position: absolute;
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/hazapp/img/check.svg") no-repeat
                center / contain;
            width: 32px;
            height: 32px;
            left: 18px;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
    }

    section.city {
        .city__wrap {
            position: relative;
            border-radius: 24px;
            background: #41d6dc;
        }

        .city__title {
            color: #fff;
            font-size: 66px;
            font-weight: 600;
            line-height: normal;
            padding: 81px 64px;
            max-width: 743px;
        }

        .image-wrap {
            max-width: 1080px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 3;
        }

        .image-wrap img {
            -o-object-fit: contain;
            object-fit: contain;
        }

        .city__logo {
            position: absolute;
            left: 0;
            bottom: 0;
            max-width: 1309px;
            height: auto;
        }
    }

    section.map {
        overflow: unset;

        .map__wrap {
            -webkit-column-gap: 50px;
            -moz-column-gap: 50px;
            column-gap: 50px;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            position: relative;
        }

        .map__images {
            gap: 20px;
        }

        .map__images .image-wrap:nth-child(1) {
            width: calc(43.2% - 10px);
        }

        .map__images .image-wrap:nth-child(2) {
            width: calc(56.8% - 10px);
        }

        .map__content {
            max-width: 665px;
            position: absolute;
            top: 74px;
            right: 0;
        }

        .map__title {
            margin-bottom: 24px;
        }

        .map__left {
            width: 337px;
        }

        .map__right {
            width: calc(100% - 387px);
        }
    }

    section.map.lines::after {
        background: url("/wp-content/themes/ein-des-ein-new/projects-assets/hazapp/img/lines-3.svg") no-repeat center /
            contain;
        width: 973px;
        height: 1312px;
        top: -259px;
        left: 0;
    }

    section.admin-panel {
        .admin-panel__top {
            -webkit-column-gap: 37px;
            -moz-column-gap: 37px;
            column-gap: 37px;
            row-gap: 16px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 80px;
        }

        .admin-panel__content {
            width: calc(48.6% - 18.5px);
            font-size: 44px;
            font-weight: 500;
            line-height: normal;
        }

        .admin-panel__top .image-wrap {
            width: calc(51.4% - 18.5px);
            height: 335px;
        }

        .admin-panel__top .image-wrap img {
            -o-object-position: left top;
            object-position: left top;
        }

        .admin-panel__wrap {
            -webkit-column-gap: 56px;
            -moz-column-gap: 56px;
            column-gap: 56px;
            row-gap: 20px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 56px 1fr 56px 1fr;
            grid-template-columns: repeat(3, 1fr);
        }

        .admin-panel__col {
            position: relative;
        }

        .admin-panel__col .title-font {
            color: #000;
            font-size: 22px;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.22px;
            margin-bottom: 16px;
        }

        .admin-panel__col .icon-wrap {
            position: absolute;
            top: 0;
            left: 0;
        }

        .admin-panel__col-content {
            padding: 54px 0 0 69px;
        }

        .num-01 {
            width: 224px;
            height: 159px;
        }

        .num-02 {
            width: 223px;
            height: 150px;
        }

        .num-03 {
            width: 234px;
            height: 150px;
        }
    }

    section.complaints {
        .complaints__content {
            max-width: 702px;
            margin: 0 auto 40px;
            text-align: center;
        }

        .complaints__title {
            margin-bottom: 28px;
        }

        .complaints__media {
            max-width: 1166px;
            margin: 0 auto;
        }

        .image-wrap img {
            border-radius: 20px;
        }
    }

    section.fast-case {
        overflow: unset;

        .fast-case__wrap {
            border-radius: 24px;
            background: #5d87f4;
            position: relative;
        }

        .fast-case__title {
            color: #fff;
            font-size: 48px;
            font-weight: 600;
            line-height: normal;
            padding: 56px 80px;
            max-width: 548px;
            margin-left: auto;
        }

        .image-wrap {
            max-width: 899px;
            height: auto;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            left: -23px;
            z-index: 3;
        }

        .image-wrap img {
            -o-object-fit: contain;
            object-fit: contain;
        }

        .fast-case__logo {
            position: absolute;
            left: 0;
            bottom: 0;
            max-width: 1309px;
            height: auto;
        }
    }

    section.overview {
        .overview__wrap {
            -webkit-column-gap: 48px;
            -moz-column-gap: 48px;
            column-gap: 48px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-left: calc((100% - 1320px) / 2);
        }

        .overview__right .image-wrap img {
            border-radius: 20px 0 0 20px;
        }

        .overview__title {
            margin-bottom: 28px;
        }

        .overview__left {
            width: calc(33.8% - 24px);
        }

        .overview__right {
            width: calc(66.2% - 24px);
        }
    }

    section.immediate {
        position: relative;

        .immediate__content {
            max-width: 817px;
            margin: 0 auto;
            padding: 0 35px;
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            row-gap: 15px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: absolute;
            top: 48%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 100%;
        }

        .icon-wrap {
            width: 50px;
            height: 68px;
        }

        .immediate__title {
            color: #fff;
            font-size: 52px;
            font-weight: 600;
            line-height: normal;
        }

        .image-wrap {
            height: 315px;
        }
    }

    section.municipalities {
        overflow: unset;

        .municipalities__wrap {
            gap: 16px;
        }

        .municipalities__left {
            width: calc(34% - 8px);
        }

        .municipalities__right {
            width: calc(66% - 8px);
        }

        .municipalities__left,
        .municipalities__right {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            row-gap: 16px;
        }

        .municipalities__right .image-wrap img {
            border-radius: 20px;
        }

        .municipalities__content {
            border-radius: 24px;
            background: #45db82;
            padding: 30px 40px;
        }

        .municipalities__content .municipalities__title,
        .municipalities__content p {
            color: #fff;
        }

        .municipalities__sub-title {
            color: #fff;
            font-size: 18px;
            font-weight: 700;
            line-height: 26px;
            margin-bottom: 12px;
        }

        .municipalities__left .municipalities__title,
        .municipalities__content p {
            margin-bottom: 28px;
        }

        .municipalities__info {
            border-radius: 24px;
            background: #f9f9f9;
            padding: 24px;
        }

        .municipalities__left .municipalities__info {
            -webkit-column-gap: 20px;
            -moz-column-gap: 20px;
            column-gap: 20px;
        }

        .municipalities__left .municipalities__info .image-wrap {
            width: 146px;
        }

        .municipalities__left .municipalities__info-content {
            width: calc(100% - 166px);
        }

        .municipalities__info .municipalities__title {
            margin-bottom: 12px;
        }

        .btn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-column-gap: 12px;
            -moz-column-gap: 12px;
            column-gap: 12px;
            color: #000;
            font-size: 16px;
            font-weight: 600;
            line-height: 22px;
            padding: 12px 24px;
            border-radius: 32px;
            background: #fff;
            max-width: 188px;
        }
    }

    section.municipalities.lines::after {
        background: url("/wp-content/themes/ein-des-ein-new/projects-assets/hazapp/img/lines-4.svg") no-repeat center /
            contain;
        width: 1440px;
        height: 1584px;
        top: -259px;
        left: 0;
    }

    section.templates {
        position: relative;
        z-index: 2;

        .templates__wrap {
            -webkit-column-gap: 48px;
            -moz-column-gap: 48px;
            column-gap: 48px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-left: calc((100% - 1320px) / 2);
        }

        .templates__right .image-wrap img {
            border-radius: 20px 0 0 20px;
        }

        .templates__title {
            margin-bottom: 28px;
        }

        .templates__left {
            width: calc(33.8% - 24px);
        }

        .templates__right {
            width: calc(66.2% - 24px);
        }
    }

    section.final {
        .final__title {
            margin-bottom: 40px;
            text-align: center;
        }

        .final__wrap {
            gap: 20px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
            grid-template-columns: repeat(3, 1fr);
        }

        .final__content .title-font {
            margin-bottom: 12px;
        }

        .final__content {
            padding: 24px;
            border-radius: 20px;
            backdrop-filter: blur(30px);
            -webkit-backdrop-filter: blur(30px);
            border: 1px solid rgba(249, 249, 249, 0.16);
            -webkit-box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.1);
        }

        .image-wrap {
            max-width: 427px;
            height: auto;
        }

        .image-wrap img {
            border-radius: 20px;
        }

        .final__col:nth-child(1) .final__content {
            margin-top: -25px;
        }

        .final__col:nth-child(2) .image-wrap {
            margin-top: -34px;
        }

        .final__col:nth-child(3) .final__content {
            margin-top: -25px;
        }
    }

    section.technologies {
        .technologies__wrap {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-column-gap: 32px;
            -moz-column-gap: 32px;
            column-gap: 32px;
        }

        .technologies__title {
            width: calc(100% - 838px);
        }

        .technologies__content {
            width: 806px;
            -webkit-column-gap: 80px;
            -moz-column-gap: 80px;
            column-gap: 80px;
            row-gap: 40px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .technologies__right {
            -webkit-column-gap: 80px;
            -moz-column-gap: 80px;
            column-gap: 80px;
        }

        .title {
            font-size: 22px;
            font-weight: 500;
            line-height: 26px;
            margin-bottom: 20px;
        }

        .icons-item {
            gap: 16px;
        }

        .icon-wrap {
            padding: 24px;
            border-radius: 16px;
            background: #f9f9f9;
            width: 88px;
            height: 88px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 8px;
        }

        .icon-wrap img {
            width: 40px;
            height: 40px;
        }

        .inner-title {
            color: #161715;
            font-size: 16px;
            font-weight: 400;
            line-height: 18px;
            text-align: center;
        }

        .icon-inner {
            width: 88px;
        }
    }

    /*  MEDIA  */
    @media screen and (max-width: 1360px) {
        section.clear {
            .clear__title {
                font-size: 52px;
                max-width: 630px;
            }
        }

        section.fast-case {
            .image-wrap {
                max-width: 770px;
            }

            .fast-case__title {
                font-size: 44px;
                padding: 50px 30px;
                max-width: 505px;
            }
        }
    }
    /* < 1360 */

    @media screen and (max-width: 1352px) {
        section.overview {
            .overview__wrap {
                padding-left: 16px;
            }
        }

        section.templates {
            .templates__wrap {
                padding-left: 16px;
            }
        }
    }
    /* < 1352 */

    @media screen and (max-width: 1320px) {
        section.first-block {
            margin-bottom: 240px;

            .first-block__logo {
                margin-top: 0;
            }

            .first-block__text {
                margin-bottom: 40px;
            }

            .image-wrap {
                max-width: 385px;
                top: -95px;
            }

            .first-block__title {
                max-width: 285px;
                font-size: 42px;
            }
        }
    }
    /* < 1320 */

    @media screen and (max-width: 1280px) {
        section.see {
            .see__title {
                padding: 75px 40px;
                font-size: 52px;
                max-width: 510px;
            }

            .image-wrap {
                max-width: 550px;
                height: 636px;
                top: 50%;
                -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
            }
        }

        section.clear {
            .image-wrap {
                right: 0;
            }

            .clear__title {
                font-size: 48px;
                max-width: 600px;
            }
        }

        section.report {
            .report__banner-title {
                font-size: 40px;
            }
        }

        section.city {
            .image-wrap {
                right: -120px;
            }
        }

        section.municipalities {
            .municipalities__left,
            .municipalities__right {
                width: 100%;
            }

            .municipalities__left,
            .municipalities__right {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-column-gap: 20px;
                -moz-column-gap: 20px;
                column-gap: 20px;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
            }

            .municipalities__content,
            .municipalities__left .municipalities__info,
            .municipalities__media,
            .municipalities__right .municipalities__info {
                width: calc(50% - 10px);
            }

            .municipalities__left .municipalities__info {
                row-gap: 20px;
            }

            .municipalities__right .municipalities__info {
                row-gap: 12px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .municipalities__right .municipalities__info .municipalities__title {
                margin-bottom: 0;
            }

            .municipalities__left .municipalities__info .image-wrap,
            .municipalities__left .municipalities__info-content {
                width: 100%;
            }

            .municipalities__left .municipalities__info .image-wrap {
                height: 260px;
            }

            .municipalities__left .municipalities__content .municipalities__title {
                max-width: 400px;
            }
        }
    }
    /* < 1280 */

    @media screen and (max-width: 1240px) {
        section.how-works {
            .how-works__video {
                border-radius: 36px;
            }
        }

        section.smell-report {
            .smell-report__content {
                top: 85px;
            }
        }

        section.fast-case {
            .image-wrap {
                max-width: 680px;
            }

            .fast-case__title {
                font-size: 40px;
                max-width: 470px;
            }
        }

        section.technologies {
            .technologies__content,
            .technologies__title {
                width: 100%;
            }

            .technologies__content {
                max-width: 806px;
                margin: 0 auto;
            }

            .technologies__title {
                margin-bottom: 40px;
                text-align: center;
            }
        }
    }
    /* < 1240 */

    @media screen and (max-width: 1160px) {
        section.first-block {
            margin-bottom: 150px;

            .image-wrap {
                max-width: 340px;
                top: -65px;
            }
        }

        section.see {
            .see__title {
                font-size: 44px;
                max-width: 425px;
            }
        }

        section.clear {
            .clear__title {
                font-size: 40px;
                max-width: 520px;
            }
        }

        section.how-works {
            .how-works__title {
                position: unset;
                margin-bottom: 24px;
            }
        }

        section.smell-report {
            .smell-report__item {
                padding: 20px;
                row-gap: 12px;
            }

            .smell-report__item .title-font {
                font-size: 20px;
            }

            .icon-wrap {
                width: 28px;
                height: 28px;
            }

            .smell-report__wrap {
                -webkit-column-gap: 26px;
                -moz-column-gap: 26px;
                column-gap: 26px;
            }

            .smell-report__content {
                left: 380px;
            }

            .smell-report__right {
                width: calc(100% - 363px);
            }
        }

        section.report {
            .report__banner-content {
                padding: 0 25px;
            }
        }

        section.pollution {
            .pollution__wrap {
                gap: 24px;
            }

            .pollution__item {
                width: calc(50% - 168.5px - 24px);
            }
        }

        section.city {
            .city__title {
                font-size: 58px;
                max-width: 680px;
            }
        }

        section.admin-panel {
            .admin-panel__top {
                -webkit-column-gap: 28px;
                -moz-column-gap: 28px;
                column-gap: 28px;
            }

            .admin-panel__content,
            .admin-panel__top .image-wrap {
                width: calc(50% - 14px);
            }
        }

        section.fast-case {
            .image-wrap {
                max-width: 580px;
            }

            .fast-case__title {
                font-size: 38px;
            }
        }
    }
    /* < 1160 */

    @media screen and (max-width: 1084px) {
        section.map {
            .map__content {
                left: 387px;
                right: auto;
            }
        }
    }
    /* < 1084 */

    @media screen and (max-width: 1070px) {
        section.first-block {
            .first-block__title {
                max-width: 230px;
                font-size: 34px;
            }
        }

        section.about {
            .about__title {
                margin-bottom: 16px;
            }
        }

        section.clear {
            .clear__title {
                font-size: 36px;
                max-width: 415px;
                padding: 75px 35px;
            }
        }

        section.report {
            .report__banner,
            .report__content {
                width: calc(100% - 385px);
            }
        }

        section.pollution {
            .pollution__wrap {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

            .pollution__item:nth-child(1) {
                width: calc(50% - 12px);
                max-width: 450px;
            }

            .pollution__media {
                width: calc(50% - 12px);
                max-width: 337px;
            }

            .pollution__item:nth-child(3) {
                width: 100%;
            }

            ul {
                max-width: 520px;
            }
        }

        section.city {
            .city__title {
                font-size: 52px;
                max-width: 575px;
                padding: 70px 45px;
            }
        }

        section.fast-case {
            .fast-case__title {
                font-size: 36px;
                max-width: 430px;
            }
        }
    }

    /* < 1070 */

    @media screen and (max-width: 992px) {
        section.first-block {
            margin-bottom: 100px;

            .image-wrap {
                max-width: 290px;
                top: -35px;
            }
        }

        section.see {
            .see__title {
                font-size: 38px;
                max-width: 370px;
            }

            .image-wrap {
                max-width: 460px;
                height: 530px;
            }
        }

        section.clear {
            .image-wrap {
                right: 20px;
            }

            .image-wrap img {
                -o-object-position: right;
                object-position: right;
            }
        }

        section.how-works {
            .how-works__wrap {
                gap: 20px;
            }

            .how-works__col {
                width: calc(35% - 13.33px);
            }

            .how-works__video {
                width: calc(30% - 13.33px);
            }

            p {
                font-size: 18px;
                letter-spacing: 0.18px;
            }

            .how-works__item {
                padding: 20px;
                margin-bottom: 20px;
            }
        }

        section.help {
            .help__title {
                font-size: 42px;
            }

            .help__wrap {
                gap: 16px;
            }

            .help__left {
                width: calc(65% - 8px);
            }

            .help__right {
                width: calc(35% - 8px);
            }
        }

        section.smell-report {
            .smell-report__right {
                width: 100%;
            }

            .smell-report__wrap {
                row-gap: 24px;
            }

            .smell-report__left {
                position: relative;
                width: 100%;
            }

            .smell-report__media {
                max-width: 337px;
            }

            .smell-report__content {
                top: 50%;
                -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
            }
        }

        section.map {
            .map__right {
                width: 100%;
            }

            .map__wrap {
                gap: 24px;
            }

            .map__left {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%;
                -webkit-column-gap: 50px;
                -moz-column-gap: 50px;
                column-gap: 50px;
                row-gap: 24px;
            }

            .map__left .image-wrap {
                width: 337px;
            }

            .map__content {
                position: unset;
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
                width: calc(100% - 387px);
            }
        }

        section.admin-panel {
            .admin-panel__content {
                font-size: 37px;
            }

            .num-01 {
                width: 167px;
                height: 119px;
            }

            .num-02 {
                width: 167px;
                height: 112px;
            }

            .num-03 {
                width: 175px;
                height: 112px;
            }

            .admin-panel__wrap {
                -webkit-column-gap: 16px;
                -moz-column-gap: 16px;
                column-gap: 16px;
            }

            .admin-panel__col-content {
                padding: 40px 0 0 40px;
            }
        }

        section.fast-case {
            .fast-case__title {
                font-size: 32px;
            }

            .image-wrap {
                max-width: 500px;
            }
        }

        section.overview {
            .overview__left {
                width: calc(40% - 12px);
            }

            .overview__right {
                width: calc(60% - 12px);
            }

            .overview__wrap {
                gap: 24px;
            }

            .overview__title {
                margin-bottom: 16px;
            }
        }

        section.templates {
            .templates__wrap {
                gap: 24px;
            }

            .templates__left {
                width: calc(40% - 12px);
            }

            .templates__right {
                width: calc(60% - 12px);
            }
        }
    }
    /* < 992 */

    @media screen and (max-width: 920px) {
        section.first-block {
            .first-block__text {
                font-size: 16px;
            }

            .first-block__content {
                margin-top: 0;
            }

            .image-wrap {
                top: -75px;
                max-width: 245px;
            }

            .first-block__title {
                max-width: 344px;
                font-size: 32px;
                top: auto;
                bottom: 20px;
                left: 50%;
                -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
                padding: 0 20px;
                text-align: center;
                width: 100%;
            }
        }

        section.problem {
            .problem__left,
            .problem__right {
                width: 100%;
                margin-bottom: 0;
            }
        }

        section.clear {
            .clear__title {
                padding: 70px 30px;
            }
        }

        section.city {
            .city__title {
                font-size: 42px;
                max-width: 480px;
            }
        }

        section.fast-case {
            .image-wrap {
                max-width: 470px;
            }

            .fast-case__title {
                max-width: 420px;
            }
        }

        section.municipalities {
            .municipalities__content,
            .municipalities__left .municipalities__info {
                width: 100%;
            }

            .municipalities__left .municipalities__content .municipalities__title {
                max-width: 100%;
            }

            .municipalities__left .municipalities__info .image-wrap {
                height: 220px;
            }
        }
    }
    /* < 920 */

    @media screen and (max-width: 860px) {
        section.about {
            .about__item,
            .image-wrap {
                width: 100%;
            }
        }

        section.see {
            margin: 150px 0;

            .see__title {
                font-size: 36px;
            }

            .image-wrap {
                max-width: 400px;
                height: 465px;
            }
        }

        section.benefits {
            .benefits__wrap {
                -ms-grid-columns: 1fr 1fr;
                grid-template-columns: repeat(2, 1fr);
            }

            .image-wrap {
                max-width: 100%;
            }
        }

        section.clear {
            .clear__title {
                max-width: 100%;
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
                padding: 16px 23px 28px 24px;
            }

            .image-wrap {
                position: relative;
                right: 0;
                left: 50%;
                -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
                max-width: 425px;
                padding: 0 14px;
            }

            .clear__wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }
        }

        section.help {
            .help__title {
                font-size: 36px;
                padding: 0 28px;
            }

            .help__left {
                width: calc(55% - 8px);
            }

            .help__right {
                width: calc(45% - 8px);
            }
        }

        section.report {
            .report__banner,
            .report__content {
                width: 100%;
            }

            .report__banner {
                margin-top: 0;
            }

            .report__media {
                position: unset;
                margin: 0 auto;
                max-width: 270px;
                width: 100%;
            }

            .report__content {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
                max-width: 100%;
            }

            .report__wrap {
                row-gap: 24px;
            }
        }

        section.city {
            .city__title {
                font-size: 36px;
                max-width: 425px;
            }

            .image-wrap {
                right: -90px;
            }
        }

        section.map {
            .map__left .image-wrap {
                width: 270px;
            }

            .map__left {
                -webkit-column-gap: 30px;
                -moz-column-gap: 30px;
                column-gap: 30px;
            }

            .map__content {
                width: calc(100% - 300px);
            }
        }

        section.fast-case {
            .image-wrap {
                max-width: 100%;
                position: unset;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                padding-top: 40px;
            }

            .fast-case__title {
                max-width: 100%;
                padding: 50px 30px 100px 30px;
            }

            .fast-case__wrap {
                position: relative;
            }

            .fast-case__img {
                margin: 0 -16px;
            }
        }

        section.immediate {
            .immediate__content {
                top: 50%;
            }

            .image-wrap {
                height: 379px;
            }
        }

        section.technologies {
            .technologies__right {
                -webkit-column-gap: 16px;
                -moz-column-gap: 16px;
                column-gap: 16px;
            }

            .technologies__content {
                -webkit-column-gap: 30px;
                -moz-column-gap: 30px;
                column-gap: 30px;
                max-width: 628px;
            }
        }
    }
    /* < 860 */

    @media screen and (max-width: 768px) {
        h2 {
            font-size: 32px;
            line-height: 40px;
        }

        h3 {
            font-size: 20px;
        }

        section {
            margin: 60px 0;
        }

        section.first-block {
            margin-top: 20px;
            margin-bottom: 60px;

            .first-block__text {
                margin: 0 16px 20px;
                max-width: 100%;
                text-align: center;
            }
        }

        section.see {
            margin: 100px 0;

            .image-wrap {
                max-width: 325px;
                height: 380px;
                right: 15px;
            }

            .see__title {
                max-width: 330px;
                padding: 55px 30px;
                font-size: 34px;
            }
        }

        section.how-works {
            .how-works__col,
            .how-works__video {
                width: 100%;
            }

            .how-works__video {
                max-width: 261px;
                margin: 0 auto;
            }
        }

        section.how-works.lines::after {
            top: 90px;
        }

        section.smell-report {
            .smell-report__media {
                max-width: 270px;
            }

            .smell-report__content {
                left: 300px;
            }
        }

        section.admin-panel {
            .admin-panel__content,
            .admin-panel__top .image-wrap {
                width: 100%;
            }

            .admin-panel__top {
                margin-bottom: 40px;
            }
        }

        section.immediate {
            .immediate__title {
                font-size: 46px;
            }
        }

        section.municipalities {
            .municipalities__media,
            .municipalities__right .municipalities__info {
                width: 100%;
            }
        }
    }
    /* < 768 */

    @media screen and (max-width: 767px) {
        section.city {
            .image-wrap {
                max-width: 343px;
                right: 0;
            }

            .city__title {
                padding: 52px 40px;
            }

            .image-wrap img {
                -o-object-fit: cover;
                object-fit: cover;
            }
        }
    }
    /* < 767 */

    @media screen and (max-width: 720px) {
        section.pollution {
            .pollution__item:nth-child(1),
            .pollution__media {
                width: 100%;
            }
        }

        section.city {
            .image-wrap {
                max-width: 320px;
                right: -15px;
            }
        }

        section.admin-panel {
            .admin-panel__wrap {
                -ms-grid-columns: 1fr;
                grid-template-columns: repeat(1, 1fr);
            }
        }

        section.final {
            .final__wrap {
                -ms-grid-columns: 1fr;
                grid-template-columns: repeat(1, 1fr);
                max-width: 427px;
                margin: 0 auto;
            }

            .final__col {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }

            .final__col:nth-child(2) .final__content {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
                margin-top: -34px;
            }

            .final__col:nth-child(2) .image-wrap {
                margin-top: 0;
            }
        }

        section.technologies {
            .technologies__left,
            .technologies__right {
                width: 100%;
            }

            .technologies__left .icons-item,
            .technologies__right {
                -webkit-column-gap: 80px;
                -moz-column-gap: 80px;
                column-gap: 80px;
            }

            .technologies__content {
                max-width: 430px;
            }
        }
    }
    /* < 720 */

    @media screen and (max-width: 660px) {
        section.see {
            margin: 60px 0;

            .see__title {
                padding: 24px 23px;
                font-size: 36px;
                margin-bottom: -135px;
                max-width: 100%;
            }

            .image-wrap {
                max-width: 343px;
                height: 459px;
                right: 0;
                position: relative;
                bottom: 0;
                top: auto;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
                margin-left: auto;
            }

            .image-wrap img {
                -o-object-position: bottom;
                object-position: bottom;
            }
        }

        section.problem {
            .problem__left .image-wrap {
                margin-top: 24px;
                max-width: 100%;
            }
        }

        section.help {
            .help__left,
            .help__right {
                width: 100%;
            }

            .image-wrap img {
                -o-object-fit: contain;
                object-fit: contain;
            }

            .image-wrap {
                height: 100%;
            }

            .help__wrap {
                max-width: 460px;
                margin: 0 auto;
            }
        }

        section.smell-report {
            .smell-report__right {
                -ms-grid-columns: 1fr;
                grid-template-columns: repeat(1, 1fr);
                gap: 16px;
            }
        }

        section.city {
            .city__title {
                max-width: 100%;
                padding: 22px;
            }

            .image-wrap {
                max-width: 343px;
                position: relative;
                right: auto;
                left: 50%;
                -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
                margin-top: -105px;
            }
        }

        section.admin-panel {
            .admin-panel__top {
                margin-bottom: 24px;
            }
        }

        section.complaints {
            .complaints__content {
                margin: 0 auto 24px;
            }
        }

        section.overview {
            .overview__left,
            .overview__right {
                width: 100%;
            }

            .overview__wrap {
                padding-right: 16px;
            }

            .overview__left {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }
        }

        section.templates {
            .templates__left,
            .templates__right {
                width: 100%;
            }

            .templates__wrap {
                padding-right: 16px;
            }
        }
    }
    /* < 660 */

    @media screen and (max-width: 567px) {
        .border-r img {
            border-radius: 20px;
        }

        section.first-block {
            .first-block__logo {
                margin-bottom: 75px;
            }

            .first-block__text {
                font-size: 14px;
            }

            .first-block__video {
                border-radius: 20px;
            }
        }

        section.see {
            .see__title {
                max-width: 346px;
                margin-bottom: -130px;
            }
        }

        section.problem {
            .problem__right-content,
            .problem__right .image-wrap {
                width: 100%;
            }
        }

        section.benefits {
            .benefits__wrap {
                -ms-grid-columns: 1fr;
                grid-template-columns: repeat(1, 1fr);
            }

            .benefits__col:nth-child(2),
            .benefits__col:nth-child(4) {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }

            .benefits__col:nth-child(2) .image-wrap,
            .benefits__col:nth-child(4) .image-wrap {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }

            .benefits__col:nth-child(2) .benefits__content,
            .benefits__col:nth-child(4) .benefits__content {
                margin-top: 0;
            }

            .benefits__col:nth-child(2) .image-wrap,
            .benefits__col:nth-child(3) .image-wrap,
            .benefits__col:nth-child(4) .image-wrap {
                margin-top: -30px;
            }

            .benefits__content {
                padding: 20px;
            }
        }

        section.how-works {
            .how-works__title {
                text-align: center;
            }
        }

        section.smell-report {
            .smell-report__content {
                position: unset;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none;
            }

            .smell-report__left {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                row-gap: 24px;
            }

            .smell-report__media {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
                margin: 0 auto;
            }

            .smell-report__title {
                margin-bottom: 16px;
            }
        }

        section.report {
            .report__banner-title {
                font-size: 32px;
            }

            .report__banner-content {
                padding: 0 11px;
                max-width: 322px;
            }

            .report__title {
                margin-bottom: 16px;
            }
        }

        section.pollution {
            .pollution__item:nth-child(1) {
                max-width: 343px;
            }

            .pollution__item .image-wrap {
                height: 496px;
            }

            .pollution__item-title {
                font-size: 32px;
                padding: 0 12px;
                bottom: auto;
                top: 102px;
            }

            .pollution__media {
                max-width: 270px;
            }

            .pollution__title {
                margin-bottom: 16px;
            }

            .pollution__item p {
                margin-bottom: 24px;
            }
        }

        section.map {
            .map__images .image-wrap:nth-child(1),
            .map__images .image-wrap:nth-child(2),
            .map__content {
                width: 100%;
            }

            .map__content {
                -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                order: 0;
            }

            .map__left .image-wrap {
                margin: 0 auto;
            }

            .map__title {
                margin-bottom: 16px;
            }

            .map__images {
                max-width: 343px;
                margin: 0 auto;
            }
        }

        section.admin-panel {
            .admin-panel__col .title-font {
                margin-bottom: 12px;
            }

            .admin-panel__content {
                font-size: 32px;
            }
        }

        section.complaints {
            .image-wrap img {
                border-radius: 12px;
            }

            .complaints__title {
                margin-bottom: 16px;
            }
        }

        section.fast-case {
            .image-wrap {
                padding-top: 22px;
            }

            .fast-case__title {
                padding: 13px 18px 84px 18px;
            }
        }

        section.overview {
            .overview__right .image-wrap img {
                border-radius: 12px;
            }
        }

        section.immediate {
            .immediate__title {
                font-size: 32px;
            }

            .immediate__content {
                row-gap: 27px;
            }
        }

        section.municipalities {
            .municipalities__right .image-wrap img {
                border-radius: 12px;
            }

            .municipalities__content,
            .municipalities__info {
                border-radius: 20px;
                padding: 20px;
            }

            .municipalities__left .municipalities__content .municipalities__title,
            .municipalities__content p {
                margin-bottom: 20px;
            }

            .municipalities__left .municipalities__info .image-wrap {
                height: 153px;
            }
        }

        section.templates {
            .templates__title {
                margin-bottom: 16px;
            }
        }

        section.final {
            .final__content {
                padding: 20px;
            }
        }
    }
    /* < 567 */

    @media screen and (max-width: 480px) {
        section.technologies {
            .technologies__title {
                text-align: left;
            }

            .title {
                font-size: 18px;
                margin-bottom: 12px;
            }

            .technologies__left .icons-item,
            .technologies__right {
                -webkit-column-gap: 39px;
                -moz-column-gap: 39px;
                column-gap: 39px;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

            .technologies__right {
                row-gap: 16px;
            }
        }
    }
    /* < 480 */

    @media screen and (max-width: 375px) {
        section.problem.lines::after {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/hazapp/img/lines-1-mobile.svg")
                no-repeat center / contain;
            width: 375px;
            height: 681px;
            top: -257px;
            right: auto;
            left: 0;
        }

        section.problem {
            .problem__right .image-wrap {
                height: 229px;
            }
        }

        section.map.lines::after {
            background: url("/wp-content/themes/ein-des-ein-new/projects-assets/hazapp/img/lines-3-mobile.svg")
                no-repeat center / contain;
            width: 375px;
            height: 681px;
            top: -346px;
        }

        section.admin-panel {
            .admin-panel__top .image-wrap {
                height: 243px;
            }
        }

        section.immediate {
            .immediate__content {
                top: 34px;
                -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
            }
        }

        section.technologies {
            .technologies__left .icons-item,
            .technologies__right {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
            }
        }
    }
    /* < 375 */

    @media screen and (max-width: 374px) {
        section.technologies {
            .technologies__left .icons-item,
            .technologies__right {
                -webkit-column-gap: 12px;
                -moz-column-gap: 12px;
                column-gap: 12px;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }
        }
    }
    /* < 374 */

    @media screen and (max-width: 360px) {
        section.first-block {
            .first-block__title {
                font-size: 28px;
            }
        }

        section.city {
            .image-wrap {
                margin-top: -85px;
            }
        }
    }
    /* < 360 */
}