/*Общие правила*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: 0;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: Montserrat, serif;
    letter-spacing: 5%;
}
.icon-li{
    height: 50px;
    padding-right: 10px;
}
.button{
    width: 300px;
    height: 70px;
    border-radius: 20px;
    font-family: Montserrat, serif;
    font-weight: 600;
    font-size: 20px;
    vertical-align: middle;
    border: 0;
    margin-top: 30px;
}
.h2{
    font-family: PT Sans Narrow, serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 40px;
}
.policy{
    margin-top: 70px;
}
/*Первый блок*/
.first-block{
    background-color: #178180;
    padding: 0 110px;
    color: #fff;
    font-size: 25px;
    border-radius: 0 0 150px 150px;
    font-weight: 500;
    font-style: normal;
    .logo{
        margin: 50px 0 10px;
        font-weight: 700;
        font-family: PT Sans Narrow, serif;
        text-transform: uppercase;
    }
    .button {
        background: linear-gradient(182.31deg, #D1FDA3 1.93%, #8FD386 98.07%);
    }
    button.item{
        padding: 7px 25px 13px;
    }
    .item{
        padding: 10px 25px;
        border-radius: 50px;
        background-color: #ffffff20;
        height: 52px;
        color: #fff;
        margin: 0 5px;
        font-weight: 500;
        vertical-align: middle;
    }
    .main-text{
        font-family: PT Sans Narrow, serif;
        font-size: 55px;
        font-weight: 700;
        line-height: 70px;
        text-transform: uppercase;
        margin: 15px 0 25px;
    }
    .dollars img{
        width: 100%;
    }
}
/*Блок с кнопкой модалкой*/
.modal-block{
    margin-top: 120px;
    font-weight: 500;
    font-size: 25px;
    .button {
        background: linear-gradient(180.1deg, #54D295 0.09%, #25948A 99.91%);
        color: #fff;
    }
}
/*Блок Лайвхак*/
.lifehack{
    margin-top: 120px;
    padding: 30px 50px;
    color: #fff;
    background-color: #178180;
    border-radius: 30px;
    min-height: 206px;
    font-size: 30px;
    font-family: PT Sans Narrow, serif;
    .eureka{
        width: 100px;
        margin: 23px 30px 0 0;
    }
}
/*Блок Шаги*/
.steps{
    margin-top: 120px;
    .step{
        padding: 30px 20px;
        border-radius: 30px;
        background-color: #E7F2F2;
        width: 100%;
        .text{
            font-size: 18px;
            font-weight: 400;
        }
        .title{
            font-size: 30px;
            font-weight: 700;
            text-transform: uppercase;
            font-family: PT Sans Narrow, serif;
        }
        .number{
            font-size: 100px;
            font-weight: 700;
            font-family: PT Sans Narrow, serif;
            color: #42BC81;
            line-height: 100px;
        }
    }
}
.reviews{
    margin-top: 120px;
    .items{
        margin-top: 30px;
    }
    .item{
        background-color: #178180;
        padding: 10px 25px;
        border-radius: 50px;
        color: #fff;
        font-weight: 500;
        font-size: 25px;
        white-space: nowrap;
        margin-top: 20px;
        display: inline-block;
    }
    .review{
        padding: 30px 20px;
        border-radius: 30px;
        background-color: #E7F2F2;
        width: 100%;
        font-size: 16px;
        .name{
            font-weight: 600;
            line-height: 22px;
            margin: 0;
        }
        .star{
            background-image: url("../img/star.svg");
            width: 15px;
            height: 16px;
            margin-left: 1px;
            display: inline-block;
            background-color: #FABC00;
        }
        .star:first-child{
            margin-left: 10px;
        }
        .date{
            font-weight: 300;
            line-height: 22px;
        }
        .text{
            font-weight: 400;
            font-size: 18px;
            line-height: 22px;
        }
        .link-all{
            font-weight: 500;
        }
    }
    .button {
        background: linear-gradient(180.1deg, #54D295 0.09%, #25948A 99.91%);
        color: #fff;
    }
}
/*Центральный блок*/
.middle-block{
    margin-top: 120px;
    background-color: #178180;
    padding: 80px 0;
    color: #fff;
    font-size: 25px;
    border-radius: 150px;
    font-weight: 500;
    font-style: normal;
    .number{
        font-size: 100px;
        font-weight: 700;
        font-family: PT Sans Narrow, serif;
        color: #42BC81;
        line-height: 100%;
    }
    .title{
        font-size: 30px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: PT Sans Narrow, serif;
    }
    .small-number{
        font-weight: 400;
        font-size: 50px;
        color: #42BC81;
        line-height: 100%;
    }
    .small-title{
        font-weight: 400;
        font-size: 18px;
        text-transform: unset;
    }
    .content{
        margin: 80px 0  50px;
    }
    .button {
        background: linear-gradient(182.31deg, #D1FDA3 1.93%, #8FD386 98.07%);
    }
}
.recommendation-block{
    margin-top: 120px;
    .title{
        padding: 0 50px;
        background-color: #E7F2F2;
        border-radius: 30px;
        font-size: 30px;
        font-family: PT Sans Narrow, serif;
        display: flex;
        .eureka{
            width: 100px;
            margin: 30px 0;
        }
        .text{
            margin: auto 0 auto 30px;
        }
    }
    .list-items{
        margin-top: 30px;
        .icon-li{
            width: 83px;
            height: auto;
            margin-right: 15px;
        }
        font-size: 18px;
        line-height: 100%;
    }
    .list-items:first-child{
        margin-top: 50px;
    }
}
.partners-block{
    margin-top: 120px;
    .text{
        font-size: 30px;
        font-weight: 500;
    }
    .partner{
        padding: 30px 20px;
        border-radius: 30px;
        background-color: #E7F2F2;
        width: 100%;
        font-size: 18px;
        margin-top: 20px;
    }
}
.end-block{
    margin-top: 120px;
    background-color: #178180;
    padding: 0 110px;
    color: #fff;
    font-size: 18px;
    border-radius: 150px 150px 0 0;
    font-weight: 500;
    font-style: normal;
    .logo{
        padding: 50px 0;
        font-size: 25px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: PT Sans Narrow, serif;
    }
    .policy{
        font-weight: 600;
    }
}

.modal-dialog .button{
    background: linear-gradient(180.1deg, #54D295 0.09%, #25948A 99.91%);
    color: #fff;
    margin: auto;
}
.modal-dialog .policy{
    margin: 10px;
    font-size: 14px;
}
@media (max-width: 768px) {
    /*Первый блок*/
    .first-block {
        padding: 0;
        text-align: center;
        font-size: 20px;
        .icon-li {
            height: 40px;
            padding-right: 7px;
        }
    }
    .recommendation-block .title{
        padding: 12px 0;
        display: grid;
        .eureka {
            margin: 0 20px;
        }
    }

    .recommendation-block  .list-items{
        .icon-li{
            width: auto;
            height: 73px;
        }
    }
    .reviews .review{
        margin-bottom: 10px;
    }
    .reviews .item {
        font-size: 22px;
    }
    .reviews{
        margin-top: 80px;
    }
    .steps .step {
        margin-bottom: 10px;
    }
    .first-block .item {
        padding: 7px 20px;
        height: 40px;
    }
    .first-block button.item {
        padding: 4px 25px 15px;
    }
    .first-block{
        text-align: left;
    }
    .first-block .main-text{
        font-size: 30px;
        line-height: 40px;
    }
    .h2{
        font-size: 30px;
    }
    .modal-block{
        margin-top: 80px;
        font-size: 20px;
        line-height: 10px;
    }
    /*Блок Лайвхак*/
    .lifehack{
        margin-top: 80px;
        font-size: 25px;
        line-height: 25px;
    }
    /*Блок Шаги*/
    .steps{
        margin-top: 80px;
        .step{
            .text{
                font-size: 16px;
            }
            .title{
                font-size: 25px;
            }
            .number{
                font-size: 70px;
            }
        }
    }
    .middle-block{

        margin-top: 80px;
        .number, .title{
            text-align: center;
        }
        .title{
            font-size: 25px;
        }
        .number{
            font-size: 70px;
        }
    }
    .middle-block, .first-block, .end-block{
        border-radius: 30px;
    }
    .partners-block .text {
        font-size: 25px;
        line-height: 30px;
    }
    .end-block {
        margin-top: 80px;
        padding: 0;
        font-size: 16px;
        text-align: left;
        .policy{
            text-align: left;
            margin-top: 0;
        }
        .logo{
            font-size: 20px;
        }.icon-li {
             height: 40px;
             padding-right: 7px;
         }
    }

}