/* ============================================================
   Sample Request — extends /css-1/contact-v2.css (cs- layout)
   Select controls are inherited from contact-v2.css; only the
   extra items specific to this page are defined here: short
   textareas, the consent row and the numbered steps.
   ============================================================ */

.sr-page .sr-ta-sm { min-height: 92px; }

.sr-consent {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 13px; color: #475d78; margin: 2px 0 22px; cursor: pointer;
}
.sr-consent input {
  width: 16px; height: 16px; flex: 0 0 16px; margin: 2px 0 0;
  accent-color: #0860cb; cursor: pointer;
}

.sr-steps { list-style: none; margin: 0; padding: 0 0 0 57px; display: grid; gap: 12px; font-size: 13.5px; color: #31455f; }
.sr-steps li { display: flex; gap: 10px; align-items: flex-start; }
.sr-steps .sr-num {
  flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%;
  background: #e9f2fd; color: #0860cb; font-size: 11px; font-weight: 700;
  display: grid; place-items: center; margin-top: 1px;
}

@media (max-width: 600px) {
  .sr-steps { padding-left: 0; }
}