:root {
        --font: 'Inter';
        --alt-font: 'Inter';
        --accent-color: #171321;
        --secondary-color: #45424d;
        --link-color: #7759c2;
        --accent-highlight-color: #171321;
        --accent-highlight-background-color: #e3dfed;
        --accent-tinted-color-70: #b9b8bc;
        --accent-tinted-color-80: #d1d0d3;
        --accent-tinted-color-90: #e8e7e9;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #2e2641;
        --secondary-hover-color: #5e5a68;
        --secondary-contrast-color: #fff;
        --link-hover-color: #b4a4dd;
      }
      

.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/72109ec1-52dd-4663-9df4-754a8a1d0bff/6582edrk8n2q-Group8090.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* --------------------------------------------------------------------------------Global Styles
--------------------------------------------------------------------------------
*/

/*Custom Font Import*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

{background-color: #FFFFFF;
color: #171321;
tab-size: 2;
overflow-wrap: break-word;
text-align: center;}


/* Added By KS */


* {margin: 0; padding: 0; box-sizing: border-box;}

body {font-family: 'Inter', sans-serif; color: #000;}

/*This makes all the widgets full-page across and standardizes font size*/
.application .container {max-width: 100%; font-size: 22px;}

.widget > .row {margin: 0;}

/* --------------------------------------------------------------------------------Global Top Navigation
--------------------------------------------------------------------------------
*/

.header--article, .header--dashboard, .header--microsite {padding: 20px 65px 20px 65px; position: relative;}
.header--dashboard .column:nth-child(1) {padding-left: 0;}
.learn.dashboard .widget--html_standard {padding: 0;}

.header .company__beta-logo .company-logo__container img {width: auto; max-height: 27px;}
.header .nav--top {position: absolute; top: 0; right: 65px;}
.header .company__beta-logo {vertical-align: bottom; margin-right:0px;}
.header .top-bar {display: inline-block; text-align: left; vertical-align: bottom; border: 0; height: auto;}
.header .top-bar-section ul {float: none !important;}
.header .top-bar-section ul li {float: none; display: inline-block;}
.header .top-bar-section ul li:nth-child(3) {border-width: 0;}
.header .top-bar-section li:not(.has-form) a:not(.button) {font-size: 18px; font-weight: 400; color: #A2A1A6; line-height: normal; padding: 0 18px;}
.header .top-bar-section li:not(.has-form) a:not(.button):hover, .header .top-bar-section li:not(.has-form) a:not(.button):focus {background:none; color: 	#45424D;}
@media only screen and (max-width: 1260px) {
    .header .company__beta-logo {width: 200px;}
    .header .top-bar {width: calc(100% - 200px - 8px);}
    .header .top-bar-section li:not(.has-form) a:not(.button) {font-size: 18px; padding: 0 24px;}
}
@media only screen and (max-width: 960px) {
    .header .top-bar-section li:not(.has-form) a:not(.button) {font-size: 16px; padding: 0 14px;}
    .header .company__beta-logo {width: 164px;}
    .header .top-bar {width: calc(100% - 164px - 8px);}
    .header--article, .header--dashboard, .header--microsite {padding: 40px 40px;}
}
@media only screen and (max-width: 769px) {
    .header .top-bar {overflow: visible;}
    .header .top-bar-section {display: none; position: absolute; left: 50% !important; top: 100%; transform: translateX(-50%); width: 100%; text-align: center;}
    .header .top-bar.expanded .top-bar-section {display: block; z-index: 1;}
    .header .top-bar-section li:not(.has-form) a:not(.button) {font-size: 14px; padding: 0 10px;}
    .header .top-bar-section ul li {border-width: 1px;}
}
@media only screen and (max-width: 620px) {
    .header .top-bar-section ul li, .header .top-bar-section ul li:nth-child(3) {display: block; border-left: 0; border-top: 1px solid #000;}
    .header .top-bar-section li:not(.has-form) a:not(.button) {padding: 6px 10px;}
}

.has-dropdown .dropdown h5 {
    display: none;
}

.has-dropdown .dropdown li {
    background:#fff;
    border: 10px #fff solid;
}

.has-dropdown .dropdown a {
    background-color: #fff !important;
    color:#45424D !important;
    font-weight: 300 !important;
}

.has-dropdown .dropdown a::after {
    display: none !important;
}

.has-dropdown .dropdown a:hover {
    color:#7759C2 !important;
}

.has-dropdown .hover a {
    color: #45424D;
}

.dropdown {
    border: 1px #D1D0D3 solid;
    margin-top:15px !important;
    padding:30px 10px !important;
    background:#fff !important;
    font-size: 14px;
}

.dropdown li:first-child {
    display:none !important;
}

/* --------------------------------------------------------------------------------Homepage
--------------------------------------------------------------------------------
*/

/* used across all widgets for left and right padding */
/* Desktop only. No set padding needed for mobile here. */
@media (min-width: 769px) { 
    .home-padding {
        padding: 0px 6rem !important;
    }
}

/* // Title banner // */

/* Title with gradient background and slide down animation */
@media (min-width: 769px) {
    .home-title-new {
        padding: 0 7rem !important;
        margin-top:0px;
    }
}

@media (max-width: 768px) {
     .home-title-new {
        padding: 0px 2rem;
        margin-top:0px;
    }
}

.home-background-grad {
    background: linear-gradient(to right,#fff 25%,#CEB3EF	60%, #FFB9C9 90%, #FFD1BF	100%);
}

.home-title-new h1 {
  font-size: 4.5rem;
  font-weight: 600;
  text-align: left;
  margin: 4rem 0 1rem 0;
  color: #171321;
  animation: slideDown 2s ease;
}
  @keyframes slideDown {
    0% { opacity: 0; transform: translateY(-15%); }   
    100% { opacity: 1; transform: translateY(0); }
  }

/* Tagline */
.home-title-new p {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: left;
  margin-bottom:30px;
  padding: 0px;
  color: #171321;
}

/* CTA Start learning button */
.btn-home {
    background: #171321;
    color: #fff;
    font-size: 1.2rem !important;
    font-weight: 400;
    border: #171321 solid 2px;
    border-radius: 5px;
    padding: .5rem 1rem;
    float:left;
    margin-bottom: 3.5rem;
}

.btn-home:hover {
    background: #fff;
    color: #171321;
}


/* // Search widget smaller width and dark background with purple button// */
.home-search {
    padding: 3rem 6rem !important;
}

@media (max-width: 768px) {
    .home-search {
        padding: 3rem 0 !important;
    }
}

.home-search .btn {
    background:#A989F5;
    border: 1px solid #A989F5;
    color: #000;
}

.home-search .btn:hover {
    background:#7759C2;
    color: #fff;
    border: 1px solid #7759C2;   
}

.home-search .row {
    margin: auto;
}

@media (max-width: 768px) {
    .home-search .row {
        width: 100% !important;
    }
}

/* Dark background */
.home-background-dark {
    background: #171321;
}

/* // Topic tiles // */
/* // Topic cards with fade in animation and slightly rounded corners // */
.home-topics-dark {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 30px;
  margin-bottom:30px;
  border-radius: 3px;
  height: calc(100% - 30px);
  background-color: #F5F3FE;
  transition: .3s ease;
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
}

/* small icon */
.home-topics-dark img {
  margin-bottom: 0px;
  height: 30px;
}

.home-topics-dark h3 {
  color: #171321;
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 20px;
}

.home-topics-dark ul {
  color: #171321;
  font-size: 16px;
  margin-left: 0px;
}

.home-topics-dark li {
  padding: 0px;
  margin: 3px !important;
  color: #171321;
}

/* Keeps tiles same height */
.glrow .row {
    display: flex;
    flex-wrap: wrap;
}

.glrow .editor-content {
    height: 100%;
}

/* tiles on hover including animation to change shape and background tile color */
.home-topics-dark:hover {
  border: 1px;
  border-bottom-right-radius: 70px;
  background: linear-gradient(to bottom right, #CEB3EF, #FFD1BF);
  cursor: pointer;
}

.home-topics-dark:hover h3, .home-topics-dark:hover ul, .home-topics-dark:hover p, .home-topics-dark:hover a {
  color: #171321 !important;
  transition: .1s ease;
}

.home-topics-dark a:hover {
    color: #7759C2 !important;
}

/* Home subheadings - featured sections */
.home-subheader {
    padding-top: 20px;
}

.home-subheader h2 {
  color: #171321;
  font-size: 45px;
  font-weight: 500;
  margin: 80px 0px 10px 0px;
}

.home-subheader p {
    font-size: 20px;
    padding: 5px 0px 25px 0px;
    font-weight: 400;
    line-height: 30px; 
}

/* Become certified highlighted section */
.home-header-certified {
    background: #171321;
}

.home-header-certified h2 {
  color: #fff;
  font-size: 45px;
  font-weight: 400;
  margin: 80px 0px 10px 0px;
}

.home-header-certified p {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px; 
}

.home-header-certified .btn-white {
    background: #fff;
    color: #171321;
    font-size: 20px;
    font-weight: 400;
    border: #171321 solid 2px;
    border-radius: 5px;
    padding: 10px 15px;
    margin: 10px 0px 50px 0px;
}

.home-header-certified .btn-white:hover {
    background: #D1D0D3;
}

.home-body-certified {
    background: #171321;
    margin-bottom: 0px;
}

.home-body-certified h3 {
    background: linear-gradient(to right,#FFD1BF, #A989F5, #7759C2 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0px !important;
    padding-top: 40px;
    text-align: left;
    font-size: 30px;
    font-weight: 600;
}

.text-grad {
  background: linear-gradient(to right,	#FFD1BF, #A989F5, #7759C2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-body-certified img {
    text-align: center;
    margin: auto;
    max-height: 700px;
    margin-top: -125px;
}

@media (max-width: 768px) {
    .home-body-certified img {
        margin-top: 0;
    }
}

.home-body-certified p {
    text-align: left;
    color: #fff;
    font-size: 18px;
    margin-bottom: 30px;
}

.home-body-certified .row {
    width: 90%;
    margin: 0px auto;
}

/* Instructor-Led Training Section */
.home-featured {
    background: #F5F3FE;
}

.home-course {
    background: #fff;
    padding: 30px;
    border-radius: 3px;
    margin-bottom: 15px;
    height: calc(100% - 30px);
    transition: .3s ease;
}

.home-course:hover {
    border-bottom-right-radius: 100px;
}

.home-course h3 {
  color: #171321;
  font-weight: 600;
  font-size: 20px;
  padding-top: 30px;
  margin-bottom: 20px;
}

.home-course p {
    font-size: 16px;
    color: #171321;
    margin-bottom:0px;
    padding-bottom: 18px;
}

.home-course .home-icon {
  margin-bottom: 0px;
  height: 30px;
  padding-bottom: 0px;
}

/* TeamOps Certification */
.light-grad {
    background: linear-gradient(to bottom, #fff, rgba(255,209,191,0.3),rgba(206,179,239,0.3)); 
}

.teamops .row {
    max-width: 800px;
    margin: auto;
    background: #fff;
    border-bottom-right-radius: 80px;
    padding: 20px 50px;
    margin-bottom: 150px;
    border: solid 1px 	#D1D0D3;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .teamops img {
        width:100%;
        max-width:300px;
    }
}

@media (min-width:769px) {
    .teamops img {
        float:right;
        padding-left:15px;
        width: 40%;
        margin-bottom:1rem;
    }
}

.teamops h3 {
    font-size: 40px;
    font-weight: 500;
    margin: 1.5rem 0px;
}

.teamops p {
    font-size: 18px;
    margin-bottom: 30px;
}

/*Homepage Hero Image & header - Boost Your DevOps Skill - 1st widget on page*/
.glHBanner {display: block; width: 100%; position: relative;}
.glHBanner::after {content: ''; display: block; clear: both;}
.glHBanner > img {width: 100%;}
.glHBanner .container {display: block; position: absolute; left: 65px; bottom: 10%; background: none; width: 50%; max-width: 600px; border: 0; box-shadow: none;}
.glHBanner .container h1 {font-size: 81px; color: #171321; font-weight: 600; margin-bottom: 30px;}
.glHBanner .container p {font-size: 30px; color: #171321; margin-bottom: 30px;}
.glHBanner .container h3 {font-size: 37px; color: #171321; font-weight: 400; margin-bottom: 27px;}
.glHBanner .container a {display: inline-block; font-size: 29px; color: #fff; padding: 14px 42px; background: #000; border-radius: 8px;}
@media only screen and (max-width: 1260px) {
    .glHBanner .container h1 {font-size: 56px; margin-bottom: 30px;}
    .glHBanner .container p {font-size: 22px; margin-bottom: 30px;}
    .glHBanner .container h3 {font-size: 26px; margin-bottom: 24px;}
    .glHBanner .container a {font-size: 22px; padding: 10px 28px;}
}
@media only screen and (max-width: 960px) {
    .glHBanner .container {left: 40px;}
    .glHBanner .container h1 {font-size: 42px; margin-bottom: 16px;}
    .glHBanner .container p {font-size: 18px; margin-bottom: 24px;}
    .glHBanner .container h3 {font-size: 22px; margin-bottom: 18px;}
    .glHBanner .container a {font-size: 16px; padding: 8px 20px;}
}
@media only screen and (max-width: 620px) {
    .glHBanner {height: 320px;}
    .glHBanner > img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: auto; max-width: none;}
    .glHBanner .container {width: 60%;}
    .glHBanner .container h1 {font-size: 32px; margin-bottom: 10px;}
    .glHBanner .container p {font-size: 14px;}
    .glHBanner .container h3 {font-size: 18px; margin-bottom: 12px;}
    .glHBanner .container a {font-size: 14px; padding: 6px 14px; border-radius: 4px;}
}

/*Homepage - Header for 3-column icon widget - "Our Benefits" - 2nd widget from top*/
.layout__content .glBenefitsHead {padding: 100px 65px 0; text-align: left;}
.glBenefitsHead .widget__title {font-size: 60px; color: #e24329; font-weight: 600; margin-bottom: 30px; text-align: left;}
.glBenefitsHead .widget__subtitle {font-size: 33px; color: #4e4e4e; font-weight: 400; margin-bottom: 0; text-align: left; }
@media only screen and (max-width: 1260px) {
    .layout__content .glBenefitsHead {padding: 80px 65px 0;}
    .glBenefitsHead .widget__title {font-size: 48px; margin-bottom: 20px;}
    .glBenefitsHead .widget__subtitle {font-size: 24px;}
}
@media only screen and (max-width: 960px) {
    .layout__content .glBenefitsHead {padding: 40px 40px 0;}
    .glBenefitsHead .widget__title {font-size: 40px; margin-bottom: 12px;}
    .glBenefitsHead .widget__subtitle {font-size: 18px;}
}
@media only screen and (max-width: 620px) {
    .glBenefitsHead .widget__title {font-size: 28px;}
    .glBenefitsHead .widget__subtitle {font-size: 14px;}
}

/*Homepage - 3-column icon widget under "Our Benefits" header - 3rd widget from the top*/
.layout__content .glBenefits {padding: 100px 65px;}
.glBenefits .columns {padding: 0;}
.glBenefits li.about-block__container .about-block>span {padding: 0;}
.glBenefits li.about-block__container .about-block img {margin-bottom: 70px;}
.glBenefits li.about-block__container .about-block__text h3 {text-align: left; display: block; font-size: 21px; color: #000; font-weight: 600; padding-bottom: 24px; border-bottom: 4px solid #fde8dc; text-transform: none;}
.glBenefits li.about-block__container .about-block__text p {text-align: left; display: block; font-size: 19px; color: #000; font-weight: 400;}
.glBenefits li.about-block__container {width: calc(33.33% - (90px / 3));}
.glBenefits li.about-block__container:nth-child(6) {margin: 0 45px;}
.glBenefits li.about-block__container .about-block__text {padding: 0;}
@media only screen and (max-width: 1400px) {
    .glBenefits li.about-block__container {width: calc(33.33% - (40px / 3));}
    .glBenefits li.about-block__container:nth-child(6) {margin: 0 20px;}
}
@media only screen and (max-width: 1360px) {
    .glBenefits li.about-block__container .about-block__text h3 {font-size: 20px;}
    .glBenefits li.about-block__container .about-block__text p {font-size: 18px;}
}
@media only screen and (max-width: 1260px) {
    .layout__content .glBenefits {padding: 80px 65px;}
    .glBenefits li.about-block__container .about-block img {height: 72px; margin-bottom: 60px;}
    .glBenefits li.about-block__container .about-block__text h3 {padding-bottom: 12px; min-height: 66px;}
}
@media only screen and (max-width: 960px) {
    .layout__content .glBenefits {padding: 40px 40px;}
    .glBenefits li.about-block__container .about-block img {height: 60px; margin-bottom: 40px;}
    .glBenefits li.about-block__container .about-block__text h3 {font-size: 16px; min-height: 56px;}
    .glBenefits li.about-block__container .about-block__text p {font-size: 14px;}
}
@media only screen and (max-width: 769px) {
    .glBenefits li.about-block__container {width: 100%;}
    .glBenefits li.about-block__container:nth-child(6) {margin: 0;}
    .glBenefits li.about-block__container .about-block::before {display: none;}
    .glBenefits li.about-block__container .about-block {margin-bottom: 50px;}
    .glBenefits li.about-block__container .about-block__text h3 {min-height: 0;}
}
@media only screen and (max-width: 620px) {
    .glBenefits li.about-block__container .about-block {margin-bottom: 40px;}
}

/*Homepage - Two Column Featured Courses Widget - 4th widget from the top*/
.layout__content .glHFeaturedCourses, .learn.dashboard .glHFeaturedCourses {padding: 100px 0;}
.glHFeaturedCourses .widget__title {font-size: 60px; color: #e24329; display: block; text-align: left; font-weight: 600; padding: 0 65px; margin: 0;}
.glHFeaturedCourses .ember-view > .row {padding: 124px 65px 0; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/t2lhqjomapzx-Featured-Courses-Bg.jpg) center no-repeat; background-size: cover; margin: 0;}
.glHFeaturedCourses .ember-view .editor-content {background: #fff; padding: 0;}
.glHFeaturedCourses .ember-view .editor-content h3 { display: block; padding-left: 128px; font-size: 36px; font-weight: 500; margin: 100px 42px; color: #000; min-height: 90px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/fyyfen1jhz72-Heading-Bg-Icon.png) left top no-repeat; background-size: auto 90px; max-width: 500px;}
.glHFeaturedCourses .ember-view .editor-content p { display: block; font-size: 22px; font-weight: 400; margin: 0 42px 100px; color: #000;}
.glHFeaturedCourses .ember-view .editor-content img {width: 100%;}
.glHFeaturedCourses .editor-content a:not(.btn), .glHFeaturedCourses .editor-content a:not(.btn):hover, .glHFeaturedCourses .editor-content a:not(.btn):focus { font-size: 29px; display: inline-block; padding: 8px 24px; background: #000; color: #fff; border-radius: 8px;}

.glHFeaturedCourses .ember-view .editor-content p:nth-child(3) {margin: 0;}
.glHFeaturedCourses .ember-view .editor-content p:nth-last-child(3) {margin-bottom: 0;}
.glHFeaturedCourses .widget__cta {padding: 40px 65px 0; text-align: right;}
.glHFeaturedCourses .widget__cta .btn--centered {background: none; border: 0; color: #e24329; font-size: 27px; font-weight: 400; display: inline-block;}
.glHFeaturedCourses .widget__cta .btn--centered::after {content: ''; display: inline-block; width: 14px; height: 26px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/tckuj31ych5r-Next.png) center no-repeat; vertical-align: middle; margin-left: 12px;}
@media only screen and (max-width: 1260px) {
    .layout__content .glHFeaturedCourses, .learn.dashboard .glHFeaturedCourses {padding: 80px 0;}
    .glHFeaturedCourses .widget__title {font-size: 50px;}
    .glHFeaturedCourses .ember-view > .row {padding: 80px 65px 0;}
    .glHFeaturedCourses .ember-view .editor-content h3 {font-size: 22px; margin: 80px 42px; background-size: auto 54px; padding-left: 88px; min-height: 55px; max-width: 300px;}
    .glHFeaturedCourses .ember-view .editor-content p {font-size: 17px; margin: 0 42px 80px;}
    .glHFeaturedCourses .editor-content a:not(.btn), .glHFeaturedCourses .editor-content a:not(.btn):hover, .glHFeaturedCourses .editor-content a:not(.btn):focus {font-size: 20px; padding: 4px 18px; border-radius: 4px;}
    .glHFeaturedCourses .widget__cta .btn--centered {font-size: 20px; padding: 0 inherit;}
}
@media only screen and (max-width: 960px) {
    .layout__content .glHFeaturedCourses, .learn.dashboard .glHFeaturedCourses {padding: 40px 0;}
    .glHFeaturedCourses .widget__title {font-size: 40px; padding: 0 40px;}
    .glHFeaturedCourses .ember-view > .row {padding: 40px 40px 0;}
    .glHFeaturedCourses .ember-view .editor-content h3 {margin: 40px 22px; font-size: 18px; min-height: 45px; background-size: auto 44px; padding-left: 64px; max-width: 250px;}
    .glHFeaturedCourses .ember-view .editor-content p {margin: 0 20px 40px; font-size: 14px;}
    .glHFeaturedCourses .editor-content a:not(.btn), .glHFeaturedCourses .editor-content a:not(.btn):hover, .glHFeaturedCourses .editor-content a:not(.btn):focus {font-size: 16px; padding: 4px 16px;}
    .glHFeaturedCourses .widget__cta {padding: 20px 40px 0;}
    .glHFeaturedCourses .widget__cta .btn--centered {font-size: 16px;}
    .glHFeaturedCourses .widget__cta .btn--centered::after {width: 10px; height: 19px; background-size: 100% auto;}
}
@media only screen and (max-width: 769px) {
    .glHFeaturedCourses .ember-view .editor-content {margin-bottom: 40px; padding-bottom: 12px;}
}
@media only screen and (max-width: 620px) {
    .glHFeaturedCourses .widget__title {font-size: 28px;}
    .glHFeaturedCourses .editor-content a:not(.btn), .glHFeaturedCourses .editor-content a:not(.btn):hover, .glHFeaturedCourses .editor-content a:not(.btn):focus {font-size: 14px; padding: 4px 12px;}
}

/*Homepage - Two Column TeamOps Certification Widget - 5th widget from the top*/
.layout__content .glMeccTraining {padding: 0 65px 100px;}
.glMeccTraining .widget__title {font-size: 60px; color: #e24329; font-weight: 600; margin-bottom: 40px; text-align: left;}
.glMeccTraining .widget__subtitle {font-size: 28px; color: #454545; font-weight: 400; margin-bottom: 60px; text-align: left;}
.glMeccTraining .editor-content {padding: 60px; position: relative;}
.glMeccTraining .row .columns:nth-child(1) .editor-content::before {content: ''; display: block; width: 124px; height: 124px; position: absolute; top: 0; left: 0; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff;}
.glMeccTraining .row .columns:nth-child(1) .editor-content::after {content: ''; display: block; width: 124px; height: 124px; position: absolute; bottom: 0; right: 0; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; border-bottom-right-radius: 36px;}
.glMeccTraining .editor-content h3 {font-size: 60px; color: #010101; font-weight: 600; margin-bottom: 36px;}
.glMeccTraining .editor-content p {font-size: 28px; color: #434343; font-weight: 400; margin-bottom: 0;}

.glMeccTraining .btn--centered, .glMeccTraining .btn--centered:hover, .glMeccTraining .btn--centered:focus {display: inline-block; font-size: 29px; padding: 8px 24px; background: #000; color: #fff; border-radius: 8px;}
@media only screen and (max-width: 1260px) {
    .layout__content .glMeccTraining {padding: 0 65px 80px;}
    .glMeccTraining .widget__title {font-size: 50px; margin-bottom: 28px;}
    .glMeccTraining .widget__subtitle {font-size: 22px;}
    .glMeccTraining .editor-content {padding: 40px;}
    .glMeccTraining .editor-content h3 {font-size: 42px; margin-bottom: 28px;}
    .glMeccTraining .editor-content p {font-size: 22px;}
    .glMeccTraining .btn--centered, .glMeccTraining .btn--centered:hover, .glMeccTraining .btn--centered:focus { font-size: 20px; padding: 4px 18px; border-radius: 4px;}
}
@media only screen and (max-width: 960px) {
    .layout__content .glMeccTraining {padding: 0 40px 40px;}
    .glMeccTraining .widget__title {font-size: 40px; margin-bottom: 18px;}
    .glMeccTraining .widget__subtitle {font-size: 18px;}
    .glMeccTraining .editor-content {padding: 28px;}
    .glMeccTraining .editor-content h3 {font-size: 28px; margin-bottom: 14px;}
    .glMeccTraining .editor-content p {font-size: 18px;}
    .glMeccTraining .row .columns:nth-child(1) .editor-content::before {width: 90px; height: 90px;}
    .glMeccTraining .row .columns:nth-child(1) .editor-content::after {width: 90px; height: 90px; border-bottom-right-radius: 22px;}
    .glMeccTraining .btn--centered, .glMeccTraining .btn--centered:hover, .glMeccTraining .btn--centered:focus { font-size: 16px; padding: 4px 16px;}
}
@media only screen and (max-width: 620px) {
    .glMeccTraining .widget__title {font-size: 28px; margin-bottom: 12px;}
    .glMeccTraining .widget__subtitle {font-size: 14px;}
    .glMeccTraining .editor-content h3 {font-size: 24px;}
    .glMeccTraining .editor-content p {font-size: 14px;}
    .glMeccTraining .btn--centered, .glMeccTraining .btn--centered:hover, .glMeccTraining .btn--centered:focus { font-size: 14px; padding: 4px 12px;}
}

/*Testimonial Widget Header- currently not on homepage*/
.layout__content .glTestimonialsHead {padding: 100px 65px 0;}
.glTestimonialsHead .widget__title {font-size: 60px; color: #e24329; font-weight: 600; margin-bottom: 64px; text-align: left;}
.glTestimonialsHead .widget__subtitle {font-size: 32px; color: #4e4e4e; font-weight: 400; margin-bottom: 0; text-align: left;}
@media only screen and (max-width: 1260px) {
    .layout__content .glTestimonialsHead {padding: 80px 65px 0;}
    .glTestimonialsHead .widget__title {font-size: 50px; margin-bottom: 32px;}
    .glTestimonialsHead .widget__subtitle {font-size: 24px;}
}
@media only screen and (max-width: 960px) {
    .layout__content .glTestimonialsHead {padding: 40px 40px 0;}
    .glTestimonialsHead .widget__title {font-size: 40px; margin-bottom: 22px;}
    .glTestimonialsHead .widget__subtitle {font-size: 20px;}
}
@media only screen and (max-width: 620px) {
    .glTestimonialsHead .widget__title {font-size: 28px; margin-bottom: 12px;}
    .glTestimonialsHead .widget__subtitle {font-size: 16px;}
}

/*Testimonial Widget - currently not on homepage*/
.layout__content .glHTestimonials {padding: 100px 65px;}
.glHTestimonials .testimonial .testimonial-quote--center {text-align: left;}
.glHTestimonials .testimonial .testimonial-quote__text {font-size: 29px; color: #949494; font-weight: 400; margin-bottom: 72px;}
.glHTestimonials .testimonial .testimonial-quote__text::before {content: '“'; float: left;}
.glHTestimonials .testimonial .testimonial-quote__text::after {content: '”'; margin-left: -6px}
.glHTestimonials .testimonial .testimonial-quote__author-name:before {display: none;}
.glHTestimonials .testimonial .testimonial-quote__author-name {font-size: 23px; color: #949494; font-style: normal; text-transform: none; margin: 0;}
.glHTestimonials .testimonial .testimonial-quote__author-description {font-size: 23px; color: #949494; font-style: normal; text-transform: none;}
.glHTestimonials .testimonial-widget {margin: 0;}
.glHTestimonials .testimonial>.testimonial-quote {position: static; transform: none;}
.glHTestimonials .testimonial.learner {padding-top: 0;}
.glHTestimonials .testimonials__nav {top: 0; width: 40px; height: 40px;}
.glHTestimonials .testimonials__nav i {display: none;}
.glHTestimonials .testimonials__nav.testimonials__nav--right {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/tckuj31ych5r-Next.png) center no-repeat !important;}
.glHTestimonials .testimonials__nav.testimonials__nav--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/ggzywryz7w19-Prev.png) center no-repeat !important;}
@media only screen and (max-width: 1260px) {
    .glHTestimonials .testimonial .testimonial-quote__text {font-size: 22px; margin-bottom: 40px;}
    .glHTestimonials .testimonial .testimonial-quote__author-name {font-size: 18px;}
    .glHTestimonials .testimonial .testimonial-quote__author-description {font-size: 16px;}
}
@media only screen and (max-width: 960px) {
    .layout__content .glHTestimonials {padding: 40px 40px;}
    .glHTestimonials .testimonial .testimonial-quote--center {padding: 0 4em;}
    .glHTestimonials .testimonial .testimonial-quote__text {font-size: 18px; margin-bottom: 32px;}
    .glHTestimonials .testimonial .testimonial-quote__author-name {font-size: 16px;}
    .glHTestimonials .testimonial .testimonial-quote__author-description {font-size: 14px;}
}
@media only screen and (max-width: 620px) {
    .glHTestimonials .featured-content-multi-carousel {padding: 0;}
    .glHTestimonials .testimonial .testimonial-quote--center {padding: 0 40px;}
    .glHTestimonials .columns {padding: 0;}
    .glHTestimonials .testimonial .testimonial-quote__text {font-size: 16px; margin-bottom: 20px;}
    .glHTestimonials .testimonial .testimonial-quote__author-name {font-size: 15px;}
    .glHTestimonials .testimonial .testimonial-quote__author-description {font-size: 13px;}
}

/*Two Column Widget - Gain the most from our solutions picture/text- currently not on homepage*/
.layout__content .glGain {padding: 0 65px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/400lxhqhstxq-Gain-Bg.jpg) top center no-repeat; margin-bottom: calc(140px + 250px);}
.layout__content .glGain img {width: 100%;}
.glGain.row .row {margin: 0; transform: translateY(140px);}
.glGain .row .columns:nth-child(2) {padding: 100px 60px 0;}
.glGain h3 {font-size: 49px; color: #433636; font-weight: 400; margin-bottom: 32px;}
.glGain .editor-content a:not(.btn), .glGain .editor-content a:not(.btn):focus, .glGain .editor-content a:not(.btn):hover {font-size: 34px; color: #e24329; font-weight: 400; display: inline-block;}
.glGain a::after { content: ''; display: inline-block; width: 14px; height: 26px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/tckuj31ych5r-Next.png) center no-repeat; vertical-align: middle; margin-left: 12px;}
@media only screen and (max-width: 1260px) {
    .glGain.row .row {transform: translateY(80px);}
    .glGain h3 {font-size: 32px; margin-bottom: 20px;}
    .glGain .editor-content a:not(.btn), .glGain .editor-content a:not(.btn):focus, .glGain .editor-content a:not(.btn):hover {font-size: 24px;}
    .layout__content .glGain {margin-bottom: calc(80px + 120px);}
}
@media only screen and (max-width: 960px) {
    .glGain.row .row {transform: translateY(40px);}
    .glGain .row .columns:nth-child(2) {padding: 80px 40px 0;}
    .glGain h3 {font-size: 24px; margin-bottom: 16px;}
    .glGain .editor-content a:not(.btn), .glGain .editor-content a:not(.btn):focus, .glGain .editor-content a:not(.btn):hover {font-size: 16px;}
    .glGain a::after {background-size: 100% auto; width: 10px; height: 19px;}
}
@media only screen and (max-width: 769px) {
    .layout__content .glGain {padding: 0 40px;}
    .glGain .row .columns:nth-child(2) {padding: 40px 40px 0;}
    .layout__content .glGain {margin-bottom: calc(40px + 80px);}
}
@media only screen and (max-width: 620px) {
    .layout__content .glGain {padding: 40px;}
    .glGain.row .row {transform: none;}
    .glGain .row .columns:nth-child(2) {padding: 20px 20px 0;}
}

/* --------------------------------------------------------------------------------Footer
--------------------------------------------------------------------------------
*/

/*Global Footer CSS*/
footer.footer {padding: 0;}
footer.footer .footer__inner {border: 0; padding: 0;}
footer.footer .footer__company__info {display: none;}

/* Dark background and white link lists  */
.dexfooter {
    background: #171321;
    font-family: Inter;
    font-style: normal;
    padding: 40px;
}

.dexfootercontainer {
    display: flex;
    max-width: 1440px;
    margin: 0px auto;
}

.dexfooter h4{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.dexfooter a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}

.dexfooter a:hover {
    text-decoration: underline;
    color: #fff;
}

.dexfooter ul {
    color: #fff;
    list-style-type: none;
    margin-left: 0px;
}

.dexfooter li {
    padding-bottom: 8px;
}

.dexfooter img {
    max-width: 150px;
}


/* social links and copyright */
.dexsocial {
    background: #171321;
    padding: 40px;
    padding-top: 10px;
}

.dexsocialcontainer {
    display: flex;
    max-width: 1440px;
    margin: 0px auto;
}

.dexsocial p {
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

.dexsocial ul {
    list-style-type: none;
    font-size: 24px;
    display: flex;
    justify-items: flex-end;
}

.dexsocial li {
    padding: 12px;
}

.dexsocial a {
    color: #fff;
}

/* one trust button styled to look like link */
.footer-link {
    background: none !important;
    border: none !important;
    font-size: 14px !important;
    color: #fff !important;
    font-family: Inter !important;
    font-style: normal !important;
    padding: 0px !important;
}

.footer-link:hover {
    text-decoration: underline;
}

/* Legacy code */
.glFooter {padding: 65px 65px 20px; background: #fcf8f4;}
.glFooter .ftInner .col3 {margin-bottom: 30px;}
.glFooter .ftInner .col3 .col {width: calc(33.33% - 4px - (80px * 2 / 3)); display: inline-block; vertical-align: top; font-size: 18px; color: #3d3d3d;}
.glFooter .ftInner .col3 .col:nth-child(2) {margin: 0 80px;}
.glFooter .ftInner h4 {font-size: 23px; color: #000; font-weight: 600; display: block; padding-bottom: 20px; margin-bottom: 30px; position: relative;}
.glFooter .ftInner h4::before {content: ''; display: block; height: 4px; width: 102px; background: #fc6d26; position: absolute; bottom: 0; left: 0;}
.glFooter .ftInner nav ul {display: block; margin: 0;}
.glFooter .ftInner nav ul li {display: block; margin-bottom: 5px;}
.glFooter .ftInner nav ul li:last-child {margin-bottom: 0;}
.glFooter .ftInner nav ul li a {display: block; color: #e24329; position: relative; padding-right: 20px;}
.glFooter .ftInner nav ul li a::after {content: ''; display: block; clear: both;}
.glFooter .ftInner nav ul li a::before {content: ''; display: inline-block; width: 16px; height: 16px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/tckuj31ych5r-Next.png) center no-repeat; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.glFooter .ftInner .col3 .col:nth-child(3) {padding-top: 78px; }
.glFooter .glSocial .logo {display: block; text-align:center; padding-bottom:20px;}
.glFooter .glSocial .logo img {width: 150px; margin-bottom:30px;}
.glFooter .glSocial .socialLnks {display: block;}
.glFooter .glSocial .socialLnks ul {display: block; margin:0;}
.glFooter .glSocial .socialLnks ul li {display: inline-block;}
.glFooter .glSocial .socialLnks ul li a {color: #595959; font-size: 16px; margin:0px 8px;}
.glFooter .copyright {text-align: center; font-size: 12px; color: #3d3d3d; font-weight: 400; margin-bottom:15px;}
@media only screen and (max-width: 1260px) {
    .glFooter {padding: 40px 65px 12px;}
    .glFooter .ftInner h4 {font-size: 20px; padding-bottom: 32px; margin-bottom: 32px;}
    .glFooter .ftInner .col3 .col {width: calc(33.33% - 4px - (80px * 2 / 3)); display: inline-block; vertical-align: top; font-size: 15px; color: #3d3d3d;}
    .glFooter .ftInner .col3 .col:nth-child(3) {padding-top: 85px; }
    .glFooter .glSocial .col3 .col {font-size: 16px; padding-top:60px;}
    .glFooter .glSocial nav ul li a::before {background-size: 100% auto; width: 10px; height: 18px;}
    .glFooter .copyright {font-size: 12px;}
    .glFooter .glSocial .socialLnks ul li a {color: #595959; font-size: 14px; margin:0px 8px;}

}
@media only screen and (max-width: 960px) {
    .glFooter .ftInner h4 {font-size: 18px; padding-bottom: 20px; margin-bottom: 20px;}
    .glFooter .ftInner .col3 .col:nth-child(3) {padding-top: 58px; }
    .glFooter .ftInner h4::before {height: 2px; width: 72px;}
    .glFooter .glSocial .col3 .col {font-size: 14px;}
    .glFooter .glSocial nav ul li a::before {width: 8px; height: 14px;}
    .glFooter .glSocial nav ul li {margin-bottom: 8px;}
    .glFooter .glSocial .logo {margin-bottom: 12px;}
    .glFooter .glSocial .logo img {max-width: 120px;}
    .glFooter .glSocial .col3 {margin-bottom: 40px;}
}
@media only screen and (max-width: 769px) {
    .glFooter {padding: 40px 40px 12px;}
}
@media only screen and (max-width: 620px) {
    .glFooter .ftInner .col3 .col, .glFooter .ftInner .col3 .col:nth-child(2) {width: 100%; margin: 0; margin-bottom: 20px;}
}

/*Learner Dashboard - Leaderboard/Badges Widget - 2nd widget from top*/
.learn.dashboard .widget--badges_standard {padding: 100px 65px;}
.widget--badges_standard.row .row {margin: 0;}
.widget--badges_standard .columns {padding: 0;}
.widget--badges_standard .columns .columns {padding: 0 0;}
.widget--badges_standard .ember-view > .row > .columns h3 {font-size: 40px; color: #e24329; font-weight: 600; margin-bottom: 42px;}
.widget--badges_standard .hr__accent--badges {display: none;}
.widget--badges_standard .dashboard-badges-container {box-shadow: none; padding: 0;}
.widget--badges_standard .award-leaderboard {margin-right: 2rem; padding: 1rem; border: 1px solid #eaeaea;}
.widget--badges_standard .dashboard-badges-container .medium-9.columns {padding: 1rem 80px; border: 1px solid #eaeaea;}
.widget--badges_standard .dashboard-badges-container .badges-carousel__button--right {right: 20px;}
.widget--badges_standard .dashboard-badges-container .badges-carousel__button--left {left: 20px;}

.badges-carousel__button {border: 0;}
.badges-carousel__button i {padding: 4px 0; display: block; height: 30px;}
.badges-carousel__button--left i {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/y6k7gkxmlpdz-Prev.png) center no-repeat;}
.badges-carousel__button--right i {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/kfeofkjopb14-Next.png) center no-repeat;}
.badges-carousel__button i::before {display: none;}
li.dashboard-badge {border: 0;}
@media only screen and (max-width: 1260px) {
    .learn.dashboard .widget--badges_standard {padding: 40px 65px;}
    .widget--badges_standard .ember-view > .row > .columns h3 {font-size: 28px;}
}
@media only screen and (max-width: 960px) {
    .widget--badges_standard .ember-view > .row > .columns h3 {font-size: 22px;}
}

/*Learner Dashboard - Learner Access Widget - 3rd widget from top*/
.learn.dashboard .glLearnerAccess {padding: 100px 65px;}
.glLearnerAccess.row .ember-view > .row {margin: 0;}
.glLearnerAccess .dashboard-access {border: 0;}
.glLearnerAccess .dashboard-access-tabs {border: 0; background: none; border: 1px solid #cac9ce; margin-bottom: 46px;}
.glLearnerAccess .dashboard-access-tab {border: 0; font-size: 17px; color: #666669;}
.glLearnerAccess .dashboard-access-tab .dashboard-access-tab__label {color: #666669;}
.glLearnerAccess .dashboard-access-tab--active {background: #eee7fd; border-right: 1px solid #cac9ce;}
.glLearnerAccess .dashboard-access-tab--active .dashboard-access-tab__label {color: #666669; font-weight: 400;}
.glLearnerAccess .dashboard-access-tab__count {border: 0; font-size: 17px; color: #666669; font-weight: 400; padding: 0; background: none;}
.glLearnerAccess .dashboard-access-tab__count::before {content: '(';}
.glLearnerAccess .dashboard-access-tab__count::after {content: ')';}
.glLearnerAccess .dashboard-access-tab--active:after {display: none;}
.glLearnerAccess .dashboard-access-list-item-expander__title, .glLearnerAccess .dashboard-access-list-item, .glLearnerAccess .dashboard-access-list-item .btn--primary {font-size: 17px; color: #666669;}
.glLearnerAccess .dashboard-access-list-item .btn--primary {padding: 0;}
.glLearnerAccess .dashboard-access-list-item {padding: 12px 0;}
.glLearnerAccess .dashboard-access-list-item strong {font-weight: 400;}
.glLearnerAccess .dashboard-access-list-item .btn--primary {background: none; border: 0; text-align: right;}
.glLearnerAccess .icon-navigateright:before {content: '+'; font-size: 27px; color: #666669; font-weight: 600; display: inline-block; vertical-align: middle;}
.glLearnerAccess .icon-navigatedown:before {content: ''; display: inline-block; width: 15px; height: 2px; background: #666669; vertical-align: middle;}
.glLearnerAccess .dashboard-access-list-item:nth-of-type(2n) {background: none;}
@media only screen and (max-width: 1260px) {
    .learn.dashboard .glLearnerAccess {padding: 80px 65px;}
    .glLearnerAccess .dashboard-access-tab {font-size: 14px;}
    .glLearnerAccess .dashboard-access-tabs {margin-bottom: 24px;}
    .glLearnerAccess .dashboard-access-list-item-expander__title, .glLearnerAccess .dashboard-access-list-item, .glLearnerAccess .dashboard-access-list-item .btn--primary {font-size: 14px;}
    .glLearnerAccess .dashboard-access-list-item {padding: 8px 0;}
}
@media only screen and (max-width: 960px) {
    .learn.dashboard .glLearnerAccess {padding: 40px 40px;}
    .glLearnerAccess .dashboard-access-tab {padding: 12px 16px;}
    .glLearnerAccess .columns {padding: 0;}
}


/* For Course Page - Content Container*/
body.course.learn {background: none;}
body.course.learn .header .company__beta-logo {width: 210px;}
learner__container {padding: 100px 65px;}
.learner__container__toggle .btn {background: none; color: #000; border: 0;}
.learner__container__toggle .btn:hover {background: none; color: #e24329;}
.learner__container .directional__nav .directional__nav__label {visibility: visible; font-size: 15px; color: #4e4e4e; margin-bottom:30px;}
.learner__container .directional__nav__button {background: none; color: #4e4e4e;}
.learner__container .section-progress-bar span {height: 14px; background: #f7b146;}
.learner__container .section-progress-bar div {background: #cbc8c8; border-radius: 7px; overflow: hidden;}
.course__container .header .company__beta-logo .company-logo__container img {max-height: 40px;} 


@media only screen and (max-width: 1260px) {
    .learner__container {padding: 80px 65px;}
    .learner__container .learner-section__title__container h3 {font-size: 32px;}
    .learner__container .learner-section__title__container {margin-bottom: 60px;}
    .learner__container .directional__nav, .learner__container .layout-panel .learner-section__progress {padding: 0;}
    .directional__nav .directional__nav__label {display: block; line-height: 30px;}
    .directional__nav__button.directional__nav__button--left, .directional__nav__button.directional__nav__button--right {margin: 0;}
    .learner__container .section-progress-bar span {height: 8px;}
    .learner__container .directional__nav {bottom: 40px;}
}
@media only screen and (max-width: 960px) {
    .learner__container {padding: 40px;}
    .learner__container .learner-section__title__container h3 {font-size: 24px;}
    .learner__container .directional__nav .directional__nav__label {font-size: 12px;}
}
@media only screen and (max-width: 769px) {
    .course-title {font-weight: 400;}
    .learner__container .learner__content {padding: 0;}
}
*/

/*Course Page - Learner Sidebar*/

.learner__container .learner__sidebar {padding: 10px; background: #eeedef;}

.learner__container .learner__sidebar {transform: translate3d(-200%,0,0);}
.learner__container .learner__sidebar .layout-panel {background: none;}
.learner__container.learner__container--toggled .learner__sidebar {transform: translateZ(0);}
.learner__sidebar .expandable-sidebar__link .expandable-sidebar__toggle {background: #eee7fd; color: #3e3e3e; font-size: 17px; text-transform: none; border: 1px solid #c0bebe; padding: 16px 4px 16px 32px;}
.learner__sidebar .expandable-sidebar__link .expandable-sidebar__toggle i {display: none;}
.learner__sidebar .learner__sidebar-inner-list span.syllabus__section-title {padding: 8px 8px 8px 22px; position: relative; color: #666669; font-size: 17px; font-weight: 400; text-transform: none; border-bottom: 1px solid #cac9ce;}
.learner__sidebar .learner__sidebar-inner-list span.syllabus__section-title::before {content: '+'; position: absolute; top: 0; left: 0; font-size: 25px;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title, .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:not(:hover) {font-size: 15px; color: #666669; font-weight: 400; padding: 6px 4px 6px 14px; display: block; background: none;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title.active, .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:hover {background: none;}
button.syllabus__lesson--expander {display: none;}
.expandable-sidebar__content {padding: 0;}
.learner__sidebar-list>li {padding: 0 12px;}
.syllabus__topic--non-expandable-title-text {color: #666669;}
.syllabus__topic.syllabus__topic--active {background: none;}
li.syllabus__topic--non-expandable:before { display: block; content: ''; width: 5px; height: 5px; background: #000; padding: 0; margin: 6px 0; border-radius: 50%;}
.expandable-sidebar__content {background: #fff;}

.learner__container .layout-panel .sidebar__resources .columns {float: left;}
.sidebar__resources .learner__sidebar-list>li {padding: 0;}
.sidebar__resources .learner__sidebar-list>li a {padding: 12px 24px; display: block; background: #fff;}
@media only screen and (max-width: 1260px) {
    .learner__sidebar .expandable-sidebar__link .expandable-sidebar__toggle {padding: 8px 4px 8px 32px;}
    .learner__sidebar .learner__sidebar-inner-list span.syllabus__section-title {font-size: 15px;}
    .learner__sidebar-list ul.syllabus__section-list {margin: 4px 0;}
    .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title, .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:not(:hover) {font-size: 13px;}
}

/* Course Frame Fixes - 11/11/2022 kcg */
.topic__content.topic__content--full-width {
    margin-bottom: 50px;
}
.topic__container {
    margin-bottom: 50px;
}

/* Adjusting Leaderboard Number Size and Name Position */
.award-leaderboard-standing__rank {
    font-size: 8px;
}

/* Adjusting Leaderboard Name Position - increase or decrease the amount of pixels for padding-left to center in the bubble */
.avatar.avatar--initials {
    padding-left: 5px;
}

/*Customers Landing Page - Two Column Featured Courses Widget*/
.layout__content .glCFeaturedCourses, .learn.dashboard .glCFeaturedCourses {padding: 20px 0;}
.glCFeaturedCourses .widget__title {font-size: 60px; color: #e24329; display: block; text-align: left; font-weight: 600; padding: 0 65px; margin: 0;}
.glCFeaturedCourses .ember-view > .row {padding: 65px 65px 65px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/t2lhqjomapzx-Featured-Courses-Bg.jpg) center no-repeat; background-size: cover; margin: 0;}
.glCFeaturedCourses .ember-view .editor-content {background: #fff; padding: 0}
.glCFeaturedCourses .ember-view .editor-content h3 { display: block; padding-left: 128px; font-size: 36px; font-weight: 500; margin: 100px 42px; color: #000; min-height: 90px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/fyyfen1jhz72-Heading-Bg-Icon.png) left top no-repeat; background-size: auto 90px; max-width: 500px;}
.glCFeaturedCourses .ember-view .editor-content p { display: block; font-size: 22px; font-weight: 400; margin: 0 42px 100px; color: #000;}
.glCFeaturedCourses .ember-view .editor-content img {width: 100%;}
.glCFeaturedCourses .editor-content a:not(.btn), .glCFeaturedCourses .editor-content a:not(.btn):hover, .glCFeaturedCourses .editor-content a:not(.btn):focus { font-size: 29px; display: inline-block; padding: 8px 24px; background: #000; color: #fff; border-radius: 8px;}

.glCFeaturedCourses .ember-view .editor-content p:nth-child(3) {margin: 0;}
.glCFeaturedCourses .ember-view .editor-content p:nth-last-child(3) {margin-bottom: 0;}
.glCFeaturedCourses .widget__cta {padding: 40px 65px 0; text-align: right;}
.glCFeaturedCourses .widget__cta .btn--centered {background: none; border: 0; color: #e24329; font-size: 27px; font-weight: 400; display: inline-block;}
.glCFeaturedCourses .widget__cta .btn--centered::after {content: ''; display: inline-block; width: 14px; height: 26px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/bf663a54-0bb6-4726-bd83-1e76668129cf/tckuj31ych5r-Next.png) center no-repeat; vertical-align: middle; margin-left: 12px;}
@media only screen and (max-width: 1260px) {
    .layout__content .glCFeaturedCourses, .learn.dashboard .glCFeaturedCourses {padding: 15px 0;}
    .glCFeaturedCourses .widget__title {font-size: 50px;}
    .glCFeaturedCourses .ember-view > .row {padding: 80px 65px 0;}
    .glCFeaturedCourses .ember-view .editor-content h3 {font-size: 22px; margin: 80px 42px; background-size: auto 54px; padding-left: 88px; min-height: 55px; max-width: 300px;}
    .glCFeaturedCourses .ember-view .editor-content p {font-size: 17px; margin: 0 42px 80px;}
    .glCFeaturedCourses .editor-content a:not(.btn), .glCFeaturedCourses .editor-content a:not(.btn):hover, .glCFeaturedCourses .editor-content a:not(.btn):focus {font-size: 20px; padding: 4px 18px; border-radius: 4px;}
    .glCFeaturedCourses .widget__cta .btn--centered {font-size: 20px; padding: 0 inherit;}
}
@media only screen and (max-width: 960px) {
    .layout__content .glCFeaturedCourses, .learn.dashboard .glCFeaturedCourses {padding: 40px 0;}
    .glCFeaturedCourses .widget__title {font-size: 40px; padding: 0 40px;}
    .glCFeaturedCourses .ember-view > .row {padding: 40px 40px 0;}
    .glCFeaturedCourses .ember-view .editor-content h3 {margin: 40px 22px; font-size: 18px; min-height: 45px; background-size: auto 44px; padding-left: 64px; max-width: 250px;}
    .glCFeaturedCourses .ember-view .editor-content p {margin: 0 20px 40px; font-size: 14px;}
    .glCFeaturedCourses .editor-content a:not(.btn), .glCFeaturedCourses .editor-content a:not(.btn):hover, .glCFeaturedCourses .editor-content a:not(.btn):focus {font-size: 16px; padding: 4px 16px;}
    .glCFeaturedCourses .widget__cta {padding: 20px 40px 0;}
    .glCFeaturedCourses .widget__cta .btn--centered {font-size: 16px;}
    .glCFeaturedCourses .widget__cta .btn--centered::after {width: 10px; height: 19px; background-size: 100% auto;}
}
@media only screen and (max-width: 769px) {
    .glCFeaturedCourses .ember-view .editor-content {margin-bottom: 40px; padding-bottom: 12px;}
}
@media only screen and (max-width: 620px) {
    .glCFeaturedCourses .widget__title {font-size: 28px;}
    .glCFeaturedCourses .editor-content a:not(.btn), .glCFeaturedCourses .editor-content a:not(.btn):hover, .glCFeaturedCourses .editor-content a:not(.btn):focus {font-size: 14px; padding: 4px 12px;}
}

/* --------------------------------------------------------------------------------Other Site Pages
--------------------------------------------------------------------------------
*/

/* Certification Page */
.certifications {
    background: #171321;
    margin-top: -20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.certifications h2 {
  background: linear-gradient(to right,#FFD1BF, #A989F5, #7759C2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 35px;
  font-weight: 600;
  margin: 70px 0px 10px 0px;
}

.certifications p {
    color: #fff;
    font-size: 18px;
}

.certifications h3 {
    background: linear-gradient(to right, #FFD1BF, #A989F5 70%, #7759C2 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0px !important;
    padding-top: 20px;
    text-align: left;
    font-size: 22px;
    font-weight: 600;
}

.certifications img {
    text-align: center;
    max-width: 120px;
    margin-bottom: -10px;
    padding-top: 10px;
}

.certifications .row {
    width: 90%;
    margin: 0px auto;
}

.certifications .benefits {
    text-align: center;
    width: 90%;
    margin: auto;
    padding-bottom: 60px;
}

.certifications .benefits h3 {
    text-align: center;
}

.certifications-body h2 {
  color:#171321;
  font-size: 35px;
  font-weight: 600;
  margin: 40px 0px 10px 0px;
}

.certifications-body p {
    font-size: 18px;
}

.certifications-body h3 {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}

.certifications-body li {
    font-size: 18px;
}

.certifications-table table td {
    font-size: 18px;
    color: #45424D;
    vertical-align: middle !important;
    padding: 20px 30px !important; 
}

.certifications-table table thead tr th {
    background-color: #171321;
    text-transform: capitalize;
    padding: 100px;
    font-size: 22px;
    font-weight: 500; 
    padding: 20px !important;
}

.certifications-table tbody tr:nth-child(even) {
    background-color: #F5F3FE;
}

.certifications-table img {
    max-width: 150px;
    float: left;
    padding: 0px 0px 0px 15px!important;
}

.certifications-table table td a:hover {
    color:#533e88 !important;
}

.certifications-table table td ul {
    margin-left: 0px;
}

/*FAQ page*/

.faq {
    margin: 50px auto;
}

.faq details summary { 
    cursor: pointer;
    list-style: none; /* Remove default marker */
}

/* Remove webkit default marker */
.faq details summary::-webkit-details-marker {
    display: none;
}

/* CSS-generated Font Awesome chevron /*/
.faq details summary h3::before {
    font-family: "Font Awesome 6 Free";
    content: "\f054"; 
    font-weight: 900; 
    display: inline-block;
    transition: .3s ease;
    padding-right: 10px;
    color: #7759C2;
    transform-origin: center;
}

.faq details p {
    font-size: 19px;
    padding: 0px 15px 15px 20px;
    color: #45424D;
}

.faq h2 {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 2rem  0 0 0;
}

.faq hr {
    border-bottom:3px solid #7759C2;
    width: 30%;
    margin-bottom: 1.8rem;
}

.faq details[open] h3 {
    font-weight: bold;
    margin-bottom: 5px;
}

.faq details[open] h3::before {
    transform: rotate(90deg);
}

.faq details[open] p {
    padding: 0px 60px 20px 25px;
    font-size: 18px;
}

/*FAQ page -- LEGACY */
/* details summary { 
  cursor: pointer;
  display: inline;
  list-style-type: none;
  content: '\f078' #FCA326;
  font-family: font-awesome;
}

details summary::after {
  content: '\f078' #FCA326;
  display: inline;
}

details p {
    font-size: 19px;
    padding: 0px 15px 15px 20px;
    color: #45424D;
}

.underline-header {
    font-size: 30px;
    font-weight: bold;
    margin: 20px 60px 30px 0px;
    padding-bottom:8px;
    border-bottom:3px solid #FCA326;
    border-bottom-width:3px;
}

details h3 .fa-solid {
    transition: .3s ease;
}

details[open] h3 .fa-solid {
    transform: rotate(90deg);
    top: 3px;
    right: 3px;
    position: relative;
    transform-origin: center;
}  */

/* Curated content page (stand-alone) */
.page-header-site {
    background: linear-gradient(to right, rgba(206,179,239,0.6), rgba(255,185,201,0.5), rgba(255,209,191,.50));
    margin-bottom: 20px !important;
}

.page-header-site h1 {
  font-size: 50px;
  color: #000;
  font-weight: 500;
  text-align: center;
  padding: 60px;
  margin-bottom: 0px;
}

.page-header-site p {
    font-size: 20px;
    padding-left: 40px;
}

.content-page {
    max-width: 90%;
}

.content-page h2 {
    font-size: 40px;
    font-weight: 600;
    margin: 30px 0px 5px 0px;
}

.content-page h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 4rem;
}

.content-page p {
    font-size: 18px;
    color: #45424D;
    margin-bottom:0px !important;
}

.btn-gl-center .widget__cta {
    padding: 0px;
    margin-bottom: 30px;
}

.btn-gl-center .widget__cta .btn--centered {
    background: #171321;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    border: #171321 solid 2px;
    border-radius: 5px;
    padding: 7px 15px;
}

.btn-gl-center .widget__cta .btn--centered:hover {
    background: #fff;
    color: #171321;
}

.small-widget {
    width: 80%;
    margin: auto;
}

.extra-space {
    margin-bottom: 80px;
}

.content-divider {
    width: 30%;
    margin: 40px auto;
    border: 0.5px solid #7759C2;
}

.featured-course {
    width: 80%;
    margin: auto;
    margin-top: 10px;
}

.featured-course .row .catalog-grid-item .row {
    box-shadow: -30px -30px #F5F3FE;
}

.featured-course .row .catalog-grid-item .row .catalog-grid-item__title {
    font-weight: 600;
}

.featured-course .row .catalog-grid-item .row .catalog-grid-item__source {
    font-size: 16px;
}

.featured-course .row .catalog-grid-item .row .catalog-grid-item__description {
    font-size: 16px;
}

.page-nav {
    margin: 15px auto;
}

.page-nav ul {
    display: flex;
    list-style-type: none;
    text-align: center;
}

.page-nav li {
    border-right: 1px solid #A2A1A6;
}

.page-nav li:last-child {
    border-right: none;
}

.page-nav a {
    padding: 0px 50px;
    font-size: 20px;
}

/* Duo Page styles*/
.page-header-duo {
    background: #171321;
    margin-bottom: 0;
}

.page-header-duo h1 {
  font-size: 3.5rem;
  color: #fff;
  font-weight: 400;
  text-align: center;
  padding: 3rem;
  margin-bottom: 0;
}

/* Duo nav */
.duo-nav {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 1.2rem 1.7rem;
  border-radius: 3px;
  height: 100%;
  background-color: #F5F3FE;
  transition: .3s ease;
}

/* small icon */
.duo-nav img {
  margin-bottom: .6rem;
  height: 30px;
}

.duo-nav h4 {
  color: #171321;
  padding-bottom: 0;
  font-weight: 500;
  font-size: 1.2rem;
  margin-bottom: .4rem;
}

.duo-nav a {
    color: #171321 !important;
}

.duo-nav p {
  color: #171321;
  font-size: 1rem;
  margin-left: 0px;
  font-style: italic;
}

.duo-nav .fa-solid {
    text-align: right !important;
}

/* tiles on hover including animation to change shape and background tile color */
.duo-nav:hover {
  border: 1px;
  border-bottom-right-radius: 3rem;
  background: linear-gradient(to bottom right, rgba(206, 179, 239,0.3), rgba(255, 185, 201,.2));
  cursor: pointer;
}

.duo-nav:hover h3, .duo-nav:hover ul, .duo-nav:hover p, .duo-nav:hover a {
  color: #171321 !important;
  transition: .1s ease;
}

.add-padding {
    padding-bottom: 1.5rem;
}

/* quickstart */
.quickstart p, ul, li {
    font-size: 1.1rem;
   color: #45424D;
}

.quickstart p {
    padding-bottom: 1rem;
}

.quickstart ul li {
    margin-bottom: 4px;
}

.quickstart h4 {
    font-size: 1.5rem;
}

.quickstart h5 {
    font-size: 1.3rem;
    margin-top: 1rem;
    font-weight: 500;
}

kbd {
    background: #171321;
    color: #fff;
    padding: 1px 4px;
    border-radius: 4px;
    font-size: 1rem;
}

#Section1DeveloperButton, #Section2DeveloperButton, #Section3DeveloperButton, #Section4DeveloperButton {
    color: 	#A2A1A6;
}

#Section1DeveloperButton:hover, #Section2DeveloperButton:hover, #Section3DeveloperButton:hover, #Section4DeveloperButton:hover {
    font-weight: 600;
    color: #171321;
    font-size: 1.1rem;
}

.active-sidebar{
    font-weight: 700;
    color: 	#171321 !important;
    font-size: 1.1rem;
    padding-bottom: .2rem;
    border-bottom: 2px solid #7759C2;
}

.inactive-sidebar{
    font-weight: 500;
}

/* ILT pages */
.ilt h2 {
    font-size: 30px;
    font-weight: 600;
    margin: 30px 0px 5px 0px;
}

.ilt p, ol {
    font-size: 18px;
    color: #45424D;
}

.ilt ul {
    font-size: 18px;
    color: #45424D;
    padding-top: 15px;
    height: calc(100% + 40px);
}

.ilt .list {
    padding:0px 5px;
}

.ilt .get-in-touch {
    margin-left: 30px;
    width: 80%;
}

.ilt .get-in-touch img {
    padding-top: 60px;
    border-bottom-right-radius: 60px;
    max-width: 350px;
    width: 100%;
}

.ilt-box {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 30px;
  margin-bottom:10px;
  border-radius: 3px;
  height: calc(100% - 5px);
  background-color: #F5F3FE;
}

.ilt-box h3 {
    margin-bottom: 5px;
    margin-top: 8px;
    font-weight: 600;
}

.ilt-box img {
  margin-bottom: 0px;
  height: 30px;
}

.ilt table {
    width: 85%;
    margin: auto;
    margin-top: 25px;
}

.ilt caption {
    font-size: 24px;
    text-align: left;
    font-weight: 600;
    padding: 15px 0px 10px 0px;
}

.ilt table td {
    font-size: 18px;
    color: #45424D;
}

.ilt table thead tr th {
    background-color: #171321;
    text-transform: capitalize;
    padding: 100px;
    font-size: 22px;
    font-weight: normal; 
}

.ilt tbody tr:nth-child(even) {
    background-color: #F5F3FE;
}


/* Webinar Pages */
.webinar {
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 2rem;
    border-radius: 3px;
    height: calc(100% - 30px);
    background-color: #F5F3FE;
    margin-bottom: 3rem;
}


.webinar h2 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.webinar h3 {
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

.webinar p {
    font-size: 1rem;
    color: #45424D;
}

.webinar p:nth-last-child(2) {
    margin-bottom: 3rem;
}

.btn-glcta {
    background: #171321;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 400;
    border: #171321 solid 2px;
    border-radius: 5px;
    padding: .5rem 1rem;
    position: absolute;
    bottom: 3rem;
}

.btn-glcta:hover {
    background: #fff;
    color: #171321;
}

.glbanner {
    color: #fff !important;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2.2rem;
}

.glbanner-purple {
    background: #7759C2;
}

.glbanner-orange {
    background: #FC6D26;
}

.gl-largeimg {
    width: 100%;
    max-width: 350px;
    border-bottom-right-radius: 6rem;
}

@media only screen and (max-width: 1024px) {
    .gl-largeimg {
        display: none;
    }
}

/* Getting Started Page */
.toc .row {
    max-width: 500px;
    margin: auto;
    background: #F5F3FE;;
    border-bottom-right-radius: 80px;
    padding: 0.5rem 2rem;
    margin-bottom: 3rem;
    border: solid 1px 	#D1D0D3;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.toc h2 {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 1.2rem 0px;
}

.toc ul {
    font-size: 1.1rem;
    line-height: normal;
    margin: 0px 0px 1.5rem 0.5rem;
}

.resources {
    margin-top: -20px;
    padding-bottom: 20px;
    margin-bottom: 2rem;
}

.resources h2 {
  font-size: 1.9rem;
  font-weight: 500;
  margin: .5rem 0px 2rem 0px;
}

.resources h3 {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.resources p {
    font-size: 1rem;
    text-align: center;
    width: 95%;
    margin: auto;
    color: 	#45424D;
}

.resources img {
    text-align: center;
    max-width: 120px;
    margin-bottom: 1.2rem;
}


.get-started h2 {
  color: #171321;
  font-size: 45px;
  font-weight: 500;
  margin: 4rem 0px 10px 0px;
}

.get-started p {
    font-size: 1.2rem;
    color: #45424D;
}

.get-help .row {
    width: 90%;
    max-width: 900px;
    margin: auto;
    background: #fff;
    border-bottom-right-radius: 80px;
    padding: 3rem 1.5rem;
    margin-bottom: 150px;
    border: solid 1px 	#D1D0D3;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.get-help h3 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.get-help p {
    font-size: 1.1rem;
    line-height: normal;
}

.implementation ul {
    list-style: none;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 8rem;
}

.implementation img {
    width: 80px;
    padding-right: 20px;
}

.indent {
    margin-left: 2rem;
}

.expanded-list {
    margin: 1.5rem auto;
    width: 90%;
}

.expanded-list details summary { 
  cursor: pointer;
}

.expanded-list details p {
    font-size: 1.2rem;
    padding: 0px 15px 15px 20px;
    color: #45424D;
}

.expanded-list h3 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 0px;
}

.expanded-list hr {
    border-bottom:3px solid #7759C2;
    width: 30%;
    margin-bottom: 50px;
}

.expanded-list details h4 {
    font-size: 1.3rem;
}

.expanded-list details h4 .fa-solid {
    transition: .3s ease;
    padding-right: 10px;
    color: #7759C2;
}

.expanded-list details[open] h4 {
    font-weight: bold;
    margin-bottom: 5px;
}

.expanded-list details[open] h4 .fa-solid {
    transform: rotate(90deg);
    top: 3px;
    right: 3px;
    position: relative;
    transform-origin: center;
}

.expanded-list details[open] p {
    font-size: 1.1rem;
    padding: 0px 60px 20px 25px;
}

.expanded-list details[open] a {
    color: #7759C2;
    font-weight:500;
}

.expanded-list details[open] a:hover {
    text-decoration: underline;
}

/* New Certifications Page */
.medium-purple {
    background-color: #443894;
}

.header-new-pill {
    background-color: #fff;
    border-radius: 2rem;
    border: solid 2px	#A989F5;
    font-weight: 500;
    font-size: 1.3rem;
    vertical-align: top;
    padding: 5px 1rem;
    color: #000;
    margin-right: .75rem;
}

.new-certifications h1 {
    color: #fff;
    font-size: 50px;
    font-weight:100;
    margin-bottom: 0px;
    padding-top: .5rem;
}

.new-certifications h1 img {
    height: 50px;
    vertical-align: top;
    padding-right: 1.5rem;
    border-right: 1px solid #fff;
    margin-right: 1.5rem;
}

.new-certifications h2 {
    padding-top: 2em;
    font-size: 2rem;
}

.new-certifications h3 {
    margin-bottom: 5px;
}

.new-certifications p {
    font-size: 1rem;
}

.new-certifications-subheader {
    background-color: #2F2A6B;
    color: #fff;
    border-bottom-right-radius: 8rem;
}

.new-certifications-subheader h2{
    font-size: 2rem;
    color: #fff;
    font-weight: 500;
    padding-top: 2em;
}

.new-certifications-subheader p{
    font-size: 1.1rem;
    padding-top: 2em;
}

.new-certifications-subheader ul{
    font-size: 1rem;
    margin: 1em 1em 2em 0; 
}

.custom-bullets ul {
    font-size: 1rem;
    margin-bottom: 2em;
}

.custom-bullets li > span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

.bold-purple {
    font-weight: 500;
    color: 			#CEB3EF;
}

.cert-toc {
    max-width: 320px;
    background: #F5F3FE;;
    padding: 0.5rem 2rem;
    margin: 2em auto;
    border: solid 1px	#D1D0D3;
    box-shadow: -5px 5px #A989F5;
}

.cert-toc h3 {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 1rem 0px;
}

.cert-toc ul {
    font-size: 1rem;
    line-height: normal;
    margin: 0 0 1rem 0;
    color: #000;
}

.cert-toc a:hover {
    color:#533e88 !important;
    font-weight:500;
}

.new-certifications table td {
    font-size: 1rem;
    color: #45424D;
    vertical-align: middle;
    padding: 1rem !important;
}

.new-certifications table thead tr th {
    background-color:	#2B2838;
    text-transform: capitalize;
    font-size: 1.4em;
    font-weight: 500; 
}

.new-certifications tbody tr:nth-child(even) {
    background-color: #F5F3FE;
}

.new-certifications table img {
    max-width: 150px;
    float: left;
    padding: 0px 0px 0px 15px!important;
}

.new-certifications table td a:hover {
    color:#533e88 !important;
}

.new-certifications table ul {
    margin: 0px;
    padding-left: 1.5rem;
}

.new-certifications table ul li {
    font-size: 1rem;
}

.cert-title {
    font-size: 1.1rem;
    font-weight: 600;
}

.faq-list {
    width: 90%;
}

.faq-list details summary { 
  cursor: pointer;
}

.faq-list details p {
    font-size: 1rem;
    padding: 0px 15px 15px 20px;
    color: #45424D;
}

.faq-list h3 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0px;
}

.faq-list hr {
    border-bottom:3px solid #7759C2;
    width: 30%;
    margin-bottom: 1.5rem;
}

.faq-list details h4 {
    font-size: 1.1rem;
    font-weight: normal;
}

.faq-list details h4 .fa-solid {
    transition: .3s ease;
    padding-right: 10px;
    color: #7759C2;
}

.faq-list details[open] h4 {
    font-weight: bold;
    margin-bottom: 5px;
}

.faq-list details[open] h4 .fa-solid {
    transform: rotate(90deg);
    top: 3px;
    right: 3px;
    position: relative;
    transform-origin: center;
}

.faq-list details[open] p {
    font-size: 1rem;
    padding: 0px 60px 20px 25px;
}

.faq-list details[open] a {
    color: #7759C2;
    font-weight:500;
}

.faq-list details[open] a:hover {
    text-decoration: underline;
}

.cert-details h1 {
    font-size: 2rem;
    font-weight: 500;
}

.list-no-bullets ul {
    list-style-type: none;
    font-size: 1rem;
    margin: 0;
}

.list-no-bullets ul li {
    margin: 3px;
}

.list-no-bullets ul li:last-child {
    margin-bottom: 15px;
}

/* --------------------------------------------------------------------------------Learner Dashboard
--------------------------------------------------------------------------------
*/
.dashboard-heading {
    width: 90%;
    padding-top: 40px;
    margin-bottom: 15px;
}

.dashboard-heading p {
    font-size: 18px;
    color: #45424D;
    margin-bottom:0px !important;
}

.medium-widget {
    width: 90%
}

.dashboard-heading h2 {
    font-size: 2.3rem;
    color: #45424D; 
    font-weight: semi-bold;
    margin-bottom: 10px;
    margin-top: 4rem;
    }

.dashboard-heading img {
    float: left;
    padding-right: 30px;
}

.dashboard-progress {
    margin: 40px auto 0px !important;
    padding-bottom: 0px !important;
} 

.no-bottom-margin {
    margin-bottom: 0px;
}

.new-featured-dashboard .featured-content-multi-carousel-item {
    background: rgba(206,179,239,0.15);
}

.new-featured-dashboard .featured-content-multi-carousel-item__title {
    font-size: 1.1rem;
}

.new-featured-dashboard .featured-content-multi-carousel-item__description {
    font-size: .9rem;
}

/* --------------------------------------------------------------------------------Course details page
--------------------------------------------------------------------------------
*/

/* course details page */
.course-details h2 {
    font-size: 24px;
    color: #45424D; 
    font-weight: semi-bold;
    padding-top: 40px;
    margin-bottom: 15px;
    }

.course-details p {
    font-size: 16px;
    margin-left: 60px;
}

.course-details ul {
    font-size: 16px;
    margin-left: 70px;
}

.icon-header {
  height: 30px;  
  width: 30px; 
  color:#FC6D26;    
  border: solid 1px;
  border-color: #45424D;
  border-bottom-right-radius: 25%;
  padding: 8px;
  margin-right: 15px;
}

.fa-primary-color {
    color:#FC6D26;  
    margin-right: 12px;
}

/* Certification Details page*/
.exam-details h2 {
    font-size: 1.3rem;
    color: #45424D; 
    font-weight: 600;
    padding-top: 1rem;
    margin-bottom: .5rem;
    }

.exam-details p {
    font-size: 1rem;
}

.exam-details ul {
    font-size: 1rem;
    margin-left: .5rem;
}

.exam-details ul li {
    margin-bottom: 2px;
}

.exam-details .logistics {
    margin-top: 2rem;
    list-style-type: none;
    margin-left: 0;
}

.exam-details table td {
    font-size: 16px;
    color: #45424D;
    vertical-align: top !important; 
}

.exam-details table thead tr th {
    background-color: #171321;
    text-transform: capitalize;
    padding: 1rem;
    font-size: 1.1rem;
    font-weight: 500; 
}

.exam-details tbody tr:nth-child(even) {
    background-color: #F5F3FE;
}

/* make catalog image on course details page smaller */
.course__detail__container .course__detail__asset {
    max-width: 500px !important;
}

.side-margin {
    margin: 0px 80px 0px 80px;
}

.exam-sidebar {
    font-size: 16px;
}

/* Public ILT page */

/* Styles the calendar widget to remove the search and filters as well as customize the colors, fonts, and buttons in the table*/
.public-ilt {
    margin-bottom: 1em;
}

.public-ilt .catalog-header {
    display: none;
}

.public-ilt .pagination {
    display: none;
}

.public-ilt .catalog-search-bar {
    display: none;
}

.public-ilt .catalog-aggregation {
    display: none;
}

.public-ilt .js-results-holder {
    width: 100%;
}

.public-ilt .catalog-calendar__table {
    font-size: 1rem;
}

.public-ilt .catalog-calendar__table caption {
    margin: 2rem 0 .5rem 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.public-ilt .catalog-calendar__table .hero__caption {
    margin-top: 0;
}

.public-ilt .catalog-calendar__table thead {
    background-color: #F5F3FE;
}

.public-ilt .btn--primary {
    background-color: 	#7759C2;
    border: none;
}

.public-ilt .btn--primary:hover {
    background-color: 	#5943B6;
}

.public-ilt .catalog-list-item__description {
    font-size: .9rem;
}

.public-ilt .catalog-list-item__asset {
    border-bottom-right-radius: 4rem;
}

.negative-margin {
    margin-bottom: -30px;
}

.page-end {
    margin-bottom: 3em;
}

.training-toc {
    max-width: 320px;
    min-width: 300px;
    padding: 0 2rem;
    margin: 2em auto;
    border-left: solid 1px #7759C2;
}

.training-toc h3 {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 1rem 0 .5rem;
}

.training-toc ul {
    font-size: 1rem;
    line-height: normal;
    margin: 0 0 1rem 0;
    color: #000;
}

.training-toc a:hover {
    color:#533e88 !important;
    font-weight:500;
}

.training-toc-2 {
    max-width: 500px;
    background: #F5F3FE;
    padding: 0.5rem 2rem;
    margin: 2em auto;
    border: solid 1px	#D1D0D3;
    box-shadow: -5px 5px 	#5943B6;
}

.training-toc-2 h3 {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 1rem 0px;
}

.training-toc-2 p {
    font-size: 1rem;
}

.training-toc-2 a:hover {
    color:#533e88 !important;
    font-weight:500;
}


/* vILT registration page */
.tabs-content--meetings .heading--primary {
    display: none;
}

.event-content {
    font-size: 1rem;
}

.course__instructor {
    font-size: 1rem;
    padding: 1rem 0 2rem 0;
    border-bottom: solid 0.5px	#D1D0D3;
}

.class-details {
    font-size: 1rem;
}

.class-details h2 {
    padding-top: 1rem;
}

.ilt-class-header {
    background-color: #F5F3FE;
    margin-top: 3em;
    width:100%;
}

.ilt-class-header h2 {
    margin-left:5rem;
    padding-top: 2em;
}

/* --------------------------------------------------------------------------------Course content page styles
--------------------------------------------------------------------------------
*/

/* Lesson or course objective block with offset margin, orange icon, and border on the bottom */
.objective {
    margin: 30px 40px 50px 40px;
    padding: 10px;
    border-bottom: 1px solid #D1D0D3;
}

.objective .fa-solid {
    padding-right: 15px;
    display: inline;
    list-style-type: none;
    color:#FC6D26;  
}

/* Floats image right with rounded bottom right corner */
.glright {
    float: right;
    padding: 0px 0px 20px 20px;
    margin-left: 10px;
    width: 40%;
    max-width: 350px;
    border-bottom-right-radius: 100px;
}

/* Floats image left with rounded bottom right corner */
.glleft {
    float: left;
    padding: 0px 20px 0px 20px;
    margin-right: 10px;
    width: 40%;
    max-width: 350px;
    border-bottom-right-radius: 100px;
}

/* Code block */
.gl-code {
    background-color: #171321;
    color: #D1D0D3;
    font-size: 14px;
    padding: 30px 40px;
    width: 75%;
    text-wrap: wrap;
    margin: auto;
    margin-bottom: 15px;
}

.gl-code2 {
    background-color: #171321;
    color: #D1D0D3;
}

/* Large button with purple background */
.btn-gitlab {
    background-color: #7759C2;
    font-size: 20px;
    color: #fff;
    margin: 20px auto;
}

.btn-gitlab:hover {
    background-color: #533e87;
    color: #fff
}

.btn-gitlab:focus {
    color: #fff;
}

.article-content__body {
    font-size: 16px;
}

/*Lab Pages*/
/* Access Lab Environment button dark gray background */
.btn-demo {
    background-color: 	#45424D;
    font-size: 16px;
    color: #fff;
    margin: 20px 10px;
}

.btn-demo:hover {
    background-color: #171321;
    color: #fff;
}

.btn-demo:focus {
    color: #fff;
}

/* View Lab Instructions purple button */
.btn-instructions {
    font-size: 16px !important;
}

/* Notification banner */
.notification-banner {
    width: 100%;
    background:	#FFD1BF !important;
    margin-bottom: 40px !important;
    font-size: 16px;
    border: 2px solid #FCA326;
    border-radius: 5px;	
}

.notification-banner p {
    color: #2B2838;
    padding: 10px 0px 10px 20px !important;
    margin-bottom:0px;
    font-size: 16px;
}

.notification-banner a {
    color: #2B2838 !important;
    text-decoration: underline !important;
}

.notification-banner a:hover {
    color: #A2A1A6 !important;
}

.prereq {
    margin: 20px;
    padding: 10px;
}

.prereq .fa-solid {
    padding-right: 15px;
    display: inline;
    list-style-type: none;
    color:#FC6D26;  
}

/* responsive video */
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Table with dark header row and shaded every other row*/
.gltable {
    margin-bottom: 50px;
}

.gltable table td {
    font-size: 16px;
    color: #45424D;
    vertical-align: top !important;
    padding: 15px !important; 
}

.gltable table thead tr th {
    background-color: #171321;
    text-transform: capitalize;
    padding: 100px;
    font-size: 18px;
    font-weight: 500; 
    padding: 10px 20px !important;
}

.gltable tbody tr:nth-child(even) {
    background-color: #F5F3FE;
}

.gltable table td a:hover {
    color:#533e88 !important;
}

.gltable table td ul {
    margin-left: 0px;
}

.gltable table td p {
    margin-bottom: 0px;
}

/* Table with left column purple styling */
.horizontaltable th {
    font-size:1rem;
    background-color:#F5F3FE;
    font-weight:bold;
    border:1px solid rgb(229 231 235);
}

/* Duo learning path styles */
.duo .learning-path-timeline-milestone__header {
    display: none;
}

.duo .hero__caption {
    background: none;
}

.duo .hero__caption .hero__title {
    color: #fff;
    font-size: 3rem;
    margin-left: 5rem;
}

.learning-path-criterion__value-container .icon-flag, .learning-path-criterion__slash, .learning-path-criterion__threshold {
    color: 	#7759C2;
}

.events-webinar-calendar .catalog-item__queue-button {
    display: none !important;
}

/* Hides 'gift this course' option */

.icon-gift {
    display: none;
}

.icon-gift + span {
    display: none;
}

/* Partner Pano styling starts */

.partner-header {
    width: 100%;
}

.partner-header .row > div:last-child {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    width: 100%;
    padding: 0;
}

.partner-header .row > div:first-child {
    display: flex;
    width: max-content;
    align-items: center;
}

.partner-header .row {
    display: flex;
}

.partner-header .dashboard-header__arrow {
    align-items: center;
}

.partner-header .dashboard-header__name {
    display: none;
}

.partner-header .dashboard-header__avatar__container {
    padding-left: 1.1rem;
}

.partner-banner-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100vw;
    background: linear-gradient(to right,#fff 10%,#CEB3EFB3 60%, #FFB9C9B3 100%);
    padding-left: calc(5% + 1rem);

}

.partner-banner {
    width: 90%;
    height: 100%;
    background: none;
    padding: 0 !important;
}

@media only screen and (min-width: 1200px) { 
    .partner-banner {
        width: calc(90% - (5% + 1rem + 300px));
    }
}

.partner-banner > .row {
    margin: 48px 0;
    width: 83.333%;
    max-width: 665px;
}

.partner-banner > .row > h1 {
    margin-top: 0;
    font-size: 64px;
}

.partner-banner > .row > p {
    margin-bottom: 0;
    font-weight: 500;
}

.partner-page-links  {
    margin-left: 16px;
    font-size: 16px;
    padding: 8px 16px;
    border-radius: 4px;
}

.partner-page-links:hover {
    color: #7759C2;
}

.partner-banner__button {
    display: flex;
    height: 46px;
    padding: 12px 16px; 
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    background: #171321;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}

.partner-contents__wrapper {
    display: none;  
}

.partner-collapsible-menu { 
    width: 90%;
    margin: 48px auto auto auto;
    border: 1px solid #d1d0d3;
    border-radius: 4px;
    color: #74717a;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    justify-content: space-between;
}

.partner-collapsible-menu > label {
    padding: 10px 16px;
}

.partner-mobile-menu {
    display: none;
    
}

.partner-mobile-menu__hr {
    margin: 0;
}

input[type=checkbox]:checked ~ .partner-mobile-menu {
    display: flex;
    width: 100%;
    flex-direction: column;
}

input#partner-mobile-menu {
    display: none;
}

.partner-mobile-menu__links {
    padding: 10px 32px;
    list-style-type: none;
    background: #fff;
    color: #171321;
}

.partner-mobile-menu__links:hover {
    background: #E3D6FFB3;
    color: #171321;
    
}

@media only screen and (min-width: 1200px) {
    .partner-contents__wrapper {
        display: block;
        width: 300px;
        position: fixed;
        top: 130px;
        right: calc(5% + 1rem);
        z-index: 1;
    }

    .partner-collapsible-menu, .partner-mobile-menu {
        display: none;
    }
}

.partner-contents__container {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background: linear-gradient(176deg, hsla(0, 0%, 100%, .75), hsla(0, 0%, 100%, .4));
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.partner-contents__container > h5 {
    font-weight: 660;
    font-size: 14px;
    margin-bottom: 16px;
}

.partner-links__active {
    background: #E3D6FFB3;
}

.partner-decoration {
    background: linear-gradient(90deg, #ffcbd7, #f1cdea 51%, #d3bfee);
    border-radius: 20px;
    height: 4px;
    margin-bottom: 24px;
    width: 96px;
}

.partner-overview-container, .partner-required-container, .partner-recommended-container, .partner-resources-container, .partner-further-container, .partner-catalog {
    padding: 64px 0;
    width: 90%;
    margin: auto;
}

@media only screen and (min-width: 1200px) { 
    .partner-overview-container, .partner-required-container, .partner-recommended-container, .partner-resources-container, .partner-further-container, .partner-catalog {
        padding: 64px 0 64px calc(5% + 1rem);
        width: calc(90% - (5% + 1rem + 250px));
        margin: 0;
    }
}

.partner-required-container {
    padding: 96px 0 36px 0;
}

@media only screen and (min-width: 1200px) { 
    .partner-required-container {
        padding: 96px 0 36px calc(5% + 1rem);
    }
}

.partner-recommended-container, .partner-further-container {
    padding: 64px 0 36px 0;
}

@media only screen and (min-width: 1200px) { 
    .partner-recommended-container, .partner-further-container {
        padding: 64px 0 36px calc(5% + 1rem);
    }
}

.partner-catalog {
    padding: 0 0 64px 0 !important;
}

@media only screen and (min-width: 1200px) { 
    .partner-catalog {
        padding: 0 0 64px calc(5% + 1rem) !important;
    }
}

.partner-resources-wrapper {
    background-color: #f6f3fe;
}

.partner-overview-container p, .partner-required-container > p, .partner-recommended-container p, .partner-overview-container ul li, .partner-required-container ul li {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 1.45;
    color: #171321;
}

.partner-overview-container ul {
    margin-bottom: 0;
}

.partner-overview-container ul li, .partner-required-container ul li {
    margin-bottom: 8px;
    line-height: 1.56;
}

.partner-required-wrapper {
    width: 100%;
    background: #f6f3fe;
}

.partner-required-courses, .partner-recommended-courses {
    width: unset;
    padding: 0 !important;
}

.partner-required-courses {
    background: #f6f3fe;
}

.partner-recommended-courses {
    background: #fff;
}

.partner-required-courses .featured-content-block-grid > ul > li, 
.partner-recommended-courses .featured-content-block-grid > ul > li {
    padding-bottom: 0;
}

.partner-required-courses > .row, 
.partner-recommended-courses > .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.partner-required-courses > .row > div,
.partner-recommended-courses > .row > div {
    padding: 0 0 44px 0;
    width: 90%;
}

@media only screen and (min-width: 1200px) { 
    .partner-required-courses > .row, 
.partner-recommended-courses > .row {
    justify-content: flex-start;
    margin-left: calc(5% + 1rem);
}

    .partner-required-courses > .row > div,
.partner-recommended-courses > .row > div {
        padding: 0 0 44px 0;
        width: calc(90% - (5% + 1rem + 300px));
    }
}

.partner-required-courses > .row > div {
    padding: 0 0 76px 0;
}

.partner-required-courses .catalog-item,
.partner-recommended-courses .catalog-item,
.partner-catalog  .catalog-item {
    background: linear-gradient(64deg, hsla(0, 0%, 100%, .75), hsla(0, 0%, 100%, .6));
    transition: transform .3s ease;
}

.partner-required-courses .catalog-grid-item__price,
.partner-required-courses .catalog-grid-item__suggested-price {
    display: none;
}

.partner-required-courses .catalog-item:hover,
.partner-recommended-courses .catalog-item:hover {
    transform: translateY(-10px);
    background: linear-gradient(90.62deg, #c7b1fe66 .69%, #ffd4d866);
    border-radius: 8px 8px 40px;
}

.partner-required-courses .btn--right::after,
.partner-recommended-courses .btn--right::after,
.partner-catalog .btn--right::after {
    content: '>';
    color: #7759C2;
    font-weight: 550;
}

.partner-required-courses .catalog__ribbon,
.partner-recommended-courses .catalog__ribbon,
.partner-required-courses .catalog-grid-item__hr,
.partner-recommended-courses .catalog-grid-item__hr,
.partner-catalog .catalog-grid-item__hr {
    display: none;
}

.partner-required-courses .catalog-grid-item,
.partner-recommended-courses .catalog-grid-item, 
.partner-recommended-courses .catalog-item, 
.partner-required-courses .catalog-item,
.partner-catalog .catalog-grid-item,
.partner-catalog .catalog-item {
    border-radius: 8px;
    border: none;
}

.partner-required-courses .catalog-grid-item__asset-container,
.partner-recommended-courses .catalog-grid-item__asset-container {
    padding: 16px 16px 0 16px;
}

.partner-catalog .catalog-grid-item__asset-container {
    padding: 16px 16px 0 16px;
}

.partner-recommended-courses .catalog-grid-item__body,
.partner-required-courses .catalog-grid-item__body {
    padding: 16px;
}

@media only screen and (min-width: 1200px) { 
    .partner-required-courses .catalog-grid-item__asset-container,
.partner-recommended-courses .catalog-grid-item__asset-container {
        padding: 24px 24px 0 24px;
    }

    .partner-recommended-courses .catalog-grid-item__body,
.partner-required-courses .catalog-grid-item__body {
        padding: 16px 24px 24px 24px;
    }
}

.partner-catalog .catalog-grid-item__body {
    padding: 16px;
}

.partner-catalog .column {
    padding: 0;
}

.partner-required-courses .btn--right,
.partner-recommended-courses .btn--right,
.partner-catalog .btn--right {
    float: left;
    color: #7759C2;
    font-weight: 580;
    margin: 24px 0 .75em;
}

.partner-required-courses .catalog-grid-item__source > strong,
.partner-recommended-courses .catalog-grid-item__source > strong,
.partner-catalog .catalog-grid-item__source > strong {
    font-weight: 400;
}


.partner-required__list {
    display: flex;
    flex-direction: row;
    overflow: scroll;
    gap: 16px;
    list-style-type: none;
    margin-left: 0;
    padding-bottom: 4px;
}

.partner-required__shadow {
    mask-image: linear-gradient(270deg, transparent, #fff 30%);
}

.partner-required__list::-webkit-scrollbar {
    display: none;
}

.partner-required__list > li {
    padding: 24px;
    border-radius: 8px;
    background: linear-gradient(64deg, hsla(0, 0%, 100%, .75), hsla(0, 0%, 100%, .6));
    width: 300px;
    flex-shrink: 0;
}

.partner-required__covered-title {
    font-size: 20px;
    font-weight: 550;
    letter-spacing: -.02em;
    line-height: 1.45;
    color: #171321;
    padding: 4px 0;
}

.partner-required__list-title {
    font-weight: 550;
    line-height: 1.5;
    font-size: 20px;
}

.partner-required__list-copy {
    margin: 8px 0 0 0;
    font-weight: 400;
    line-height: 1.57;
    font-size: 16px;
}

.partner-section-titles {
    font-size: 48px;
    font-weight: 660;
}

.partner-learning-widget {
    background: linear-gradient(#fff 65%, #F6F3FE 35%);
    margin-top: 0 !important;
    padding: 0 !important;
}

.partner-learning-widget .dashboard-access {
    width: 90%;
    margin: auto;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

@media only screen and (min-width: 1200px) { 
    .partner-learning-widget .dashboard-access {
        width: calc(90% - (5% + 1rem + 300px));
        margin: 0 0 0 calc(5% + 1rem);
    }
}

.partner-learning-widget .dashboard-access__header {
    border-radius: 4px;
    background: #fff;
}

.partner-learning-widget .dashboard-access__header--expanded {
    border-radius: 4px 4px 0 0;
}

.partner-learning-widget .dashboard-access-tabs {
    background: #fff;
}

.partner-learning-widget .dashboard-access-tab--active {
    border-color: #7759C2;
    background: #F6F3FE;
}

.partner-learning-widget .dashboard-access-tab--active .dashboard-access-tab__label {
    color: #7759C2;

}

.partner-learning-widget .dashboard-access-list-item:last-of-type {
    border-radius:  0 0 4px 4px;
}

.partner-learning-widget .dashboard-access-list-item a {
    background: #7759C2;
    color: #fff;
    box-shadow: none;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
}

.partner-learning-widget .dashboard-access-tab__count {
    background: #EEE7FD;
    color: #7759C2;
    border: 1px solid #EEE7FD;
}

.partner-learning-widget .meter {
    background: linear-gradient(90deg, #ffcbd7, #d3bfee);
}

.partner-resources-container .partner-links-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}

@media only screen and (min-width: 1200px) { 
    .partner-resources-container .partner-links-container {
        gap: 24px;
    }
}

.partner-links {
    width: 330px;
}

.partner-links > a {
    color: #7759c2;
    font-weight: 660;
    font-size: 18px;
    line-height: 1.25;
    padding: 11px 16px 11px 0;
}

.partner-links > p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding-top: 11px;
}

.partner-catalog {
    margin: auto;
}

@media only screen and (min-width: 1200px) { 
    .partner-catalog {
        margin: 0 !important;
    }
}

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

.partner-further-container h2 {
    margin-bottom: 0;
}

.partner-contact-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #171321;
    padding: 96px;
}

.partner-contact-container h2 {
    background: linear-gradient(89.95deg, #feb484 3.13%, #a686f2 66.86%, #592ac8 123.2%);
    font-size: 50px;
    font-weight: 660;
    line-height: 1.14;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px;
}

.partner-contact-container p {
    font-size: 22.4px;
    font-weight: 400;
    line-height: 1.1666666667;
    color: #fff;
    margin-bottom: 24px;
}

.partner-contact-container button {
    background: #fff;
    border-radius: 4px;
    color: #171321;
    font-size: 18px;
    font-weight: 660;
    line-height: 1.25;
    padding: 11px 16px;
    margin-bottom: 0;
}

.partner-recommended-courses-carousel .featured-content-block-grid {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

.partner-recommended-courses-carousel .featured-content-block-grid > li {
    scroll-snap-align: start;
    min-width: 300px;
}

.catalog-grid-item__title, .catalog-grid-item__description {
    height: unset !important;
}

.partner-required-courses .catalog-grid-item__title,
.partner-recommended-courses .catalog-grid-item__title {
    color: #171321;
    font-weight: 550;
}

.global-nav__container {
    margin-right: 32px;
}

.nav--global-links {
    text-align: right;
}

/* Partner Pano styling ends */

/* MAINTENANCE BANNER STARTS */

.maintenance-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background-color: #FFEFC7;
    border-top: 8px solid #FC6D26;
    margin-bottom: 24px;
}

.maintenance-banner .text-wrapper {
    padding: 24px 32px;
    max-width: 820px;
}

.maintenance-banner .text-wrapper > p:first-of-type {
    font-weight: 550;
    margin-bottom: 8px;
}

.maintenance-banner .text-wrapper .copy {
    margin-bottom: 0;
}

.maintenance-banner .course-catalog-link {
    font-weight: 550;
    text-decoration: underline;
}

.maintenance-banner .course-catalog-link:hover {
    color: #45424D;
}

@media only screen and (min-width: 768px) { 
    .maintenance-banner .text-wrapper {
        padding: 24px 48px;
    }
}

@media only screen and (min-width: 1024px) { 
    .maintenance-banner {
        font-size: 16px;
    }
}

/* MAINTENANCE BANNER ENDS */

/* REGISTRATION NOTIFICATION BANNER STARTS */

.registration-notification {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    background: #FFD4D8;
    border-top: 4px solid #F24F63;
}

.registration-notification__copy {
    margin-bottom: 0;
    font-size: 14px;
    padding: 0 28px 0 8px;
    color: #171321;
}

.registration-notification__copy u:hover{
    color: #45424D;
}

.registration-notification > svg:first-of-type {
    height: 16px;
    width: 16px;
}

.registration-notification > svg:last-of-type {
    position: absolute;
    right: 24px;
}

.registration-notification__dashboard {
    width: 100%;
    position: relative;
    top: -42px;
}

#close-notification-banner:hover {
    cursor: pointer;
}

div:has(> .registration-notification__dashboard) {
    height: 97px;
}

div:has(> .registration-notification__dashboard.hide) {
    display: none;
}

@media only screen and (min-width: 769px) {  
    .registration-notification__dashboard {
        top: -48px;
    }

    div:has(> .registration-notification__dashboard) {
        height: 76.3px;
    }
}

@media only screen and (min-width: 1260px) {  
    .registration-notification__dashboard {
        top: -38px;
    }

    div:has(> .registration-notification__dashboard) {
        height: 56.3px;
    }
}

/* REGISTRATION NOTIFICATION BANNER ENDS */

/* RETIRED IN-COURSE NOTIFICATION PAGE STARTS */

.topic__text__body:has(.retired-course-notification-header) {
  padding: 0 !important;
}

.retired-course-page-ctn {
  box-shadow: none;
}

.retired-course-notification-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  width: 100%;
}

.retired-course-notification-header:after {
  display: none;
}

.retired-course-page-ctn .left {
  display: flex;
  flex-direction: column;
}

.retired-course-page-ctn .title-icon {
  color: #E3D6FF;
}

.retired-course-page-ctn .main-title {
  font-size: 2.5rem;
  font-weight: 660 !important;
  color: #171321;
  margin-bottom: 24px;
  line-height: 1.04;
  font-family: Inter;
}

.retired-course-page-ctn .subtitle {
  font-size: 16px;
  color: #171321;
  margin-bottom: 0;
  line-height: 1.6;
  font-weight: 400;
  font-family: Inter;
}

.retired-course-page-ctn .features-box {
  margin-top: 48px;
}

.retired-course-page-ctn .features-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #171321;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
}

.retired-course-page-ctn .features-title img {
  width: 28px;
  height: 28px;
  margin-right: 12px;
}

.retired-course-page-ctn .features-title > p {
  margin-bottom: 0 !important;
}

.retired-course-page-ctn .features-list {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.retired-course-page-ctn .features-list li {
    color: #171321;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 16px !important;
}

.retired-course-page-ctn .tick-icon {
  padding: 4px 4px 0 0;
}

.retired-course-page-ctn .reassurance {
    background: #F6F3FE;
    border-left: 4px solid #7759C2;
    padding: 20px;
    margin: 25px 0;
    border-radius: 0 8px 8px 0;
    color: #555;
    font-size: 1rem;
}

.retired-course-page-ctn .cta {
  margin-top: 24px;
  color: #fff !important;
  background-color: #171321;
  border: 1px solid #171321;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-flex;
  font-size: 1.2rem;
  font-weight: 660;
  line-height: 1.25;
  min-width: 68px;
  padding: 11px 16px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

.retired-course-page-ctn .cta:hover {
  background-color: #fff;
  border: 1px solid #171321;
  color: #171321 !important;
}

.retired-course-page-ctn .icon {
    display: inline-block;
    margin-left: 8px;
}

@media (min-width: 1024px) {
  .retired-course-notification-header {
    flex-direction: row;
    gap: 48px;
    margin-bottom: 80px;
  }
  
  .retired-course-page-ctn .main-title {
    font-size: 3rem;
  }
  
  .retired-course-page-ctn .left {
    width: 60%;
  }

  .retired-course-page-ctn .right {
    width: 40%;
  }
  
  .retired-course-page-ctn .subtitle {
    font-size: 20px;
  }
  
  .retired-course-page-ctn .features-box {
    margin-top: calc(36px + 1rem);
  }

  .retired-course-page-ctn .features-list li {
    margin-bottom: 24px !important;
  }
}

/* RETIRED IN-COURSE NOTIFICATION PAGE ENDS */