fieldset{padding:0; border:none; margin:0;}
.form-control{width:100%;}


.form-widget{max-width: 60rem; position:relative; margin:auto 1rem; border-radius:var(--radial-lg); background:var(--color-accent); padding-top:.5rem;}
.form-widget .app-widget__header{margin-bottom:0;}
.form-widget::before, .form-widget::after{content:''; display:block; position:absolute;}
.form-widget::before{background:url(../images/form-before.webp) no-repeat 180% 50%;  top:-3rem; right:-1rem; width:10rem; height:10rem;}
.form-widget::after{background:url(../images/form-after.webp) no-repeat -150% 50%;  bottom:-5rem; left:-1rem; width:15rem; height:15rem;}
.form-inline{display:flex; flex-direction: column; flex-wrap: wrap; max-width: 30rem; margin:auto;}
.form-inline label{display:none;}
.form-inline .field{margin-bottom:1rem;}
.form-inline .btn-submit{width:100%; padding:1rem 2rem;}
.form-agreement{display:block; width:100%; padding:.25rem 0; font-size:.75rem;}
.form-agreement a{text-decoration: underline; color:var(--color-grey);}
.form-agreement a:hover{color:var(--color-base);}
.form-control{border:none; width:100%; border-bottom:1px solid currentColor; padding:1rem 0; background:transparent; font-size:1rem; font-family: inherit;}
.form-control:focus{outline:none; box-shadow:  0 4px 0 0 rgba(0,0,0,.3);}

.form-control[name$="[phone]"]{font-size:1.5rem; padding:1rem 0;}

.form-inline .form-buttons{flex:0 0 auto; width:100%;  margin-bottom:1rem;}

@media screen and (max-width:47em){
    .form-widget .widget__header{margin-top:0; margin-bottom:0;}
    .form-widget .form-inline{padding:0 2rem;}

}

@media screen and (min-width:47em){
    .form-widget .app-widget__header{margin-bottom:2rem;}
    .form-inline{flex-direction: row;}
    .form-inline .btn-submit{padding:1.25rem 2rem;}
}
@media screen and (min-width:63em){
    .form-inline .tab-pane{ width:50%; flex:1 0 auto; margin-right:2rem; }
    .form-inline .form-buttons{flex:0 0 auto; width:40%;}
    .form-agreement{ padding:1rem 0;}

    .form-widget::before{top:-2rem; right:-3rem; width:12rem; height:12rem; background-position: 50% 50%;}
    .form-widget::after{bottom:-2rem; left:-6rem; width:15rem; height:15rem; background-position: 50% 50%;}
}