@charset "UTF-8";
:root {
  --max-width: 1200px;
  --header-height: 15rem;
  --card-border-radius: 20px;
  --element-border-radius: 10px;
  --border-radius: var(--card-border-radius);
  --course-bg: #f5f8fb;
  --course-panel: #fff;
  --course-card-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
  --course-card-shadow-hover: 0 30px 60px rgba(15, 23, 42, 0.2);
  --course-border: rgba(148, 163, 184, 0.22);
  --course-text-soft: #5f6f82;
  --course-text-muted: #8b97a7;
  --course-title: #15202b;
  --course-accent: #0f6cbf;
  --boost-samoo-enable-subsection-section-background: 1;
  --course-header-image: none;
  --course-header-fallback-image: none;
  --course-header-fallback-image-url: "";
  --boost-samoo-subsection-2-bg-url: url("ACT1.jpg");
  --boost-samoo-subsection-3-bg-url: url("ACT2.jpg");
}
body#page-course-view-grid:not(.editing), body#page-course-view-section-grid:not(.editing), body.pagelayout-incourse.path-mod {
  background: var(--course-bg);
}
body#page-course-view-grid:not(.editing) #region-main-box, body#page-course-view-grid:not(.editing) #region-main, body#page-course-view-section-grid:not(.editing) #region-main-box, body#page-course-view-section-grid:not(.editing) #region-main, body.pagelayout-incourse.path-mod #region-main-box, body.pagelayout-incourse.path-mod #region-main {
  padding: 0;
}
body#page-course-view-grid:not(.editing) #region-main, body#page-course-view-section-grid:not(.editing) #region-main, body.pagelayout-incourse.path-mod #region-main {
  background: transparent;
  border: 0;
  box-shadow: none;
}
body#page-course-view-grid:not(.editing) #page-content, body#page-course-view-section-grid:not(.editing) #page-content, body.pagelayout-incourse.path-mod #page-content {
  margin-top: 0;
}
body#page-course-view-grid:not(.editing) #page-content .boost-samoo-page-content-layout, body#page-course-view-section-grid:not(.editing) #page-content .boost-samoo-page-content-layout, body.pagelayout-incourse.path-mod #page-content .boost-samoo-page-content-layout {
  padding-top: 2.5rem;
}
body#page-course-view-grid:not(.editing) ul.topics, body#page-course-view-grid:not(.editing) ul.grid, body#page-course-view-grid:not(.editing) ul[data-for="course_sectionlist"], body#page-course-view-section-grid:not(.editing) ul.topics, body#page-course-view-section-grid:not(.editing) ul.grid, body#page-course-view-section-grid:not(.editing) ul[data-for="course_sectionlist"], body.pagelayout-incourse.path-mod ul.topics, body.pagelayout-incourse.path-mod ul.grid, body.pagelayout-incourse.path-mod ul[data-for="course_sectionlist"] {
  margin: 0;
  padding: 0;
  list-style: none;
}
body#page-course-view-grid:not(.editing) li.section.main, body#page-course-view-section-grid:not(.editing) li.section.main, body.pagelayout-incourse.path-mod li.section.main {
  margin: 0 0 2rem;
  padding: 0;
  border: 0;
  background: transparent;
}
body#page-course-view-grid:not(.editing) li.section.main:last-child, body#page-course-view-section-grid:not(.editing) li.section.main:last-child, body.pagelayout-incourse.path-mod li.section.main:last-child {
  margin-bottom: 0;
}
body#page-course-view-grid:not(.editing) li.section.main .section-item, body#page-course-view-section-grid:not(.editing) li.section.main .section-item, body.pagelayout-incourse.path-mod li.section.main .section-item {
  background: transparent;
}
body#page-course-view-grid:not(.editing) li.section.main:not(#section-0), body#page-course-view-section-grid:not(.editing) li.section.main:not(#section-0), body.pagelayout-incourse.path-mod li.section.main:not(#section-0) {
  margin-bottom: 0;
}
body#page-course-view-grid:not(.editing) li.section.main:not(#section-0) .course-section-header, body#page-course-view-section-grid:not(.editing) li.section.main:not(#section-0) .course-section-header, body.pagelayout-incourse.path-mod li.section.main:not(#section-0) .course-section-header {
  display: none;
}
body#page-course-view-grid:not(.editing) li.section.main:not(#section-0) > .section-item {
  position: relative;
}
body#page-course-view-grid:not(.editing) li.section.main:not(#section-0) > .section-item > .content {
  display: none !important;
}
body.boost-samoo-course-header-enabled div#page {
  padding: 0;
  padding-left: 0 !important;
  background: var(--course-bg);
}
body.boost-samoo-course-header-enabled div#page #topofscroll {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0;
  max-width: 100%;
  position: relative;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero {
  background-image: linear-gradient(to right, #400267, rgba(0, 0, 0, 0)), var(--course-header-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header {
  width: calc(100% - 3rem);
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 5rem 0 0;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header > .w-100 > .d-flex.align-items-center {
  align-items: flex-start !important;
  gap: 1.5rem;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header > .w-100 > .d-flex.align-items-center > .me-auto {
  min-width: 0;
  flex: 1 1 auto;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header > .w-100 > .d-flex.align-items-center > .header-actions-container {
  flex: 0 0 auto;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .page-context-header {
  min-width: 0;
  overflow: visible;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .page-header-headings {
  min-width: 0;
  flex: 1 1 auto;
  max-width: 100%;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header h1 {
  color: #fff;
  font-weight: 800;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .breadcrumb {
  color: #fff;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .breadcrumb a, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .breadcrumb span {
  color: #fff;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .breadcrumb a {
  font-weight: 600;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .activityiconcontainer {
  display: none;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-copy, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .boost-samoo-enhanced-header .boost-samoo-header-copy {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 46rem;
  padding: 1rem 0 0.75rem;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-badge, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .boost-samoo-enhanced-header .boost-samoo-header-badge {
  display: inline-flex;
  align-self: flex-start;
  padding: 0.45rem 0.8rem 0.3rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-description, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .boost-samoo-enhanced-header .boost-samoo-header-description {
  color: rgba(255, 255, 255, 0.92);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-description p:last-child, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .boost-samoo-enhanced-header .boost-samoo-header-description p:last-child {
  margin-bottom: 0;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-actions, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .boost-samoo-enhanced-header .boost-samoo-header-actions {
  padding-top: 0.25rem;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-continue, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .boost-samoo-enhanced-header .boost-samoo-header-continue {
  display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.75rem 1rem;
  border-radius: var(--element-border-radius);
  background: #fff;
  box-shadow: 0 22px 40px rgba(0, 0, 0, 0.22);
  color: #000;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform 160ms ease, box-shadow 160ms ease;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-continue:hover, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-continue:focus, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .boost-samoo-enhanced-header .boost-samoo-header-continue:hover, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .boost-samoo-enhanced-header .boost-samoo-header-continue:focus {
  color: #101828;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 26px 48px rgba(0, 0, 0, 0.28);
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-continue-icon, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .boost-samoo-enhanced-header .boost-samoo-header-continue-icon {
  position: relative;
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  border-radius: 999px;
  background: #f57c00;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-continue-icon::before, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .boost-samoo-enhanced-header .boost-samoo-header-continue-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 0.38rem solid transparent;
  border-bottom: 0.38rem solid transparent;
  border-left: 0.58rem solid #fff;
  transform: translate(-35%, -50%);
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation {
  position: relative;
  z-index: 3;
  padding-bottom: 0;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation {
  background: transparent;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs {
  max-width: var(--max-width);
  background: transparent;
  font-size: 0.9rem;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs a {
  color: #fff;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs .dropdown-menu {
  background: #000;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs .nav-link.active {
  border-bottom: 5px solid #fff;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs .nav-link:hover, body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs .nav-link:focus {
  background: #000;
  color: #fff;
}
body.boost-samoo-course-header-enabled div#page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs .nav-item.show .nav-link {
  background: #000;
}
body.boost-samoo-course-header-enabled div#page #topofscroll #page-content {
  position: relative;
  z-index: 1;
  background: var(--course-bg);
}
body.boost-samoo-course-header-enabled div#page #topofscroll #page-content div[role="main"] {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 1.5rem 4rem;
  background: transparent;
}
body.boost-samoo-course-header-enabled.single-section-page #page-header {
  padding-bottom: 2rem !important;
}
body.boost-samoo-course-header-enabled.path-mod #page-header {
  padding-bottom: 1.5rem;
}
body.boost-samoo-course-header-enabled.path-mod #page-content div[role="main"] .activity-header {
  margin: 0 0 1.5rem;
  padding: 1.5rem;
  border: 1px solid var(--course-border);
  border-radius: var(--card-border-radius);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.06);
}
body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero {
  margin-bottom: 1rem;
  background-image: linear-gradient(to right, rgba(10, 10, 10, 0.88), rgba(10, 10, 10, 0.42)), var(--course-header-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header {
  padding-top: 2rem;
  padding-bottom: 1.6rem;
}
body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header > .w-100 > .d-flex.align-items-center {
  gap: 1rem;
}
body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header > .w-100 > .d-flex.align-items-center > .header-actions-container {
  display: none;
}
body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header h1 {
  margin-bottom: 0;
  font-size: 2.35rem;
  line-height: 1.05;
  letter-spacing: -0.03em;
  text-wrap: balance;
}
body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .breadcrumb {
  margin-bottom: 0.85rem;
  font-size: 0.85rem;
  opacity: 0.92;
}
body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation {
  padding-bottom: 0;
}
body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs {
  max-width: var(--max-width);
  background: transparent;
}
body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs a {
  color: #fff;
}
body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs .nav-link.active {
  border-bottom: 4px solid #fff;
}
body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs .nav-link:hover, body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs .nav-link:focus {
  background: transparent;
  color: #fff;
}
body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs .dropdown-menu {
  background: rgba(10, 10, 10, 0.96);
}
body.boost-samoo-course-header--hero#page-course-view-grid:not(.editing) #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header {
  padding-top: 3.5rem;
  padding-bottom: 2.25rem;
}
body.boost-samoo-course-header--hero#page-course-view-grid:not(.editing) #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header h1 {
  max-width: 54rem;
  margin-bottom: 1.25rem;
  font-size: 3em;
  line-height: 1;
  letter-spacing: -0.04em;
  text-wrap: balance;
}
@media (max-width: 767.98px) {
  body.boost-samoo-course-header--hero#page-course-view-grid:not(.editing) #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header {
    padding-top: 2.25rem;
    padding-bottom: 1.5rem;
  }
  body.boost-samoo-course-header--hero#page-course-view-grid:not(.editing) #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header h1 {
    font-size: 2.5rem;
    line-height: 1;
  }
  body.boost-samoo-course-header--hero#page-course-view-grid:not(.editing) #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-copy {
    gap: 1.1rem;
  }
  body.boost-samoo-course-header--hero#page-course-view-grid:not(.editing) #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-description {
    font-size: 1rem;
    line-height: 1.55;
  }
  body.boost-samoo-course-header--hero#page-course-view-grid:not(.editing) #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header .boost-samoo-header-continue {
    width: 100%;
    justify-content: center;
  }
  body.boost-samoo-course-header--hero#page-course-view-grid:not(.editing) #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header > .w-100 > .d-flex.align-items-center {
    gap: 1rem;
  }
  body.boost-samoo-course-header--hero#page-course-view-grid:not(.editing) #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header > .w-100 > .d-flex.align-items-center > .header-actions-container {
    display: none;
  }
  body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header {
    padding-top: 1.4rem;
    padding-bottom: 1.15rem;
  }
  body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header h1 {
    font-size: 1.85rem;
  }
  body.boost-samoo-course-header--compact #page #topofscroll > .boost-samoo-course-hero, #topofscroll.boost-samoo-course-hero #page-header .breadcrumb {
    font-size: 0.78rem;
  }
}
body#page-course-view-grid:not(.editing) .drawer-toggles, body#page-course-view-section-grid:not(.editing) .drawer-toggles, body.pagelayout-incourse.path-mod:not(.editing) .drawer-toggles {
  position: relative;
  z-index: 3;
}
body#page-course-view-grid:not(.editing).boost-samoo-inline-side-pre .drawer-right, body#page-course-view-grid:not(.editing).boost-samoo-inline-side-pre .drawer-right-toggle, body#page-course-view-section-grid:not(.editing).boost-samoo-inline-side-pre .drawer-right, body#page-course-view-section-grid:not(.editing).boost-samoo-inline-side-pre .drawer-right-toggle, body.pagelayout-incourse.path-mod:not(.editing).boost-samoo-inline-side-pre .drawer-right, body.pagelayout-incourse.path-mod:not(.editing).boost-samoo-inline-side-pre .drawer-right-toggle {
  display: none !important;
}
body#page-course-view-grid:not(.editing).boost-samoo-inline-side-pre #page.drawers.show-drawer-right, body#page-course-view-section-grid:not(.editing).boost-samoo-inline-side-pre #page.drawers.show-drawer-right, body.pagelayout-incourse.path-mod:not(.editing).boost-samoo-inline-side-pre #page.drawers.show-drawer-right {
  margin-right: 0 !important;
}
body#page-course-view-grid:not(.editing).boost-samoo-inline-side-pre #page.drawers.show-drawer-left.show-drawer-right, body#page-course-view-section-grid:not(.editing).boost-samoo-inline-side-pre #page.drawers.show-drawer-left.show-drawer-right, body.pagelayout-incourse.path-mod:not(.editing).boost-samoo-inline-side-pre #page.drawers.show-drawer-left.show-drawer-right {
  margin-right: 0 !important;
}
body#page-course-view-grid:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-page-content-layout, body#page-course-view-section-grid:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-page-content-layout, body.pagelayout-incourse.path-mod:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-page-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20rem;
  gap: 1.5rem;
  align-items: start;
  width: calc(100% - 3rem);
  max-width: calc(var(--max-width) + 20rem + 1.5rem);
  margin: 0 auto;
}
body#page-course-view-grid:not(.editing).boost-samoo-inline-side-pre #page-content #region-main-box, body#page-course-view-section-grid:not(.editing).boost-samoo-inline-side-pre #page-content #region-main-box, body.pagelayout-incourse.path-mod:not(.editing).boost-samoo-inline-side-pre #page-content #region-main-box {
  min-width: 0;
}
body#page-course-view-grid:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-side-pre-inline, body#page-course-view-section-grid:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-side-pre-inline, body.pagelayout-incourse.path-mod:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-side-pre-inline {
  position: sticky;
  top: 1.5rem;
  align-self: start;
}
body#page-course-view-grid:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-side-pre-inline .block, body#page-course-view-section-grid:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-side-pre-inline .block, body.pagelayout-incourse.path-mod:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-side-pre-inline .block {
  margin-bottom: 1rem;
  border: 1px solid var(--course-border);
  border-radius: var(--card-border-radius);
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}
body#page-course-view-grid:not(.editing) #page-content .boost-samoo-page-content-layout, body#page-course-view-section-grid:not(.editing) #page-content .boost-samoo-page-content-layout, body.pagelayout-incourse.path-mod:not(.editing) #page-content .boost-samoo-page-content-layout {
  padding-top: 2.5rem;
}
body#page-course-view-grid:not(.editing):not(.boost-samoo-inline-side-pre) .course-content {
  padding-top: 1.5rem;
}
body#page-course-view-section-grid:not(.editing) .course-content {
  padding-top: 1.5rem;
}
@media (max-width: 1199.98px) {
  body#page-course-view-grid:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-page-content-layout, body#page-course-view-section-grid:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-page-content-layout, body.pagelayout-incourse.path-mod:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-page-content-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  body#page-course-view-grid:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-side-pre-inline, body#page-course-view-section-grid:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-side-pre-inline, body.pagelayout-incourse.path-mod:not(.editing).boost-samoo-inline-side-pre #page-content .boost-samoo-side-pre-inline {
    position: static;
    order: 2;
  }
}
body.pagelayout-login #page #logoimage {
  max-height: 60px;
  margin-bottom: 1rem;
}
body#page-course-view-grid:not(.editing) .course-search-container, body#page-course-view-section-grid:not(.editing) .course-search-container, body.pagelayout-incourse.path-mod:not(.editing) .course-search-container {
  margin: 0;
  padding: 1rem;
  position: relative;
  background: transparent;
}
body#page-course-view-grid:not(.editing) .course-search-container input#courseindex-search-input, body#page-course-view-section-grid:not(.editing) .course-search-container input#courseindex-search-input, body.pagelayout-incourse.path-mod:not(.editing) .course-search-container input#courseindex-search-input {
  font-size: 0.9rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 0.95rem;
  padding: 0.375rem 0.75rem 0.375rem 2.2rem;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  line-height: 1.5;
  color: #475467;
  background-color: var(--course-bg);
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body#page-course-view-grid:not(.editing) .course-search-container input#courseindex-search-input:focus, body#page-course-view-section-grid:not(.editing) .course-search-container input#courseindex-search-input:focus, body.pagelayout-incourse.path-mod:not(.editing) .course-search-container input#courseindex-search-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(245, 113, 13, 0.12);
  border-color: rgba(245, 113, 13, 0.45);
  outline: 0;
}
body#page-course-view-grid:not(.editing) .course-search-container i.fa-magnifying-glass, body#page-course-view-section-grid:not(.editing) .course-search-container i.fa-magnifying-glass, body.pagelayout-incourse.path-mod:not(.editing) .course-search-container i.fa-magnifying-glass {
  opacity: 0.6;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  color: #6c757d;
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
body#page-course-view-grid:not(.editing) .d-none-search, body#page-course-view-section-grid:not(.editing) .d-none-search, body.pagelayout-incourse.path-mod:not(.editing) .d-none-search {
  display: none !important;
}
body#page-course-view-grid:not(.editing) .drawer.drawer-left, body#page-course-view-section-grid:not(.editing) .drawer.drawer-left, body.pagelayout-incourse.path-mod:not(.editing) .drawer.drawer-left {
  border-right: 0 !important;
  box-shadow: none !important;
  background: var(--course-panel);
}
body:not(.editing) .drawer.drawer-left .drawerheader {
  height: auto !important;
  min-height: 50px;
  display: flex;
  align-items: center;
}

