:root {
        --font: "Inter", sans-serif;
        --alt-font: "Inter", sans-serif;
        --accent-color: #00263e;
        --secondary-color: #0369ea;
        --link-color: #0369ea;
        --accent-highlight-color: #00263e;
        --accent-highlight-background-color: #bee6ff;
        --accent-tinted-color-70: #b3bec5;
        --accent-tinted-color-80: #ccd4d8;
        --accent-tinted-color-90: #e6e9ec;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #004571;
        --secondary-hover-color: #2483fc;
        --secondary-contrast-color: #fff;
        --link-hover-color: #56a0fd;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1499701412/zazd71fdlwwp9ucucoac.jpg'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/6a4cc8b5-f759-47ae-8618-d17d82b3588b/35ieqrs3i1pv-Samsara_logo_primary_horizontal.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* Colors */

:root {
    --color-blue: #0369ea; 
    --color-variant-blue: #a0cfff;
    --color-snow: #F0F6FE; 
    --color-charcoal: #101e2d;
    --color-ash: #f3f6fb;
    --color-navy: #00263E;
    --color-black: #000000;
    --color-white: #ffffff;
}
/* Removal of Same Base Grid Styles */
body {
  background: none;
}

.home__content {
  padding:0;
}

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

.learn.dashboard .widget {
  padding: 0;
}

.layout__content .widget.widget--navbar.widget--navbar_standard,
 .layout__content .widget.widget--dashboard-access{
  padding: 0;
}

.dashboard .row .row {
  margin: 0;
}

.row .row {
  margin: 0 auto;
}

.header__inner .row {
  margin: 0 -1rem;
}

.widget--navbar_standard .row .columns {
  padding: 0;
}

.widget--dashboard-access .columns {
  padding-left: 0;
  padding-right: 0;
}

.widget--dashboard-access.widget--dashboard-access_standard .columns {
  padding: 0;
}

.widget--course-purchase .btn.btn--alt.btn--expand.btn--secondary {
  display: none;
}

/* Footer */
.learn.dashboard .widget.widget--html.widget--html_standard {
  padding: 0;
}

.footer {
  display: flex;
  background: var(--color-snow);
  padding: 1rem 2rem;
  width: 100%;
  height: 88px;
}

.footer__inner {
  border-top: none;
  display: flex;
  flex-direction: row-reverse;
}

/* footer.footer {display: none;} */
/*.footer-dashboard {
  height: 88px;
}*/

.footer__links {
  flex-grow: 1;
}

.footer__links a,
.footer__company__info {
  color:var(--color-navy) !important;
  opacity: 1 !important;
  font-size: 16px !important;
} 


.footer__links a:hover {
  font-weight: 500;
} 

/* .footer__company__info { 
  display: none !important; 
} */

/* Navigation */
.header--dashboard {
  padding: 1rem 0 0;
}

.dashboard-header__name {
  display: none;
}

.learn.dashboard .widget.widget--navbar {
  padding: 0;
}

.header .company__beta-logo .company-logo__container img {
  max-width: 600px;
  padding-left: 16px;
}

.navigation-bar.top-bar,
.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button) {
  background: #F0F6FE;
}

.top-bar-section li:not(.has-form) a:not(.button) {
  line-height: 26px;
  padding: 0 12px;
}

.top-bar {
  border-top: 0;
}

.top-bar.expanded {
  padding: 0 0 50px 0;
}

.navigation-bar .top-bar-section ul li>a {
  color: #00263E;
  font-size: 13px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 400;
}

.navigation-bar .top-bar-section li:not(.has-form) a:not(.button):hover,
.navigation-bar .top-bar-section ul li:hover:not(.has-form)>a,
.navigation-bar .top-bar-section li:not(.has-form) a:not(.button):focus {
  background: #F0F6FE;
  color: #0369EA;
}

/*.top-bar-section ul li:nth-of-type(4) a:after {
  content: '\2197';
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #00263E;
}

.top-bar-section ul li:nth-of-type(4) a:hover:after {
  color: #0369EA;
}*/

@media (min-width: 767px) {
  .navigation-bar .top-bar-section ul.left {
    border-bottom: none;
  }

  .top-bar {
    padding: 13px 0 10px 0;
  }
}

@media (max-width: 767px) {
  .header .company__beta-logo .company-logo__container img {
    padding: 10px 10px;
  }

  .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 11px 12px;
  }
  .top-bar .title-area,
  .top-bar.expanded .title-area {
    background: #0E253C;
  }

  .top-bar .toggle-topbar {
    text-align: left;
  }

  .top-bar .toggle-topbar button,
  .top-bar.expanded .toggle-topbar.menu-icon button {
    color: #fff;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
  }

  .top-bar .toggle-topbar.menu-icon button span:after,
  .top-bar.expanded .toggle-topbar.menu-icon button span:after {
    -webkit-box-shadow: none;
    box-shadow: none;
    content:"\005E";
    width: 25px;
    margin-top: -15px;
  }

  .top-bar.expanded .toggle-topbar.menu-icon button span:after {
    transform: rotate(180deg);
    margin-top: 16px;
  }
}

/** Utilities **/
.light-blue-bg {
  background-color: #F0F6FE;
}

/** Typography **/
.widget--title {
  max-width: 355px;
}

.widget--title.widget--title_standard.light-blue-bg {
  max-width: 100%;
}

.h2,
.widget__subtitle,
.catalog-grid-item__description,
p {
  color: #0E253C;
}

.widget__title,
.widget__alt-title__container h3 {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 auto 10px;
  width: 100%;
  text-align: center;
}

.widget__title,
.widget__alt-title__container h3 {
  padding-top: 60px;
}

.widget__subtitle {
  font-size: 16px;
  line-height: 26px;
}

@media (max-width: 767px) {
  .widget--title.widget--title_standard.light-blue-bg .widget__title {
    max-width: 355px;
  }
}

