/* Presentation-only pilot. Every rule is scoped to the opted-in legacy page. */
body.ic-legacy-skin {
  --ic-ink: #102f3f;
  --ic-navy: #102d3b;
  --ic-teal: #087e8b;
  --ic-orange: #ffad21;
  --ic-muted: #526975;
  --ic-line: #dce7eb;
  --ic-surface: #f3f7f8;
  background: var(--ic-surface);
  color: var(--ic-ink);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

body.ic-legacy-skin h1,
body.ic-legacy-skin h2,
body.ic-legacy-skin h3,
body.ic-legacy-skin h4,
body.ic-legacy-skin h5,
body.ic-legacy-skin h6 {
  color: var(--ic-ink);
  font-family: inherit;
  font-weight: 750;
  letter-spacing: -.025em;
  line-height: 1.25;
}

body.ic-legacy-skin h2 { font-size: clamp(1.65rem, 3vw, 2.35rem); }
body.ic-legacy-skin h3 { font-size: 1.3rem; }
body.ic-legacy-skin h4 { font-size: 1rem; }
body.ic-legacy-skin p { font-size: 1rem; line-height: 1.75; }
body.ic-legacy-skin a { color: var(--ic-teal); }
body.ic-legacy-skin a:hover { color: #075b66; }
body.ic-legacy-skin a:focus-visible,
body.ic-legacy-skin button:focus-visible {
  outline: 3px solid var(--ic-orange);
  outline-offset: 4px;
  border-radius: 5px;
}
body.ic-legacy-skin img { max-width: 100%; }
body.ic-legacy-skin .text-muted { color: var(--ic-muted) !important; }
body.ic-legacy-skin .course-single-left-sidebar .text-warning,
body.ic-legacy-skin .course-single-left-sidebar .text-danger,
body.ic-legacy-skin .course-single-left-sidebar .text-purple,
body.ic-legacy-skin .course-single-left-sidebar .text-success { color: var(--ic-ink) !important; }

/* The existing script reparents the sticky navbar directly under body. */
body.ic-legacy-skin .header,
body.ic-legacy-skin .navbar,
body.ic-legacy-skin .top-bar { background: var(--ic-navy) !important; }
body.ic-legacy-skin .color-bars .color-bar { height: 5px; }
body.ic-legacy-skin .top-bar {
  min-height: 49px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,.13);
}
body.ic-legacy-skin .top-bar .container > .row { align-items: center; }
body.ic-legacy-skin .top-bar li { font-size: .78rem; line-height: 1.6; }
body.ic-legacy-skin .top-bar a,
body.ic-legacy-skin .top-bar .btn-link,
body.ic-legacy-skin .top-bar .text-white { color: #f4f9fb !important; opacity: 1; }
body.ic-legacy-skin .top-bar .btn-link { padding: 4px 0; font-size: .78rem; font-weight: 650; }
body.ic-legacy-skin .top-bar .icon-header {
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,.12) !important;
  margin-right: 5px;
}
body.ic-legacy-skin .top-bar .icon-header i { color: #f4f9fb !important; }
body.ic-legacy-skin .top-bar .list-inline { flex-wrap: wrap; gap: 4px; }
body.ic-legacy-skin .navbar {
  min-height: 94px;
  padding: 15px 0;
  border: 0;
  box-shadow: 0 6px 22px rgba(8,29,39,.12);
}
body.ic-legacy-skin .navbar-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding: 9px 12px;
  margin-right: 20px;
  background: #fff;
  border-radius: 12px;
  line-height: 1;
}
body.ic-legacy-skin .navbar-brand img {
  width: 177px;
  max-height: 57px;
  object-fit: contain;
}
body.ic-legacy-skin .navbar-nav { align-items: center; gap: 3px; }
body.ic-legacy-skin .navbar-nav .nav-item {
  margin: 0;
  border: 0;
  border-radius: 9px;
  background: transparent !important;
}
body.ic-legacy-skin .navbar .nav-link {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 10px 11px !important;
  color: #fff !important;
  font-size: .87rem;
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
  border-radius: 9px;
  border: 0;
}
body.ic-legacy-skin .navbar .navbar-nav > .nav-item > .nav-link > span {
  color: inherit !important;
}
body.ic-legacy-skin .navbar .navbar-nav > .nav-item > .nav-link .fa-angle-down {
  color: #ffca73 !important;
}
body.ic-legacy-skin .navbar .nav-link:hover,
body.ic-legacy-skin .navbar .nav-item.show > .nav-link,
body.ic-legacy-skin .navbar .nav-link:focus-visible { background: rgba(255,255,255,.11); }
body.ic-legacy-skin .navbar .nav-icon {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  font-size: .9rem;
  line-height: inherit;
  color: #8fd6d7;
}
body.ic-legacy-skin .navbar .dropdown-toggle::after {
  margin-left: 3px;
  color: #ffca73 !important;
  border-top-color: #ffca73;
}
body.ic-legacy-skin .navbar .dropdown-menu,
body.ic-legacy-skin .top-bar .dropdown-menu {
  min-width: 235px;
  padding: 9px;
  margin-top: 9px;
  border: 1px solid var(--ic-line);
  border-radius: 15px;
  background: #fff !important;
  box-shadow: 0 16px 36px rgba(11,37,50,.2);
  max-height: min(70vh, 34rem);
  overflow-y: auto;
}
body.ic-legacy-skin .navbar .dropdown-item,
body.ic-legacy-skin .top-bar .dropdown-item {
  padding: 11px 13px;
  margin: 0;
  border: 0;
  border-radius: 8px;
  color: var(--ic-ink) !important;
  font-family: inherit;
  font-size: .87rem;
  font-weight: 600;
  line-height: 1.45;
  white-space: normal;
}
body.ic-legacy-skin .navbar .dropdown-item:hover,
body.ic-legacy-skin .navbar .dropdown-item:focus,
body.ic-legacy-skin .top-bar .dropdown-item:hover,
body.ic-legacy-skin .top-bar .dropdown-item.active { background: #e9f5f5; color: #085c66 !important; }
body.ic-legacy-skin .navbar-toggler {
  width: 46px;
  min-height: 44px;
  color: #fff !important;
  background: #176274 !important;
  border: 1px solid #93c6d2;
  border-radius: 10px;
  font-size: 1.25rem;
}
body.ic-legacy-skin .navbar-toggler .fa-bars { color: #fff !important; }

/* Existing hero photograph and all original headings remain in place. */
body.ic-legacy-skin .breadcrumb-bg {
  position: relative;
  isolation: isolate;
  background-color: var(--ic-navy);
  background-position: center;
  background-size: cover;
}
body.ic-legacy-skin .breadcrumb-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(105deg, rgba(10,35,48,.94), rgba(12,47,61,.69));
}
body.ic-legacy-skin .breadcrumb-holder {
  display: flex;
  align-items: center;
  min-height: 252px;
  height: auto;
  padding: 48px 0;
}
body.ic-legacy-skin .breadcrumb-title {
  margin: 0 0 17px;
  color: #fff;
  font-size: clamp(2.25rem, 5vw, 3.8rem);
  font-weight: 800;
  letter-spacing: -.045em;
}
body.ic-legacy-skin .breadcrumb { margin: 0; padding: 0; background: none; }
body.ic-legacy-skin .breadcrumb-item,
body.ic-legacy-skin .breadcrumb-item a,
body.ic-legacy-skin .breadcrumb-item::before { color: #d5e7ee !important; font-size: .9rem; }
body.ic-legacy-skin .course-single-left-sidebar > section:not(.breadcrumb-bg) { padding: 52px 0 !important; }
body.ic-legacy-skin .course-single-left-sidebar > section + section:not(.breadcrumb-bg) { padding-top: 18px !important; }
body.ic-legacy-skin .course-single-left-sidebar .section-title { margin-bottom: 27px !important; }
body.ic-legacy-skin .course-single-left-sidebar .section-title h2 { text-align: center; }
body.ic-legacy-skin .course-single-left-sidebar .section-title .shape { display: none; }

/* Content cards and the association's existing sidebar. */
body.ic-legacy-skin .course-single-left-sidebar .card {
  overflow: hidden;
  width: 100%;
  margin-bottom: 25px;
  border: 1px solid var(--ic-line);
  border-radius: 21px;
  background: #fff !important;
  box-shadow: 0 8px 28px rgba(28,66,83,.06) !important;
}
body.ic-legacy-skin .course-single-left-sidebar .card-body {
  padding: 27px !important;
  margin-bottom: 0 !important;
  border-top: 4px solid var(--ic-teal) !important;
  background: #fff;
}
body.ic-legacy-skin .course-single-left-sidebar .card-title { margin-bottom: 17px; }
body.ic-legacy-skin .course-single-left-sidebar .card-title .text-truncate {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
body.ic-legacy-skin .course-single-left-sidebar .card p,
body.ic-legacy-skin .course-single-left-sidebar .media-body p { color: #425a67; }
body.ic-legacy-skin .course-single-left-sidebar .card-img-top {
  display: block;
  width: 100%;
  height: 184px;
  padding: 12px;
  object-fit: contain;
  background: #fff;
}
body.ic-legacy-skin .course-single-left-sidebar .col-sm-6 > .card { height: calc(100% - 25px); }
body.ic-legacy-skin .course-single-left-sidebar .col-lg-4 > .pb-4 > .section-title {
  margin-bottom: 0 !important;
  padding: 11px 8px;
  background: var(--ic-navy) !important;
  border-radius: 17px 17px 0 0 !important;
}
body.ic-legacy-skin .course-single-left-sidebar .col-lg-4 > .pb-4 > .section-title h3 {
  color: #fff !important;
  font-size: 1.06rem;
  letter-spacing: -.01em;
}
body.ic-legacy-skin .course-single-left-sidebar .col-lg-4 .border-top-0 {
  overflow: hidden;
  border: 1px solid var(--ic-line) !important;
  border-top: 0 !important;
  border-radius: 0 0 17px 17px !important;
  background: #fff;
}
body.ic-legacy-skin .course-single-left-sidebar .col-lg-4 .media { border-color: var(--ic-line) !important; }
body.ic-legacy-skin .course-single-left-sidebar .icon-rounded-circle-medium {
  width: 43px;
  height: 43px;
  line-height: 43px;
  background: #e7f5f4 !important;
}
body.ic-legacy-skin .course-single-left-sidebar .icon-rounded-circle-medium i { color: var(--ic-teal) !important; }
body.ic-legacy-skin .course-single-left-sidebar .media-body { min-width: 0; }
body.ic-legacy-skin .course-single-left-sidebar .media-body a { overflow-wrap: anywhere; }
body.ic-legacy-skin .course-single-left-sidebar .media-list-view {
  align-items: flex-start;
  gap: 27px;
  padding: 26px;
  margin-bottom: 23px !important;
  border: 1px solid var(--ic-line);
  border-radius: 20px;
  background: #fff;
}
body.ic-legacy-skin .course-single-left-sidebar .media-list-view .media-img {
  flex: 0 0 184px;
  width: 184px;
  margin: 0;
}
body.ic-legacy-skin .course-single-left-sidebar .media-list-view .media-img img {
  width: 100%;
  max-height: 160px;
  object-fit: contain;
  border-radius: 10px;
}
body.ic-legacy-skin .course-single-left-sidebar .text-justify { text-align: left !important; }

/* Contact information uses the original links, icon elements and map. */
body.ic-legacy-skin .course-single-left-sidebar .col-sm-4 > .media {
  display: flex;
  flex-direction: column !important;
  align-items: flex-start;
  gap: 16px;
  height: calc(100% - 24px);
  padding: 26px 23px;
  margin-bottom: 24px !important;
  border: 1px solid var(--ic-line);
  border-radius: 20px;
  background: #fff;
}
body.ic-legacy-skin .course-single-left-sidebar .icon-rounded-circle-large {
  flex-shrink: 0;
  width: 49px;
  height: 49px;
  margin: 0 !important;
  line-height: 49px;
  background: #e7f3f4 !important;
  box-shadow: none !important;
}
body.ic-legacy-skin .course-single-left-sidebar .icon-rounded-circle-large i { color: var(--ic-teal) !important; }
body.ic-legacy-skin .course-single-left-sidebar .icon-rounded-circle-large.bg-success { background: #25d366 !important; }
body.ic-legacy-skin .course-single-left-sidebar .icon-rounded-circle-large.bg-success i { color: #093a25 !important; }
body.ic-legacy-skin .course-single-left-sidebar .col-sm-4 > .media h3 { margin-bottom: 10px !important; }
body.ic-legacy-skin .course-single-left-sidebar .col-sm-4 > .media p { margin-bottom: 0; }
body.ic-legacy-skin .course-single-left-sidebar iframe {
  display: block;
  width: 100%;
  border-radius: 22px;
  box-shadow: 0 8px 25px rgba(16,47,63,.08);
}
body.ic-legacy-skin .course-single-left-sidebar .mb-9 { margin-bottom: 20px !important; }
body.ic-legacy-skin .course-single-left-sidebar .mb-10 { margin-bottom: 0 !important; }

body.ic-legacy-skin .element-footer,
body.ic-legacy-skin .element-footer .copyright { background: var(--ic-navy) !important; }
body.ic-legacy-skin .element-footer .copyright { padding: 27px 0; }
body.ic-legacy-skin .element-footer p { color: #e3edf2 !important; line-height: 1.65; }
body.ic-legacy-skin .element-footer .icon-rounded-circle-small { border-radius: 50%; background: #214756 !important; }
body.ic-legacy-skin .element-footer a:has(.fa-whatsapp) { background: #25d366 !important; }
body.ic-legacy-skin .element-footer a:has(.fa-whatsapp) i { color: #093a25 !important; }
body.ic-legacy-skin .back-to-top {
  width: 43px;
  height: 43px;
  line-height: 43px;
  border-radius: 12px;
  background: var(--ic-teal) !important;
  color: #fff !important;
}

@media (min-width: 768px) {
  /* Keep the pointer inside the legacy hover dropdown while crossing its edge. */
  body.ic-legacy-skin .navbar .navbar-nav > .dropdown > .dropdown-menu { margin-top: 0; }
}
@media (min-width: 1200px) {
  body.ic-legacy-skin .container { max-width: 1190px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  body.ic-legacy-skin .navbar .container { flex-wrap: wrap; }
  body.ic-legacy-skin .navbar-brand { margin-right: 12px; padding: 8px; }
  body.ic-legacy-skin .navbar-brand img { width: 130px; }
  body.ic-legacy-skin .navbar .nav-link { padding: 10px 7px !important; font-size: .78rem; }
  body.ic-legacy-skin .navbar .nav-icon { display: none; }
  body.ic-legacy-skin .navbar-nav { flex-wrap: wrap; justify-content: flex-end; }
}
@media (max-width: 991px) {
  body.ic-legacy-skin .top-bar .col-lg-7 { display: block !important; margin-bottom: 8px; }
  body.ic-legacy-skin .top-bar .col-lg-7 .list-inline { justify-content: center !important; gap: 7px 18px; }
  body.ic-legacy-skin .top-bar .col-lg-5 .list-inline { gap: 6px; }
  body.ic-legacy-skin .course-single-left-sidebar .card-body { padding: 23px !important; }
  /* Only About us has this exact two-column pair in the three-page pilot. */
  body.ic-legacy-skin .course-single-left-sidebar > section > .container > .row > .col-lg-8.col-xl-9 { order: -1; }
}
@media (max-width: 767px) {
  body.ic-legacy-skin .navbar { min-height: 78px; padding: 12px 0; }
  body.ic-legacy-skin .navbar > .container { padding-left: 18px; padding-right: 18px; }
  body.ic-legacy-skin .navbar-brand { padding: 8px 10px; margin: 0; }
  body.ic-legacy-skin .navbar-brand img { width: 155px; max-height: 45px; }
  body.ic-legacy-skin .navbar .navbar-collapse { margin-top: 15px; padding-top: 9px; border-top: 1px solid rgba(255,255,255,.16); background: var(--ic-navy) !important; }
  body.ic-legacy-skin .navbar .navbar-nav { align-items: stretch; gap: 2px; background: var(--ic-navy) !important; }
  body.ic-legacy-skin .navbar .nav-link { padding: 13px 12px !important; justify-content: flex-start; }
  body.ic-legacy-skin .navbar .dropdown-menu { margin: 3px 0 9px; box-shadow: none; }
  body.ic-legacy-skin .breadcrumb-holder { min-height: 192px; padding: 36px 0; }
  body.ic-legacy-skin .breadcrumb-title { font-size: clamp(2.1rem, 8vw, 3rem); overflow-wrap: break-word; }
  body.ic-legacy-skin .course-single-left-sidebar > section:not(.breadcrumb-bg) { padding: 31px 0 !important; }
  body.ic-legacy-skin .course-single-left-sidebar .media-list-view { flex-direction: column; gap: 20px; padding: 22px; }
  body.ic-legacy-skin .course-single-left-sidebar .media-list-view .media-img { flex-basis: auto; width: 100%; }
  body.ic-legacy-skin .course-single-left-sidebar .media-list-view .media-img img { width: auto; max-width: 100%; height: 145px; }
  body.ic-legacy-skin .course-single-left-sidebar .mb-9 > .row > .col-sm-4 { flex: 0 0 100%; max-width: 100%; }
  body.ic-legacy-skin .course-single-left-sidebar .col-sm-4 > .media { flex-direction: row !important; height: auto; gap: 19px; padding: 22px; }
  body.ic-legacy-skin .course-single-left-sidebar iframe { height: 340px; }
  body.ic-legacy-skin .element-footer .copyright { padding: 24px 0; }
}
@media (max-width: 399px) {
  body.ic-legacy-skin .top-bar .col-lg-7 .list-inline { column-gap: 10px; }
  body.ic-legacy-skin .top-bar .col-lg-7 li { font-size: .69rem; }
  body.ic-legacy-skin .top-bar .col-lg-7 .icon-header { width: 23px; height: 23px; line-height: 23px; margin-right: 3px; }
  body.ic-legacy-skin .course-single-left-sidebar .col-sm-4 > .media { padding: 19px 16px; gap: 13px; }
  body.ic-legacy-skin .course-single-left-sidebar .col-sm-4 > .media a { font-size: .9rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.ic-legacy-skin *,
  body.ic-legacy-skin *::before,
  body.ic-legacy-skin *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}