body:not(.editing) .drawer.drawer-left .drawercontent {
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 5rem;
}
.samoo-courseindex-shell,
.samoo-courseindex-progress {
  display: flex;
  flex-direction: column;
  border-right: 0;
}

.samoo-courseindex-shell {
  min-height: 100%;
}

.samoo-courseindex-shell .course-search-container,
.samoo-courseindex-shell .samoo-courseindex-progress,
.samoo-courseindex-shell .samoo-courseindex-header,
.drawer.drawer-left .drawercontent > .samoo-courseindex-progress {
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.samoo-courseindex-shell .samoo-courseindex-header {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.8rem 0.9rem 0.75rem;
}

.samoo-courseindex-shell .samoo-courseindex-header__back {
  display: inline-flex;
  width: 1.65rem;
  height: 1.65rem;
  flex: 0 0 1.65rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #4b5563;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.samoo-courseindex-shell .samoo-courseindex-header__back:hover,
.samoo-courseindex-shell .samoo-courseindex-header__back:focus {
  background: rgba(15, 108, 191, 0.08);
  color: var(--course-accent);
  text-decoration: none;
}

.samoo-courseindex-shell .samoo-courseindex-header__copy {
  min-width: 0;
}

.samoo-courseindex-shell .samoo-courseindex-header__copy--singleline .samoo-courseindex-header__title {
  margin-top: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
  line-height: 1.35;
}

.samoo-courseindex-shell .samoo-courseindex-header__eyebrow,
.samoo-courseindex-shell .samoo-courseindex-header__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.samoo-courseindex-shell .samoo-courseindex-header__eyebrow {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.25;
}

.samoo-courseindex-shell .samoo-courseindex-header__title {
  margin-top: 0.15rem;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.25;
  opacity: 0.7;
}

.samoo-courseindex-progress {
  padding: 0.8rem 0.9rem 0.9rem;
}

.samoo-courseindex-progress__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #98a2b3;
}

.samoo-courseindex-progress__head strong {
  color: var(--primary);
  font-size: 0.72rem;
}

.samoo-courseindex-progress__bar {
  height: 0.2rem;
  border-radius: 999px;
  background: #e5e7eb;
  overflow: hidden;
}

.samoo-courseindex-progress__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #f97316 0%, #fb923c 100%);
}

