.dnn-card-container {
  display: flex;
  gap: 10px;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.dnn-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.375rem;

  flex: 1;
}

.dnn-card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.375rem 0.375rem 0 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

/* Filled background version */
.dnn-card-header-filled {
  background-size: cover !important;
   height:120px; display:flex; align-items:center; justify-content:center;
}

/* Add dark gradient overlay for better text readability */
.dnn-card-header-filled::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 
  border-radius: 0.375rem 0.375rem 0 0;
  z-index: 1;
}

.dnn-card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

/* Responsive: Stack cards on smaller screens */
@media (max-width: 992px) {
  .dnn-card-container .dnn-card {
    min-width: calc(50% - 5px) !important;
  }
}

@media (max-width: 768px) {
  .dnn-card-container {
    flex-direction: column;
  }
  
  .dnn-card {
    min-width: 100% !important;
  }
}
 .dnn-bs5-accordion *, .dnn-bs5-accordion *::before, .dnn-bs5-accordion *::after { box-sizing: border-box; }

  .dnn-bs5-accordion {
    --acc-border-color:     #dee2e6;
    --acc-border-radius:    0.375rem;
    --acc-btn-bg:           #ffffff;
    --acc-btn-color:        #212529;
    --acc-btn-active-bg:    #e7f1ff;
    --acc-btn-active-color: #0c63e4;
    --acc-btn-focus-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
    --acc-body-bg:          #ffffff;
    --acc-icon-url:         url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --acc-icon-active-url:  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem; line-height: 1.5; color: #212529;
  }

  .dnn-bs5-accordion .accordion-item {
    background-color: var(--acc-body-bg);
    border: 1px solid var(--acc-border-color);
  }
  .dnn-bs5-accordion .accordion-item + .accordion-item { border-top: 0; }
  .dnn-bs5-accordion .accordion-item:first-of-type { border-radius: var(--acc-border-radius) var(--acc-border-radius) 0 0; }
  .dnn-bs5-accordion .accordion-item:first-of-type .accordion-button { border-radius: calc(var(--acc-border-radius) - 1px) calc(var(--acc-border-radius) - 1px) 0 0; }
  .dnn-bs5-accordion .accordion-item:last-of-type { border-radius: 0 0 var(--acc-border-radius) var(--acc-border-radius); }
  .dnn-bs5-accordion .accordion-item:last-of-type .accordion-button.collapsed { border-radius: 0 0 calc(var(--acc-border-radius) - 1px) calc(var(--acc-border-radius) - 1px); }

  .dnn-bs5-accordion .accordion-header { margin: 0; padding: 0; }

  .dnn-bs5-accordion .accordion-button {
    position: relative; display: flex; align-items: center;
    width: 100%; padding: 1rem 1.25rem; font-size: 1rem; font-weight: 400;
    color: var(--acc-btn-color); text-align: left;
    background-color: var(--acc-btn-bg);
    border: 0; border-radius: 0; cursor: pointer; outline: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out,
                box-shadow .15s ease-in-out, border-radius .15s ease;
  }
  .dnn-bs5-accordion .accordion-button:not(.collapsed) {
    color: var(--acc-btn-active-color);
    background-color: var(--acc-btn-active-bg);
    box-shadow: inset 0 -1px 0 var(--acc-border-color);
  }
  .dnn-bs5-accordion .accordion-button:focus { box-shadow: var(--acc-btn-focus-shadow); z-index: 3; }
  .dnn-bs5-accordion .accordion-button::after {
    flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: "";
    background-image: var(--acc-icon-url);
    background-repeat: no-repeat; background-size: 1.25rem;
    transition: transform .2s ease-in-out;
  }
  .dnn-bs5-accordion .accordion-button:not(.collapsed)::after {
    background-image: var(--acc-icon-active-url);
    transform: rotate(-180deg);
  }

  .dnn-bs5-accordion .accordion-collapse {
    overflow: hidden; max-height: 0;
    transition: max-height 0.35s ease;
  }
  .dnn-bs5-accordion .accordion-collapse.show { max-height: 9999px; }
  .dnn-bs5-accordion .accordion-body { padding: 1rem 1.25rem; }