.elementor-3084 .elementor-element.elementor-element-9933791{--display:flex;--min-height:330px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3084 .elementor-element.elementor-element-9933791:not(.elementor-motion-effects-element-type-background), .elementor-3084 .elementor-element.elementor-element-9933791 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3084 .elementor-element.elementor-element-d1aaaeb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-3084 .elementor-element.elementor-element-d1aaaeb .elementor-heading-title{color:var( --e-global-color-b83c562 );}.elementor-3084 .elementor-element.elementor-element-e917d35{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-3084 .elementor-element.elementor-element-e917d35 .elementor-heading-title{color:var( --e-global-color-b83c562 );}.elementor-3084 .elementor-element.elementor-element-c89abbe .elementor-heading-title{color:var( --e-global-color-b83c562 );}.elementor-3084 .elementor-element.elementor-element-404dde9{--display:flex;}/* Start custom CSS for container, class: .elementor-element-9933791 */.elementor-container {
  max-width: 100% !important;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0px !important;
}
/* --- Course Catalog Filters & Search --- */
#program-search-input:focus {
  border-color: var(--primary-blue, #0A192F) !important;
  box-shadow: 0 0 0 3px rgba(10, 25, 47, 0.1);
}

.filter-btn {
  background-color: #F1F5F9;
  color: #64748B;
  border: none;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}

.filter-btn:hover {
  background-color: #E2E8F0;
  color: var(--primary-blue, #0A192F);
}

/* The active state when a button is clicked */
.filter-btn.active {
  background-color: var(--primary-blue, #0A192F);
  color: #FFFFFF;
  box-shadow: 0 4px 10px rgba(10, 25, 47, 0.2);
}

/* Ensure course cards animate smoothly when filtered */
.course-card {
  animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */