.feedback-page-section { padding: 60px 20px; display: flex; justify-content: center; } .white-card { background: #ffffff; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); max-width: 1100px; width: 100%; display: flex; flex-wrap: wrap; overflow: hidden; border: 1px solid #eef0f2; } .massage-container { font-size: 13px; height: 25px; } .contact-info-side { flex: 1; min-width: 300px; padding: 50px; background-color: #fcfcfc; border-right: 1px solid #f0f0f0; } .contact-info-side h1 { font-size: 28px; color: #222; margin-bottom: 20px; line-height: 1.2; } .contact-info-side p { font-size: 16px; color: #666; line-height: 1.6; margin-bottom: 25px; } .features-list { list-style: none; padding: 0; } .features-list li { margin-bottom: 15px; padding-left: 30px; position: relative; font-weight: 500; color: #444; } .features-list li::before { content: "•"; position: absolute; left: 10px; color: var(--accent); font-weight: bold; } .form-side { flex: 1; min-width: 300px; padding: 50px; } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 600; font-size: 14px; color: #333; } .form-input { width: 100%; padding: 14px 16px; border: 1px solid #dcdfe6; border-radius: 10px; font-size: 15px; box-sizing: border-box; transition: all 0.3s ease; } .form-input:focus { outline: none; border-color: #007bff; box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1); } .btn-container { display: flex; width: 100%; justify-content: flex-end; margin-top: 20px; } .btn-submit-contact { background: var(--accent); color: #fff; border: none; padding: 10px 18px; border-radius: 6px; cursor: pointer; width: auto; background-repeat: no-repeat; } .btn-submit-contact:hover { background-color: #0056b3; }  @media (max-width: 768px) { .contact-info-side, .form-side { padding: 30px; } }