.hero-section { margin-bottom: 30px !important; } .feedback-card { margin-bottom: 100px; } .feedback-intro { margin-bottom: 25px; color: var(--text-main); line-height: 1.5; } .form-container-inner { background: var(--main-bg); padding: 30px; border-radius: 10px; border: 1px solid #e1e8ed; } .form-input { width: 100%; padding: 12px 15px; border: 1px solid #d1d9e0; border-radius: 8px; background: var(--white); font-family: inherit; font-size: 15px; resize: vertical; max-height: 500px; box-sizing: border-box; transition: all 0.3s ease; } .form-input:focus { outline: none; border-color: var(--color2); box-shadow: 0 0 10px rgba(76, 154, 174, 0.15); } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .form-group { margin-bottom: 15px; } .form-label { display: block; margin-bottom: 6px; font-weight: 600; color: var(--text-main); font-size: 14px; } .btn-submit-contact { background: var(--color1); color: var(--white); border: none; padding: 13px; border-radius: 8px; font-weight: 700; font-size: 14px; cursor: pointer; box-shadow: 0 4px 12px rgba(76, 171, 98, 0.2); } @media (max-width: 600px) { .form-row { grid-template-columns: 1fr; } .form-container-inner { padding: 20px; } }