h2, p {
    margin: 0;
    box-sizing: border-box;
}

input:focus {
    outline: none;
}

h2 {
    position: relative;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
}

h2::after {
    content: url("../img/frame/Vector.png");
    position: absolute;
    width: 22px;
    height: 74px;
    top: 10px;
    left: -60px;
}
.container-frame {
    max-width: 1160px;
    margin: 0 auto;
	padding-top: 60px;
}
#rec206214552 {
    margin-top: 20px;
}
.results {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
    margin: 32px 0;
}
.results__items {
    width: 360px;
    height: 360px;
    background-color: #fff;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-bottom: 115px;
}
.results__img {
    max-width: 100%;
}
.results__name-block {
    margin: 22px 30px 0;
}
.results__name {
    font-size: 24px;
    font-weight: 700;
    color: #E92944;
    margin-bottom: 8px;
}
.results__type {
    font-size: 20px;
    color: #626262;
}
.results__numbers-block {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.results__numbers-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.results__number {
    background: #404040;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 90px;
    display: inline-block;
}
.results__text {
    margin-top: 5px;
    font-size: 12px;
    color: #626262;
    text-align: center;
    line-height: 18px;
}

/* form-mail */
.form-mail {
    background-color: #404040;
    color: #fff;
    padding: 64px 20px;
    margin: 0;
}
.form-mail__block {
    font-family: 'Roboto',Arial,sans-serif;
    width: 708px;
    margin: 0 auto;
}
.form-mail__title {
    font-size: 38px;
    font-weight: 700;
}
.form-mail__phone-text {
    position: relative;
    margin-top: 24px;
    display: block;
    font-size: 16px;
}
.form-mail__phone {
    width: 100%;
    margin-top: 10px;
    padding: 20px 20px 20px 45px;
    border-radius: 8px;
    border: none;
    box-sizing: border-box;
    font-size: 17px;
}
.form-mail__phone.red {
	border: 2px solid red;
}
.form-mail__phone-text::after {
    content: url("../img/frame3756/phone-ico.png");
    position: absolute;
    width: 25px;
    height: 25px;
    top: 45px;
    left: 14px;
}
.agree {
    display: flex;
    align-items: center;
    margin: 24px 0;
}
.chek-agree {
    margin-right: 0.6rem;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
    align-self: self-start;
    min-height: 28px;
    min-width: 28px;
}
.text-agree {
    font-size: 16px;
}
#text-agree #agree-link {
    color: #fff;
    text-decoration: underline;
    white-space: nowrap;
}
.blackform_button {
    width: 100%;
    max-width: 280px;
    line-height: 17px;
    padding: 1.5rem;
    background-color: #d9110d;
    border: none;
    box-shadow: 0 12px 20px -8px rgb(0 0 0 / 14%);
    outline: none;
    color: #fff;
    border-radius: 10px;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
}
.blackform_button:hover {
    background-color: #E92944;
}
.page-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 25px 0;
}

@media screen and (max-width: 1200px){
    .page-content {
        padding: 25px 60px;
    }
    .container-frame {
        max-width: 100%;
        padding: 0 60px;
    }
    .container--form {
        padding: 0;
    }
    .results__items {
        width: 320px;
        height: 320px;
    }
    .results__name-block {
        margin: 22px 15px 0;
    }
}
@media screen and (max-width: 1100px){
    .results {
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        align-items: start;
    }    
    .results__items {
        width: 360px;
        height: 360px;
        margin: 0 auto 110px;
    }
    .results__name-block {
        margin: 22px 30px 0;
    }
}
@media screen and (max-width: 991px) {
    #header_chelick {
        width: 550px;
        height: 504px;
        background-size: 550px;
    }
}
@media screen and (max-width: 767px){
    .results {
        grid-template-columns: repeat(1, 1fr);
    }
    .form-mail__block {
        width: 100%;
    }
    h2, .form-mail__title {
        font-size: 24px;
    }
    h2 strong {
        padding: 10px 0;
        display: block;
    }
    .page-content {
        padding: 25px 15px;
    }
    #header_chelick { left: -40px; width: 500px; height: 400px; background-size: contain; bottom: 0; }
}
@media screen and (max-width: 400px){
    .container-frame {
        padding: 0 20px;
    }
    h2::after {
        content: '';
    }
}
@media screen and (max-width: 375px){
    .container-frame {
        padding: 0 5px;
    }
    .results__items {
        width: 320px;
        height: 320px;
    }
    .form-mail {
        padding: 60 5px;
    }
}