:root {
        --font: 'Neris';
        --alt-font: 'Neris';
        --accent-color: #1c97b9;
        --secondary-color: #03243d;
        --link-color: #24b1d9;
        --accent-highlight-color: #0f4f60;
        --accent-highlight-background-color: #dbf3f9;
        --accent-tinted-color-70: #bbe0ea;
        --accent-tinted-color-80: #d2eaf1;
        --accent-tinted-color-90: #e8f5f8;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #29b7df;
        --secondary-hover-color: #05416e;
        --secondary-contrast-color: #fff;
        --link-hover-color: #156a82;
      }
      

.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/8998c8dc-238a-4340-8129-25e0db24fb92/ybjx7n01j38o-HarmonicU_Logo-RGB_600x110.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/*Added for custom Support page layout*/
.pad{ padding:0px 150px !important;}
.supportlink p {display: flex; justify-content: space-evenly;}
.supportlink p a:hover{background:#757575; border: 1px solid #757575;}

/*Added to hide Show Purchasing Options */
.widget--course-purchase .btn--secondary{display:none;}
/*Added to hide the "Already enrolled? Sign in here" on Side Bar as Enroll button used as sign in */
.course__detail__enrolled {display:none;}
/*Added to hide Collaborations box on learner Dashboard*/ 
.dashboard-stat--collaborations {display:none !important;}
/*Added to hide Learning Path Runs and Gift this Learning Path in LP Side-Bar*/
.course__detail__runs {display: none;} 
.enroll__secondary-actions .icon-gift {display:none}    

@font-face {
    font-family: 'Neris';
    font-style: normal;
    font-weight: 400;
    src: local('Neris Light'), local('Neris-Light'),
        url(https://www.harmonicinc.com/hubfs/LMS_files/fonts/neris-light_f866566d7621c2d8f192e0f640682576.woff) format('woff'),
        url(https://www.harmonicinc.com/hubfs/LMS_files/fonts/neris-light_f866566d7621c2d8f192e0f640682576.ttf) format('truetype');
}
@font-face {
    font-family: 'Neris Black';
    font-style: normal;
    font-weight: 400;
    src: local('Neris Black'), local('Neris-Black'),
        url(https://www.harmonicinc.com/hubfs/LMS_files/fonts/neris-black_aec3e0c5e01e55aacf4105975b716260.woff) format('woff'),
        url(https://www.harmonicinc.com/hubfs/LMS_files/fonts/neris-black_aec3e0c5e01e55aacf4105975b716260.ttf) format('truetype');
}
@font-face {
    font-family: 'Carolina';
    font-style: normal;
    font-weight: 500;
    src: local('Carolina'), local('Carolina'),
        url(url(https://allfont.net/allfont.css?fonts=carolina);
}

body {
    font-family: 'Neris';
}


/*Header Logo*/
.header .company__beta-logo {
    max-width: 250px;
    display: flex;
    align-items: center;
    height: 100px;
    margin: 0;
}

.container { max-width: 100%; }
@media only screen and (min-width: 1025px){
    .container {max-width: 100%;}
    .header--microsite { padding: 1rem 5rem 0; background:#fff;}
    .header__inner {max-height:100px;}
    .hero .hero__caption { width: 35%; }
    .hero .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto;}
}

/*Medium Screen*/
@media only screen and (min-width: 48.063em){
    .header--microsite { padding: 1rem 0 0; background:#fff;}
    .header__inner {max-height:100px;}
    .header--microsite .top-bar { border: 0; display: inline-block; width: calc(100% - 160px - 300px);margin-left: 300px; background: none; padding: 0px 0; margin-top: 12px; bottom:100px;}
    .nav--top {margin-top: 12px;}
    .nav--top ul a {font-size:16px; text-transform:capitalize; background:#e87722; color:#fff; border-radius: 10px;}
    .nav--top ul a:hover {font-size:16px; text-transform:capitalize; background:transparent; color:#e87722; border: 2px solid #e87722; border-radius: 10px;}
    .hero .hero__caption { width: 35%; }
    .hero .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto;}
}

/*Mobile Screen*/
@media (min-width: 768px) and (max-width: 1024px){
    .header--microsite { padding: 1rem 0 0; /*height:100px;*/ background:#fff;}
    .top-bar{    overflow: hidden; height: 3rem; line-height: 3rem; position: relative; background: #fff; margin-bottom: 0;}
    .nav--top {margin-top: 12px;}
    .nav--top ul a {font-size:12px; text-transform:capitalize; background:#e87722; color:#fff; border-radius: 10px; padding:7.5px;}
    .nav--top ul a:hover {background:transparent; color:#e87722; border: 2px solid #e87722;}
}

/* CSS Added by CSS */
.home__content .hBanner .hero {margin: 0;}
.hBanner .hero .hero__caption {padding: 0; left: auto; right: 8%;}
.hBanner .hero .hero__caption .hero__title {font-size: 46px; font-weight: 900; color: #232526;}
.hBanner .hero .hero__caption span {font-size: 16px; color: #626668; font-weight: 400; line-height: 24px;}

.Dashboard_hero .hero .hero__caption .hero__title {font-family: 'neris-semibold'; font-size: 64px; font-weight: 700; color: white;}


/* cards on catalog to have consistent size */
/* .catalog-item {
    min-height: 400px!important;
} */


/* CSS Added by Jowin */
/* Hide Top Bar */
.header--microsite .top-bar {
    display: none;
}
.company__school-name__divider {
    display: none;
}
#cart-button {
    display: none;
}
.nav--top ul a {
    border-radius: 9999px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    border: 3px solid #21B1D9;
    font-family: 'Neris Black';
    background: #21B1D9;
    padding: 8px 24px;
}
.nav--top ul a:hover {
    color: #fff;
    background: #03243D;
    border-color: #03243D;
    border-radius: 9999px;
    border-width: 3px;
    font-family: 'Neris Black';
    text-transform: uppercase;
}
.nav--top ul a:active,
.nav--top ul a:focus {
    background: #fff;
    border: 3px solid #21B1D9;
    color: #21B1D9;
    border-radius: 9999px;
    font-family: 'Neris Black';
    text-transform: uppercase;
}

/* Header */
.header.header--microsite {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 10%); 
    padding-top: 0;
}
.header .header__inner {
    max-width: 82%;
    margin: 0 auto;
}
.header .header__inner .nav.nav--top {
    display: flex;
    align-items: center;
    height: 100px;
    margin: 0;
}
.header.header--dashboard .header__inner .row > .column:first-of-type {
    padding-left: 0;
}

/* widget */
.widget.widget--catalog.widget--catalog_standard,
.widget.widget--featured-content.widget--featured-content_standard,
.widget.widget--recent-content.widget--recent-content_standard,
.widget.widget--about-blocks.widget--about-blocks_standard,
.widget.widget--contact-block.widget--contact-block_standard,
.widget.widget--testimonial.widget--testimonial_standard.widget--no-white-space,
.widget.widget--featured-content.widget--featured-content_article,
.widget.widget--featured-content.widget--featured-content_carousel,
.widget.widget--featured-content.widget--featured-content_multi-carousel,
.widget.widget--featured-content.widget--featured-content_image-overlay,
.widget.widget--recommended-content.widget--recommended-content_standard,
.widget.widget--linked-workbook.widget--linked-workbook_standard,
.widget.widget--link-matrix.widget--link-matrix_standard,
.widget.widget--navbar.widget--navbar_standard,
.widget.widget--searchbar.widget--searchbar_standard,
.widget.widget--dashboard-access.widget--dashboard-access_standard,
.widget.widget--discussion-board.widget--discussion-board_standard,
.widget.widget--video.widget--video_standard,
.widget.widget--title.widget--title_standard,
.widget.widget--one-column.widget--one-column_standard,
.widget.widget--two-column.widget--two-column_standard,
.widget.widget--three-column.widget--three-column_standard,
.widget.widget--four-column.widget--four-column_standard,
.widget.widget--html.widget--html_standard,
.widget.widget--links.widget--links_standard,
.widget.widget--dashboard-stats.widget--dashboard-stats_standard,
.widget.widget--support.widget--support_standard,
.widget.widget--redemption-form.widget--redemption-form_standard {
    max-width: 82%;
    margin: 0 auto;
    padding: 1rem;
}

@media only screen and (min-width: 48.063em) {
    .widget.widget--catalog.widget--catalog_standard,
    .widget.widget--featured-content.widget--featured-content_standard,
    .widget.widget--recent-content.widget--recent-content_standard,
    .widget.widget--about-blocks.widget--about-blocks_standard,
    .widget.widget--contact-block.widget--contact-block_standard,
    .widget.widget--testimonial.widget--testimonial_standard.widget--no-white-space,
    .widget.widget--featured-content.widget--featured-content_article,
    .widget.widget--featured-content.widget--featured-content_carousel,
    .widget.widget--featured-content.widget--featured-content_multi-carousel,
    .widget.widget--featured-content.widget--featured-content_image-overlay,
    .widget.widget--recommended-content.widget--recommended-content_standard,
    .widget.widget--linked-workbook.widget--linked-workbook_standard,
    .widget.widget--link-matrix.widget--link-matrix_standard,
    .widget.widget--navbar.widget--navbar_standard,
    .widget.widget--searchbar.widget--searchbar_standard,
    .widget.widget--dashboard-access.widget--dashboard-access_standard,
    .widget.widget--discussion-board.widget--discussion-board_standard,
    .widget.widget--video.widget--video_standard,
    .widget.widget--title.widget--title_standard,
    .widget.widget--one-column.widget--one-column_standard,
    .widget.widget--two-column.widget--two-column_standard,
    .widget.widget--three-column.widget--three-column_standard,
    .widget.widget--four-column.widget--four-column_standard,
    .widget.widget--html.widget--html_standard,
    .widget.widget--links.widget--links_standard,
    .widget.widget--dashboard-stats.widget--dashboard-stats_standard,
    .widget.widget--support.widget--support_standard, .widget.widget--redemption-form.widget--redemption-form_standard {
        padding: 1rem 2rem;
    }
}

/* Course page sidebar widget */
.course__detail__sidebar .widget.widget--one-column.widget--one-column_standard {
    max-width: 100%; 
}

.row-center-custom,
.course__detail__container,
.layout__content--instructor-led-training {
    max-width: 82%;
    margin: 0 auto; 
}

.home.catalog .home__content,
.home.page .home__content {
    padding: 0;
}

/* Misc */
body {
    background-color: #fff;
}
.background-grey {
    background: #F8F8F8;
}
.image-drop-shadow {
    filter: drop-shadow(10px 10px 20px rgba(0, 0, 0, 0.25));
}
.flex-center .row {
    display: flex;
    align-items: center;
}
.editor-content ul {
    padding-left: 0;
}
ul li::marker{
    color: #24B1D9;
}
p {
  color : #03243D;
}
li {
  color : #03243D;
}
.font-black {
    font-weight: 600;
}
.widget figure {
    margin: 0;
}

/* Override Full Width */
.full-width {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}
.full-width > div > .row {
    margin: 0;
}
.full-width > div > .row > .columns {
    padding: 0;
}
.full-width.center-content > div:first-child {
    width: 82%;
    margin: 0 auto; 
    padding: 1rem 2rem;
}
.full-width.padding-left {
    padding-left: calc((100vw - 82% + 3rem)/2) !important;
}
.full-width.padding-top-bottom {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

/* Dynamic title */
.dynamic-title {
    font-size: 36px; 
}
.dynamic-title strong {
    font-weight: 600;
}
/* Subtitile */
.subtitle {
    font-size: 20px;
    font-weight: 400;
}

/* Button */
.btn.btn--primary {
    border-radius: 9999px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    border-width: 3px;
    font-family: 'Neris Black';
}
.btn.btn--primary:hover {
    color: #fff;
    background: #03243D;
    border-color: #03243D;
}
.btn.btn--primary:active {
    background: #fff;
    border: 3px solid #21B1D9;
    color: #21B1D9;
}
.btn.btn--alt:not(.btn--secondary) {
    background: #21b1d9;
}

/* CTA Link */
a.cta-link {
    outline: 0;
    text-decoration: none !important;
    cursor: pointer;
    vertical-align: middle;
    max-width: 100% !important;
    white-space: normal !important;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 25px;
    letter-spacing: .5px;
    margin: 10px 10px 0 0;
    line-height: 23px;
    padding: 10px 27px 12px;
    padding-right: 37px;
    position: relative;
    background-color: transparent;
    font-family: 'Neris Black';
    font-size: 16px;
}
a.cta-link:before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    width: 27px;
    height: 27px;
    background: #21B1D9;
    border-radius: 50%;
}
a.cta-link:after {
    position: absolute;
    content: '';
    right: 11px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: #fff solid 2px;
    border-right: #fff solid 2px;
    transform: translate(0%, -50%) rotate(45deg);
}
a.cta-link:hover {
    text-decoration: underline !important;
}
a.cta-link.color-white {
    color: #fff;
}
a.cta-link:hover.color-white {
    color: #fff;
}

/* Hero Image Widget */
.widget.widget--hero-image.widget--hero-image_standard .hero{
    
}
.widget.widget--hero-image.widget--hero-image_standard.full-height .hero img {
    max-height: calc(100vh - 203px);
    object-fit: cover;
}
.widget.widget--hero-image.widget--hero-image_standard .hero img {
    max-height: 600px;
    object-fit: cover;
}
/* .widget.widget--hero-image.widget--hero-image_standard.banner-gradient picture {
    background: linear-gradient(90deg, rgba(3,36,61,1) 0%, rgba(3,36,61,1) 20%, rgba(3,36,61,0) 75%);
} */
.widget.widget--hero-image.widget--hero-image_standard.banner-gradient .hero img { 
    mix-blend-mode: multiply;
}
.widget.widget--hero-image.widget--hero-image_standard .hero__caption {
    width: 82%;
}
.widget.widget--hero-image.widget--hero-image_standard .hero__caption .hero__title {
    font-size: 62px;
    color: #fff;
    font-weight: 600;
}
.widget.widget--hero-image.widget--hero-image_standard .hero__caption .h4 {
    font-size: 26px;
    color: #fff;
    display: block;
    line-height: 1.45;
    width: 50%;
}
.widget.widget--hero-image.widget--hero-image_standard a.btn.btn--primary {
    margin: 3rem 0 0 0;
}
.widget.widget--hero-image.widget--hero-image_standard .hero .hero__caption {
    padding: 0;
    left: auto;
    right: 8%;
}


/* About Blocks Widget */
.widget.widget--about-blocks.widget--about-blocks_standard .about-block h3 {
    font-size: 26px;
    font-weight: 600;
    text-transform: initial;
}
.widget.widget--about-blocks.widget--about-blocks_standard .about-block p {
    font-size: 16px;
    font-weight: 400;
}
.widget.widget--about-blocks.widget--about-blocks_standard li.about-block__container .about-block>span {
    padding: 1em 0;
}
.widget.widget--about-blocks.widget--about-blocks_standard li.about-block__container .about-block__text {
    padding: 0;   
}
.widget.widget--about-blocks.widget--about-blocks_standard .about-blocks-widget ul {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}
.widget.widget--about-blocks.widget--about-blocks_standard .medium-block-grid-3>li {
    width: 100%;
}
.widget.widget--about-blocks.widget--about-blocks_standard li.about-block__container .about-block {
    max-width: 100%;
}
.widget.widget--about-blocks.widget--about-blocks_standard [class*=block-grid-]:after, [class*=block-grid-]:before {
    content: " ";
    display: none;
}

/* Featured Content Carousel Widget */
.widget.widget--featured-content.widget--featured-content_carousel {
    margin-bottom: 2rem !important
}
.widget.widget--featured-content.widget--featured-content_carousel.full-width > .row {
    margin: 0;
}
.widget.widget--featured-content.widget--featured-content_carousel.full-width > .row > .columns {
    padding: 0;
}
.widget.widget--featured-content.widget--featured-content_carousel .featured-content-carousel__list,
.widget.widget--featured-content.widget--featured-content_carousel .featured-content-carousel-item,
.widget.widget--featured-content.widget--featured-content_carousel .catalog-item {
    max-height: 600px;
}
.widget.widget--featured-content.widget--featured-content_carousel .featured-content-carousel-item__overlay {
    background: linear-gradient(transparent, #000);
}
.widget.widget--featured-content.widget--featured-content_carousel .featured-content-carousel-item img {
    max-height: 600px;
    object-fit: cover;
}
.widget.widget--featured-content.widget--featured-content_carousel .featured-content-carousel-item__title {
    font-size: 36px;
    font-weight: 600;
}
.widget.widget--featured-content.widget--featured-content_carousel .featured-content-carousel-item__description {
    font-size: 16px;
    font-weight: 400;
}
.widget.widget--featured-content.widget--featured-content_carousel .featured-content-carousel-item__overlay {
    padding: 1em 5em 2.75em;
}
.widget.widget--featured-content.widget--featured-content_carousel .featured-content-carousel__nav {
    display: flex;
    bottom: 42%;
    right: 0;
    width: 100%;
    padding: 0 24px;
    justify-content: space-between;
}
.widget.widget--featured-content.widget--featured-content_carousel .btn.btn--primary,
.widget.widget--featured-content.widget--featured-content_carousel .btn {
    background: transparent;
    border: none;
}
.widget.widget--featured-content.widget--featured-content_carousel .btn.disabled {
    visibility: hidden;
}
.widget.widget--featured-content.widget--featured-content_carousel .icon-navigateright:before {
    content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/xvnfpnc8659k-BlueArrow.webp);
}
.widget.widget--featured-content.widget--featured-content_carousel .icon-navigateleft:before {
    content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/xvnfpnc8659k-BlueArrow.webp);
    transform: rotate(180deg);
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 13px;
}
.widget.widget--featured-content.widget--featured-content_carousel .icon-navigateright:hover:before {
    content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/eumx3t59jn1l-DarkArrow.webp);
}
.widget.widget--featured-content.widget--featured-content_carousel .icon-navigateleft:hover:before {
    content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/eumx3t59jn1l-DarkArrow.webp);
    transform: rotate(180deg);
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 13px;
}

/* Featured Content Tile Widget */
.widget.widget--featured-content.widget--featured-content_standard .catalog-grid-item__hr {
    border: none;
}
.widget.widget--featured-content.widget--featured-content_standard .catalog-grid-item__body {
    background-color: #F5FAFE;
    border-bottom: 4px solid #21B1D9;
    border-radius: 0 0 5px 5px;
}
.widget.widget--featured-content.widget--featured-content_standard .catalog-grid-item__asset {
    border-radius: 5px 5px 0 0;
}
.widget.widget--featured-content.widget--featured-content_standard .catalog-grid-item {
    border: none;
}
.widget.widget--featured-content.widget--featured-content_standard .catalog-grid-item__title {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 12px;
}
.widget.widget--featured-content.widget--featured-content_standard .catalog-grid-item__source {
    font-size: 16px;
    font-family: 'Neris Black';
    color: #000;
}
.widget.widget--featured-content.widget--featured-content_standard .catalog-grid-item__description {
    font-size: 16px;
    font-weight: 600;
    color: #777;
}
.widget.widget--featured-content.widget--featured-content_standard .catalog-grid-item__cta-container .btn.btn--link.btn--right.btn--primary {
    float: left;
    color: #000;
    outline: 0;
    text-decoration: none !important;
    cursor: pointer;
    vertical-align: middle;
    max-width: 100% !important;
    white-space: normal !important;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 25px;
    letter-spacing: .5px;
    margin: 10px 10px 0 0;
    line-height: 23px;
    padding: 10px 37px 12px 0 !important;
    position: relative;
    background-color: transparent;
    font-family: 'Neris Black';
    font-size: 16px;
}
.widget.widget--featured-content.widget--featured-content_standard .catalog-grid-item__cta-container .btn.btn--link.btn--right.btn--primary:active {
    border: none;
}
.widget.widget--featured-content.widget--featured-content_standard .catalog-grid-item__cta-container .btn.btn--link.btn--right.btn--primary:hover {
    text-decoration: underline!important;
}
.widget.widget--featured-content.widget--featured-content_standard .catalog-grid-item__cta-container .btn.btn--link.btn--right.btn--primary:before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    width: 27px;
    height: 27px;
    background: #21B1D9;
    border-radius: 50%;
}
.widget.widget--featured-content.widget--featured-content_standard .catalog-grid-item__cta-container .btn.btn--link.btn--right.btn--primary:after {
    position: absolute;
    content: '';
    right: 11px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: #fff solid 2px;
    border-right: #fff solid 2px;
    transform: translate(0%, -50%) rotate(45deg);
}

/* Featured Content Tile (Description) */
.widget.widget--featured-content.widget--featured-content_article .catalog-item {
    background-color: #F5FAFE;
    border-bottom: 4px solid #21B1D9;
    border-radius: 0 0 5px 5px;
}
.widget.widget--featured-content.widget--featured-content_article img {
    border-radius: 5px 5px 0 0;
}
.widget.widget--featured-content.widget--featured-content_article .featured-content-article-item {
    border: none;
    padding: 0;
}
.widget.widget--featured-content.widget--featured-content_article .featured-content-article-item__body {
    padding: 0.75em;
}
.widget.widget--featured-content.widget--featured-content_article .featured-content-article-item__title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0.25em;
    padding-bottom: 12px;
}
.widget.widget--featured-content.widget--featured-content_article .featured-content-multi-carousel-item__source {
    font-size: 16px;
    font-family: 'Neris Black';
    color: #000;
}
.widget.widget--featured-content.widget--featured-content_article .featured-content-article-item__description {
    font-size: 16px;
    font-weight: 600;
    color: #777;
    margin-top: 0;
}
.widget.widget--featured-content.widget--featured-content_article .featured-content-article-item__description:before {
    display: none;
}

/* Catalog widget */
.widget.widget--catalog.widget--catalog_standard .catalog-header {
    display: none;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__hr {
    border: none;
}
.widget.widget--catalog.widget--catalog_standard .catalog-filters {
    border: none;
    background: #fff;
}
.widget.widget--catalog.widget--catalog_standard .catalog-filters__search, 
.widget.widget--catalog.widget--catalog_standard .catalog-filters__sort  {
    border: 1px solid #cbcbcb;
    border-radius: 5px;
}
.widget.widget--catalog.widget--catalog_standard .catalog-filters__selections {
    border: none;
}
@media only screen and (min-width: 48.063em) {
    .widget.widget--catalog.widget--catalog_standard .catalog-filters__search {
    }
    .widget.widget--catalog.widget--catalog_standard .catalog-filters__sort {
        float: right;
        width: 15%;
    }  
    .widget.widget--catalog.widget--catalog_standard .medium-3 {
        width: 20%;
    }
    .widget.widget--catalog.widget--catalog_standard .medium-9 {
        width: 80%;
    }
    
}
@media only screen and (max-width: 48.063em) { 
    .widget.widget--catalog.widget--catalog_standard .catalog-filters__sort {
        width: 100%;
    } 
}
.widget.widget--catalog.widget--catalog_standard .catalog-search__button {
    border-radius: 5px;
}
.widget.widget--catalog.widget--catalog_standard .catalog-search__button i {
    color: #000;
}
.widget.widget--catalog.widget--catalog_standard .catalog-sort.catalog-filters__select {
    outline: none;
}
.widget.widget--catalog.widget--catalog_standard .catalog-aggregation__header .column:first-child {
    float: right;
}
.widget.widget--catalog.widget--catalog_standard .catalog-aggregation__header {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 1px solid #dfe0e3;
    color: #17191d !important;
}
.widget.widget--catalog.widget--catalog_standard .catalog-aggregation {
    padding: 0;
    border: 0;
} 
.widget.widget--catalog.widget--catalog_standard .catalog-aggregation__header--label {
    padding-left: 0;
    font-size: 14px;
}
.widget.widget--catalog.widget--catalog_standard .catalog-aggregation--expanded {
    background-color: transparent;
}
.widget.widget--catalog.widget--catalog_standard .catalog-aggregation__expander i {
    color: #000;
}
.widget.widget--catalog.widget--catalog_standard .btn.catalog-aggregation__value {
    display: inline-flex;
    align-items: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    color: inherit;
}
.widget.widget--catalog.widget--catalog_standard .btn.catalog-aggregation__value::before {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    border: 1px solid #dfe0e3;
    border-radius: 3px;
    content: "";
}
.widget.widget--catalog.widget--catalog_standard .catalog-aggregation__count {
    margin-left: 0.25rem;
    font-size: inherit;
    color: inherit;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__body {
    background-color: #F5FAFE;
    border-bottom: 4px solid #21B1D9;
    border-radius: 0 0 5px 5px;
    padding: 1em;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__asset {
    border-radius: 5px 5px 0 0;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__asset-container img {
    object-fit: cover;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item {
    border: none;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__title {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 12px;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__source {
    font-size: 16px;
    font-weight: 600;
    color: #777;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__description {
    font-size: 14px;
    font-weight: 400;
    color: #777;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__cta-container .btn.btn--link.btn--right.btn--primary {
    float: left;
    color: #000;
    outline: 0;
    text-decoration: none !important;
    cursor: pointer;
    vertical-align: middle;
    max-width: 100% !important;
    white-space: normal !important;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 25px;
    letter-spacing: .5px;
    margin: 10px 10px 0 0;
    line-height: 23px;
    padding: 10px 37px 12px 0 !important;
    position: relative;
    background-color: transparent;
    font-family: 'Neris Black';
    font-size: 16px;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__cta-container .btn.btn--link.btn--right.btn--primary:active {
    border: none;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__cta-container .btn.btn--link.btn--right.btn--primary:hover {
    text-decoration: underline;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__cta-container .btn.btn--link.btn--right.btn--primary:before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    width: 27px;
    height: 27px;
    background: #21B1D9;
    border-radius: 50%;
}
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__cta-container .btn.btn--link.btn--right.btn--primary:after {
    position: absolute;
    content: '';
    right: 11px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: #fff solid 2px;
    border-right: #fff solid 2px;
    transform: translate(0%, -50%) rotate(45deg);
}

/* Featured Content Carousel Widget */
.widget.widget--featured-content.widget--featured-content_multi-carousel .featured-content-multi-carousel-item {
    background-color: #F5FAFE;
    border-bottom: 4px solid #21B1D9;
    border-radius: 0 0 5px 5px;
    border-right: none;
}
.widget.widget--featured-content.widget--featured-content_multi-carousel  .featured-content-multi-carousel-item img {
    border-radius: 5px 5px 0 0;
    padding: 0;
}
.widget.widget--featured-content.widget--featured-content_multi-carousel .featured-content-multi-carousel-item__body {
    padding: 0.75rem;
}
.widget.widget--featured-content.widget--featured-content_multi-carousel .featured-content-multi-carousel-item__title {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    padding-bottom: 12px;
}
.widget.widget--featured-content.widget--featured-content_multi-carousel .featured-content-multi-carousel-item__source {
    font-size: 16px;
    font-family: 'Neris Black';
    text-align: left;
    color: #000;
}
.widget.widget--featured-content.widget--featured-content_multi-carousel .featured-content-multi-carousel-item__description {
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    color: #777;
}
.widget.widget--featured-content.widget--featured-content_multi-carousel .icon-navigateright:before {
    content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/xvnfpnc8659k-BlueArrow.webp);
}
.widget.widget--featured-content.widget--featured-content_multi-carousel .icon-navigateleft:before {
    content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/xvnfpnc8659k-BlueArrow.webp);
    transform: rotate(180deg);
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 0;
}
.widget.widget--featured-content.widget--featured-content_multi-carousel .icon-navigateright:hover:before {
    content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/eumx3t59jn1l-DarkArrow.webp);
}
.widget.widget--featured-content.widget--featured-content_multi-carousel .icon-navigateleft:hover:before {
    content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/eumx3t59jn1l-DarkArrow.webp);
    transform: rotate(180deg);
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 0;
}

/* Support widget */
.widget.widget--support.widget--support_standard .faq__search-block .btn.btn--primary.btn--large.btn--submit {
    border-radius: 9999px !important;
    margin-left: 2rem;
    margin-top: -4px;
}
.widget.widget--support.widget--support_standard .faq__search-block input {
    border-radius: 3px;
}

/* Redemption widget */
.widget.widget--redemption-form.widget--redemption-form_standard .btn.btn--primary.btn--submit.btn--floating-label {
    border-radius: 9999px !important;
}
.widget.widget--redemption-form.widget--redemption-form_standard .field__input-wrapper input {
    border-radius: 3px;
}
.widget.widget--redemption-form.widget--redemption-form_standard .medium-12.columns.text-centered.widget__subtitle {
    text-align: left;
}

@media only screen and (max-width: 64.063em) {
    .widget.widget--redemption-form.widget--redemption-form_standard .medium-12.columns.text-centered.widget__subtitle {
        width: 100%;
    }
    .widget.widget--redemption-form.widget--redemption-form_standard .medium-6 {
        width: 100%;
    }
    .widget.widget--redemption-form.widget--redemption-form_standard .small-12.medium-4.columns {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media only screen and (max-width: 48.063em) {
    .widget.widget--redemption-form.widget--redemption-form_standard .small-12.medium-4.columns {
        padding: 0;
    } 
    .widget.widget--redemption-form.widget--redemption-form_standard .small-12.medium-8.columns {
        padding: 0;
    }
}
@media only screen and (min-width: 48.063em) {
    .widget.widget--redemption-form.widget--redemption-form_standard 
    .large-12.columns .row.collapse {
        margin: 0 -1rem;
    }
    .widget.widget--redemption-form.widget--redemption-form_standard .small-12.medium-8.columns {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media only screen and (min-width: 64.063em) {
    .widget.widget--redemption-form.widget--redemption-form_standard .medium-12.columns.text-centered.widget__subtitle {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        text-align: left;
    }
    .widget.widget--redemption-form.widget--redemption-form_standard .small-12.medium-4.columns {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .widget.widget--redemption-form.widget--redemption-form_standard 
    .small-12.medium-8.columns {
        padding-left: 1rem;
        padding-right: 1rem;
    }


}
@media only screen and (min-width: 90.063em) {
    .widget.widget--redemption-form.widget--redemption-form_standard .small-12.medium-4.columns {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .widget.widget--redemption-form.widget--redemption-form_standard 
    .small-12.medium-8.columns {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Single Column Hero Banner */
.single-column-hero-banner .banner-background img {
    max-height: 600px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.single-column-hero-banner .banner-background.banner-gradient {
    background: linear-gradient(90deg, rgba(3,36,61,1) 0%, rgba(3,36,61,1) 20%, rgba(3,36,61,0) 75%);
}
.single-column-hero-banner .banner-background.banner-gradient img { 
    mix-blend-mode: multiply;
}
.single-column-hero-banner .hero__caption {
    padding: 0;
    left: auto;
    right: 8%;
    width: 82%;
}
.single-column-hero-banner .hero__caption .hero__title {
    font-size: 62px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0.25em;
    line-height: 1.25;
}
/*control the width of Heros captions for home and segment pages*/
.single-column-hero-banner .hero__caption .h4 {
    font-size: 26px;
    color: #fff;
    display: block;
    font-weight: 400;
    line-height: 1.45;
    width: 50%;
}
.single-column-hero-banner .hero__caption a.btn.btn--primary {
    margin: 3rem 0 0 0;
}
@media only screen and (max-width: 48.063em) {
    .single-column-hero-banner .hero__caption .h4 {
        font-size: 16px;
    }
    .single-column-hero-banner .hero__caption .hero__title {
        font-size: 36px; 
    }
}
@media only screen and (min-width: 48.063em) {
    .single-column-hero-banner .hero__caption {
        background: transparent;
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;
        position: absolute;
    }
}


/* Video Banner */
.video-banner-container {

}
.video-banner-background {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
}
.video-banner-background video {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.video-banner-background {
    background: url() no-repear center;
    background-size: cover;
    top: 0%;
    bottom: 0%;
    right: 0%;
    left: 0%;
}
.video-banner-overlay {
    top: 0%;
    bottom: 0%;
    right: 0%;
    left: 0%;
    background-color: #03243d;
    opacity: .58 !important;
    z-index: 2;
    display: block;
    position: absolute;
}
.video-banner-content {
    height: calc(100vh - 354px);
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    color: #fff;
}
.video-banner-content .hero__caption {
    padding: 0;
    left: auto;
    right: 8%;
    width: 82%;
}
.video-banner-content .hero__caption .hero__title {
    font-size: 62px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0.25em;
    line-height: 1.25;
}
.video-banner-content .hero__caption .h4 {
    font-size: 26px;
    color: #fff;
    display: block;
    font-weight: 400;
    line-height: 1.45;
    width: 40%;
}
.video-banner-content .hero__caption a.btn.btn--primary {
    margin: 3rem 0 0 0;
}
@media only screen and (max-width: 48.063em) {
    .video-banner-content .hero__caption .hero__title {
        font-size: 36px;
    }
    .video-banner-content .hero__caption .h4 {
        font-size: 16px;
    }
}
@media only screen and (min-width: 48.063em) {
    .video-banner-content .hero__caption {
        background: transparent;
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;
        position: absolute;
    }
    .video-banner-content {
        height: calc(100vh - 203px);
    }
}

/* Custom Accordion */
.custom-accordion-container {
    margin: 3rem 0;
    max-width: 441px;
}
.custom-accordion .question {
    font-size: 20px;
    cursor: pointer;
    position: relative;
    align-items: center;
    height: 100%;
    border-radius: 10px;
    display: flex;
}
.custom-accordion .answer {
    font-size: 16px;
}
.custom-accordion .answer.active {
    display: block;
}
.custom-accordion {
    background: #fff;
    border: 1px solid #eee;
    padding: 12px;
    margin-bottom: 12px;
}
.question .fq_icon {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 28px;
}
.question .fq_icon div {
    width: 100%;
    height: 2px;
    background-color: #03243d;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    transition: .25s all;
    webkit-transition: .25s all;
    border-radius: 10px;
}
.question .fq_icon div:nth-child(2) {
    transform: rotate(90deg);
}
.active .fq_icon div:nth-child(2) {
    transform: rotate(0) !important;
}
.answer {
    display: none;
    overflow: hidden
}

/* Footer */
footer.footer {
    padding: 0;
}
footer .footer__inner {
    border-top: none;
    padding: 0;
}
footer .footer__company__info,
footer .footer__links {
    display: none;
}
footer {
    background: #03243D;
    color: #fff;
}
.custom-footer {
    background: #03243D;
    color: #fff;
    padding: 48px 1rem;
    margin-top: 2rem;
}
.custom-footer .row-center-custom {
    padding: 1rem;
} 
@media only screen and (min-width: 48.063em) {
.custom-footer .row-center-custom {
        padding: 1rem 2rem;
    } 
}
.footer-top{
    display: flex;
    justify-content: space-between;
}
.footer-bottom {
    display: flex;
    gap: 65px;
    font-size: 16px;
}
.footer-title {
    font-size: 16px;
    font-family: 'Neris Black'
}
.footer-links {
    margin: 0;
    padding: 0 !important;
    font-size: 16px;
}
.footer-links li {
    display: block;
    margin-bottom: 0.5rem;
}
.footer-links li a {
    color: #fff !important;
    font-weight: 400 !important;
}
.footer-links li a:hover {
    color: #fff !important;
    text-decoration: underline
}
.custom-footer a {
    color: #fff !important;
    font-weight: 600 !important;
}
.custom-footer a:hover {
    color: #fff !important;
    font-weight: 600 !important;
    text-decoration: underline
}
.social-icons {
    display: flex;
    gap: 12px;
}
.social-icons a {
    width: 30px;
    height: 30px;
    display: flex;
    background: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: all ease .5s;
}
.social-icons a:hover {
    background: #21b1d9;
}
.social-icons a:hover svg {
    fill: #fff;
}
.social-icons a span {
    line-height: 13px;
    display: inline-block;
}
.social-icons svg {
    fill: #03243d;
    transition: fill .5s ease;
    max-height: 20px;
    max-width: 20px;
    width: 100%;
}
.social-icons img {
    fill: #03243d;
    transition: fill .5s ease;
    max-height: 20px;
    max-width: 20px;
    height: 100%;
}
.footer-top > div:first-of-type {
    width: 25%;
}
@media only screen and (max-width: 64.063em) {
    .footer-top,
    .footer-bottom {
        flex-wrap: wrap;
    }
    .footer-top > div,
    .footer-bottom > div {
        width: 100% !important;
    }
    .footer-bottom {
        gap: 12px;
    }
}

/* Learner Dashboard */
.header--dashboard {
    padding: 0;
}
.header.header--dashboard .header__inner .small-6 {
    width: auto;
    z-index: 999;
    display: flex;
    align-items: center;
    height: 115px;
}
.dashboard-background {
    background: url(https://www.harmonicinc.com/hubfs/LMS_files/img/Dashboard_Hero.jpg);
    background-size: cover;
    background-position: center;
    height: 500px;
    display: flex;
    align-items: center;
}
.dashboard-background .dynamic-title {
    font-size: 62px;
    font-weight: 400;
    margin-bottom: 0.25em;
    line-height: 1.25;
}
.dashboard-background .dynamic-title strong {
    font-weight: 600;
}
.dashboard-background p {
    font-size: 26px;
    display: block;
    font-weight: 400;
    line-height: 1.45;
}
@media only screen and (max-width: 48.063em) {
    .dashboard-background p {
        font-size: 16px;
    }
    .dashboard-background .dynamic-title {
        font-size: 36px; 
    }
}
.header.header--dashboard .dashboard-header-dropdown__link {
    padding-top: 0;
}
.header.header--dashboard .dashboard-header-dropdown__link > div:first-of-type {
    display: flex;
    align-items: center;
}
.header.header--dashboard .dashboard-header__name {
    padding: 0;
    font-size: 16px;
}
.header.header--dashboard .dashboard-header__avatar {
    margin-bottom: 0;
}

/* Widget Navbar stick to header */
.widget--navbar.widget--navbar_standard.stick-to-header {
    
}
.widget--navbar.widget--navbar_standard.stick-to-header .navigation-bar .top-bar-section ul.left {
    border: none;
}
@media (min-width: 768px) {
    .widget--navbar.widget--navbar_standard.stick-to-header .navigation-bar.top-bar {
        display: flex;
        align-items: center;
    }
}
@media only screen and (min-width: 48.063em) {
    .widget--navbar.widget--navbar_standard.stick-to-header {
        position: absolute;
        top: 0;
        height: 115px;
        display: flex;
        align-items: center;
        margin-left: calc(8% + 250px);
        max-width: 100%;
        z-index: 999;
    }
}
@media only screen and (max-width: 940px) {
    .widget--navbar.widget--navbar_standard.stick-to-header {
        position: inherit;
        height: 70px;
    }
    .widget--navbar.widget--navbar_standard.stick-to-header {
        justify-content: center;
        margin-left: 0;
    }
}

/* Dashboard navbar */
.dashboard-navbar .navigation-bar .top-bar-section ul li>a {
    text-transform: none;
    font-size: 16px;
}
.dashboard-navbar.last-cta-button .navigation-bar .top-bar-section ul li.navigation-item:last-of-type {
    border: 1px solid #21B1D9;
    border-radius: 999px;
    margin: 0;
    background: #F8F8F8;
}
.dashboard-navbar.last-cta-button .navigation-bar .top-bar-section ul li.navigation-item:last-of-type a {
    padding: 5px 8px;
    font-family: 'Neris Black';
    background: transparent;
}
.dashboard-navbar.last-cta-button .navigation-bar .top-bar-section ul li.navigation-item:last-of-type:hover {
    transform: scale(1.02)!important;
}
.dashboard-navbar.last-cta-button .navigation-bar .top-bar {
    display: flex;
    align-items: center;
}
@media only screen and (min-width: 48.063em) {
    .dashboard-navbar .navigation-bar .top-bar-section ul {
        display: flex;
        align-items: center;
    }
    .dashboard-navbar .navigation-bar .top-bar-section ul li>a {
        text-transform: none;
        font-size: 20px;
    }
    .dashboard-navbar.last-cta-button .navigation-bar .top-bar-section ul li.navigation-item:last-of-type {
        border: 1px solid #21B1D9;
        border-radius: 999px;
        margin: 0 1em;
    }
}

.dashboard-header-dropdown__link .dashboard-header__name {
    font-size: 14px;
}
.dashboard-header-dropdown__link .avatar {
border: 1px solid #21B1D9; 
}
.dashboard-header-dropdown__link .avatar.avatar--initials {
    font-weight: 600;
}
.dashboard-header-dropdown__link .icon.icon-navigatedown {
    color: #21B1D9; 
}

/* Dashboard stats widget */
.widget.widget--dashboard-stats.widget--dashboard-stats_standard .dashboard-stats__container {
    box-shadow: none;
}
.widget.widget--dashboard-stats.widget--dashboard-stats_standard .dashboard-stat {
    background: #fff;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
    height: auto;
}
@media only screen and (min-width: 74em) {
    .dashboard-stats>li {
        width: 18%;
    }
}
.widget.widget--dashboard-stats.widget--dashboard-stats_standard .dashboard-stat__label {
    font-size: 20px;
    text-transform: none;
}
.widget.widget--dashboard-stats.widget--dashboard-stats_standard .dashboard-stat__icon {
    font-size: 20px;
}
.widget.widget--dashboard-stats.widget--dashboard-stats_standard .dashboard-stat__value--huge, .dashboard-stat__value {
    font-size: 54px !important;
    font-weight: 600 !important;
    padding: 0 0 1rem !important;
    margin: 0;
}
.widget.widget--dashboard-stats.widget--dashboard-stats_standard .dashboard-stat--available .dashboard-stat__value {
    color: #005695;
}
.widget.widget--dashboard-stats.widget--dashboard-stats_standard .dashboard-stat--started .dashboard-stat__value {
    color: #FFB202;
}
.widget.widget--dashboard-stats.widget--dashboard-stats_standard .dashboard-stat--completed .dashboard-stat__value {
    color: #1AC7B7;
}
.widget.widget--dashboard-stats.widget--dashboard-stats_standard .dashboard-stat--collaborations .dashboard-stat__value {
    color: #BCBEC0;
}

/* Dashboard Learner Access */
.dashboard-learner-access {
    background: #F8F8F8;
    padding: 1rem 0 !important;
}
.dashboard-learner-access > div:first-of-type {
    background: #fff;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
    border-radius: 3px;
    margin: 2rem auto !important;
}

/* Dashboard Access Widget */
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access__header {
    background: #fff;
    border-bottom: 1px solid #D8D8D8;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access-tabs {
    background: #fff;
    border-bottom: 1px solid #D8D8D8;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access{
    border: none;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access-tab--active {
    border-color: #21B1D9;
    background: #fff;
    border-width: 0 0 3px;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access-tab--active:after {
    display: none;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access-tab--active .dashboard-access-tab__count {
    border-color: #03243D;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access-tab__count {
    min-height: 18px;
    min-width: 18px;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access-tab__label {
    font-weight: 400;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access-tab--active .dashboard-access-tab__label {
    font-weight: 600;
    color: #03243D;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access-list-item {
    border: 1px solid #d8d8d8;
    border-top: none;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access-list-item:last-of-type {
    border-bottom: 1px solid #d8d8d8;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access-list-item .btn.btn--primary {
    background: #1AC7B7;
    font-family: "Neris";
    font-weight: 400;
    border-radius: 5px;
    border-color: #1AC7B7;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access-list-item-expander i {
    color: #000;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .user-engagement-stat__value-container {
    font-size: 2.1875rem;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .user-engagement-stat__value,
.widget.widget--dashboard-access.widget--dashboard-access_standard .user-engagement-stat__value--muted {
    font-weight: 600;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .dashboard-access-list-item,
.widget.widget--dashboard-access.widget--dashboard-access_standard .user-engagement-stat__value--muted {
    color: #7F7F7F;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .user-engagement-stat--hours {
    color: #005695;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .user-engagement-stat--percent-complete {
    color: #FFB202;
}
.widget.widget--dashboard-access.widget--dashboard-access_standard .progress.colorized .meter {
    background: linear-gradient(90deg, #005695 0%, #1AC7B7 100%);
}

/* Course Details Page */
body.course-group, 
body.course-group .container {
    background: #F8F8F8;
}
body.course-group .course__detail__content {
    display: flex;
    flex-direction: column; 
}
body.course-group .course__detail__content > div:nth-of-type(2) {
    order: -1;
}
body.course-group .course__detail__header h1,
body.course-group .course__detail__header p {
    color: #000;
}
body.course-group .tabs .tab-title>a {
    background: #fff;
    font-family: 'Neris';
    border: 1px solid #D8D8D8;
    border-bottom: none;
    font-size: 16px;
    border-radius: 2px 2px 0 0;
}
body.course-group .tabs .tab-title.active a {
    font-weight: 600;
    background: #F4F8FF;
    box-shadow: 0 -2px #24b1d9 inset !important;
}
body.course-group .tabs {
    border-color: #D8D8D8;
}
body.course-group .editor-content {
    color: #000;
}
body.course-group .course__instructor img {
    border: 3px solid #21B1D9;
    border-radius: 50%;
    padding: 8px;
}
body.course-group .btn.btn--primary {
    background: #21B1D9;
}
body.course-group .btn.btn--primary:hover {
    background: #03243D;
}
body.course-group .btn.btn--primary:active,
body.course-group .btn.btn--primary:focus {
    background: #fff;
}

body.course-group .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard
{
    background: #fff;
    margin-bottom: 2rem;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 1rem;
}
body.course-group .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard.course-detail-custom-cta {
    margin: 2rem 0 4rem;
}
body.course-group .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard.course-detail-custom-cta .row {
    display: none;
}
body.course-group .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard.course-detail-custom-cta .h2.widget__title {
    font-size: 20px;
    color: #000;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 0.75em;
    text-align: left;
}
body.course-group .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard.course-detail-custom-cta .widget__subtitle {
    text-align: left;
}
body.course-group .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard.course-detail-custom-cta .widget__cta {
    padding-top: 0;
}
body.course-group .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard.course-detail-custom-cta .btn--centered {
    margin: 0 0 1rem;
    padding: 0.5em 1.25em;
}
body.course-group .course__detail__sidebar .panel {
    background: #fff;
    margin-bottom: 0;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 1rem;
}
body.course-group .course__detail__sidebar .panel .enroll__title {
    font-size: 20px;
    color: #000;
    text-transform: none;
}
body.course-group .course__detail__sidebar .panel p small {
    font-size: 16px;
    color: #000;
}
body.course-group .course__detail__sidebar .panel .email-capture .btn--right.btn--primary {
    float: left;
    margin-top: 1rem;
}
body.course-group .tabs-content>.content {
    padding: 0;
}
.course__detail__enrolled {
    background: #fff;
    border: 1px solid #D8D8D8;
    margin-bottom: 2rem;
}
.widget.widget--course-purchase.widget--course-purchase_standard {
    margin: 0 0 2rem 0;
}
.widget.widget--course-social.widget--course-social_standard .course__detail__social {
    background: #fff;
    border: 1px solid #D8D8D8;
    margin-bottom: 2rem
}
.widget.widget--course-social.widget--course-social_standard .course__detail__social .h6.heading.heading--alt {
    font-size: 20px;
    color: #000;
    text-transform: none;
}
.widget.widget--course-social.widget--course-social_standard .course__detail__social .btn--social i {
    background: #03243D;
    padding: 8px;
    border-radius: 50%;
    color: #fff;
    font-size: 1rem;
    display: block;
}
.custom-two-column-content-box {
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 5px;
    margin: 2rem 0;
    display: flex;
}
.custom-two-column-content-box > div {
    width: 50%;
    padding: 1rem;
    margin: 1rem 0;
}
.custom-two-column-content-box > div:first-of-type {
    border-right: 1px solid #d8d8d8;
}
.custom-two-column {
    display: flex;
}
.custom-two-column > div {
    width: 50%;
}
.custom-two-column .custom-two-column-two-third {
    width: 66%;
}
.custom-two-column .custom-two-column-one-third {
    width: 33%;
}

/* Page Not Found */
.not-found__container .btn.btn--alt.btn--primary {
    color: #fff;
}
.not-found__container .btn.btn--alt.btn--primary:hover {
    color: #21b1d9
}

/* Learning Path Details Page */
.learning-path,
.learning-path .container {
    background: #F8F8F8;    
}
body.learning-path .course__detail__content {
    display: flex;
    flex-direction: column; 
}
body.learning-path .course__detail__content > .course__detail__asset {
    order: -1;
}
.learning-path .center-ruled-title>span {
    background: #F8F8F8;
    color: #000;
    display: none; /* 2/3/2025 Darya - removed MILESTONES over title*/
}
.learning-path .course__detail__content .h2 {
    font-size: 24px;
    font-weight: 600;
}
.learning-path .course__detail__content > p {
    display: none;
}
.learning-path .center-ruled-title hr {
    display: none;
}
.learning-path .learning-path-detail-milestone-item__title {
    font-weight: 600;
    font-size: 24px; 
}
.learning-path ul.learning-path-detail-milestone-list li > hr:first-of-type,
.learning-path ul.learning-path-detail-milestone-list li > .learning-path-detail-milestone-item:last-of-type hr {
    display: none;
}
.learning-path ul.learning-path-detail-milestone-list li h3 {
    border-top: 1px solid #d8d8d8;
    background: #fff;
    padding: 1rem;
    box-shadow: 0px 6px 6px -2px rgb(216 216 216 / 85%);
}
.learning-path .learning-path-milestone__badge {
    padding: 5px 10px;
    border-radius: 2px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.learning-path .learning-path-detail-milestone-item__cta {
    outline: 0;
    text-decoration: none !important;
    cursor: pointer;
    vertical-align: middle;
    max-width: 100% !important;
    white-space: normal !important;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 25px;
    letter-spacing: .5px;
    margin: 10px 10px 0 0;
    line-height: 23px;
    padding: 10px 27px 12px !important;
    padding-right: 37px !important;
    position: relative;
    background-color: transparent;
    font-family: 'Neris Black';
    font-size: 14px;
}
.learning-path .learning-path-detail-milestone-item__cta:hover {
    text-decoration: underline !important;
    color: #000;
}
.learning-path .learning-path-detail-milestone-item__cta .icon-upright {
    display: none;
}
.learning-path .learning-path-detail-milestone-item__cta:before {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    width: 27px;
    height: 27px;
    background: #21B1D9;
    border-radius: 50%;
}
.learning-path .learning-path-detail-milestone-item__cta:after {
    position: absolute;
    content: '';
    right: 11px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: #fff solid 2px;
    border-right: #fff solid 2px;
    transform: translate(0%, -50%) rotate(45deg);
}
.learning-path .widget.widget--learning-path-purchase.widget--learning-path-purchase_standard {
    background: #fff;
    margin-bottom: 2rem;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 1rem;
}
body.learning-path .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard.course-detail-custom-cta {
    margin: 0 0 2rem;
}
body.learning-path .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard.course-detail-custom-cta .row {
    display: none;
}
body.learning-path .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard.course-detail-custom-cta .h2.widget__title {
    font-size: 20px;
    color: #000;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 0.75em;
    text-align: left;
}
body.learning-path .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard.course-detail-custom-cta .widget__subtitle {
    text-align: left;
}
body.learning-path .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard.course-detail-custom-cta .widget__cta {
    padding-top: 0;
}
body.learning-path .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard.course-detail-custom-cta .btn--centered {
    margin: 0 0 1rem;
    padding: 0.5em 1.25em;
}
body.learning-path .course__detail__sidebar .widget.widget--one-column.widget--one-column_standard {
    background: #fff;
    margin-bottom: 2rem;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 1rem;
}

/* Course page */
.learn.course {
    background: #f8f8f8;
}
.learn.course .header.header--student.header--learner .company__beta-logo {
    height: 80px;
    margin-left: auto;
}
.learn.course .header.header--student.header--learner .company__beta-logo .company-logo__container {
    margin-top: 0;
}
.learn.course .learner__sidebar__search {
    margin-bottom: 1rem;
}
.learn.course .expandable-sidebar__toggle {
    background: transparent;
    color: black;
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    border-bottom: 1px solid #d8d8d8;
    margin-top: 0.5rem;
    padding-bottom: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.learn.course .expandable-sidebar__toggle i.expandable-sidebar__icon--left {
    margin-top: 0;
}
.learn.course .expandable-sidebar__toggle .icon-navigateright.right,
.learn.course .expandable-sidebar__toggle .icon-navigatedown.right {
    margin-left: auto;
}
.learn.course .learner__sidebar .layout-panel {
    background: transparent
}
.learn.course .learner__sidebar .learner__sidebar-list {
    max-height: 100%;
    overflow-y: unset;
}
.learn.course .learner__sidebar .syllabus__section-title {
    font-size: 18px;
    color: #000;
    text-transform: none;
}
.learn.course .learner__sidebar .syllabus__lesson--title-text {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #000;
    padding-left: 1.5rem;
}
.learn.course .learner__sidebar .syllabus__lesson-container--titles .syllabus__lesson--title-text {
    padding-left: 0;
}
.learn.course .learner__sidebar li.syllabus__topic--non-expandable:before {
    display: none;
}
.learn.course .learner__sidebar .syllabus__topic.syllabus__topic--active.syllabus__topic--non-expandable,
.learn.course .learner__sidebar .syllabus__topic.syllabus__topic--active a, .learn.course .learner__sidebar .syllabus__topic.syllabus__topic--active button.syllabus__topic--expander {
    color: #21B1D9;
}
.learn.course .learner__sidebar .learner__sidebar__search .small-8.columns {

}
.learn.course .learner__sidebar .learner__sidebar__search .small-4.columns {
    padding-left: 12px;
}
.learn.course .learner__sidebar .learner__sidebar__search input {
    background: #FFFFFF;
    border: 1px solid rgba(187, 187, 187, 0.5);
    border-radius: 3px;
    box-shadow: none;
}
.learn.course .learner__sidebar .learner__sidebar__search .learner__container__toggle.learner__container__toggle--small .btn.btn--primary {
    font-size: 11px;
    line-height: 1;
}
.learn.course .learner__content .learner__container__toggle .btn.btn--primary {
    font-size: 11px;
    line-height: 1;
}
.learn.course .learner__sidebar .syllabus__topic.syllabus__topic--active {
    font-weight: 400;
    background: transparent;
}
.learn.course .learner__sidebar .icon-circle.icon-circle--full span {
    background: #1AC7B7;
}
.learn.course .learner__sidebar .avatar.avatar--completion-criteria {
    border: 1px solid #1AC7B7;
}
.learn.course .learner__sidebar .course-progress__overall .highlight {
    font-size: 20px;
    font-weight: 600;
    color: #1AC7B7;
}
.learn.course .learner__sidebar .progress.colorized .meter {
    background: linear-gradient(90deg, #005695 0%, #1AC7B7 100%);
}

.learn.course .learner__sidebar .expandable-sidebar__content .btn.btn--primary {
    border: none;
    color: #21B1D9;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    font-family: 'Neris';
}
.learn.course .learner__sidebar .course-progress--course-percent-viewed .highlight {
    font-size: 20px;
    font-weight: 600;
}
.learn.course .learner__sidebar .expandable-sidebar__buttons {
    display: none;
}
.learn.course .course-title {
    color: #03243D;
}
.learn.course .directional__nav .directional__nav__button {
    background: transparent;
}
.learn.course .directional__nav .icon-navigateright:before {
    content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/xvnfpnc8659k-BlueArrow.webp);
}
.learn.course .directional__nav .icon-navigateleft:before {
    content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/xvnfpnc8659k-BlueArrow.webp);
    transform: rotate(180deg);
    display: inline-block;
    position: absolute;
    left: 13px;
    bottom: 0px;
}
.learn.course .directional__nav .icon-navigateright:hover:before {
    content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/eumx3t59jn1l-DarkArrow.webp);
}
.learn.course .directional__nav .icon-navigateleft:hover:before {
    content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/eumx3t59jn1l-DarkArrow.webp);
    transform: rotate(180deg);
    display: inline-block;
    position: absolute;
    left: 13px;
    bottom: 0px;
}
.learn.course .learner-lesson__title {
    color: #03243D;
    font-weight: 600;
}
.learn.course .learner__content .layout-panel {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.learn.course .sidebar__container.sidebar__container--right .h2.heading.heading--primary {
    color: #03243D;
}
.learn.course .sidebar__container.sidebar__container--right .share__container .btn--social i {
    background: #03243D;
    padding: 8px;
    border-radius: 50%;
    color: #fff;
}
.learn.course .sidebar__container.sidebar__container--right .heading.heading--primary {
    color: #03243D;
}
.learn.course .sidebar__container.sidebar__container--right .sidebar__testimonial .panel--secondary {
    background: transparent;
    border: none;
    padding: 0;
}

/* Learning path page */
.learn.learning-path .widget.widget--learning-path-content-hero.widget--learning-path-content-hero_standard 
.learning-content-hero.learning-content-hero--with-asset picture img {
    max-height: 400px;
    object-fit: cover;
}
.learn.learning-path .widget.widget--learning-path-content-hero.widget--learning-path-content-hero_standard .learning-content__back-button {
    display: none;
}
.learn.learning-path .widget.widget--learning-path-content-hero.widget--learning-path-content-hero_standard .learning-content-hero__caption {
    max-width: 82%;
    right: 9%;
    padding: 0;
    left: auto;
}
.learn.learning-path .widget.widget--learning-path-content.widget--learning-path-content_standard > div:first-of-type {
    max-width: 82%;
    margin: 0 auto;
}
.learn.learning-path .learning-path-progress-bar-item--current .learning-path-progress-bar-item__index {
    background: #1AC7B7;
}
.learn.learning-path .learning-path-milestone {
    max-width: 82%;
    margin: 0 auto 2rem;
    background: #e9e9e9;
    border: 1px solid #d8d8d8;
}
.learn.learning-path .learning-path-milestone.learning-path-milestone--current {
    background: #F4FAFF;
    border: 1px solid #D9EEFF;
}
.learn.learning-path .learning-path-body--secondary {
    background: #f1f1f1;
}
.learn.learning-path .learning-path-milestone-item--with-body .learning-path-milestone-item__title {
    border: none;
}
.learn.learning-path .learning-path-milestone {
    display: flex;
    flex-direction: column;
}
.learn.learning-path .learning-path-milestone > div:first-of-type {
    order: -2;
}
.learn.learning-path .learning-path-milestone-item--secondary {
    background: transparent;
    order: -1;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0;
    margin: 0;
}
.learn.learning-path .learning-path-milestone-item--secondary .learning-path-milestone-item__title {
    display: none;
}
.learn.learning-path .learning-path-milestone-item--secondary .learning-path-criterion__value-container {
    margin: 0;
    line-height: 1;
}
.learn.learning-path .learning-path-milestone-item--secondary .learning-path-criterion {
    height: auto;
}
.learn.learning-path .learning-path-milestone-item--secondary .learning-path-criterion__label {
    height: auto;
}
@media only screen and (min-width: 40.063em) {
    .learn.learning-path .learning-path-milestone-item--secondary {
        position: absolute;
        right: 110px;
    }
    .learn.learning-path .learning-path-milestone-item--secondary .learning-path-milestone-item__body {
        margin-top: 0;
    }
    .learn.learning-path .learning-path-milestone-item--secondary .learning-path-criterion {
        display: flex;
        height: auto;
        width: 160px;
        justify-content: center;
    }
    .learn.learning-path .learning-path-milestone-item--secondary .learning-path-criterion__label {
        width: 50%;
    }
    .learn.learning-path .learning-path-milestone-item--secondary .learning-path-criterion__value-container {
        margin: 0;
        line-height: 1;
    }
}
.learn.learning-path .learning-path-milestone__title {
    font-size: 20px;
}
.learn.learning-path .learning-path-milestone-item__title h4 .learning-path-milestone__badge {
    margin-right: 1rem;
}
.learn.learning-path .learning-path-milestone-item__title  h4 {
    font-weight: 600;
}
.learn.learning-path .learning-path-criterion:nth-of-type(1n) {
    color: #005695;
}
.learn.learning-path .learning-path-milestone--completed:before {
    background: #1AC7B7;
    height: 30px;
    width: 30px;
}
.learn.learning-path .learning-path-milestone--completed .learning-path-criterion:nth-of-type(1n) {
    color: #1AC7B7;
}
.learn.learning-path .learning-path-certificate-circle {
    background-image: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/pqyhxsdpndpk-unnamed4.png)
}
.learn.learning-path .learning-path-body {
    padding: 2em 0;
}
.learn.learning-path .header--article {
    padding: 0;
    background: transparent;
    z-index: auto;
}
.learn.learning-path .header.header--article .header__inner .medium-6 {
    width: auto;
    z-index: 999;
    display: flex;
    align-items: center;
    height: 115px;
}
.learn.learning-path .container {
    background: #fff;
} 

@media only screen and (max-width: 48.063em) {
    .hero__caption {
        bottom: 2em;
        left: 0;
        position: absolute;
    }
    .widget.widget--hero-image.widget--hero-image_standard .hero__caption .hero__title {
        font-size: 36px;
    }
    .widget.widget--hero-image.widget--hero-image_standard .hero__caption .h4 {
        font-size: 16px;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
    .container {
        max-width: 100%;
    }
} 
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
    .container {
        max-width: 100%;
    }
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) { 
    .container {
        max-width: 100%;
    }
} 
@media only screen and (min-width: 120.063em) { 
    .container {
        max-width: 100%;
    }
} 



/* CUSTOM STYLES FOR LOGIN FORM -- start */
.session__container {
  font-family: 'Neris';
  max-width: 600px;
  margin: 0 auto;
  float: none;
  display: block;
  width: 100%;
  left: 0;
}

.session__container.medium-6.medium-push-3.columns .company__beta-logo {
 /* background-image: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_v6/v1/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/xycdfwzpv1b3-15827_Academylogo__600x110.png') !important;*/
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  margin-bottom: 40px;
  height: 55px;
  width: 260px;
}

.company__beta-logo .h4 {
  visibility: hidden;
}

.session__container .session__form {
  font-size: 1.4rem;
}

.session__container .session__form h3 {
  font-family: 'Neris';
  font-weight: 900;
  margin: 40px 0;
  text-align: center;
}

.session__container .session__form h2,
.session__container .session__form h4,
.session__container .session__form .h5 {
  font-family: 'Neris';
  font-size: 1.2rem;
  color: #414042;
  text-align: left;
}

.session__container .session__form .h5 {
  margin-top: 40px;
}

.session__form-sso-dark {
  background-color: #005695;
  color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  font-size: 1.3rem; 
  border-radius: 5px; 
  margin-bottom: 20px;
  padding: .5em 1.25em;
  text-align: center;
  width: 100%;
} 

.session__form-sso-light {
  background-color: #F5FAFF;
  color: black;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  font-size: 1.3rem; 
  border-radius: 5px; 
  margin-bottom: 40px;
  padding: .5em 1.25em;
  text-align: center;
  width: 100%;
} 

.session__form-sso-dark:hover {
  background-color: #004A82;
  color: white;
}

.session__form-sso-light:hover {
  background-color: #E7F3FF;
  color: black;
}


.session__container .session__form input[type='text'],
.session__container .session__form input[type='email'],
.session__container .session__form input[type='password'] {
  border-radius: 5px; 
  font-family: 'Neris';
}

.session__container .session__form input[type='submit'] {
  /* padding: 10px 30px;  */
  border-radius: 20px; 
  background-color: #00A7D1;
  border-color: #00A7D1;
  color: white; 
  font-family: 'Neris Black';
  text-transform: uppercase;
}

.session__container .session__form input[type='submit']:hover {
  background-color: #1C97B9;
  border-color: #1C97B9;
}

/* .session__form-bottom,
.session__container .session__form p {
   margin-top: 40px; 
} */

.session__form-bottom,
.session__form-bottom a,
.h5.pull-right.session__forgot,
.session__forgot a {
  color: #414042; 
  font-size: 0.9rem;  
}

.session__form-bottom a:hover,
.session__forgot a:hover {
  color: #414042;
  text-decoration: underline;
}
/* CUSTOM STYLES FOR LOGIN FORM -- end */

/*8/18/22 fixes from Asana - kate*/
.icon-bullets:before, .icon-externalResourceListRoll:before, .icon-listRoll:before {
    padding-right: 5px;
}

.icon-compose:before {
    padding-right: 5px;
}

.icon-clock:before, .icon-meetingInfo:before {
    padding-right: 5px;
}

.widget.widget--catalog.widget--catalog_standard .catalog-filters__search, .widget.widget--catalog.widget--catalog_standard .catalog-filters__sort {
    border: none;
}

.not-found__container .btn.btn--alt.btn--primary:hover {
    background: #03243d;
    border: 3px solid #03243d;
    color: #fff;
}

/*9/1/22 Additional fixes from Asana - kate*/

/*LP milestone header*/
.learning-path ul.learning-path-detail-milestone-list li h3 {
    background: #f5faff;
    border-bottom: 1px solid #25B1D9;
    padding: 1rem;
    box-shadow: 0px 6px 6px -2px rgb(216 216 216 / 85%);
    text-align: center;
    margin: 40px 0px;
}

/*LP title*/
.learning-path .center-ruled-title>span {
    background: #F8F8F8;
    color: #000;
    font-weight: bold;
    font-size: 14pt;
    padding: 5px;
}

/*LP milestone badge bigger*/
/*.learning-path .learning-path-milestone__badge {*/
/*    padding: 8px 15px;*/
/*}*/

/*LP course time bigger*/
.learning-path-detail-milestone-item__description {
    font-size: 15px!important;}
    
    
/*LP Milestone title bigger*/
.learn.learning-path .learning-path-milestone__title {
    font-size: 24px;
}

/*Padding on LP title labels*/
.learn.learning-path .learning-path-milestone-item--secondary .learning-path-criterion__label {
    padding: 8px 0px;
}
.learn.learning-path .learning-path-milestone-item--secondary .learning-path-criterion__value-container {
    padding: 8px 0px;
}
.learn.learning-path .learning-path-milestone__title {
padding: 8px 0px;
}
.learn.learning-path .learning-path-progress-bar-item--current .learning-path-progress-bar-item__index {
   background: #24b1d9;
}

/*9/21/2022 fixes from asana and slideshow - kate*/

/*font size for milestone content type title*/
.learning-path-detail-milestone-item__content-type {
      font-size: 16px;
}

/*enroll title styling*/
.enroll__title {
  text-transform: none;
  font-weight: 1000;
  font-size: 20px;
  color: black;
}

/*no hr on purchase widget*/
.learning-path .widget.widget--learning-path-purchase.widget--learning-path-purchase_standard hr {
  display: none;
}

/*changing colors of elective and required badges*/
.learning-path .learning-path-milestone__badge--elective {
    background: #BCBEC0;
}
.learning-path .learning-path-milestone__badge--required {
    background: #005695;
}

/*border around catalog search,sort,filter*/
/*.widget.widget--catalog.widget--catalog_standard .catalog-filters__search, .widget.widget--catalog.widget--catalog_standard .catalog-filters__sort {*/
/*    border: 1px solid #cbcbcb;*/
/*}*/

select:not(.url-manager .new-form-label .form__input__container) {
    margin-bottom: 0;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
}

.widget.widget--catalog.widget--catalog_standard .catalog-filters__search, .widget.widget--catalog.widget--catalog_standard .catalog-filters__sort:first-child {
    border: 1px solid #cbcbcb;
}

/* 11.23.2022 spacing on course frame for icons - kcg */
.learn.course .expandable-sidebar__toggle i.expandable-sidebar__icon--left {
    margin-right: 5px;
}

.icon-compose:before {
    padding-right: 0px; 
}

/* button consistency on course frame */

.layout-panel .btn {
    font-family: 'Neris';
}

.layout-panel .btn--success {
    background-color: #1ac7b7;
    border-color: #1ac7b7;
    color: #fff;
    font-family: 'Neris';
}

.layout-panel .btn.btn--primary {
    border-radius: 2px;
    font-size: 12px;
    text-transform: none;
    
}

.topic__container__quiz .btn--primary {
    border-radius: 0px;
    border: 2px!important;
    border-radius: 0px!important;
    text-transform: none!important;
    font-size: 14px!important;
}

.layout-panel .btn--alt {
    border-color: #21b1d9;
}

.items__list--comments .comment .btn--primary {
    color: #fff;
    font-size: 12px;
    text-transform: none;
    border-width: 3px;
}

.layout-panel .btn.btn--alt:not(.btn--secondary) {
    background: white;
    border: 1px solid lightgray;
}

.thread__form__fields .btn--small {
    border: 1px solid lightgray!important;
}

/* accept invite title center and font size */
.session__container .session__form h2 {
    font-size: 1.8rem;
    text-align: center;
}

.session__form p {
    font-size: 14px;
}

/* Resources Tab updates */
.files__list .h5 {
    color: black;
}

.sidebar__resources>li {
    background-color: #f8f8f8;
    font-size: .8em;
    margin-bottom: 0.15em;
    padding: 0.2em 0 0.3em 1.5em;
    text-transform: none;
}

.sidebar__resources>li:hover {
    color: #24B1D9
}

.sidebar__resources>li:active {
    background-color: #EDEDED;
    color: #24B1D9
}

/* color of directional nav label */
.directional__nav>div .directional__nav__label {
    color: #24B1D9;
}

/* sidebar slide-out next section/exit course button color */
.sidebar__container .btn.btn--primary:hover {
    color: #fff;
    background: #1C97B9;
    border-color: #1C97B9;
}

/* ask form button updates */
.ask__form .btn--primary {
    color: #fff;
    font-size: 12px;
    text-transform: none;
    border-width: 3px;
    font-family: 'Neris';
    border-radius: 2px;
}

.ask__form .btn--primary:hover {
    background-color: #1C97B9;
    border-color: #1C97B9;
}

.modal-footer .btn--alt {
    background: white!important;
    color: black!important;
    font-family: 'Neris'!important;
}

.modal-footer .btn--alt:hover {
   background-color: #F8F8F8!important;
   border-color: #d0d0d0!important;
}

/* workbook section - menu hover update, item selected update, send to a friend button */
.popup--email-pdf .btn {
    border-radius: 9999px!important;
    color: #fff;
    background-color: #24B1D9;
    text-transform: uppercase!important;
    border-width: 3px;
    font-family: 'Neris Black';
    border-color: #21B1D9;
    font-size: 14px!important;
}
.popup--email-pdf .btn:hover {
    background-color: #1C97B9!important;
    border-color: #1C97B9!important;
}
/* notes section - menu hover update, item selected update  */
.tools__content__sections a:hover {
    color: #24B1D9;
}

.tools__content__sections__list a.active {
    background-color: #EDEDED;
    color: #24B1D9;
}

.tools__content .btn--primary:hover {
    background-color: #1C97B9;
    border-color: #1C97B9;
}

/* gallery section - button contour & hover update */
.gallery__list__new .btn {
    border-radius: 9999px!important;
    color: #fff;
    background-color: #24B1D9!important;
    text-transform: uppercase!important;
    border-width: 3px;
    font-family: 'Neris Black';
    border-color: #21B1D9;
    font-size: 14px!important;
}
.gallery__list__new .btn:hover {
    background-color: #1C97B9!important;
    border-color: #1C97B9!important;
}

.thread__form .btn--primary:hover {
    background-color: #1C97B9;
    border-color: #1C97B9;
}

.thread__form .input__container .btn--link {
    background-color: white!important;
    color: black; 
    border-color: lightgray;
}

/* quiz builder - green button fix */
.superquiz__start-button .btn {
    border-radius: 9999px!important;
    color: #fff;
    background-color: #24B1D9!important;
    text-transform: uppercase!important;
    border-width: 3px;
    font-family: 'Neris Black';
    border-color: #21B1D9;
    font-size: 14px!important;
}
.superquiz__start-button .btn:hover {
    background-color: #1C97B9!important;
    border-color: #1C97B9;
}

.superquiz-quiz .btn:hover {
    background-color: #1C97B9!important;
    border-color: #1C97B9;
}

/* learner sidebar hide button */
.learn.course .learner__sidebar .learner__sidebar__search .learner__container__toggle.learner__container__toggle--small .btn.btn--primary {background: white;
    color: black;
    text-transform: none;
    font-family: 'Neris';
    border-color: white;
    border-radius: 3px;
}

.learn.course .learner__sidebar .learner__sidebar__search .learner__container__toggle.learner__container__toggle--small .btn.btn--primary:hover {
    background-color: #F8F8F8;
    border-color: #F8F8F8;
}

/* learner sidebar outline hover */
/* .learn.course .expandable-sidebar__toggle:hover {
    border-bottom: 1px solid black;
} */

.syllabus__topic--non-expandable-title-text:hover {
    color: #24B1D9;
}

/* discuss tab on course frame color */
.tabs .tab-title.active>a, .tabs .tab-title>a.active {
    color: white;
}

/* quiz start button hover */
.quiz-start__content .btn--primary:hover {
    background-color: #1C97B9;
}

.bottom-panel__actions .btn--primary:hover {
    background-color: #1C97B9;
    border-color: #1C97B9;
}

.layout-panel .btn.btn--primary:hover {
    background-color: #1C97B9;
    border-color: #1C97B9;
}

/* GENERAL button rectification */
/* Homepage */
.nav--top ul a {
    color: white;
    background-color: #24B1D9;
    border-color: #24B1D9;
}
.nav--top ul a:hover {
    background-color: #1C97B9;
    border-color: #1C97B9;
}

.video-banner-content .hero__caption a.btn.btn--primary {
    color: white;
    background-color: #24B1D9;
    border-color: #24B1D9;
}

.video-banner-content .hero__caption a.btn.btn--primary:hover {
    background-color: #1C97B9;
    border-color: #1C97B9;
}

.buttonrec .btn--primary {
    color: white;
    background-color: #24B1D9;
    border-color: #24B1D9;
}

.buttonrec .btn--primary:hover {
    background-color: #1C97B9;
    border-color: #1C97B9;
}

/* drop shadow on catalog cards */
.catalog-item:hover {
    box-shadow: 10px 10px 10px lightgrey;
      transition: box-shadow 0.5s;
}

/* catalog card course details underline */
.widget.widget--catalog.widget--catalog_standard .catalog-grid-item__cta-container .btn.btn--link.btn--right.btn--primary:hover {
    text-decoration: underline!important;
}

/* learner dashboard menu items */
/* .navigation-bar .top-bar-section li:not(.has-form) a:not(.button):hover {
    color: #24B1D9;
} */

/* learner dashboard - account/info tabs  */
.dashboard-account-tab--inactive {
    background-color: #cbcbcb;
}

.dashboard-account-tab--active {
    background-color: #24B1D9;
    font-weight: 700;
}

.section__body .clearfix .panel .panel--alt .btn.btn--primary:hover {
    background-color: #1C97B9!important;
    border-color: #1C97B9!important;
}

.dashboard-access-list-item-expansion .btn.btn--alt:not(.btn--secondary) {
    background: none;
    font-family: 'Neris Black';
    text-transform: uppercase;
    border: none;
    font-size: 16px;
}

/* .dashboard-access-list-item-expansion .btn.btn--alt:not(.btn--secondary):hover {
    border-bottom: 1px solid black;
}  */

.dashboard-account .panel .btn.btn--primary:hover {
    background-color: #1C97B9!important;
    border-color: #1C97B9!important;
}

/* learner dashboard - black text */
.dashboard-access-list-item-expander__title {
    color: black;
    color: black;
}

/* learner dashboard - return to learning path banner */
.grid .h-full .grid-cols-2 {
    background-color: #f5fafe;
    border-bottom: 1px solid #24B1D9;
    padding-left: 200px;
}

/* course detail page -- tab select text color */
body.course-group .tabs .tab-title.active a {
    color: black;
}

/* cards on catalog to have consistent size */
.catalog-grid-item__body {
      min-height: 250px!important;
}

/* LP button hover */
.catalog-item:hover {
     background-color: #1C97B9!important;
     border-color: #1C97B9!important;
}

/* View Details buttons on Learner Access widget  */
.dashboard-access-list-item-expansion .btn.btn--alt:not(.btn--secondary) {
    background: #21b1d9;
    font-family: 'Neris';
    color: white;
    text-transform: none;
}

.dashboard-access-list-item-expansion .btn.btn--alt:not(.btn--secondary):hover {
    background-color: #1C97B9;
}

/* CSS classes for courses text formatting */
/*text formatting as dev code*/
.dev-code {
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: 'Source Code Pro', monospace;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 10px;
    display: inline-block;
    white-space: pre-wrap;
}

.inline-dev-code {
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 1px;
  font-family: 'Source Code Pro', monospace;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 2px;
  padding: 2px;  
  white-space: pre-wrap;
}
/* END - CSS classes for courses text formatting */



/* CSS Added by KS Team regarding responsive issues starting from line no. 2843 till the end which is line no. 3091 - Implemented July 26, 2023 - Start here  */

.header .company__beta-logo {float: left;}
.header.header--dashboard .header__inner .small-6:nth-child(2) {width: 204px;}
.header.header--dashboard .header__inner .small-6:nth-child(2) > .ember-view {width: 100%;}
.header.header--dashboard .header__inner .small-6:nth-child(2) > .ember-view .columns {padding: 0;}
.header.header--dashboard .header__inner .dashboard-header-dropdown .small-10 {width: calc(100% - 64px);}
.header.header--dashboard .header__inner .dashboard-header-dropdown .small-2 {width: calc(64px);}

/*-- Home Page --*/
.hmHBanner .video-banner-content {min-height: 520px;}

/*-- for dashboard Page ---*/
/*-- for header ---*/
.widget--navbar.widget--navbar_standard.stick-to-header.dashboard-navbar {
    /* width: calc(100% - 8% - 250px); */
    width: calc(75% - 8% - 250px);
}

/*-- for Course Page ---*/
.course__container.sidebar--closed--right .learner__sidebar .learner__sidebar__search input {height: 35px!important; padding-left: 30px;}
.course__container.sidebar--closed--right .learner__container__toggle--small .btn {height: 35px;}
.learner__sidebar__search button { height: 35px; left: 7px;}
.learn.course .directional__nav .icon-navigateleft::before, .learn.course .directional__nav .icon-navigateright::before {display: none;}
.learn.course .directional__nav .icon-navigateleft, .learn.course .directional__nav .icon-navigateright {content: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/8998c8dc-238a-4340-8129-25e0db24fb92/xvnfpnc8659k-BlueArrow.webp);}
.learn.course .directional__nav .icon-navigateleft {transform: rotate(180deg);}
.learn.course .learner__container__toggle {margin-bottom: 20px;}
.learn.course .learner__content .learner-section__title__container {padding-right: 18px;}
/* for Course Page audio player */
.learn.course .layout-panel .btn.btn--primary .icon-navigateleft ~ span {display: inline-block;}
/*.learn.course .layout-panel .btn.btn--primary .icon-navigateleft ~ span::after {content: ' Slide';}*/


@media only screen and (max-width: 1450px) {
    /*-- for catalog all page ---*/
    /*-- for home banner Widget ---*/
    .hmVidBanner .hero__caption .hero__title {font-size: 56px;}
    .hmVidBanner .hero__caption .h4 {font-size: 24px;}
}

@media only screen and (max-width: 1300px) {
    /*-- for catalog all page ---*/
    /*-- for home banner Widget ---*/
    .hmVidBanner .hero__caption { left: unset; right: unset; bottom: unset; width: 100%;  max-width: 82%;  margin: 0 auto; padding: 40px 1rem;  position:relative; top: unset; transform: none;}
    .hmVidBanner .banner-background.banner-gradient { position: absolute; width: 100%;  height: 100%;}
    .hmVidBanner .banner-background img {height: 100%; position: absolute;left: 0;}
    /*-- for skills mastery Widget ---*/
    .hmSMwidget .question .fq_icon {right: 0;}
    .hmSMwidget .custom-accordion .question {padding-right: 24px;}

    /*-- for dashboard Page ---*/
    /*-- for header ---*/
    .dashboard-navbar .navigation-bar .top-bar-section ul li>a {font-size: 14px;}
    .header .company__beta-logo {max-width: 180px;}
    .widget--navbar.widget--navbar_standard.stick-to-header.dashboard-navbar {width: calc(100% - 8% - 180px); margin-left: calc(8% + 180px);}
    .dashboard-navbar.last-cta-button .navigation-bar .top-bar-section ul li.navigation-item:last-of-type {margin: 0;}

    /*-- for FAQ Suport Page ---*/
    /*-- for Contact box ---*/
    .hmSWidget .box {max-width: 512px; height: auto;width: 100%;}
}

@media only screen and (max-width: 1024px) {
    /*-- for footer Widget ---*/
    .footer .footer__inner .footer-top > div{ width: 50% !important;}

    /*-- for dashboard Page ---*/
    /*-- for header ---*/
    .dashboard-navbar .top-bar-section .left li { padding: 0px 10px !important;}
    .widget--navbar.widget--navbar_standard.stick-to-header.dashboard-navbar {width: 100%;margin-left: unset; position: relative; justify-content: center;}
}
@media only screen and (max-width: 48.063em) {
    /*-- for dashboard Page ---*/
    /*-- for header ---*/
    .widget--navbar.widget--navbar_standard.stick-to-header.dashboard-navbar { width: 100%;}
}

@media only screen and (max-width: 940px) {
    
}

@media only screen and (max-width: 979px) {
    /*-- for Homepage Header ---*/
    .header .header__inner .nav.nav--top {float: right;}
    /*-- for Homepage Banner ---*/
    .hmHBanner .video-banner-content {height: 440px; min-height: auto;}
    .hmHBanner .video-banner-background video{height: 100%}
    .hmHBanner .video-banner-content .hero__caption {top: 40%; transform: translateY(-40%);}
    .hmHBanner .video-banner-content .hero__caption .h4 {width: 50%; margin-top: 20px; font-size: 22px;}
    .hmHBanner .video-banner-content .hero__caption .hero__title {font-size: 42px; margin-bottom: 0; line-height: 50px;}
    /*-- for learn & train Widget ---*/
    .hmLTHeadWidget .editor-content {text-align: center;}
    .hmLTHeadWidget .editor-content .dynamic-title {font-size: 28px; line-height: 38px; text-align: left;}
    .hmLTwidget .editor-content .dynamic-title { font-size:22px !important;}
    /*-- for skills mastery Widget ---*/
    .hmSMwidget>.ember-view>.row { display: block;}
    /*-- for skills mastery Widget ---*/
    .hmSMwidget .editor-content .dynamic-title { margin-bottom: 20px; width:100% !important; font-size: 28px; line-height: 38px;}
    .hmSMwidget .question .fq_icon { right: 10px;}
    .hmSMwidget .custom-accordion .question {font-size: 16px; padding-right: 35px;}
    /*-- for expertise & knowledge Widget ---*/
    .hmKnoWidget .editor-content>div{display:block !important;}
    .hmKnoWidget .editor-content .dynamic-title { margin-bottom: 20px; width:100% !important; font-size: 28px; line-height: 38px;}
    .hmKnoWidget .editor-content .subtitle{width:100% !important;}
    /*-- for footer Widget ---*/
    .footer .footer__inner .footer-top > div {margin-bottom: 20px;}

    /*-- for catalog all page ---*/
    /*-- for home banner Widget ---*/
    .hmVidBanner .hero__caption .hero__title {font-size: 32px;}
    .hmVidBanner .hero__caption .h4 { font-size: 22px; margin-top: 20px;}
    /*-- for browse catalog Widget ---*/
    .hmCatBWidget .catalog-search-bar .columns { width: 200px;}
    
    /* FAQ Accodion */
    .hmSupportFaq .dynamic-title {font-size: 24px;}
    .hmSupportFaq .custom-accordion-container {margin: 1rem 0; max-width: 100%;}

    
    /* For get started heading and subtitle */
    .hmDHWidget .medium-6 {width: 100%;}
    
    /*-- for dashboard Page ---*/
    /*-- for Activity Widget ---*/
    .hmDAWidget .dashboard-access .dashboard-access-list-item {display: block;}
    .hmDAWidget .dashboard-access .dashboard-access-list-item .items-center {display: block;}
    .hmDAWidget .dashboard-access .dashboard-access-list-item .items-center > div {display: block;}
    .hmDAWidget .dashboard-access .dashboard-access-list-item .items-center > div ~ div {margin-bottom: 4px;}
}

@media only screen and (max-width: 769px) {     
    /*-- for footer Widget ---*/
    .footer .footer__inner .footer-top > div{ width: 100% !important;}
    .footer .footer__inner .footer-top, .footer .footer__inner .footer-bottom {text-align: center;}
    .footer .footer__inner .social-icons {justify-content: center;}

    /*-- for catalog all page ---*/
    /*-- for browse catalog Widget ---*/
    .hmCatHWidget .dynamic-title {font-size: 28px; line-height: 38px;}
    .hmCatBWidget .catalog-filters__search input[type=search] {padding: 0; margin: 0;  border: 0; box-shadow: none;}
    .hmCatBWidget .catalog-filters__search {padding: 0 10px;}
    .hmCatBWidget .catalog-filters__selections, .hmCatBWidget .catalog-filters__sort{padding: 0;}
    .hmCatBWidget .catalog-search-bar .columns { width: 100%;}

    /*-- for Course Page ---*/
    .course__container .learner__container .learner__sidebar {width: 100%; padding: 1rem 2rem;}
    .course__container .learner__container--toggled .learner__content{ -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);}
    .learner__content {padding: 1rem 2rem;}

    /*-- for dashboard Page ---*/
    /*-- for header ---*/
    .header .header__inner .row>.column { width: calc(100% - 110px); height: unset; display: block;}
    .widget--navbar.widget--navbar_standard.stick-to-header.dashboard-navbar {width: 110px; transform: translateY(-80%); margin-left: 10%;}
    .dashboard-navbar .navigation-bar.top-bar { border-bottom: 0;}
    .header .company__beta-logo {margin:0 auto;}
    .dashboard .header .company__beta-logo {margin:0 auto; float: none;}
    .header.header--dashboard .dashboard-header__name {padding-right: 4px; text-align: right; margin: 0;}
    .header.header--dashboard .header__inner .row > .column:first-of-type {width: 100%; padding: 10px;}
    .dashboard-navbar .navigation-bar.top-bar.expanded {overflow: visible;}
    .dashboard-navbar .navigation-bar .top-bar-section ul.left {border: none; width: 250px;}
    
    /*-- for dashboard Page ---*/
    /*-- Dashboard stats --*/
    .dashboard-stats {display: block;}
    .dashboard-stats > li {display: inline-block; width: calc(33.33% - 4px); padding: 0 4px;}
    
    /* home page */
    /* Banner */
    .hmHBanner .video-banner-content .hero__caption .h4 {width: 100%;}
    /* for skills mastery widget */
    .hmSMwidget .custom-accordion-container {width: 100%; max-width: 100%;}
    /* bottom banner */
    .hmVBanner {padding: 0 24px !important; background: #03243D;}
    .hmVBanner .row-center-custom {max-width: 100%;}
    .hmVBanner .editor-content > div {padding: 24px 0 !important;}
    
}
@media only screen and (max-width: 768px) {
    /* Header padding on Course details page */
    .home.course-group .container {padding-top: 0;}
    
    /* Course details page */
    .course-purchase__mobile-button {left: 0; display: none;}

    .catalog-item {border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; margin-bottom: 12px;}
    
    /* For course page */
    .learn.course .learner__container__toggle {text-align: center;}
    .learn.course .learner__content .layout-panel .row > .ember-view .large-4 {position: static;}
}

/* Only for Menu on Dashboard page */
@media only screen and (max-width: 769px) and (min-width: 768px) {
    .widget--navbar.widget--navbar_standard.stick-to-header.dashboard-navbar {width: 100%; transform: none;}
    .dashboard-navbar .top-bar-section {width: 100%;}
    .dashboard-navbar .navigation-bar .top-bar-section ul.left {width: 100%; text-align: center;}
    .dashboard-navbar .top-bar-section .left li {display: inline-block;}
    .dashboard-navbar .top-bar .title-area {display: none;}
    .header.header--dashboard .header__inner .small-6, .header.header--dashboard .header__inner .row > .column:first-of-type {width: auto;}
    .header.header--dashboard .header__inner .small-6:nth-child(2) {display: flex; height: 115px;}
}

@media only screen and (max-width: 579px) {    
    /*-- for Homepage Header ---*/
    .header .header__inner .nav--top ul a {font-size: 14px; padding: 5px 10px;}
    /*-- for Homepage Banner ---*/
    .hmHBanner .video-banner-content {height: calc(500px);}
    .hmHBanner .video-banner-content .hero__caption .hero__title {font-size: 32px; line-height: 44px;}
    .hmHBanner .video-banner-content .hero__caption .h4 {width: 100%; font-size: 16px;}
    .hmHBanner a.cta-link {padding: 10px 30px 10px 12px;}
    /*-- for Homepage bottom Banner---*/
    .hmVBanner .editor-content >div {overflow: auto;  width: 100%;}
    .hmVBanner .row-center-custom { display: table !important; min-width: 550px;}
    .hmVBanner a.cta-link {font-size: 12px; display: table-cell;}
    /*-- for skills mastery Widget ---*/
    .hmSMwidget .editor-content .subtitle {font-size: 16px;}
    /*-- for expertise & knowledge Widget ---*/
    .hmKnoWidget .editor-content .subtitle{font-size: 16px;}

    /*-- for catalog all page ---*/
    /*-- for home banner Widget ---*/
    .hmVidBanner .hero__caption .h4 { font-size: 16px; width: 100%; }

    /*-- for dashboard Page ---*/
    /*-- for Activity Widget ---*/
    .hmDAWidget .dashboard-access .dashboard-access-tabs li {display: block;}
    .hmDAWidget .dashboard-access .dashboard-access-tabs {border-bottom: 0 !important;}
    /*-- for welcome % expertise & knowledge heading Widget---*/
    .hmDHWidget .editor-content>div {display: block !important;}
    .hmDHWidget .dynamic-title {width: 100% !important; display: block; font-size: 32px; text-align: center; margin-bottom: 20px;}
    .hmDHWidget .subtitle {display: block; width: 100% !important; text-align: center;  font-size: 16px;}
    .hmDHWidget .dynamic-title span {font-size: 32px !important;}
    .hmDHWidget p { text-align: center;}
    .hmDHWidget p span {font-size: 16px !important;}
    
    .hmDHWidget.txtL .dynamic-title, .hmDHWidget.txtL .subtitle, .hmDHWidget.txtL p {text-align: left;}
    
    /*-- for dashboard Page ---*/
    /*-- Dashboard stats --*/
    .dashboard-stats > li {width: 100%; padding: 0 0;}
    
    /* For course page */
    .learn.course .layout-panel .btn.btn--primary {padding: 6px; border-width: 2px;}
    .learn.course .slide-show__count {font-size: 12px;}
}

@media only screen and (max-width: 479px) {
    /* for Course Page audio player */
    .learn.course .learner__content .audio-player__bar {display: block;}
    .learn.course .learner__content .audio-player__controls ~ .audio-player__bar-text {display: block; text-align: center;}
    
    /* For Logo center on mobile */
    .header .header__inner .nav--top ul a {font-size: 12px;}
    .header .company__beta-logo {width: 160px;}
}

/* CSS Added by KS Team regarding responsive issues starting from line no. 2843 till the end which is line no. 3091 - Implemented July 26, 2023 - End here  */

/* For GIF Loading Error Implemented. Code provided by Ti support. Aug 14, 2023 by Jai'mie T */
.slide_loading {
    display: none;
}

/* For GIF Loading Error Ends Here */

/* Hide 'Last Seen' date. Field currently being deprecated by Thought Indsutries Dev Team. Code provided by Ti support. Oct 25, 2023 by Jai'mie T */
span.engagement__last-login {
  display: none !important;
}

/* 'Last Seen' Date Code Ends Here */

/*START - Darya 11/28/2023  Course style information block css classes created by Celia*/
.info-block {
    display: flex;
    align-items: center;
    color: #000000;
    padding: 10px;
    margin: 14px 0; /*Added by Jai'mie 08-08/2024 */
    border-radius: 8px;
    box-shadow: 1px 3px 15px 0 #F5F5F5;
    max-width : 80%;
}

.info-block i {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin-right: 15px;
    font-size: 32px;
    border: 3px dashed #24b1d9;
    border-radius: 50%;
}

.info-block p {
    flex: 1;
    margin-left: 20px;
    color:#03243D ;
    font-size :80%  ;
    margin-bottom: 0px;
}

.info-block.help {
    background: #CFEEF6;
}

.info-block.help i {
    border-color: #3F51B5;
    color: #3F51B5;
}

.info-block.example {
    background: #DCDCDC;
}

.info-block.example i {
    border-color: #2E7D32;
    color: #2E7D32;
}

.info-block.warning {
    background: #FFECB3;
}

.info-block.warning i {
    border-color: #FFA000;
    color: #FFA000;
}

.info-block.error {
    background: #EF9A9A;
}

.info-block.error i {
    border-color: #B71C1C;
    color: #B71C1C;
}
/* END - Darya 11/28/2023 Course style information block css classes*/

/* START - Jai'mie 07/12/2024 Course style information block css classes*/

.info-block.what-is-it {
    background: #F1F1F1;
}

.info-block.what-is-it i {
    border-color: #D3D3D3;
    color: #D3D3D3;
}

.info-block.use-case {
    background: #F1F1F1;
}

.info-block.use-case i {
    border-color: #D3D3D3;
    color: #D3D3D3;
}

.info-block.links {
    background: #F1F1F1;
}

.info-block.links i {
    border-color: #D3D3D3;
    color: #D3D3D3;
}

.info-block.note {
    background: #E9E9E9;
}

.info-block.note i {
    border-color: #CCCCCC;
    color: #CCCCCC;
}

.info-block.tip {
    background: #1B97B9;
}

.info-block.tip i {
    border-color: #009999;
    color: #009999;
}

.info-block.tip p {
    color: #FFFFFF;
}

/* END - Jai'mie 07/12/2024 Course style information block css classes*/

/* START - Jai'mie 07/17/2024 Course style supporting labels css classes*/

.hu-custom-course-label {
    padding: 16px;
    border-radius: 4px;
    margin-bottom: 16px;
    margin: 16px 0;
}

.hu-custom-course-label p {
   font-size: 14px;
   line-height: 1.6;
   margin-bottom: 10px;
}

.learn-it {
    background-color: #F5FAFE;
    border-left: 4px solid #24B1D9;
}

.example {
    background-color: #E6F8FD;
    border-left: 4px solid #1c97b9;
}

.practice-it {
    background-color: #F1F4F7;
    border-left: 4px solid #03243D;
}

/* END - Jai'mie 07/17/2024 Course style supporting labels css classes*/

/* START - Jai'mie 08-19-2024 Click to Enlarge Modal Styling */

/* CLICK TO ENLARGE IMAGE */
.hu-click-to-enlarge__container {
    overflow: hidden; /* Contain floated elements */
    background-color: transparent; /* Ensure no background color in the container */
}

.hu-click-to-enlarge__img-wrapper {
    float: right; /* Float the image to the right */
    margin: 0 20px 16px 24px; /* Margin replaces padding for spacing */
    border-radius: 5px; /* Apply border-radius to the wrapper */
    overflow: hidden; /* Ensure child elements respect the border-radius */
    max-width: 650px;
    width: auto; /* Adjust width to ensure it wraps the content */
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.3); /* Stronger drop shadow */
    display: inline-block; /* Ensure the wrapper only takes up as much space as needed */
    background-color: transparent; /* Ensure the background is transparent */
}

.hu-click-to-enlarge__img-wrapper p {
    margin: 0; /* Remove default margins from <p> tag */
    padding: 0; /* Remove any padding from <p> tag */
}

.hu-click-to-enlarge__container img {
    display: block; /* Ensure image is a block element */
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    border-radius: 5px; /* Apply border-radius to the image as well */
    margin: 0; /* Remove any default margin */
    padding: 0; /* Remove any default padding */
    vertical-align: middle; /* Align image vertically in case of small differences */
    cursor: pointer;
    transition: 0.3s;
}

/* The Modal (background) */
.hu-click-to-enlarge__modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.hu-click-to-enlarge__modal-content {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 1100px;
}

/* Caption of Modal Image */
.hu-click-to-enlarge__caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.hu-click-to-enlarge__modal-content, 
.hu-click-to-enlarge__caption {  
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.hu-click-to-enlarge__close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 3em;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.hu-click-to-enlarge__close:hover,
.hu-click-to-enlarge__close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.hu-click-to-enlarge__container img:hover {
    opacity: 0.7;
}
/* END - Jai'mie 08-19-2024 Click to Enlarge Modal Styling */

/* START - Jai'mie 10-07-2024 POP-UP Styling */
/* Platform-level (Global) styles for the entire platform */
    .hu-custom-code-popup-trigger {
      cursor: pointer;
      color: #24b1d9;
      font-weight: bold;
      text-decoration: none; /* Remove underline */
      border: none;
      background-color: transparent;
      font-size: 16px;
      padding: 0; /* Ensure no padding to remove button-like appearance */
      display: inline; /* Ensures it's inline, not block-level */
      text-align: left !important; /* Left-align text */
    }

    p .hu-custom-code-popup-trigger {
      text-align: left !important; /* Force left alignment in case of block elements */
    }


    /* Base styles for the pop-up */
    .hu-custom-code-popup-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 999;
    }

    /* Pop-up content */
    .hu-custom-code-popup-content {
      background-color: #fff;
      padding: 20px;
      border-radius: 10px;
      max-width: 500px;
      text-align: center;
    }

    /* Close button styles */
    .hu-custom-code-popup-close {
      background-color: #24b1d9;
      color: white;
      border: none;
      padding: 5px 10px;
      cursor: pointer;
      float: right;
      margin-bottom: 10px;
      border-radius: 6px;
    }

    /* Display images side by side */
    .hu-custom-code-popup-images {
      display: flex;
      justify-content: space-around;
      gap: 20px;
    }

    /* Reveal the pop-up on click */
    #hu-custom-code-popup-trigger:checked ~ .hu-custom-code-popup-container {
      display: flex;
    }

    .hu-custom-code-popup-label {
      font-weight: bold;
      margin-bottom: 10px;
    }

/* END - Jai'mie 10-07-2024 POP-UP Styling */

/* START - Jai'mie 10-16-2024 Click to Enlarge Images Styling */
/* Platform-Level Styles */
.hu-click-to-reveal__container {
    overflow: hidden;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important; /* Ensure no box shadow around the container */
}

.hu-click-to-reveal__img-wrapper {
    float: right;
    margin: 0 20px 16px 24px;
    border-radius: 5px;
    overflow: hidden;
    max-width: 400px !important;
    width: 100%; /* Ensure the image stays responsive within max-width */
    box-shadow: none !important; /* Remove box shadow */
    display: inline-block;
    background-color: transparent !important;
    border: none !important; /* Remove border from wrapper */
}

.hu-click-to-reveal__img-wrapper p {
    margin: 0;
    padding: 0;
}

.hu-click-to-reveal__container img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
    transition: 0.3s;
}

.hu-click-to-reveal__container img:hover {
    opacity: 0.7;
}

/* Pop-up Styles (reused from Code-2) */
.hu-click-to-reveal__popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.hu-click-to-reveal__popup-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    max-width: 800px !important;
    text-align: center;
}

.hu-click-to-reveal__popup-close {
    background-color: #24b1d9;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    float: right;
    margin-bottom: 10px;
    border-radius: 6px;
}

/* Reveal the pop-up on click (triggered using HTML input) */
#hu-click-to-reveal-trigger:checked ~ .hu-click-to-reveal__popup-container {
    display: flex;
}

/* END - Jai'mie 10-16-2024 Click to Enlarge Images Styling */

/* START - Jai'mie 11-21-2024 Panorama Dashboard Support */
.manager-dashboard__support {
    background-color: #03243d;
}

/* END - Jai'mie 11-21-2024 Panorama Dashboard Support */