/* top section */

/*.wrapper {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    flex-direction: column;*/
/*}*/
/*.logo {*/
/*    max-width: 408px;*/
/*    width: 100%;*/
/*    margin-bottom: 50px;*/
/*}*/

/*ul {*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    text-align: center;*/
/*}*/

/*ul li a {*/
/*    text-decoration: none;*/
/*    color: #3B3B3B;*/
/*    font-family: Lexend, sans-serif;*/
/*    font-size: 16px;*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    line-height: 26px;*/
/*}*/


.top-section {
    padding-bottom: 90px;
}

.top-section .wrapper {
    padding-top: 47px;
    display: flex;
    position: relative;
}

.top-section .wrapper .left {
    width: 50%;
}

.top-section .wrapper .left .logo {
    max-width: 208px;
    margin-bottom: 143px;
}

.top-section .wrapper .left .logo img {

}

.top-section .wrapper .left .title {
    margin-bottom: 38px;
}

.top-section .wrapper .left .title h1 {

}

.top-section .wrapper .left .text {
    margin-bottom: 41px;
    padding-right: 175px;
}

.top-section .wrapper .left .text p {

}

.top-section .wrapper .left .button {

}

.top-section .wrapper .left .button a {

}

.top-section .wrapper .right {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 45%;
    width: 100%;
}

/* grey cards */

.grey-cards {

}

.grey-cards .wrapper {

}

.grey-cards .wrapper .title {
    margin-bottom: 55px;
}

.grey-cards .wrapper .title h2 {

}

.grey-cards .wrapper .cards {

}

.grey-cards .wrapper .cards .row {
    display: flex;
    column-gap: 20px;
    row-gap: 20px;
    margin-bottom: 20px;
}

.grey-cards .wrapper .cards .row:last-of-type {
    margin-bottom: 0;
}

.grey-cards .wrapper .cards .row.reverse {

}

.grey-cards .wrapper .cards .row .card {
    background: #E6E6DF;
    padding: 60px 80px;
    min-height: 439px;
    display: flex;
    flex-direction: column;
}

.grey-cards .wrapper .cards .row .card:first-of-type {
    width: calc(100% / 12 * 7);
    border-bottom-left-radius: 63.999px;
}

.grey-cards .wrapper .cards .row .card:last-of-type {
    width: calc(100% / 12 * 5);
    border-top-right-radius: 63.999px;
}

.grey-cards .wrapper .cards .row .card:last-of-type .card-title {
    display: flex;
    align-items: flex-end;
}

.grey-cards .wrapper .cards .row.reverse .card:first-of-type {
    width: calc(100% / 12 * 5);
    border-bottom-left-radius: unset;
    border-top-left-radius: 63.999px;
}

.grey-cards .wrapper .cards .row.reverse .card:first-of-type .card-title {
    display: flex;
    align-items: flex-end;
}

.grey-cards .wrapper .cards .row.reverse .card:last-of-type {
    width: calc(100% / 12 * 7);
    border-top-right-radius: unset;
    border-bottom-right-radius: 63.999px;
}

.grey-cards .wrapper .cards .row.reverse .card:last-of-type .card-title {
    display: flex;
    align-items: flex-start;
}

.grey-cards .wrapper .cards .row .card .card-title {
    flex-grow: 1;
}

.grey-cards .wrapper .cards .row .card .card-title h3 {

}

.grey-cards .wrapper .cards .row .card .card-text {
    display: flex;
    column-gap: 30px;
}

.grey-cards .wrapper .cards .row .card .card-text .number {

}

.grey-cards .wrapper .cards .row .card .card-text p {

}

/* green cards */

.green-card {

}

.green-card .wrapper {

}

.green-card .wrapper .row {
    background: #004E2B;
    padding: 137px 152px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0px 0px 100px 0px;
}

.green-card .wrapper .row .title {

}

.green-card .wrapper .row .title h4 {

}

.green-card .wrapper .row .contacts {

}

.green-card .wrapper .row .contacts ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.green-card .wrapper .row .contacts ul li {

}

.green-card .wrapper .row .contacts ul li a {
    text-decoration: none;
    color: #FFF;
    font-family: Lexend, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

footer {

}

footer .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .row .copy {

}

footer .row .copy p {

}

footer .row .logo {
    max-width: 180px;
}

footer .row .logo img {

}

@media (max-width: 1440px) {

    .top-section .wrapper .left .logo {
        margin-bottom: 100px;
    }

    .top-section .wrapper .right img {
        transform: translateY(-10%);
    }
}

@media (max-width: 1280px) {
    .top-section .wrapper .left .text {
        padding-right: 100px;
    }

    .top-section .wrapper .right img {
        transform: unset;
    }
}

.grey-cards .wrapper .cards .row .card {
    padding: 40px 60px;
}


@media (max-width: 1024px) {
    br {
        display: none;
    }

    .grey-cards .wrapper .cards .row {
        flex-direction: column;
    }

    .grey-cards .wrapper .cards .row .card {
        width: 100% !important;
        min-height: unset;
    }

    .grey-cards .wrapper .cards .row .card .card-title {
        margin-bottom: 30px;
    }

    .grey-cards .wrapper .cards .row .card:last-of-type {
        flex-direction: column-reverse;
    }

    .grey-cards .wrapper .cards .row.reverse .card:first-of-type {
        flex-direction: column-reverse;
    }

    .grey-cards .wrapper .cards .row.reverse .card:last-of-type {
        flex-direction: column;
    }

    /*.grey-cards .wrapper .cards .row.reverse .card:last-of-type .card-title {*/
    /*    margin-bottom: 30px;*/
    /*    margin-top: 0;*/
    /*}*/
    .green-card .wrapper .row .title {
        max-width: 50%;
    }

    .green-card .wrapper .row {
        padding: 80px 100px;
    }
}

@media (max-width: 920px) {
    .top-section {
        padding-bottom: 50px;
    }

    .top-section .wrapper {
        flex-direction: column;
    }

    .top-section .wrapper .left {
        width: 100%;
        margin-bottom: 50px;
    }

    .top-section .wrapper .left .text {
        padding-right: 0;
    }

    .top-section .wrapper .left .logo {
        margin-bottom: 50px;
    }

    .top-section .wrapper .right {
        position: relative;
        max-width: unset;
    }

    .green-card .wrapper .row {
        padding: 60px 80px;
    }
}

@media (max-width: 768px) {
    .green-card .wrapper .row {
        padding: 40px 40px;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 30px;
    }

    .green-card .wrapper .row .title {
        max-width: unset;
    }
}

@media (max-width: 500px) {
    .grey-cards .wrapper .cards .row .card {
        padding: 40px;
    }
}