
.section-title,
  .section-header,
  .program-heading,
  .related-title,
  .panel-heading {
    width: min(100%, 900px) !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .section-title h1,
  .section-title h2,
  .section-title h3,
  .section-header h1,
  .section-header h2,
  .section-header h3,
  .program-heading h1,
  .program-heading h2,
  .program-heading h3,
  .related-title h1,
  .related-title h2,
  .related-title h3,
  .panel-heading h1,
  .panel-heading h2,
  .panel-heading h3,
  .section-title p,
  .section-header p,
  .program-heading p,
  .related-title p,
  .panel-heading p {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .section-title p,
  .section-header p,
  .program-heading p,
  .related-title p,
  .panel-heading p {
    max-width: 760px !important;
  }

  html[dir="rtl"] .section-title,
  html[dir="rtl"] .section-header,
  html[dir="rtl"] .program-heading,
  html[dir="rtl"] .related-title,
  html[dir="rtl"] .panel-heading,
  html[dir="rtl"] .section-title h1,
  html[dir="rtl"] .section-title h2,
  html[dir="rtl"] .section-title h3,
  html[dir="rtl"] .section-header h1,
  html[dir="rtl"] .section-header h2,
  html[dir="rtl"] .section-header h3,
  html[dir="rtl"] .program-heading h1,
  html[dir="rtl"] .program-heading h2,
  html[dir="rtl"] .program-heading h3,
  html[dir="rtl"] .related-title h1,
  html[dir="rtl"] .related-title h2,
  html[dir="rtl"] .related-title h3,
  html[dir="rtl"] .panel-heading h1,
  html[dir="rtl"] .panel-heading h2,
  html[dir="rtl"] .panel-heading h3,
  html[dir="rtl"] .section-title p,
  html[dir="rtl"] .section-header p,
  html[dir="rtl"] .program-heading p,
  html[dir="rtl"] .related-title p,
  html[dir="rtl"] .panel-heading p {
    text-align: center !important;
  }
