.signup-block{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:48px;
    line-height:170%;
}
.signup-block .list-check{
    background-color:var(--gray5);
    border-radius:8px;
    padding:24px;
    margin-bottom:32px;
    font-size:var(--small);
}
.signup-block h3{
    font-size:var(--average);
    padding:0;
    margin:0 0 20px 0;
    font-weight:400;
}
.signup-block p{
    display:block;
    margin-bottom:32px;
}
.input{
    padding:0 16px;
    border:1px solid var(--gray10);
    font-size:var(--text);
    height:48px;
    line-height:48px;
    display:block;
    width:100%;
    box-sizing:border-box;
    border-radius:4px;
}
.form{
    display:grid;
    grid-template-columns:1fr;
    grid-gap:24px;
}
.textarea{
    padding:12px 16px;
    border:1px solid var(--gray10);
    font-size:var(--text);
    font-family:'Roboto', sans-serif;
    color:var(--gray75);
    display:block;
    width:100%;
    box-sizing:border-box;
    border-radius:4px;
    line-height:170%;
    min-height:130px;
}
.agree{
    font-size:var(--small);
    position:relative;
    padding-left:40px;
    line-height:150%;
}
.agree a{
    text-decoration:underline;
}
.agree label{
    display:block;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    width:24px;
    height:24px;
    border:1px solid var(--gray10);
    border-radius:2px;
    cursor:pointer;
}
.agree label input[type=checkbox] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
.agree label span{
    display:block;
    width:22px;
    height:22px;
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    top:1px;
    bottom:0;
    right:0;
    left:1px;
}
.agree label input[type=checkbox]:checked + span{
    background-image:url(/imgs/svg/checkbox.svg);
}
@media screen and (max-width:800px){
    .signup-block{
        grid-template-columns:1fr;
        grid-gap:32px;
    }
    .order-page{
        box-sizing: border-box;
        width:496px;
    }
}
@media screen and (max-width:600px){
    .order-page{
        width:100%;
    }
    .agree label{
        left:0;
        top:4px;
        transform:none;
    }
}