.sec_header {
  color: #ffffff !important;
  font-size: 1.3em !important;
  font-weight: 700 !important;
  background: #cc4c02 !important;
  padding: 8px !important;
}

.enquiry-table {
  width: 90% !important;
  border-collapse: collapse !important;
}

.table_ele {
  padding: 8px !important;
}


.italic-text {
  font-style: italic !important;
}

.link-style {
  color: #951717 !important;
  font-weight: bold !important;
  font-style: italic !important;
}

.field-text-width {
  width: 80% !important;
}

.padding-top {
  padding-top: 1em !important;;
}




.info-card {
  border: 1px solid rgba(142,156,158,0.43922) !important;
  border-radius: 3px !important;
  margin: 0.8em 0 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  max-width: 99% !important;
  cursor: pointer !important;
  transition: all 0.1s ease !important;
  background: rgb(255, 238, 220) !important;
  height: 3em !important;
  /* Fallback for --expand-height if not set */
  --expand-height: 3em;
}

.card-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
}

.card-header-text {
  margin: 0 !important;
  font-size: 1.1em !important;
  font-weight: bold !important;
}

.card-details {
  font-size: 1em !important;
  color: #353535 !important;
  margin-top: 10px !important;
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.1s ease !important;
}

.info-card.expanded .card-details {
  max-height: fit-content; /* Or set a fixed height if needed */
}

.icon {
  font-size: 1.5em !important;
  font-weight: bold !important;
  color: rgb(204, 76, 2) !important;
}

.card-details-link {
  color: #951717 !important;
  -webkit-text-decoration: underline !important;
  text-decoration: underline !important;
}

.card-details-head {
  white-space: pre !important;
  padding-top: 1em !important;
}

.card-details-val {
  white-space: pre !important;
}

/* New: Styles for expanded state */
.info-card.expanded {
  height: var(--expand-height) !important;  /* Dynamic height from prop */
  background: linear-gradient(to bottom, rgb(255, 238, 220) 2.75em, #fff 2.8em) !important;  /* Expanded background */
}

.card-details.expanded {
  max-height: var(--expand-height) !important;  /* Dynamic max-height for details */
}