:root {
        --font: 'Work Sans';
        --alt-font: 'Work Sans';
        --accent-color: #000000;
        --secondary-color: #757575;
        --link-color: #a9a9a9;
        --accent-highlight-color: #000000;
        --accent-highlight-background-color: #cccccc;
        --accent-tinted-color-70: #b3b3b3;
        --accent-tinted-color-80: #cccccc;
        --accent-tinted-color-90: #e6e6e6;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #1a1a1a;
        --secondary-hover-color: #8f8f8f;
        --secondary-contrast-color: #fff;
        --link-hover-color: #767676;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/utk2b3r3d09z-WhiteBackground.png'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/hyxi52kua25s-Logo.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {font-family: 'Work Sans', sans-serif;}

.application .container {max-width: 100%;}

.widget > .row {margin: 0;}

.application .container {padding-top: 78px;}
.header--article, .header--dashboard, .header--microsite {padding: 20px 60px; position: relative; box-shadow: 0 0 16px rgb(0 0 0 / 40%); position: fixed; top: 0; left: 0; width: 100%; z-index: 2; background: #fff;}
.index .header--microsite, .header--dashboard {box-shadow: none;}
.index .header--microsite.fixed, .dashboard .header--dashboard.fixed {box-shadow: 0 0 16px rgb(0 0 0 / 40%);}
.header--dashboard .column:nth-child(1) {padding-left: 0;}
.learn.dashboard .widget--html_standard {padding: 0;}
.dashboard-header__avatar {margin-bottom: 0;}
.dashboard-header__name {width: 140px; float: right;}
.dashboard-header__avatar__container {width: 42px;}
.dashboard-header-dropdown__link .small-10 {width: calc(100% - 42px);}

.header .company__beta-logo img {width: 100%;}
.header .nav--top {position: absolute; top: 20px; right: 65px; /*display: none;*/}
.header .company__beta-logo {width: 295px; vertical-align: top;}
.header .top-bar {display: inline-block; width: calc(100% - 295px - 200px - 8px); text-align: left; vertical-align: bottom; border: 0; height: auto;}
.nav--top.nav ul a, .nav--top.nav ul button {background: #6438E0; color: #fff; padding: 8px 20px; border-radius: 20px; text-transform: none;}
.nav ul>li:not(.has-form) a:not(.button):focus {background: #6438E0; color: #fff;}
.header .top-bar-section ul {float: none !important;}
.header .top-bar-section ul::after {content: ''; display: block; clear: both;}
.header .top-bar-section ul li {float: none; display: inline-block;}
.header .top-bar-section ul li.back {display: none;}
.header .top-bar-section li:not(.has-form) a:not(.button) {font-size: 15px; font-weight: 400; color: #000; line-height: normal; padding: 8px 36px;}
.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: #000;}
.top-bar-section .has-dropdown>a:after, .top-bar-section .navigation-widget__item--has-dropdown>a:after {top: 16px; /*border-top: 5px solid rgba(0,0,0,1); margin: 0;*/ width: 9px; height: 8px; content: ''; display: block; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/9tn0qkwj8fbt-MenuArrow.png) center no-repeat; border: 0; background-size: 100% auto;}
/*.header .top-bar-section ul.left > li:nth-last-child(3) {float: right;}
.header .top-bar-section ul.left > li:nth-last-child(3) a:not(.button) {background: #6438E0; color: #fff; padding: 8px 20px; border-radius: 20px;}*/

.top-bar-section ul li:hover:not(.has-form)>a, .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button), .top-bar-section .dropdown li a, .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {background: none;  white-space: unset;}
.header .top-bar-section ul li.has-dropdown .dropdown { position: fixed !important; top: calc(76px - 24px); background: #fff; padding-bottom: 32px; padding-right: 32px; clip: auto; width: 100%; display: none; padding-top: 24px;}
.header .top-bar-section ul li.has-dropdown.hover .dropdown {display: block;}
.header .top-bar-section ul li.has-dropdown .dropdown::before {content: ''; display: block; width: 1px; height: calc(100% - 32px - 24px); position: absolute; top: 24px; background: #E7ECF1; left: 520px;}
.header .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown {padding-left: 520px;}
.header .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown::before {left: 520px;}
.header .top-bar-section ul li.has-dropdown .dropdown li {width: calc(25% - 5px); margin: 8px 0; vertical-align: top;}
.header .top-bar-section ul li.has-dropdown .dropdown li a {font-size: 16px; font-weight: 600; color: #1D1C39;}

.header .top-bar-section .has-dropdown.not-click:hover>.dropdown {position: fixed !important;}
@media only screen and (max-width: 1400px) {
    .header .top-bar-section ul li.has-dropdown.hover .dropdown li a, .header .top-bar-section ul li.has-dropdown .dropdown li a {font-size: 15px;}
}
@media only screen and (max-width: 1240px) {
    .header .top-bar-section ul li.has-dropdown.hover .dropdown li {width: calc(33.33% - 5px);}
}
@media only screen and (max-width: 1024px) {
    .header--article, .header--dashboard, .header--microsite {padding: 20px 30px;}
    .header .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown {padding-left: 488px;}
    .header .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown::before {left: 488px;}
    .header .top-bar-section ul li.has-dropdown.hover .dropdown li a {padding: 8px 20px;}
}
@media only screen and (max-width: 960px) {
    .header .top-bar-section li:not(.has-form) a:not(.button) {padding: 8px 5px;}
    .header .top-bar-section .has-dropdown > a, .header .top-bar-section .navigation-widget__item--has-dropdown > a {padding-right: 14px !important;}
    .header .top-bar-section .has-dropdown > a::after, .header .top-bar-section .navigation-widget__item--has-dropdown > a::after {margin: 0; right: 0; top: 14px;}
    .header .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown {padding-left: 396px;}
    .header .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown::before {left: 396px;}
}
@media only screen and (max-width: 769px) {
    .header .top-bar {height: auto !important;}
    .header .top-bar-section ul.left > li:nth-last-child(3) {position: static;}
    .header .top-bar {overflow: visible;}
    .header .top-bar-section {position: fixed; top: 84px; z-index: 2; width: 100%; display: none;}
    .header .expanded .top-bar-section {display: block;}
    .header .top-bar-section ul li {display: block; padding: 1px 12px;}
    .header .top-bar-section ul {padding: 12px; background: #fff;}
    .header .top-bar-section ul li.back {display: block; margin-bottom: 12px;}
    .header .top-bar-section li:not(.has-form) a:not(.button) {position: relative;}
    .header .top-bar-section li:not(.has-form).back a:not(.button) {display: inline-block; padding: 8px 20px; color: #000; border: 1px solid #000; border-radius: 20px;}
    .header .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown, .header .top-bar-section ul li.has-dropdown .dropdown {padding: 12px;}
    .header .top-bar-section ul li.has-dropdown .dropdown {position: absolute !important; top: 0;}
    .header .top-bar-section ul li.has-dropdown.moved .dropdown {display: block;}
    .header .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown::before {display: none;}
    
}
@media only screen and (max-width: 620px) {
    .header .company__beta-logo {width: 184px; vertical-align: middle; margin-bottom: 14px;}
    .header .top-bar {width: 100%; vertical-align: middle;}
    .header .top-bar-section ul li.has-dropdown .dropdown li {width: 100%;}
    .header .top-bar-section ul li.has-dropdown.hover .dropdown li a {padding: 8px 0;}
    .header .top-bar-section ul li.has-dropdown.hover .dropdown li.back a {padding: 8px 20px;}
}

.layout__content .twHBanner, .learn.dashboard .twHBanner {padding: 80px 132px;/*padding: 122px 132px;*/ background: #fdfbf8 url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/hx4cxi2rycw7-HBanner.png) bottom right no-repeat; background-size: cover; position: relative; z-index: 1;}
.twHBanner .hero {margin-bottom: 100px;}
.twHBanner .hero .hero__caption {position: relative; bottom: auto; left: auto; padding: 0 0; text-align: center; background: none;}
.twHBanner picture {display: block; text-align: center; margin-bottom: 42px;}
.twHBanner picture img {width: auto; width: 100%; max-width: 760px;}
.twHBanner .hero .hero__caption .hero__title {font-size: 18px; line-height: 26px; color: #727491; max-width: 500px; margin: 0 auto;}
@media only screen and (max-width: 1024px) {
    .layout__content .twHBanner, .learn.dashboard .twHBanner {padding: 120px 40px;}
}
@media only screen and (max-width: 779px) {
    .layout__content .twHBanner, .learn.dashboard .twHBanner {padding: 80px 40px;}
    .twHBanner picture {margin-bottom: 20px;}
}

.layout__content .twHSearch, .learn.dashboard .twHSearch {padding: 0; position: relative;}
.twHSearch .columns {padding: 0;}
.twHSearch .search-bar-widget {position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px; width: 312px; z-index: 1;}
.twHSearch .search-bar-widget input {width: 100%; padding: 4px 8px 4px 50px; box-shadow: none; border-radius: 40px; border: 1px solid #1D1C39; color: #1D1C39; font-size: 14px; font-style: normal; height: 48px; background: #FCFCFC;}
.twHSearch .search-bar-widget button {right: auto; height: 48px; left: 12px; padding: 0; background: none; border: 0; color: #1D1C39; font-size: 22px;}
.twHSearch .search-bar-widget button i {padding: 0 6px;}
.twHSearch .search-bar-widget button span {display: none;}
.twHSearch .search-bar-widget input::-webkit-input-placeholder { /* Edge */
  color: #1D1C39; font-style: normal;
}

.twHSearch .search-bar-widget input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1D1C39; font-style: normal;
}

.twHSearch .search-bar-widget input::placeholder {
  color: #1D1C39; font-style: normal;
}
@media only screen and (max-width: 1024px) {
    .twHSearch .search-bar-widget {bottom: 120px;}
}
@media only screen and (max-width: 960px) {
    
}
@media only screen and (max-width: 769px) {
    .twHSearch .search-bar-widget {bottom: 80px;}
}
@media only screen and (max-width: 620px) {
    .twHBanner .hero {margin-bottom: 80px;}
    .twHSearch .search-bar-widget {width: 70%;}
}

.layout__content .twGetStartedHeading, .learn.dashboard .twGetStartedHeading {padding: 60px 132px; text-align: center;}
.twGetStartedHeading .widget__title {font-size: 51px; font-weight: 700; color: #1D1C39; margin-bottom: 28px;}
.twGetStartedHeading p {font-size: 20px; font-weight: 400; color: #1D1C39; margin-bottom: 0;}
.twGetStartedHeading p strong {color: #FF22B1; font-weight: 400;}
.twGetStartedHeading .columns {max-width: 780px; margin: 0 auto; float: none;}
@media only screen and (max-width: 1024px) {
    .layout__content .twGetStartedHeading, .learn.dashboard .twGetStartedHeading {padding: 60px 40px;}
}
@media only screen and (max-width: 769px) {
    .twGetStartedHeading .widget__title {font-size: 28px; margin-bottom: 12px;}
    .twGetStartedHeading p {font-size: 14px;}
}

.layout__content .widget--html_standard {padding: 0;}
.getStartedTabs {padding: 0 88px 42px;}
.getStartedTabs ul {display: block; margin: 0; padding: 0 1rem;}
.getStartedTabs ul li {display: inline-block; margin-left: 64px;}
.getStartedTabs ul li:nth-child(1) {margin-left: 0;}
.getStartedTabs ul li a {display: block; padding: 12px 0; font-size: 26px; color: #A0A3BD; font-weight: 700; border-bottom: 2px solid rgba(255,255,255,0);}
.getStartedTabs ul li.active a {border-bottom: 2px solid #FF22B1; color: #1D1C39;}

.layout__content .twNewToTeamwork, .learn.dashboard .twNewToTeamwork {padding: 0 98px 120px;}
.twNewToTeamwork > .row {margin: 0 -1rem;}
.twNewToTeamwork .catalog-grid-item {box-shadow: 0 0 8px rgba(0,0,0,.1); border-radius: 12px; overflow: hidden;}
.twNewToTeamwork .catalog-grid-item__title {font-size: 24px; color: #0F0F4A; font-weight: 700;}
.twNewToTeamwork .catalog-grid-item__source {font-size: 16px; color: #0F0F4A; font-weight: 400; text-transform: uppercase;}
.twNewToTeamwork .catalog-grid-item__source strong {color: #88145F; font-weight: 700;}
.twNewToTeamwork .catalog-grid-item__hr {border: 0; margin: 4px 0;}
.twNewToTeamwork .btn--link.btn--primary { padding: 8px 12px !important; display: inline-block; border: 2px solid #D9DBE9; border-radius: 20px; color: #1D1C39; font-size: 14px; font-weight: 600; position: absolute; bottom: 20px; right: 20px;}
.twNewToTeamwork .catalog-grid-item__body {padding: 12px 20px calc(37px + 20px); min-height: 178px; position: relative;}
.twNewToTeamwork .catalog-grid-item__body .featured-content-item__authors {position: absolute; bottom: 20px; left: 20px; color: #0F0F4A; font-size: 12px; line-height: 30px;}
.twNewToTeamwork .medium-block-grid-3>li {padding: 0 20px 20px;}
@media only screen and (max-width: 1400px) {
    .twNewToTeamwork .catalog-grid-item__title {font-size: 20px;}
    .twNewToTeamwork .catalog-grid-item__source {font-size: 14px;}
    .twNewToTeamwork .catalog-grid-item__body {min-height: 164px;}
}
@media only screen and (max-width: 1024px) {
    .getStartedTabs {padding: 0 40px 20px;}
    .layout__content .twNewToTeamwork, .learn.dashboard .twNewToTeamwork {padding: 0 40px 80px;}
    .twNewToTeamwork .catalog-grid-item__body {min-height: 184px;}
}
@media only screen and (max-width: 769px) {
    .getStartedTabs ul li a {font-size: 18px;}
    .getStartedTabs ul li {margin-left: 32px;}
    .layout__content .twNewToTeamwork, .learn.dashboard .twNewToTeamwork {padding: 0 40px 40px;}
    .twNewToTeamwork .catalog-grid-item__body {min-height: 0;}
}
@media only screen and (max-width: 620px) {
    .getStartedTabs {padding: 0 30px 20px;}
    .getStartedTabs ul li a {font-size: 15px;}
    .getStartedTabs ul li {margin-left: 8px;}
    .layout__content .twNewToTeamwork, .learn.dashboard .twNewToTeamwork {padding: 0 30px 40px;}
}

.layout__content .twHFCBlocks, .learn.dashboard .twHFCBlocks {padding: 0 80px 120px;}
.twHFCBlocks .featured-content-sidebar {position: static;}
.twHFCBlocks .featured-content-sidebar h2 {font-size: 32px; color: #1D1C39; font-weight: 700; margin-bottom: 28px;}
.twHFCBlocks .featured-content-sidebar p {font-size: 16px; color: #1D1C39; font-weight: 500; margin-bottom: 32px;}
.twHFCBlocks .featured-content-sidebar p strong {font-weight: 500; color: #FF22B1;}
.twHFCBlocks .featured-content-sidebar p a, .twHFCBlocks .featured-content-sidebar p a:hover {display: inline-block; padding: 22px 40px; border: 2px solid #1D1C39; border-radius: 45px; font-size: 18px; color: #1D1C39; font-weight: 600;}
.twHFCBlocks .catalog-grid-item {border: 0; box-shadow: 0 0 8px rgba(0,0,0,.1); border-radius: 12px; overflow: hidden;}
.twHFCBlocks .catalog-grid-item .row {margin: 0;}
.twHFCBlocks .catalog-grid-item .column {padding: 0; width: 100%;}
.twHFCBlocks .catalog-grid-item .column .catalog-grid-item__asset-container--split {padding: 0;}
.twHFCBlocks .catalog-grid-item .catalog-grid-item__body {padding: 12px 20px calc(37px + 20px); min-height: 186px; position: relative;}
.twHFCBlocks .catalog-grid-item__title {font-size: 24px; color: #0F0F4A; font-weight: 700;}
.twHFCBlocks .catalog-grid-item__source {font-size: 16px; color: #0F0F4A; font-weight: 400; text-transform: uppercase;}
.twHFCBlocks .catalog-grid-item__source strong {color: #88145F; font-weight: 700;}
.twHFCBlocks .catalog-grid-item__hr {border: 0; margin: 4px 0;}
.twHFCBlocks .btn--link.btn--primary { padding: 8px 12px !important; display: inline-block; border: 2px solid #D9DBE9; border-radius: 20px; color: #1D1C39; font-size: 14px; font-weight: 600; position: absolute; bottom: 20px; right: 20px;}
.twHFCBlocks .catalog-grid-item__body .featured-content-item__authors {position: absolute; bottom: 20px; left: 20px; line-height: 30px; font-size: 12px;}
.twHFCBlocks .featured-content-sidebar p a::after {content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 26px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/wiptyalwc9sn-Forward-Arrow.png) center no-repeat; background-size: 100% auto; margin-left: 18px;}
.twHFCBlocks .small-block-grid-1>li {padding: 0 20px 20px;}

.twHFCBlocks.funfact .catalog-grid-item__source strong {color: #6438E0;}
.twHFCBlocks.guessWhat .catalog-grid-item__source strong {color: #879DF2;}
.twHFCBlocks.didYouKnow .catalog-grid-item__source strong {color: #879DF2;}

.twHFCBlocks .medium-3 .editor-content {padding-top: 32px;}
.twHFCBlocks .medium-3 {width: 30%;}
.twHFCBlocks .medium-9 {width: 65%;}
@media only screen and (max-width: 1400px) {
    .twHFCBlocks .catalog-grid-item .catalog-grid-item__body {min-height: 168px;}
    .twHFCBlocks .catalog-grid-item__title {font-size: 20px;}
    .twHFCBlocks .catalog-grid-item__source {font-size: 14px;}
}
@media only screen and (max-width: 1260px) {
    .twHFCBlocks .catalog-grid-item .catalog-grid-item__body {min-height: 192px;}
}
@media only screen and (max-width: 1024px) {
    .layout__content .twHFCBlocks, .learn.dashboard .twHFCBlocks {padding: 0 40px 80px;}
    .twHFCBlocks .featured-content-sidebar p {margin-bottom: 16px; font-size: 14px;}
    .twHFCBlocks .featured-content-sidebar ul li a {padding: 4px 8px; border: 1px solid #D9DBE9;}
    .twHFCBlocks .featured-content-sidebar ul li {margin: 0 4px 6px 0;}
    .twHFCBlocks .featured-content-sidebar h2 {font-size: 24px; margin-bottom: 16px;}
    .twHFCBlocks .medium-3 .editor-content {padding-top: 0;}
    .twHFCBlocks .catalog-grid-item .catalog-grid-item__body {min-height: 192px;}
}
@media only screen and (max-width: 960px) {
    .twHFCBlocks .featured-content-sidebar p a, .twHFCBlocks .featured-content-sidebar p a:hover {font-size: 14px; padding: 6px 10px; border-radius: 24px;}
    .twHFCBlocks .featured-content-sidebar p a::after {width: 14px; margin-left: 6px;}
}
@media only screen and (max-width: 769px) {
    .twHFCBlocks .featured-content-sidebar {margin-bottom: 32px;}
    .twHFCBlocks .medium-3 {width: 100%;}
    .twHFCBlocks .medium-9 {width: 100%;}
    .twHFCBlocks .catalog-grid-item .catalog-grid-item__body {min-height: 0;}
}
@media only screen and (max-width: 620px) {
    .layout__content .twHFCBlocks, .learn.dashboard .twHFCBlocks {padding: 0 30px 40px;}
    .twHFCBlocks .small-block-grid-1 > li {padding: 0 10px 20px;}
}

.twDidYouKnowSlider {padding: 60px 60px 120px;}
.twDidYouKnowSlider .twSlider {display: block; border-radius: 50px; overflow: hidden;}
.twDidYouKnowSlider .twSlider .slide {display: none; background: #1D1C39; color: #fff;}
.twDidYouKnowSlider .twSlider .slide.active {display: block;}
.twDidYouKnowSlider .twSlider .slide::after {content: ''; display: block; clear: both;}
.twDidYouKnowSlider .twSlider .slide .pic {width: 50%; float: left;}
.twDidYouKnowSlider .twSlider .slide .text {width: 50%; float: left; padding: 120px 8% 32px;}
.twDidYouKnowSlider .twSlider .slide .text .sm {display: block; margin-bottom: 16px; font-size: 16px; font-weight: 700;}
.twDidYouKnowSlider .twSlider .slide .text h2 {display: block; margin-bottom: 16px; font-size: 46px; font-weight: 700; color: #fff;}
.twDidYouKnowSlider .twSlider .slide .text p {display: block; margin-bottom: 36px; font-size: 16px; font-weight: 400;}
.twDidYouKnowSlider .twSlider .slide .text p strong {color: #FF61C7; font-weight: 400;}
.twDidYouKnowSlider .twSlider .slide .text p a, .twDidYouKnowSlider .twSlider .slide .text p a:hover { display: inline-block; padding: 8px 20px; border: 2px solid #fff; border-radius: 32px; font-size: 14px; color: #fff; font-weight: 600;}
.twDidYouKnowSlider .pager {padding-top: 32px; text-align: center;}
.twDidYouKnowSlider .pager span {display: inline-block; width: 20px; height: 20px; border-radius: 20px; background: #1d1c39; margin: 0 15px; cursor: pointer;}
.twDidYouKnowSlider .pager span.active {background: #ff22b1;}
@media only screen and (max-width: 1260px) {
    .twDidYouKnowSlider .twSlider .slide .text {padding: 32px 5% 20px;}
}
@media only screen and (max-width: 1024px) {
    .twDidYouKnowSlider {padding: 40px 40px 80px;}
    /*.twDidYouKnowSlider .twSlider .slide .text {padding: 50px 5% 24px;}*/
    .twDidYouKnowSlider .twSlider .slide .text h2 {font-size: 36px;}
}
@media only screen and (max-width: 960px) {
    .twDidYouKnowSlider .twSlider .slide .text h2 {font-size: 28px; margin-bottom: 8px;}
    .twDidYouKnowSlider .twSlider .slide .text p {font-size: 12px; margin-bottom: 20px;}
}
@media only screen and (max-width: 769px) {
    .twDidYouKnowSlider .twSlider .slide .text .sm {font-size: 14px; margin-bottom: 8px;}
    /*.twDidYouKnowSlider .twSlider .slide .text h2 {font-size: 28px; margin-bottom: 8px;}
    .twDidYouKnowSlider .twSlider .slide .text p {font-size: 12px; margin-bottom: 20px;}*/
    .twDidYouKnowSlider .twSlider .slide .text p a, .twDidYouKnowSlider .twSlider .slide .text p a:hover {border-width: 1px; font-size: 12px;}
    .twDidYouKnowSlider {padding: 40px;}
}
@media only screen and (max-width: 740px) {
    .twDidYouKnowSlider .twSlider .slide .pic, .twDidYouKnowSlider .twSlider .slide .text {width: 100%;}
    .twDidYouKnowSlider .twSlider .slide .text {padding: 20px 5% 20px;}
}


.layout__content .twCategoryList, .learn.dashboard .twCategoryList {padding: 120px 132px; text-align: center; background: #FFF9F2;}
.twCategoryList .widget__title {font-size: 54px; font-weight: 700; color: #1D1C39; margin-bottom: 28px;}
.twCategoryList .widget__subtitle {font-size: 20px; font-weight: 400; color: #727491; max-width: 780px; margin: 0 auto; margin-bottom: 90px;}
.twCategoryList .categoryList {text-align: left;}
.twCategoryList .categoryList .box {display: inline-block; width: calc(33.33% - 4px - (160px / 3)); margin-left: 80px; margin-bottom: 42px; vertical-align: top; text-align: center;}
.twCategoryList .categoryList .box a {display: block; color: inherit;}
.twCategoryList .categoryList .box:nth-child(3n+1) {margin-left: 0;}
.twCategoryList .categoryList .box .pic {display: block; margin-bottom: 12px; position: relative;}
.twCategoryList .categoryList .box .pic img {width: 100%; border-radius: 12px;}
.twCategoryList .categoryList .box .pic .tag {display: block; font-size: 14px; color: #EBECFE; font-weight: 700; padding: 4px 12px; position: absolute; bottom: 15px; right: 20px; background: #1D1C39; border-radius: 80px;}
.twCategoryList .categoryList .box .head {display: block; font-size: 18px; color: #1D1C39; font-weight: 700;}
.twCategoryList .widget__cta {padding-top: 80px;}
.twCategoryList .widget__cta .btn--centered {padding: 22px 44px; border: 2px solid #1D1C39; border-radius: 45px; font-size: 21px; color: #1D1C39; font-weight: 600; background: none;}
.twCategoryList .widget__cta .btn--centered::after { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 26px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/wiptyalwc9sn-Forward-Arrow.png) center no-repeat; background-size: 100% auto; margin-left: 18px;}
@media only screen and (max-width: 1024px) {
    .layout__content .twCategoryList, .learn.dashboard .twCategoryList {padding: 80px 40px;}
    .twCategoryList .widget__subtitle {margin-bottom: 60px;}
}
@media only screen and (max-width: 769px) {
    .layout__content .twCategoryList, .learn.dashboard .twCategoryList {padding: 40px 40px;}
    .twCategoryList .widget__title {font-size: 28px; margin-bottom: 12px;}
    .twCategoryList .widget__subtitle {font-size: 14px;}
    .twCategoryList .categoryList .box, .twCategoryList .categoryList .box:nth-child(3n+1) {width: calc(50% - 4px - 20px); margin-left: 40px;}
    .twCategoryList .categoryList .box:nth-child(2n+1) {margin-left: 0;}
    .twCategoryList .categoryList .box .pic {margin-bottom: 6px;}
    .twCategoryList .categoryList .box .head {font-size: 15px;}
    .twCategoryList .categoryList .box .pic .tag {font-size: 12px;}
    .twCategoryList .widget__cta {padding-top: 40px;}
    .twCategoryList .widget__cta .btn--centered {font-size: 14px; padding: 12px 32px;}
    .twCategoryList .widget__cta .btn--centered::after {width: 14px; height: 15px;}
}
@media only screen and (max-width: 620px) {
    .twCategoryList .categoryList .box, .twCategoryList .categoryList .box:nth-child(3n+1) {width: 100%; margin-left: 0;}
    .twCategoryList .widget__cta {padding-top: 0;}
}

.twLookingForMore {background: #0b0e1f; position: relative;}
.twLookingForMore img {width: 100%;}
.twLookingForMore .container {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 0 132px; background: none; max-width: 840px; height: auto;}
.twLookingForMore .container h2 {font-size: 51px; color: #fff; font-weight: 700; margin-bottom: 36px;}
.twLookingForMore .container p a { display: inline-block; padding: 22px 44px; border: 2px solid #fff9f2; border-radius: 40px; font-size: 16px; color: #fff9f2; font-weight: 600; background: none; margin: 0 8px;}
.twLookingForMore .container p a:nth-child(1) {border: 2px solid #fff; color: #1D1C39; background: #fff9f2; margin: 0 8px;}
@media only screen and (max-width: 1024px) {
    .twLookingForMore {overflow: hidden;}
    .twLookingForMore .container {padding: 80px 40px; position: relative; transform: none; top: auto; left: auto;}
    .twLookingForMore > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%;}
}
@media only screen and (max-width: 769px) {
    .twLookingForMore .container {padding: 40px;}
    .twLookingForMore .container h2 {font-size: 28px; margin-bottom: 28px;}
    .twLookingForMore .container p a {padding: 12px 32px; font-size: 14px;}
}
@media only screen and (max-width: 620px) {
    .twLookingForMore .container p a, .twLookingForMore .container p a:nth-child(1) {padding: 8px 22px; margin: 0 8px 0;}
    .twLookingForMore .container p a:nth-child(1) {margin: 0 8px 10px;}
}

.footer {padding: 0;}
.footer .footer__inner {padding: 0;}
.footer .footer__company__info {display: none;}

.twFooter {padding: 96px 132px 40px; background: #f7f7f7;}
.twFooter .twInner::after {content: ''; display: block; clear: both;}
.twFooter .twInner .nav, .twFooter .twInner .store, .twFooter .twInner .sociallnks {display: inline-block; vertical-align: middle;}
.twFooter .twInner .nav {float: left;}
.twFooter .twInner .sociallnks {float: right;}
.twFooter .twInner .nav ul {display: block;}
.twFooter .twInner .nav ul li {display: inline-block; vertical-align: top; color: #1D1C39; font-size: 14px; color: #1D1C39; margin: 0 20px;}
.twFooter .twInner .nav ul li a {display: inline; padding: 0; color: #1D1C39; font-size: 14px;}
.twFooter .twInner .nav ul li:nth-child(1) {margin-left: 0;}

/*.twFooter .twInner .store {margin: 0 calc((100% - 312px - 286px - 210px - 12px) / 2);}
.twFooter .twInner .store ul {display: block; margin: 0;}
.twFooter .twInner .store ul li {display: inline-block; vertical-align: top; margin-left: 26px;}
.twFooter .twInner .store ul li:nth-child(1) {margin-left: 0;}*/

.twFooter .twInner .sociallnks ul {display: block; margin: 0;}
.twFooter .twInner .sociallnks ul li {display: inline-block; vertical-align: top; margin: 0 6px;}
.twFooter .twInner .sociallnks ul li:nth-child(1) {margin-left: 0;}
.twFooter .twInner .sociallnks ul li a {display: block; color: #1D1C39; font-size: 28px;}
@media only screen and (max-width: 1024px) {
    .twFooter {padding: 80px 40px 40px;}
}
@media only screen and (max-width: 960px) {
    .twFooter .twInner .nav ul li {margin: 0 12px;}
    .twFooter .twInner .store ul li img {height: 32px;}
    .twFooter .twInner .sociallnks ul li a {font-size: 22px;}
    .twFooter .twInner .sociallnks ul li {margin: 0 4px;}
    .twFooter .twInner .store {margin: 0 calc((100% - 262px - 250px - 160px - 12px) / 2);}
}
@media only screen and (max-width: 620px) {
    .twFooter {padding: 40px 40px 20px;}
    .twFooter .twInner .nav, .twFooter .twInner .store, .twFooter .twInner .sociallnks {display: block; width: 100%; margin: 12px 0; text-align: center; float: none;}
    .twFooter .twInner .nav ul li {float: none;}
    .twFooter .twInner .nav ul li:nth-child(1) {margin: 0 12px;}
    .twFooter .twInner .store ul li, .twFooter .twInner .store ul li:nth-child(1) {margin: 0 13px;}
}

.layout__content .twUsingAcademy, .learn.dashboard .twUsingAcademy {padding: 0 132px 120px;}
.twUsingAcademy .usingAcademyInner .box {display: inline-block; width: calc(50% - 4px - 35px); margin-bottom: 70px;}
.twUsingAcademy .usingAcademyInner .box:nth-child(2n) {margin-left: 70px;}
.twUsingAcademy .usingAcademyInner .box:nth-last-child(3) ~ .box {margin-bottom: 0;}
.twUsingAcademy .usingAcademyInner .box .icon {display: inline-block; width: 46px; vertical-align: top; padding-top: 54px;}
.twUsingAcademy .usingAcademyInner .box .icon img {width: 100%;}
.twUsingAcademy .usingAcademyInner .box .text {display: inline-block; width: calc(100% - 8px - 46px - 18px); margin-left: 18px; vertical-align: top;}
.twUsingAcademy .usingAcademyInner .box .text h2 {font-size: 24px; color: #1D1C39; font-weight: 700; margin-bottom: 24px;}
.twUsingAcademy .usingAcademyInner .box .text p {font-size: 16px; color: #1D1C39; font-weight: 500;}
.twUsingAcademy .usingAcademyInner .box .text p strong {color: #6438e0; font-weight: 500;}
@media only screen and (max-width: 1024px) {
    .layout__content .twUsingAcademy, .learn.dashboard .twUsingAcademy {padding: 0 40px 80px;}
}
@media only screen and (max-width: 769px) {
    .twUsingAcademy .usingAcademyInner .box {width: 100%; margin-bottom: 32px;}
    .twUsingAcademy .usingAcademyInner .box:nth-child(2n) {margin-left: 0;}
}


.layout__content .getStaTbContent, .learn.dashboard .getStaTbContent {display: none;}
.layout__content .getStaTbContent.active, .learn.dashboard .getStaTbContent.active {display: block;}


.page .home__content {padding: 0;}

.twCatBanner .hero {height: 460px;}
.twCatBanner .hero .hero__caption {bottom: auto; left: 80px; top: 50%; transform: translateY(-50%); padding: 0; width: calc(100% - (2 * 80px)); max-width: 450px;}
.twCatBanner .hero .hero__caption .hero__title {font-size: 54px; font-weight: 700; color: #161616;}
.twCatBanner .hero .hero__caption span {font-size: 14px; font-weight: 500; color: #1D1C39;}
@media only screen and (max-width: 1024px) {
    .twCatBanner .hero {height: 400px;}
    .twCatBanner .hero .hero__caption {left: 40px; width: calc(100% - (2 * 40px));}
}
@media only screen and (max-width: 769px) {
    .twCatBanner .hero .hero__caption {position: relative; width: 100%; max-width: 100%; padding: 80px 40px; left: auto; top: auto; transform: none;}
    .twCatBanner .hero .hero__caption .hero__title {font-size: 36px;}
    .twCatBanner .hero {height: auto;}
}


.layout__content .twCatSearch {padding: 0; position: relative;}
.twCatSearch .columns {padding: 0;}
.twCatSearch .search-bar-widget {position: absolute; right: 80px; bottom: 250px; width: 348px;}
.twCatSearch .search-bar-widget input {width: 100%; padding: 4px 8px 4px 50px; box-shadow: none; border-radius: 40px; border: 1px solid #1D1C39; color: #1D1C39; font-size: 14px; font-style: normal; height: 54px; background: #FCFCFC;}
.twCatSearch .search-bar-widget button {right: auto; height: 54px; left: 12px; padding: 0; background: none; border: 0; color: #1D1C39; font-size: 22px;}
.twCatSearch .search-bar-widget button i {padding: 0 6px;}
.twCatSearch .search-bar-widget button span {display: none;}
.twCatSearch .search-bar-widget input::-webkit-input-placeholder { /* Edge */
  color: #1D1C39; font-style: normal;
}

.twCatSearch .search-bar-widget input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1D1C39; font-style: normal;
}

.twCatSearch .search-bar-widget input::placeholder {
  color: #1D1C39; font-style: normal;
}
@media only screen and (max-width: 1024px) {
    .twCatSearch .search-bar-widget {bottom: 200px; right: 40px;}
}
@media only screen and (max-width: 960px) {
    .twCatSearch .search-bar-widget {width: 224px;}
}
@media only screen and (max-width: 769px) {
    .twCatSearch .search-bar-widget {position: static; width: 100%; padding: 0 40px;}
    .twCatSearch .search-bar-widget form {position: relative;}
}

.layout__content .twCatNav {padding: 0 80px 120px;}
.twCatNav .columns {padding: 0;}
.twCatNav .navigation-bar .top-bar-section ul.left {border: 0;}
.twCatNav .navigation-bar .top-bar-section ul>li.navigation-item:not(.has-form) {padding: 0; margin-right: 60px; border-top: 3px solid #fff; padding-top: 6px;}
/*.twCatNav .navigation-bar .top-bar-section ul>li.navigation-item:not(.has-form):nth-child(3) {margin-left: 0;}*/
.twCatNav .navigation-bar .top-bar-section li:not(.has-form) a:not(.button) {padding: 4px 0; font-size: 16px; color: #727491; text-transform: none; font-weight: 500;}
.twCatNav .navigation-bar .top-bar-section li:not(.has-form).active a:not(.button) {color: #1D1C39;}
.twCatNav .navigation-bar .top-bar-section ul>li.navigation-item:not(.has-form).active {border-top: 3px solid #FF22B1;}
.twCatNav .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form):nth-last-child(3) a { border: 2px solid #ebe8e8; padding: 4px 20px; border-radius: 20px; color: #1D1C39; font-size: 14px;}
@media only screen and (max-width: 1024px) {
    .layout__content .twCatNav {padding: 0 40px 80px;}
}
@media only screen and (max-width: 960px) {
    .twCatNav .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {margin-right: 32px;}
}
@media only screen and (max-width: 769px) {
    .twCatNav .navigation-bar .top-bar-section ul>li.navigation-item:not(.has-form) {padding-top: 0; margin-bottom: 4px;}
}
@media only screen and (max-width: 620px) {
    .layout__content .twCatNav {padding: 0 40px 40px;}
}

.layout__content .twFCBlocks {padding: 0 60px 120px;}
.twFCBlocks .featured-content-with-sidebar {position: relative;}
.twFCBlocks .featured-content-with-sidebar .featured-content-sidebar {position: absolute; top: 0; left: 0; height: auto; z-index: 1;}
.twFCBlocks .featured-content-sidebar {position: static;}
.twFCBlocks .featured-content-sidebar h2 {font-size: 24px; color: #1D1C39; font-weight: 700; margin-bottom: 20px;}
.twFCBlocks .featured-content-sidebar p {font-size: 16px; color: #1D1C39; font-weight: 500; margin-bottom: 32px;}
.twFCBlocks .featured-content-sidebar p strong {font-weight: 500; color: #FF22B1;}
.twFCBlocks .featured-content-sidebar p a, .twFCBlocks .featured-content-sidebar p a:hover {display: inline-block; padding: 12px 24px; border: 2px solid #1D1C39; border-radius: 32px; font-size: 16px; color: #1D1C39; font-weight: 600;}
.twFCBlocks .featured-content-sidebar ul {display: block; margin: 0; padding: 0;}
.twFCBlocks .featured-content-sidebar ul li {display: inline-block; margin: 0 12px 12px 0;}
.twFCBlocks .featured-content-sidebar ul li a { padding: 8px 12px; display: inline-block; border: 2px solid #D9DBE9; border-radius: 20px; color: #1D1C39; font-size: 14px; font-weight: 600;}

.twFCBlocks .medium-9.columns {width: 100%; padding-left: 5%;}
.twFCBlocks .featured-content-block-grid {display: block;}
.twFCBlocks .featured-content-block-grid::after {content: ''; display: block; clear: both;}
.twFCBlocks .featured-content-block-grid::before {content: ''; display: inline-block; width: calc(25% - 5px); height: 200px; vertical-align: top;}
.twFCBlocks .featured-content-block-grid li { display: inline-block; vertical-align: top; width: calc(25% - 5px); float: none; margin-bottom: 20px;}
.twFCBlocks .featured-content-block-grid li:nth-child(9) ~ li {display: none;}
.twFCBlocks.active .featured-content-block-grid li:nth-child(9) ~ li {display: inline-block;}
.twFCBlocks.noMoreOpt .featured-content-block-grid li:nth-child(9) ~ li {display: inline-block;}


.twFCBlocks .catalog-grid-item {border: 0; box-shadow: 0 0 8px rgba(0,0,0,.1); border-radius: 12px; overflow: hidden;}
.twFCBlocks .catalog-grid-item .row {margin: 0;}
.twFCBlocks .catalog-grid-item .column {padding: 0; width: 100%;}
.twFCBlocks .catalog-grid-item .column .catalog-grid-item__asset-container--split {padding: 0;}
.twFCBlocks .catalog-grid-item .catalog-grid-item__body {padding: 12px 20px calc(37px + 20px); min-height: 168px; position: relative;}
.twFCBlocks .catalog-grid-item__title {font-size: 21px; color: #0F0F4A; font-weight: 700;}
.twFCBlocks .catalog-grid-item__source {font-size: 14px; color: #0F0F4A; font-weight: 400; text-transform: uppercase;}
.twFCBlocks .catalog-grid-item__source strong {color: #88145F; font-weight: 700;}
.twFCBlocks .catalog-grid-item__hr {border: 0; margin: 4px 0;}
.twFCBlocks .btn--link.btn--primary { padding: 8px 12px !important; display: inline-block; border: 2px solid #D9DBE9; border-radius: 20px; color: #1D1C39; font-size: 14px; font-weight: 600; position: absolute; bottom: 20px; right: 20px;}
.twFCBlocks .catalog-grid-item__body .featured-content-item__authors {position: absolute; bottom: 20px; left: 20px; font-size: 12px; color: #0F0F4A; line-height: 30px;}
.twFCBlocks .featured-content-sidebar p a::after {content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 26px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/wiptyalwc9sn-Forward-Arrow.png) center no-repeat; background-size: 100% auto; margin-left: 10px;}
.twFCBlocks .small-block-grid-1>li {padding: 0 8px 20px;}
.twFCBlocks .viewMore {display: block; text-align: center; padding-left: 25%;}
.twFCBlocks .viewMore span {display: inline-block; color: #1D1C39; font-size: 16px; font-weight: 600; cursor: pointer;}
.twFCBlocks .viewMore span.more {display: inline-block;}
.twFCBlocks .viewMore span.less {display: none;}
.twFCBlocks.active .viewMore {padding-left: 5%;}
.twFCBlocks.active .viewMore span.more {display: none;}
.twFCBlocks.active .viewMore span.less {display: inline-block;}
/*.twFCBlocks.active .viewMore span::after {content: 'less';}*/


@media only screen and (max-width: 1400px) {
    .twFCBlocks .catalog-grid-item .catalog-grid-item__body {min-height: 164px;}
    .twFCBlocks .catalog-grid-item__title {font-size: 20px;}
    .twFCBlocks .catalog-grid-item__source {font-size: 13px;}
}
@media only screen and (max-width: 1024px) {
    .layout__content .twFCBlocks {padding: 0 30px 80px;}
    .twFCBlocks .featured-content-sidebar p {margin-bottom: 16px; font-size: 14px;}
    .twFCBlocks .featured-content-sidebar ul li a {padding: 4px 8px; border: 1px solid #D9DBE9;}
    .twFCBlocks .featured-content-sidebar ul li {margin: 0 4px 6px 0;}
    .twFCBlocks .featured-content-sidebar h2 {font-size: 24px; margin-bottom: 16px;}
    .twFCBlocks .catalog-grid-item .catalog-grid-item__body {min-height: 196px;}
}
@media only screen and (max-width: 769px) {
    .layout__content .twFCBlocks {padding: 0 30px 40px;}
    .twFCBlocks .featured-content-with-sidebar .featured-content-sidebar {position: static; margin-bottom: 32px; width: 100%;}
    .twFCBlocks .featured-content-block-grid::before {display: none;}
    .twFCBlocks .featured-content-block-grid li {width: 100%;}
    .twFCBlocks .viewMore {padding-left: 5%;}
    .twFCBlocks .catalog-grid-item .catalog-grid-item__body {min-height: 0;}
}

.twFCBlocks.fundamentals .featured-content-sidebar h2 {color: #88145F;}
.twFCBlocks.fundamentals .catalog-grid-item__source strong {color: #88145F;}

.twFCBlocks.efficiency .featured-content-sidebar h2 {color: #6438E0;}
.twFCBlocks.efficiency .catalog-grid-item__source strong {color: #6438E0;}

.twFCBlocks.resourceManagement .featured-content-sidebar h2 {color: #879DF2;}
.twFCBlocks.resourceManagement .catalog-grid-item__source strong {color: #879DF2;}

.twFCBlocks.setup .featured-content-sidebar h2 {color: #FFC63C;}
.twFCBlocks.setup .catalog-grid-item__source strong {color: #FFC63C;}

.twFCBlocks.projectManagement .featured-content-sidebar h2 {color: #FE4300;}
.twFCBlocks.projectManagement .catalog-grid-item__source strong {color:#FE4300}
.twFCBlocks.reporting .featured-content-sidebar h2 {color: #005C6F;}
.twFCBlocks.reporting .catalog-grid-item__source strong {color: #005C6F;}

.twFCBlocks.profitability .featured-content-sidebar h2 {color: #518D7B;}
.twFCBlocks.profitability .catalog-grid-item__source strong {color: #518D7B;}

.twFCBlocks.workingWith .featured-content-sidebar h2 {color: #F03063;}
.twFCBlocks.workingWith .catalog-grid-item__source strong {color: #F03063;}

.twFCBlocks.integrations .featured-content-sidebar h2 {color: #4461D7;}
.twFCBlocks.integrations .catalog-grid-item__source strong {color: #4461D7;}

.twFCBlocks.profileSettings .featured-content-sidebar h2 {color: #D5C8FB;}
.twFCBlocks.profileSettings .catalog-grid-item__source strong {color: #D5C8FB;}

.twFCBlocks.security .featured-content-sidebar h2 {color: #0B0E1F;}
.twFCBlocks.security .catalog-grid-item__source strong {color: #0B0E1F;}


/* For Course Page */
.course__detail__container {padding: 120px 60px;}
.course__detail__container .course__detail__content {padding-left: 0; }
.course__detail__content .course__detail__header h1 {font-size: 54px; color: #1D1C39; font-weight: 700; margin-bottom: 54px;}
.course__detail__content .course__detail__asset img {border-radius: 20px;}
.course__detail__content .course__detail__asset {margin-bottom: 100px;}
.course__detail__container .course__detail__sidebar {padding-top: 122px;}
.course__detail__content .tabs {border: 0;}
.course__detail__content .tabs .tab-title a {background: none; color: #1D1C39; font-size: 32px; font-weight: 700; padding: 0; border: 0; font-family: 'Work Sans', sans-serif;}
.course__detail__content .tabs-content {border: 0;}
.course__detail__content .tabs-content>.content {padding: 0; font-size: 16px; color: #1D1C39;}
.course__detail__content .tabs-content>.content ul {padding-left: 0;}
.course__detail__content .course__related .panel {padding: 1rem; border: 0;}
.course__detail__content .course__related .course__related__title {padding: 0; margin: 0; font-size: 32px; font-weight: 700; color: #1D1C39; text-transform: none; background: none; margin-bottom: 28px;}
.course__detail__content .course__related .course__related__list li {display: inline-block; width: calc(33.33% - 4px - 20px); vertical-align: top; border: 0; border-radius: 12px; overflow: hidden; box-shadow: 0 0 8px rgb(0 0 0 / 10%); padding: 0; margin-left: 30px; margin-bottom: 20px;}
.course__detail__content .course__related .course__related__list li:nth-child(9n+3) {margin-left: 0;}
.course__detail__content .course__related .course__related__list li a {display: block;}
.course__detail__content .course__related .course__related__list li a::after { content: 'Learn more'; float: right; display: inline-block; margin: 0 20px 8px; padding: 4px 12px; border: 2px solid #f0eeee; border-radius: 20px; font-size: 14px;}
.course__detail__content .course__related .course__related__list li img {width: 100%; margin: 0; float: none; border: 0; padding: 0;}
.course__detail__content .course__related .course__related__list li p {width: 100%; padding: 12px 20px; font-size: 20px; color: #0F0F4A; font-weight: 700; margin: 0; display: block; min-height: 82px;}

.course__detail__sidebar .widget--course-purchase a.btn--primary, .course__detail__sidebar .widget--course-purchase button.btn--primary {display: inline-block; width: auto; background: #1D1C39; color: #fff; font-size: 16px; font-weight: 600; padding: 20px 32px; border-radius: 50px; margin-bottom: 28px;}
.course__detail__sidebar .widget--course-purchase a.btn--primary span, .course__detail__sidebar .widget--course-purchase button.btn--primary span {display: none;}
.course__detail__sidebar .widget--course-purchase a.btn--primary::before, .course__detail__sidebar .widget--course-purchase button.btn--primary::before {content: ''; display: inline-block; width: 15px; height: 17px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/jc5qo38pvqre-Play.png) center no-repeat; background-size: 100% auto; vertical-align: top; margin-right: 8px;}
/* .course__detail__sidebar .widget--course-purchase button.btn--primary::after {content: 'Start';} */
.course__detail__sidebar.loggedInUser .widget--course-purchase .btn--primary::after {content: 'Start';}
.course__detail__sidebar .btn--alt.btn--secondary {border: 0; text-align: left; padding: 0; color: #6438E0; display: none;}
.course__detail__sidebar .course__detail__social {padding: 0; border: 0;}
.course__detail__sidebar .course__detail__social p.heading {display: inline-block; font-size: 14px; color: #727491; font-weight: 600; text-transform: none; padding: 10px 20px; border: 2px solid #f0eeee; border-radius: 40px; cursor: pointer;}
.course__detail__sidebar .course__detail__social p.heading span {display: none;}
.course__detail__sidebar .course__detail__social p.heading::before {content: ''; display: inline-block; width: 24px; height: 15px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/35h8tyxzjrn3-Share.png) center no-repeat; background-size: 100% auto; vertical-align: top; margin-right: 8px;}
.course__detail__sidebar .course__detail__social p.heading::after {content: 'Share course';}
.course__detail__sidebar .course__detail__social > .ember-view {padding: 0 12px; display: none;}
.course__detail__sidebar .course__detail__social.active > .ember-view {display: block;}

.layout__content--sidebar .isThisCourseForYou {padding: 40px 28px; border: 2px solid #eef1f6; border-radius: 12px; color: #727491;}
.layout__content--sidebar .isThisCourseForYou .widget__title {font-size: 20px; font-weight: 700; color: #727491; margin-bottom: 24px; text-transform: uppercase; text-align: left;}
.layout__content--sidebar .isThisCourseForYou p {font-size: 13px;}
.layout__content--sidebar .isThisCourseForYou ul {font-size: 12px; padding: 0; margin-left: 16px;}
.layout__content--sidebar .isThisCourseForYou ul li {margin: 0;}

.course__detail__sidebar .widget--course-purchase .sharePage { display: inline-block; font-size: 14px; color: #727491; font-weight: 600; text-transform: none; padding: 8px 16px; border: 2px solid #f0eeee; border-radius: 40px; cursor: pointer; margin-left: 12px; position: relative;}
.course__detail__sidebar .widget--course-purchase .sharePage span { display: none; position: absolute; top: calc(100% + 6px); left: 0; width: 88px; padding: 2px 8px; background: green; color: #fff; border-radius: 6px; font-size: 12px;}
.course__detail__sidebar .widget--course-purchase .sharePage.copied span {display: block;}
.course__detail__sidebar .widget--course-purchase .sharePage #currentUrl {display: block; position: absolute; top: 0; left: 0; width: 100%; opacity: 0; cursor: pointer;}
.course__detail__sidebar .widget--course-purchase .sharePage::before { content: ''; display: inline-block; width: 24px; height: 15px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/35h8tyxzjrn3-Share.png) center no-repeat; background-size: 100% auto; vertical-align: middle; }

.course__detail__sidebar .panel {padding: 0; background: none;}
.course__detail__sidebar .panel .enroll__title {display: none;}
.course__detail__sidebar .panel p {display: none;}
.course__detail__sidebar .course__detail__enrolled {display: none;}

@media only screen and (max-width: 960px) {
    .course__detail__container {padding: 80px 30px;}
    .course__detail__content .course__detail__header h1 {font-size: 32px; margin-bottom: 32px;}
    .course__detail__content .tabs .tab-title a {font-size: 24px;}
    .course__detail__content .course__detail__asset {margin-bottom: 32px;}
    .course__detail__content .tabs-content > .content {font-size: 14px;}
    .course__detail__content .course__related .course__related__title {font-size: 24px; margin-bottom: 24px;}
    .course__detail__content .course__related .course__related__list li {width: 100%; margin-left: 0;}
}
@media only screen and (max-width: 769px) {
    .course__detail__container .course__detail__sidebar {padding-top: 20px;}
}
@media only screen and (max-width: 620px) {
    
}

.layout__content--sidebar .widget--course-related {display: none;}
@media only screen and (max-width: 48em) {
    .course-purchase__mobile-button {top:auto; bottom: 0; left: 0;}
}


/* For Catalog Page Card */
.catalog .home__content {padding: 0;}
.catalog .home__content .widget--catalog {padding: 60px;}
.catalog .catalog-grid-item {border: 0; box-shadow: 0 0 8px rgba(0,0,0,.1); border-radius: 12px; overflow: hidden;}
.catalog .catalog-grid-item .row {margin: 0;}
.catalog .catalog-grid-item .column {padding: 0; width: 100%;}
.catalog .catalog-grid-item .column .catalog-grid-item__asset-container--split {padding: 0;}
.catalog .catalog-grid-item .catalog-grid-item__body {padding: 12px 20px calc(37px + 20px); position: relative;}
.catalog .catalog-grid-item__title {font-size: 24px; color: #0F0F4A; font-weight: 700;}
.catalog .catalog-grid-item__source {font-size: 16px; color: #0F0F4A; font-weight: 400; text-transform: uppercase;}
.catalog .catalog-grid-item__source strong {color: #88145F; font-weight: 700;}
.catalog .catalog-grid-item__hr {border: 0; margin: 8px 0;}
.catalog .btn--link.btn--primary { padding: 8px 12px !important; display: inline-block; border: 2px solid #D9DBE9; border-radius: 20px; color: #1D1C39; font-size: 14px; font-weight: 600; position: absolute; bottom: 20px; right: 20px;}
.catalog .featured-content-sidebar p a::after {content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 26px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/wiptyalwc9sn-Forward-Arrow.png) center no-repeat; background-size: 100% auto; margin-left: 10px;}
.catalog .large-block-grid-3>li {padding: 0 8px 20px; margin-bottom: 20px; width: calc(33.3333333333% - 5px); margin-right: 5px;}
@media only screen and (max-width: 1400px) {
    /*.catalog .catalog-grid-item .catalog-grid-item__body {min-height: 178px;}*/
    .catalog .catalog-grid-item__title {font-size: 20px;}
    .catalog .catalog-grid-item__source {font-size: 14px;}
}
@media only screen and (max-width: 1024px) {
    .catalog .home__content .widget--catalog {padding: 30px 30px 80px;}
    .catalog .featured-content-sidebar p {margin-bottom: 16px; font-size: 14px;}
    .catalog .featured-content-sidebar ul li a {padding: 4px 8px; border: 1px solid #D9DBE9;}
    .catalog .featured-content-sidebar ul li {margin: 0 4px 6px 0;}
    .catalog .featured-content-sidebar h2 {font-size: 24px; margin-bottom: 16px;}
    /*.catalog .catalog-grid-item .catalog-grid-item__body {min-height: 196px;}*/
    .catalog .large-block-grid-3>li {width: calc(50% - 5px);}
}
@media only screen and (max-width: 769px) {
    .catalog .home__content .widget--catalog {padding: 30px 30px 40px;}
    .catalog .featured-content-with-sidebar .featured-content-sidebar {position: static; margin-bottom: 32px; width: 100%;}
    .catalog .featured-content-block-grid::before {display: none;}
    .catalog .featured-content-block-grid li {width: 100%;}
    .catalog .viewMore {padding-left: 5%;}
    .catalog .catalog-grid-item .catalog-grid-item__body {min-height: 0;}
    .catalog .large-block-grid-3>li {width: 100%; margin-right: 0;}
}
@media only screen and (max-width: 768px) {
    .catalog .catalog-search__button {height: 31px; right: 16px; top: 2px;}
    .catalog-search-bar::after { content: ''; display: block; clear: both;}
    .catalog-search-bar {margin-bottom: 20px;}
}

/* For Learner Access Widget */
.learn.dashboard .twLearnerAccess {padding: 80px 98px;}
.twLearnerAccess .dashboard-access {border: 1px solid #C8C8C8;}
.twLearnerAccess .dashboard-access-tabs {border-bottom: 1px solid #C8C8C8; background: none;}
.twLearnerAccess .dashboard-access-tabs li {background: none; padding: 12px 24px;}
.twLearnerAccess .dashboard-access-tabs li:nth-child(3) {border-left: 0; background: none;}
.twLearnerAccess .dashboard-access-tab--active {border-top: 3px solid #FF61C7; border-left: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8;}
.twLearnerAccess .btn--link {color: #1D1C39; font-size: 12px; font-weight: 500;}
.twLearnerAccess .dashboard-access-tab__count {background: #FF61C7; border: 0; line-height: 20px; min-width: 20px; text-align: center; font-size: 10px; font-weight: 500; color: #1D1C39;}
.twLearnerAccess .dashboard-access-list-item {padding: 16px 20px;}
.twLearnerAccess .dashboard-access-list-item-expander__title {font-size: 12px; color: #1D1C39; font-weight: 500;}
.twLearnerAccess .dashboard-access-list-item .items-center .col-span-3 {font-size: 12px; color: #1D1C39; font-weight: 500;}
.twLearnerAccess .dashboard-access-list-item .items-center .btn--primary {font-size: 12px; color: #FFF; font-weight: 500; border: 0; padding: 6px 12px; background: #6438E0;}
.twLearnerAccess .dashboard-access-list-item:nth-of-type(2n) {background: #F1F1F1;}
@media only screen and (max-width: 1024px) {
    .learn.dashboard .twLearnerAccess {padding: 40px 40px;}
    .twLearnerAccess .dashboard-access-list-item {padding: 20px 12px;}
}
@media only screen and (max-width: 620px) {
    .learn.dashboard .twLearnerAccess {padding: 40px 30px;}
    .twLearnerAccess .dashboard-access-list-item {padding: 12px 12px;}
    .twLearnerAccess .dashboard-access-tabs li {width: 50%; padding: 12px 16px;}
}


/* For Preview Course Page */
.course__detail__sidebar .btn.preview-link { display: inline-block; width: auto; background: #1D1C39 !important; color: #fff; font-size: 16px; font-weight: 600; padding: 20px 32px; border-radius: 50px; margin-bottom: 28px;}
.course__detail__sidebar .btn.preview-link i, .course__detail__sidebar .btn.preview-link span {display: none;}
.course__detail__sidebar .btn.preview-link::before { content: ''; display: inline-block; width: 15px; height: 17px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/jc5qo38pvqre-Play.png) center no-repeat; background-size: 100% auto; vertical-align: top; margin-right: 8px;}
.course__detail__sidebar .btn.preview-link::after {content: 'Login to Start';}
.course__detail__sidebar .panel.hidePanel {display: none;}

/*White Background in Course Frame*/
body {
  background: none !important;
}

/* To hide enroll link (extra start CTA) */
/*.course-group .widget--course-purchase .panel .enroll {display: none;}*/
.hideit {display: none;}
.course__detail__sidebar.loggedOutUser .widget--course-purchase a.btn--primary::after {content: 'Login to start';}

.course__detail__sidebar .widget--course-purchase > .ember-view > div {display: none;}
.course__detail__sidebar.loggedInUser .widget--course-purchase > .ember-view > div {display: block;}
.course__detail__sidebar.loggedOutUser .widget--course-purchase > .ember-view > div {display: block;}
.course__detail__sidebar.loggedOutUser .widget--course-purchase > .ember-view > div.hideit {display: none;}
.course__detail__sidebar.loggedOutUser .widget--course-purchase > .ember-view > div.course__detail__enrolled {display: none;}

/* Dashboard Nav CSS */
.learn.dashboard .twDashNav {display: block; padding: 0; position: fixed; top: 20px; z-index: 2; width: calc(100% - 120px - 300px - 280px); left: calc(60px + 300px);}
.twDashNav .row > .columns {padding: 0;}
.twDashNav .top-bar-section ul {float: none !important;}
.twDashNav .top-bar-section ul::after {content: ''; display: block; clear: both;}
.twDashNav .top-bar-section ul li {float: none; display: inline-block;}
.twDashNav .top-bar-section ul li.back {display: none;}
.twDashNav .top-bar-section li:not(.has-form) a:not(.button) {font-size: 15px; font-weight: 400; color: #000; line-height: normal; padding: 8px 36px; text-transform: none;}
.twDashNav .top-bar-section li:not(.has-form) a:not(.button):hover, .twDashNav .top-bar-section li:not(.has-form) a:not(.button):focus {background: none; color: #000;}
.top-bar-section .has-dropdown>a:after, .top-bar-section .navigation-widget__item--has-dropdown>a:after {top: 16px; /*border-top: 5px solid rgba(0,0,0,1); margin: 0;*/ width: 9px; height: 8px; content: ''; display: block; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/cd986f28-350e-44ce-990d-5638f0f50e0a/9tn0qkwj8fbt-MenuArrow.png) center no-repeat; border: 0; background-size: 100% auto;}
/*.twDashNav .top-bar-section ul.left > li:nth-last-child(3) {float: right;}
.twDashNav .top-bar-section ul.left > li:nth-last-child(3) a:not(.button) {background: #6438E0; color: #fff; padding: 8px 20px; border-radius: 20px;}*/

/*.top-bar-section ul li:hover:not(.has-form)>a, .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button), .top-bar-section .dropdown li a, .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {background: none;  white-space: unset;}*/
.twDashNav .navigation-bar .top-bar-section ul>li.navigation-item:not(.has-form) {padding: 0;}
.twDashNav .navigation-bar .top-bar-section .has-dropdown>a:after {margin-top: -2px; margin-right: 0;}
.twDashNav .top-bar-section ul li.has-dropdown .dropdown { position: fixed !important; top: calc(76px - 24px); background: #fff; padding-bottom: 32px; padding-right: 32px; clip: auto; width: 100%; display: none; padding-top: 24px;}
.twDashNav .top-bar-section ul li.has-dropdown.hover .dropdown {display: block;}
.twDashNav .top-bar-section ul li.has-dropdown .dropdown::before {content: ''; display: block; width: 1px; height: calc(100% - 32px - 24px); position: absolute; top: 24px; background: #E7ECF1; left: 520px;}
.twDashNav .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown {padding-left: 520px;}
.twDashNav .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown::before {left: 520px;}
.twDashNav .top-bar-section ul li.has-dropdown .dropdown li {width: calc(25% - 5px); margin: 8px 0; vertical-align: top; box-shadow: none;}
.twDashNav .top-bar-section ul li.has-dropdown .dropdown li a {font-size: 16px; font-weight: 600; color: #1D1C39; text-transform: none;}

.twDashNav .top-bar-section .has-dropdown.not-click:hover>.dropdown {position: fixed !important;}
.dashboard-header-dropdown__link {margin-top: -12px;}

.shareLnkAdded {display: inline-block;}
.course__detail__sidebar .widget--course-purchase button.btn--primary {float: left;}

@media only screen and (max-width: 1400px) {
    .twDashNav .top-bar-section ul li.has-dropdown.hover .dropdown li a, .twDashNav .top-bar-section ul li.has-dropdown .dropdown li a {font-size: 15px;}
}
@media only screen and (max-width: 1240px) {
    .twDashNav .top-bar-section ul li.has-dropdown.hover .dropdown li {width: calc(33.33% - 5px);}
}
@media only screen and (max-width: 1024px) {
    .twDashNav .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown {padding-left: 488px;}
    .twDashNav .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown::before {left: 488px;}
    .twDashNav .top-bar-section ul li.has-dropdown.hover .dropdown li a {padding: 8px 20px;}
}
@media only screen and (max-width: 960px) {
    .twDashNav .top-bar-section li:not(.has-form) a:not(.button) {padding: 8px 5px;}
    .twDashNav .top-bar-section .has-dropdown > a, .twDashNav .top-bar-section .navigation-widget__item--has-dropdown > a {padding-right: 14px !important;}
    .twDashNav .top-bar-section .has-dropdown > a::after, .twDashNav .top-bar-section .navigation-widget__item--has-dropdown > a::after {margin: 0; right: 0; top: 14px;}
    .twDashNav .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown {padding-left: 396px;}
    .twDashNav .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown::before {left: 396px;}
}
@media only screen and (max-width: 769px) {
    .twDashNav .top-bar-section ul.left > li:nth-last-child(3) {position: static;}
    .twDashNav .top-bar-section {position: fixed; top: 84px; z-index: 2; width: 100%; display: none;}
    .twDashNav .expanded .top-bar-section {display: block;}
    .twDashNav .top-bar-section ul li {display: block; padding: 1px 12px;}
    .twDashNav .top-bar-section ul {padding: 12px; background: #fff;}
    .twDashNav .top-bar-section ul li.back {display: block; margin-bottom: 12px;}
    .twDashNav .top-bar-section li:not(.has-form) a:not(.button) {position: relative;}
    .twDashNav .top-bar-section li:not(.has-form).back a:not(.button) {display: inline-block; padding: 8px 20px; color: #000; border: 1px solid #000; border-radius: 20px;}
    .twDashNav .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown, .twDashNav .top-bar-section ul li.has-dropdown .dropdown {padding: 12px;}
    .twDashNav .top-bar-section ul li.has-dropdown .dropdown {position: absolute !important; top: 0;}
    .twDashNav .top-bar-section ul li.has-dropdown.moved .dropdown {display: block;}
    .twDashNav .top-bar-section ul li.has-dropdown:nth-child(6) .dropdown::before {display: none;}
    
    .learn.dashboard .twDashNav {width: 100%; top: 54px; left: 0; z-index: 2;}
    
}
@media only screen and (max-width: 620px) {
    .twDashNav .top-bar-section ul li.has-dropdown .dropdown li {width: 100%;}
    .twDashNav .top-bar-section ul li.has-dropdown.hover .dropdown li a {padding: 8px 0;}
    .twDashNav .top-bar-section ul li.has-dropdown.hover .dropdown li.back a {padding: 8px 20px;}
}