.bawabetna-program-catalog-page,
.bawabetna-program-detail,
.program-catalog-workspace,
.bawabetna-program-catalog,
.program-sector-group,
.program-sector-group__header,
.program-sector-group__cards,
.program-card,
.program-card-body {
  box-sizing: border-box;
  min-width: 0;
}

:root[data-theme="light"] .bawabetna-program-catalog-page .program-sector-group {
  border-color: rgba(15, 23, 42, .10) !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .08) !important;
}

:root[data-theme="light"] .bawabetna-program-catalog-page .program-sector-group__header {
  border-color: rgba(15, 23, 42, .10) !important;
  background: linear-gradient(135deg, #ecfeff, #ffffff) !important;
}

:root[data-theme="light"] .bawabetna-program-catalog-page .program-sector-group__header h2 {
  color: #0f172a !important;
}

:root[data-theme="light"] .bawabetna-program-catalog-page .program-sector-group__header p {
  color: #475569 !important;
}

:root[data-theme="light"] .bawabetna-program-catalog-page .program-sector-group__header span,
:root[data-theme="light"] .bawabetna-program-catalog-page .program-sector-group__header strong {
  color: #0f766e !important;
}

:root[data-theme="light"] .bawabetna-program-catalog-page .program-sector-group__header a,
:root[data-theme="light"] .bawabetna-program-catalog-page .program-sector-group__more {
  color: #0f766e !important;
  background: #ecfeff !important;
  border-color: rgba(15, 118, 110, .16) !important;
}

.program-sector-group__header p,
.program-card p,
.program-card h2,
.program-card h3,
.program-card a {
  hyphens: none;
  overflow-wrap: break-word;
  word-break: normal;
}

@media (max-width: 760px) {
  .bawabetna-program-catalog-page,
  .bawabetna-program-detail {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow-x: hidden !important;
  }

  .program-catalog-workspace,
  .bawabetna-program-catalog,
  .program-sector-group,
  .program-sector-group__cards,
  .program-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  .program-sector-group {
    justify-self: stretch !important;
    padding: 16px !important;
  }

  .program-sector-group__header {
    grid-template-columns: 1fr !important;
  }

  .program-sector-group__header strong,
  .program-sector-group__header a,
  .program-sector-group__more {
    justify-self: stretch !important;
    width: 100% !important;
    white-space: normal !important;
  }
}