/* Rounded UI Design System */
:root {
  --border-radius-subtle: 10px;
  --border-radius-pill: 50px;
}

/* Apply subtle border-radius to cards, containers, inputs, and standard buttons */
.card,
.document,
.panel,
.accordion,
.form-div,
.form-control,
.package-option,
.consumer-complaint-div,
.item,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="file"],
input[type="password"],
input[type="date"],
select,
textarea,
button,
.btn,
.probtn {
  border-radius: var(--border-radius-subtle) !important;
  transition: border-radius 0.3s ease;
}

/* Fix inner elements overflow so they don't break the rounded corners */
.form-div,
.consumer-complaint-div,
.card,
.document,
.package-option {
  overflow: hidden;
}

/* Ensure completely round elements remain circular (like stepper indicators) */
.step,
.social-media a {
  border-radius: 50% !important;
}