* {
font-family: sans-serif, 'Roboto'; 
}   


.form-wrapper {
   background: var(--bg-gray);
   padding: 30px 30px 10px 30px;
   border-radius: 20px;
   box-shadow: var(--shadow-soft);
   max-width: 600px;
   margin: 0px auto;
}


/* Feedback Form */
.di-flex-form {
   display: grid;
   gap: 12px;
   /* align-content: stretch; */
   /* justify-content: center; */
   /* align-items: start; */
   /* justify-items: stretch; */
}




/* --- СЕКЦИИ --- */
.section {
   padding: 20px 0;
   background: var(--secondary);
}


.form-group input, .form-group textarea {
   width: 550px;
   min-width: 550px;
   max-width: 550px;
   max-height: 300px;
   padding: 7px 20px;
   border: 2px solid #eefaff;
   background: #f8fdff;
   border-radius: 10px;
   font-family: inherit;
   font-size: 1rem;
   transition: border 0.3s;
   margin-bottom: 20px;
}
.form-group input:focus, .form-group textarea:focus {
   outline: none;
   border-color: var(--primary);
   background: #fff;
}