.admin-bar .et_pb_section_0_tb_header.et_pb_section.et_pb_section--fixed {
  top: 32px;
}

.et_pb_row_1_tb_header.scroll-header {
  transition: background-color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.et_pb_row_1_tb_header.scroll-header.is-scrolled {
  background-color: color-mix(in oklab, #000c58 90%, white);
}

.dnxte-has-mega-menu > a:first-child::after {
  line-height: 0;
}

/* header bar */
.header-menu .et-menu-nav .et-menu.nav li.highlight {
  align-items: center;
}
.header-menu .et-menu-nav .et-menu.nav li.highlight a {
  background-color: white;
  color: var(--gcid-body-color);
  padding: 0.875rem 2rem;
  border-radius: 24px;
  border-bottom: none;
  transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header-menu .et-menu-nav .et-menu.nav li.highlight a:hover {
  background-color: var(--gcid-link-color);
  border-bottom: none;
  color: white;
}
.header-menu .et-menu-nav .et-menu.nav li.dnxte-has-mega-menu a[aria-expanded=true] {
  color: #00ffb9;
  border-bottom-color: #00ffb9;
}

/* alt version */
.header-menu.alt .et-menu-nav .et-menu.nav li.dnxte-has-mega-menu a[aria-expanded=true] {
  color: #165aff;
  border-bottom-color: #165aff;
}
.header-menu.alt .et-menu-nav .et-menu.nav li.highlight a {
  background-color: #165aff;
  color: white !important;
}
.header-menu.alt .et-menu-nav .et-menu.nav li.highlight a:hover {
  background-color: #000c58;
}

/* mega menu */
.mega-menu-section {
  opacity: 0;
  transform: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  pointer-events: none;
}
.mega-menu-section.active {
  opacity: 1;
  top: 167px !important;
  pointer-events: all;
}

.dnxte-mega-menu-panel .et_pb_text {
  font-size: 1rem;
}

.pillar-c {
  opacity: 0;
  pointer-events: none;
  transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.pillar-col .et_pb_heading_container {
  transform: translateY(200px);
  transition: transform 200ms ease-out;
}
.pillar-col:hover .et_pb_heading_container {
  transform: translateY(0);
}
.pillar-col:hover .pillar-c {
  opacity: 1;
  pointer-events: all;
  transition-delay: 0.25s;
}

/* expandable columns */
.expand-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  height: 420px;
  overflow: hidden;
}
.expand-row .expand-col {
  flex: 1 1 0 !important;
  width: auto !important;
  margin: 0 !important;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  transition: flex-grow 0.6s cubic-bezier(1, 0, 0.58, 1);
}

/* Hovered column grows (1 : 1 : 3 = 60% / 20% / 20%) */
.expand-row > .expand-col {
  flex: 1 1 0 !important;
}

/* When any column is hovered, squash the others */
.expand-row:hover > .expand-col {
  flex-grow: 0.0001 !important;
}

/* ...and give the hovered one the room */
.expand-row:hover > .expand-col:hover {
  flex-grow: 1000 !important;
}

/* Keep the title from wrapping while the column resizes */
.expand-title {
  white-space: nowrap;
  cursor: pointer;
}

/* Hidden text that reveals */
.expand-reveal {
  min-width: 380px;
  max-height: 0;
  opacity: 0;
  transform: translateY(12px);
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.4s ease, transform 0.5s ease;
}

.expand-col:hover .expand-reveal,
.expand-col.is-active .expand-reveal {
  max-height: 300px;
  opacity: 1;
  transform: none;
  transition-delay: 0.25s;
}

/* Stack on tablet and phone, with the text always visible */
@media (max-width: 980px) {
  .expand-row {
    flex-direction: column;
    height: auto;
  }
  .expand-row > .expand-col {
    flex: none !important;
    padding: 40px 0;
  }
  .expand-reveal {
    max-height: none;
    opacity: 1;
    transform: none;
    min-width: 0;
  }
}
.related-card .card-img img {
  transition: transform 200ms ease-out;
}
.related-card:hover .card-img img {
  transform: scale(120%);
}

/* custom flip card */
.flip-card {
  background-color: transparent;
  perspective: 1000px;
}
.flip-card .flip-card-inner {
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card .flip-card-front,
.flip-card .flip-card-back {
  backface-visibility: hidden;
}
.flip-card .flip-card-back {
  transform: rotateY(180deg);
}

.edu-btn {
  border: none;
  font-size: 1.125rem;
  font-family: var(--et_global_body_font);
  text-align: left;
  padding: 2rem;
  border-radius: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #f8f8f8;
  font-weight: 500;
  line-height: 1.6;
  height: 160px;
}
.edu-btn:hover {
  background-color: #e8ecf4;
}
.edu-btn:focus, .edu-btn.is-active {
  background-color: #4c4488;
  color: #fff;
}

.et_pb_code_1 .edu-btn {
  border-radius: 0;
}

.et_pb_code_2 .edu-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.hm-btn {
  background: none;
  border: none;
  border-radius: none;
  font-size: 1rem;
  font-family: "Inter Tight", sans-serif;
  font-weight: 500;
  padding: 0 2rem 1rem;
  color: #000c58;
  border-bottom: 2px solid #ccc;
}
.hm-btn:hover {
  color: #165aff;
}
.hm-btn:focus, .hm-btn.is-active {
  border-bottom: 2px solid #165aff;
}

.tab-panel[hidden]:not(.is-active) {
  display: none;
}

.tab-panel {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}
.tab-panel.is-active {
  opacity: 1;
  transform: translateY(0);
}

.tab-btn span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/*# sourceMappingURL=app.css.map */