.samoo-courseindex-progress__meta {
  margin-top: 0.45rem;
  font-size: 0.7rem;
  color: #98a2b3;
}
body#page-local-afp-index .afp-my-competences-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  max-width: 240px;
  margin: 20px 0;
  padding: 13px 25px;
  background: #fff;
  color: var(--primary);
  text-decoration: none;
  border-radius: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
  font-size: .8rem;
}
body#page-local-afp-index .afp-my-competences-btn .fa {
  color: #f97316;
}
body#page-local-afp-index .afp-my-competences-btn .arrow {
  opacity: 0.7;
}
body#page-local-afp-index .afp-my-competences-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}
body#page-local-afp-index.boost-samoo-afp-competencies-no-scroll .afp-competency-list-wrapper {
  padding: 0;
  margin: 0;
  border-radius: var(--card-border-radius);
  border: 1px solid #e3e1e1;
}
body#page-local-afp-index.boost-samoo-afp-competencies-no-scroll .afp-competency-list-wrapper .afp-competency-list {
  gap: 1px;
  background-color: #e3e1e1;
  border-radius: var(--card-border-radius);
  overflow: hidden !important;
  flex-wrap: wrap;
  margin: 0;
  border: 0;
}
body#page-local-afp-index.boost-samoo-afp-competencies-no-scroll .afp-competency-list-wrapper .afp-competency-list .afp-competency-item {
  border-radius: 0 !important;
  border-top: 0;
  border: 0;
  flex: 1 1 300px;
  min-width: 300px;
}
body#page-local-afp-index.boost-samoo-afp-competencies-no-scroll .afp-competency-list-wrapper .afp-competency-list .afp-competency-item:first-child {
  border-left: 0 !important;
}
body#page-local-afp-index.boost-samoo-afp-competencies-no-scroll .local-afp-mycourses-wrapper .afp-nav {
  display: none !important;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell #courseindex, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell #courseindex, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell #courseindex {
  display: block;
  height: auto !important;
  min-height: 0;
  padding: 0.7rem 0.75rem 1.25rem;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell #courseindex-content, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell #courseindex-content, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell #courseindex-content {
  display: block !important;
  height: auto !important;
  min-height: 0.1px;
  overflow: visible !important;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell #course-index, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell #course-index, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell #course-index {
  display: block !important;
  height: auto !important;
  min-height: 0.1px;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item-content.show, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item-content.show, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item-content.show {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell #courseindex .courseindex-section.current, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell #courseindex .courseindex-section.current, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell #courseindex .courseindex-section.current {
  border: none !important;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-section-title, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-section-title, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-section-title {
  display: flex !important;
  align-items: center;
  gap: 0.55rem;
  margin: 0.35rem 0 0.45rem;
  padding: 0 0.2rem;
  background: transparent;
  border: 0;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-section-title .courseindex-link, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-section-title .courseindex-link, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-section-title .courseindex-link {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
  color: #344054;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-section-title .current-badge, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-section-title .current-badge, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-section-title .current-badge {
  display: none !important;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-section-title .courseindex-locked, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-section-title .courseindex-locked, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-section-title .courseindex-locked {
  display: none;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item-content:not(.show), body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item-content:not(.show), body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item-content:not(.show) {
  display: none;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-sectioncontent, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-sectioncontent, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-sectioncontent {
  display: grid;
  gap: 0;
  margin-bottom: 0.55rem;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"], body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"], body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] {
  --activity-icon-bg: #eef2f7;
  box-sizing: border-box;
  position: relative;
  align-items: center;
  margin: 0;
  padding: 0.82rem 0.7rem 0.82rem 0.7rem;
  gap: 0.7rem;
  border: 1px solid transparent;
  border-radius: 1rem;
  background: transparent;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"]:hover, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"]:focus-within, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"]:hover, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"]:focus-within, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"]:hover, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"]:focus-within {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(148, 163, 184, 0.22);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
  transform: translateY(-1px);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem {
  background: #fff;
  border-color: rgba(37, 99, 235, 0.3);
  box-shadow: 0 10px 18px rgba(37, 99, 235, 0.08);
  transform: translateY(-1px);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active .courseindex-link, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem .courseindex-link, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active .courseindex-link, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem .courseindex-link, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active .courseindex-link, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem .courseindex-link {
  color: #1f2937;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active .samoo-courseindex-item__icon, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem .samoo-courseindex-item__icon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active .samoo-courseindex-item__icon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem .samoo-courseindex-item__icon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active .samoo-courseindex-item__icon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem .samoo-courseindex-item__icon {
  background: var(--samoo-icon-active-bg, var(--primary));
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active .samoo-courseindex-item__icon, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem .samoo-courseindex-item__icon .samoo-courseindex-fauxicon, 
body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active .samoo-courseindex-item__icon .samoo-courseindex-fauxicon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem .samoo-courseindex-item__icon .samoo-courseindex-fauxicon, 
body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active .samoo-courseindex-item__icon .samoo-courseindex-fauxicon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem .samoo-courseindex-item__icon .samoo-courseindex-fauxicon {
  color: #fff !important;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active .samoo-courseindex-item__icon .activityicon, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem .samoo-courseindex-item__icon .activityicon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active .samoo-courseindex-item__icon .activityicon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem .samoo-courseindex-item__icon .activityicon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].active .samoo-courseindex-item__icon .activityicon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"].pageitem .samoo-courseindex-item__icon .activityicon {
  filter: brightness(0) saturate(100%) invert(100%);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .courseindex-link, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .courseindex-link, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .courseindex-link {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  max-width: 100%;
  flex-direction: column;
  overflow: hidden;
  color: #344054;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .courseindex-link::after, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .courseindex-link::after, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .courseindex-link::after {
  content: attr(data-modname);
  margin-top: 0.12rem;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #98a2b3;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .samoo-courseindex-item__icon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .samoo-courseindex-item__icon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .samoo-courseindex-item__icon {
  display: inline-flex;
  width: 1.95rem;
  height: 1.95rem;
  flex: 0 0 1.95rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.7rem;
  background: var(--samoo-icon-bg, var(--activity-icon-bg));
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .samoo-courseindex-item__icon .activityicon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .samoo-courseindex-item__icon .activityicon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .samoo-courseindex-item__icon .activityicon {
  width: 1rem;
  height: 1rem;
  max-width: 1rem;
  max-height: 1rem;
  display: block;
  object-fit: contain;
  filter: var(--samoo-icon-filter, brightness(0) saturate(100%) invert(49%) sepia(11%) saturate(708%) hue-rotate(176deg) brightness(92%) contrast(88%));
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .courseindex-locked, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .courseindex-locked, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .courseindex-locked {
  display: none;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-top: 0.45rem !important;
  padding: 0.7rem 0.85rem !important;
  background: transparent !important;
  transform: none !important;
  border: 1px solid var(--course-border) !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
  overflow: visible;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .courseindex-link, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-item__icon, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .completioninfo, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .courseindex-link, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-item__icon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .completioninfo, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .courseindex-link, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-item__icon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .completioninfo {
  display: none !important;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .courseindex-link, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .courseindex-link, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .courseindex-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 0.55rem;
  min-width: 0;
  flex: 1 1 auto;
  padding: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  overflow: visible;
  line-height: 1.25;
  white-space: normal;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .courseindex-link::after, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .courseindex-link::after, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .courseindex-link::after {
  display: none;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.35rem;
  margin-left: auto;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-badge, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-badge, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-badge {
  display: inline-flex;
  padding: 0.18rem 0.45rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  color: #667085;
  font-size: 0.62rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle {
  display: inline-flex;
  width: 1.55rem;
  height: 1.55rem;
  flex: 0 0 1.55rem;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle::before, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle::before, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle::before {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle:hover, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle:focus, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle:hover, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle:focus, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle:hover, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle:focus {
  background: rgba(15, 23, 42, 0.05);
  color: #667085;
  outline: 0;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header.is-expanded > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle::before, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header.is-expanded > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle::before, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header.is-expanded > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle::before {
  transform: rotate(225deg);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsectionlist, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsectionlist, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsectionlist {
  margin-top: 0.55rem;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-subsectionlist, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-subsectionlist, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-subsectionlist {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0.35rem 0;
  padding: 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-subsectionlist[hidden], body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-subsectionlist[hidden], body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-subsectionlist[hidden] {
  display: none !important;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-child, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-child, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-child {
  display: flex !important;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-left: 0;
  padding-left: 1.1rem;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-child .courseindex-link, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-child .courseindex-link, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-child .courseindex-link {
  font-size: 0.75rem;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .completioninfo, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .completioninfo, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .completioninfo {
  order: 3;
  display: inline-flex;
  width: 1.2rem;
  height: 1.2rem;
  flex: 0 0 1.2rem;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  border-radius: 999px;
  background: #f2f4f7;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .completioninfo:empty, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .completioninfo.completion_none:empty, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .completioninfo.completion_none:not(:has(.icon)), body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .completioninfo:empty, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .completioninfo.completion_none:empty, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .completioninfo.completion_none:not(:has(.icon)), body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .completioninfo:empty, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .completioninfo.completion_none:empty, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .completioninfo.completion_none:not(:has(.icon)) {
  display: none;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .completioninfo .icon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .completioninfo .icon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .completioninfo .icon {
  margin: 0;
  font-size: 0.62rem;
  color: #98a2b3;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .completioninfo.completion_complete, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .completioninfo.completion_pass, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .completioninfo.completion_complete, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .completioninfo.completion_pass, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .completioninfo.completion_complete, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .completioninfo.completion_pass {
  background: rgba(34, 197, 94, 0.12);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .completioninfo.completion_complete .icon, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .completioninfo.completion_pass .icon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .completioninfo.completion_complete .icon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .completioninfo.completion_pass .icon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .completioninfo.completion_complete .icon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .completioninfo.completion_pass .icon {
  color: #16a34a;
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--forum, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--forum, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--forum {
  --activity-icon-bg: rgba(125, 86, 255, 0.08);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--forum .samoo-courseindex-item__icon .activityicon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--forum .samoo-courseindex-item__icon .activityicon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--forum .samoo-courseindex-item__icon .activityicon {
  filter: brightness(0) saturate(100%) invert(40%) sepia(72%) saturate(747%) hue-rotate(223deg) brightness(97%) contrast(95%);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--resource, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--url, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--page, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--resource, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--url, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--page, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--resource, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--url, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--page {
  --activity-icon-bg: rgba(0, 163, 196, 0.08);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--resource .samoo-courseindex-item__icon .activityicon, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--url .samoo-courseindex-item__icon .activityicon, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--page .samoo-courseindex-item__icon .activityicon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--resource .samoo-courseindex-item__icon .activityicon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--url .samoo-courseindex-item__icon .activityicon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--page .samoo-courseindex-item__icon .activityicon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--resource .samoo-courseindex-item__icon .activityicon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--url .samoo-courseindex-item__icon .activityicon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--page .samoo-courseindex-item__icon .activityicon {
  filter: brightness(0) saturate(100%) invert(43%) sepia(88%) saturate(1143%) hue-rotate(154deg) brightness(92%) contrast(102%);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--scorm, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--scorm, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--scorm {
  --activity-icon-bg: rgba(199, 94, 37, 0.08);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--scorm .samoo-courseindex-item__icon .activityicon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--scorm .samoo-courseindex-item__icon .activityicon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--scorm .samoo-courseindex-item__icon .activityicon {
  filter: brightness(0) saturate(100%) invert(47%) sepia(47%) saturate(1654%) hue-rotate(343deg) brightness(98%) contrast(87%);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--hvp, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--hvp, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--hvp {
  --activity-icon-bg: rgba(62, 114, 185, 0.09);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--hvp .samoo-courseindex-item__icon .activityicon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--hvp .samoo-courseindex-item__icon .activityicon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--hvp .samoo-courseindex-item__icon .activityicon {
  filter: brightness(0) saturate(100%) invert(37%) sepia(39%) saturate(1014%) hue-rotate(177deg) brightness(93%) contrast(87%);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--assign, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--quiz, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--assign, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--quiz, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--assign, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--quiz {
  --activity-icon-bg: rgba(255, 0, 140, 0.07);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--assign .samoo-courseindex-item__icon .activityicon, body#page-course-view-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--quiz .samoo-courseindex-item__icon .activityicon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--assign .samoo-courseindex-item__icon .activityicon, body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--quiz .samoo-courseindex-item__icon .activityicon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--assign .samoo-courseindex-item__icon .activityicon, body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--quiz .samoo-courseindex-item__icon .activityicon {
  filter: brightness(0) saturate(100%) invert(22%) sepia(93%) saturate(3725%) hue-rotate(311deg) brightness(92%) contrast(105%);
}
body#page-course-view-grid:not(.editing) .samoo-courseindex-shell--section .courseindex-section:not(.current), body#page-course-view-section-grid:not(.editing) .samoo-courseindex-shell--section .courseindex-section:not(.current), body.pagelayout-incourse.path-mod:not(.editing) .samoo-courseindex-shell--section .courseindex-section:not(.current) {
  display: none;
}
body#page-course-view-grid:not(.editing) .course-modules-intro, body#page-course-view-section-grid:not(.editing) .course-modules-intro {
  margin-top: 1.85rem;
  margin-bottom: 1.8rem;
  padding: 1.55rem 1.75rem 1.45rem;
  box-shadow: inset 0 0 0 4px rgba(255,255,255,.75);
  border-radius: var(--card-border-radius);
  background: var(--course-modules-intro-bg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
body#page-course-view-grid:not(.editing) .course-modules-intro__inner, body#page-course-view-section-grid:not(.editing) .course-modules-intro__inner {
  display: block;
}
body#page-course-view-grid:not(.editing) .course-modules-intro__title, body#page-course-view-section-grid:not(.editing) .course-modules-intro__title {
  margin: 0;
  color: #fff !important;
  font-size: clamp(1.45rem, 2vw, 1.8rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  line-height: 1 !important;
}
body#page-course-view-grid:not(.editing) .course-modules-intro__eyebrow, body#page-course-view-section-grid:not(.editing) .course-modules-intro__eyebrow {
  margin: 0;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  opacity: 0.8;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 {
  margin-bottom: 0;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 > .section-item, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 > .section-item {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 > .section-item > .course-section-header, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 > .section-item > .course-section-header {
  padding: 0;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 > .section-item > .course-section-header h3, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 > .section-item > .course-section-header h3 {
  font-size: 1.7rem;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 > .section-item > .course-section-header .icons-collapse-expand, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 > .section-item > .course-section-header .icons-collapse-expand {
  display: none !important;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 > .section-item > .content, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 > .section-item > .content {
  display: block !important;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext {
  color: var(--course-text-soft);
  font-size: 1rem;
  line-height: 1.8;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext > *:first-child, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext > *:first-child {
  margin-top: 0;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext > *:last-child, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext > *:last-child {
  margin-bottom: 0;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext h1, body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext h2, body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext h3, body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext h4, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext h1, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext h2, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext h3, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext h4 {
  color: var(--course-title);
  line-height: 1.1;
  letter-spacing: -0.03em;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext h2, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext h2 {
  font-size: 1.7rem;
  margin-bottom: 0;
  font-weight: 700;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext h3, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext h3 {
  font-size: 1.3rem;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext ul, body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext ol, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext ul, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext ol {
  padding-left: 1.25rem;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext a, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext a {
  color: var(--course-accent);
  text-decoration: none;
  font-weight: 600;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext a:hover, body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext a:focus, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext a:hover, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext a:focus {
  text-decoration: underline;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext .no-overflow, body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext > .no-overflow, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext .no-overflow, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext > .no-overflow {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext > .no-overflow > .flex.flex-col.justify-between, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext > .no-overflow > .flex.flex-col.justify-between {
  margin-top: 1.75rem;
  padding: 1.5rem 1.75rem !important;
  border: 1px solid var(--course-border) !important;
  border-radius: var(--card-border-radius) !important;
  background: var(--course-panel);
  box-shadow: none !important;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext .text-2xl.font-bold.text-gray-900, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext .text-2xl.font-bold.text-gray-900 {
  margin: 0;
  color: var(--course-title);
  font-size: clamp(1.5rem, 2.1vw, 1.9rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 .summarytext .text-gray-400.font-bold.text-sm.uppercase, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 .summarytext .text-gray-400.font-bold.text-sm.uppercase {
  margin: 0.45rem 0 0;
  color: var(--course-text-muted) !important;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 ul.section[data-for="cmlist"], body#page-course-view-section-grid:not(.editing) li.section.main#section-0 ul.section[data-for="cmlist"] {
  display: grid !important;
  gap: 1rem;
  margin: 0;
  padding: 0;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity {
  --activity-icon-bg: #eef6ff;
  margin: 0 !important;
  padding: 0;
  border: 1px solid var(--course-border);
  border-radius: var(--card-border-radius);
  background: #fff;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity:hover, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity:focus-within, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity:hover, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity:focus-within {
  transform: translateY(-3px);
  border-color: rgba(15, 108, 191, 0.18);
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.activityinline, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.activityinline {
  background: #f8fbfe;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activity-item, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activity-item {
  padding: 1.1rem 1.2rem;
  border: 0;
  background: transparent;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activity-grid, 
body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activity-grid {
  display: grid !important;
  grid-template-columns: min-content minmax(0, 1fr) !important;
  grid-template-areas:
    "icon name"
    "icon dates"
    "icon completion"
    "icon altcontent"
    "icon afterlink"
    "icon availability" !important;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activity-grid > .activity-icon,
body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activity-grid > .activity-icon {
  grid-area: icon;
}

body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activity-grid > .activity-name-area,
body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activity-grid > .activity-name-area {
  grid-area: name;
  min-width: 0 !important;
  width: auto !important;
  justify-self: stretch !important;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activity-grid > .activity-badges,
body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activity-grid > .activity-badges {
  grid-area: availability;
  min-width: 0 !important;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activity-icon, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activity-icon {
  display: flex !important;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
  min-height: 2.75rem;
  max-height: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--element-border-radius) * 99);
  background: var(--activity-icon-bg);
  padding: 0;
  margin-top: 0.1rem;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activityicon, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activityicon {
  width: 1.5rem;
  height: 1.5rem;
  max-width: 1.5rem;
  max-height: 1.5rem;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activity-name-area, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activity-name-area {
  min-width: 0;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activitytitle, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activitytitle {
  align-self: auto !important;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activityname a, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .instancename, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activityname a, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .instancename {
  color: var(--course-title);
  font-weight: 700;
  text-decoration: none;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .description, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activity-information, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .description, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activity-information {
  color: var(--course-text-soft);
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activitybadge.badge, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activitybadge.badge {
  border-radius: calc(var(--element-border-radius) * 99);
  padding-inline: 0.55rem;
  background: #edf2f7;
  color: #415466;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activitybadge.badge:empty, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .activitybadge.badge[hidden], body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activitybadge.badge:empty, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .activitybadge.badge[hidden] {
  display: none !important;
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .badge, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity .btn, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .badge, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity .btn {
  border-radius: calc(var(--element-border-radius) * 99);
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.modtype_forum, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.forum, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.modtype_forum, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.forum {
  --activity-icon-bg: rgba(125, 86, 255, 0.08);
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.modtype_resource, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.resource, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.modtype_resource, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.resource {
  --activity-icon-bg: rgba(0, 163, 196, 0.08);
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.modtype_url, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.url, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.modtype_url, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.url {
  --activity-icon-bg: rgba(0, 163, 196, 0.08);
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.modtype_scorm, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.scorm, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.modtype_scorm, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.scorm {
  --activity-icon-bg: rgba(199, 94, 37, 0.08);
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.modtype_hvp, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.hvp, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.modtype_hvp, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.hvp {
  --activity-icon-bg: rgba(62, 114, 185, 0.09);
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.modtype_page, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.page, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.modtype_page, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.page {
  --activity-icon-bg: rgba(0, 163, 196, 0.08);
}
body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.modtype_assign, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.assign, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.modtype_quiz, body#page-course-view-grid:not(.editing) li.section.main#section-0 li.activity.quiz, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.modtype_assign, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.assign, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.modtype_quiz, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 li.activity.quiz {
  --activity-icon-bg: rgba(255, 0, 140, 0.07);
}
body#page-course-view-grid:not(.editing) .thegrid, body#page-course-view-section-grid:not(.editing) .thegrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem 2.15rem;
  margin: 0 !important;
  padding: 0;
  justify-content: stretch !important;
  align-items: stretch;
}
body#page-course-view-grid:not(.editing) .thegrid .gridsectionbreakheading, body#page-course-view-section-grid:not(.editing) .thegrid .gridsectionbreakheading {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto 1rem;
  padding: 0.75rem 0.25rem;
  color: var(--course-text-muted);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section {
  width: 100%;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section.card, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section.card {
  border-radius: var(--card-border-radius);
  overflow: hidden;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section.card:hover, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section.card:hover {
  cursor: pointer;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-section-inner, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-section-inner {
  position: relative;
  min-height: 188px;
  height: 100%;
  color: #fff !important;
  text-decoration: none !important;
  isolation: isolate;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-image-container, body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-image, body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-generatedimage, body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-image img, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-image-container, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-image, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-generatedimage, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-image img {
  height: 100% !important;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-image-container, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-image-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100% !important;
  overflow: hidden;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-image, body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-generatedimage, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-image, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-generatedimage {
  position: absolute;
  inset: 0;
  width: 100%;
  min-width: 100%;
  max-width: none;
  height: 100% !important;
  min-height: 100%;
  overflow: hidden;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-generatedimage, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-generatedimage {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center center !important;
  object-fit: cover;
  object-position: center;
  transition: transform 0.7s ease;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-image img, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-image img {
  display: block;
  position: absolute;
  inset: 0;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transform: scale(1) !important;
  transition: transform 0.7s ease;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section .card-body, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .card-body {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section .card-header, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .card-header {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 1rem 1.75rem 2.5rem !important;
  border: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.05) 0%, rgba(15, 23, 42, 0.24) 44%, rgba(15, 23, 42, 0.88) 100%);
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section .card-header h3, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .card-header h3 {
  margin: 0;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  text-shadow: 0 6px 22px rgba(0, 0, 0, 0.28);
  white-space: normal;
  overflow: visible;
  font-weight: 900;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section .sectionbadges, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .sectionbadges {
  order: -1;
  margin-bottom: 0.85rem;
  gap: 0.4rem;
  flex-wrap: wrap;
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section .sectionbadges .badge, body#page-course-view-grid:not(.editing) .thegrid .grid-section .sectionbadges .activity-count, body#page-course-view-grid:not(.editing) .thegrid .grid-section .sectionbadges .availabilityinfo, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .sectionbadges .badge, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .sectionbadges .activity-count, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .sectionbadges .availabilityinfo {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  backdrop-filter: blur(8px);
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section.card:hover, body#page-course-view-grid:not(.editing) .thegrid .grid-section.card:focus-within, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section.card:hover, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section.card:focus-within {
  box-shadow: 0 24px 38px rgba(15, 23, 42, 0.18);
}
body#page-course-view-grid:not(.editing) .thegrid .grid-section.card:hover .grid-image img, body#page-course-view-grid:not(.editing) .thegrid .grid-section.card:hover .grid-generatedimage, body#page-course-view-grid:not(.editing) .thegrid .grid-section.card:focus-within .grid-image img, body#page-course-view-grid:not(.editing) .thegrid .grid-section.card:focus-within .grid-generatedimage, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section.card:hover .grid-image img, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section.card:hover .grid-generatedimage, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section.card:focus-within .grid-image img, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section.card:focus-within .grid-generatedimage {
  transform: scale(1.06) !important;
}
body#page-course-view-grid:not(.editing) .format-grid .thegrid .grid-section.card, body#page-course-view-section-grid:not(.editing) .format-grid .thegrid .grid-section.card {
  width: 100% !important;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 1.5rem;
  overflow: hidden;
  background: #0f172a;
  box-shadow: 0 18px 28px rgba(15, 23, 42, 0.12);
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  height: 188px;
  min-height: 188px;
  position: relative;
}
body#page-course-view-grid:not(.editing) .format-grid .thegrid .grid-image-container, body#page-course-view-grid:not(.editing) .format-grid .thegrid .grid-section-editing.grid-section-generatedimage, body#page-course-view-section-grid:not(.editing) .format-grid .thegrid .grid-image-container, body#page-course-view-section-grid:not(.editing) .format-grid .thegrid .grid-section-editing.grid-section-generatedimage {
  height: 188px !important;
}
body#page-course-view-grid:not(.editing) #gridPopup .modal-dialog, body#page-course-view-section-grid:not(.editing) #gridPopup .modal-dialog {
  max-width: min(64rem, calc(100vw - 2rem));
  margin: 1.75rem auto;
}
body#page-course-view-grid:not(.editing) #gridPopup .modal-content, body#page-course-view-section-grid:not(.editing) #gridPopup .modal-content {
  border: 0;
  border-radius: var(--card-border-radius);
  overflow: hidden;
  box-shadow: 0 35px 80px rgba(15, 23, 42, 0.28);
}
body#page-course-view-grid:not(.editing) #gridPopup .modal-header, body#page-course-view-section-grid:not(.editing) #gridPopup .modal-header {
  padding: 1.5rem 1.75rem 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
  background: #fff;
}
body#page-course-view-grid:not(.editing) #gridPopup .modal-title, body#page-course-view-section-grid:not(.editing) #gridPopup .modal-title {
  color: var(--course-title);
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 800;
  letter-spacing: -0.04em;
}
body#page-course-view-grid:not(.editing) #gridPopup .modal-body, body#page-course-view-section-grid:not(.editing) #gridPopup .modal-body {
  padding: 0 1.75rem 1.75rem;
  background: linear-gradient(180deg, #fff 0%, var(--course-bg) 100%);
}
body#page-course-view-grid:not(.editing) #gridPopup .gridcarousel-item, body#page-course-view-section-grid:not(.editing) #gridPopup .gridcarousel-item {
  padding-top: 0.5rem;
}
body#page-course-view-grid:not(.editing) #gridPopup .summarytext, body#page-course-view-section-grid:not(.editing) #gridPopup .summarytext {
  color: var(--course-text-soft);
  line-height: 1.75;
}
body#page-course-view-grid:not(.editing) #gridPopup .summarytext img[src*="/format_grid/displayedsectionimage/"], body#page-course-view-section-grid:not(.editing) #gridPopup .summarytext img[src*="/format_grid/displayedsectionimage/"] {
  display: none !important;
}
body#page-course-view-grid:not(.editing) #gridPopup .summarytext img, body#page-course-view-grid:not(.editing) #gridPopup .summarytext .img-fluid, body#page-course-view-section-grid:not(.editing) #gridPopup .summarytext img, body#page-course-view-section-grid:not(.editing) #gridPopup .summarytext .img-fluid {
  display: block;
  width: 100%;
  max-height: 24rem;
  object-fit: cover;
  border-radius: var(--card-border-radius);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
}
body#page-course-view-grid:not(.editing) #gridPopup ul.section[data-for="cmlist"], body#page-course-view-section-grid:not(.editing) #gridPopup ul.section[data-for="cmlist"] {
  display: grid;
  gap: 1rem;
  margin-top: 1.5rem;
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity {
  --activity-icon-bg: #eef6ff;
  margin: 1rem 0;
  padding: 0;
  border: 1px solid var(--course-border);
  border-radius: var(--element-border-radius);
  background: #fff;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity:hover, body#page-course-view-grid:not(.editing) #gridPopup li.activity:focus-within, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity:hover, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity:focus-within {
  transform: translateY(-3px);
  border-color: rgba(15, 108, 191, 0.18);
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.08);
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity.activityinline, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.activityinline {
  background: #f8fbfe;
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity .activity-item, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity .activity-item {
  padding: 1.1rem 1.2rem;
  border: 0;
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity .activity-grid, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity .activity-grid {
  align-items: start;
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity .activity-icon, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity .activity-icon {
  width: 2.75rem;
  height: 2.75rem;
  max-width: 2.75rem;
  max-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--activity-icon-bg);
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity .activityicon, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity .activityicon {
  width: 1.5rem;
  height: 1.5rem;
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity .instancename, body#page-course-view-grid:not(.editing) #gridPopup li.activity .activityname a, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity .instancename, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity .activityname a {
  color: var(--course-title);
  font-weight: 700;
  text-decoration: none;
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity .activitybadge.badge, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity .activitybadge.badge {
  border-radius: 999px;
  padding-inline: 0.55rem;
  background: #edf2f7;
  color: #415466;
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity .activitybadge.badge:empty, body#page-course-view-grid:not(.editing) #gridPopup li.activity .activitybadge.badge[hidden], body#page-course-view-section-grid:not(.editing) #gridPopup li.activity .activitybadge.badge:empty, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity .activitybadge.badge[hidden] {
  display: none !important;
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity .activity-description img, body#page-course-view-grid:not(.editing) #gridPopup li.activity .activity-altcontent img, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity .activity-description img, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity .activity-altcontent img {
  display: block;
  width: 100%;
  max-width: 14rem;
  border-radius: var(--element-border-radius);
  margin-top: 0.75rem;
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity.modtype_forum, body#page-course-view-grid:not(.editing) #gridPopup li.activity.forum, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.modtype_forum, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.forum {
  --activity-icon-bg: rgba(125, 86, 255, 0.08);
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity.modtype_resource, body#page-course-view-grid:not(.editing) #gridPopup li.activity.resource, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.modtype_resource, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.resource {
  --activity-icon-bg: rgba(0, 163, 196, 0.08);
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity.modtype_url, body#page-course-view-grid:not(.editing) #gridPopup li.activity.url, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.modtype_url, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.url {
  --activity-icon-bg: rgba(0, 163, 196, 0.08);
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity.modtype_scorm, body#page-course-view-grid:not(.editing) #gridPopup li.activity.scorm, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.modtype_scorm, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.scorm {
  --activity-icon-bg: rgba(199, 94, 37, 0.08);
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity.modtype_hvp, body#page-course-view-grid:not(.editing) #gridPopup li.activity.hvp, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.modtype_hvp, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.hvp {
  --activity-icon-bg: rgba(62, 114, 185, 0.09);
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity.modtype_page, body#page-course-view-grid:not(.editing) #gridPopup li.activity.page, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.modtype_page, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.page {
  --activity-icon-bg: rgba(0, 163, 196, 0.08);
}
body#page-course-view-grid:not(.editing) #gridPopup li.activity.modtype_assign, body#page-course-view-grid:not(.editing) #gridPopup li.activity.assign, body#page-course-view-grid:not(.editing) #gridPopup li.activity.modtype_quiz, body#page-course-view-grid:not(.editing) #gridPopup li.activity.quiz, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.modtype_assign, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.assign, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.modtype_quiz, body#page-course-view-section-grid:not(.editing) #gridPopup li.activity.quiz {
  --activity-icon-bg: rgba(255, 0, 140, 0.07);
}
body#page-course-view-grid:not(.editing) #gridPopup .modal-footer, body#page-course-view-section-grid:not(.editing) #gridPopup .modal-footer {
  padding: 1rem 1.75rem 1.5rem;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
  background: #fff;
}
body#page-course-view-grid:not(.editing) .modal-backdrop, body#page-course-view-section-grid:not(.editing) .modal-backdrop {
  backdrop-filter: blur(24px);
  background: rgba(0, 0, 0, 0.5);
  opacity: 1 !important;
}
body#page-course-view-grid:not(.editing) .course-content > [id$="-course-format"] > p.text-right, body#page-course-view-section-grid:not(.editing) .course-content > [id$="-course-format"] > p.text-right {
  display: flex;
  justify-content: flex-start;
  max-width: var(--max-width);
  margin: 0 auto 1rem;
  padding: 0 1.5rem;
}
body#page-course-view-grid:not(.editing) .course-content > [id$="-course-format"] > p.text-right a, body#page-course-view-section-grid:not(.editing) .course-content > [id$="-course-format"] > p.text-right a {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.8rem 1rem;
  border-radius: calc(var(--element-border-radius) * 1.6);
  background: var(--course-back-btn-bg);
  color: #fff;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
body#page-course-view-grid:not(.editing) .course-content > [id$="-course-format"] > p.text-right a::before, body#page-course-view-section-grid:not(.editing) .course-content > [id$="-course-format"] > p.text-right a::before {
  content: "";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 0.9rem;
  color: #fff;
}
body#page-course-view-grid:not(.editing) .course-content > [id$="-course-format"] > p.text-right a:hover, body#page-course-view-grid:not(.editing) .course-content > [id$="-course-format"] > p.text-right a:focus, body#page-course-view-section-grid:not(.editing) .course-content > [id$="-course-format"] > p.text-right a:hover, body#page-course-view-section-grid:not(.editing) .course-content > [id$="-course-format"] > p.text-right a:focus {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
  color: #fff;
  text-decoration: none;
}
body#page-course-view-grid:not(.editing) .single-section, body#page-course-view-section-grid:not(.editing) .single-section {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 1.5rem 3rem;
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 0 0 1.5rem;
  padding: 1rem;
  border: 0 !important;
  border-radius: var(--element-border-radius);
  background: var(--course-navigation-bg);
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(14px);
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation.navigationtitle,
body#page-course-view-section-grid:not(.editing) .single-section .section-navigation.navigationtitle {
  display: none;
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation.mdl-bottom, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation.mdl-bottom {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  margin-top: 2rem;
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation .gd-selection-selector-item, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation .gd-selection-selector-item {
  min-width: 0;
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation .gd-selection-selector-item.nextsection, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation .gd-selection-selector-item.nextsection {
  text-align: right;
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation .gd-selection-selector-item.nextsection a, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation .gd-selection-selector-item.nextsection a {
  justify-content: flex-end;
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation .gd-selection-selector-item.jumpto, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation .gd-selection-selector-item.jumpto {
  display: flex;
  align-items: center;
  justify-content: center;
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation a, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation a {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  max-width: 100%;
  padding: 0.35rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  box-shadow: none;
  transition: color 0.25s ease, opacity 0.25s ease;
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation a:hover, body#page-course-view-grid:not(.editing) .single-section .section-navigation a:focus, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation a:hover, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation a:focus {
  color: #fff;
  opacity: 0.9;
  text-decoration: none;
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation a .fa-regular, body#page-course-view-grid:not(.editing) .single-section .section-navigation a .fa-solid, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation a .fa-regular, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation a .fa-solid {
  flex: 0 0 auto;
  font-size: 1rem;
  color: #fff;
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation .jumpmenu, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation .jumpmenu {
  margin: 0;
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation .jumpmenu form, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation .jumpmenu form {
  margin: 0;
}
body#page-course-view-grid:not(.editing) .single-section .section-navigation select.jumpmenu, body#page-course-view-grid:not(.editing) .single-section .section-navigation .custom-select.jumpmenu, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation select.jumpmenu, body#page-course-view-section-grid:not(.editing) .single-section .section-navigation .custom-select.jumpmenu {
  min-width: 10rem;
  border: 1px solid var(--course-border);
  border-radius: var(--element-border-radius);
  background-color: #fff;
  color: var(--course-title);
  font-weight: 600;
  box-shadow: none;
}
body#page-course-view-grid:not(.editing) .single-section .course-section-header, body#page-course-view-section-grid:not(.editing) .single-section .course-section-header {
  margin: 0 0 1.5rem;
  padding: 0;
  border: 0;
}
body#page-course-view-grid:not(.editing) .single-section .sectiontitle, body#page-course-view-section-grid:not(.editing) .single-section .sectiontitle {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--course-title);
}
body#page-course-view-grid:not(.editing) .single-section .content, body#page-course-view-section-grid:not(.editing) .single-section .content {
  display: block !important;
}
body#page-course-view-grid:not(.editing) .single-section .summarytext, body#page-course-view-section-grid:not(.editing) .single-section .summarytext {
  color: var(--course-text-soft);
  line-height: 1.75;
}
body#page-course-view-grid:not(.editing) .single-section .summarytext img[src*="/format_grid/displayedsectionimage/"], body#page-course-view-section-grid:not(.editing) .single-section .summarytext img[src*="/format_grid/displayedsectionimage/"] {
  display: none !important;
}
body#page-course-view-grid:not(.editing) .single-section ul.section[data-for="cmlist"], body#page-course-view-section-grid:not(.editing) .single-section ul.section[data-for="cmlist"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    @media (max-width: 767.98px) {
      grid-template-columns: minmax(0, 1fr) !important;
    }
}
body#page-course-view-grid:not(.editing) .single-section li.activity, body#page-course-view-section-grid:not(.editing) .single-section li.activity {
  --activity-icon-bg: #eef6ff;
  margin: 0;
  padding: 0;
  border: 1px solid var(--course-border);
  border-radius: var(--card-border-radius);
  background: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
body#page-course-view-grid:not(.editing) .single-section li.activity:hover, body#page-course-view-grid:not(.editing) .single-section li.activity:focus-within, body#page-course-view-section-grid:not(.editing) .single-section li.activity:hover, body#page-course-view-section-grid:not(.editing) .single-section li.activity:focus-within {
  transform: translateY(-3px);
  border-color: rgba(15, 108, 191, 0.18);
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
}
body#page-course-view-grid:not(.editing) .single-section li.activity.activityinline, body#page-course-view-section-grid:not(.editing) .single-section li.activity.activityinline {
  background: #f8fbfe;
}
body#page-course-view-grid:not(.editing) .single-section li.activity .activity-item, body#page-course-view-section-grid:not(.editing) .single-section li.activity .activity-item {
  padding: 1.25rem 1.25rem 1.1rem;
  border: 0;
  background: transparent;
}
body#page-course-view-grid:not(.editing) .single-section li.activity .activity-grid, body#page-course-view-section-grid:not(.editing) .single-section li.activity .activity-grid {
  align-items: center;
}
body#page-course-view-grid:not(.editing) .single-section li.activity .activity-icon, body#page-course-view-section-grid:not(.editing) .single-section li.activity .activity-icon {
  display: flex !important;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 2.75rem;
  min-width: 2.75rem;
  max-width: 2.75rem;
  min-height: 2.75rem;
  max-height: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--element-border-radius) * 99);
  background: var(--activity-icon-bg);
  padding: 0;
  margin-top: 0.1rem;
}
body#page-course-view-grid:not(.editing) .single-section li.activity .activityicon, body#page-course-view-section-grid:not(.editing) .single-section li.activity .activityicon {
  width: 1.5rem;
  height: 1.5rem;
  max-width: 1.5rem;
  max-height: 1.5rem;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

.activity-item .activity-grid {
  grid-template-areas:
    "icon name name name name"
    "icon dates dates dates dates"
    "icon completion completion completion completion"
    "icon altcontent altcontent altcontent altcontent"
    "icon afterlink afterlink afterlink afterlink"
    "icon availability availability availability availability";
}
.activity-item .activity-grid .activity-completion {
  margin-top: 0.5rem;
}
body#page-course-view-grid:not(.editing) .single-section li.activity .activity-name-area, body#page-course-view-section-grid:not(.editing) .single-section li.activity .activity-name-area {
  min-width: 0;
}
body#page-course-view-grid:not(.editing) .single-section li.activity .activitytitle, body#page-course-view-section-grid:not(.editing) .single-section li.activity .activitytitle {
  align-self: auto !important;
}
body#page-course-view-grid:not(.editing) .single-section li.activity .activityname a, body#page-course-view-grid:not(.editing) .single-section li.activity .instancename, body#page-course-view-section-grid:not(.editing) .single-section li.activity .activityname a, body#page-course-view-section-grid:not(.editing) .single-section li.activity .instancename {
  color: var(--course-title);
  font-weight: 700;
  text-decoration: none;
}
body#page-course-view-grid:not(.editing) .single-section li.activity .description, body#page-course-view-grid:not(.editing) .single-section li.activity .activity-information, body#page-course-view-section-grid:not(.editing) .single-section li.activity .description, body#page-course-view-section-grid:not(.editing) .single-section li.activity .activity-information {
  color: var(--course-text-soft);
}
body#page-course-view-grid:not(.editing) .single-section li.activity .activitybadge.badge, body#page-course-view-section-grid:not(.editing) .single-section li.activity .activitybadge.badge {
  border-radius: calc(var(--element-border-radius) * 99);
  padding-inline: 0.55rem;
  background: #edf2f7;
  color: #415466;
}
body#page-course-view-grid:not(.editing) .single-section li.activity .activitybadge.badge:empty, body#page-course-view-grid:not(.editing) .single-section li.activity .activitybadge.badge[hidden], body#page-course-view-section-grid:not(.editing) .single-section li.activity .activitybadge.badge:empty, body#page-course-view-section-grid:not(.editing) .single-section li.activity .activitybadge.badge[hidden] {
  display: none !important;
}
body#page-course-view-grid:not(.editing) .single-section li.activity .ms-1:has(>.activitybadge.badge[hidden]), body#page-course-view-grid:not(.editing) .single-section li.activity .ms-1:has(>.activitybadge.badge:empty), body#page-course-view-section-grid:not(.editing) .single-section li.activity .ms-1:has(>.activitybadge.badge[hidden]), body#page-course-view-section-grid:not(.editing) .single-section li.activity .ms-1:has(>.activitybadge.badge:empty) {
  display: none !important;
}
body#page-course-view-grid:not(.editing) .single-section li.activity .badge, body#page-course-view-grid:not(.editing) .single-section li.activity .btn, body#page-course-view-section-grid:not(.editing) .single-section li.activity .badge, body#page-course-view-section-grid:not(.editing) .single-section li.activity .btn {
  border-radius: calc(var(--element-border-radius) * 99);
}
body#page-course-view-grid:not(.editing) .single-section li.activity.modtype_forum, body#page-course-view-grid:not(.editing) .single-section li.activity.forum, body#page-course-view-section-grid:not(.editing) .single-section li.activity.modtype_forum, body#page-course-view-section-grid:not(.editing) .single-section li.activity.forum {
  --activity-icon-bg: rgba(125, 86, 255, 0.08);
}
body#page-course-view-grid:not(.editing) .single-section li.activity.modtype_resource, body#page-course-view-grid:not(.editing) .single-section li.activity.resource, body#page-course-view-section-grid:not(.editing) .single-section li.activity.modtype_resource, body#page-course-view-section-grid:not(.editing) .single-section li.activity.resource {
  --activity-icon-bg: rgba(0, 163, 196, 0.08);
}
body#page-course-view-grid:not(.editing) .single-section li.activity.modtype_url, body#page-course-view-grid:not(.editing) .single-section li.activity.url, body#page-course-view-section-grid:not(.editing) .single-section li.activity.modtype_url, body#page-course-view-section-grid:not(.editing) .single-section li.activity.url {
  --activity-icon-bg: rgba(0, 163, 196, 0.08);
}
body#page-course-view-grid:not(.editing) .single-section li.activity.modtype_scorm, body#page-course-view-grid:not(.editing) .single-section li.activity.scorm, body#page-course-view-section-grid:not(.editing) .single-section li.activity.modtype_scorm, body#page-course-view-section-grid:not(.editing) .single-section li.activity.scorm {
  --activity-icon-bg: rgba(199, 94, 37, 0.08);
}
body#page-course-view-grid:not(.editing) .single-section li.activity.modtype_hvp, body#page-course-view-grid:not(.editing) .single-section li.activity.hvp, body#page-course-view-section-grid:not(.editing) .single-section li.activity.modtype_hvp, body#page-course-view-section-grid:not(.editing) .single-section li.activity.hvp {
  --activity-icon-bg: rgba(62, 114, 185, 0.09);
}
body#page-course-view-grid:not(.editing) .single-section li.activity.modtype_page, body#page-course-view-grid:not(.editing) .single-section li.activity.page, body#page-course-view-section-grid:not(.editing) .single-section li.activity.modtype_page, body#page-course-view-section-grid:not(.editing) .single-section li.activity.page {
  --activity-icon-bg: rgba(0, 163, 196, 0.08);
}
body#page-course-view-grid:not(.editing) .single-section li.activity.modtype_assign, body#page-course-view-grid:not(.editing) .single-section li.activity.assign, body#page-course-view-grid:not(.editing) .single-section li.activity.modtype_quiz, body#page-course-view-grid:not(.editing) .single-section li.activity.quiz, body#page-course-view-section-grid:not(.editing) .single-section li.activity.modtype_assign, body#page-course-view-section-grid:not(.editing) .single-section li.activity.assign, body#page-course-view-section-grid:not(.editing) .single-section li.activity.modtype_quiz, body#page-course-view-section-grid:not(.editing) .single-section li.activity.quiz {
  --activity-icon-bg: rgba(255, 0, 140, 0.07);
}
body#page-course-view-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection),
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection),
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection),
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection),
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection)
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection){
  padding-bottom: 3rem !important;
  border: none !important;
  background-color: #15202b;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  --activity-icon-bg: rgba(255, 255, 255, 0.1) !important;
}
body#page-course-view-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection),
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--boost-samoo-subsection-bg-image, none) !important;
}
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection),
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--boost-samoo-subsection-2-bg-url, none) !important;
}
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection),
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection) {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--boost-samoo-subsection-3-bg-url) !important;
}
body#page-course-view-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg a, body#page-course-view-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg p, body#page-course-view-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg span, body#page-course-view-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg .instancename, body#page-course-view-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg .section-summary-activities, body#page-course-view-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg .icon,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg a, body#page-course-view-section-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg p, body#page-course-view-section-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg span, body#page-course-view-section-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg .instancename, body#page-course-view-section-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg .section-summary-activities, body#page-course-view-section-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg .icon,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) a, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) p, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) span, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) .instancename, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) .section-summary-activities, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) .icon,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) a, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) p, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) span, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) .instancename, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) .section-summary-activities, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) .icon,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) a, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) p, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) span, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .instancename, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .section-summary-activities, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .icon,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) a, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) p, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) span, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .instancename, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .section-summary-activities, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .icon,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) a, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection) p, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection) span, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection) .instancename, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection) .section-summary-activities, body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection) .icon,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection) a, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection) p, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection) span, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection) .instancename, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection) .section-summary-activities, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection) .icon {
  color: #ffffff !important;
}
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) .dropdown-menu span,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) .dropdown-menu span,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .dropdown-menu span,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .dropdown-menu span,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection).dropdown-menu span,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection).dropdown-menu span {
  color: #15202b !important;
}
body#page-course-view-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg .activitybadge.badge, body#page-course-view-section-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg .activitybadge.badge,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .activitybadge.badge, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .activitybadge.badge,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection).activitybadge.badge, body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection).activitybadge.badge {
  background: rgba(255, 255, 255, 0.14);
  color: #fff !important;
}
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .activity-name-area *,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .activity-name-area *::after,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .activity-name-area *::before,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .activity-name-area *,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .activity-name-area *::after,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .activity-name-area *::before,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection).activity-name-area *,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection).activity-name-area *::after,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection).activity-name-area *::before,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection).activity-name-area *,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection).activity-name-area *::after,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection).activity-name-area *::before {
  color: #ffffff !important;
}
body#page-course-view-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg img,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.boost-samoo-subsection-with-section-bg img,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) img,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) img,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) img,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) img,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection)img,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection)img {
  filter: brightness(0) invert(1) !important;
}
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) .dropdown-menu img,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(1 of li.activity.subsection) .dropdown-menu img,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .dropdown-menu img,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(2 of li.activity.subsection) .dropdown-menu img,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection).dropdown-menu img,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection:nth-child(3 of li.activity.subsection).dropdown-menu img {
  filter: none !important;
}
@media (max-width: 991.98px) {
  body#page-course-view-grid:not(.editing) #topofscroll #page-content div[role="main"], body#page-course-view-section-grid:not(.editing) #topofscroll #page-content div[role="main"], body.pagelayout-incourse.path-mod #topofscroll #page-content div[role="main"] {
    padding: 1.5rem 1rem 3rem;
  }
  body#page-course-view-grid:not(.editing) li.section.main#section-0 > .section-item > .content, body#page-course-view-section-grid:not(.editing) li.section.main#section-0 > .section-item > .content, body.pagelayout-incourse.path-mod li.section.main#section-0 > .section-item > .content {
    padding: 0;
  }
  body#page-course-view-grid:not(.editing) .thegrid, body#page-course-view-section-grid:not(.editing) .thegrid, body.pagelayout-incourse.path-mod .thegrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
  body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-section-inner, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-section-inner, body.pagelayout-incourse.path-mod .thegrid .grid-section .grid-section-inner {
    height: 180px !important;
    min-height: 180px;
  }
  body#page-course-view-grid:not(.editing) .thegrid .grid-section .card-header, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .card-header, body.pagelayout-incourse.path-mod .thegrid .grid-section .card-header {
    padding: 1rem;
  }
  body#page-course-view-grid:not(.editing) .format-grid .thegrid .grid-section.card, body#page-course-view-grid:not(.editing) .format-grid .thegrid .grid-image-container, body#page-course-view-section-grid:not(.editing) .format-grid .thegrid .grid-section.card, body#page-course-view-section-grid:not(.editing) .format-grid .thegrid .grid-image-container, body.pagelayout-incourse.path-mod .format-grid .thegrid .grid-section.card, body.pagelayout-incourse.path-mod .format-grid .thegrid .grid-image-container {
    height: 180px !important;
    min-height: 180px;
  }
}
@media (max-width: 575.98px) {
  body#page-course-view-grid:not(.editing) .thegrid, body#page-course-view-section-grid:not(.editing) .thegrid, body.pagelayout-incourse.path-mod .thegrid {
    grid-template-columns: 1fr;
  }
  body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-section-inner, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-section-inner, body.pagelayout-incourse.path-mod .thegrid .grid-section .grid-section-inner {
    height: 200px !important;
    min-height: 200px;
  }
  body#page-course-view-grid:not(.editing) .thegrid .grid-section .card-header h3, body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .card-header h3, body.pagelayout-incourse.path-mod .thegrid .grid-section .card-header h3 {
    font-size: 0.98rem;
  }
  body#page-course-view-grid:not(.editing) .format-grid .thegrid .grid-section.card, body#page-course-view-grid:not(.editing) .format-grid .thegrid .grid-image-container, body#page-course-view-section-grid:not(.editing) .format-grid .thegrid .grid-section.card, body#page-course-view-section-grid:not(.editing) .format-grid .thegrid .grid-image-container, body.pagelayout-incourse.path-mod .format-grid .thegrid .grid-section.card, body.pagelayout-incourse.path-mod .format-grid .thegrid .grid-image-container {
    height: 200px !important;
    min-height: 200px;
  }
  body#page-course-view-grid:not(.editing) .single-section, body#page-course-view-section-grid:not(.editing) .single-section, body.pagelayout-incourse.path-mod .single-section {
    padding: 0 1rem 2rem;
  }
}
:root {
  --card-border-radius: 20px;
  --element-border-radius: 10px;
  --border-radius: var(--card-border-radius);
  --course-panel: #fff;
  --boost-samoo-enable-search: 1;
  --boost-samoo-enable-custom-section-drawer: 1;
  --boost-samoo-enable-custom-course-header: 1;
  --boost-samoo-enable-inline-course-blocks: 1;
  --course-header-fallback-image: url("header-default.jpg");
  --course-header-fallback-image-url: "header-default.jpg";
  --course-header-image: var(--course-header-fallback-image);
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero {
  position: relative;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--boost-samoo-course-hero-surface-height, 15rem);
  background-image: linear-gradient(to right, #223577, rgba(0, 0, 0, 0)), var(--course-header-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero > .drawer-toggles,
body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero > #page-header,
body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero > .secondary-navigation {
  position: relative;
  z-index: 3;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero #page-header {
  width: calc(100% - 3rem);
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 5rem 0 0;
}

body.boost-samoo-course-header--compact:not(.editing) .drawer-toggles {
  position: relative;
  z-index: 3;
}
body.boost-samoo-course-header--compact:not(.editing) .course-search-container {
  margin: 0;
  padding: 1rem;
  position: relative;
  background: transparent;
}
body.boost-samoo-course-header--compact:not(.editing) .course-search-container input#courseindex-search-input {
  font-size: 0.9rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 0.95rem;
  padding: 0.375rem 0.75rem 0.375rem 2.2rem;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  line-height: 1.5;
  color: #475467;
  background-color: var(--course-bg);
}
body.boost-samoo-course-header--compact:not(.editing) .course-search-container input#courseindex-search-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(245, 113, 13, 0.12);
  border-color: rgba(245, 113, 13, 0.45);
  outline: 0;
}
body.boost-samoo-course-header--compact:not(.editing) .course-search-container i.fa-magnifying-glass {
  opacity: 0.6;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  color: #6c757d;
  pointer-events: none;
  z-index: 5;
  position: absolute;
}
body.boost-samoo-course-header--compact:not(.editing) .d-none-search {
  display: none !important;
}
body.boost-samoo-course-header--compact:not(.editing) .drawer.drawer-left {
  border-right: 0 !important;
  box-shadow: none !important;
  background: var(--course-panel);
}
body.boost-samoo-course-header--compact:not(.editing) .drawer.drawer-left .drawerheader {
  height: auto !important;
  min-height: 50px;
  display: flex;
  align-items: center;
}
body.boost-samoo-course-header--compact:not(.editing) .drawer.drawer-left .drawercontent {
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 5rem;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  border-right: 0;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .course-search-container,
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-progress,
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-header {
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-header {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.8rem 0.9rem 0.75rem;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-header__back {
  display: inline-flex;
  width: 1.65rem;
  height: 1.65rem;
  flex: 0 0 1.65rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #4b5563;
  text-decoration: none;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-header__copy {
  min-width: 0;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-header__copy--singleline .samoo-courseindex-header__title {
  margin-top: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
  line-height: 1.35;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-header__eyebrow,
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-header__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-header__eyebrow {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.25;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-header__title {
  margin-top: 0.15rem;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.25;
  opacity: 0.7;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell #courseindex,
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex {
  width: 100%;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-section {
  border-bottom: 0;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-section-title {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.95rem 1rem 0.55rem;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-section-title .courseindex-chevron {
  display: inline-flex;
  width: 1rem;
  flex: 0 0 1rem;
  color: #475467;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-section-title .courseindex-link {
  min-width: 0;
  flex: 1 1 auto;
  color: #344054;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-section-title .current-badge,
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-section-title .courseindex-locked {
  display: none !important;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-item-content {
  display: block;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-sectioncontent {
  display: grid;
  gap: 0;
  margin-bottom: 0.55rem;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] {
  --activity-icon-bg: #eef2f7;
  box-sizing: border-box;
  position: relative;
  align-items: center;
  margin: 0;
  padding: 0.82rem 0.7rem;
  gap: 0.7rem;
  border: 1px solid transparent;
  border-radius: 1rem;
  background: transparent;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .courseindex-link {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  max-width: 100%;
  flex-direction: column;
  overflow: hidden;
  color: #344054;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .courseindex-link::after {
  content: attr(data-modname);
  margin-top: 0.12rem;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #98a2b3;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .samoo-courseindex-item__icon {
  display: inline-flex;
  width: 1.95rem;
  height: 1.95rem;
  flex: 0 0 1.95rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.7rem;
  background: var(--samoo-icon-bg, var(--activity-icon-bg));
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .courseindex-item[data-for="cm"] .courseindex-locked {
  display: none;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .completioninfo {
  order: 3;
  display: inline-flex;
  width: 1.2rem;
  height: 1.2rem;
  flex: 0 0 1.2rem;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  border-radius: 999px;
  background: #f2f4f7;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .completioninfo:empty,
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .completioninfo.completion_none:empty,
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .completioninfo.completion_none:not(:has(.icon)) {
  display: none;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-top: 0.45rem !important;
  padding: 0.7rem 0.85rem !important;
  background: transparent !important;
  transform: none !important;
  border: 1px solid var(--course-border) !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
  overflow: visible;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .courseindex-link,
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-item__icon,
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .completioninfo {
  display: none !important;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .courseindex-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 0.55rem;
  min-width: 0;
  flex: 1 1 auto;
  padding: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  overflow: visible;
  line-height: 1.25;
  white-space: normal;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .courseindex-link::after {
  display: none;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.35rem;
  margin-left: auto;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-badge {
  display: inline-flex;
  padding: 0.18rem 0.45rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  color: #667085;
  font-size: 0.62rem;
  font-weight: 800;
  line-height: 1;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle {
  display: inline-flex;
  width: 1.55rem;
  height: 1.55rem;
  flex: 0 0 1.55rem;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  padding: 0;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle::before {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle:hover,
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle:focus {
  background: rgba(15, 23, 42, 0.05);
  color: #667085;
  outline: 0;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-header.is-expanded > .samoo-courseindex-subsection-row > .samoo-courseindex-subsection-meta > .samoo-courseindex-subsection-toggle::before {
  transform: rotate(225deg);
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-subsectionlist {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0.35rem 0;
  padding: 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-subsectionlist[hidden] {
  display: none !important;
}
body.boost-samoo-course-header--compact:not(.editing) .samoo-courseindex-shell .samoo-courseindex-item--subsection-child {
  display: flex !important;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-left: 0;
  padding-left: 1.1rem;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero #page-header > .w-100 > .d-flex.align-items-center {
  align-items: flex-start !important;
  gap: 1.5rem;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero #page-header > .w-100 > .d-flex.align-items-center > .me-auto {
  min-width: 0;
  flex: 1 1 auto;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero #page-header .page-context-header {
  min-width: 0;
  overflow: visible;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero #page-header .page-header-headings {
  min-width: 0;
  flex: 1 1 auto;
  max-width: 100%;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero #page-header h1,
body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero #page-header .breadcrumb,
body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero #page-header .breadcrumb a,
body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero #page-header .breadcrumb span {
  color: #fff;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero #page-header h1 {
  font-weight: 800;
  max-width: 100%;
  overflow-wrap: anywhere;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero #page-header .activityiconcontainer {
  display: none;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero .secondary-navigation,
body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation,
body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs {
  background: transparent;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero .secondary-navigation {
  padding-bottom: 0;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs {
  max-width: var(--max-width);
  font-size: 0.9rem;
}

body.boost-samoo-course-header-enabled #topofscroll.boost-samoo-course-hero .secondary-navigation .navigation .nav-tabs a {
  color: #fff;
}

body.boost-samoo-course-header--compact #topofscroll.boost-samoo-course-hero {
  margin-bottom: 1rem;
  --boost-samoo-course-hero-surface-height: 13.5rem;
}

body.boost-samoo-course-header--compact #topofscroll.boost-samoo-course-hero::before {
  background-image: linear-gradient(to right, #223577, rgba(0, 0, 0, 0)), var(--course-header-image);
}

body.boost-samoo-course-header--compact #topofscroll.boost-samoo-course-hero #page-header {
  padding-top: 2rem;
  padding-bottom: 1.6rem;
}

body.boost-samoo-course-header--compact #topofscroll.boost-samoo-course-hero #page-header > .w-100 > .d-flex.align-items-center > .header-actions-container {
  display: none;
}

body.boost-samoo-course-header--compact #topofscroll.boost-samoo-course-hero #page-header h1 {
  margin-bottom: 0;
  font-size: 2.35rem;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

body.boost-samoo-course-header--hero#page-course-view-grid:not(.editing) #topofscroll.boost-samoo-course-hero {
  --boost-samoo-course-hero-surface-height: 25rem;
}

body.boost-samoo-course-header--hero#page-course-view-grid:not(.editing) #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header {
  padding-top: 3.5rem;
  padding-bottom: 2.25rem;
}

body.boost-samoo-course-header--hero#page-course-view-grid:not(.editing) #topofscroll.boost-samoo-course-hero #page-header.boost-samoo-enhanced-header h1 {
  max-width: 54rem;
  margin-bottom: 1.25rem;
  font-size: 3em;
  line-height: 1;
  letter-spacing: -0.04em;
}

/* SMM Block */
.smm-block, .smm-block:after, .smm-block:before {border-radius: var(--smm-radius,16px) !important;}
.smm-block,.smm-block *{box-sizing:border-box !important}
.smm-block{position:relative !important;overflow:hidden !important;margin:24px 0 !important;color:#fff !important;border-radius:var(--smm-radius,16px) !important;background:#111827 !important;font-family:inherit !important;text-align:left !important}
.smm-block--dark::before{content:"" !important;position:absolute !important;inset:0 !important;background-image:var(--smm-bg-image) !important;background-size:cover !important;background-position:center !important;transform:scale(1.03) !important}
.smm-block--dark::after{content:"" !important;position:absolute !important;inset:0 !important;background:linear-gradient(135deg,rgba(15,23,42,.52),rgba(15,23,42,.68)) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important}
.smm-block--light{background:#fff !important;color:#111827 !important;border:1px solid #e5e7eb !important}
.smm-block__inner{position:relative !important;z-index:1 !important;padding:28px !important;box-shadow: inset 0 0 0 4px rgba(255,255,255,.76);border-radius: var(--smm-radius,16px) !important; padding-bottom: 80px !important;}
.smm-block__top{display:flex !important;justify-content:space-between !important;align-items:flex-start !important;gap:16px !important;flex-wrap:wrap !important;margin-bottom:24px !important}
.smm-block__bottom{
  position: absolute !important; 
  bottom: -4px; left:0; right:0; width: 100%; 
  display:flex !important;
  align-items:flex-start !important;gap:16px !important;
  justify-content: flex-end !important;
  flex-wrap:wrap !important; padding: 5px 15px 15px;
  background: linear-gradient(to right, #43579d, #32c3c7) !important;;
  box-shadow: inset 0 -4px 0 4px rgba(255, 255, 255, .76);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.smm-actions,.smm-top-links{display:flex !important;gap:12px !important;flex-wrap:wrap !important;align-items:center !important}
.smm-top-links{margin-left:auto !important}
.smm-block a.smm-action-btn,.smm-block a.smm-top-link,.smm-block a.smm-resource-card{box-sizing:border-box !important;text-decoration:none !important;border-bottom:0 !important;max-width:none !important}
.smm-block a.smm-action-btn{display:inline-flex !important;width:auto !important;max-width:100% !important;flex:0 1 auto !important;align-items:center !important;justify-content:center !important;gap:10px !important;padding:12px 22px !important;color:#fff !important;font-weight:700 !important;font-size:14px !important;line-height:1.2 !important;white-space:normal !important;word-break:break-word !important;overflow-wrap:anywhere !important;}
.smm-block--light a.smm-action-btn{background:var(--smm-primary,#1d4ed8) !important;color:#fff !important}
.smm-block a.smm-top-link{display:inline-flex !important;width:auto !important;max-width:100% !important;flex:0 1 auto !important;align-items:center !important;gap:8px !important;font-size:14px !important;font-weight:700 !important;color:rgba(255,255,255,.92) !important;white-space:normal !important;word-break:break-word !important;overflow-wrap:anywhere !important}
.smm-block--light a.smm-top-link{color:#4b5563 !important}
.smm-block__content{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(280px,1fr) !important;gap:28px !important;align-items:center !important}
.smm-video-shell{position:relative !important;overflow:hidden !important;border-radius:calc(var(--smm-radius,16px) - 2px) !important;aspect-ratio:16/9 !important;background:rgba(0,0,0,.36) !important;border:4px solid rgba(255,255,255,.18) !important;box-shadow:0 18px 40px rgba(15,23,42,.25) !important}
.smm-block--light .smm-video-shell{background:#f8fafc !important;border-color:#fff !important;box-shadow:0 18px 40px rgba(148,163,184,.22) !important}
.smm-video{width:100% !important;height:100% !important;display:block !important;border:0 !important}
.smm-video--empty{display:flex !important;align-items:center !important;justify-content:center !important;font-weight:700 !important;color:rgba(255,255,255,.7) !important}
.smm-block--light .smm-video--empty{color:#64748b !important}
.smm-side{display:flex !important;flex-direction:column !important;justify-content:flex-start !important}
.smm-heading{margin-bottom:30px !important}
.smm-heading h3{margin:10px 0 !important;font-size:clamp(28px,2.7vw,36px) !important;line-height:1.05 !important;font-weight:800 !important;color:inherit !important}
.smm-heading__line{display:block !important;width:48px !important;height:4px !important;border-radius:999px !important;background:#fff !important;margin-bottom:14px !important}
.smm-block--light .smm-heading__line{background:var(--smm-primary,#1d4ed8) !important}
.smm-heading p{margin:0 !important;font-size:10px !important;letter-spacing:.28em !important;text-transform:uppercase !important;font-weight:800 !important;color:rgba(255,255,255,.38) !important}
.smm-block--light .smm-heading p{color:#94a3b8 !important}
.smm-resource-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:15px !important}
.smm-block a.smm-resource-card{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:8px !important;color:#fff !important;min-height: 40px !important;text-align:left !important;min-width:0 !important}
.smm-block--light a.smm-resource-card{border-color:#e5e7eb !important;background:#f8fafc !important;color:#1f2937 !important}
.smm-resource-card__icon{display:inline-flex !important;align-items:center !important;justify-content:center !important;flex: 0 0 40px !important;width: 40px !important;height: 40px !important;border-radius:999px !important;background:none !important;color:#fff !important}
.smm-resource-card__label{display:block !important;flex:1 1 auto !important;min-width:0 !important;font-size:clamp(14px, 1vw, 16px);font-weight:800 !important;line-height:1.15 !important;color:inherit !important;text-align:left !important;white-space:normal !important;word-break:break-word !important;overflow-wrap:anywhere !important}
.smm-icon{display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important}
.smm-icon i,.smm-resource-card__icon i{display:block !important;line-height:1 !important;font-style:normal !important}
.smm-icon--sm{font-size:18px !important}
.smm-icon--xs{font-size:16px !important}
@media (max-width:900px){.smm-block__content{grid-template-columns:1fr !important}.smm-resource-grid{grid-template-columns:1fr !important}}
@media (max-width:640px){.smm-block__inner{padding:20px !important}.smm-block a.smm-action-btn{width:100% !important}.smm-top-links{width:100% !important;margin-left:0 !important}.smm-heading h3{font-size:32px !important}.smm-resource-card__label{font-size:16px !important}}

/* End SMM Block */

/* ================================================
   Login page styles (from login.scss)
   ================================================ */
body.pagelayout-login .login-form::before {
  content: var(--login-title);
  display: block;
  text-align: center;
  margin-bottom: 2rem;
  font-size: 16px;
  color: #444;
  font-weight: 700;
}
#page-login-index #page { background-position: center;}
#page-login-index .login-container {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: var(--card-border-radius);
  backdrop-filter: blur(12px);
  box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px,
    rgba(255, 255, 255, 0.2) 0px 0px 0px 4px,
    rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}
/*
@media (min-width: 987px) {
  #page-login-index .login-wrapper {
    max-width: 50%;
  } 
}
*/
#page-login-index .login-container .form-control {
  border: none;
  font-size: 1rem;
  padding: 1rem;
}
#page-login-index .login-container .login-form-submit .btn#loginbtn {
  width: 100%;
  border-radius: var(--card-border-radius);
  font-weight: bold;
  padding: .5rem 1rem;
  margin-top: 1rem;
}
#page-login-index .login-container .login-form-forgotpassword {
  text-align: center;
}
@media (min-width: 768px) {
  #page-login-index .login-container {
    width: 420px !important;
  }
}

/* ================================================
   NAVBAR - PRIMARY NAV
   ================================================ */
.primary-navigation .navigation .nav-link {
  text-transform: uppercase;
  font-size: .85rem;
  font-weight: 500;
}

/* ================================================
   FRONTPAGE PUBLIC COURSE CARDS
   Temporary review block for #page-site-index
   ================================================ */
@media (min-width: 768px) { 
  body#page-site-index.notloggedin #page.drawers .main-inner {
    width: 1200px;
    max-width: 100%;
  }
}
body#page-site-index.notloggedin #frontpage-available-course-list {
  margin-top: 1.5rem;
}

body#page-site-index.notloggedin #frontpage-available-course-list > h2 {
  margin-bottom: 1.25rem;
  font-size: clamp(2rem, 2.6vw, 2.75rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: #111827;
}

body#page-site-index.notloggedin #frontpage-available-course-list .frontpage-course-list-all {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 24px;
  background:#fff;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox:hover {
  transform: translateY(-4px);
  border-color: rgba(59, 130, 246, 0.28);
  box-shadow: 0 24px 50px rgba(15, 23, 42, 0.12);
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox .info {
  position: relative;
  z-index: 1;
  padding: 1.5rem 1.5rem 0;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox .coursename {
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 800;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox .coursename a {
  color: #0f172a;
  text-decoration: none;
  border-bottom: 0;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox .coursename a:hover,
body#page-site-index.notloggedin #frontpage-available-course-list .coursebox .coursename a:focus {
  color: #1d4ed8;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox .content {
  display: flex;
  flex: 1 1 auto;
  padding: 1.25rem 1.5rem 1.5rem;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox .content > .d-flex {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox .courseimage {
  overflow: hidden;
  width: 100%;
  border-radius: 18px;
  aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, #dbeafe 0%, #eff6ff 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox .courseimage img {
  display: block;
  width: 100%; max-width: 100%;
  height: 100%; max-height: 100%;
  object-fit: cover;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox .flex-grow-1 {
  flex: 1 1 auto;
  min-width: 0;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox ul.teachers {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox ul.teachers li {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  padding: 0.55rem 0.85rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #fbbf24 0%, #f97316 48%, #ea580c 72%, #be185d 100%);
  color: #ffffff;
  font-size: 0.95rem;
  line-height: 1.25;
  box-shadow: 0 12px 24px rgba(234, 88, 12, 0.22);
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox ul.teachers .font-weight-bold {
  color: #ffffff;
  font-weight: 700;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox ul.teachers a {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 0;
  font-weight: 700;
}

body#page-site-index.notloggedin #frontpage-available-course-list .coursebox ul.teachers a:hover,
body#page-site-index.notloggedin #frontpage-available-course-list .coursebox ul.teachers a:focus {
  color: rgba(255, 255, 255, 0.92);
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies {
  margin: 2rem 0;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__panel {
  position: relative;
  overflow: visible;
  padding: 1.5rem;
  border-radius: var(--card-border-radius);
  background:
    radial-gradient(circle at top right, rgba(113, 47, 195, 0.16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
  border: 1px solid rgba(148, 163, 184, 0.22);
}
body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__panel h3 {
  margin: .5rem 0 !important;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.55rem;
  color: #712fc3;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__title {
  margin: 0;
  color: #15202b;
  font-size: clamp(1.3rem, 2.4vw, 1.8rem);
  line-height: 1.15;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__subtitle {
  margin: 0.5rem 0 0;
  max-width: 48rem;
  color: #5f6f82;
  font-size: 0.96rem;
  line-height: 1.55;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__summary {
  min-width: min(100%, 220px);
  padding: 1rem 1.1rem;
  border-radius: calc(var(--element-border-radius) * 1.4);
  background: linear-gradient(to right,
        #43579d,
        #32c3c7
    ) !important;
  border: 0 !important;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__summary-label {
  margin: 0;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__summary-value {
  margin: 0.25rem 0 0;
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__summary-meta {
  margin: 0.45rem 0 0;
  color: #fff;
  font-size: 0.82rem;
  line-height: 1.45;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__progress {
  height: 0.7rem;
  margin-top: 0.9rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(256, 256, 256, .15);
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__progress > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(to right, #fb6303, #d72838);
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__group {
  margin-bottom: 2rem;
  --group-accent: #f59e0b;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__group[data-group-index="1"] {
  --group-accent: #1e3471;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__group:last-child {
  margin-bottom: 0;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__group-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1rem;
  color: var(--group-accent);
  font-size: 0.95rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__group-title::after {
  content: "";
  flex: 1 1 auto;
  height: 2px;
  background: var(--group-accent);
  opacity: .4;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 0.9rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
  padding: 1rem;
  border-radius: calc(var(--element-border-radius) * 1.3);
  background: #fff;
  border: 1px solid rgba(148, 163, 184, 0.22);
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__item-head-main {
  min-width: 0;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__item-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__item-title {
  margin: 0;
  color: #15202b;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.35;
  text-wrap: balance;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__info {
  position: relative;
  flex: 0 0 auto;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__info-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(16, 42, 113, 0.06);
  color: #102a71;
  cursor: help;
  transition: background 0.2s ease, transform 0.2s ease;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__info-btn:hover,
body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__info-btn:focus-visible {
  background: rgba(16, 42, 113, 0.12);
  transform: translateY(-1px);
  outline: none;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__tooltip {
  position: absolute;
  top: calc(100% + 0.55rem);
  left: 0;
  z-index: 20;
  display: none;
  width: min(280px, 70vw);
  padding: 0.8rem 0.9rem;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.97);
  color: #f8fafc;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.28);
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__tooltip::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 14px;
  width: 12px;
  height: 12px;
  background: inherit;
  transform: rotate(45deg);
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__info:hover .boost-samoo-course-competencies__tooltip,
body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__info:focus-within .boost-samoo-course-competencies__tooltip {
  display: block;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__tooltip-title {
  margin: 0 0 0.45rem;
  color: #fff;
  font-size: 0.84rem;
  font-weight: 700;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__tooltip-text,
body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__tooltip-path {
  margin: 0;
  color: rgba(248, 250, 252, 0.88);
  font-size: 0.78rem;
  line-height: 1.5;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__tooltip-path {
  margin-top: 0.55rem;
  color: rgba(255, 255, 255, 0.72);
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  max-width: 150px;
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__badge.is-proficient {
  background: rgba(34, 197, 94, 0.14);
  color: #15803d;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__badge.is-developing {
  background: rgba(251, 99, 3, 0.14);
  color: #c2410c;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__badge.is-empty {
  background: rgba(148, 163, 184, 0.18);
  color: #475569;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__item-grade {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #102a71;
  font-size: 0.82rem;
  font-weight: 700;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__item-grade::before {
  content: "";
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: var(--group-accent);
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__item[data-source="demo"] {
  background: linear-gradient(180deg, rgba(251, 99, 3, 0.05), #fff);
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__status {
  margin-top: 0.8rem;
  color: #5f6f82;
  font-size: 0.9rem;
}

body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__status.is-error {
  color: #9f1239;
}

@media (max-width: 767.98px) {
  body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__panel {
    padding: 1.15rem;
  }

  body#page-course-view-grid:not(.editing) .boost-samoo-course-competencies__summary {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  body#page-site-index.notloggedin #frontpage-available-course-list > h2 {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  body#page-site-index.notloggedin #frontpage-available-course-list .frontpage-course-list-all {
    gap: 1rem;
  }

  body#page-site-index.notloggedin #frontpage-available-course-list .coursebox .info {
    padding: 1.25rem 1.25rem 0;
  }

  body#page-site-index.notloggedin #frontpage-available-course-list .coursebox .content {
    padding: 1rem 1.25rem 1.25rem;
  }
}

/* ================================================ */
/* Boost Samoo Theme Variables */
/* ================================================ */

:root {
    --card-border-radius: 20px;
    --element-border-radius: 10px;
    --border-radius: var(--card-border-radius);
    --course-panel: #fff;
    --boost-samoo-enable-search: 1;
    --boost-samoo-enable-progress: 1;
    --boost-samoo-enable-afp-my-competences-button: 1;
    --boost-samoo-enable-afp-competencies-scroll: 0;
    --boost-samoo-afp-my-competences-button-text: "MIS COMPETENCIAS";
    --boost-samoo-afp-my-competences-url: "/local/dashboardcomp/mycompetences.php#my_talent_card";
    --boost-samoo-enable-course-competencies: 1;
    --boost-samoo-enable-course-competencies-demo: 1;
    --boost-samoo-enable-custom-section-drawer: 0;
    --boost-samoo-enable-custom-course-header: 1;
    --boost-samoo-enable-subsection-section-background: 1;
    --boost-samoo-enable-inline-course-blocks: 0;
    --course-modules-intro-bg: url("modules-intro-bg-4.jpg");
    --course-header-fallback-image: url("header-default.jpg");
    --course-header-fallback-image-url: "header-default.jpg";
    --course-header-image: var(--course-header-fallback-image);
    --course-navigation-bg: linear-gradient(to right, #43579d,#32c3c7);
    --course-back-btn-bg: linear-gradient(to right, #d72838, #fb6303);
}

/* ==========================================================================
   Grid Format Progress Bar Override
   Transforms the circular progress indicator into a bottom-aligned bar with text.
   Applied to both Grid Sections and Subsections.
   ========================================================================== */
body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-completion,
body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-completion,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection .grid-completion,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection .grid-completion {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 1.75rem 0 !important;
    z-index: 10 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: 38px !important; /* Fixed height for the bar area */
    background-color: rgb(233 106 23);
    background: linear-gradient(to right, #bd4d13, #f26319) !important;
    border-radius: 15px;
}

/* Percentage Text */
body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-completion .grid-percentage,
body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-completion .grid-percentage,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection .grid-completion .grid-percentage,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection .grid-completion .grid-percentage {
    position: static !important;
    display: inline-block !important;
    color: #fff !important;
    font-size: 0.8rem !important;
    font-weight: 900 !important;
    text-indent: 0 !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    background: transparent !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

/* Bar Track */
body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-completion::before,
body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-completion::before,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection .grid-completion::before,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection .grid-completion::before {
    content: "" !important;
    display: block !important;
    height: 4px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 10px !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
}

/* Bar Fill */
body#page-course-view-grid:not(.editing) .thegrid .grid-section .grid-completion::after,
body#page-course-view-section-grid:not(.editing) .thegrid .grid-section .grid-completion::after,
body#page-course-view-grid:not(.editing) .single-section li.activity.subsection .grid-completion::after,
body#page-course-view-section-grid:not(.editing) .single-section li.activity.subsection .grid-completion::after {
    content: "" !important;
    display: block !important;
    height: 4px !important;
    background: #fff !important;
    border-radius: 10px !important;
    width: var(--grid-progress-width, 0%) !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    transition: width 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.3) !important;
}
/* #page-enrol-index */
body#page-enrol-index div#page {
	 background: var(--course-bg);
}
body#page-enrol-index div#page .coursebox {
	 padding-bottom: 2rem;
	 border-bottom: 1px solid var(--course-border);
}
body#page-enrol-index div#page .coursebox .courseimage img {
	 border-radius: var(--border-radius);
}
@media screen and (min-width: 768px) {
	 body#page-enrol-index div#page .coursebox .courseimage img {
		 max-width: 200px;
		 max-height: 150px;
		 margin-right: 10px;
	}
}
body#page-enrol-index div#page #notice {
	 text-align: center;
}
body#page-enrol-index .btn-inscript-afp {
  display: none;
}