:root {
        --font: Basier Square;
        --alt-font: Basier Square;
        --accent-color: #0d0f2c;
        --secondary-color: #0d0f2c;
        --link-color: #3e57da;
        --accent-highlight-color: #0d0f2c;
        --accent-highlight-background-color: #dcdef5;
        --accent-tinted-color-70: #b6b7c0;
        --accent-tinted-color-80: #cfcfd5;
        --accent-tinted-color-90: #e7e7ea;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #191c53;
        --secondary-hover-color: #191c53;
        --secondary-contrast-color: #fff;
        --link-hover-color: #94a2ea;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/389ed4e7-e9a9-422a-8935-c9dc19802ffc/vg7prjc6th7o-synthesia-academy-logo.jpg') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Reset margins */
body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
picture {
  margin: 0;
}

img,
picutre {
  max-width: 100%;
  display: block;
}

body {
  background: var(--base-white);
}

/* remove animations for people who've turned them off */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.animate-fadeIn {
  animation: fadeIn 350ms ease-in forwards;
}


/* Import Font */
@font-face {
  font-family: 'Basier Square';
  src: url('https://assets.website-files.com/65e89895c5a4b8d764c0d710/65e89895c5a4b8d764c0e21d_6527f9cf2cfe9fad38bd66bc_basiersquare-regular-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Basier Square';
  src: url('https://assets.website-files.com/65e89895c5a4b8d764c0d710/65e89895c5a4b8d764c0e21e_6527f9cf2cfe9fad38bd66bd_basiersquare-medium-webfont.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

:root {
  /* Font Styles */
  --brand-font: 'Basier Square';

  /* Borders and Shadows */
  --border-radius-xsmall: .5rem;
  --border-radius-small: .625rem;
  --border-radius-base: .75rem;
  --border-radius-large: 1rem;
  --border-radius-xlarge: 1.5rem;
  --border-radius-huge: 6.25rem;

  --shadow: #10182814;
  --shadow-low: 0px 2px 10px 0px #0B122014;
  --shadow-high: 0px 6px 40px 0px #0D0F2C14;

  /* Colors */
  --base-white: #FFFFFF;
  --grey-200: #e6eaf4;
  --grey-300: #d1d6e5;
  --grey-400: #c8cbda;
  --grey-500: #969bb5;
  --grey-600: #656c86;
  --grey-700: #333b52;

  --pink-100: #FEF6FB;
  --pink-200: #FFEBFC;
  --pink-300: #FFD7F9;
  --pink-400: #F6B2EC;
  --pink-500: #E585D7;
  --pink-600: #A73B98;
  --pink-700: #751B68;
  --pink-800: #26042F;

  --orange-100: #FFF9F5;
  --orange-200: #FFE7E0;
  --orange-300: #FFCBBE;
  --orange-400: #FF9478;
  --orange-500: #FF6A42;
  --orange-600: #CB3711;
  --orange-700: #771A0D;
  --orange-800: #470800;

  --yellow-100: #FEFDF0;
  --yellow-200: #FFFADB;
  --yellow-300: #FFF4B6;
  --yellow-400: #FFDB65;
  --yellow-500: #FFC814;
  --yellow-600: #CA8504;
  --yellow-700: #713B12;
  --yellow-800: #42230A;

  --green-100: #FAFDF7;
  --green-200: #EBF6DF;
  --green-300: #CEEAB0;
  --green-400: #ACDB79;
  --green-500: #86CB3C;
  --green-600: #4F7A21;
  --green-700: #2B4212;
  --green-800: #1A280B;

  --indigo-100: #F5F8FF;
  --indigo-200: #E3EBFF;
  --indigo-300: #C6D7FE;
  --indigo-400: #8098F9;
  --indigo-500: #3E57DA;
  --indigo-600: #273BA5;
  --indigo-700: #1F235B;
  --indigo-800: #0D0F2C;

  --teal-100: #E8FBFF;
  --teal-200: #D1F7FF;
  --teal-300: #C8FAFF;
  --teal-400: #66E3EE;
  --teal-500: #00CEE0;
  --teal-600: #008EAE;
  --teal-700: #164C63;
  --teal-800: #0D2D3A;
}


html,
body {
  font-family: var(--brand-font);
  max-width: 100vw !important;
  scrollbar-width: thin;
}

/* Global Changes and Fixes */
.layout__content .widget {
  padding: 0rem;
  margin: 0;
}

.container {
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: none !important;
}

.home__content {
  padding: 0;
  background-color: var(--base-white);
}

.pad {
  padding: 1em 4em !important;
}

.padbig {
  padding: 2em 6em !important;
}

.home .row .row {
  margin: 0;
  width: 100%;
  border: none;
  /* height:  100%; */
}

body,
#learner,
#lms,
.application,
.home .container {
  width: 100%;
  max-width: 100vw;
  height: max(100%, 100vh);
}

/* clear padding around CTA cards */
[class*=block-grid-]>li {
  padding: 0;
}

.home li:has(a[href="/learn/manager"]) {
  top: 0%;
  right: 5px;
  height: 4.5rem;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  position: static !important;
  padding: 5px 10px !important;
  background: var(--base-white) !important;
  background-color: var(--base-white) !important;
  color: black;
}

.home a[href="/learn/manager"] {
  padding: 5px 10px !important;
  background: var(--base-white) !important;
  background-color: var(--base-white) !important;
  color: black !important;
}


/* Pretty text */
.text-highlight-gradient {
  background-image: linear-gradient(90deg, var(--indigo-400), var(--indigo-500)50%, var(--indigo-600));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  overflow: visible;
  margin-left: -.75rem;
  margin-right: -.75rem;
  padding-left: .75rem;
  padding-right: .75rem;
}

/* Regular text */
a {
  color: var(--indigo-800)
}

a:hover {
  color: var(--indigo-500);
}

/* logo navigation */
.header .company__beta-logo .company-logo__container img {
  width: 10rem !important;
  max-width: 10rem !important;
}

.header .company__beta-logo {
  order: 1;
  margin-right: 15px;
}

nav.nav.nav--top ul li a {
  padding: 5px 15px;
}

nav.nav.nav--top ul li a:hover {
  color: var(--indigo-800) !important;
  font-weight: 500;
}

nav.nav.nav--top ul li a:focus {
  background-color: transparent !important;
  border: unset;
  outline: none !important;
  box-shadow: unset !important;
  color: black;
}

/* Sign in button in the navigation */
nav.nav.nav--top ul li a {
  color: var(--grey-600);
}

/* mobile hamburger */
.top-bar .toggle-topbar.menu-icon button span:after,
.top-bar.expanded .toggle-topbar.menu-icon button span:after {
  width: 21px;
}

@media screen and (max-width: 768px) {
  .header .company__beta-logo .company-logo__container img {
    width: 11rem !important;
    max-width: 11rem !important;
  }

  nav.nav.nav--top ul li a {
    font-size: 14px;
  }

  .header .company__beta-logo {
    order: 1;
    margin-right: 10px;
  }

  nav.nav.nav--top ul li a {
    padding: 5px 5px 5px 10px;
  }
}

header img {
  object-fit: contain;
}

/*---Header---*/
.header.header--microsite {
  z-index: 999;
  padding: 0;
  background-color: var(--base-white);
  color: var(--grey-600);
  display: flex;
  justify-content: center;
  align-items: stretch;
  min-width: 100%;
  height: 4.5rem;
  margin-top: -4.5rem;
  position: fixed;
  top: 4.5rem;
  transform: translate(0);
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.company__school-name {
  margin-bottom: 0;
}

.company__school-name__divider {
  margin: 0 0.5rem;
}


.btn--secondary.active,
.btn--secondary:active,
.btn--secondary:focus,
.btn--secondary:hover {
  border: 1px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  background: var(--Monochrome-Grey-Grey-Light, #E9ECF6);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}


.header--microsite .header__inner {
  max-width: 76rem;
  padding: 0;
}




header {
  border-bottom: 1px solid var(--grey-200);
}

.header--article,
.header--dashboard,
.header--microsite {
  padding: 0;
}

.header__inner>.row>.column.small-6 {
  width: fit-content;
  padding: 0;
}

.home .header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4.45rem;
  background-color: var(--base-white);
}

.header__inner nav.top-bar {
  margin-left: 2.5rem;
  border-top: none;
  order: 3;
}

@media screen and (max-width: 991px) {
  .header__inner nav.top-bar {
    margin-left: 1.5rem;
  }
}

nav.nav.nav--top {
  order: 2;
  margin-right: auto;
  border-left: 1px solid var(--grey-200);
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}


/* mobile navigation */
@media screen and (max-width: 879px) {
  .top-bar.nav-open {
    top: 0;
    left: 0;
    position: fixed;

    height: min-content;
    max-width: 100vw !important;
    background: transparent;

    display: flex;
    padding-top: 4.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, .5);
  }

  nav.ember-view.top-bar section.top-bar-section>ul,
  nav.ember-view.top-bar.expanded section.top-bar-section>ul {
    display: none;
  }

  .top-bar.nav-open>.top-bar-section {
    width: 100%;
    border-top: 1px solid var(--grey-200);
  }

  nav.ember-view.top-bar.nav-open section.top-bar-section>ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: 1rem;
    background: var(--base-white);
    padding-bottom: 2rem;
    padding-top: 2rem;
    width: 100%;
    gap: 24px;
    font-size: clamp(0.75rem, 0.7212rem + 0.1538vw, 0.875rem);
    line-height: 1.375;
    letter-spacing: -0.00375rem;
  }

  .header__inner nav.top-bar section.top-bar-section ul.left li:last-of-type {
    display: none;
  }

  .header__inner nav.top-bar.nav-open {
    margin-left: 0;
    width: 100%;
  }

  .header__inner nav.top-bar.nav-open li {
    font-size: 1rem;
  }

  .header__inner nav.top-bar.nav-open ul.left li:nth-last-of-type(2) {
    margin-left: 0;
    margin-bottom: 1rem;
  }

  /* hamburger button */
  button.btn.btn--bare {
    padding: 0 !important;
    position: fixed;
    top: 16px;
    right: 16px;
  }

  .top-bar {
    background: transparent;
  }

  .header .company__beta-logo {
    position: relative;
    z-index: 999;
  }

  li.toggle-topbar.menu-icon {
    display: block !important;
  }

  .top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 1rem;
  }

  li.toggle-topbar.menu-icon>button.btn.btn--bare {
    box-shadow: unset;
    /* border: 1px solid #000000; */
  }

  /* nav.ember-view.top-bar.nav-open > ul button.btn.btn--bare {
    border: 1px solid var(--indigo-500) !important;
  } */

}

/* remove company name and a divider line from the navigation */
.company__school-name,
.company__school-name__divider {
  display: none;
}

/* .header.header--microsite .header__inner .company__beta-logo .company-logo__container img, .header.header--dashboard .header__inner .company__beta-logo .company-logo__container img, .header.header--article .header__inner .company__beta-logo img, .header--learner.header--student .company__beta-logo img {
  height: 1.5rem;
} */


@media only screen and (width < 1300px) {
  div.header__inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (width < 600px) {
  .header__inner nav.top-bar {
    max-width: 35px;
  }
}

.toggle-topbar.menu-icon {
  width: unset;
}

.toggle-topbar.menu-icon button>span {
  color: transparent;
}

.top-bar .toggle-topbar.menu-icon button span:after {
  -webkit-box-shadow: 0 0 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;
  box-shadow: 0 0 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;
}

.top-bar {
  border-bottom: none;
}

@media screen and (min-width: 880px) {
  .header__inner nav.top-bar section.top-bar-section ul.left {
    width: 100%;
    display: flex;
    gap: clamp(1rem, 0.8846rem + 0.6154vw, 1.5rem);
    font-size: clamp(0.75rem, 0.7212rem + 0.1538vw, 0.875rem);
    line-height: 1.375;
    letter-spacing: -0.00375rem;
  }
}

section.top-bar-section li,
.top-bar-section li:not(.has-form) a:not(.button) {
  font-size: inherit;
  max-width: fit-content;
  padding: 0;
}

section.top-bar-section li:not(.has-form) a:not(.button) {
  color: var(--grey-600);
  background-color: var(--base-white);
  background: var(--base-white);
  transition: color .2s ease;
}

section.top-bar-section li:not(.has-form) a:not(.button):focus,
section.top-bar-section li:not(.has-form) a:not(.button):hover,
section.top-bar-section li:not(.has-form),
section.top-bar-section li:not(.has-form):hover,
section.top-bar-section li:not(.has-form):focus {
  color: var(--grey-600);
  background: var(--base-white);
  background-color: var(--base-white);
  border: none;
}

section.top-bar-section li a:hover {
  color: var(--indigo-800) !important;
}

nav.top-bar a:hover {
  font-weight: 500;
  color: #26042F;
}

/*---Navigation & Header Links---*/
.global-nav__container {
  max-width: 100%;
}

.nav.nav--global-links {
  width: 100%;
}

#cart-button {
  color: var(--base-white);
}

/*---Home Page---*/

body.ember-application.home.index .ember-view.layout__content {
  flex-direction: column;
}

.home .container {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: center;
  /* align-content: flex-start; */
  align-items: stretch;
}

.index .layout__content {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: center;
  align-content: flex-start;
  row-gap: 2rem;
}

.home .container>div,
.home .container>footer,
.home .container>header,
.index .layout__content .row {
  width: 100%;
}

.home__content .layout__content .row>.row {
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-inline: 1rem;
}

@media (width < 1300px) {
  .home__content .layout__content .row>.row {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/*---Hero-Widget---*/
.home__content {
  margin-top: 4.5rem;
  height: calc(100vh - 4.5rem - 50px);
  min-height: fit-content;
}

.home-hero .hero .hero__caption {
  background: transparent;
  text-align: center;
  position: absolute;
  top: 3rem;
}

.home-hero .hero .hero__caption .hero__title,
.hero-title {
  margin-top: 0em;
  margin-bottom: 0em;
  letter-spacing: -.275rem;
  text-transform: none;
  font-size: 5.5rem;
  font-weight: 500;
  line-height: 5.5rem;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--indigo-800);
}

.hero .hero__caption .hero__title {
  margin-bottom: 12px;
  position: relative;
}

.home-hero .hero .hero__caption .h4 {
  color: var(--base-white);
  font-style: normal;
  font-weight: 400 !important;
  font-size: 40px !important;
  margin-bottom: 0em;
}

.hero__caption a.btn.btn--primary,
.home-hero a.btn.btn--primary {
  white-space: nowrap;
  flex-wrap: nowrap;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 0.75rem;
  border-radius: var(--border-radius-base);
  background-color: var(--indigo-500);
  box-shadow: 0 2px 10px 0 var(--shadow);
  color: var(--base-white);
  text-decoration: none;
  margin: 0;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: relative;
  top: 3.75rem;
  left: 50%;
  max-width: 80vw;
  min-width: fit-content;
  width: max-content;
  letter-spacing: -.009rem;
  padding: 1rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.625rem;
  letter-spacing: -.009rem;
  transition: all .2s;
}

.home-hero {
  height: 40vh;
  max-height: 40vh;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  background: center / cover no-repeat url(https://i.postimg.cc/3rgznQ7C/Academy-Hero.png);
}

.home-content {
  height: 40vh;
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  gap: 2.25rem;
}

.home-content .hero-title,
.hero-title {
  text-align: center;
  width: 100%;
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.home-content a.btn.btn--primary {
  position: static;
  transform: none;
  -ms-transform: none;
}

/*---Captions---*/
.caption {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-radius: var(--border-radius-xsmall);
  background-color: var(--base-white);
  color: var(--indigo-500);
  cursor: default;
  align-items: center;
  padding: .375rem .75rem;
  display: inline-flex;
  position: relative
}

/*---FAQ Banner---*/

.faq_hero {
  background: linear-gradient(#0006, #0006), url(https://images.unsplash.com/photo-1665789318391-6057c533005e?q=80&w=3732&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 60vh;
  display: flex;
  justify-content: center;
}

.faq-inner {
  text-align: center;
  padding: 0 1.5rem;
  display: flex;
  gap: 1em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.faq-inner h1 {
  color: var(--base-white);
  margin: 0;

}

.faq-inner p {
  color: var(--base-white);
  margin: 0;
}

/*---Fancy Containers---*/
.border-radius-xlarge {
  border-radius: var(--border-radius-xlarge);
  overflow: auto
}

.border-radius-huge-corner {
  border-bottom-right-radius: var(--border-radius-huge);
  overflow: auto
}

/*---Buttons---*/
.home a.btn,
section.top-bar-section li:not(.has-form):last-of-type a,
.home .btn:not(.catalog-aggregation__header),
.home button:not([class*="catalog-"]) {
  font-family: 'Basier Square';
  border: none;
  border-radius: var(--border-radius-small);
  background-color: var(--pink-800);
  box-shadow: 0 2px 10px 0 var(--shadow);
  color: var(--base-white);
  text-align: center;
  letter-spacing: -.004rem;
  white-space: nowrap;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.125rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  transition: all .35s;
  display: flex;
}

.header__inner:after {
  display: none;
}

li:has(#cart-button) {
  display: none !important;
}

button#cart-button {
  display: none !important;
}


/* last <a> button inside the navigation */
section.top-bar-section li:not(.has-form):last-of-type {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  align-self: stretch;
  flex: 1;
}

section.top-bar-section li:not(.has-form):last-of-type a {
  max-height: fit-content;
  font-size: inherit;
  border-radius: var(--border-radius-xsmall);
  letter-spacing: -.00175rem;
  line-height: 1.375rem;
  padding: .5rem 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--indigo-800);
  border: 1px solid var(--indigo-800);
}

section.top-bar-section li:not(.has-form):last-of-type a::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M1 5.99988H11" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.90918 1.90906L11.0001 5.99997L6.90918 10.0909" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}

.btn--primary:hover,
a.btn.btn--primary:hover,
a.btn:hover,
.home button:hover,
section.top-bar-section li:not(.has-form):last-of-type a:hover {
  color: var(--base-white);
  background-color: var(--indigo-700);
  box-shadow: 0 6px 20px 0 var(--shadow);
}

section.top-bar-section li:not(.has-form):last-of-type a:hover {
  background: var(--grey-200);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
  border: 1px solid var(--grey-300);
}

section.top-bar-section li:not(.has-form):last-of-type a:hover::after {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M1 5.99988H11" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.90918 1.90906L11.0001 5.99997L6.90918 10.0909" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn--primary.active,
.btn--primary:active,
.btn--primary:focus,
.btn--primary:hover,
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  border: none;
}

/*---Row Widgets---*/
.home .row .columns {
  padding: 0;
}

[class*=block-grid-] {
  margin-left: auto;
  margin-right: auto;
}


.row.widget.widget--featured-content h3.h2.widget__title {
  letter-spacing: -.09rem;
  text-transform: none;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.25rem;
  color: var(--indigo-800);
  text-align: left;
}

/* Featured Content */
div.featured-content-default-grid ul,
div.featured-content-default-grid ul li {
  width: 100%;
}

@media screen and (min-width: 768px) {
  div.featured-content-default-grid ul {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
}

@media screen and (max-width: 767px) {
  div.featured-content-default-grid ul {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}



/*---Search Bars---*/
.catalog-search-bar .catalog-filters {
  border: none;
  height: inherit;
  display: flex;
}

.catalog-filters__search,
select {
  width: 100%;
  font-family: 'Basier Square';
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4375em;
  color: rgba(5, 5, 6, 0.96);
  box-sizing: border-box;
  cursor: text;
  display: flex;
  flex-flow: row wrap;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  background-color: rgba(43, 46, 64, 0.06);
  border: none;
  border-radius: var(--border-radius-small);
  padding: 4px;
  transition: border-color 80ms cubic-bezier(0.4, 0, 0.2, 1), background-color 80ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 80ms cubic-bezier(0.4, 0, 0.2, 1);
}

select:focus-within,
select:focus-visible,
.catalog-filters__search:focus-within {
  box-shadow: rgba(61, 91, 251, 0.13) 0px 0px 0px 4px, rgb(62, 87, 218) 0px 0px 0px 1px;
  background-color: rgb(255, 255, 255);
  outline: none;
}

select {
  padding: 4px 2.5rem 4px 1rem;
  background-position: calc(100% - 1rem);
  margin-bottom: 1rem !important;
  letter-spacing: -.01rem;
}

.catalog-filters__search .catalog-search {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  background-color: transparent;
  border: none;
}

.catalog-filters__search .catalog-search button,
.catalog-filters__search .catalog-search input {
  background-color: inherit;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.catalog-filters__search .catalog-search button {
  padding: 0;
}

.catalog-filters__search .catalog-search button i {
  color: black;
  width: 16px;
  height: 16px;
  font-size: 1rem;
}

/*---Catalog Styling---*/
.catalog #learner {
  overflow: clip;
  height: fit-content;
}

.catalog-header {
  display: none;
}

.catalog-aggregation {
  border-top-color: var(--grey-200);
  display: flex;
  flex-flow: row wrap;
  padding: 1rem;
  padding-left: 0;
}

.catalog-aggregation__header--label {
  font-family: "Basier Square";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.2px;
}

.catalog-aggregation button .small-1 {
  width: 18px;
  transition: transform .2s;
  transform-origin: center;
}

.catalog-aggregation button .row.collapse {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 18px;
}

.full-catalog .catalog-aggregation:not(:first-of-type) {
  padding-top: 1rem;
}

.catalog-aggregation .btn--link:hover,
.catalog-aggregation__header--label:active,
.catalog-aggregation__header--label:hover,
.catalog-aggregation--expanded .catalog-aggregation__header--label {
  color: var(--indigo-500);
  box-shadow: none;
}

.catalog-aggregation--expanded button .small-1 {
  transform: rotate(-180deg)
}

.catalog-aggregation--expanded {
  border-bottom: none;
  background-color: var(--base-white);
}

.catalog-aggregation:nth-of-type(1) {
  border-top: none;
}

.widget--catalog.widget--catalog_standard .medium-9 {
  overflow-y: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}

.widget--catalog.widget--catalog_standard .medium-9>div {
  display: none;
}

.widget--catalog.widget--catalog_standard .js-results-holder ul[class*=block-grid-] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  height: max-content;
  width: 100%;
  padding-left: 1rem;
}

ul[class*=block-grid-]>li {
  align-self: stretch !important;
}

ul[class*=block-grid-]>li>a {
  height: 100%;
}

.widget--catalog.widget--catalog_standard .js-results-holder .large-block-grid-3>li:nth-of-type(3n+1) {
  clear: none !important;
}


.catalog-grid-item {
  color: var(--grey-700);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  transition: box-shadow .2s ease-in-out, transform .5s ease-in-out;
  user-select: text;
  border: 1px solid var(--grey-200);
  border-radius: var(--border-radius-large);
  background-color: var(--base-white);
  min-height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  overflow: hidden;
}

.catalog-grid-item .row .column {
  padding: 0;
}

.catalog-grid-item .row .column .catalog-grid-item__body {
  padding: 1.5rem;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  gap: 0.75rem;
}

.catalog-grid-item:hover {
  border-radius: 16px;
  border: 1px solid var(--grey-200);
  background: var(--base-white);
  box-shadow: 0px 6px 20px 0px rgba(13, 15, 44, 0.08);
}

.catalog-grid-item__asset-container {
  overflow: clip;
  max-height: 450px;
}

.catalog-grid-item__asset {
  transition: all 0.5s ease-in-out;
}

.catalog-grid-item .catalog-grid-item__body,
.catalog-grid-item p {
  width: 100%;
  margin-bottom: 0;
}

.catalog-grid-item__title {
  text-transform: none;
  font-weight: 500;
  max-height: min-content !important;
  font-size: 1.5rem;
  font-style: normal;
  line-height: 116.667%;
  letter-spacing: -0.045rem;
  color: var(--indigo-800)
}

.catalog-grid-item__description {
  color: var(--grey-700);
  padding-top: .25em;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.004rem;
}

.catalog-grid-item__source {
  order: 1;
  margin-top: 4px;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.004rem;
  border-radius: 28.335px;
  padding: 2.058px 10.291px 2.058px 8.233px;
}

/*
.catalog-grid-item__source {
  background-color: var(--indigo-700);
  color: var(--indigo-200);
  border: 2px solid var(--indigo-600);
  cursor: default;
  border-radius: 999px;
  align-items: center;
  padding: .125rem .85rem;
  display: inline-flex;
  margin: 0 1.5rem 1.5rem;
  align-self: flex-start;
  line-height: 1.2rem;
}
.catalog-grid-item__source strong {
  font-weight: 500!important;
}
*/
/*
.catalog-grid-item .btn--link {
  background: var(--indigo-500)!important;
  box-shadow: 0 2px 10px 0 var(--shadow)!important;
  padding: .75rem 1.125rem!important;
  width: 100%;
}
.catalog-grid-item .btn--link:hover {
  background-color: var(--indigo-700)!important;
  box-shadow: 0 6px 20px 0 var(--shadow)!important;
}
*/

.catalog-grid-item__hr,
[class*=block-grid-]:after,
[class*=block-grid-]:before,
.catalog-grid-item__cta-container {
  display: none;
}

.pagination,
.pagination__left {
  display: none;

}

/*---Icons---*/
.icon-16 {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  transition: transform .2s;
  display: flex;
}

.btn:hover .w-embed:last-of-type {
  transform: translateX(.25rem);
}

svg {
  width: inherit;
  height: inherit;
}

.home li:has(a[href="/learn/manager"]) {
  position: fixed;
  top: 0%;
  right: 5px;
  height: 4.5rem;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
}

.home a[href="/learn/manager"] {
  border-radius: var(--border-radius-small);
  background-color: var(--indigo-800);
  color: var(--base-white);
}

.home a[href="/learn/manager"]:hover {
  background-color: var(--indigo-700);
}

.manager #learner .application--admin,
.manager .btn,
.manager ::placeholder,
.manager button,
.manager input[type=color],
.manager input[type=date],
.manager input[type=datetime-local],
.manager input[type=datetime],
.manager input[type=email],
.manager input[type=month],
.manager input[type=number],
.manager input[type=password],
.manager input[type=search],
.manager input[type=tel],
.manager input[type=text],
.manager input[type=time],
.manager input[type=url],
.manager input[type=week],
.manager select,
.manager textarea {
  font-family: var(--brand-font);
}

li:has(#cart-button) {
  display: none
}

/* Video styles */
.video__container {
  padding: 0;
  border-radius: 12px;
  box-sizing: content-box;
  min-width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin: 0px;
  container: player-container / inline-size;
  visibility: visible;
}



/*************************     Live sessions page     *************************/

/* Hero */
.live-sessions-hero {
  background-image: url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/6752fe89da9fe3014fb6419f_hero-background.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
}

.live-sessions-hero picture,
.live-sessions-hero img {
  display: none;
}

.layout__content .hero {
  margin-bottom: 0rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.live-sessions-hero .hero {
  width: 100%;
}

.live-sessions-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.live-sessions-hero .hero__caption {
  background: transparent;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  bottom: 0;
  padding: 0;
}

.live-sessions-hero h2.hero__title {
  width: 100%;
  text-align: center;
  font-size: 4.5rem !important;
  font-style: normal;
  font-weight: 500;
  line-height: 102.778%;
  letter-spacing: -3.6px;
  background: linear-gradient(90deg, #26042F 0%, #751B68 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  margin-bottom: 12px !important;
}

.live-sessions-hero span.h4 {
  color: var(--grey-700);
  text-align: center;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.2px;
  max-width: 453px;
}

@keyframes pulse {
  0% {
    width: 5px;
    height: 5px;
    opacity: 1;
  }

  70% {
    opacity: 0.5;
  }

  100% {
    width: 4.3rem;
    height: 4.3rem;
    opacity: 0;
  }
}

.recorder-el {
  transform: translateY(.4rem);
}

@media screen and (max-width: 991px) {
  @keyframes pulse {
    0% {
      width: 5px;
      height: 5px;
      opacity: 1;
    }

    70% {
      opacity: 0.5;
    }

    100% {
      width: 3.25rem;
      height: 3.25rem;
      opacity: 0;
    }
  }
}

.recorder-el {
  background-color: #d92d2012;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 4.3rem;
  height: 4.3rem;
  margin-left: 1rem;
  display: inline-block;
  position: relative
}

.pusling-el {
  z-index: 1;
  background-color: #d92d201a;
  border-radius: 1rem;
  width: 5px;
  height: 5px;
  position: absolute;
  inset: 0%
}

.pusling-el {
  animation: pulse 2s ease infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.recorder-cursor {
  z-index: 3;
  position: absolute;
  inset: 1.2rem -0.6rem 0% auto;
}

.recorder-button {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%
}

@media screen and (max-width: 991px) {
  .recorder-el {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .recorder-cursor {
    inset: 1.5rem -0.8rem 0% auto;
    transform: scale(0.8);
  }
}

@media screen and (max-width: 767px) {
  .recorder-el {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: .5rem;
  }

  .recorder-button {
    transform: scale(0.85);
  }

  .pusling-el {
    border-radius: .5rem;
  }

  .recorder-cursor {
    transform: scale(0.7);
    inset: 1.6rem -1.1rem 0% auto;
  }
}


/* Introduction module with cards */
.introduction.border-bottom {
  max-width: 78rem;
  padding-inline: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
}

.introduction.border-bottom.m-t-4 {
  margin-top: 4rem !important;
}

.introduction.border-bottom.m-t-2 {
  margin-top: 2rem !important;
}

.m-t-2.p-t-0 {
  padding-top: 0 !important;
}

.m-t-1 {
  margin-top: 1rem !important;
}

.ember-view.row.widget.widget--one-column.widget--one-column_standard.introduction.border-bottom.gap-32.m-t-2.padding-inline-0 {
  padding-inline: 0;
}

.introduction.border-bottom h2 {
  color: var(--green-800);
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.6px;
}

.text-teal h2 {
  color: #09202A !important;
}

.introduction.border-bottom>div {
  width: 100%;
}

.introduction.border-bottom h1,
.introduction.border-bottom h2 {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.6px;
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
  color: var(--indigo-800);
}

.introduction.border-bottom p {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 144.444%;
  letter-spacing: -0.144px;
  max-width: 588px;
  margin: 0;
  margin-bottom: 2rem;
  color: var(--grey-700);
}

div.introduction {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.divider-horizontal {
  width: 100%;
  height: 1px;
  background: var(--grey-200);
}

.live-sessions-top-cards .row {
  padding-bottom: 0 !important;
}


/* Two column layout */
.live-sessions-two-col {
  max-width: 78rem;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  width: 100%;
  margin-top: 32px !important;
}

.live-sessions-two-col.teal>div {
  border-radius: 10.133px 10.133px 63.333px 10.133px;
  background-image: url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/67605e9a7154c843e78d1c40_Synthesia%20teal%20background.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  border: 1.631px solid var(--indigo-200);
}

/* button secondary */
.btn--secondary {
  display: inline-flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid #D0D7E7;
  background: var(--base-white);
  border-radius: 8px;
  color: #081721 !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  transition: all 400ms ease;
}

a.btn--secondary:hover {
  border: 1px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  background: var(--Monochrome-Grey-Grey-Light, #E9ECF6);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

.btn--secondary::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path d="M13.9779 7.7479L4.1601 1.82515C3.99473 1.72533 3.8054 1.67081 3.6116 1.66719C3.41779 1.66356 3.22651 1.71098 3.05744 1.80455C2.88836 1.89813 2.74759 2.03448 2.64962 2.19958C2.55164 2.36468 2.5 2.55257 2.5 2.74391V14.5905C2.50016 14.7817 2.5519 14.9695 2.64991 15.1345C2.74792 15.2995 2.88867 15.4358 3.05769 15.5294C3.22672 15.6229 3.41792 15.6703 3.61166 15.6668C3.8054 15.6633 3.9947 15.6089 4.1601 15.5092L13.9779 9.58647C14.1374 9.4902 14.2691 9.3551 14.3606 9.19414C14.452 9.03317 14.5 8.85173 14.5 8.66719C14.5 8.48265 14.452 8.3012 14.3606 8.14024C14.2691 7.97927 14.1374 7.84418 13.9779 7.7479Z" fill="%230B1220"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}

.svg-wrapper {
  margin-bottom: 1rem;
  height: 40px;
}

.live-sessions-two-col .row {
  align-items: center;
  justify-content: center;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

@media screen and (max-width: 991px) {
  .live-sessions-two-col .row {
    display: flex;
    flex-direction: column;
  }

  .live-sessions-two-col>div>.row>.medium-6.columns:nth-child(1) {
    padding: 1.5rem !important;
  }

  .live-sessions-two-col .row .medium-6.columns:nth-child(2)>div p>img {
    transform: translateY(7px);
  }
}

@media screen and (max-width: 767px) {
  .live-sessions-hero h2.hero__title {
    font-size: 3.5rem !important;
    font-style: normal;
    font-weight: 500;
    line-height: 100.778%;
    letter-spacing: -1.6px;
    margin-bottom: 1rem !important;
  }

  .live-sessions-hero span.h4 {
    font-size: 1.2rem;
    line-height: 26px;
    letter-spacing: -0.2px;
    max-width: 400px;
  }
}

.live-sessions-two-col>div>.row>.medium-6.columns:nth-child(1) .paragraph-regular {
  max-width: 77%;
}

.live-sessions-two-col .row::before,
.live-sessions-two-col .row::after {
  display: none;
}

.live-sessions-two-col .row .medium-6.columns {
  width: 100%;
  height: 100%;
}

.live-sessions-two-col .row .medium-6.columns:nth-child(2)>div,
.live-sessions-two-col .row .medium-6.columns:nth-child(2)>div p {
  height: 100%;
}

.live-sessions-two-col .row .medium-6.columns:nth-child(2)>div p>img {
  height: auto;
}

.live-sessions-two-col h2 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 118.75%;
  letter-spacing: -1.28px;
  background: linear-gradient(90deg, #09202A 0%, #164C63 72.88%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1rem;
}

.live-sessions-two-col h2.blue-headline {
  font-family: "Basier Square";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -1.28px;
  background: linear-gradient(90deg, #09202A 0%, #164C63 72.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.live-sessions-two-col p {
  color: #09202A;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 144.444%;
  letter-spacing: -0.144px;
  margin-bottom: 2.5rem;
}


/* first column */
/* <a> link is loaded inside a <p> element */
.live-sessions-two-col>div>.row>.medium-6.columns:nth-child(1) p:last-of-type {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.live-sessions-two-col>div>.row>.medium-6.columns:nth-child(1) {
  padding: 2.5rem;
}

/* second column */
/* the image is loaded inside a <p> element */
.live-sessions-two-col>div>.row>.medium-6.columns:nth-child(2) p {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-end;
}


/* second 2 col layout */
.live-sessions-two-col.pink>div {
  border-radius: 10.133px 10.133px 63.333px 10.133px;
  background-image: url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/67532c84701fef5785c6ac9f_Feature%20Fridays.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  border: 1.631px solid var(--indigo-200);
}

.svg-wrapper.red {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--indigo-800);
  background: radial-gradient(117.43% 117.43% at 50% 13.75%, #751B68 0%, #26042F 100%);
}

.svg-wrapper.red svg {
  height: 24px;
  width: 24px;
}

.svg-wrapper.red.clock>svg {
  width: 21px;
  height: 21px;
}

.text-yellow h2 {
  color: var(--yellow-800) !important;
}

.pink-text h2 {
  color: var(--pink-800) !important;
}

.ember-view.row.widget.widget--two-column.widget--two-column_standard.live-sessions-two-col.pink h2 {
  background: linear-gradient(90deg, #26042F 0%, #751B68 72.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* Slider */
.slider-el .featured-content-multi-carousel {
  overflow: hidden;
  max-width: 78rem;
  margin-bottom: -5rem;
  padding-bottom: 5rem;
  position: relative;
}

.slider-el .featured-content-multi-carousel-item {
  background: transparent;
  border-right: none;
}

.slider-el .featured-content-multi-carousel-item img {
  padding: 0;
}

.slider-el .catalog-grid-item__asset-container {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.slider-el .featured-content-multi-carousel .featured-content-block-grid>li a {
  border-radius: 16px;
  border: 1px solid var(--grey-200);
}


.slider-el .featured-content-multi-carousel-item__body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* display: grid; */
  grid-template-columns: 1fr;
  /* grid-template-rows: 67px 126px auto; */
  gap: 0;
  justify-items: start;
}



.slider-el h4.featured-content-multi-carousel-item__title {
  text-align: left;
  color: #0B1220;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 116.667%;
  letter-spacing: -0.72px;
}

.slider-el .featured-content-multi-carousel-item__description {
  margin-bottom: 0;
  margin-top: 12px;
  padding: 0;
  text-align: left;
  color: var(--grey-700);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.064px;
}

@media only screen and (max-width: 48em) {
  .featured-content-multi-carousel {
    padding: 0 !important;
  }
}


@media screen and (min-width: 767px) {
  .slider-el .featured-content-multi-carousel {
    padding-top: 1rem;
    margin-top: -1rem;
  }

  .slider-el ul.featured-content-block-grid.small-block-grid-1.medium-block-grid-3 {
    display: flex;
    gap: 2rem;
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li {
    flex: 0 0 calc((100% - 4rem) / 3);
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(4),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(5),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(6) {
    transform: translateX(-2rem);
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(7),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(8),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(9) {
    transform: translateX(-4rem);
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(10),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(11),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(12) {
    transform: translateX(-6rem);
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(13),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(14),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(15) {
    transform: translateX(-8rem);
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(16),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(17),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(18) {
    transform: translateX(-10rem);
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(19),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(20),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(21) {
    transform: translateX(-12rem);
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(22),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(23),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(24) {
    transform: translateX(-14rem);
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(25),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(26),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(27) {
    transform: translateX(-16rem);
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(28),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(29),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(30) {
    transform: translateX(-18rem);
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(31),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(32),
  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li:nth-of-type(33) {
    transform: translateX(-20rem);
  }

  /* .slider-el .featured-content-multi-carousel .featured-content-block-grid>li a {
    transition: box-shadow .2s ease-in-out, transform .5s ease-in-out;
  } */

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li a {
    transition: all .2s ease;
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid>li a:hover {
    border-radius: 16px;
    border: 1px solid var(--grey-200);
    background: var(--base-white);
    box-shadow: 0px 6px 20px 0px rgba(13, 15, 44, 0.08);
  }

  .slider-el .featured-content-multi-carousel .featured-content-block-grid {
    display: flex;
    gap: 2rem;
  }
}

@media screen and (max-width: 766px) {
  .live-sessions-two-col>div>.row>.medium-6.columns:nth-child(1) .paragraph-regular {
    max-width: none;
  }
}


.slider-el button.btn.featured-content-multi-carousel__nav-right.btn--bare-icon {
  position: absolute;
  top: -7rem !important;
  right: 0%;
  top: unset;
  border-radius: 100px;
  border: 1px solid var(--grey-300);
  background: var(--base-white) !important;
  box-shadow: var(--shadow-low);
  width: 48px;
  height: 48px;
}

nav.ember-view.top-bar .btn.btn--bare {
  width: 45px !important;
}

.slider-el button.btn.featured-content-multi-carousel__nav-left.btn--bare-icon {
  position: absolute;
  top: -7rem !important;
  left: unset;
  right: 56px;
  border-radius: 100px;
  border: 1px solid var(--grey-300);
  background: var(--base-white) !important;
  box-shadow: var(--shadow-low);
  width: 48px;
  height: 48px;
}

.featured-content-multi-carousel-item__source,
.featured-content-multi-carousel-item__start-date {
  order: 1;
}

.slider-el button.btn.featured-content-multi-carousel__nav-right.btn--bare-icon:hover,
.slider-el button.btn.featured-content-multi-carousel__nav-left.btn--bare-icon:hover {
  background: #fbfbfb !important;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
}

@media screen and (max-width: 766px) {
  .slider-el .featured-content-multi-carousel {
    margin-bottom: -6.5rem;
    padding-bottom: 10rem !important;
  }

  .slider-el button.btn.featured-content-multi-carousel__nav-right.btn--bare-icon {
    bottom: -1rem;
    top: unset !important;
    right: 0rem;
  }

  .slider-el button.btn.featured-content-multi-carousel__nav-left.btn--bare-icon {
    bottom: -1rem;
    top: unset !important;
    left: auto;
  }
}

.introduction.border-bottom.gap-32 h2 {
  margin-bottom: 32px !important;
}



/** Catalog **/
.ember-view.row.widget.widget--catalog.widget--catalog_standard.live-sessions-catalog {
  padding-right: 1rem;
}

.catalog-filters {
  background: transparent;
}

.live-sessions-catalog {
  margin-top: 2rem !important;
  margin-bottom: 4rem !important;
}

.live-sessions-catalog .catalog-search-bar {
  width: 100%;
}

.full-catalog .catalog-search-bar {
  margin-bottom: 0rem;
  height: auto;
}

.live-sessions-catalog .catalog-filters__search .catalog-search input {
  border-radius: 12px;
  border: 1px solid var(--grey-300);
  background: var(--base-white);
  height: 48px;
  padding-left: 35px;
  color: var(--grey-600);
  font-family: "Basier Square";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.064px;
}

.live-sessions-catalog .catalog-filters__search .catalog-search input::placeholder {
  color: var(--grey-600);
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.064px;
}

.live-sessions-catalog .catalog-filters__search .catalog-search input:-webkit-autofill,
.live-sessions-catalog .catalog-filters__search .catalog-search input:-webkit-autofill:hover,
.live-sessions-catalog .catalog-filters__search .catalog-search input:-webkit-autofill:focus,
.live-sessions-catalog .catalog-filters__search .catalog-search input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  background-clip: text;
}

.live-sessions-catalog button.catalog-search__button.bg-white.border-0 {
  width: 28px;
  height: 48px;
}

.live-sessions-catalog button.catalog-search__button.bg-white.border-0:focus,
.live-sessions-catalog button.catalog-search__button.bg-white.border-0:focus-visible,
.live-sessions-catalog button.catalog-search__button.bg-white.border-0:focus,
.live-sessions-catalog button.catalog-search__button.bg-white.border-0:target {
  outline: none !important;
  border: none !important;
}

.live-sessions-catalog .catalog-filters__sort {
  border-left: none;
}

.live-sessions-catalog>div>div>div>div {
  max-width: 77rem;
  margin: auto;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.live-sessions-catalog>div>div>div>div>.row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 4rem;
}

.live-sessions-catalog>div>div>div>div>.row:after {
  display: none;
}

.live-sessions-catalog>div>div>div>div>.row>.medium-3.columns {
  width: 38%;
  border-top: 1px solid var(--grey-200);
}

.live-sessions-catalog>div>div>div>div>.row>.medium-3.columns .catalog-aggregation ul li button {
  box-shadow: unset !important;
  font-weight: 400 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: var(--grey-700) !important;
  position: static !important;
  padding: 6px 0rem 6px 1.125rem !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  letter-spacing: -0.2px;
}

.ember-view.row.widget.widget--catalog.widget--catalog_standard.live-sessions-catalog .row:before {
  display: none;
}

.catalog-aggregation--expanded .catalog-aggregation__header--label {
  color: var(--indigo-800);
}

.catalog-aggregation__expander i {
  color: black;
}

.catalog-aggregation button .row.collapse .column.small-1 {
  max-width: max-content;
  width: max-content;
}

.catalog-aggregation button .row.collapse .column.small-11 {
  max-width: max-content;
  width: max-content;
}



@media screen and (max-width: 991px) {
  .live-sessions-catalog>div>div>div>div {
    max-width: 78rem;
    margin: auto;
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .live-sessions-catalog>div>div>div>div>.row>.medium-3.columns {
    width: 100%;
  }
}

.live-sessions-catalog .medium-3.columns {
  min-height: auto !important;
  border-right: none !important;
}

.live-sessions-catalog .medium-9.columns {
  width: 100%;
  overflow: visible;
  min-height: 100px;
}

.live-sessions-catalog .medium-9.columns>ul {
  display: grid !important;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  gap: 2rem;
}

.live-sessions-catalog .medium-9.columns>ul li {
  width: 100%;
  max-width: none;
}

.live-sessions-catalog .catalog-search__button {
  left: 0;
}

.live-sessions-catalog .catalog-filters__search.small-12.columns.medium-10 {
  background: transparent;
}

.live-sessions-catalog .catalog-search>input::placeholder {
  color: var(--grey-600);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.064px;
}


@media screen and (max-width: 991px) {
  .catalog-search-bar .columns {
    margin-bottom: 0px;
    width: 100%;
  }

  .live-sessions-catalog .catalog-filters__search .catalog-search input {
    margin-bottom: 0;
  }

  .live-sessions-catalog .catalog-filters__search.small-12.columns.medium-10 {
    margin-bottom: 0px !important;
  }

  .live-sessions-catalog>div>div>div>div .row {
    display: flex;
    flex-direction: column;
  }

  .live-sessions-catalog .catalog-search-bar {
    max-width: 100%;
    margin-bottom: 0 !important;
  }

  .live-sessions-catalog .medium-9.columns {
    padding: 0;
    width: 100%;
    transform: translateY(0px);
  }

  .live-sessions-catalog .medium-9.columns>ul {
    transform: translateY(0px);
    gap: 1rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .live-sessions-catalog .catalog-search-bar .catalog-filters {
    background: var(--base-white);
  }

  .live-sessions-catalog .catalog-search-bar {
    width: 100%;
  }

  .live-sessions-catalog .catalog-filters__sort.small-6.medium-2.columns {
    background: var(--base-white);
    min-width: 118px;
    height: 100%;
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 768px) {
  .live-sessions-catalog .medium-9.columns>ul {
    display: flex !important;
    flex-direction: column;
    gap: 1rem;
  }

  .catalog-search-bar .catalog-filters {
    border: none;
    height: inherit;
    display: flex;
    gap: 1rem;
    padding-right: 1rem;
  }

  .live-sessions-catalog .catalog-search__button {
    left: 0;
    height: 48px;
    width: 30px;
    outline: none;
    border: none;
  }

  .live-sessions-catalog select#sort-options {
    background: transparent;
    height: 48px;
  }

  .live-sessions-catalog .catalog-filters__sort.small-6.medium-2.columns {
    display: flex;
    align-items: center;
    min-width: 100px;
    width: 100px;
  }
}
















/*******************************     Home     *******************************/
.homepage-hero {
  background-image:
    url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/675c421aa69fc7cc7c004429_Synthesia%20Academy.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
}

.homepage-hero picture {
  display: none;
}

.homepage-hero h2 {
  color: var(--pink-800);
  background: linear-gradient(91deg, #26042F 10.51%, #751B68 90.63%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4.5rem !important;
  font-style: normal;
  font-weight: 500;
  line-height: 102.778%;
  letter-spacing: -3.6px;
  max-width: 40rem;
  text-align: center;
}

.homepage-hero .hero__caption {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  flex-direction: column;
  position: static;
  padding: 0;
}

.homepage-hero span.h4 {
  color: var(--grey-700);
  text-align: center;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.2px;
  max-width: 30rem;
}

@media screen and (max-width: 767px) {
  .homepage-hero h2 {
    font-size: 3.5rem !important;
    font-style: normal;
    font-weight: 500;
    line-height: 100.778%;
    letter-spacing: -1.6px;
    margin-bottom: 1rem !important;
  }

  .homepage-hero span.h4 {
    font-size: 1.2rem;
    line-height: 26px;
    letter-spacing: -0.2px;
    max-width: 400px;
  }
}

.live-sessions-two-col.green-blur>div {
  border-radius: 10.133px 10.133px 63.333px 10.133px;
  background-image: url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/67605d9f24d81c5c01f3f512_Synthesia%20green%20background%20blur.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  overflow: hidden;
  border: 1.631px solid var(--green-200);
}

.green h2,
.green-blur h2 {
  background: linear-gradient(90deg, #1A280B 0%, #2B4212 72.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.live-sessions-two-col.green>div {
  border-radius: 10.133px 10.133px 63.333px 10.133px;
  background-image: url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/67605e1c8f47df72c7d9f44d_Synthesia%20green%20background.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  overflow: hidden;
  border: 1.631px solid var(--green-200);
}

.svg-wrapper.green {
  border-radius: 8px;
  background: radial-gradient(117.43% 117.43% at 50% 13.75%, #2B4212 0%, #1A280B 100%);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.svg-wrapper.green svg {
  width: 24px;
  height: 24px;
}

.m-t-0 {
  margin-top: 0 !important;
}

.slider-el.m-t-0>.row {
  padding-top: 0 !important;
}

.last-section {
  margin-bottom: 4rem !important;
}

body.ember-application.home.index .ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.slider-el.m-t-0.m-b-2>.row {
  padding-bottom: 0 !important;
}

.m-b-2 {
  margin-bottom: 2rem !important;
}

.catalog-grid-item__completed i {
  background: var(--base-white);
  background-clip: padding-box;
  border: none;
  border-radius: 50%;
  color: var(--base-white);
  font-size: 1rem;
  margin: 0 auto;
  background: #15A261;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.catalog-grid-item__completed p {
  margin-top: 4px;
  color: var(--indigo-800);
  text-align: center;
  font-family: "Basier Square";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -1.28px;
}

.catalog-grid-item__completed-container {
  background: linear-gradient(0deg, #FAFDF7 0%, #FAFDF7 100%), lightgray 50% / cover no-repeat;
}

@media screen and (max-width: 767px) {
  .live-sessions-hero {
    background-position: 90%;
  }
}












/************************     Synthesia Certified     ************************/
.synthesia-certified-hero {
  background-image:
    url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/675c462009cc0be514c137b8_Synthesia%20Certified.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
}

.synthesia-certified-hero picture {
  display: none;
}

.synthesia-certified-hero h2 {
  color: var(--pink-800);
  background: linear-gradient(91deg, #26042F 10.51%, #751B68 90.63%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4.5rem !important;
  font-style: normal;
  font-weight: 500;
  line-height: 102.778%;
  letter-spacing: -3.6px;
  text-align: center;
  display: inline-flex;
  max-width: max-content;
  margin-bottom: 12px !important;
}

.synthesia-certified-pointer {
  display: inline;
  position: absolute;
  right: -50px;
  top: 36px;
}

@media screen and (max-width: 991px) {
  .synthesia-certified-pointer {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .synthesia-certified-hero h2 {
    font-size: 3.5rem !important;
    font-style: normal;
    font-weight: 500;
    line-height: 100.778%;
    letter-spacing: -1.6px;
    margin-bottom: 1rem !important;
  }

  .synthesia-certified-hero span.h4 {
    font-size: 1.2rem;
    line-height: 26px;
    letter-spacing: -0.2px;
    max-width: 400px;
  }

  .synthesia-certified-hero {
    background-position: 87%;
  }
}

.synthesia-certified-hero .hero__caption {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  flex-direction: column;
  position: static;
  padding: 0;
}

.synthesia-certified-hero span.h4 {
  color: var(--grey-700);
  text-align: center;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.2px;
  max-width: 30rem;
}

.m-t-0 {
  margin-top: 0 !important;
}

.single-col {
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 78rem;
  margin: auto;
}

.single-col.m-t-2 {
  margin-top: 2rem;
}

.single-col-wrapper {
  padding: 2.5rem;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.single-col.green>.single-col-wrapper {
  border-radius: 10.133px 10.133px 63.333px 10.133px;
  background-image: url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/67586501d08223fbb4102089_green-background-image.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  border: 1.631px solid var(--green-200);
}

.single-col .single-col-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 118.75%;
  letter-spacing: -1.28px;
  max-width: 28rem;
  text-align: center;
  background: linear-gradient(90deg, #1A280B 0%, #2B4212 72.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h2.single-col-title.max-width-23rem.teal-gradient {
  background: linear-gradient(90deg, #09202A 0%, #164C63 72.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.max-width-40rem {
  max-width: 40rem !important;
}

.max-width-23rem {
  max-width: 23rem !important;
}

.max-width-26rem {
  max-width: 26rem !important;
}

@media screen and (max-width: 991px) {

  .max-width-23rem,
  .max-width-26rem,
  .max-width-40rem {
    max-width: none !important;
  }
}





.single-col.teal>.single-col-wrapper {
  border-radius: 10.133px 10.133px 63.333px 10.133px;
  background-image: url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/67587946a2c6ca7620f475d0_teal-background.jpg);
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
  border: 1.631px solid var(--indigo-200);

}

/* Color coded pills */

/*
  "Live Session": "orange",
  "Recorded Session": "grey",
  "Video": "teal",
  "Module": "yellow",
  "Course": "pink",
  "Certification": "indigo",
  "Lab": "lime"
*/

.learning-path-milestone-item__info h5.color-orange,
.col-span-3>strong.color-orange,
.catalog-grid-item__source.color-orange,
.featured-content-multi-carousel-item__source.color-orange {
  padding: 2.058px 12px;
  color: #470800;
  border-radius: 55.014px;
  background: var(--orange-200);
}

.col-span-3>strong.color-grey,
.catalog-grid-item__source.color-grey,
.featured-content-multi-carousel-item__source.color-grey {
  padding: 2.058px 12px;
  color: var(--indigo-800);
  border-radius: 55.387px;
  background: var(--grey-200);
}

.col-span-3>strong.color-teal,
.catalog-grid-item__source.color-teal,
.featured-content-multi-carousel-item__source.color-teal {
  padding: 2.058px 12px;
  color: #09202A;
  border-radius: 55.387px;
  background: #D6FBFF;
}

.col-span-3>strong.color-yellow,
.catalog-grid-item__source.color-yellow,
.featured-content-multi-carousel-item__source.color-yellow {
  padding: 2.058px 12px;
  color: #42230A;
  border-radius: 55.387px;
  background: var(--yellow-200);
}

.col-span-3>strong.color-pink,
.catalog-grid-item__source.color-pink,
.featured-content-multi-carousel-item__source.color-pink {
  padding: 2.058px 12px;
  color: #26042F;
  border-radius: 55.387px;
  background: var(--pink-200);
}

.col-span-3>strong.color-indigo,
.catalog-grid-item__source.color-indigo,
.featured-content-multi-carousel-item__source.color-indigo {
  padding: 2.058px 12px;
  color: var(--indigo-800);
  border-radius: 55.387px;
  background: var(--indigo-200);
}

.col-span-3>strong.color-lime,
.catalog-grid-item__source.color-lime,
.featured-content-multi-carousel-item__source.color-lime {
  padding: 2.058px 12px;
  color: #1A280B;
  border-radius: 55.387px;
  background: var(--green-200);
}



body.ember-application.learn.video .layout-panel.layout-panel--article .article-header h3.article-header__type.color-orange {
  padding: 2.058px 12px !important;
  color: #470800 !important;
  border-radius: 55.014px !important;
  background: var(--orange-200) !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 24px !important;
  letter-spacing: -0.064px !important;
  text-transform: capitalize !important;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .article-header h3.article-header__type.color-grey {
  padding: 2.058px 12px !important;
  color: var(--indigo-800) !important;
  border-radius: 55.387px !important;
  background: var(--grey-200) !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 24px !important;
  letter-spacing: -0.064px !important;
  text-transform: capitalize !important;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .article-header h3.article-header__type.color-teal {
  padding: 2.058px 12px !important;
  color: #09202A !important;
  border-radius: 55.387px !important;
  background: #D6FBFF !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 24px !important;
  letter-spacing: -0.064px !important;
  text-transform: capitalize !important;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .article-header h3.article-header__type.color-yellow {
  padding: 2.058px 12px !important;
  color: #42230A !important;
  border-radius: 55.387px !important;
  background: var(--yellow-200) !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 24px !important;
  letter-spacing: -0.064px !important;
  text-transform: capitalize !important;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .article-header h3.article-header__type.color-pink {
  padding: 2.058px 12px !important;
  color: #26042F !important;
  border-radius: 55.387px !important;
  background: var(--pink-200) !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 24px !important;
  letter-spacing: -0.064px !important;
  text-transform: capitalize !important;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .article-header h3.article-header__type.color-indigo {
  padding: 2.058px 12px !important;
  color: var(--indigo-800) !important;
  border-radius: 55.387px !important;
  background: var(--indigo-200) !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 24px !important;
  letter-spacing: -0.064px !important;
  text-transform: capitalize !important;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .article-header h3.article-header__type.color-lime {
  padding: 2.058px 12px !important;
  color: #1A280B !important;
  border-radius: 55.387px !important;
  background: var(--green-200) !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 24px !important;
  letter-spacing: -0.064px !important;
  text-transform: capitalize !important;
}








.featured-content-multi-carousel-item__source {
  margin-top: 1rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.004rem;
  border-radius: 28.335px;
  padding: 2.058px 10.291px 2.058px 8.233px;
  margin-bottom: 0;
}


.svg-wrapper.teal-background {
  border-radius: 8px;
  background: radial-gradient(117.43% 117.43% at 50% 13.75%, #164C63 0%, #09202A 100%);
  width: 40px;
  height: 40px;
}

.ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.slider-el.last-section.js-show-on-scroll.opacity-0.observed.animate-fadeIn>.row {
  padding-bottom: 0;
}























/*************************     Full Catalog page     *************************/

.full-catalog {
  max-width: 78rem;
  padding-inline: 1rem;
  margin: auto;
  margin-bottom: 5rem;
}

.full-catalog h3.h2.widget__title {
  color: var(--indigo-800);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -1.6px;
  text-align: left;
  margin-top: 4rem;
  border-bottom: 1px solid var(--grey-200);
  padding-bottom: 2rem;
  margin-bottom: 32px !important;
}

.full-catalog h3.h2.widget__title::after {
  content: "Find the right content for you";
  display: block;
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
  margin-top: 8px;
}

.full-catalog>div>div>div>div {
  display: flex;
  flex-direction: column;
}

.full-catalog .catalog-filters {
  background: var(--base-white);
  display: flex;
  flex-direction: column;
  position: static;
  gap: 1rem;
}

button.btn.btn--link.btn--inherit-font.catalog-active-filter__remove {
  box-shadow: unset;
  margin-left: 0px;
  border-radius: 12px;
  border: 1px solid var(--grey-300);
  background: transparent !important;
  padding: 10px !important;
  color: var(--grey-600) !important;
  letter-spacing: -0.064px;
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.catalog-active-filter__remove:hover {
  opacity: 80%;
}

button.btn.btn--link.btn--inherit-font.catalog-active-filter__remove:hover {
  color: var(--indigo-500);
}

.catalog-active-filter {
  padding: 0;
  margin-left: 0px;
}

a.catalog-active-filter__remove {
  margin-left: 0px;
  border-radius: 12px;
  border: 1px solid var(--grey-300);
  background: transparent !important;
  padding: 10px !important;
  color: var(--grey-600) !important;
  letter-spacing: -0.064px;
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.catalog-active-filters.small-12.medium-10.columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}

.catalog-filters__search.small-12.columns.medium-12 {
  background: var(--base-white);
  border-radius: 12px;
  border: 1px solid var(--grey-300);
}

.full-catalog .catalog-active-filters.small-12.medium-10.columns {
  position: static;
  display: flex;
  margin-bottom: 0 !important;
  min-height: max-content;
}

@media screen and (max-width: 768px) {
  .full-catalog .catalog-active-filter {
    padding: 0;
  }
}



.full-catalog .catalog-search__button {
  left: 0;
  max-width: max-content;
}

.full-catalog .catalog-search input {
  padding: 0;
  padding-left: 35px;
  color: var(--grey-600);
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.064px;
  height: 48px;
}

.full-catalog .catalog-search input::placeholder {
  color: var(--grey-600);
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.064px;
}

.full-catalog .catalog-search input:-webkit-autofill,
.full-catalog .catalog-search input:-webkit-autofill:hover,
.full-catalog .catalog-search input:-webkit-autofill:focus,
.full-catalog .catalog-search input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  background-clip: text;
}

.full-catalog>div>div>div>div .row .medium-3.columns {
  max-width: 300px;
  width: 100%;
}

.full-catalog .medium-9.columns.js-results-holder {
  width: 100%;
  padding-top: 2rem;
}

.full-catalog ul.small-block-grid-1.large-block-grid-3.medium-block-grid-2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-template-rows: auto;
  gap: 2rem;
  padding-right: 0;
}

.full-catalog ul.small-block-grid-1.large-block-grid-3.medium-block-grid-2 li {
  width: 100%;
}

.full-catalog>div>div>div>div>.row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 3rem;
}

.full-catalog>div>div>div>div>.row::before,
.full-catalog>div>div>div>div>.row::after {
  display: none;
}

.full-catalog .catalog-aggregation__expander i {
  color: black;
}

.full-catalog .medium-9.columns.js-results-holder {
  overflow: scroll;
  scrollbar-width: none;
}

.full-catalog .medium-9.columns.js-results-holder::-webkit-scrollbar {
  overflow: scroll;
  scrollbar-width: none;
}

.full-catalog .catalog-aggregation {
  padding: 1rem;
  padding-top: 0rem;
  padding-left: 0rem;
  border-top: 1px solid var(--grey-200);
  max-width: 218px;
}

.catalog-aggregation:nth-of-type(1) {
  border-top: none;
}

.full-catalog .medium-3.columns::before {
  content: "Browse by Type";
  color: var(--indigo-800);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.2px;
  padding-bottom: 1rem;
  padding-top: 0.5rem;
  display: none;
}

.full-catalog .catalog-aggregation>ul>li>button {
  box-shadow: unset !important;
  font-weight: 400 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: var(--grey-700) !important;
}

.full-catalog>div>div>div>div>.row>.medium-3.columns {
  padding-top: 2rem;
}

.full-catalog span.catalog-aggregation__header--label {
  text-align: center;
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.2px;
}

.full-catalog .catalog-aggregation>ul li button {
  box-shadow: unset !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  position: static !important;
  padding: .5rem 1.125rem !important;
  color: var(--grey-700) !important;
  font-family: "Basier Square" !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 28px !important;
  letter-spacing: -0.2px !important;
}

.full-catalog .catalog-filters__search.small-12.columns.medium-3 {
  background: transparent;
  border: 1px solid var(--grey-300);
  min-height: 46px;
  grid-area: 1 / 1 / 2 / 2;
  width: 100%;
}

.full-catalog .catalog-filters__selections.small-6.medium-7.columns {
  border-left: none;
  display: block;
  min-height: max-content;
  width: 100%;
}

.dashboard-catalog .catalog-filters__selections.small-6.medium-7.columns {
  display: none;
}

.dashboard-catalog.live-sessions-catalog>div>div>div>div {
  padding-left: 0 !important;
}

.ember-view.row.widget.widget--catalog.widget--catalog_standard.dashboard-catalog.live-sessions-catalog.js-show-on-scroll.opacity-0.observed.animate-fadeIn {
  padding: 0;
  padding-bottom: 6rem;
}

.dashboard-catalog .catalog-filters__search.small-12.columns.medium-3 {
  background: transparent;
  height: 3rem;
}

.dashboard-catalog .medium-9.columns.js-results-holder {
  padding-inline: 0;
}

.dashboard-catalog .catalog-filters__search .catalog-search {
  height: 100%;
}

.dashboard-catalog.live-sessions-catalog>div>div>div>div>.row>.medium-3.columns .catalog-aggregation ul li button {
  box-shadow: unset !important;
  font-weight: 400 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: var(--grey-700) !important;
  position: static !important;
  padding: 6px 0rem 6px 1.125rem !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  letter-spacing: -0.2px;
}

@media screen and (max-width: 991px) {
  .full-catalog {
    margin-bottom: 4rem;
  }

  .full-catalog>div>div>div>div>.row {
    flex-direction: column;
  }

  .full-catalog .medium-9.columns.js-results-holder {
    width: 100%;
  }

  .full-catalog>div>div>div>div .row .medium-3.columns {
    max-width: none;
    width: 100%;
  }

  .full-catalog>div>div>div>div>.row {
    gap: 2rem;
  }

  .full-catalog .catalog-filters {
    max-width: none;
  }

  .full-catalog ul.small-block-grid-1.large-block-grid-3.medium-block-grid-2 {
    padding-left: 0;
  }

  .full-catalog .medium-9.columns.js-results-holder::before {
    left: 0rem;
  }

  .full-catalog .catalog-aggregation {
    max-width: none;
  }
}

@media screen and (max-width: 768px) {
  .full-catalog .ember-view.ember-text-field.input--expand.form-control {
    padding: 24px 35px;
    margin-bottom: 0;
  }

  .full-catalog ul.small-block-grid-1.large-block-grid-3.medium-block-grid-2 {
    grid-template-columns: 1fr !important;
  }
}
















/************************     Feature Fridays page     ************************/
.feature-fridays-hero {
  background-image:
    url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/67a0f3bc1e84ed9073064336_Feature_Fridays_hero.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
}

.feature-fridays-hero picture {
  display: none;
}

.feature-fridays-hero h2 {
  color: var(--pink-800);
  background: linear-gradient(91deg, #26042F 10.51%, #751B68 90.63%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4.5rem !important;
  font-style: normal;
  font-weight: 500;
  line-height: 102.778%;
  letter-spacing: -3.6px;
  text-align: center;
  display: inline-flex;
  margin-bottom: 1rem !important;
  min-width: max-content;
  padding-right: 1rem;
  padding-left: 1rem;
}

.feature-fridays-hero .hero__caption {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  flex-direction: column;
  position: static;
  padding: 0;
}

.feature-fridays-hero span.h4 {
  color: var(--grey-700);
  text-align: center;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.2px;
  max-width: 30rem;
}

@media screen and (max-width: 767px) {
  .feature-fridays-hero h2 {
    font-size: 3.5rem !important;
    font-style: normal;
    font-weight: 500;
    line-height: 100.778%;
    letter-spacing: -1.6px;
    margin-bottom: 1rem !important;
  }

  .feature-fridays-hero span.h4 {
    font-size: 1.2rem;
    line-height: 26px;
    letter-spacing: -0.2px;
    max-width: 400px;
  }
}

/* .feature-friday-catalog  */

.feature-fridays-banner {
  max-width: 78rem;
  margin: auto;
  padding: 2rem 1rem 2rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

a.btn-arrow {
  border-radius: 12px;
  background: var(--indigo-800);
  box-shadow: var(--shadow-low);
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  color: var(--base-white) !important;
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 144.444%;
  letter-spacing: -0.144px;
  transition: all .3s ease;
}

a.btn-arrow:hover {
  border: 0.8px solid var(--grey-200);
  background: var(--grey-200);
  color: var(--indigo-800) !important;
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

a.btn-arrow:hover svg path {
  stroke: var(--indigo-800);
}

.title {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.064px;
}

.time-text {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 142.857%;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}

.banner-col-wrap {
  padding: 40px;
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  align-items: center;
  border-radius: 10.133px 10.133px 63.333px 10.133px;
  border: 1px solid var(--indigo-200);
  background: var(--indigo-100);
}

.flex-vertical {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}

.feature-fridays-banner .svg-wrapper.red {
  margin-bottom: 0;
}

.feature-fridays-banner .svg-wrapper.red,
.feature-fridays-banner .svg-wrapper.date {
  background: var(--indigo-800);
}

.date-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}

.banner-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
  flex-shrink: 0;
}

.text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.banner-col-two {
  display: flex;
  flex-direction: row;
  gap: 3.5rem;
  border-left: 1px solid var(--grey-200);
  padding-left: 3.5rem;
  margin-left: 3.5rem;
  margin-right: 3.5rem;
  align-items: center;
}

.month {
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142.857%;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #1F235B 0%, #253898 72.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.day {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.6px;
  background: linear-gradient(90deg, #1F235B 0%, #253898 72.88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.date-text {
  color: var(--Pink-800, #26042F);
  font-family: "Basier Square";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.2px;
}


@media screen and (max-width: 1137px) {
  .feature-fridays-banner {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }

  .banner-col-two {
    border-left: unset;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    order: 2;
    flex-direction: column;
    gap: 2rem;
  }

  .banner-col {
    flex-direction: row;
    align-items: center;
  }

  a.btn-arrow {
    order: 2;
  }
}

@media screen and (max-width: 767px) {
  .banner-col-two {
    flex-direction: column;
    width: 100%;
  }

  .banner-col-wrap {
    justify-content: center;
    width: 100%;
  }
}



/* Search bar fix */
.live-sessions-catalog .catalog-filters__selections.small-6.medium-7.columns {
  border-left: none;
  grid-area: 2 / 1 / 3 / 3;
  justify-self: start;
  width: 100%;
  display: block;
}

.live-sessions-catalog .catalog-search-bar {
  height: 100%;
  display: flex;
  margin-bottom: 0rem;
  width: 100%;
}

.live-sessions-catalog .catalog-filters__sort.small-6.medium-2.columns {
  width: unset;
  background: var(--base-white);
  color: var(--grey-600);
  font-family: "Basier Square";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.064px;
  height: 48px;
  min-width: max-content;
  grid-area: 1 / 2 / 2 / 3;
}

.live-sessions-catalog .catalog-filters {
  align-items: center;
  grid-column-gap: 0.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 7fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  width: 100%;
  display: grid;
}

.live-sessions-catalog select#sort-options {
  color: var(--grey-600);
  font-family: "Basier Square";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.064px;
  cursor: pointer;
  border-radius: 12px;
  border: 1px solid var(--grey-300);
  max-width: max-content;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjEyIiB3aWR0aD0iMjQiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0ibTUuOTkyIDAtMyAzLTMtM3oiLz48L3N2Zz4=);
  background-position: 100%;
  background-repeat: no-repeat;
  font-size: 16px;
}

.ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent .featured-content-multi-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent>div>div>div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 4rem;
}

.ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent h3 {
  letter-spacing: -.02rem;
  text-transform: none;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.25rem;
  color: var(--indigo-800);
  text-align: left;
  background: linear-gradient(91deg, #26042F 10.51%, #751B68 90.63%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 338px;
}

.ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent img {
  padding: 0;
  width: 100%;
  object-fit: cover;
  border-radius: 1rem;
}

.ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent .featured-content-multi-carousel-item {
  border-radius: 1rem;
}

.ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent .featured-content-multi-carousel-item__body {
  display: none;
}

.ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent .featured-content-multi-carousel-item {
  border-right: 0px solid var(--base-white);
}

.ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent .featured-content-multi-carousel {
  overflow: visible;
  position: relative;
  white-space: nowrap;
  background: var(--base-white);
  border-radius: 1rem;
  box-shadow: 0 6px 20px 0 #10182814;
  transition: box-shadow .2s ease-in-out, transform .5s ease-in-out;
}

.ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent .featured-content-multi-carousel:hover {
  border-color: var(--indigo-400);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  transform: translateY(-5px);
}

.dashboard-catalog.live-sessions-catalog .catalog-search-bar .catalog-filters .catalog-filters__selections.small-6.medium-7.columns .row.collapse .catalog-content-type.small-12.medium-2.columns {
  display: none;
}

.dashboard-catalog.live-sessions-catalog .catalog-search-bar .catalog-filters .catalog-filters__selections.small-6.medium-7.columns {
  padding-left: 0;
}

@media screen and (max-width: 991px) {
  .ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent>div>div>div {
    flex-direction: column;
    gap: 1rem;
  }

  .ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent h3 {
    max-width: none;
  }

  .ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent>div>div>div>div {
    width: 100%;
  }

  .ember-view.row.widget.widget--featured-content.widget--featured-content_multi-carousel.feature-friday-most-recent>div>div>div ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }
}





















/*************************     Registration layout     ************************/

.registration-hero {
  margin-bottom: 0rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.registration-hero span.h4 {
  max-width: 38rem;
}

.registration-hero h2.hero__title {
  line-height: 1.2;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  gap: 6rem;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(1) {
  background-image: url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/6798e247363c325133a3d1b3_academy_registration.jpg);
  background-position: 100%;
  background-size: cover;
  width: 100%;
  border-radius: 1rem;
  min-height: 450px;
  box-shadow: 0 3px 10px 0 #1018280f;
  border-color: var(--indigo-200);
}

@media screen and (max-width: 991px) {
  body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(1) {
    display: none;
  }

  body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard {
    margin-top: 3rem;
    margin-bottom: 1rem;
  }

  body.ember-application.home.register .ember-view.editor-content.indent-list>p {
    margin-top: 1rem;
  }
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div h3 {
  display: none;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2) {
  width: 100%;
  display: flex;
  align-items: center;
  border-color: var(--indigo-200);
  padding: 20px 30px;
  border-radius: 16px;
  border: 1px solid var(--grey-200);
  background: var(--base-white);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

body.ember-application.home.register .home__content {
  height: auto;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div {
  width: 100%;
  margin-left: 0 !important;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.text-centered {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.3rem;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.text-centered>strong {
  font-size: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.98px;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.text-centered>strong a {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #263899;
  background: linear-gradient(90deg, #1A2567 0%, #263899 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.text-centered .text-xs.mb-2 {
  color: var(--grey-700);
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.028px;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div input {
  box-shadow: unset;
  border-radius: 10px;
  border: 1px solid var(--grey-300);
  background: var(--base-white);
  color: var(--grey-600);
  font-family: "Basier Square";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.064px;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:nth-child(1) {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:nth-child(1):before,
body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:nth-child(1):after {
  display: none;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type:before,
body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type:after {
  display: none;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>div:nth-child(1)>div>label>div:nth-child(2) p button {
  box-shadow: unset;
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-decoration: underline;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>.medium-4.columns.text-right {
  width: 100%;
}


body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>div:nth-child(1)>div>label>div:nth-child(2) p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>div:nth-child(1)>div>label>div:nth-child(2) p>span {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}


body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>div>div>label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 0.5rem;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>div>div>label>div>input {
  margin: 0;
  padding: 0;
  cursor: pointer;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>div>div>label>div:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  cursor: pointer;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>div:nth-child(2)>button:hover {
  background: var(--grey-200);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
  color: black;
}



body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>div:nth-child(1) {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  padding: 0;
  margin: 0;
  width: 100%;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>div:nth-child(1)>div {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>div>div>label:before,
body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>div>div>label:after {
  display: none;
}

body.ember-application.home.register .ember-view.row.widget.widget--registration-form.widget--registration-form_standard>div>div:nth-child(2)>div>div>.row>div>div:last-of-type>div:nth-child(2)>button {
  padding: 1rem;
  width: 100%;
  border-radius: 10px;
  background: var(--indigo-800);
  box-shadow: var(--shadow-low);
}

body.ember-application.home.register .modal-dialog {
  padding: 3em 1rem 1rem 1rem;
}

body.ember-application.home.register .modal-content {
  height: 85vh;
  position: relative;
}

body.ember-application.home.register .modal-content>.modal-header button {
  font-size: 1.5rem;
  line-height: 0.5;
  height: max-content;
  cursor: pointer;
  border-radius: 0.4rem;
  position: relative;
}

body.ember-application.home.register .modal-content>.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background: var(--base-white);
  z-index: 2;
  border-bottom: 3px solid rgba(203, 203, 203, .5);
}

body.ember-application.home.register .modal-content #ti-terms .terms__copy {
  display: flex;
  flex-direction: column;
}

body.ember-application.home.register .modal-content #ti-terms .terms__copy>h5 {
  text-align: center;
  margin: 1.5rem 0;
}

body.ember-application.home.register .modal-content #ti-terms .terms__copy>* {
  padding: 0;
  margin: 0;
}

body.ember-application.home.register .modal-content #ti-terms .terms__copy h6 {
  margin-top: 1.5rem;
  margin-bottom: 0.3rem;
  text-decoration: none;
  font-size: 0.9rem;
}

body.ember-application.home.register .modal-content #ti-terms .terms__copy ul ul li {
  list-style: disc;
}

body.ember-application.home.register .modal-content #ti-terms .terms__copy p strong {
  margin-top: 1.5rem;
  display: block;
}

body.ember-application.home.register .modal-content #ti-terms .terms__copy p:nth-child(2)>strong,
body.ember-application.home.register .modal-content #ti-terms .terms__copy p:nth-child(3)>strong,
body.ember-application.home.register .modal-content #ti-terms .terms__copy p:nth-child(4)>strong {
  margin-top: 10px;
}

body.ember-application.home.register .modal-content #ti-terms .terms__copy p:nth-child(4)>strong {
  margin-bottom: 10px;
}

body.ember-application.home.register .ember-view.editor-content.indent-list {
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem;
}

.topic__content.topic__content--text.topic__content--full-width.topic__content--post-text-block .editor-content .ember-view.editor-content.indent-list br {
  display: none;
}


.topic__content.topic__content--text.topic__content--full-width.topic__content--post-text-block .editor-content .ember-view.editor-content.indent-list h4 a {
  margin-top: 16px;
  display: block;
}

body.ember-application.home.register .modal-dialog .modal-body>div>.terms__copy,
body.ember-application.home.register .modal-dialog .modal-body>div>hr,
body.ember-application.home.register .modal-dialog .modal-body>div>h4 {
  display: none;
}

@media screen and (max-width: 768px) {
  body.ember-application.home.register .modal-content {
    height: 90vh;
  }

  body.ember-application.home.register .modal-content #ti-terms .terms__copy p:nth-child(2)>strong {
    margin-top: 0;
  }
}

body.ember-application.home.register .ember-view.editor-content.indent-list>p {
  text-align: center;
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.028px;
}

body.ember-application.home.register .ember-view.editor-content.indent-list>p>a {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.028px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

























/**************************     Dashboard layout     **************************/

.m-top-4 {
  margin-top: 4rem;
}

/* Entry point - parent class on this page */
body.ember-application.learn.dashboard {
  background: var(--base-white) !important;
}

body.ember-application.learn.dashboard .ember-view.row.widget.widget--dashboard-access.widget--dashboard-access_standard.learner-dashboard.js-show-on-scroll,
body.ember-application.learn.dashboard .ember-view.row.widget.widget--dashboard-stats.widget--dashboard-stats_standard,
body.ember-application.learn.dashboard .ember-view.row.widget.widget--featured-content.widget--featured-content_standard {
  max-width: 78rem;
  padding-inline: 1rem;
}

body.ember-application.learn.dashboard .slider-el.m-t-0.js-show-on-scroll,
body.ember-application.learn.dashboard .introduction.border-bottom.m-t-4 {
  padding: 1rem;
}

body.ember-application.learn.dashboard .row .row {
  margin: 0;
}

body.ember-application.learn.dashboard [role="main"] {
  max-width: 78rem;
  margin: auto;
}

@media only screen and (min-width: 48.063em) {
  body.ember-application.learn.dashboard .learn.dashboard {
    padding: 0 !important;
  }
}

body.ember-application.learn.dashboard .small-12.columns {
  padding-inline: 0;
}

body.ember-application.learn.dashboard .introduction.border-bottom.gap-32.m-t-4.js-show-on-scroll .medium-12.columns {
  padding-inline: 0;
}


.dashboard-access section[role="tabpanel"] .dashboard-access-list-item .row .medium-4.columns .medium-6.columns a.btn.btn--primary.btn--no-margin.btn--small {
  cursor: pointer;
  transition: all 300ms ease;
  border-radius: 6px;
  border: 0.8px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  background: var(--indigo-800);
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  min-width: max-content;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item .row .medium-4.columns .medium-6.columns a.btn.btn--primary.btn--no-margin.btn--small:hover {
  border: 0.8px solid var(--grey-200);
  background: var(--grey-200) !important;
  color: var(--indigo-800);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item .row .medium-4.columns .medium-6.columns a {
  background-color: #0077B5;
  cursor: pointer;
  transition: all 300ms ease;
  border-radius: 6px;
  border: 0.8px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  white-space: nowrap;
  min-width: max-content;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item .row .medium-4.columns .medium-6.columns a:hover {
  background-color: var(--indigo-700) !important;
  box-shadow: 0 6px 20px 0 var(--shadow);
}

.dashboard-access-list-item>.row {
  display: flex;
  align-items: center;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item>.row .medium-4.columns>.row::after,
.dashboard-access section[role="tabpanel"] .dashboard-access-list-item>.row .medium-4.columns>.row::before {
  display: none;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item .row .medium-3.columns {
  width: 100%;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item .row .medium-4.columns {
  padding-inline: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item .row .medium-6.columns {
  padding-right: 0;
  padding-left: 0;
}

.dashboard-account .section__title {
  text-transform: capitalize;
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

.dashboard-account .section__body.clearfix form .text-xs,
.medium-9.columns.profile__name .text-xs {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.028px;
}

.dashboard-account .section__body.clearfix form input.ember-view.ember-text-field.field__input.form-control {
  border-radius: 10px;
  border: 1px solid var(--grey-300);
  background: var(--base-white);
  color: var(--indigo-800);
  font-size: 16px;
}

.dashboard-account .section__body.clearfix form.row.collapse input.ember-view.ember-text-field.form-control {
  border-radius: 10px;
  border: 1px solid var(--grey-300);
  background: var(--base-white);
  color: var(--indigo-800);
  height: 37px;
}

.dashboard-account .section__body.clearfix form.row.collapse {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.dashboard-account .section__body.clearfix form.row.collapse::before,
.dashboard-account .section__body.clearfix form.row.collapse::after {
  display: none;
}

.dashboard-account .section__body.clearfix form.row.collapse .small-12.medium-9.columns {
  flex: 1;
}

.dashboard-account .section__body.clearfix form.row.collapse .small-12.medium-3.columns {
  flex: 0;
}

.dashboard-account .section__body.clearfix form.row.collapse input[type="submit"].btn.btn--primary--manager.btn--submit {
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  border-radius: 6px !important;
  border: 0.8px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  background: var(--indigo-800);
}

.dashboard-account .section__body.clearfix form.row.collapse input[type="submit"].btn.btn--primary--manager.btn--submit:hover {
  border: 0.8px solid var(--grey-200);
  background: var(--grey-200);
  color: var(--indigo-800);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

.dashboard-account .section__body.clearfix form input.ember-view.ember-text-field.field__input.form-control::placeholder {
  color: var(--grey-600);
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.064px;
}

.dashboard-account .section__body.clearfix form .mb-0 {
  margin-bottom: 0;
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

.dashboard-account .section-container .section__body.clearfix .panel.panel--alt a.btn.btn--expand.btn--primary.btn--no-margin,
.dashboard-account .section__body.clearfix form button.btn.btn--primary--manager--new.btn--no-margin.btn--right {
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  border-radius: 6px;
  border: 0.8px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  background: var(--indigo-800);
}

.dashboard-account .section-container .section__body.clearfix .panel.panel--alt a.btn.btn--expand.btn--primary.btn--no-margin:hover,
.dashboard-account .section__body.clearfix form button.btn.btn--primary--manager--new.btn--no-margin.btn--right:hover {
  border: 0.8px solid var(--grey-200);
  background: var(--grey-200);
  color: var(--indigo-800);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

.dashboard-account .medium-9.columns.dashboard--content-panel div.alert-box.success {
  border-radius: 10px;
  border: 1px solid var(--Action-Error-300, #FEE4E2);
  background: var(--Action-Error-200, #FEECEB);
  box-shadow: var(--shadow-low);
  color: var(--Orange-800, #470800);
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.064px;
}


.session .alert-box.success {
  display: inline-flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid #D0D7E7;
  background: var(--base-white);
  border-radius: 8px;
  color: #081721 !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin-top: 1rem;
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

.dashboard-account .section__body.clearfix p#multifactor-label {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
  margin-bottom: 1rem;
}


.dashboard-access section[role="tabpanel"] .dashboard-access-list-item .row .medium-4.columns>.row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dashboard-catalog .medium-3.columns {
  padding-inline: 0;
}

@media screen and (max-width: 767px) {
  .dashboard-access section[role="tabpanel"] .dashboard-access-list-item>.row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .dashboard-access section[role="tabpanel"] .dashboard-access-list-item .row .medium-4.columns {
    justify-content: flex-start;
  }

  .dashboard-access section[role="tabpanel"] .dashboard-access-list-item .row .medium-3.columns {
    padding-left: 0;
  }

  .dashboard-access section[role="tabpanel"] .dashboard-access-list-item .row .medium-5.columns {
    padding-left: 0;
  }
}





















/*-------------------  Secondary Header -------------------*/

div.header--dashboard {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--grey-200);
  min-width: 100%;
  height: 4.5rem;
  background-color: var(--base-white);
}

div.header--dashboard>.header__inner {
  width: 100%;
  max-width: 78rem;
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
}

div.header--dashboard>.header__inner>.row {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
}

div.header--dashboard>.header__inner>.row:after {
  display: none;
}

div.header--dashboard>.header__inner>.row>div {
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

@media only screen and (width < 1300px) {
  div.header__inner {
    padding: 0;
  }
}

div.header__inner .row:before,
.dashboard .header__inner .row:after {
  display: none;
}

div.header__inner .column.small-6 {
  float: unset;
  width: fit-content;
}





/*---Learner Dashboard---*/

.container {
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: none !important;
}

.main {
  height: 100%;
}

/* removed .dashboard class before the class names */
.dashboard-header-dropdown__link,
.dashboard-header__name,
.dashboard-header__avatar {
  margin: 0;
  padding: 0;
  width: fit-content;
}

.dashboard-header__name {
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Basier Square";
  color: var(--indigo-800);
  transition: all .2s ease;
}

.dashboard-header__name:hover {
  font-weight: 500;
}


/* removed .dashboard class before the class names */
.dashboard-header-dropdown__link .row.collapse {
  display: flex;
  align-items: center;
  gap: 18px;
  width: fit-content;
}

.dashboard-header-dropdown {
  border: 1px solid #f6f6f6;
  -webkit-box-shadow: 0 0 12px -2px rgba(0, 0, 0, .25);
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, .25);
  list-style: none;
  position: absolute;
  top: 130%;
  width: 9.5rem;
  z-index: 4;
  border-radius: 1rem;
  background: var(--base-white);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .dashboard-header-dropdown {
    right: 0;
    left: auto;
  }

  .dashboard-header__name {
    font-size: 13px;
  }
}

.course-actions-dropdown>li,
.dashboard-header-dropdown>li {
  padding: 0;
  background: transparent;
}

.dashboard-header-dropdown>li a {
  font-size: 12.5px;
  font-weight: 400;
  color: var(--indigo-800);
}

.dashboard-header-dropdown>li a:hover {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: unset;
  border-color: none;
  color: var(--indigo-800);
  font-weight: 500;
}

.dashboard-header__avatar__container {
  width: fit-content;
}

.dashboard-header__avatar .avatar {
  height: 2rem;
  width: 2rem;
}

.dashboard-stats__container {
  padding: 0;
  box-shadow: none;
}

.dashboard-stats>li:first-of-type {
  padding-left: 0;
}

.dashboard-stats>li:last-of-type {
  padding-right: 0;
}

.dashboard-stat {
  border-radius: var(--border-radius-xsmall);
  border-color: var(--grey-300)
}

.dashboard-stat--available .dashboard-stat__value {
  color: var(--teal-500)
}

.dashboard-stat--started .dashboard-stat__value {
  color: var(--green-500)
}

.dashboard-stat--completed .dashboard-stat__value {
  color: var(--indigo-500)
}

.dashboard-stat--certificates .dashboard-stat__value {
  color: var(--indigo-600)
}

.dashboard-stat--collaborations .dashboard-stat__value {
  color: var(--pink-500)
}

.dashboard-stat--collaborations {
  display: none !important;
}

.dashboard-access {
  border: none;
}

.dashboard-access__header .button-expander {
  border-radius: var(--border-radius-xsmall);
}

.dashboard-access__header .button-expander i {
  color: var(--indigo-500);
  font-weight: 600;
}

.dashboard-access__header {
  background: none;
  border: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.25em;
  font-weight: 500;
}

.dashboard-access-tab .btn--link {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.dashboard-access-tab__count {
  border-radius: var(--border-radius-xsmall);
  height: 24px;
  color: inherit;
  font-size: 0.85rem;
  font-weight: 400;
  border: 1px solid var(--grey-300) !important;
  padding: 0.25rem 0.5rem;
  line-height: 1rem;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dashboard-access-tab--inactive>button {
  color: #000 !important;
}

.dashboard-access-tab--current,
.dashboard-access-tab--active {
  border: none;
  border-radius: var(--border-radius-small);
  background-color: var(--indigo-200);
}

.dashboard-access-tabs li>button {
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.144px;
}

.dashboard-access-tab--current .dashboard-access-tab__count,
.dashboard-access-tab--active .dashboard-access-tab__count {
  border: none;
  background: var(--base-white);
}

.dashboard-access-tab--active:after {
  display: none;
}

.dashboard-access-tab--current .btn--link,
.dashboard-access-tab--active .btn--link,
.dashboard-access-tab:active .btn--link,
.dashboard-access-tab:focus .btn--link,
.dashboard-access-tab:hover .btn--link {
  color: var(--indigo-500)
}

.dashboard-access section[role="tabpanel"] {
  border: 1px solid var(--grey-300);
  border-radius: var(--border-radius-xsmall);
}

@media only screen and (max-width: 48em) {
  .dashboard-stats {
    padding: 0;
  }
}

.dashboard-access-tabs {
  background: none;
  border: none;
  padding-bottom: 1rem;
  grid-template-rows: auto;
  grid-auto-columns: 1fr;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
  align-items: center;
}

span.ember-view.avatar.flex.justify-center.items-center.flex-col.avatar--initials.print_border.print_border-solid.print_border-neutral-300 {
  background-color: #dddff5;
  color: var(--indigo-500);
  padding: 18px;
  font-size: 15px;
}

.dashboard-access-tabs li {
  cursor: pointer;
  border: 1px solid var(--indigo-200);
  transition: all 300ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

li.dashboard-access-tab--inactive {
  background-color: var(--base-white);
  ;
  opacity: 0.6;
}

li.dashboard-access-tab--inactive:hover {
  background-color: #dddff54d;
  opacity: 1;
}

li.dashboard-access-tab--active:hover {
  background-color: #dddff5;
}

.dashboard-access-tabs li .dashboard-access-tab .btn--link {
  cursor: default;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item:last-of-type {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item:first-of-type {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.dashboard-access section[role="tabpanel"] button.btn.btn--link.btn--inherit-font.dashboard-access-list-item-expander {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item-expansion img {
  border-radius: 6px;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item-expansion>.row>.medium-4.columns {
  padding-left: 0;
  display: none;
}


body.ember-application.learn.dashboard .row .row>.medium-8.columns {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 2rem;
}

body.ember-application.learn.dashboard .row .row>.medium-8.columns .medium-8.columns>.ember-view {
  width: 70%;
}

.dashboard-access-list-item__description {
  width: 30%;
}

body.ember-application.learn.dashboard .row .row>.medium-8.columns>.ember-view {
  width: 100%;
}



.dashboard-access section[role="tabpanel"] .dashboard-access-list-item>.dashboard-access-list-item-expansion>.row>.medium-8.columns>.small-12 {
  display: none;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item>.dashboard-access-list-item-expansion>.row>.medium-8.columns>.ember-view>div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item .dashboard-access-list-item__description>p {
  font-size: 0.87rem;
}

.dashboard-access section[role="tabpanel"] ul.small-block-grid-2.medium-block-grid-4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.dashboard-access-tab--active>button {
  color: var(--indigo-800) !important;
}

.dashboard-access section[role="tabpanel"] .user-engagement-stat:before {
  background-color: #cbcbcb;
  content: " ";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.dashboard-access section[role="tabpanel"] .user-engagement-stat__label-hint {
  right: 5px;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item:nth-of-type(2n) {
  background-color: transparent;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item .grid.grid-cols-12.gap-4.items-center .col-start-11.col-span-2.text-right {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 1rem;
}

.dashboard-access section[role="tabpanel"] .dashboard-access-list-item .grid.grid-cols-12.gap-4.items-center .col-start-11.col-span-2.text-right br {
  display: none;
}

.dashboard-access section[role="tabpanel"] .col-start-11.col-span-2.text-right a.btn.btn--primary.btn--small.m-0 {
  cursor: pointer;
  transition: all 300ms ease;
  border-radius: 6px;
  border: 0.8px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  background: var(--indigo-800);
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.dashboard-access section[role="tabpanel"] .col-start-11.col-span-2.text-right a.btn.btn--primary.btn--small.m-0:hover {
  border: 0.8px solid var(--grey-200);
  background: var(--grey-200);
  color: var(--indigo-800);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

.dashboard-access section[role="tabpanel"] .col-start-11.col-span-2.text-right a small {
  cursor: pointer;
  transition: all 300ms ease;
  border-radius: 6px;
  border: 0.8px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  background: var(--base-white);
  color: #081721;
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.dashboard-access section[role="tabpanel"] .col-start-11.col-span-2.text-right a small:hover {
  background-color: #dddff54d;
}

@media screen and (max-width: 991px) {
  .dashboard-access section[role="tabpanel"] .dashboard-access-list-item .grid.grid-cols-12.gap-4.items-center {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .dashboard-access section[role="tabpanel"] .dashboard-access-list-item .col-start-11.col-span-2.text-right br {
    display: none;
  }

  .dashboard-access section[role="tabpanel"] .col-start-11.col-span-2.text-right a.btn.btn--primary.btn--small.m-0 {
    margin-bottom: 0rem;
    padding: .475em 1em;
  }

  .dashboard-access section[role="tabpanel"] .col-start-11.col-span-2.text-right a small {
    font-size: 14px;
    display: block;
    text-align: center;
  }

  .dashboard-access section[role="tabpanel"] .dashboard-access-list-item .grid.grid-cols-12.gap-4.items-center .col-start-11.col-span-2.text-right {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }

  .dashboard-access section[role="tabpanel"] .dashboard-access-list-item-expansion {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  body.ember-application.learn.dashboard .row .row>.medium-8.columns {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 2rem;
  }

  body.ember-application.learn.dashboard .row .row>.medium-8.columns .medium-8.columns>.ember-view {
    width: 100%;
  }

  .dashboard-access-list-item__description {
    width: 100%;
  }
}


@media screen and (max-width: 768px) {
  .dashboard-access section[role="tabpanel"] .dashboard-access-list-item-expansion img {
    border-radius: 6px;
    width: 100%;
  }

  .dashboard-access section[role="tabpanel"] .dashboard-access-list-item .dashboard-access-list-item__description>p {
    font-size: 1rem;
  }

  .dashboard-access-list-item-expansion>.row>.medium-8.columns {
    padding-inline: 0;
  }

  .dashboard-access section[role="tabpanel"] ul.small-block-grid-2.medium-block-grid-3 {
    display: flex;
  }

  .dashboard-access section[role="tabpanel"] .dashboard-access-list-item-expansion>.row>.medium-4.columns {
    padding-inline: 0;
  }

  .dashboard-access section[role="tabpanel"] ul.small-block-grid-2.medium-block-grid-3 li {
    width: 100%;
  }

  .dashboard-access section[role="tabpanel"] ul.small-block-grid-2.medium-block-grid-3 li:before {
    display: none;
  }
}


@media screen and (max-width: 486px) {
  .dashboard-access section[role="tabpanel"] .user-engagement-stats>ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .dashboard-access section[role="tabpanel"] .user-engagement-stats>ul li:not(:last-of-type) {
    border-bottom: 1px solid #cbcbcb;
  }

  .dashboard-access section[role="tabpanel"] .user-engagement-stats>ul {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
  }

  .dashboard-access section[role="tabpanel"] ul.small-block-grid-2.medium-block-grid-4 li {
    width: 100%;
  }

  .dashboard-access section[role="tabpanel"] ul.small-block-grid-2.medium-block-grid-4 li:before {
    display: none;
  }

  .dashboard-access section[role="tabpanel"] .user-engagement-stat__label {
    max-height: max-content;
  }

  .dashboard-access section[role="tabpanel"] .user-engagement-stat__value-container {
    margin-top: 0;
  }

  .dashboard-access section[role="tabpanel"] .tooltip.tooltip--right {
    transform: translateX(-120%);
  }

  .dashboard-access section[role="tabpanel"] .tooltip.tooltip--right::before {
    left: 100%;
    transform: scaleX(-1);
    top: 0;
  }
}


















/********************** Course/MicroCourse Content  Page **********************/

.ember-view.course__container.sidebar--closed--right {
  max-width: none !important;
  padding-inline: 0 !important;
}

.relative.header.header--student.header--learner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.relative.header.header--student.header--learner {
  display: flex;
  align-items: center;
  justify-content: center !important;
}

.relative.header.header--student.header--learner .header__right {
  max-width: 39rem;
  width: 100%;
  position: static;
  text-align: left;
  float: none;
}

.relative.header.header--student.header--learner .header__left {
  max-width: 39rem;
  width: 100%;
  position: static;
  text-align: right;
  float: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.relative.header.header--student.header--learner .header__left,
.relative.header.header--student.header--learner .header__left .header__left__copy,
.relative.header.header--student.header--learner .header__left .header__left__copy a.course-title.course-title-link {
  min-width: max-content;
}

.relative.header.header--student.header--learner .header__left a.ember-view.header__left__icon {
  display: none;
}

@media screen and (max-width: 768px) {
  .relative.header.header--student.header--learner .header__left {
    width: 100%;
    text-align: left;
  }

  .relative.header.header--student.header--learner {
    justify-content: flex-start !important;
  }

  .relative.header.header--student.header--learner .header__left .header__left__copy {
    width: 100%;
  }

  .header--learner .header__right {
    display: block;
  }

  .relative.header.header--student.header--learner .header__left {
    display: none;
  }
}


.relative.header.header--student.header--learner .header__left a.ember-view.header__left__icon.active {
  display: none;
}

.ember-view.section-progress-bar {
  padding-inline: 0;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.directional__nav a,
.layout-panel>div>div>div>.columns,
.topic__content.topic__content--full-width {
  padding-inline: 0;
}

.topic__content.topic__content--full-width {
  margin-top: 0.3rem;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
}

.topic__content.topic__content--text.topic__content--full-width.topic__content--pre-text-block .editor-content .ember-view.editor-content.indent-list {
  display: flex;
  flex-direction: column;
  gap: 8px !important;
}

.topic__content.topic__content--text.topic__content--full-width.topic__content--post-text-block .editor-content .ember-view.editor-content.indent-list h2 {
  margin-bottom: 8px !important;
}

.topic__content.topic__content--text.topic__content--full-width.topic__content--post-text-block .editor-content .ember-view.editor-content.indent-list ul {
  margin-bottom: 2rem;
  margin-top: 2rem;
  margin-left: 0rem;
  padding-left: 0rem;
}

.topic__content.topic__content--text.topic__content--full-width.topic__content--pre-text-block {
  margin-bottom: 0rem;
}

.enroll__secondary-actions .icon-gift,
.widget--course-purchase .btn--secondary {
  display: none;
}

span.syllabus__section-title-index {
  display: none;
}

/* iframe video  */
.sco {
  height: 0;
  margin-bottom: 0;
  padding-bottom: 57.5%;
  position: relative;
  overflow: hidden;
}

iframe.sco--iframe {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.learner__container--closed .learner__content,
.learner__container.learner__container--closed .layout-panel {
  padding-inline: 0;
}

ul.learner__sidebar-list {
  min-height: max-content;
  max-height: none !important;
  overflow: unset;
}

.learner__content .layout-panel,
.layout-panel>div>div>div>.columns {
  padding-top: 0;
}

.learner-section__title__container h3 {
  margin-top: 0;
}

.course__container .learner__container {
  padding-top: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 5rem;
  max-width: 78rem;
  margin: auto;
  padding-inline: 1rem;
}

.course__container .learner__container .learner__sidebar {
  width: 30%;
  padding-inline: 0;
}

.course__container .learner__container .learner__content {
  width: 100%;
  padding-inline: 0;
  padding-bottom: 1rem
}

.course__container .learner__container:after {
  display: none;
}

.course__container .learner__container .learner__sidebar .expandable-sidebar {
  margin-bottom: 1px;
  box-shadow: 0px 6px 40px 0px rgba(13, 15, 44, 0.08);
  border-radius: 12px;
}

.expandable-sidebar__content {
  border: 1px solid var(--grey-200);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 0.5rem !important;
}

.expandable-sidebar__toggle {
  background: linear-gradient(270deg, #E3EBFF 0.02%, #F5F8FF 132.7%);
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.2px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  border-radius: 12px 12px 0px 0px;
}

a.expandable-sidebar__link .expandable-sidebar__toggle {
  border-radius: 12px;
}

.expandable-sidebar__toggle i.icon-navigatedown.right {
  margin-left: auto;
}

.expandable-sidebar__toggle i.icon-navigateright.right,
.expandable-sidebar__toggle i.icon-navigatedown.right {
  display: none;
}

.learner__sidebar-inner-list span.syllabus__section-title {
  margin-bottom: 1rem !important;
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.064px;
  text-transform: capitalize;
}

.syllabus__topic.syllabus__topic--active {
  background: transparent !important;
  font-weight: 600;
  border-radius: 4px;
}

li.syllabus__topic--non-expandable:before {
  display: none;
}

li.syllabus__topic--non-expandable a:hover {
  color: inherit;
}

ul.syllabus__section-list .syllabus__lesson-container--titles:not(:last-of-type) {
  border-bottom: 1px solid #E9ECF6;
  padding-bottom: 1rem;
}

ul.syllabus__section-list li span a .syllabus__lesson--title-text {
  font-size: 14px !important;
  font-weight: 500;
  margin-bottom: 0.1rem;
  line-height: 114%;
}

li.ember-view.syllabus__topic.syllabus__topic--non-expandable span {
  color: var(--grey-600);
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.028px;
  transition: color .3s ease;
}

li.ember-view.syllabus__topic.syllabus__topic--non-expandable.syllabus__topic--active span {
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.028px;
}

li.ember-view.syllabus__topic.syllabus__topic--non-expandable span:hover {
  color: var(--indigo-800);
}

button.syllabus__lesson--expander .expander-triangle__closed-right {
  border-bottom: 4px solid transparent;
  border-left: 6.9px solid var(--accent-color);
  border-right: 0 solid transparent;
  border-top: 4px solid transparent;
  height: 0;
  margin: .3em 0 0 .5em;
  padding: 0 .25em 0 .5em;
  width: 0;
}

button.syllabus__lesson--expander .expander-triangle__closed-down {
  border-bottom: 0 solid transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6.9px solid var(--accent-color);
  height: 0;
  margin: .3em .6em 0 .5em;
  width: 0;
}

span.ember-view.lesson-progress-page,
span.ember-view.lesson-progress-page.lesson-progress-page--current.lesson-progress-page--completed {
  margin-left: 10px !important;
}

ul.syllabus__section-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.catalog-grid-item__stars,
.learner__container__toggle,
.dashboard-stat--collaborations,
button.bookmark-dropdown__button.bookmark-plus,
.learner__sidebar>.expandable-sidebar__buttons,
.learner__sidebar__expandables>a.expandable-sidebar__link,
button.btn.btn--bare.btn--no-margin.learner__sidebar__search-icon,
.ember-view.learner__sidebar__search>.row.collapse,
.ember-view.learner__sidebar__search>.row.collapse:before,
.ember-view.learner__sidebar__search>.row.collapse:after {
  display: none !important;
}


.directional__nav__button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 1px solid var(--grey-300);
  background: var(--base-white) !important;
  box-shadow: var(--shadow-low);
  width: 48px;
  height: 48px;
  transition: all .3s ease;
}

.directional__nav__button>i {
  color: #969797 !important;
}

.directional__nav__button:hover {
  background: #fbfbfb;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}

.directional__nav__button__container.directional__nav__button__container--prev>div>a>div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.directional__nav__button__container.directional__nav__button__container--next>div>a>div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
}

.section-progress-bar span {
  background-color: var(--indigo-400);
}

.topic__content,
.topic__sidebar {
  margin-bottom: 0rem
}

.relative.header.header--student.header--learner .header__left>.header__left__icon>i {
  font-size: 1.3rem;
}

.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view .medium-4.medium-push-1.end.columns {
  padding-inline: 0;
}

.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view .medium-4.medium-push-1.end.columns .panel {
  background: var(--base-white);
  border-radius: 1rem;
  box-shadow: 0 6px 20px 0 #10182814;
  border-color: var(--indigo-200);
}

.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view .medium-4.medium-push-1.end.columns .panel .ember-view.enroll h5.enroll__title {
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  text-transform: capitalize;
}

.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view .medium-4.medium-push-1.end.columns .panel .ember-view.enroll .ember-view.email-capture input {
  border-radius: 10px;
  border: 1px solid var(--grey-300);
  background: var(--base-white);
  color: var(--grey-600);
  font-family: "Basier Square";
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.064px;
  font-style: normal;
}

.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view .medium-4.medium-push-1.end.columns .panel .ember-view.enroll .ember-view.email-capture input::placeholder {
  font-style: normal;
}

.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view .medium-4.medium-push-1.end.columns .panel .ember-view.enroll p>small {
  color: var(--grey-700);
  text-align: center;
  font-family: "Basier Square";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.028px;
}

.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view button.btn.btn--small.btn--right.btn--primary {
  border-radius: 10px;
  background: var(--indigo-800);
  box-shadow: var(--shadow-low);
  width: 100%;
  margin-top: 0.6rem;
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.034px;
}

.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view .medium-4.medium-push-1.end.columns a.btn.btn--bare.btn--expand.purchase-paywall-submit {
  background: var(--base-white) !important;
  border-radius: 1rem;
  box-shadow: 0 6px 20px 0 #10182814;
  padding: 24px;
  color: var(--indigo-800);
}

.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view .medium-4.medium-push-1.end.columns a.btn.btn--bare.btn--expand.purchase-paywall-submit:hover {
  opacity: 80%;
  color: var(--indigo-800) !important;
}

.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view .medium-4.medium-push-1.end.columns a.ember-view.btn.btn--expand.btn--alt {
  border-radius: 10px;
  background: var(--indigo-800);
  border: 1px solid var(--indigo-800);
  box-shadow: var(--shadow-low);
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.064px;
  margin-top: 24px;
  display: block;
}

.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view button.btn.btn--small.btn--right.btn--primary:hover,
.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view .medium-4.medium-push-1.end.columns a.ember-view.btn.btn--expand.btn--alt:hover {
  color: var(--indigo-800);
  border: 1px solid var(--grey-300);
  background: var(--grey-200);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

/* course content for logged out learners */
.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view .medium-4.medium-push-1.end.columns .panel .ember-view.enroll p {
  margin-bottom: 0.75em;
}

.ember-view.course__container.sidebar--closed--right .learner__container.learner__container--toggled .learner__content .layout-panel .ember-view.section .row .ember-view .ember-view .medium-4.medium-push-1.end.columns .panel .ember-view.enroll a.btn {
  border-radius: var(--border-radius-xsmall);
}

.learner__sidebar__expandables.list-none.logged-out li .expandable-sidebar__toggle {
  border-radius: 12px;
}



@media screen and (max-width: 991px) {
  .learner__container.learner__container--toggled {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .learner__content {
    position: static !important;
    transform: none !important;
    width: 100%;
  }

  .sco {
    padding-bottom: 60%;
  }

  .course__container .learner__container .learner__sidebar {
    width: 100%;
  }

  .course__container .learner__container {
    gap: 0rem;
  }

  .learner__container .learner__content .layout-panel {
    padding-inline: 0;
  }

  .dashboard-catalog.live-sessions-catalog .catalog-filters {
    grid-row-gap: 0rem;
    grid-column-gap: 0rem;
  }

  .relative.header.header--student.header--learner .header__left>.header__left__icon>i {
    font-size: 1rem;
  }
}























/****************************     Account Page     ****************************/

body.ember-application.learn.account [role="main"] {
  max-width: 78rem;
  margin: auto;
}

body.ember-application.learn.account .header.header--subtitle {
  max-width: 78rem;
  margin: auto;
}

body.ember-application.learn.account .header.header--subtitle hr {
  display: none;
}

body.ember-application.learn.account .header.header--subtitle h1 {
  border-bottom: 1px solid var(--grey-200);
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  margin-top: 2rem;
}


body.ember-application.learn.account .header__inner .small-12.columns {
  padding-inline: 0;
}

body.ember-application.learn.account .header__inner .small-12.columns .row.collapse:before,
body.ember-application.learn.account .header__inner .small-12.columns .row.collapse:after {
  display: none;
}

body.ember-application.learn.account .dashboard-account-tab--active {
  cursor: pointer;
  border: 1px solid #dddff5;
  transition: all .3s ease;
  border-radius: 10px;
  background: var(--indigo-800);
}

body.ember-application.learn.account .dashboard-account-tab--active>button {
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.064px;
}

body.ember-application.learn.account .dashboard-account-tab--inactive>button:hover {
  background: var(--grey-200);
}

body.ember-application.learn.account .dashboard-account-tab--inactive {
  border-radius: var(--border-radius-small);
  cursor: pointer;
  border: 1px solid #dddff5;
  transition: all 300msease;
  background-color: var(--base-white);
}

body.ember-application.learn.account .dashboard-account-tab--inactive>button {
  color: var(--indigo-800);
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.064px;
}

.dashboard-account-tab button {
  padding-left: 1rem !important;
}

body.ember-application.learn.account .dashboard-account-tab--inactive:hover {
  background-color: #dddff54d;
}

body.ember-application.learn.account ul.dashboard-account-tabs.unlist {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

@media screen and (max-width: 768px) {
  body.ember-application.learn.account ul.dashboard-account-tabs.unlist {
    margin-bottom: 2rem;
  }

  body.ember-application.learn.account .section__body.clearfix {
    padding: 1em .75em;
  }
}






















/****************************     Support Page     ****************************/


body.ember-application.home.support .ember-view.faqs__container {
  display: flex;
  flex-direction: column;
  max-width: 78rem;
  margin: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

body.ember-application.home.support .ember-view.faqs__container .faq__content.large-8.columns,
body.ember-application.home.support .ember-view.faqs__container .faq__sidebar.large-4.columns {
  width: 100%;
}

body.ember-application.home.support .ember-view.row.widget.widget--support.widget--support_standard h3.h2.widget__title {
  max-width: 78rem;
  text-align: left;
  margin: auto;
  margin-bottom: 2rem;
  margin-top: 3rem;
  text-rendering: optimizeLegibility;
  color: #333;
  font-size: 28px;
  padding-left: 1rem;
  padding-right: 1rem;
}

body.ember-application.home.support .ember-view.row.widget.widget--support.widget--support_standard h3.h2.widget__title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--grey-200);
  margin-top: 1rem;
}

body.ember-application.home.support .faq__search-block>form>.row.collapse:before,
body.ember-application.home.support .faq__search-block>form>.row.collapse:after {
  display: none;
}

body.ember-application.home.support .faq__search-block>form>.row.collapse {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

body.ember-application.home.support .faq__search-block>form>.row.collapse .small-8.medium-9.columns>input {
  border-radius: 0.5rem;
}

body.ember-application.home.support .faq__search-block>form>.row.collapse .small-4.medium-3.columns>input {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 96px;
  border-radius: 0.5rem !important;
  border: 1px solid var(--indigo-800);
  transition: all 350ms ease;
}

body.ember-application.home.support .faq__search-block {
  border-radius: 0.5rem;
}

body.ember-application.home.support .faq__search-block>form>.row.collapse .small-4.medium-3.columns>input:hover {
  background: var(--grey-200);
  border: 1px solid var(--grey-300);
  color: black;
}

body.ember-application.home.support ul.faq__sections {
  grid-template-rows: auto;
  grid-auto-columns: 1fr;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 1rem;
  margin-top: 4rem;
}

body.ember-application.home.support ul.faq__sections>li {
  width: 100%;
}

body.ember-application.home.support .faqs__container .faq__sections>li div {
  padding: 0;
}

body.ember-application.home.support button.btn.btn--link.btn--inherit-font.faq__question {
  white-space: normal;
  text-align: left;
  color: black;
  box-shadow: unset;
  font-weight: 400;
  cursor: pointer;
  transition: all 300ms ease;
}

body.ember-application.learn.course.meetings.index .event-sidebar--tabs.row {
  cursor: default;
  display: flex;
  flex-direction: column-reverse;
}

body.ember-application.learn.course.meetings.index .medium-4.xlarge-3.columns.event-sidebar__content__container {
  border-right: none;
}

body.ember-application.learn.course.meetings.index .layout-panel .tools__container h1.h3.heading.heading--primary {
  border-bottom: 1px solid var(--grey-200);
  padding-bottom: 3px;
}

body.ember-application.learn.course.meetings.index button.btn.event-sidebar__meeting {
  border-radius: 0.5rem;
}

body.ember-application.learn.course.meetings.index button.btn.event-sidebar__meeting:hover {
  color: var(--indigo-800);
  background: var(--grey-200);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

body.ember-application.learn.course.meetings.index button.btn.event-sidebar__meeting:hover .event-sidebar__meeting__title {
  border-color: var(--indigo-800);
}

body.ember-application.learn.course.meetings.index .tools__back-button .header.header--tools .header__inner a.ember-view.btn.btn--link.btn--small:hover {
  background: transparent;
  box-shadow: unset;
  color: inherit;
}




body.ember-application.home.support .faq__contact-block {
  display: none;
}

body.ember-application.home.support button.btn.btn--link.btn--inherit-font.faq__back {
  max-height: fit-content;
  font-size: inherit;
  border-radius: var(--border-radius-xsmall);
  letter-spacing: -.00175rem;
  line-height: 1.375rem;
  padding: .5rem 1rem !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--indigo-800) !important;
  margin-top: 1rem;
  border: 1px solid var(--indigo-800);
}

body.ember-application.home.support button.btn.btn--link.btn--inherit-font.faq__back:hover {
  background: var(--grey-200) !important;
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
  border: 1px solid var(--grey-300);
  color: var(--indigo-800) !important;
}

@media screen and (max-width: 767px) {
  body.ember-application.home.support .faq__search-block>form>.row.collapse {
    flex-direction: column;
    align-items: center;
    gap: 0rem;
  }

  body.ember-application.home.support .faq__search-block>form>.row.collapse,
  body.ember-application.home.support .faq__search-block>form>.row.collapse .small-8.medium-9.columns,

  body.ember-application.home.support .faq__search-block>form>.row.collapse,
  body.ember-application.home.support .faq__search-block>form>.row.collapse .small-4.medium-3.columns {
    width: 100%;
  }

}





















/*********************     Learn Enter Password Page     *********************/

p.h5.pull-right.session__forgot>a:hover {
  box-shadow: unset !important;
  color: inherit !important;
}



/*************************     Learn Sign in Page     *************************/

.session>div>.session__container.medium-6.medium-push-3.columns>form>input[type="submit"] {
  border: 1px solid var(--accent-color);
}

.session>div>.session__container.medium-6.medium-push-3.columns>form>input[type="submit"]:hover {
  border: 1px solid var(--accent-color);
}



.session {
  background-image: url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/67a2054b8280742d3711c3b0_sign-in-background.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding: 1rem;
}

.session>.row {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.session>.row form .medium-3.columns,
.session>.row form .medium-9.columns {
  width: 100%;
}

.session>.row form .medium-12.columns {
  padding-bottom: 10px;
}

.session__container {
  border-radius: 16px;
  border: 1px solid var(--grey-200);
  background: var(--base-white);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
  padding: 24px;
  max-width: 36rem;
  position: static;
}

.session>.row a.btn.btn--link.company__beta-logo:hover {
  box-shadow: unset;
}

.session>.row form h1 {
  color: var(--indigo-800);
  text-align: center;
  font-family: "Basier Square";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.98px;
  margin-top: 1rem;
}

.session>.row form .text-xs.mb-2 {
  color: var(--grey-700);
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.028px;
  margin-bottom: 1rem;
}

.session>.row form input {
  border-radius: 10px;
  border: 1px solid var(--grey-300);
  background: var(--base-white);
  box-shadow: unset;
  color: var(--grey-600);
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.064px;
}

.session>.row form input[type='submit'] {
  width: 100%;
  border-radius: 10px !important;
  background: var(--indigo-800);
  box-shadow: var(--shadow-low);
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.064px;
  margin-top: 1rem;
}

.session>.row form input[type='submit']:hover {
  background: var(--grey-200);
  border: 1px solid var(--grey-300) !important;
  color: var(--indigo-800) !important;
}

.session>.row form p.mb-0 {
  text-align: center;
  margin: 1rem 0;
}

.session>.row form span.session__forgot {
  display: block;
  margin-top: 1rem;
}

.session>.row form span.session__forgot a.btn.btn--link:hover {
  background: transparent;
  color: inherit;
  box-shadow: unset;
  opacity: 90%;
}

button.formWrapperbutton {
  padding: 0;
  background: transparent;
  border: none;
  margin-bottom: 0rem;
}

span.regularText {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.064px;
}

span.blueText {
  color: var(--indigo-500);
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.064px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all .2s ease;
}

span.blueText svg {
  transition: all .2s ease;
}

span.blueText:hover svg {
  transform: translateX(.25rem);
}


a.formWrapperbuttonLink {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.session>.row .alert-box.alert {
  margin: 1rem 0;
  padding: 1rem;
  position: relative;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
  border-color: #ba2f2c;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid var(--Action-Error-300, #FEE4E2);
  background: var(--Action-Error-200, #FEECEB);
  box-shadow: var(--shadow-low);
  color: var(--Orange-800, #470800);
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.064px;
}

/* Login Dialog */
.session__form-sso-dark {
  background: #EB001B;
  padding: 10px;
  color: var(--base-white);
  margin: 10px;
  display: block;
  box-shadow: 5px 5px 10px #888888;
}

.session__form-sso-dark:hover {
  background: #757575;
  padding: 10px;
  color: var(--base-white);
  margin: 10px;
  display: block;
  box-shadow: none;
}

.disclaimer-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(43, 46, 64, 0.10);
  background: rgba(43, 46, 64, 0.06);
  margin-top: 12px;
  margin-bottom: 12px;
}

.disclaimer-box svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.disclaimer-box p {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
  padding-bottom: 0;
  font-style: normal;
  line-height: 153.846%;
  text-align: left;
  font-family: "Basier Square";
  color: rgba(5, 5, 6, 0.96);
  font-feature-settings: 'ss03' on, 'ss08' on;
}

@media screen and (max-width: 567px) { 
  .disclaimer-box svg {
    display: none;
  }
}
















/************************     Content Detail Page     ************************/

.quiz-start__content {
  border-radius: 1rem;
}

.quiz-start__content button.btn.btn--primary.btn--centered.btn--huge {
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  border-radius: 6px;
  border: 0.8px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  background: var(--indigo-800);
}

.quiz-start__content button.btn.btn--primary.btn--centered.btn--huge:hover {
  border: 0.8px solid var(--grey-200);
  background: var(--grey-200);
  color: var(--indigo-800);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}



.course__detail__container {
  max-width: 78rem;
  margin: auto;
  display: flex;
  gap: 3rem;
  padding: 3rem 0;
}

.course__detail__container>div:nth-child(2)>.course__detail__sidebar .ember-view.layout__content--sidebar.layout__content--the-foundations-of-video-creation.layout__content .ember-view.row.widget.widget--course-purchase.widget--course-purchase_standard a {
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  border-radius: 6px;
  border: 0.8px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  background: var(--indigo-800);
}

.course__detail__container>div:nth-child(2)>.course__detail__sidebar .ember-view.layout__content--sidebar.layout__content--the-foundations-of-video-creation.layout__content .ember-view.row.widget.widget--course-purchase.widget--course-purchase_standard a:hover {
  border: 0.8px solid var(--grey-200);
  background: var(--grey-200);
  color: var(--indigo-800);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

.ember-view.topic__container.topic__container__meeting-info p a.btn.btn--large.btn--primary {
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  border-radius: 6px;
  border: 0.8px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  background: var(--indigo-800);
  margin-top: 16px;
  width: min(100%, 300px);
}

.ember-view.topic__container.topic__container__meeting-info p a.btn.btn--large.btn--primary:hover {
  border: 0.8px solid var(--grey-200);
  background: var(--grey-200);
  color: var(--indigo-800);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

.course__detail__container:after {
  display: none;
}

.course__detail__container>.course__detail__content {
  width: 60%;
  padding: 0;
  float: unset;
}



.ember-view.row.widget.widget--course-purchase.widget--course-purchase_standard a {
  color: var(--base-white) !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.144px;
  border-radius: 12px;
  background: var(--indigo-800);
  box-shadow: var(--shadow-low);
  border: 0.8px solid var(--indigo-800);
}

.ember-view.row.widget.widget--course-purchase.widget--course-purchase_standard a:hover {
  border: 0.8px solid var(--grey-200);
  background: var(--grey-200);
  color: var(--indigo-800) !important;
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

.ember-view.row.widget.widget--course-purchase.widget--course-purchase_standard a::before {
  display: none;
}

.ember-view.row.widget.widget--course-purchase.widget--course-purchase_standard button.btn.btn--alt.btn--expand.btn--secondary {
  display: none;
}



.course__detail__container>.course__detail__content li.ember-view.tab-title.tab-title--free-text a {
  color: var(--grey-400);
  font-family: "Basier Square";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 90%;
  letter-spacing: -0.98px;
  background: var(--base-white);
  border: none;
  padding: 0;
  transition: all .2s ease;
}

.course__detail__container>.course__detail__content li.ember-view.tab-title.active.tab-title--free-text a {
  color: var(--indigo-800);
}

.course__detail__container>.course__detail__content li.ember-view.tab-title.tab-title--free-text a:hover {
  color: var(--indigo-800);
}

.course__detail__container>.course__detail__content ul.tabs {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: none;
  margin-bottom: 12px !important;
}

.course__detail__container>.course__detail__content ul.tabs li:nth-of-type(2) {
  border-left: 1px solid var(--grey-400);
  padding-left: 12px;
  margin-left: 12px;
}

.course__detail__container>.course__detail__content ul.tabs>li {
  max-width: max-content;
}

.course__detail__sidebar .btn.preview-link,
.course__detail__sidebar .panel>button.btn.btn--primary {
  border-radius: 0.5rem !important;
  border: 1px solid var(--indigo-800);
  text-align: center;
  transition: all 350ms ease;
  background: var(--indigo-800);
}

.course__detail__sidebar .btn.preview-link,
.course__detail__sidebar .panel>button.btn.btn--primary:hover {
  background: var(--grey-200);
  border: 1px solid var(--grey-300);
  color: black;
}

.course__detail__sidebar ul.webinar__dates {
  display: none;
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered>.panel ul.webinar__dates {
  display: none;
}

.course__detail__sidebar .panel {
  background: var(--base-white);
  border-radius: 1rem;
  box-shadow: 0 6px 20px 0 #10182814;
  border-color: var(--indigo-200);
  transition: all .2s;
}

.course__detail__container>.course__detail__content ul.tabs::before,
.course__detail__container>.course__detail__content ul.tabs::after {
  display: none;
}

.course__detail__container>div:nth-child(2) {
  width: 40%;
}

.course__detail__container>div:nth-child(2)>.course__detail__sidebar {
  width: 100%;
}

.course__detail__container>.course__detail__content .course__detail__header {
  margin-bottom: 2rem;
}

.course__detail__container>.course__detail__content .course__detail__header h1 {
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.6px;
  margin-bottom: 1rem;
}

.course__detail__header p {
  font-size: 1.125rem;
  color: var(--grey-700);
  font-family: "Basier Square";
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
  border-bottom: 1px solid #E9ECF6;
  padding-bottom: 32px;
}

.course__detail__container>.course__detail__content>div:nth-child(3)>div>div>div:before,
.course__detail__container>.course__detail__content>div:nth-child(3)>div>div>div:after {
  display: none;
}

.course__detail__container>.course__detail__content div:nth-child(3) .content {
  padding-inline: 0;
}


.course__detail__enrolled a.btn.btn--bare.btn--small.btn--no-margin {
  color: var(--indigo-800) !important;
}

.course__detail__enrolled a.btn.btn--bare.btn--small.btn--no-margin:hover {
  opacity: 80%;
}

.course__detail__container .tabs-content.tabs-content--free-text .editor-content .ember-view.editor-content.indent-list .speaker-container img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 4.875px;
  max-width: 130px !important;
}

.course__detail__asset img {
  border-radius: 1rem;
}

.speakers p.speaker-name {
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.144px;
  margin-top: 1rem;
}

.speakers p.speaker-title {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.028px;
}

.editor-content .ember-view.editor-content.indent-list ul {
  margin-left: 0rem;
  padding-left: 0rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.editor-content .ember-view.editor-content.indent-list ul li {
  list-style: none !important;
  padding-left: 34px;
  position: relative;
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

.editor-content .ember-view.editor-content.indent-list ul li::before {
  content: url("https://assets-global.website-files.com/65e89895c5a4b8d764c0d710/65fd7f5384403db39c445cf3_CheckBullet.svg") !important;
  top: 0;
  left: 0;
  position: absolute;
}

.topic__content.topic__content--text.topic__content--full-width.topic__content--post-text-block .ember-view.editor-content.indent-list p {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

.topic__content.topic__content--text.topic__content--full-width.topic__content--pre-text-block .editor-content .ember-view.editor-content.indent-list p {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

.course__detail__container .tabs-content.tabs-content--free-text {
  border: unset;
}

ul.webinar__dates li {
  list-style: decimal;
  color: #000000ba;
  margin-bottom: 0.5rem;
}

ul.webinar__dates li::marker {
  color: black;
  font-weight: 400;
}

.course__detail__sidebar .widget--course-purchase .panel p>strong {
  font-size: 1rem;
  font-weight: 500;
  color: black;
  margin-bottom: 1rem;
  display: block;
}

.course__detail__sidebar .widget--course-purchase .panel .enroll>h5 {
  margin-top: 1.5rem;
}

.topic__content.topic__content--text.topic__content--full-width.topic__content--post-text-block {
  margin-top: 0;
}

.topic__contained__container {
  padding-inline: 0;
}

.course__detail__sidebar .panel>#session-select {
  margin: 0.5rem 0 1rem 0;
  cursor: pointer;
}

.course__detail__container>.course__detail__content div:nth-child(3) .content .editor-content h3 {
  margin-bottom: 1rem;
  font-weight: 500;
}

.speakers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 2rem;
}

.speaker-details {
  margin-top: 0.3rem;
}

.speaker-details p {
  line-height: 1.1;
}

.course__detail__enrolled {
  background: var(--base-white);
  border-radius: 1rem;
  box-shadow: 0 6px 20px 0 #10182814;
  border-color: var(--indigo-200);
  padding: 2rem 1rem !important;
  margin-top: 1rem;
}

.course__detail__enrolled a {
  color: black !important;
  box-shadow: unset !important;
  padding: 0 !important;
  transition: all .2s ease;
}

.course__detail__enrolled a:hover {
  color: var(--indigo-500) !important;
  ;
}

.course__detail__sidebar .panel>.enroll>a.btn.btn--primary {
  letter-spacing: -.00175rem;
  line-height: 1.375rem;
  padding: .5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--indigo-800);
  margin-top: 2rem;
  font-weight: 400;
}

.course__detail__sidebar .panel>.enroll>a.btn.btn--primary:hover {
  background: var(--grey-200);
  color: black;
}

a.ember-view.btn.btn--primary.btn--alt.btn--expand:hover {
  background: var(--grey-200);
  border: 1px solid var(--grey-300);
  color: black;
}

.course__detail__container>div:nth-child(2)>.course__detail__sidebar button.btn.btn--alt.btn--expand.btn--secondary {
  background: var(--grey-200) !important;
  border: 1px solid var(--grey-300);
  color: black;
}

.course__detail__sidebar .panel>p>strong.h6 {
  display: none;
}

.topic__content.topic__content--full-width>div>.row>.small-12.large-12.columns p>button.btn--disabled {
  margin-top: 1rem;
  border-radius: 12px;
  border: 1px solid var(--grey-300);
  background: var(--base-white);
  box-shadow: var(--shadow-low);
  width: min(100%, 300px);
}

.topic__content.topic__content--full-width>div>.row>.small-12.large-12.columns p>small {
  font-size: 100%;
  margin-bottom: 1rem;
  display: block;
}

.topic__content.topic__content--text.topic__content--full-width.topic__content--post-text-block a {
  color: var(--indigo-500);
}

body.ember-application.learn.course .topic__text__body .editor-content p a {
  color: var(--indigo-500);
}

body.ember-application.learn.course .topic__text__body .editor-content p a:hover {
  color: var(--indigo-500) !important;
}

body.ember-application.learn.course.notes.section ul.tools__content__sections__list {
  padding-top: 10px;
}

body.ember-application.learn.course.notes.section .tools__content__sections__list a.active {
  background-color: var(--indigo-800);
  color: var(--accent-contrast-color);
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 0.5rem;
}

body.ember-application.learn.course.notes.section span.ember-view.note__editor button.btn.btn--primary.btn--right {
  color: var(--accent-contrast-color);
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 0.5rem;
  max-height: fit-content;
  letter-spacing: -.00175rem;
  line-height: 1.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--indigo-800);
  border: 1px solid var(--indigo-800);
  font-weight: 500;
}

body.ember-application.learn.course.notes.section span.ember-view.note__editor button.btn.btn--primary.btn--right:hover {
  color: var(--indigo-800);
  background: var(--grey-200);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
  border: 1px solid var(--grey-300);
}

body.ember-application.learn.course.notes.section .header.header--tools .header__inner a.ember-view.btn.btn--link.btn--small.active:hover {
  color: inherit;
  background: transparent;
  box-shadow: unset;
}

div#lessonRightSidebar {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
}

div#lessonRightSidebar .sidebar__testimonial,
div#lessonRightSidebar p.h3.heading.heading--primary.no-outline {
  display: none;
}

div#lessonRightSidebar button.btn.btn--primary.btn--expand {
  width: 100%;
  border-radius: 6px;
  border: 0.8px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  background: var(--indigo-800);
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  transition: all .2s ease;
}

div#lessonRightSidebar button.btn.btn--primary.btn--expand:hover {
  border: 0.8px solid var(--grey-200);
  background: var(--grey-200);
  color: var(--indigo-800);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}


div#lessonRightSidebar a.ember-view.next-section.btn.btn--expand.btn--primary {
  border-radius: 12px;
  background: var(--indigo-800);
  box-shadow: var(--shadow-low);
  padding: 10px 18px;
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.144px;
  margin-bottom: 0;
  margin-top: 10px;
  border: 1px solid var(--indigo-800);
}

div#lessonRightSidebar a.ember-view.next-section.btn.btn--expand.btn--primary:hover {
  background: var(--grey-200);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
  border: 1px solid var(--grey-300) !important;
  color: var(--indigo-800);
}

.share__container ul li a.btn.btn--social:hover {
  background: var(--base-white);
  color: black;
}


@media screen and (max-width: 991px) {
  .course__detail__container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .course__detail__container>div:nth-child(2),
  .course__detail__container>.course__detail__content {
    width: 100%;
  }

  .speakers {
    max-width: max-content;
    gap: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .course__detail__container {
    padding: 0;
    gap: 1rem;
  }

  .course__detail__container>.course__detail__content li.ember-view.tab-title.tab-title--free-text a {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
  }

  .course__detail__container>.course__detail__content ul.tabs {
    margin-bottom: 0px !important;
  }
}




















/*********************     Live Session Content  Page     *********************/

.topic__text__body,
.topic__contained__container,
.topic__content.topic__content--text {
  padding-inline: 0;
}

body.ember-application.learn.course .topic__text__body .editor-content p a {
  padding-top: 0.5rem;
  display: inline-block;
}

body.ember-application.learn.course .topic__text__body .editor-content p a:hover {
  opacity: 80%;
  color: var(--link-color);
}

.topic__contained__content.topic__contained__content--borderless>div>ul .small-12.columns {
  padding-left: 0.75rem;
  margin-top: 1rem;
}














/********************    Recorded Session Content Page     ********************/


body.ember-application.learn.video .header--article .header__inner {
  max-width: 78rem;
  margin: auto;
  height: 4.5rem;
  display: flex;
  align-items: center;
}

body.ember-application.learn.video .header--article .header__inner>.row,
body.ember-application.learn.video .header--article .header__inner>.row .columns.medium-6 {
  height: 100%;
  display: flex;
  align-items: center;
}

body.ember-application.learn.video .layout-panel.layout-panel--article {
  max-width: 78rem;
  margin: auto;
  padding: 1rem;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .article-content h1.article-content__header {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 118.75%;
  background: linear-gradient(90deg, #09202A 0%, #164C63 72.88%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-content {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 0rem !important;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-content .ember-view ul li {
  list-style: none !important;
  padding-left: 34px;
  position: relative;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-content .ember-view ul {
  margin-left: 0rem !important;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-content .ember-view ul li::marker {
  display: none;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-content .ember-view ul li::before {
  content: url("https://assets-global.website-files.com/65e89895c5a4b8d764c0d710/65fd7f5384403db39c445cf3_CheckBullet.svg") !important;
  top: 0;
  left: 0;
  position: absolute;
}

.tabs-content>.content .editor-content .ember-view.editor-content.indent-list p {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-content h1 {
  order: 1;
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -1.6px;
  border-bottom: 1px solid var(--grey-200);
  padding-bottom: 32px;
  margin-bottom: 32px;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-content p {
  order: 2;
}

body.ember-application.learn.video .layout-panel.layout-panel--article p.lead.article-content__sub-header.article-content__sub-header--with-video {
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.98px;
  margin-top: 32px !important;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.row.widget.widget--hr.widget--hr_standard {
  display: none;
}


body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-content__info {
  order: 3;
  display: none;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-content__body {
  order: 4;
  margin-bottom: 64px;
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
  margin-top: 8px;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-content__body br {
  display: none !important;
}


body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-content .ember-view {
  order: 2;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-content__body>.editor-content ul {
  padding-left: 0;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.editor-content-wrapper .editor-list {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}



/*
#editorList {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
*/
.editor-content-wrapper>* {
  order: unset !important;
}





body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-header hr {
  margin-inline: 1rem;
}

body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-header:before,
body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-header:after,
body.ember-application.learn.video .layout-panel.layout-panel--article .ember-view.topic__container.topic__container__article .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .article-sidebar {
  display: none;
}


body.ember-application.learn.video .layout-panel.layout-panel--article .article-header h3.article-header__type {
  letter-spacing: -1.6px;
  margin: 0;
  letter-spacing: .035rem !important;
  text-transform: uppercase !important;
  font-size: .875rem !important;
  font-weight: 500 !important;
  line-height: 1.25rem !important;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-radius: var(--border-radius-xsmall);
  cursor: default;
  align-items: center;
  padding: .375rem .75rem !important;
  display: inline-flex;
  position: relative;
  margin-bottom: 0 !important;
}

body.ember-application.learn.video .layout-panel.layout-panel--article>div>div>div .article-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
}

body.ember-application.learn.video .layout-panel.layout-panel--article>div>div>div .article-header .columns.medium-6.text-left {
  max-width: max-content;
  padding-right: 0;
}

body.ember-application.learn.video .layout-panel.layout-panel--article>div>div>div .article-header .columns.medium-6.text-right {
  max-width: max-content;
}

body.ember-application.learn.video .layout-panel.layout-panel--article>div>div>div .article-header hr {
  display: none;
}



/* Editor content HTML snippet */

.editor-content-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.editor-content-wrapper .spacer-32 {
  width: 100%;
  height: 32px;
}

.editor-content-wrapper .spacer-16 {
  width: 100%;
  height: 16px;
}

.editor-content-wrapper ul,
.editor-content-wrapper h3,
.editor-content-wrapper h4 {
  margin-bottom: 0rem !important;
}
























/**************************     Reschedule page     ***************************/

/* body.ember-application.learn.reschedule */

body.ember-application.learn.reschedule h3.text-center {
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -1.6px;
}

body.ember-application.learn.reschedule p.text-center {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered {
  max-width: 78rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered .panel {
  background: var(--base-white);
  border: none;
  padding: 0;
  margin: 0;
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered>.panel {
  padding: 32px 22px 32px 0px;
  margin: 22px 22px 22px 0px;
  border-top: 1px solid var(--grey-200);
  border-bottom: 1px solid var(--grey-200);
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered>.panel.panel--alt {
  padding: 0;
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered>.panel.panel--alt {
  border-top: none;
  border-bottom: none;
}


body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered>.panel p {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered>.panel.panel--alt label p span {
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.98px;
  margin-bottom: 8px;
  display: block;
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered>.panel.panel--alt button.btn.btn--primary.btn--right {
  border-radius: 12px;
  border: 1px solid var(--grey-300);
  background: var(--base-white);
  box-shadow: var(--shadow-low);
  width: 100%;
  color: var(--indigo-800);
  text-align: center;
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.144px;
  margin-top: 32px;
  transition: all .2s ease;
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered>.panel.panel--alt button.btn.btn--primary.btn--right:hover {
  color: var(--base-white);
  background-color: var(--indigo-800);
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered>.panel .panel__course-access {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
  margin-top: 4px;
  margin-bottom: 10px;
  display: none;
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered>.panel .panel__course-access,
body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered>.panel p strong.h6 {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered>.panel p strong span {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
  margin-top: 4px;
  margin-bottom: 10px;
  display: none;
}

body.ember-application.learn.reschedule .container div .row .large-12.columns .row .medium-6.columns.medium-centered p.text-centered small {
  font-size: 100%;
}

.flip-card,
.flip-card__front {
  border-radius: 1rem;
}

.flip-card.flipped {
  overflow-y: auto;
  min-height: max-content;
}

button.flip-card__icon {
  bottom: 1px;
  right: 3px;
}

.flip-card .flip-card__front .front__content .ember-view.editor-content.indent-list h1 {
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -1.28px;
}

.flip-card .description p {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.028px;
}

.flip-card .description p a {
  color: var(--indigo-500) !important;
  font-weight: 500;
}





















/*******************************     404     *******************************/

body.ember-application.not-found .ember-view.company-logo__container img {
  width: min(100%, 15rem);
}

body.ember-application.not-found .not-found__container p a.btn.btn--alt.btn--primary {
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  border-radius: 6px;
  border: 0.8px solid var(--Monochrome-Grey-Grey-Medium, #D0D7E7);
  background: var(--indigo-800);
}

body.ember-application.not-found .not-found__container p a.btn.btn--alt.btn--primary:hover {
  border: 0.8px solid var(--grey-200);
  background: var(--grey-200);
  color: var(--indigo-800);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

body.ember-application.not-found .not-found__container h3 {
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.98px;
  margin-top: 7rem;
  display: block;
}

.not-found__container>p>a.btn.btn--alt.btn--primary {
  color: var(--base-white);
  text-align: center;
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.064px;
  border-radius: 10px;
  background: var(--indigo-800);
  box-shadow: var(--shadow-low);
  border: 0.8px solid var(--indigo-800);
}

.not-found__container>p>a.btn.btn--alt.btn--primary:hover {
  border: 0.8px solid var(--grey-200);
  background: var(--grey-200);
  color: var(--indigo-800);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

.not-found__container h3 {
  color: var(--indigo-800) !important;
  text-align: center;
  font-family: "Basier Square";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.98px;
  margin-bottom: 2rem !important;
}


















/****************************     Terms of Use     ****************************/

.terms-of-use {
  margin-top: 4rem;
  margin-bottom: 4rem;
  max-width: 50rem;
  padding-inline: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
}

.terms-of-use p.p-14 {
  padding: 0;
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.028px;
}

.terms-of-use p.p-18 {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

.terms-of-use ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
}

.terms-of-use ul li {
  list-style: auto;
}

@media screen and (max-width: 879px) {
  .terms-of-use {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .terms-of-use ul {
    margin-left: 0;
    gap: 24px;
  }

  .terms-of-use ol.lettered-list {
    margin-left: 0;
    margin-top: 13px;
  }
}

















/**************************     Onboarding Path     **************************/


body.ember-application.home.learning-path .collection__courses ul.learning-path-detail-milestone-list li .ember-view.learning-path-detail-milestone-item:last-of-type hr:last-of-type,
body.ember-application.home.learning-path .collection__courses .center-ruled-title,
body.ember-application.home.learning-path .course__detail__runs,
body.ember-application.home.learning-path .enroll__secondary-actions,
body.ember-application.home.learning-path a.ember-view.btn.btn--link.btn--right.learning-path-detail-milestone-item__cta,
body.ember-application.home.learning-path .ember-view.layout__content--sidebar.body.ember-application.home.learning-path layout__content--onboarding-path.layout__content hr,
.ember-view.learning-path-detail-milestone-item hr {
  display: none;
}

body.ember-application.home.learning-path .ember-view.layout__content--sidebar.layout__content--onboarding-path.layout__content {
  background: var(--base-white);
  border-radius: 1rem;
  box-shadow: 0 6px 20px 0 #10182814;
  border-color: var(--indigo-200);
  transition: all .2s;
  padding: 1rem;
}

@media screen and (min-width: 992px) {
  body.ember-application.home.learning-path .ember-view.layout__content--sidebar.layout__content--onboarding-path.layout__content {
    position: sticky;
    top: 6rem;
  }

  body.ember-application.learn.learning-path .ember-view.learning-path-timeline-milestone.learning-path-timeline-milestone--expandable.rounded-lg.border.border-solid.border-neutral-300.p-0.flex.flex-col.items-stretch.mt-8.mx-12 {
    margin-top: 4rem;
  }
}


body.ember-application.home.learning-path .ember-view.layout__content--sidebar.layout__content--onboarding-path.layout__content a.ember-view.btn.btn--primary {
  letter-spacing: -.00175rem;
  line-height: 1.375rem;
  padding: .5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--indigo-800);
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 400;
  box-shadow: var(--shadow-low);
}

body.ember-application.home.learning-path .ember-view.layout__content--sidebar.layout__content--onboarding-path.layout__content a.ember-view.btn.btn--primary:hover {
  background: var(--grey-200);
  color: var(--indigo-800) !important;
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
}

body.ember-application.home.learning-path .ember-view.layout__content--sidebar.layout__content--onboarding-path.layout__content h5.enroll__title {
  font-size: 14px;
  display: block;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.75rem;
  color: var(--indigo-800);
}

body.ember-application.home.learning-path .course__detail__content {
  padding-left: 1rem;
}

body.ember-application.home.learning-path .course__detail__content h1 {
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.6px;
  margin-bottom: 1rem;
}

body.ember-application.home.learning-path ul.learning-path-detail-milestone-list li h3 {
  color: var(--indigo-500);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.98px;
}

body.ember-application.home.learning-path .collection__courses ul.learning-path-detail-milestone-list li > hr {
  padding-bottom: 2.5rem;
  margin-bottom: 0;
}

body.ember-application.home.learning-path h4.learning-path-detail-milestone-item__title {
  padding-bottom: 1rem;
  color: var(--indigo-800);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.72px;
}

body.ember-application.home.learning-path .collection__courses ul.learning-path-detail-milestone-list {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 2rem;
}

body.ember-application.home.learning-path .learning-path-detail-milestone-item__content-type h5.font-bold {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  color: var(--indigo-500);
}

body.ember-application.learn.learning-path .learning-path-timeline-milestone-item-circle.learning-path-timeline-milestone-item-circle__asset.learning-path-timeline-milestone-item-circle__asset--right.learning-path-timeline-milestone-item-circle--current {
  background-color: var(--indigo-500);
  -webkit-box-shadow: 0 0 0 8px #fff, 0 0 0 9px var(--indigo-400), 0 0 0 13px #fff, 0 0 0 14px var(--indigo-200);
  box-shadow: 0 0 0 8px #fff, 0 0 0 9px var(--indigo-400), 0 0 0 13px #fff, 0 0 0 14px var(--indigo-200);
  background: radial-gradient(3672.83% 225.72% at 145.45% 204.55%, #253898 0%, #8098F9 31%, #8098F9 85%);
}

body.ember-application.home.learning-path .learning-path-detail-milestone-item__description {
  padding-top: 4px;
}

body.ember-application.home.learning-path .learning-path-detail-milestone-item__description .ember-view.editor-content.indent-list {
  color: var(--base-dark);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.064px;
}

body.ember-application.home.learning-path .ember-view.learning-path-detail-milestone-item .row.collapse:nth-child(2) {
  display: flex;
  flex-direction: row-reverse;
}

body.ember-application.home.learning-path .ember-view.learning-path-detail-milestone-item .learning-path-detail-milestone-item__asset {
  padding-right: 0;
  border-radius: 12px;
  display: block;
  width: 100%;
  box-shadow: var(--shadow-low);
}

body.ember-application.home.learning-path .learning-path-milestone__badge {
  display: inline-block;
  border-radius: 1.4rem;
  padding: 2.058px 10px;
  color: #26042F;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}

body.ember-application.home.learning-path .learning-path-milestone__badge--elective {
  background: var(--pink-200);
}

body.ember-application.home.learning-path .learning-path-milestone__badge--required {
  background: var(--grey-200);
}

body.ember-application.home.learning-path .course__detail__container {
  display: flex;
  flex-direction: row;
}

body.ember-application.home.learning-path .ember-view.learning-path-detail-milestone-item {
  background: var(--base-white);
  border-radius: 1rem;
  box-shadow: 0 6px 20px 0 #10182814;
  border-color: var(--indigo-200);
  transition: all .2s;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
body.ember-application.home.learning-path .ember-view.learning-path-detail-milestone-item:last-of-type {
  margin-bottom: 0;
}

body.ember-application.home.learning-path .ember-view.enroll.enroll--learning-path hr {
  display: none;
}

@media screen and (max-width: 991px) {
  body.ember-application.home.learning-path {
    flex-direction: column-reverse;
  }

  body.ember-application.home.learning-path .course__detail__container {
    display: flex;
    flex-direction: column-reverse;
  }

  body.ember-application.home.learning-path .course__detail__content {
    padding-right: 1rem;
  }
}

@media screen and (max-width: 768px) {
  body.ember-application.home.learning-path .course__detail__container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

















/**************************     Learning Path     **************************/

body.ember-application.learn.learning-path .header.header--article {
  padding: 1rem 0rem;
}

body.ember-application.learn.learning-path .header__inner {
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
}

body.ember-application.learn.learning-path .ember-view.row.widget.widget--back-to-dashboard.widget--back-to-dashboard_standard {
  padding: 1rem 1rem;
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
}

body.ember-application.learn.learning-path a.ember-view.btn.btn--bare.learning-content__back-button.active {
  color: var(--indigo-800);
  transition: opacity 200ms ease;
}

body.ember-application.learn.learning-path a.ember-view.btn.btn--bare.learning-content__back-button.active:hover {
  background: unset;
  box-shadow: none;
  opacity: 80%;
}

body.ember-application.learn.learning-path h1.h2.widget__title {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1.6px;
  padding: 0;
  margin: 0;
  margin-bottom: 8px;
  color: var(--indigo-800);
}

body.ember-application.learn.learning-path p.widget__subtitle {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 144.444%;
  letter-spacing: -0.144px;
  max-width: 588px;
  text-align: center;
  color: var(--grey-700);
  margin: auto;
}

body.ember-application.learn.learning-path button.btn.btn--link.btn--inherit-font.learning-path-timeline-milestone__toggle {
  color: var(--grey-600);
}

body.ember-application.learn.learning-path h3.learning-path-timeline-milestone__title.flex-auto.text-2xl {
  color: var(--indigo-800);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -1.28px;
  text-transform: capitalize;
}

body.ember-application.learn.learning-path p.learning-path-milestone-item__description,
body.ember-application.learn.learning-path .learning-path-milestone-item__alt-description p,
body.ember-application.learn.learning-path .ember-view.editor-content.indent-list p {
  color: var(--indigo-800);
  padding-top: .25em;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.004rem;
  margin-bottom: 0;
}

body.ember-application.learn.learning-path .learning-path-timeline-milestone__description .ember-view.editor-content.indent-list p {
  max-width: 33rem;
}

body.ember-application.learn.learning-path h4.text-2xl.learning-path-milestone-item__title {
  color: var(--indigo-800);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.2px;
}

body.ember-application.learn.learning-path a.ember-view.btn.btn--primary.btn--no-margin.catalog-item {
  max-height: fit-content;
  font-size: inherit;
  border-radius: var(--border-radius-xsmall);
  letter-spacing: -.00175rem;
  line-height: 1.375rem;
  padding: .5rem 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--indigo-800);
  border: 1px solid var(--indigo-800);
  margin-top: 1rem;
}

body.ember-application.learn.learning-path a.ember-view.btn.btn--primary.btn--no-margin.catalog-item:hover {
  color: var(--indigo-800);
  background: var(--grey-200);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
  border: 1px solid var(--grey-300);
}

body.ember-application.learn.learning-path .small-8.small-centered.medium-9.columns.learning-path-timeline-milestone-item__asset img {
  border-radius: 12px;
  box-shadow: var(--shadow-high);
}

body.ember-application.learn.learning-path .ember-view.learning-path-criterion-badge.text-xs.flex.items-center.gap-1.px-2.py-1.rounded-sm.text-white.bg-black {
  display: inline-block;
  border-radius: 1.4rem;
  padding: 1.662px 9.689px;
  background: var(--grey-200);
  color: var(--grey-700);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
body.ember-application.learn.learning-path .ember-view.learning-path-criterion-badge.text-xs.flex.items-center.gap-1.px-2.py-1.rounded-sm.text-white {
  display: inline-block;
  border-radius: 1.4rem;
  padding: 1.662px 9.689px;
  color: var(--pink-800);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
  background: var(--pink-200);
}

body.ember-application.learn.learning-path .learning-path-milestone-item__info h5 {
  max-width: max-content;
  color: var(--indigo-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}

body.ember-application.learn.learning-path span.learning-path-milestone__badge,
body.ember-application.learn.learning-path .ember-view.learning-path-criterion-badge {
  border-radius: 1rem;
  padding: 4px 8px;
}

body.ember-application.learn.learning-path span.learning-path-milestone__badge {
  padding: 4px 8px;
  background: var(--pink-200);
  border-radius: 1.45rem;
  color: var(--pink-800);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}

body.ember-application.learn.learning-path .learning-path-timeline {
  max-width: 78rem;
  padding-inline: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
}

body.ember-application.learn.learning-path .ember-view.learning-path-timeline-milestone.learning-path-timeline-milestone--current.learning-path-timeline-milestone--expandable.rounded-lg.border.border-solid.border-neutral-300.p-0.flex.flex-col.items-stretch.mt-8.mx-12 {
  padding: 0;
  width: 100%;
  margin: 0rem;
}

body.ember-application.learn.learning-path .ember-view.learning-path-timeline-milestone.learning-path-timeline-milestone--expandable.rounded-lg.border.border-solid.border-neutral-300.p-0.flex.flex-col.items-stretch.mt-8.mx-12 {
  padding: 0;
  width: 100%;
  margin-left: 0rem;
  margin-right: 0rem;
  position: relative;
  background: var(--base-white);
  border-radius: 1rem;
  box-shadow: 0 6px 20px 0 #10182814;
  border-color: var(--grey-200);
}

body.ember-application.learn.learning-path .learning-path-timeline-milestone-items.rounded-b-lg,
body.ember-application.learn.learning-path .learning-path-timeline-milestone__header {
  border-radius: 1rem;
  background-color: var(--base-white);
}

body.ember-application.learn.learning-path .learning-path-timeline-milestone-items {
  background-color: var(--base-white);
}

body.ember-application.learn.learning-path .rounded-b-lg.grid.transition-all {
  border-top: 1px solid var(--grey-200);
}

body.ember-application.learn.learning-path .learning-path-timeline-milestone-item__vertical-line {
  width: 1px;
  background: var(--grey-200);
}

@media screen and (max-width: 767px) {
  body.ember-application.learn.learning-path .ember-view.row.widget.widget--title.widget--title_standard {
    padding: 2rem 1rem;
  }

  body.ember-application.learn.learning-path .learning-path-timeline-milestone__header {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}


















/**************************     Onboarding Path     **************************/


.editor-content-wrapper p {
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

.editor-content-wrapper ul {
  padding-left: 0rem;
  margin-left: 0rem;
}

.editor-content-wrapper ul li {
  position: relative;
  list-style: none !important;
  padding-left: 34px;
  color: var(--grey-700);
  font-family: "Basier Square";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

.editor-content-wrapper ul li::before {
  content: url("https://assets-global.website-files.com/65e89895c5a4b8d764c0d710/65fd7f5384403db39c445cf3_CheckBullet.svg") !important;
  top: 0;
  left: 0;
  position: absolute;
}



















/**************************     Learning Path     **************************/

body.ember-application.learn.article.index .header.header--article {
  padding: 1rem 0rem;
}

body.ember-application.learn.article.index .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .columns.medium-3.article-sidebar > .text-center hr,
body.ember-application.learn.article.index .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .text-center.article-sidebar__rating,
body.ember-application.learn.article.index .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .row.article-header {
  display: none;
}

body.ember-application.learn.article.index .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .columns.medium-9.article-content h1.article-content__header {
  color: var(--grey-800);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -1.6px;
  margin-bottom: 8px;
}

body.ember-application.learn.article.index .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard p.lead.article-content__sub-header {
  color: var(--grey-700);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; 
  letter-spacing: -0.2px;
}

body.ember-application.learn.article.index .article-content__info {
  height: 1px;
  margin: 0;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background: #E9ECF6;
}
body.ember-application.learn.article.index .article-content__body {
  margin-top: 0;
}

.columns.medium-3.article-sidebar > .text-center {
  margin-bottom: 4rem;
}

.columns.medium-3.article-sidebar > .text-center img {
  box-shadow: var(--shadow-low);
}


body.ember-application.learn.article.index .header__inner {
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
}

body.ember-application.learn.article.index .layout-panel.layout-panel--article {
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 1rem;
}

body.ember-application.learn.article.index .row.article-header .columns,
body.ember-application.learn.article.index .row.article-header {
  margin: 0;
  padding: 0;
}

body.ember-application.learn.article.index .row.article-header .columns.medium-6.text-right {
  display: none;
}

body.ember-application.learn.article.index .article-sidebar img {
  border-radius: 0.5rem;
}


body.ember-application.learn.article.index .article-sidebar .stars.stars-1 i:first-of-type,
body.ember-application.learn.article.index .article-sidebar .stars.stars-1 i:nth-of-type(2),
body.ember-application.learn.article.index .article-sidebar .stars.stars-1 i:nth-of-type(3),
body.ember-application.learn.article.index .article-sidebar .stars.stars-1 i:nth-of-type(4),
body.ember-application.learn.article.index .article-sidebar .stars.stars-1 i:nth-of-type(5),
body.ember-application.learn.article.index .article-sidebar .stars.stars-2 i:first-of-type,
body.ember-application.learn.article.index .article-sidebar .stars.stars-2 i:nth-of-type(2),
body.ember-application.learn.article.index .article-sidebar .stars.stars-2 i:nth-of-type(3),
body.ember-application.learn.article.index .article-sidebar .stars.stars-2 i:nth-of-type(4),
body.ember-application.learn.article.index .article-sidebar .stars.stars-2 i:nth-of-type(5),
body.ember-application.learn.article.index .article-sidebar .stars.stars-3 i:first-of-type,
body.ember-application.learn.article.index .article-sidebar .stars.stars-3 i:nth-of-type(2),
body.ember-application.learn.article.index .article-sidebar .stars.stars-3 i:nth-of-type(3),
body.ember-application.learn.article.index .article-sidebar .stars.stars-3 i:nth-of-type(4),
body.ember-application.learn.article.index .article-sidebar .stars.stars-3 i:nth-of-type(5),
body.ember-application.learn.article.index .article-sidebar .stars.stars-4 i:first-of-type,
body.ember-application.learn.article.index .article-sidebar .stars.stars-4 i:nth-of-type(2),
body.ember-application.learn.article.index .article-sidebar .stars.stars-4 i:nth-of-type(3),
body.ember-application.learn.article.index .article-sidebar .stars.stars-4 i:nth-of-type(4),
body.ember-application.learn.article.index .article-sidebar .stars.stars-4 i:nth-of-type(5),
body.ember-application.learn.article.index .article-sidebar .stars.stars-5 i:first-of-type,
body.ember-application.learn.article.index .article-sidebar .stars.stars-5 i:nth-of-type(2),
body.ember-application.learn.article.index .article-sidebar .stars.stars-5 i:nth-of-type(3),
body.ember-application.learn.article.index .article-sidebar .stars.stars-5 i:nth-of-type(4),
body.ember-application.learn.article.index .article-sidebar .stars.stars-5 i:nth-of-type(5),
body.ember-application.learn.article.index .stars-1 label:first-of-type i,
body.ember-application.learn.article.index .stars-1 label:nth-of-type(1) i,
body.ember-application.learn.article.index .stars-1 label:nth-of-type(2) i,
body.ember-application.learn.article.index .stars-1 label:nth-of-type(3) i,
body.ember-application.learn.article.index .stars-1 label:nth-of-type(4) i,
body.ember-application.learn.article.index .stars-1 label:nth-of-type(5) i,
body.ember-application.learn.article.index .stars-2 label:first-of-type i,
body.ember-application.learn.article.index .stars-2 label:nth-of-type(1) i,
body.ember-application.learn.article.index .stars-2 label:nth-of-type(2) i,
body.ember-application.learn.article.index .stars-2 label:nth-of-type(3) i,
body.ember-application.learn.article.index .stars-2 label:nth-of-type(4) i,
body.ember-application.learn.article.index .stars-2 label:nth-of-type(5) i,
body.ember-application.learn.article.index .stars-3 label:first-of-type i,
body.ember-application.learn.article.index .stars-3 label:nth-of-type(1) i,
body.ember-application.learn.article.index .stars-3 label:nth-of-type(2) i,
body.ember-application.learn.article.index .stars-3 label:nth-of-type(3) i,
body.ember-application.learn.article.index .stars-3 label:nth-of-type(4) i,
body.ember-application.learn.article.index .stars-3 label:nth-of-type(5) i,
body.ember-application.learn.article.index .stars-4 label:first-of-type i,
body.ember-application.learn.article.index .stars-4 label:nth-of-type(1) i,
body.ember-application.learn.article.index .stars-4 label:nth-of-type(2) i,
body.ember-application.learn.article.index .stars-4 label:nth-of-type(3) i,
body.ember-application.learn.article.index .stars-4 label:nth-of-type(4) i,
body.ember-application.learn.article.index .stars-4 label:nth-of-type(5) i,
body.ember-application.learn.article.index .stars-5 i,
body.ember-application.learn.article.index .star-chooser:focus label i,
body.ember-application.learn.article.index .article-sidebar__rating .star-chooser:hover label i {
  transition: color 300ms ease;
  color: var(--indigo-500) !important;
}

body.ember-application.learn.article.index .columns.medium-3.article-sidebar h4,
body.ember-application.learn.article.index .row.article-header h3.article-header__type {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.2px;
  margin-bottom: 0.5rem;
}

body.ember-application.learn.article.index .ember-view.panel.panel--alt.panel--article-sidebar {
  border: unset;
  border-radius: unset;
  padding: unset;
}

body.ember-application.learn.article.index legend.font-normal.bg-transparent.p-0.mr-2 {
  color: var(--indigo-800);
  font-family: "Basier Square";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.144px;
}

body.ember-application.learn.article.index .ember-view.panel.panel--alt.panel--article-sidebar .row.collapse {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

body.ember-application.learn.article.index .ember-view.panel.panel--alt.panel--article-sidebar .row.collapse .columns.small-2 {
  display: none;
}

body.ember-application.learn.article.index .ember-view.panel.panel--alt.panel--article-sidebar .row.collapse:before,
body.ember-application.learn.article.index .ember-view.panel.panel--alt.panel--article-sidebar .row.collapse:after {
  display: none;
}

body.ember-application.learn.article.index .ember-view.panel.panel--alt.panel--article-sidebar .row.collapse .columns.small-10 a.btn.btn--link:hover {
  color: inherit;
  box-shadow: unset;
}

body.ember-application.learn.article.index .panel--article-sidebar a.btn--link {
  display: inline-block;
  padding: 10px 20px !important;
  border: 1px solid #D0D7E7;
  border-radius: 8px;
  color: #081721;
  font-family: "Basier Square";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  transition: all 400ms ease;
}

body.ember-application.learn.article.index .panel--article-sidebar a.btn--link:hover {
  border: 1px solid #D0D7E7;
  color: #081721 !important;
  background: #E9ECF6 !important;
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12) !important;
}

body.ember-application.learn.article.index .text-center.article-sidebar__rating button.btn.btn--no-margin {
  max-height: fit-content;
  font-size: inherit;
  border-radius: var(--border-radius-xsmall);
  letter-spacing: -.00175rem;
  line-height: 1.375rem;
  padding: .5rem 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--indigo-800);
  border: 1px solid var(--indigo-800);
  color: var(--base-white);
  font-weight: 500;
  margin-top: 0.5rem;
}

body.ember-application.learn.article.index .text-center.article-sidebar__rating button.btn.btn--no-margin:hover {
  color: var(--indigo-800);
  background: var(--grey-200);
  box-shadow: 0px 6px 20px 0px rgba(11, 18, 32, 0.12);
  border: 1px solid var(--grey-300);
}

@media screen and (min-width: 769px) {
  body.ember-application.learn.article.index .ember-view.row.widget.widget--topic-article-content.widget--topic-article-content_standard .columns.medium-9.article-content {
    padding-left: 4rem;
  }
}

@media screen and (max-width: 768px) {
  body.ember-application.learn.article.index .row.article-header {
    display: none;
  }
  body.ember-application.learn.article.index .columns.medium-9.article-content {
    margin-bottom: 3rem;
  }
  body.ember-application.learn.article.index .layout-panel.layout-panel--article {
    padding-top: 1rem;
  }
}



















/*******************************     Footer     *******************************/
footer {
  display: flex;
  align-content: center;
  flex-flow: row wrap;
  padding: 0rem;
}

.footer__powered-by {
  display: none !important
}

.footer__company__info {
  color: var(--grey-600);
  margin-bottom: 0;
}

.footer__company__info::after {
  content: 'Limited. All rights reserved.'
}

footer a:hover {
  color: var(--indigo-500) !important;
}

.footer,
.footer__inner {
  border: none;
  background-color: var(--base-white);
}

.footer__inner,
.footer__links span {
  font-size: 0.65rem;
}

.footer__inner {
  max-width: 78rem;
  max-height: fit-content;
  line-height: 1;
  padding-inline: 1rem;
}

footer {
  position: relative;
  z-index: 15;
  background-image: url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/675331a53f67427d762ac734_Frame%202087325403.jpg);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.footer,
.footer__inner {
  background-color: transparent;
}

.footer__company__info {
  display: none;
}

.footer-wrapper {
  display: flex;
  flex-direction: column;
}

.footer-divider-line {
  height: 1px;
  background: var(--indigo-400);
  margin-top: 56px;
  margin-bottom: 24px;
  opacity: 20%;
}

.footer-top-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-links {
  display: flex;
  gap: 3rem;
}

a.footer-link {
  color: var(--indigo-800);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.064px;
}

p.footer-paragraph {
  color: var(--indigo-800);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 150%;
}

.footer-bottom-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-socials {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

footer a {
  transition: color 300ms ease;
}

footer a:hover {
  color: var(--indigo-400);
}

@media screen and (max-width: 767px) {
  footer {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .footer-top-links {
    gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-links {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .footer-divider-line {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .footer-bottom-links {
    gap: 2rem;
    align-items: flex-start;
    flex-direction: column-reverse;
  }
}