
.row__steps{display:flex; justify-content:space-between}
.row__steps-list{max-width:960px; display:flex; flex-wrap:wrap; gap:30px}
.steps-list__block{font-weight: 500;font-size: 16px;line-height: 1.2;color: #332E47;width:calc((100% - 60px) / 3);padding:40px 20px;background: #F4F7FF;border-radius: 16px;display: flex;flex-direction: column;align-items: start;}
.row__steps-form{border-radius: 16px;overflow:hidden;width:300px;position:relative;padding: 40px 18px;}
.row__steps-form::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background: linear-gradient(0deg, rgba(51, 46, 71, 0.8), rgba(51, 46, 71, 0.8));z-index: 1;}
.steps-list__step{padding: 4px 8px;background: #FFD51C;border-radius: 3px;font-weight: 900;font-size: 13px;line-height: 1.2;color: #332E47;}
.steps-list__title{font-weight: 800;font-size: 24px;line-height:1;color: #332E47;padding:40px 0 15px}
.steps-form__flex{display: flex;flex-direction: column;height: 100%}
.steps-form__flex form{margin-top:auto;z-index: 2;display: flex;flex-direction: column;gap: 20px;}
.steps-form__bg{position:absolute; top:0; left:0; right:0; bottom:0}
.steps-form__bg img, .steps-form__bg picture{width:100%; height:100%; object-fit:cover}
.steps-form__title{position:relative; z-index:2; font-weight: 700;font-size: 22px;line-height: 28px;color: #FFFFFF}
.steps-form__title span{color:#FFD51C}
.steps-form__agreement{font-weight: 500;font-size: 10px;line-height: 1.3;text-align: center;color: #FFFFFF;padding: 5px 25px 0;}
.steps-form__agreement a{color: #FFFFFF;text-decoration:underline}
.steps-form__agreement a:hover{text-decoration:none}

@media(min-width:992px){
	.wrapper__steps .widget__title-row{display:flex; align-items:end; justify-content:space-between}
	.wrapper__steps .widget__title-row .h2{max-width:500px}
}
@media(max-width:1399px){
    .row__steps-list {max-width: 620px;gap: 20px;}
    .steps-list__block {width: calc((100% - 20px) / 2);padding: 20px;font-size:15px}
    .steps-list__title {font-size: 20px;padding: 20px 0 10px;}
    .row__steps-form{width: 280px;padding: 30px 15px}
    .steps-form__title {font-size: 20px;line-height: 24px}
    .steps-form__flex form {gap: 15px}
    .steps-form__agreement{padding: 5px 0 0}
}
@media(max-width:991px){
    .row__steps {flex-direction: column;gap: 25px;}
    .row__steps-list{max-width: 100%;gap: 15px}
    .steps-list__block {width: calc((100% - 30px) / 3);padding: 15px;font-size: 14px}
    .steps-list__step {padding: 3px 6px;font-size: 12px}
    .steps-list__title {font-size: 18px;padding: 15px 0 10px;}
    .row__steps-form {width: 100%;padding: 25px}
    .row__steps-form::before {background: #332E47}
    .steps-form__title {font-size: 20px;line-height: 24px;padding-bottom: 20px;}
    .steps-form__flex form {gap: 16px 12px;flex-direction: row;flex-wrap: wrap;}
    .steps-form__flex form input, .steps-form__flex form .btn{width: calc((100% - 12px) / 2);}
    .steps-form__agreement {padding: 0;text-align:left;width: 100%;}
}

@media(max-width:767px){
   .steps-list__block {width: calc((100% - 15px) / 2);}
}
@media(max-width:575px){
	.steps-list__block {width:100%; text-align:center; align-items:center; justify-content:center}
	.steps-form__flex form{gap:12px}
	.row__steps-form{padding:20px}
    .steps-form__flex form input, .steps-form__flex form .btn{width:100%}
}