@media (min-width: 767px) {
  .widget__title,
  .widget__alt-title__container h3 {
    font-size: 36px;
    line-height: 48px;
    margin: 0 auto 30px;
  }

  .widget--title {
    max-width: 708px;
  }

  .widget__alt-title__container h3{
    text-align: left;
  }

  .widget__subtitle {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (min-width: 991px) {
  .widget--title,
  .widget__alt-title__container h3 {
    padding-top: 120px;
  }
}

@media (min-width: 1440px) {
  .widget--title {
    max-width: 795px;
  }

  .widget__title {
    font-size: 48px;
    line-height: 60px;
  }
}

/** Hero Styles **/
.layout__content .hero {
  margin-bottom: 0;
}

.hero .hero__caption {
  background: none;
  position: absolute;
  bottom: 50%;
  transform: translate(0,50%);
  left: 0;
  max-width: 500px;
}

.hero .hero__caption .hero__title,
.hero .hero__caption .h4 {
  color: #fff;
}

.hero .hero__caption .hero__title {
  font-weight: 700;
  font-size: 30px;
}

.hero .hero__caption {
  padding: 30px 30px;
}

.hero .hero__caption .h4 {
  display: block;
  font-size: 16px;
  margin-bottom: 30px;
}

.btn.btn--primary {
  background-color: #fff;
  border-color: #fff;
  border-radius: 4px;
  color: #0384FB;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0;
  padding: 15px 20px;
  text-transform: uppercase;
}

.hero .btn.btn--primary::after {
  content: "";
  background-image:url('https://corpweb-static.s3.us-west-2.amazonaws.com/icon-play%402x.png');
  background-size: 100% 100%;
  display: inline-block;
  height: 13px;
  width: 13px;
  position: relative;
  top: 2px;
}

.hero img {
  min-height: 300px;
}

.customers--img picture {
  display: flex;
  background: #036aeb;
  justify-content: flex-end;
}

/** Hero Tablet Media Queries **/
@media (min-width: 767px) {
  .hero .hero__caption {
    max-width: 600px;
  }

  .hero .hero__caption .hero__title {
    font-size: 48px;
    line-height: 52px;
  }

  .hero .hero__caption .h4 {
    font-size: 16px;
  }
}

/** Hero Desktop Media Queries **/
@media (min-width: 991px) {
  .hero .hero__caption .hero__title {
    font-size: 58px;
    line-height: 64px;
  }

  .hero .hero__caption .h4 {
    margin-bottom: 45px;
    font-size: 24px;
  }
}

@media (min-width: 1200px) {
  .hero .hero__caption {
    transform: translate(17%,50%);
  }

  .customers--img .hero .hero__caption {
    transform: translate(0,50%);
  }
}

@media (min-width: 1440px) {
  .customers--img .hero .hero__caption {
    transform: translate(15%,50%);
  }
}

/** Featured Content Tiles **/
.catalog-grid-item,
.catalog-grid-item__hr,
.featured-content-article-item,
.featured-content-article-item__hr {
  border: none;
}

.catalog-grid-item__body hr,
.featured-content-article-item__body hr {
  display: none;
}

.catalog-grid-item__body,
.featured-content-article-item__body {
  display: flex;
  flex-direction: column;
}

.catalog-grid-item__title,
.featured-content-article-item__title {
  font-size: 22px;
  margin-bottom: 10px;
  font-weight: 400;
}

.catalog-grid-item__description,
.featured-content-article-item__description {
  font-size: 16px;
}

.catalog-grid-item__asset,
.featured-content-article-item__asset {
  border-radius: 3px;
}

.catalog-grid-item__source,
.featured-content-multi-carousel-item__source strong{
  text-transform: uppercase;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 1px;
  order: -1;
  padding-bottom: 5px;
}

.btn--right {
  float: none;
}

span.btn.btn--primary {
  display: none;
}

.featured-content-article-item__description:before {
  border: none;
}

/** Site Visbility Section **/
.site-visibility {
  position: relative;
}

.site-visibility .widget__title,
.site-visibility .widget__subtitle,
.site-visibility .btn.btn--primary.btn--centered.btn--large {
  position: absolute;
  color: #fff;
  z-index: 2;
  left: 43%
}

.site-visibility .widget__title {
  top: 22%;
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  padding: 0;
  width: auto;
}

.site-visibility .widget__subtitle {
  top: 38%;
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  padding: 0;
}

.site-visibility .btn.btn--primary.btn--centered.btn--large {
  background-color: transparent;
  border-color: transparent;
  padding: 30px 0 0 0;
  top: 46%;
  text-transform: capitalize;
}

@media (max-width: 766px) {
  .site-visibility .widget__subtitle,
   .site-visibility .widget__title {
    max-width: 185px;
  }
}

@media (min-width: 767px) {
  .site-visibility .widget__title {
    top: 30%;
    font-size: 30px;
    line-height: 42px;
  }

  .site-visibility .widget__subtitle {
    font-size: 16px;
    line-height: 24px;
    top: 41%;
  }

  .site-visibility .widget__title,
  .site-visibility .widget__subtitle,
  .site-visibility .btn.btn--primary.btn--centered.btn--large {
    left: 50%
  }
}

/** Video Modal **/
/* The following is for Responsive Video - DO NOT DELETE */
div.container-vimeo {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

/* The following is for Responsive Video - DO NOT DELETE */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.modal-video {
  display: none;
}

.video__container {
  max-width: 315px;
  margin: 0 auto;
}

.widget.widget--video.widget--video_standard.modal-video {
  padding-top: 100px;
}

.widget.widget--video.widget--video_standard.modal-video.open {
   display: block;
   background: rgba(0,0,0,.7);
   position: absolute;
   width: 100vw;
   height: 100vh;
   top: 0;
   z-index: 2;
}

  .widget.widget--video.widget--video_standard.modal-video.open:before {
    content: "";
    background-image:url('https://corpweb-static.s3.us-west-2.amazonaws.com/modal-close.png');
    background-size: 100% 100%;
    display: inline-block;
    height: 28px;
    width: 28px;
    position: absolute;
    top: 13%;
    right: 4%;
    z-index: 3;
 }

 .container-open {
   width: 100%;
   height: 100%;
   max-width: 100%;
   position: fixed;
 }

@media (min-width: 767px) {
  .video__container {
    max-width: 708px;
  }

  .widget.widget--video.widget--video_standard.modal-video.open:before {
    top: 9%;
    right: 2%;
  }
}

@media (min-width: 992px) {
  .video__container {
    max-width: 992px;
  }

  .widget.widget--video.widget--video_standard.modal-video.open:before {
    top: 17%;
    right: 7%;
  }
}

@media (min-width: 1200px) {

  .widget.widget--video.widget--video_standard.modal-video.open:before {
    top: 10%;
    right: 17%;
  }
}

/** Explore Courses Page **/
hr {
  display: none;
}

.catalog-aggregation--expanded {
  background-color: #fff;
}

.catalog-aggregation--expanded,
.catalog-aggregation {
  border: none;
}

.btn.catalog-aggregation__value {
  color: #333;
  font-size: 16px;
  line-height: 26px;
}

.catalog-aggregation__expander {
  line-height: 30px;
}

.catalog-aggregation__header--label {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #0e253c;
}

.widget--catalog_standard .catalog-grid-item__description:after {
  content:'View Course \0276F';
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #0384FB;
  margin-top: 20px;
}

[class*=block-grid-]>li {
  padding: 0 10px 50px 10px;
}

.catalog-search-bar {
  margin: 0 auto 60px;
}

.catalog-filters__search,
.catalog-filters__sort {
  background: none;
  padding: 0
}

.catalog-filters {
  border-radius: 46px;
  border: 1px solid #c3c8ce;
  background: #F0F6FE;
}

input[type=search] {
  padding-left: 20px;
  border-radius: 46px;
  background: transparent;
}

.catalog-search input:focus,
.catalog-search button {
  background-color: #F0F6FE;
}

@media (max-width: 768px) {
  /* Mobile Styles */
  .catalog-filters {
    border: none;
  }

  .catalog-search__button i {
    padding: 0 0.75rem 15px 0;
  }

  .catalog-search button {
    background-color: transparent;
  }

  .catalog-filters__search input,
  .catalog-filters__select {
    background-color: #F0F6FE;
  }

   select.catalog-filters__select {
    border-radius: 48px;
  }
}

/** Driver Training Page **/
.driver-training .hero {
  margin-bottom: 0;
}

.driver-cards .catalog-grid-item .row,
.partner-cards .catalog-item .row {
  display: flex;
  flex-direction: column;
}

.driver-cards .catalog-grid-item .row .medium-6,
.partner-cards .catalog-item .row .medium-6 {
  width: 100%;
}

.driver-links .catalog-grid-item__title:after {
  content:'View Full Playlist \0276F';
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #0384FB;
  margin-top: 20px;
}

@media (min-width: 1200px) {
  .widget.widget--featured-content.widget--featured-content_standard.driver-cards {
    padding: 120px 130px 80px 130px;
  }
    .widget.widget--featured-content.widget--featured-content_standard.partner-cards {
      padding: 0 200px 0 200px;
    }
}

/** Course Detail Page **/
body.learn.course:not(.manager),
.learner__container,
.learner__sidebar .layout-panel,
.sidebar__toggle,
.expandable-sidebar__buttons {
  background-color: #F7F9FA;
}

.progress.colorized .meter,
.directional__nav__button {
  background: #0384FB;
}

.progress {
  border: none;
  margin-top: 0.625rem;
}

.progress.colorized .meter {
  max-height: 10px;
  border-radius: 0;
}

.learner__content .layout-panel {
  border-radius: 5px;
}

.expandable-sidebar__toggle,
.sidebar__toggle {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  background-color: #F7F9FA;
  color: #00263E;
  border-bottom: 1px solid #b9c4cb;
  padding: 30px 0 15px 0;
  text-transform: capitalize;
}

.learner__sidebar__expandables .container,
.learner__container__toggle--small .btn.btn--expand.hide-sidebar.btn--primary.btn--small.btn--no-margin {
  background-color: #F7F9FA;
}

.learner__sidebar__expandables .container span,
.learner__container__toggle--small .btn.btn--expand.hide-sidebar.btn--primary.btn--small.btn--no-margin {
  color:#333;
}

.learner__sidebar__expandables .bg-accent-100 {
  background-color: #F0F6FE;
}

.learner__container__toggle--small .btn.btn--expand.hide-sidebar.btn--primary.btn--small.btn--no-margin {
  border-color:#F7F9FA;
  font-weight: 500;
  height: 46px;
}

.learner__sidebar__search {
  box-shadow: none;
  padding-bottom: 30px;
}

.learner__sidebar__search input {
  color:#333;
  background: #ffffff;
  box-shadow: none;
  border-radius: 52px;
  border: 1px solid #b9c4cb;
  height: 46px !important;
  padding-left: 35px;
}

.learner__sidebar__search .btn--bare {
  color: #00263E;
  font-size: 16px;
  height: 42px;
  padding: 0 0 0 15px !important;
}

.icon-bookmark-plus:before {
  color: #0384FB;
}

.section-progress-bar span {
  background-color: #0384FB;
}

.learner__container__toggle--small .btn.btn--expand.hide-sidebar.btn--primary.btn--small.btn--no-margin {
  font-size: .75rem !important;
  padding: 0 !important;
}

.icon-compose {
  display: none;
}

.icon-flag {
  font-size: 20px;
}

.directional__nav__button__container .directional__nav__label {
  visibility: visible;
  color:#333;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
} 

.learner-section__title {
  font-size: 36px;
  line-height: 48px;
  color: #0E253C;
  font-weight: 700;
}

.course-progress .stat,
.course-progress__overall,
.course-progress__overall .highlight {
  font-size: 16px;
  line-height: 26px;
  color: #333;
}

.course-progress__overall {
  padding-top: 20px;
}

.avatar.avatar--completion-criteria {
  margin: 0 0 5px 0;
}

.course-progress .stat {
  min-width: 42px;
}

/** My Activity **/
.dashboard-access__header,
.dashboard-access-tabs,
.dashboard-access-tab--active,
.dashboard-access section,
.my-activity-bg {
  background: #f0f6fE;
}

.dashboard-access__header--expanded,
.dashboard-access {
  border: none;
}

.dashboard-access-tab__count {
  background: transparent;
}

.dashboard-access-tab {
  border-width: 0 0 5px;
}

.dashboard-access-tab--active {
  border-color: #0369EA;
}

.dashboard-access-list-item {
  border: none;
  margin: 10px 0;
  padding: 30px 30px;
}

.dashboard-access-list-item:nth-of-type(2n) {
  background: #fff;
}

.dashboard-access__header .button-expander {
  border: 1px solid #0E253C;
  height: 30px;
  width: 30px;
}

.dashboard-access__header {
  color: #0E253C;
  font-size: 24px;
  line-height: 36px;
}

.dashboard-access__header span{
  display: inline-block;
  padding-top: 2px;
  vertical-align: middle;
}

.dashboard-access-list-item-expander__title {
  font-size: 20px;
  color: #0E253C;
}

.dashboard-access-list-item strong {
  color: #0E253C;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1px;
  /*display:none;*/
}

.dashboard-access-list-item .btn.btn--primary {
  font-size: 10px;
  border-color: #0384FB;
  border-radius: 40px;
  padding: 5px;
}

/* target specific cols first, second, and last */
.dashboard-access-list-item > .grid > .col-span-4 {
  /* make first col full width */
  width: 100%;
}
.dashboard-access-list-item > .grid > .col-span-2 {
  /* hide the empty col */
  display: none;
}
.dashboard-access-list-item > .grid > .col-span-2.col-start-11 {
  /* unhind the last col since it has the same span-2 class */
  display: block;
}

.dashboard-access-list-item > .grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 767px) {
  .dashboard-access-list-item .btn.btn--primary {
    padding: 10px 20px;
    font-size: 14px;
  }

  /* undo all of the special column sizing from above */
  .dashboard-access-list-item > .grid {
    display: grid;
  }
  .dashboard-access-list-item > .grid > .col-span-2,
  .dashboard-access-list-item > .grid > .col-span-2.col-start-11 {
    display: block;
  }
  .dashboard-access-list-item > .grid > .col-span-4 {
    width: auto;
  }
}

.dashboard-access-list-item__description {
  font-size: 16px;
  margin: 20px 0;
}

li.user-engagement-stat {
  display: flex;
  flex-direction: column-reverse;
}

.user-engagement-stat__value,
.user-engagement-stat__value--muted,
.user-engagement-stat__value--percent {
  color: #0384FB;
  font-size: 48px;
}

.user-engagement-stat__value--percent {
  vertical-align: baseline;
}

.user-engagement-stat__label {
  color: #0E253C;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}

.user-engagement-stat__value-container i,
.user-engagement-stat:before {
  display: none;
}

.user-engagement-stat__value-container {
  text-align: left;
}

@media (max-width: 768px) {
  .user-engagement-stats ul {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
  }
}

@media (max-width: 991px) {
  .user-engagement-stat__value,
  .user-engagement-stat__value--muted,
  .user-engagement-stat__value--percent {
    font-size: 36px;
  }

  .user-engagement-stat__label {
    font-size: 14px;
  }
}

@media (min-width: 769px) {
  .user-engagement-stat__label {
    height: 55px;
  }

 .widget--dashboard-access .columns {
    padding: 0 1rem;
  }

  .dashboard-access-list-item {
    padding: 30px 90px 30px 30px;
  }

  .user-engagement-stats,
  .dashboard-access-list-item__description {
    padding: 0 15px;
  }
}

/** Partner Portal **/
.partner-cards .catalog-grid-item__description:after {
  content:'Learn More \0276F';
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #0384FB;
  margin-top: 20px;
}

/* Hide last one */
.partner-cards .featured-content-block-grid li:nth-of-type(2) .catalog-grid-item__description:after {
  content:'';
}

/* The following is for Learning Page HERO Image Automatic Blur */
 .learning-content-hero__overlay {
    mix-blend-mode: difference;
}

/* Search bar */
.search-bar-widget {
  border-radius: 50px;
  background: #F0F6FE;
}

.search-bar-widget input {
  padding: 0 30px;
  height: 48px;
}

.search-bar-widget .btn.btn--primary {
  height: 48px;
}

.search-bar-widget input:focus {
  box-shadow: 2px 2px 2px #F0F6FE;
}

.search-bar-widget input,
.search-bar-widget input:focus,
.search-bar-widget input:active,
.search-bar-widget .btn.btn--primary {
  border: none;
  box-shadow: none;
  background: transparent;
  color: #0E235c;
}

.search-bar-widget .btn.btn--primary {
  padding: 5px 20px
}

.learn.dashboard .widget.search-title {
  padding: 0;
}

::-webkit-input-placeholder {
   font-style: normal;
}

:-moz-placeholder {
   font-style: normal;  
}

::-moz-placeholder {
   font-style: normal;  
}

:-ms-input-placeholder {  
   font-style: normal; 
}

.learn.dashboard .widget.widget--searchbar {
  padding: 0 2rem;
}

@media (min-width: 767px) {
  .search-bar-widget input,
  .search-bar-widget .btn.btn--primary {
    height: 70px;
  }
}

.learner__language__selector__btn {
  padding: 3px 0;
}

.learner__language__selector,
.learner__language__selector__btn ul {
  background-color: #f0f6fE;
  text-align: center;
  font-size: 12px;
}

.learner__language__selector__btn ul {
  text-align: left;
}

/* CTA & Translations */
.product-onboarding .catalog-grid-item__description:after,
.featured-content-article-item__description:after,
.mx-link .catalog-grid-item__description:after,
.topics .featured-content-article-item__title:after,
.topics .catalog-grid-item__body:after,
.mx-topics .catalog-grid-item__body:after,
.fr-topics .catalog-grid-item__body:after,
.de-topics .catalog-grid-item__body:after,
.learn-more .catalog-grid-item__description:after,
.mx-learn-more .catalog-grid-item__description:after,
.de-links .catalog-grid-item__description:after,
.de-learn-more .catalog-grid-item__description:after,
.fr-learn-more .catalog-grid-item__description:after,
.fr-links .catalog-grid-item__description:after,
.driver-cards .catalog-grid-item__description:after,
.fr-courses .catalog-grid-item__body:after {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #0384FB;
  margin-top: 20px;
}

/* .product-onboarding .catalog-grid-item__description:after,
.featured-content-article-item__description:after {
  content:'View Course \0276F';
}

.mx-link .catalog-grid-item__description:after {
  content:'Ver Curso \0276F';
}

.de-links .catalog-grid-item__description:after,
.de-courses .catalog-grid-item__description:after {
  content:'Kurs anzeigen \0276F';
}

.fr-links .catalog-grid-item__description:after {
  content:'Voir le cours \0276F';
}

.topics .featured-content-article-item__title:after,
.topics .catalog-grid-item__body:after {
  content:'View Courses \0276F';
}

.mx-topics .catalog-grid-item__body:after {
  content:'Ver Cursos \0276F';
}

.fr-topics .catalog-grid-item__body:after {
  content:'Voir les cours \0276F';
}

.de-topics .catalog-grid-item__body:after {
  content:'Kurse anzeigen \0276F';
}

.learn-more .catalog-grid-item__description:after {
  content:'Learn More \0276F';
}

.driver-cards .catalog-grid-item__description:after {
  content:'Access Now \0276F';
}

.mx-learn-more .catalog-grid-item__description:after {
  content:'Aprender Más \0276F';
}

.de-learn-more .catalog-grid-item__description:after {
  content:'Mehr Lernen \0276F';
}

.fr-learn-more .catalog-grid-item__description:after {
  content:'Apprendre Plus \0276F';
}

.fr-courses .catalog-grid-item__body:after {
  content:'Voir tous les cours \0276F';
} */

/*Remove Cart Button From Top Right*/
#cart-button { display: none; }

/*Remove Hours/Minutes on Learner Access Widget*/
.user-engagement-stat--hours {display: none !important;}

/*Remove Social Share Widget*/
.share__container { display: none; }


/* Added by KS Team */
/* For Featured Content Tiles (Descriptive Layout) - fctNoDesc class for no description */
.fctNoDesc .featured-content-article-item__description::after {display: none;}
.fctNoDesc .featured-content-article-item__body::after {content: 'View More \0276F'; display: block; font-size: 16px; font-weight: 700; color: #0384FB; margin-top: 20px;}
.fctNoDesc .featured-content-article-item__body {padding: 0 1rem 1rem; min-height: 220px;}
.fctNoDesc .featured-content-article-item {box-shadow: 0 0 4px #cfcfcf; border-radius: 5px; overflow: hidden; padding: 0;}
.fctNoDesc .featured-content-article-item .row .column {padding: 0;}
.fctNoDesc.frLnks .featured-content-article-item__body::after {content: 'Voir Plus \0276F';} /* French (FR) */
.fctNoDesc.mxLnks .featured-content-article-item__body::after {content: 'Ver Más \0276F';} /* Spanish (MX) */
.fctNoDesc.deLnks .featured-content-article-item__body::after {content: 'Mehr Anzeigen \0276F';} /* German (DE) */
@media only screen and (max-width: 769px) {
    .fctNoDesc .featured-content-article-item__body {min-height: 0;}
}

/* For Featured Content Tiles (Standard Layout) - fctNoDesc class for no description */
.fctNoDesc .catalog-grid-item__title {margin-top: 1em;}
.fctNoDesc .catalog-grid-item__description::after {display: none;}
.fctNoDesc .catalog-grid-item__body::after {content: 'View More \0276F'; display: block; font-size: 16px; font-weight: 700; color: #0384FB; margin-top: 20px;}
.fctNoDesc .catalog-grid-item__body {padding: 0 1rem 1rem; min-height: 220px;}
.fctNoDesc .catalog-grid-item {box-shadow: 0 0 4px #cfcfcf; border-radius: 5px; overflow: hidden; padding: 0;}
.fctNoDesc .catalog-grid-item .row .column {padding: 0;}
.fctNoDesc.frLnks .catalog-grid-item__body::after {content: 'Voir Plus \0276F';} /* French (FR) */
.fctNoDesc.mxLnks .catalog-grid-item__body::after {content: 'Ver Más \0276F';} /* Spanish (MX) */
.fctNoDesc.deLnks .catalog-grid-item__body::after {content: 'Mehr Anzeigen \0276F';} /* German (DE) */
@media only screen and (max-width: 769px) {
    .fctNoDesc .catalog-grid-item__body {min-height: 0;}
}

/* For Catalog - catlogNoDesc class for no description */
.catlogNoDesc .catalog-grid-item__description::after {display: none;}
.catlogNoDesc .catalog-grid-item__description {display: none;}
.catlogNoDesc .catalog-grid-item__body::after {content: 'View More \0276F'; display: block; font-size: 16px; font-weight: 700; color: #0384FB; margin-top: 20px;}
.catlogNoDesc .catalog-grid-item__body {padding: 1rem 1rem;}
.catlogNoDesc .catalog-grid-item {box-shadow: 0 0 4px #cfcfcf; border-radius: 5px; overflow: hidden; padding: 0;}
.catlogNoDesc .catalog-grid-item .row .column {padding: 0;}
.catlogNoDesc.frLnks .catalog-grid-item__body::after {content: 'Voir Plus \0276F';} /* French (FR) */
.catlogNoDesc.mxLnks .catalog-grid-item__body::after {content: 'Ver Más \0276F';} /* Spanish (MX) */
.catlogNoDesc.deLnks .catalog-grid-item__body::after {content: 'Mehr Anzeigen \0276F';} /* German (DE) */

/* For FAQs on Customers Professional Credentials page */
.faqs h4 {font-size: 22px; font-weight: 400; margin-bottom: 12px; color: #0E253C;}
.faqs p {font-size: 13px; line-height: 22px; font-weight: 400; margin-bottom: 12px; border-bottom: 1px solid #e1e4e6; padding-bottom: 24px; margin-bottom: 48px; color: #0E253C;}

/* For Testimonials Section on Credential page - respoinsive & color issue - testimonials class */
.testimonials .testimonial-quote__author-name {font-size: 16px; color: #fff; font-style: normal;}
.testimonials .testimonial .testimonial-quote__author-name::before {border: 0;}
.testimonials .testimonial .testimonial-quote__author-description {font-size: 16px; color: #77BEFF; font-style: normal;}
@media only screen and (max-width: 1439px) {
    .testimonials .testimonial.learner {padding: 40px 0;}
    .testimonials .testimonial > .testimonial-quote {position: static; transform: none; min-height: 340px;}
    .testimonials .testimonial .testimonial-quote__text {font-size: 24px;}
}

/* For Learner Access widget on My Activity page - class myActivity */
.myActivity.widget--dashboard-access .columns {padding: 0 1rem;}
.myActivity .dashboard-access-list-item {padding: 12px 20px;}
.myActivity .dashboard-access-list-item-expander {position: relative; padding-left: 26px !important;}
.myActivity .dashboard-access-list-item-expander i {position: absolute; top: 2px; left: 0;}
.myActivity .dashboard-access-list-item-expansion .medium-8 {padding: 0 1rem;}
.myActivity .user-engagement-stats, .myActivity .dashboard-access-list-item__description {padding: 0;}
.myActivity .user-engagement-stats ul li {padding-bottom: 0; /*width: 100%;*/}
.myActivity .progress.round {border-radius: 0; height: 10px; padding: 0;}
.myActivity .dashboard-access-list-item-expansion .btn--small::after {content: ' \0276F';}
.myActivity .dashboard-access-list-item-expansion .btn--small {font-size: 16px; color: #0384FB; font-weight: 700; margin-top: 20px; background: none; border: 0; padding: 0;}
.myActivity .dashboard-access-list-item .medium-4 .btn--small.hover_text-white:focus {color: #fff;}
.myActivity .dashboard-access-list-item .medium-4 br {display: none;}

/*.myActivity .user-engagement-stats {display: inline-block; width: calc(140px - 4px); vertical-align: middle;}
.myActivity .user-engagement-progress-bar {display: inline-block; width: calc(100% - 140px - 4px); vertical-align: middle;}*/

/* For Sign In page */
.session .session__container .session__form .text-centered h1 {display: none;}
.session .session__container .session__form .text-centered .text-xs {display: none;}
.session .session__container .session__form .text-centered {padding: 20px 0;}
.session .session__container .session__form .text-centered::before {content: 'Welcome to the Samsara Academy!'; display: block; font-size: 22px;}
.session .session__container .session__form .text-centered::after {content: 'Sign in to your Academy below:'; display: block; font-size: 16px;}

.session__form .loginLnks {margin-bottom: 20px;}
.session__form .loginLnks .lnk, .session__form .loginLnks .emplnk {display: block; margin: 0 auto 20px; width: 72%;}
.session__form .loginLnks .lnk a {display: block; padding: 12px 20px; text-align: center; background: #0384fb; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 16px;}
.session__form .loginLnks .emplnk a {color: #0384FB; text-decoration: underline;}
.session__form {text-align: center;}
.session__form .btn--primary {float: none;}
.session__form .session__forgot {display: block; text-align: center;}
.session__form {padding-bottom: 32px;}

.session__form .field {margin: 0 auto 20px; width: 80%; text-align: left;}
.session__form .field, .session__form .btn--primary, .session__form .session__forgot {display: block;}
.session__form.empform .field, .session__form.empform .session__forgot {display: block;}
.session__form.empform .btn--primary {display: inline-block;}

/* For Home page three column widgets with links - class dash3ColLnk */
.learn.dashboard .dash3ColLnk {padding: 80px 0 40px;}
.dash3ColLnk {padding: 80px 0 40px;}
.dash3ColLnk .medium-4 .editor-content {padding: 20px; border: 1px solid #cfcfcf; min-height: 200px; border-radius: 5px; overflow: hidden;}
.dash3ColLnk .medium-4 .editor-content a {color: #0E253C;}
.dash3ColLnk .medium-4 .editor-content h4 {color: #0E253C; font-size: 22px; font-weight: 400;}
.dash3ColLnk .medium-4 .editor-content h4::after {content: ' →'}
.dash3ColLnk .medium-4 .editor-content p {color: #0E253C; font-size: 16px;}
.dash3ColLnk .medium-4 .editor-content img {height: 80px;}
@media only screen and (max-width: 1439px) {
    .dash3ColLnk .medium-4 .editor-content p {font-size: 13px;}
}


/* For Hero widget on Customer Profession Credentials page - class cpcHero */
@media only screen and (max-width: 1439px) {
    .cpcHero .hero .hero__caption .hero__title {font-size: 40px; line-height: 48px;}
    .cpcHero .hero .hero__caption .h4 {font-size: 18px; margin-bottom: 32px;}
}
@media only screen and (max-width: 620px) {
    .cpcHero img { position: absolute; top: 0; right: 0; height: 100%; max-width: 100%; width: auto;}
    .cpcHero .hero .hero__caption {position: relative; transform: none;}
}

/* For three-column button widget on Customer Profession Credentials page - class cpc3ColFct */
.layout__content .cpc3ColFct {padding: 80px 0 0;}
.cpc3ColFct .catalog-grid-item__body {padding-left: 0; padding-right: 0;}
.cpc3ColFct .catalog-grid-item__title {font-size: 22px; color: #0E253C;}
.cpc3ColFct .catalog-grid-item__description {font-size: 16px; color: #0384FB; font-weight: 700;}
.cpc3ColFct .catalog-grid-item__description::after {content: ' \0276F';}
@media only screen and (max-width: 1439px) {
    .cpc3ColFct .catalog-grid-item__title {font-size: 20px; color: #0E253C;}
    
}

/* For Learning Path pages - global layout */
.learning-path-progress-bar-item__index {background: #333333; line-height: 34px;}
.learning-path-progress-bar-item--current .learning-path-progress-bar-item__index {background: #0369EA;}
.learning-path-progress-bar-item--completed .learning-path-progress-bar-item__index {background: #0369EA;}

.learning-path-timeline-milestone__header, .learning-path-timeline-milestone__header--alt {background: #F0F6FE; border: 0; padding-left: 2em;}
.learning-path-timeline-milestone-item-circle.learning-path-timeline-milestone-item-circle--current {background: #0369EA; box-shadow: 0 0 0 11px #fff, 0 0 0 12px #b2dff3, 0 0 0 17px #fff, 0 0 0 18px #0369EA;}
.learning-path-timeline-milestone-item-circle.learning-path-timeline-milestone-item-circle--completed {background: #0369EA;}
.learning-path-milestone__badge--required {background: #0369EA; font-size: 14px; padding: 4px 12px;}
.learning-path-timeline-milestone-items, .learning-path-timeline-milestone-items--alt {background: #fff;}
.learning-path-timeline-milestone-item .learning-path-milestone-item__title {font-size: 22px; color: #0E253C;}
.learning-path-timeline-milestone-item .learning-path-milestone-item__info {font-size: 16px; color: #0E253C;}
.learning-path-timeline-milestone-item .learning-path-milestone-item__description {font-size: 16px; color: #0E253C;}
.learning-path-timeline-milestone-item .btn.btn--primary {color: #0384FB; border: 1px solid #0384FB; border-radius: 24px; padding: 12px 20px;}
.learning-path-timeline-milestone__header .learning-path-criterion__value-container .icon-flag {display: none;}
.learning-path-timeline-milestone__header .learning-path-criterion__value--pending {color: #333333;}
.learning-path-timeline-milestone__header .learning-path-criterion__slash {color: #0369EA;}
.learning-path-timeline-milestone__header .learning-path-criterion__threshold {color: #0369EA;}
.learning-path-timeline-milestone__header .learning-path-criterion__value-container {font-size: 36px; margin: 0; line-height: normal; color: #333333;}

.learning-path-timeline-milestone__header .learning-path-criterion__value-container .learning-path-criterion__value--complete {color: #0369EA;}

.learning-path-timeline-milestone__header .learning-path-criterion__label {font-size: 13px; color: #767676; height: auto;}
.learning-path-timeline-milestone-item-circle {background: #BBC6D0;}

.myActivity .dashboard-access section[aria-hidden=false] .col-start-11.text-right a {opacity: 0;}
.myActivity .dashboard-access section[aria-hidden=false] .col-start-11.text-right a.sh {opacity: 1;}

.myActivity .dashboard-access section[aria-hidden=false] .dashboard-access-list-item .medium-4 a.btn--primary {opacity: 0;}
.myActivity .dashboard-access section[aria-hidden=false] .dashboard-access-list-item .medium-4 a.btn--primary.sh {opacity: 1;}
.myActivity .user-engagement-stat__label {height: auto;}

.learning-path-certificate-status__circle.learning-path-certificate-status__circle--earned {background: #0369EA;}
.learning-path-certificate-status.learning-path-certificate-status--earned {color: #0369EA;}

.learning-path-certificate-circle--earned {background-image: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/6a4cc8b5-f759-47ae-8618-d17d82b3588b/4bq0i9z0pu57-certificate-granted.png);}

/* For Home link hide on other pages except dashboard */
.header--microsite.show .nav--top {opacity: 1;}


/* For three-column widget using FCT - class tcColFct */
.learn.dashboard .tcColFct, .layout__content .tcColFct {padding: 40px 0;}
.tcColFct .catalog-grid-item__description::after {display: none;}
.tcColFct .catalog-grid-item__title {margin-top: 1em; min-height: 64px;}
.tcColFct .catalog-grid-item__description {font-size: 16px; min-height: 41px;}
.tcColFct .catalog-grid-item__body {padding: 0 1rem 1rem;}
.tcColFct .catalog-grid-item {box-shadow: 0 0 4px #cfcfcf; border-radius: 5px; overflow: hidden; padding: 0;}
.tcColFct .catalog-grid-item .row .column {padding: 0;}
@media only screen and (max-width: 1439px) {
    /*.tcColFct .catalog-grid-item__body {min-height: 148px;}*/
    .tcColFct .catalog-grid-item__description {font-size: 13px;}
}
@media only screen and (max-width: 1439px) {
    .tcColFct .catalog-grid-item__title {min-height: 0;}
    .tcColFct .catalog-grid-item__description {min-height: 0;}
}

/* For Hiding "Gift this Learning Path!" from Learning Path detail page */
.enroll--learning-path .enroll__secondary-actions {display: none;}


/* For Explore by Topics section - View More - class ebtViewMore */
.ebtViewMore .featured-content-article-item__title::after, .ebtViewMore .catalog-grid-item__title::after {display: none;}
.ebtViewMore .featured-content-article-item__body::after, .ebtViewMore .catalog-grid-item__body::after {content: 'View More \0276F'; display: block; font-size: 16px; font-weight: 700; color: #0384FB; margin-top: 4px;}
.ebtViewMore.frLnks .featured-content-article-item__body::after, .ebtViewMore.frLnks .catalog-grid-item__body::after {content: 'Voir Plus \0276F';} /* French (FR) */
.ebtViewMore.mxLnks .featured-content-article-item__body::after, .ebtViewMore.mxLnks .catalog-grid-item__body::after {content: 'Ver Más \0276F';} /* Spanish (MX) */
.ebtViewMore.deLnks .featured-content-article-item__body::after, .ebtViewMore.deLnks .catalog-grid-item__body::after {content: 'Mehr Anzeigen \0276F';} /* German (DE) */

/**** Academy V2 Global Styles ****/
a {
  font-family: "Inter", sans-serif;
}
.btn {
  font-family: "Inter", sans-serif;
}

/**** Academy V2 Generic Color styles ****/
.bg-blue {
  background-color: var(--color-blue);
}

.bg-variant-blue {
  background-color: var(--color-variant-blue);
}

.bg-snow {
  background-color: var(--color-snow);
}

.bg-charcoal {
  background-color: var(--color-charcoal);
}

.bg-ash {
  background-color: var(--color-ash);
}

.bg-navy {
  background-color: var(--color-navy);
}

.bg-black {
  background-color: var(--color-black);
}

.bg-white {
  background-color: var(--color-white);
}

.text-blue {
  color: var(--color-blue);
}

.text-variant-blue {
  color: var(--color-variant-blue);
}

.text-snow {
  color: var(--color-snow);
}

.text-charcoal {
  color: var(--color-charcoal);
}

.text-ash {
  color: var(--color-ash);
}

.text-navy {
  color: var(--color-navy);
}

.text-black {
  color: var(--color-black);
}

.text-white {
  color: var(--color-white) !important;
}

.text-white h1,.text-white h2,.text-white h3,.text-white p {
  color: var(--color-white) !important;
} 

/**** Academy V2 Margin/Padding Classes ****/
/* =================================
   PADDING TOP
   ================================= */
.academy-pt-0 { padding-top: 0rem !important; }
.academy-pt-1 { padding-top: 1rem !important; }
.academy-pt-2 { padding-top: 2rem !important; }
.academy-pt-3 { padding-top: 3rem !important; }
.academy-pt-4 { padding-top: 4rem !important; }
.academy-pt-5 { padding-top: 5rem !important; }
.academy-pt-6 { padding-top: 6rem !important; }
.academy-pt-8 { padding-top: 8rem !important; }
.academy-pt-10 { padding-top: 10rem !important; } */

/* =================================
   PADDING BOTTOM
   ================================= */
.academy-pb-0 { padding-bottom: 0rem !important; }
.academy-pb-1 { padding-bottom: 1rem !important; }
.academy-pb-2 { padding-bottom: 2rem !important; }
.academy-pb-3 { padding-bottom: 3rem !important; }
.academy-pb-4 { padding-bottom: 4rem !important; }
.academy-pb-5 { padding-bottom: 5rem !important; }
.academy-pb-6 { padding-bottom: 6rem !important; }
.academy-pb-8 { padding-bottom: 8rem !important; }
.academy-pb-10 { padding-bottom: 10rem !important; }

/* =================================
   MARGIN TOP
   ================================= */
.academy-mt-0 { margin-top: 0rem !important; }
.academy-mt-1 { margin-top: 1rem !important; }
.academy-mt-2 { margin-top: 2rem !important; }
.academy-mt-3 { margin-top: 3rem !important; }
.academy-mt-4 { margin-top: 4rem !important; }
.academy-mt-5 { margin-top: 5rem !important; }
.academy-mt-6 { margin-top: 6rem !important; }
.academy-mt-8 { margin-top: 8rem !important; }
.academy-mt-10 { margin-top: 10rem !important; }

/* =================================
   MARGIN BOTTOM
   ================================= */
.academy-mb-0 { margin-bottom: 0rem !important; }
.academy-mb-1 { margin-bottom: 1rem !important; }
.academy-mb-2 { margin-bottom: 2rem !important; }
.academy-mb-3 { margin-bottom: 3rem !important; }
.academy-mb-4 { margin-bottom: 4rem !important; }
.academy-mb-5 { margin-bottom: 5rem !important; }
.academy-mb-6 { margin-bottom: 6rem !important; }
.academy-mb-8 { margin-bottom: 8rem !important; }
.academy-mb-10 { margin-bottom: 10rem !important; }

/**** Academy V2 Styles ****/

/* Navigation/Header Styles */
.header--microsite {
  padding: 1rem 2rem;
  border-bottom: 1px solid var(--color-ash);
}

.header--dashboard {
  padding: 1rem 2rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid var(--color-ash);
}

.company__school-name {
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 26px */
  letter-spacing: -0.6px;
  text-transform: none;
  color: #405C6E;
  margin-bottom: 0;
}

.header--dashboard .company-logo__container {
  margin-top: .5rem;
}

.header__inner {
  display: flex;
  align-items: center;
}

.header__inner .company__beta-logo {
  order: 1;
}

.header__inner .company__school-name__divider {
  order: 2;
}

.header__inner .company__school-name {
  order: 3;
}

.header__inner .company__beta-logo .company-logo__container img {
  max-height: 32px;
}

.header__inner .top-bar {
  margin: auto;
  order: 4;
}

.header__inner .top-bar-section {
  display: flex;
  min-width: 450px;
}

.header__inner .top-bar-section ul{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.header__inner .top-bar-section ul li {
  background: none !important;
}

.header__inner .top-bar-section ul li a {
  background: none !important;
  color: var(--color-navy);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.header__inner .top-bar-section ul li a:hover {
  color: var(--color-blue);
  text-decoration: underline;
}

.header__inner .nav--top {
  margin: 0 !important;
  order: 5;
}

.header__inner .nav--top li a {
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background-color: var(--color-blue);
  color: var(--color-white);
  border-radius: 3.25rem;
  text-transform: none;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 1.3125rem */
}

.avatar {
  background: var(--color-blue);
  color: var(--color-white);
}

.academy-dashboard-navigation {
  position: absolute;
  top: 12px;
  width: 500px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.academy-dashboard-navigation .top-bar {
  background: none !important;
}

.academy-dashboard-navigation .top-bar-section ul.left {
  display: flex;
  justify-content: space-evenly;
}

.academy-dashboard-navigation .top-bar-section ul li {
  background: none !important;
}

.academy-dashboard-navigation .top-bar-section ul li a {
  background: none !important;
  color: var(--color-navy);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  font-family: "Inter", sans-serif;
  text-transform: none;
}

.academy-dashboard-navigation .top-bar-section ul li a:hover {
  color: var(--color-blue);
  text-decoration: underline;
}

.global-nav__container {
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: var(--color-snow);
}

.global-nav__container .nav--global-links {
  background-color: var(--color-snow);
  color: var(--color-navy) !important;
  text-align: right;
}

.global-nav__container .nav--global-links a {
  color: var(--color-navy) !important;
}

.global-nav__container .nav--global-links a:hover {
  color: var(--color-blue) !important;
  font-weight: 500;
}

/* Hero Header styles */
.academy-header-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}

.academy-header-content .widget__title {
  font-size: 4.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 77px */
  letter-spacing: -2.1px;
  max-width: 1200px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.academy-header-content .widget__subtitle {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  letter-spacing: -0.48px;
  max-width: 1200px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.academy-header-search {
  display: flex;
  justify-content: center;
}

.academy-header-search .search-bar-widget {
  min-width: 450px;
}

.academy-header-search .row {
  max-width: 448px;
  padding-bottom: 80px;
}

.academy-header-search input {
  height: 60px;
  background-color: var(--color-white);
  border-radius: 50px;
  box-shadow: 0px 0px 11px 0px rgba(0, 38, 62, 0.06), 0px 231px 65px 0px rgba(0, 38, 62, 0.00), 0px 148px 59px 0px rgba(0, 38, 62, 0.01), 0px 83px 50px 0px rgba(0, 38, 62, 0.05), 0px 22px 37px 0px rgba(0, 38, 62, 0.09);
  backdrop-filter: blur(5px);
}

.academy-header-search input:focus, .academy-header-search input:active {
  background: var(--color-white) !important;
}

.academy-header-search .btn {
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  background-color: var(--color-blue) !important;
  border-radius: 50px !important;
  padding: 14px 20px !important;
  font-size: 1.25rem !important;
  height: 3.25rem !important;
  display: flex !important;
  letter-spacing: 0;
  font-weight: 600;
}

.academy-header-search .btn > span {
  color: var(--color-white) !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important;
  text-transform: none !important;
}

.academy-header-search .btn > .icon-search {
  color: var(--color-white) !important;
}

/* Two Image Card Styles */

.academy-two-image-cards {
  max-width: 1300px;
  padding-bottom: 4rem;
}

.academy-two-image-cards h3, .academy-two-image-cards .widget__title {
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 3.4375rem */
  letter-spacing: -0.09375rem;
  margin-bottom: 1rem;
  text-align: center;
}

.academy-two-image-cards p.muted,  .academy-two-image-cards .widget__subtitle{
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  margin-bottom: 3.5rem;
  text-align: center;
}

.academy-two-image-cards .row {

}

.academy-two-image-cards .row .columns:first-child {
  padding-left: 0;
}

.academy-two-image-cards .row .columns:last-child {
  padding-right: 0;
}

.academy-two-image-cards .row .columns img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  margin-bottom: 1.875rem;
  border-radius: 0.1875rem;
}

.academy-two-image-cards .row .columns h4 {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.625rem */
  letter-spacing: -0.0375rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.academy-two-image-cards .row .columns p:not(:first-of-type) {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.3125rem */
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  color: var(--color-navy);
}

.academy-two-image-cards .row .columns a {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 1.5rem */
  color: var(--color-blue);
}

.academy-two-image-cards .row .columns a::after {
  content: '';
  margin-left: 10px;
  display: flex;
  width: 1.375rem; /* 22px converted to rem */
  height: 1.4375rem; /* 23px converted to rem */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'><rect y='0.290283' width='22' height='22' rx='11' fill='%230369EA'/><path d='M6 11.2903L15 11.2903' stroke='white' stroke-width='1.4' stroke-linecap='round'/><path d='M11.75 7.30981L15.75 11.3083L11.75 15.2712' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  color: var(--color-blue);
}

/* Icon Cards styles */

.academy-icon-cards {
  display: flex;
  justify-content: center;
}

.academy-icon-cards h3, .academy-icon-cards .widget__title {
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 3.4375rem */
  letter-spacing: -0.09375rem;
  margin-bottom: 1rem;
  text-align: center;
}

.academy-icon-cards p.muted, .academy-icon-cards .widget__subtitle {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  margin-bottom: 3.5rem;
  text-align: center;
  color: var(--color-navy);
}
.academy-icon-cards .row {
  max-width: 1440px;
}

.academy-icon-cards .row .columns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background-color: var(--color-white);
  width: 336px;
  height: 336px;
  margin-right: 14px;
  margin-left: 14px;
  padding: 1.25rem;
  box-shadow: 0px 0px 11px 0px rgba(0, 38, 62, 0.06), 0px 231px 65px 0px rgba(0, 38, 62, 0.00), 0px 148px 59px 0px rgba(0, 38, 62, 0.01), 0px 83px 50px 0px rgba(0, 38, 62, 0.05), 0px 22px 37px 0px rgba(0, 38, 62, 0.09);
}

.academy-icon-cards .row .columns h4 {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 2.4375rem */
  letter-spacing: -0.05625rem;
  margin-top: 8rem;
}

.academy-icon-cards .row .columns p:not(:first-of-type) {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.3125rem */
  color: var(--color-navy);
}

.academy-icon-cards .row .columns img {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  max-width: 3rem;
  max-height: 3rem;
}

.academy-icon-cards .row .columns a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    background: #00263E;
    border-radius: 50%;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 2rem 0;
    position: relative;
    font-size: 0;
    color: transparent;
}

.academy-icon-cards .row .columns a:hover {
    background: #0369EA;
    width: fit-content;
    border-radius: 0.92181rem;
    color: var(--color-white);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 1.3125rem */
    padding: .52rem .9rem;
}

/* Arrow for circle link */
.academy-icon-cards .row .columns a::after {
    content: '';
    width: 0.9rem;
    height: 0.9rem;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M7.87732 12.5074C8.21982 12.8499 8.77513 12.8499 9.11763 12.5074L14.4697 7.15535C14.7626 6.86246 14.7626 6.38761 14.4697 6.09473L9.11763 0.74267C8.77513 0.400166 8.21982 0.400166 7.87732 0.742668C7.53482 1.08517 7.53482 1.64048 7.87732 1.98298L11.6423 5.748L1.48119 5.748C0.996821 5.748 0.604159 6.14066 0.604159 6.62504C0.604159 7.10941 0.996821 7.50207 1.48119 7.50207L11.6423 7.50207L7.87732 11.2671C7.53481 11.6096 7.53481 12.1649 7.87732 12.5074Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.academy-icon-cards .row .columns a:hover:after {
  margin-left: .75rem;
}


.academy-icon-cards-bottom {
  padding-bottom: 6.25rem !important;
}

/* Two Column */
.academy-two-column {
  max-width: 1300px;
  margin-top: 6.25rem;
}

.academy-two-column .row .columns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.academy-two-column .row .columns img {
  width: 100%;
  height: 278px;
  border-radius: 5px;
  object-fit: cover;
  margin: 0 auto;
}

.academy-two-column .row .columns h2 {
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 3.4375rem */
  letter-spacing: -0.09375rem;
}

.academy-two-column .row .columns p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.5rem */
  color: var(--color-navy);
}

.academy-two-column .row .columns a {
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 1.5rem */
  display: inline-flex;
}

.academy-two-column .row .columns a::after {
  content: '';
  margin-left: 10px;
  display: flex;
  width: 1.375rem; /* 22px converted to rem */
  height: 1.4375rem; /* 23px converted to rem */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'><rect y='0.290283' width='22' height='22' rx='11' fill='%230369EA'/><path d='M6 11.2903L15 11.2903' stroke='white' stroke-width='1.4' stroke-linecap='round'/><path d='M11.75 7.30981L15.75 11.3083L11.75 15.2712' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  color: var(--color-blue);
}

.academy-two-column--border {
  border-top: 1px solid rgba(0, 0, 0, 0.20);
}

/* Four Image Card Styles */

.academy-four-image-cards {
  display: flex;
  justify-content: center;
}

.academy-four-image-cards h3 {
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 3.4375rem */
  letter-spacing: -0.09375rem;
  color: var(--color-white);
  margin-bottom: 3.6rem;
  text-align: center;
}

.academy-four-image-cards h4 {
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.625rem */
  letter-spacing: -0.0375rem;
  color: var(--color-white);
}

.academy-four-image-cards .ember-view {
  max-width: 1440px;

}

.academy-four-image-cards .row .columns:first-child {
  padding-left: 0;
}

.academy-four-image-cards .row .columns:last-child {
  padding-right: 0;
}

.academy-four-image-cards .row .columns img {
  border-radius: 5px;
  width: 100%;
  height: 136px;
  object-fit: cover;
  margin-bottom: 1.75rem;
}

.academy-four-image-cards .row .columns p {
  color: var(--color-white);
}

.academy-four-image-cards .row .columns a {
  color: var(--color-white);
  font-weight: 600;
  position: relative;
}

.academy-four-image-cards .row .columns a::after {
  content: '';
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><rect width="22" height="22" rx="11" fill="white"/><path d="M6 11L15 11" stroke="%2300263E" stroke-width="1.4" stroke-linecap="round"/><path d="M11.75 7.01953L15.75 11.018L11.75 14.981" stroke="%2300263E" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: -38px;
  transform: translate(-50%, -50%);

}

/**** Academy V2 Catalog Page ****/

.academy-catalog {
  max-width: 1440px;
  padding-top: 3rem;
}

.academy-catalog .catalog-header {
  display: none;
}

.academy-catalog .catalog-item {
  border-radius: 0.3125rem;
  background: #FFF;

  /* navy shadow v3 */
  box-shadow: 0px 0px 11px 0px rgba(0, 38, 62, 0.06), 0px 231px 65px 0px rgba(0, 38, 62, 0.00), 0px 148px 59px 0px rgba(0, 38, 62, 0.01), 0px 83px 50px 0px rgba(0, 38, 62, 0.05), 0px 22px 37px 0px rgba(0, 38, 62, 0.09);
}

.academy-catalog .column.medium-12 {
  padding: 0 !important;
}

.academy-catalog .catalog-grid-item__source {
  order: 3;
  color: var(--color-navy);
  text-transform: none;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
  padding-bottom: 2rem;
  margin-bottom: 1.5rem;
}

.academy-catalog .catalog-grid-item__source strong {
    /* Text styles */
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 1.125rem */
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-navy); /* Update with your actual blue-dark color */
  
  /* Layout and positioning */
  position: relative;
  width: fit-content;
  
  /* Border and background */
  border-radius: 8px;

  
  /* Padding */
  padding: 4px 12px;
  padding-left: 1rem;
  padding-right: 0;
}

.academy-catalog .catalog-grid-item__body {
  padding: 1.5rem;
}

.academy-catalog .catalog-grid-item__source strong::before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 6px);
  display: block;
  height: 12px;
  width: 8px;
  border-radius: 13px;
  background-color: var(--color-blue);
}

.academy-catalog .catalog-grid-item__title {
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 1rem;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.625rem */
  letter-spacing: -0.0375rem;
  color: var(--color-navy);
  order: 1;
}

.academy-catalog .catalog-grid-item__description {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.3125rem */
  color: var(--color-navy);
  order: 2;
}

.academy-catalog .catalog-grid-item__description::after {
  content: '';
}

.academy-catalog .catalog-grid-item__cta-container {
  order: 4;
  display: flex;
  justify-content: flex-end;
}

.academy-catalog .catalog-grid-item__cta-container .btn--primary {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  color: var(--color-blue);
  text-transform: none;
  letter-spacing: 0;
  display: inline-flex;
}

.academy-catalog .catalog-grid-item__cta-container .btn--primary::after {
  content: '';
  margin-left: 10px;
  display: flex;
  width: 1.375rem; /* 22px converted to rem */
  height: 1.4375rem; /* 23px converted to rem */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'><rect y='0.290283' width='22' height='22' rx='11' fill='%230369EA'/><path d='M6 11.2903L15 11.2903' stroke='white' stroke-width='1.4' stroke-linecap='round'/><path d='M11.75 7.30981L15.75 11.3083L11.75 15.2712' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  color: var(--color-blue);
}

.academy-catalog .catalog-search-bar .catalog-filters {
  background-color: var(--color-white);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.academy-catalog .catalog-search-bar .catalog-filters:hover {
  border: 2px solid var(--color-blue);
}

.academy-catalog .catalog-search-bar {
  margin: 0 auto 90px;
  max-width: 1380px;
}

.academy-catalog .catalog-search-bar button {
  background-color: var(--color-white);
}

.academy-catalog .catalog-search-bar select, .academy-catalog .catalog-search-bar input {
  min-height: 45px;
}

.academy-catalog .pagination {
  justify-content: center !important;
}

.academy-catalog .pagination__left {
  position: absolute;
  top: -72px;
  right: 20px;
}

/**** Academy V2 Catalog Details ****/
.course__detail__container {
  max-width: 1440px;
}

.course__detail__header {
  padding-bottom: 1rem;
}


.course__detail__header .h2 {
  font-size: 3.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 4.125rem */
  letter-spacing: -0.1125rem;
  color: var(--color-navy);
}
.course__detail__header p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.5rem */
  color: var(--color-navy);
}

.course__detail__container .tabs {
  border: none;
}

.course__detail__container .tab-title {
  font-weight: 600;
}

.course__detail__container .tab-title a, .course__detail__container .tab-title.active a {
  background-color: var(--color-white);
  border: none;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 26px */
  letter-spacing: -0.6px;
  padding: 0;
  padding-top: 2.5rem;
  color: var(--color-navy);
  max-width: 222px;
}

.course__detail__container .editor-content {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.3125rem */
  color: var(--color-navy);
}

.course__detail__container .btn.btn--primary {
  padding: 0.875rem 1.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 3.125rem;
  color: var(--color-white);
  background-color: var(--color-blue);
}

.course__detail__container .course__includes {
  display: none;
}

.course__detail__sidebar .course__related__title {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.625rem */
  letter-spacing: -0.0375rem;
  text-transform: none;
  color: var(--color-navy);
  background: var(--color-white);
}

.course__detail__sidebar  {
  width: 30% !important;
  float: right !important;
}

.course__detail__sidebar .course__related {
  padding-top: 2.5rem;
}

.course__detail__sidebar .course__related .panel.panel--alt {
  border: none;
}

.course__detail__sidebar .course__related__list li {
  border: none !important;
}

.enroll__title {
  display: none;
}

.panel {
  background: var(--color-snow) !important;
}


/**** Academy V2 Learning Path Detail ****/
.course__detail__container {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.course__detail__container .course__detail__content .h2 {
  font-size: 3.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 4.125rem */
  letter-spacing: -0.1125rem;
  margin-bottom: 1rem;
  color: var(--color-navy);
}

.course__detail__container .course__detail__content p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.5rem */
  color: var(--color-navy);
  padding-bottom: 1rem;
}

.course__detail__container .course__detail__description {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.5rem */
  color: var(--color-navy);
}

.course__detail__container .collection__courses {
  padding-top: 1rem;
}

.course__detail__container .collection__courses .center-ruled-title {
  display: none;
}

.course__detail__container .learning-path-detail-milestone-list li {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 2.4375rem */
  letter-spacing: -0.05625rem;
  color: var(--color-navy);
  padding-bottom: 1.25rem;
}

.course__detail__container .learning-path-detail-milestone-list h3 {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 2.4375rem */
  letter-spacing: -0.05625rem;
  color: var(--color-navy);
}

.course__detail__container .column.small-12 {
  padding-left: 0;
  padding-right: 0;
  
}

.course__detail__container .column.small-12 .video__container {
  padding-left: 0;
  padding-right: 0;
}

.course__detail__container .course__detail__asset img {
  width: 100%;
  border-radius: 5px;
  max-height: 400px;
  height: 100%;
  object-fit: cover;
}

/* Leaving this here until more custom learning paths are released */
.learning-path-detail-milestone-list {
  display:none;
}

.learning-path-detail-milestone-item .row:first-child{
  margin-top: 1rem;
}

.learning-path-detail-milestone-item__asset {
  object-fit: cover;
  object-position: center;
  width: 9rem;
  height: 9rem;
  padding: 0;
  border-radius: .3125rem;
}

.learning-path-detail-milestone-item .medium-4 {
  width: 10rem;
}


.learning-path-detail-milestone-item__content-type h5 {
  display: none;
}

.learning-path-detail-milestone-item__title {
  padding-left: 10rem;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.625rem */
  letter-spacing: -0.0375rem;
  color: var(--color-navy);
  position: absolute;
  top: 3rem;


}

.learning-path-detail-milestone-item {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 2rem;
}

.learning-path-detail-milestone-item .medium-8 {
  margin-top: 2rem;
}

.learning-path-detail-milestone-item__cta {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 1.5rem */
  color: var(--color-blue);
  display: flex;
  align-items: center;
}

.learning-path-detail-milestone-item__cta .icon-upright::before {
    content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="22" height="22" rx="11" fill="%230369EA"/><path d="M6 11L15 11" stroke="white" stroke-width="1.4" stroke-linecap="round"/><path d="M11.75 7.01953L15.75 11.018L11.75 14.981" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 10px;
}

.learning-path-milestone__badge {
  text-transform:none;
  background-color: var(--color-white);
  color: var(--color-navy);
  border: none;
  padding: 0 1.25rem;
  font-size: .825rem;
}

.learning-path-milestone__badge span {
  position: relative;
  padding-left: 1rem;
}

.learning-path-milestone__badge span::before {
    content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 6px);
  display: block;
  height: 12px;
  width: 8px;
  border-radius: 13px;
  background-color: var(--color-blue);
}

.widget--learning-path-purchase {
  display: flex;
  padding: 1.25rem !important;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.25rem;
  background-color: var(--color-ash);
}

.enroll__price {
  display: none;
}

.enroll__buy {
  display: flex;
}

.enroll__title, .course__detail__runs {
  color: var(--color-navy);
}

.learning-content__back-button {
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}

.learning-content-hero h1 {
  padding-bottom: 1.5rem;
}

/**** Academy V2 Dashboard ****/
.academy-header-content--secondary {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  align-items: center;
}

.academy-header-content--secondary .widget__title {
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 3.4375rem */
  letter-spacing: -0.09375rem;
  max-width: 1440px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.academy-header-content--secondary .widget__subtitle {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 2.25rem */
  max-width: 1440px;
  padding-left: 1.25rem;
}

.academy-activity {
  display: flex;
  justify-content: center;
}

.academy-activity > .ember-view {
  background: var(--color-snow);
  padding: 2.5rem 1.5rem;
  max-width: 1300px;
}

.academy-activity .small-12.columns {
  max-width: 1440px;
}

.academy-activity section[role=tabpanel] {
  max-height: 600px;
  overflow-y: scroll;
}

@media only screen and (min-width: 1300px) {
  .academy-activity .dashboard-access-tabs  {
  min-width: 1254px;
}
}


.academy-activity .dashboard-access-list-item {
  margin: .7rem 0;
  padding: 1rem .7rem;
}

.academy-activity .dashboard-access-list-item img {
  border-radius: 0.1875rem;
}

.academy-activity .dashboard-access-list-item-expansion {
  border-radius: 0.1875rem;
}

.academy-activity strong {
    /* Text styles */
  margin-bottom: 1rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 1.5rem */
  text-transform: none;
  color: var(--color-navy); /* Update with your actual blue-dark color */
  
  /* Layout and positioning */
  position: relative;
  width: fit-content;
  
  /* Border and background */
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.13);

  
  /* Padding */
  padding: 4px 12px;
  padding-left: 30px;
}

.academy-activity strong::before {
  content: '';
  position: absolute;
  left: 12px;
  top: calc(50% - 6px);
  display: block;
  height: 12px;
  width: 8px;
  border-radius: 13px;
  background-color: var(--color-blue);
}

.academy-activity .col-start-11.col-span-3.text-right {
  grid-column: span 3 / span 3 !important;
}

.academy-activity .dashboard-access-list-item > .grid > .col-span-4 {
  grid-column: span 5 / span 5 !important;
}

.academy-activity .btn.btn--primary {
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 3.125rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 1.3125rem */
  text-transform: none;
  background: var(--color-blue) !important;
  color: var(--color-white) !important;
  letter-spacing: 0;
}

.academy-activity .dashboard-access-list-item__description {
  margin-top: 0;
}

.academy-activity .user-engagement-stat {
  padding-bottom: 0;
}

.academy-activity .user-engagement-stat__label {
  text-transform: none;
  font-weight: 400;
}

.academy-activity .progress .meter {
  border-radius: 50rem;
}

.academy-activity .medium-8 {
  width: 50%;
  padding-left: 2rem !important;
}


.academy-activity .dashboard-access-list-view-detail-page {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 1.5rem */
  color: var(--color-blue);
  background: none;
  border: none;
}

.academy-activity .dashboard-access-list-view-detail-page::after {
  content: '';
  margin-left: 10px;
  display: flex;
  width: 1.375rem; /* 22px converted to rem */
  height: 1.4375rem; /* 23px converted to rem */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'><rect y='0.290283' width='22' height='22' rx='11' fill='%230369EA'/><path d='M6 11.2903L15 11.2903' stroke='white' stroke-width='1.4' stroke-linecap='round'/><path d='M11.75 7.30981L15.75 11.3083L11.75 15.2712' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  color: var(--color-blue);
}

.academy-activity .dashboard-access-list-item-expander__title:hover {
  color: var(--color-navy);
}

/**** Academy V2 Get Started ****/
.academy-featured-content > .row {
  max-width: 1440px;
}

.academy-featured-content .featured-content-article-item img {
  border-radius: 0.3125rem;
}

.academy-featured-content .featured-content-article-item__description {
  margin-top: 0;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.3125rem */
}

.academy-featured-content .featured-content-article-item__title {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.625rem */
  letter-spacing: -0.0375rem;
}

/**** Academy V2 Credentials Page ****/
.academy-featured-content-standard > .row {
  max-width: 1440px;
}

.academy-featured-content-standard .column.medium-12 {
  padding: 0;
}

.academy-featured-content-standard .catalog-grid-item__asset-container {
  border-radius: 0.3125rem;
}

.academy-featured-content-standard .catalog-grid-item__title {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 1.625rem */
  letter-spacing: -0.0375rem;
  order: 1;
}

.academy-featured-content-standard .catalog-grid-item__description {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.3125rem */
  order: 2;
}

.academy-featured-content-standard .catalog-grid-item__source {
  order: 3;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 1.125rem */
  text-transform: none;
  color: var(--color-navy);
  letter-spacing: 0;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}

.academy-featured-content-standard .catalog-grid-item__source strong {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 1.125rem */
  text-transform: none;
  color: var(--color-navy);
  letter-spacing: 0;
}

.academy-featured-content-standard .catalog-grid-item__cta-container {
  padding-top: .75rem;
  order: 4;
}

.academy-featured-content-standard .catalog-grid-item__cta-container .btn--primary {
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 1.5rem */
  letter-spacing: 0;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  color: var(--color-blue);
}

.academy-featured-content-standard .catalog-grid-item__cta-container .btn--primary::after {
  content: '';
  margin-left: 10px;
  display: inline-flex;
  width: 1.375rem; /* 22px converted to rem */
  height: 1.4375rem; /* 23px converted to rem */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'><rect y='0.290283' width='22' height='22' rx='11' fill='%230369EA'/><path d='M6 11.2903L15 11.2903' stroke='white' stroke-width='1.4' stroke-linecap='round'/><path d='M11.75 7.30981L15.75 11.3083L11.75 15.2712' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  color: var(--color-blue);
}

.academy-faq .widget__title{
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.75rem; /* 125% */
  padding-bottom: 3rem;
}

.academy-faq .row {
  max-width: 1300px;
}

.academy-faq h4 {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.academy-faq p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 169.231% */
}

.academy-quote-block > .row {
  max-width: 1440px;
}

.academy-quote-block .testimonial-quote {
  background: var(--color-snow);
  max-width: 1440px;
  padding: 3.75rem 4.24rem;
}

.academy-quote-block .testimonial-quote__text {
  font-family: Inter;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 2.8125rem */
  letter-spacing: -0.05625rem;
  color: var(--color-navy);
}

.academy-quote-block .testimonials__nav--left .icon-navigateleft::before {
  content: '';
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'><path d='M18 28.5L7.5 18M7.5 18L18 7.5M7.5 18H28.5' stroke='%2300263E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}

.academy-quote-block .testimonials__nav--right .icon-navigateright::before {
  content: '';
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'><path d='M18 28.5L28.5 18M28.5 18L18 7.5M28.5 18H7.5' stroke='%2300263E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}

.academy-quote-block .testimonials__nav {
  top: 60%;
}

.academy-quote-block .testimonials__nav--right {
  right: 10%;
}

.academy-quote-block .testimonials__nav--left {
  right: 13%;
  left: initial;
}

.academy-quote-block .testimonial-quote__text, .academy-quote-block .testimonial-quote__author-name, .academy-quote-block .testimonial-quote__author-description {
  text-align: left !important;
}

.academy-quote-block .testimonial-quote__author-name {
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 1.5rem */
  color: var(--color-navy);
}

.academy-quote-block .testimonial-quote__author-description {
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.5rem */
  color: var(--color-navy);
}

.academy-quote-block .testimonial-quote__author-name::before {
  border: none !important;
}

.academy-quote-block .testimonial.learner {
    padding-top: 25%;
    margin-top: 32px;
}

.academy-quote-block .testimonial-container {
  padding: 0;
}

.academy-learn-more {
  margin-top: -1rem;
}

.academy-learn-more .widget__cta {
  text-align: center;
  padding-top: 0;
}

.academy-learn-more .btn.btn--primary {
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 1.5rem */
  color: var(--color-white);
  background-color: var(--color-blue);
  border: none;
  border-radius: 3.13rem;
  text-transform: none;
  letter-spacing: 0;
}

.academy-learn-more .btn.btn--primary::after {
  content: none !important;
}


/* Academy V2 Video */
.academy-video {
  position: relative;
}

.academy-video .widget__title {
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 3.4375rem */
  letter-spacing: -0.09375rem;
}

.academy-video .widget__subtitle {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  text-align: center;
  color: var(--color-navy);
}

.academy-video .video__container {
  margin-top: 3rem;
}

.academy-video .video__frame wistia_embed_initialized {
  border-radius: 0.3125rem !important;
}


/**** Academy V2 Enroll ****/
.widget--learning-path-purchase.widget--learning-path-purchase_standard {
  padding-bottom: 0 !important;
}

.enroll--learning-path .enroll__title {
  display: none;
}

.enroll--learning-path .course__detail__runs {
  display: none;
}

.academy-sidebar {
  background: var(--color-snow);
  padding-top: 0 !important;
  border-radius: 0 0 5px 5px;
}

.widget--course-purchase.widget--course-purchase_standard {
  background: var(--color-snow);
  padding: 1rem;
  border-radius: 5px 5px 0 0;
}

.widget--course-purchase.widget--course-purchase_standard .btn--primary{
  font-family: Inter;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 1.5rem */
  letter-spacing: 0;
  color: var(--color-white);
  width: fit-content;
  text-transform: none;
}

/**** Academy V2 Learning Path ****/
.widget--milestones.widget--milestones_standard {
  max-width: 1440px;
}

.widget--learning-path-content.widget--learning-path-content_standard {
  max-width: 1440px;
}

.academy-no-activity {
  display: none;
}