/* FICCI Consent Hub: the "Review and give consent" box for any form.
   Link it from your page:
     <link rel="stylesheet" href="https://meet.ficci.in/consent-service/static/consent-box.css">
   Every rule is scoped to .ficci-consent and marked !important,
   so the host site's own button and div styles cannot change it. */

.ficci-consent {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 16px 0 !important;
  padding: 14px 16px !important;
  border: 1px solid #dce1db !important;
  border-radius: 8px !important;
  background: #f8f9f7 !important;
  font: 14px/1.5 "Segoe UI", system-ui, -apple-system, Arial, sans-serif !important;
  color: #16201d !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
.ficci-consent.is-given {
  border-color: #21774b !important;
  background: #e2f2e8 !important;
}
.ficci-consent.is-error {
  border-color: #b3261e !important;
  background: #fbe8e6 !important;
}
.ficci-consent .ficci-consent-text {
  flex: 1 1 220px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 600 !important;
  color: inherit !important;
}
.ficci-consent .ficci-consent-text small {
  display: block !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  color: #5f6c67 !important;
}
.ficci-consent .ficci-consent-btn,
.ficci-consent button.ficci-consent-btn {
  all: unset;
  display: inline-block !important;
  box-sizing: border-box !important;
  padding: 9px 18px !important;
  margin: 0 !important;
  border: 1px solid #24418a !important;
  border-radius: 7px !important;
  background: #24418a !important;
  color: #ffffff !important;
  font: 600 14px/1.4 "Segoe UI", system-ui, -apple-system, Arial, sans-serif !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  float: none !important;
  box-shadow: none !important;
}
.ficci-consent .ficci-consent-btn:hover { background: #1b3270 !important; border-color: #1b3270 !important; }
.ficci-consent .ficci-consent-btn:focus-visible { outline: 2px solid #24418a !important; outline-offset: 2px !important; }
.ficci-consent.is-given .ficci-consent-btn {
  background: #ffffff !important;
  color: #24418a !important;
}
@media (max-width: 480px) {
  .ficci-consent .ficci-consent-btn { width: 100% !important; }
}