@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700");

      :root {
        --font: Montserrat;
        --alt-font: Montserrat;
        --accent-color: #044e7c;
        --secondary-color: #006ec7;
        --link-color: #1ab6ce;
        --accent-highlight-color: #044e7c;
        --accent-highlight-background-color: #e7f5fe;
        --accent-tinted-color-70: #b4cad8;
        --accent-tinted-color-80: #cddce5;
        --accent-tinted-color-90: #e6edf2;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #066dad;
        --secondary-hover-color: #008afa;
        --secondary-contrast-color: #fff;
        --link-hover-color: #0f6673;
      }
      

.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/6b2f4979-830b-4277-b609-a47cb541aba7/blzvv2r2cafd-CDNowlogo_white600x110px.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* ---------- VARIABLES ---------- */

:root {
  --color-navy: #044e7c;
  --color-blue: #005fa3;
  --color-gray: #f3f3f3;
  --color-pink: #f7dada;
  --max-width: 1200px;
  --section-padding: 80px;
  --color-neutral: #808080;
}

/* ---------- GLOBAL LAYOUT ---------- */
body {
  color: var(--color-navy);
  background-color: var(--color-gray);
  margin: 0;
  line-height: 1.6;
  font-family: Montserrat; 
}

section {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: var(--section-padding) 20px;
}

/* Sign In */

.session__container {
  border-radius: 12px;
  background: #FFF;
  border:none;
}

h1.h2.mb-1 {
  color:#01080D;
  font-family: Montserrat;
  font-size: 4vw;
  font-style: normal;
  font-weight: 700;
}

.field__input-wrapper,
.field__input {
  border-radius: 12px !important;
  background: #FFF;
}

.field__input {
  border: 1px solid #B3B3B3;
}

.session__forgot a {
  color: #044E7C;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.session {background-color: #e6eef2}

/* Register Page */
.regpage { 
  background-color: #e6eef2; 
  padding-left: 10vw;
  padding-right: 10vw;
  }

  .regpage2 { 
  background-color: #e6eef2;
  padding: 0 10vw  10vw;
  }

  .regpage3 a {
    display: flex !important;
  justify-content: center !important;
  align-items: center;
  }

  .regpage3 { 
    background-color: #e6eef2;
    padding: 2vw;
  }


  .reg-note-box {
  background: #efefef;
  border-radius: 12px;
  padding: 18px 22px;
  max-width: 650px;
  font-family: Arial, sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

.reg-note-box p {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 1rem;
  padding: 0;
  margin-bottom: 8px;
  width: auto;
  padding: 16px 24px;
}

.reg-note-box p + p {
  margin-top: 14px;
}

body.register h3.h2.widget__title {
    color: #01080D !important;
}

.text-right .btn--primary.btn--expand {
  border-radius: 99999px;
  background: #F3F3F3;
  border: 1px solid #F3F3F3;
  color: #B3B3B3;
}

/* Background Color Fixes for Register Page */
body.register .header__inner {
    background-color: #e6eef2;
}

body.register .container {
    background-color: #e6eef2; 
}

body.register header.ti-topnav {
    background-color: #e6eef2 !important;
}

/* Redeem Page */
.redeempage {
   background-color: #e6eef2 !important;
}

button.btn.btn--primary.btn--submit.btn--floating-label.postfix {
  border-radius: 99999px !important;
  background: #F3F3F3;
  border: 1px solid #F3F3F3;
  color: #B3B3B3;
}

body.redeem .btn--link.btn--primary > span {
  color: #006EC7;
  font-family: Montserrat;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: 0.12px;
}

body.redeem .btn--link.btn--primary {
    display: flex;
    justify-content: center;
    align-items: center;
}

.redeem-hero {
  background-color: #e6eef2 !important;
  padding-bottom: 0;
  margin-bottom: 0;
}

.redeem .editor-content > h1 {
    margin-bottom: 0;
}

body.home.register .text-centered .text-xs.mb-2 span {
    display: none !important;
}

body.register .small-offset-3.small-6 > .row:first-of-type {
  margin-left: -16px;
  margin-right: -16px;
}

/* Apply to the button's parent (uid=11081) */
.small-12.medium-4.columns {
    clear: both;
    float: none;
    width: 100%; 
}

body.redeem .header__inner {
  background-color: #e6eef2;
}

body.redeem header.ti-topnav {
    background-color: #e6eef2; 
}

body.redeem .header--microsite .header__inner {
    background-color: #e6eef2;
}

body.redeem .header.header--microsite {
  background-color: #e6eef2;
}

.row.collapse > .medium-8.columns {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

.large-12.columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Header Main Nav */

.ti-topnav{
  background: #fff;
  width:100%;
  padding:14px 40px;
  box-sizing:border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ti-nav-inner{
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
}

.ti-logo img{
  height:36px;
}

.ti-logo {
  grid-column: 1;
  justify-self: start;
}

.ti-main-nav{
  display:flex;
  gap:42px;
  margin-left:auto;
  margin-right:auto;
}

.ti-main-nav a{
  text-decoration:none;
  font-size:16px;
  color:#1f5e86;
  font-weight:600;
}

.ti-main-nav a:hover{
  text-decoration:underline;
}

.ti-login a{
  color:#1f5e86;
  text-decoration:none;
  font-weight:600;
}

.ember-view .header .header--microsite {
background: #fff !important;
}

.index .header--microsite, .dashboard .header--dashboard, .page .header--microsite {
  background: #fff;
}

/* Mobile adjustments for the top navigation */
@media (max-width: 768px) {
  header.ti-topnav {
    padding: 10px 15px !important;
    height: auto !important;
  }

  header.ti-topnav .ti-nav-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
  }

  header.ti-topnav .ti-main-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
  }

  header.ti-topnav .ti-logo {
    margin-bottom: 5px !important;
  }
}

/* Hide Default Sign In in Nav */
#i18n-1 { 
    display: none;
  }

/* Dashboard Nav */

section.top-bar-section {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #fff;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.navigation-bar .top-bar-section ul.left {
  border: none;
}

ul.left .navigation-item a {
  text-decoration:none;
  font-size:3vw;
  color:#1f5e86 !important;
  font-weight: 600 !important;
  font-family: Montserrat;
  font-style: normal !important;
}

ul.left .navigation-item a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px !important;
}

/* Remove padding from the specific navbar widget and columns */
.widget--navbar, 
.widget--navbar .columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Ensure the inner section has 100% width */
section.top-bar-section {
    width: 100%;
}

section.top-bar-section ul.left {
  display: flex;
  justify-content: center;
  width: auto;
  float: none;
}

section.top-bar-section ul.left li {
  float: none;
}

/* Footer */
.custom-footer {
  background: #00578c;
  color: #ffffff;
  padding: 3rem 6rem;
  font-family:  Montserrat;
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  flex-wrap: wrap;
}

/* LEFT */
.footer-left {
  max-width: 360px;
}

.footer-logo {
  width: 150px;
  margin-bottom: 22px;
}

.footer-main-link {
  display: inline-block;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 18px;
  text-decoration: underline;
}

.footer-description {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 28px;
  color: rgba(255,255,255,0.9);
}

.social-label {
  font-size: 12px;
  margin-bottom: 14px;
  color: rgba(255,255,255,0.9);
}

.social-icons {
  display: flex;
  align-items: center;
  gap: 18px;
}

.social-icons img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  transition: opacity 0.2s ease;
}

.social-icons a:hover img {
  opacity: 0.75;
}

/* RIGHT */
.footer-right {
  display: flex;
  gap: 90px;
}

.footer-links-column {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.footer-links-column a {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  transition: opacity 0.2s ease;
}

.footer-links-column a:hover {
  opacity: 0.75;
}

/* BOTTOM */
.footer-bottom {
  margin-top: 45px;
  position: relative;
}

.app-icons {
  display: flex;
  justify-content: flex-end;
  gap: 22px;
  margin-bottom: 18px;
}

.app-icons img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.footer-divider {
  height: 1px;
  background: rgba(255,255,255,0.25);
  width: 100%;
  margin-bottom: 18px;
}

.footer-legal {
  text-align: center;
}

.legal-links {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-bottom: 8px;
}

.legal-links a {
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.footer-legal p {
  font-size: 12px;
  color: rgba(255,255,255,0.8);
  margin: 0;
}

/* RESPONSIVE */
@media (max-width: 768px) {

  .custom-footer {
    padding: 40px 25px 30px;
  }

  .footer-inner {
    flex-direction: column;
    gap: 40px;
  }

  .footer-right {
    gap: 40px;
    flex-wrap: wrap;
  }

  .app-icons {
    justify-content: center;
  }

  .legal-links {
    flex-wrap: wrap;
    gap: 12px;
  }
}

/* Hide TI */

.footer__company__info {
  visibility: hidden;
}

.footer__inner {
  border-top: none;
}

/* Homepage */

body {
  font-family: Arial, sans-serif;
  background: #f5f5f5;
}


/* 4 Cards Grid layout */
.card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1200px;
  margin: 60px auto;
  padding: 0 20px;
}

.card-grid {
  display: grid;
  grid-template-columns: 1fr; /* Mobile default: 1 column */
  gap: 24px;
}

@media (min-width: 600px) {
  .card-grid {
    grid-template-columns: repeat(2, 1fr); /* Tablet: 2 columns */
  }
}

@media (min-width: 900px) {
  .card-grid {
    grid-template-columns: repeat(3, 1fr); /* Desktop: 3 columns */
  }
}

/* Cards */
.card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 260px;
  transition: all 0.25s ease;
}

/* Icons */
.icon {
  font-size: 28px;
  color: #aaa;
  margin-bottom: 16px;
}

/* Titles */
.card h3 {
  color: #1b4f72;
  font-size: 20px;
  margin-bottom: 10px;
}

/* Text */
.card p {
  color: #444;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}

/* Links */
.card a {
  color: #1a73e8;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Carousel */

.featured-content-block-grid small-block-grid-1 medium-block-grid-5 {
  padding: 10px;
}

.small-12 columns {
  padding: 10px;
}

.homepageslider {
  padding: 48px;
}

.featured-content-multi-carousel {
  padding: 10px;
}

.featured-content-multi-carousel-item__title {
  color: #01080D;
  font-family: Montserrat;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

@media (max-width: 991px) {
  h4.featured-content-multi-carousel-item__title {
    font-size: .85rem; 
    line-height: 1.4;
  }

  .featured-content-multi-carousel-item__source {
    font-size: .75rem;
  }

  .featured-content-multi-carousel-item__description{
    font-size: .55rem;
  }
}

.featured-content-multi-carousel-item__source {
  color: #808080;
  font-family: Montserrat;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.48px;
}

.featured-content-multi-carousel-item__description {
  color: #01080D;
  font-family: Montserrat;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0px;
}

.featured-content-multi-carousel-item__body {
  padding: 16px 24px;
}

.icon-navigateright {
  border-radius: 99999px;
  background: #F3F3F3; 
  padding: 8px;
}

.icon-navigateleft {
  border-radius: 99999px;
  background: #F3F3F3; 
  padding: 8px;
}

.btn--bare-icon i {
  padding: 8px;
}

/* Catalog Pages */
.catalog-page-hero {
  background-color: #E6EEF2;
  color: #01080D !important;
  text-align: center;
  font-family: Montserrat;
}

.catalog-page-hero h3.h2.widget__title {
  font-style: normal;
  font-weight: 700 !important;
  line-height: 90px; /* 125% */
  color: #01080D !important;
}

#learner .collection__course__title, #learner .h2 {
  color: #808080;
  font-family: Montserrat;
  font-size: 36px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 44px; /* 122.222% */
}

.catalogwidget > h3.h2.widget__title {
  color: #808080;
  font-family: Montserrat;
  font-size: 36px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 44px; /* 122.222% */
}

#ember2280 > h3 {
  font-weight: 700;
}

.catalog-page-hero .widget__subtitle {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 140% */
}

/* Catalog Ribbons */
/* Hide Corner Fold effect */
.catalog__ribbon-corner {
    display: none !important;
}

.catalog__ribbon.catalog__ribbon--attached {
    text-transform: none !important;
    /* Pill styles */
    top: 8px !important;
    right: 8px !important;
    border-radius: 8px !important; 
    padding: 8px !important;  
}





/* featured content slider */
.featured-content-multi-carousel-item__body { text-align: start; }
.featured-content-multi-carousel-item { 
  background: none !important;
  border: 1px solid #B3B3B3;
  border-radius: 12px;
  padding: 3%;
  margin-top: 10px !important;
}

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


/* Catalog Pagination */
.pagination {
  color: #808080;
}

/* Reflective Pathway Past */
h2 widget__title {
  color: #808080;
  font-family: Montserrat;
  font-size: 36px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 44px; /* 122.222% */
}

#ember2250 > h3 {
  color: #808080;
  font-family: Montserrat;
  font-size: 36px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 44px; /* 122.222% */
}

/* Catalog Search Form */
.catalog-search-bar {
  background: none !important;
}

form.catalog-search {
  background: none !important;
  border: 1px solid #B3B3B3;
  border-radius: 12px;
}

.catalog-filters {
  border: none !important;
}

input[type=search] {
  border-radius: 12px;
}

.catalog-header {
  display: none; /* Hide Default Brose Text */
}
/* Catalog Cards */
.featuredcontentcarousel .catalog-grid-item {
  padding: 3%;
}

.catalog-grid-item {
  border: 1px solid #B3B3B3 !important;
  border-radius: 12px !important;
}

.catalog-grid-item__cta-container {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease;
  height: auto !important;
  min-height: unset !important;
}

.catalog-grid-item:hover .catalog-grid-item__cta-container {
  opacity: 1;
  visibility: visible;
}

.catalog-grid-item__source {
  padding-bottom: 12px;
}

.catalog-grid-item__title {
  color: #01080D;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  height: auto !important;
  min-height: unset !important;
  padding-bottom: 12px;
}

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

/* Card Hover Shadow */
.ember-view .catalog-item {
  transition: all 0.25s ease;
  border-radius: 12px;
  overflow: visible !important;
}

.ember-view .catalog-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  overflow: visible  !important; 
}

/* Catalog Hide Browse Default Title */

h3 .catalog-header {
  display: none !important;
  visibility: hidden;
}

#i18n-4 {
  display: none !important;
}

/* Catalog Search Filters */
.ember-view .catalog-aggregation {
  background: #ffffff;
  color: #333333;
  border-bottom: none !important;
  border-top: none !important;
}

.ember-view .catalog-aggregation .catalog-aggregation--expanded {
  background: none;
  color: #333333;
  border-bottom: none !important;
}

.catalog-aggregation__header--label {
  color: #333333 !important;
}

.icon-navigatedown {
  color: #333333 !important;
}

.btn .btn--bare .btn--inherit-font .catalog-aggregation__value {
  color: #333333 !important;
  background: none;
}

.btn.catalog-aggregation__value {
  color: #333333 !important;
  background: none;
}

.catalog-aggregation__value:hover,
.catalog-aggregation__value:hover .catalog-aggregation__count {
    color: #044f7e !important;
}


.catalog-aggregation__value:hover {
    color: #044f7e !important; 
}

li.catalog-aggregation__value > btn:hover {
      color: #044f7e !important; 
}

.catalog-aggregation__count {
  color: #333333 !important;
}

.catalog-aggregation__count:hover {
  color: #044f7e !important;
}

.catalog-aggregation__header .icon-navigateright {
  background: none !important;
}

li.ember-view {
  color: #333333 !important;
  background: #ffffff !important;
}

ul.unlist {
  background: #ffffff !important;
  border-bottom: 1px solid #CCCCCC !important;
}

.catalog-aggregation--expanded ul li {
   background: #ffffff !important;
   border-bottom: none !important;
}

.catalog-aggregation__expander i {
  color: #333333 !important;
}


/* Dashboard Learner Access */
.dashboard-access {
  border-radius: 12px;
}

ul.dashboard-access-tabs {
    background-color: #E6EEF2 !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.dashboard-access-tabs.unlist {
    background-color: #E6EEF2 !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.dashlearneraccess .dashboard-access-tabs li.ember-view {
    background-color: #E6EEF2 !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.dashlearneraccess .dashboard-access-tabs li.ember-view:active {
  border-top: none;
}

.dashboard-access-tabs .dashboard-access-tab--active {
    border-top: none !important;
    border-bottom: 3px solid #378ACA !important;
}

.widget--dashboard-access .dashboard-access-tab--active .dashboard-access-tab__label,
.widget--dashboard-access .dashboard-access-tab--active .dashboard-access-tab__count {
    color: #044E7C !important;
}

.widget--dashboard-access .dashboard-access-tab .dashboard-access-tab__label,
.widget--dashboard-access .dashboard-access-tab .dashboard-access-tab__count {
  color: #808080;
  font-weight: 600;
}

.widget--dashboard-access.dashlearneraccess {
    padding-top: 64px !important;
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.ember-view .row .widget widget--featured-content widget--featured-content_multi-carousel .dashnewreleases {
  padding-left: 10% !important;
}

.col-start-11.col-span-2.text-right {
    text-align: center !important;
}

/* Dashboard Reflective Pathway */
.dash-reflective-pathway .featured-content-multi-carousel-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center; 
}



/* Ensure the image container doesn't take up the full width */
.dash-reflective-pathway .catalog-grid-item__asset-container {
    flex: 0 0 40%; /* Image takes up 40% of the width */
    max-width: 40%;
}

/* Ensure the text container takes up the rest of the space */
.dash-reflective-pathway .featured-content-multi-carousel-item__body {
    flex: 1; /* Takes up the remaining 60% */
    padding-left: 20px; /* Adds some space between image and text */
}

.widget--featured-content.dash-reflective-pathway {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.widget--featured-content_multi-carousel {
    padding-left: 10% !important;
    padding-right: 10% !important;
}


/* Dashboard Reflective Pathway Heading Padding */
.widget.widget--one-column {
     padding-left: 10% !important;
     padding-right: 10% !important;
}

/* Dashboard Footer */
.dashfoot {
  background-color: #044E7C;
  color: #fff;
  padding-left: 10% !important;
  padding-right: 10% !important;
  padding-top: 40px !important; 
  padding-bottom: 40px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}

.dashfootlinks {
  color: #fff;
  display: flex !important;
  flex-direction: row !important;
  gap: 24px; 
  align-items: center;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
}

.dashcopyright {
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 400;
}

/* Fix For Aria Inhereited Padding */
section[aria-label*="Notifications"] {
    padding: 0 !important;
    height: 0;
    overflow: hidden;
}

/* Learner Access Table Content */

/* Course Titles */
.dashboard-access-list-item-expander__title {
  color: #01080D;
  font-family: Montserrat;
  font-weight: 700;
}

.dashboard-access-list-item .icon-navigateright {
  background: none;
}

/* Content Type */
.widget--dashboard-access .grid.grid-cols-12 > .col-span-3 {
  color: #614C0A;
  background: #FCF2D1;
  border-radius: 8px;
  padding: 8px;
  text-align: center;
  font-family: Montserrat;
  font-weight: 400;
}

/* Course Links */
.widget--dashboard-access .col-start-11 .btn--primary {
  background: none;
  color: #044E7C;
  font-family: Montserrat;
  font-weight: 600;
  border: none;
}

section#access-section-0 {
  padding: 0px;
}

/* Course Details Pages */
.course__detail__header h1.h2 {
  color: #4D4D4D !important;
  font-family: Montserrat;
  font-size: 4vw;
  font-weight: 700;
}

.course__detail__header p {
  color: #01080D;
  font-family: Montserrat;
  font-size: 1vw;
}

.course__detail__enrolled {
  border-radius: 12px;
  border: 1px solid #CCC;
  background: #FFF;
}

a.btn.btn--bare.btn--small.btn--no-margin {
  color: #808080;
  font-family: Montserrat;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 128%; 
}

.course__detail__sidebar .panel {
   border-radius: 12px;
  border: 1px solid #CCC;
  background: #FFF;
}

.enroll__title {
  color: #808080;
}

.course__detail__sidebar .panel .btn.btn--primary {
    background-color: #006EC7 !important;
    border-color: #006EC7; 
    border-radius: 99999px;
    padding: 12px 24px 12px 32px;
    justify-content: center;
    align-items: center;
}

/* Support Page */
.support-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(318px, 1fr));
  gap: 14px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 52px;
  padding-bottom: 52px;
  border:none;
  padding-left: 4vw;
  padding-right: 4vw;
}

.support-card {
  background: #E6F1FA;
  border-radius: 6px;
  min-height: 88px;
  padding: 18px 14px;
  
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;

  text-align: center;
  text-decoration: none;

  color: #006EC7;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;

  transition: all 0.2s ease;
}


.support-card .icon {
  font-size: 48px;
}

.home.support h3.h2.widget__title {
  color: #01080D !important;
  padding: 24px !important;
}

/* ==================== */
/* CD NOW ACCORDION     */
/* ==================== */
/* Container */
.cd-accordion {
  font-family: 'Open Sans', sans-serif; /* Match CD Now typography */
  max-width: 800px; /* Optimal reading width */
  margin: 0 auto;
}

/* Accordion Item */
.cd-accordion-item {
  border-bottom: 1px solid #E1E1E1; /* Light gray border */
  margin-bottom: 0.5rem;
}

/* Question/Header */
.cd-accordion-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
  cursor: pointer;
  background-color: #fff; 
  transition: background-color 0.2s ease;
  list-style: none; /* Hide default <summary> marker */
}

.cd-accordion-question:hover {
  background-color: #fff; 
}

/* Question Text */
.cd-accordion-title {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #01080D; 
}

/* Custom Icon (Plus/Minus) */
.cd-accordion-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
}

.cd-accordion-icon::before,
.cd-accordion-icon::after {
  content: '';
  position: absolute;
  background-color: #2A4365; /* Match title color */
  transition: transform 0.2s ease;
}

.cd-accordion-icon::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
}

.cd-accordion-icon::after {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  transform: translateX(-50%) rotate(90deg);
}

/* Expanded State */
.cd-accordion-item[open] .cd-accordion-question {
  background-color: #fff;
}

.cd-accordion-item[open] .cd-accordion-icon::after {
  transform: translateX(-50%) rotate(0deg);
}

/* Answer Content */
.cd-accordion-answer {
  padding: 1.25rem;
  background-color: white;
  line-height: 1.6;
  color: #4A5568; /* Dark gray for readability */
}

/* Focus Accessibility */
.cd-accordion-question:focus {
  outline: 2px solid #fff; /* CD Now blue */
  outline-offset: 2px;
}

/* Text Color Correction */
.syllabus__topic--non-expandable-title-text {
  color: black !important ;
}

/* OLD PRESERVE */
/* Customize the tile background */
.featured-content-tile {
    padding: 20px;
    border-radius: 8px; /* Rounded corners */
    position: relative;
}

/* Add a lock icon to the top right corner */
.featured-content-tile .tile-lock {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #f4f4f4;
    padding: 5px 10px;
    border-radius: 50%;
}

/* Image styling */
.featured-content-tile img {
    width: 100%; /* Ensure image fills the tile */
    height: auto;
    border-radius: 8px; /* Make the image have rounded corners */
    object-fit: cover; /* Ensure the image fits well */
}

/* Content title styling */
.featured-content-tile .content-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333; /* Dark text for readability */
}

/* Content description styling */
.featured-content-tile .content-description {
    font-size: 1rem;
    color: #555;
    margin-bottom: 20px;
}

/* Utility spacing */
.text-center { text-align: center; }
.mb-40 { margin-bottom: 40px; }

/*  HERO */
.hero {
  background-color: white;
  text-align: center;
}


.hero h1{
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: .5em;
  color: black;
  font-size: 4em;
}

.hero h3 {
  font-weight: 700;
  margin-bottom: 16px;
  color: black;
  padding-top: 3em;
}

.hero p {
  font-size: 1.25rem;
  margin-bottom: 32px;
  color: black;
}

/* Testimonials */

#ember2292 > h3 {
  font-weight: 700;
  margin-bottom: 16px;
  color: black;
  padding: 3em;
}

.four-column--testimonials {
  background-color: #F6F8FA;
  padding: 80px 0;
  text-align: center;
}

.four-column--testimonials .ti-widget-four-column__title,
.four-column--testimonials h2 {
  font-size: 1.75rem;
  font-weight: 700;
  color: black;
  margin-bottom: 48px;
}

/* Grid Layout */
.four-column--testimonials .ti-widget-four-column__columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/*  Individual Card */
.four-column--testimonials .ti-widget-four-column__column {
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  padding: 28px 32px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.four-column--testimonials .ti-widget-four-column__column:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* Quotation mark */
.four-column--testimonials .ti-widget-four-column__column::before {
  content: "“";
  color: #A7C7E7;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 12px;
  display: block;
}

/* Text Content */
.four-column--testimonials .ti-widget-four-column__column p {
  color: black;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 20px;
  font-weight: 800;
}

/* Author  */
.four-column--testimonials .ti-widget-four-column__column a,
.four-column--testimonials .ti-widget-four-column__column .author {
  font-weight: 500;
  color: #022e4a; 
  text-decoration: none;
  display: block;
  margin-bottom: 4px;
}

/* Role / Subtitle */
.four-column--testimonials .ti-widget-four-column__column .role {
  color: #6B6B6B;
  font-size: 0.9rem;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .four-column--testimonials {
    padding: 60px 0;
  }

  .four-column--testimonials .ti-widget-four-column__columns {
    gap: 20px;
  }

  .four-column--testimonials .ti-widget-four-column__column {
    padding: 24px;
  }
}

/*  RESPONSIVE */
@media (max-width: 1024px) {
  :root { --section-padding: 60px; }
  .hero h1 { font-size: 2.25rem; }
}

@media (max-width: 768px) {
  :root { --section-padding: 40px; }
  .hero h1 { font-size: 2rem; }
  .hero p { font-size: 1.1rem; }
}

@media (max-width: 480px) {
  .hero h1 { font-size: 1.75rem; }
  .why-cd .grid,
  .journey .card-grid,
  .educators .grid { grid-template-columns: 1fr; }
}

/* Blue Two-Column Section */

.two-column--blue {
  background-color: #044E7C;
  color: white;
}

.two-column--blue .row {
  padding: 40px;
}

.two-column--blue .ti-widget-two-column {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  gap: 60px;
  padding: 0 24px;
}

/* LEFT COLUMN */

.two-column--blue .column-left {
  flex: 1 1 50%;
  max-width: 560px;
  padding: 40px 48px;
  border-radius: 6px;
}

/* Label – simple text */
.two-column--blue .column-left .label {
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  color: white;
  margin-bottom: 8px;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  text-transform: none;
  letter-spacing: normal;
}

.two-column--blue .column-left h3 {
  font-size: 1.8rem;
  font-weight: 700;
  color: white;
  margin-bottom: 16px;
}

.two-column--blue .column-left p {
  color: white;
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 32px;
}

.two-column--blue .column-left a {
  font-weight: 700;
  font-size: 0.95rem;
  color: white;
  text-decoration: none !important;
  border-bottom: 2px solid white;
  padding-bottom: 2px;
  transition: all 0.2s ease;
}

/* RIGHT COLUMN */
.two-column--blue .column-right {
  flex: 1 1 45%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.two-column--blue .column-right img {
  width: 100%;
  max-width: 500px;
  border-radius: 6px;
  background-color: rgba(255,255,255,0.05);
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .two-column--blue .ti-widget-two-column {
    flex-direction: column;
    text-align: center;
  }

  .two-column--blue .column-left {
    flex: 1 1 100%;
    max-width: 100%;
    padding: 32px 24px;
  }

  .two-column--blue .column-left a {
    display: inline-block;
  }

  .two-column--blue .column-right img {
    margin-top: 40px;
    max-width: 100%;
  }
}

/* JOURNEY */
.journey-section {
  text-align: left;
  padding: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85%;
}

.journey-section section.header h3 {
color: #003366;
font-weight: 600;
font-size: 1.1rem;
padding: 80px;
}

.journey-section > h3 h2 .widget__title { 
font-size: 2.5rem;
font-weight: 800;
color: #111 !important;
margin-bottom: 1rem;
}

.journey-description {
font-size: 1.1rem;
color: #333;
margin-bottom: 3rem;
}

.journey-card {
background: white;
border-radius: 16px;
overflow: hidden;
max-width: 400px;
border: 1px solid var(--neutral-200, #CCC);
background: var(--OLD-surface-white, #FFF);
}

.journey-tag {
display: inline-block;
position: absolute;
top: 12px;
left: 12px;
padding: 4px 10px;
border-radius: 12px;
font-size: 0.8rem;
font-weight: 600;
color: #000;
}

.tag-green { background-color: #c6f4d6; }
.tag-purple { background-color: #d9c7ea; }
.tag-blue { background-color: #bfeef4; }
.tag-lightblue { background-color: #c7def9; }

.journey-image {
height: 160px;
background-color: #ffe5e5;
display: flex;
align-items: center;
justify-content: center;
}

.journey-content {
padding: 20px;
text-align: left;
}

.journey-content h4 {
font-size: 1.1rem;
font-weight: 500;
color: #111;
margin-bottom: 0.5rem;
}

.journey-content p {
color: #555;
font-size: 0.9rem;
line-height: 1.4;
}

/* Blue Homepage CTA */
.bluecta {
     background-color: #CDDCE5;
     text-align: center;
     padding: 400px;
}

.bluecta-content {
  margin: 0 auto;
  padding: 5vw;
}

.bluecta-label {
  color: #044E7C;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.48px;
}

.bluecta-heading {
   font-size: 2.375rem;
   font-weight: 800;
   margin: 20px;
   line-height: 1.1;
   color: #01080D;
}

.bluecta-subtext {
  color: #666666;
  text-align: center;
  font-family: Montserrat;
  font-size: 1.87rem;
  font-style: normal;
  font-weight: 700;
  line-height: 116%;
  letter-spacing: -0.075px;
}

.bluecta-text {
  color: #01080D;
  text-align: center;
  font-family: Montserrat;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 162%;
}

.bluecta-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  border-radius: 99999px;
}

.bluecta-buttons-one {
   background-color: #006ec7;
   color: #ffffff;
   border-radius: 99999px;
   padding: 15px 25px 15px 25px;
   font-weight: 400;
   font-family: Montserrat;
}

.bluecta-buttons-one:hover {
   background-color: #006ec7;
   color: #ffffff;
   padding: 15px 25px 15px 25px;
   font-weight: 400;
}

.bluecta-buttons-two {
   background-color: #f2f7f8;
   padding: 15px 25px 15px 25px;
   font-weight: 400;
   border-radius: 99999px;
   border: 1px solid #006EC7;
   color: #006ec7 !important;
   font-family: Montserrat;
}

a.bluecta-buttons-one {
   color: white !important; 
}

.bottom-bluecta-button {
  display: inline-flex;
  justify-content: center;
  border-radius: 99999px;
  background-color: #006ec7;
  color: #ffffff !important;
  font-weight: 400;
  font-family: Montserrat;
}

.homepathpar {
  color:#01080D !important;
  font-family: Montserrat !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162%;
  padding-bottom: 36px;
}

/* Dark Subheading Homepage */

.darkheading {
  color: #01080D;
  font-family: Montserrat;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; 
  letter-spacing: -0.19px;
  padding-bottom: 36px;
  padding-top: 24px;
  }

/* Reflective Pathway Homepage */
 .homerefpath {
   display: flex;
   padding-left: 48px;
   padding-right: 48px;
   width: 85%;
   justify-content: center;
   align-items: center;
 }

/* Homepage Start Here Heading */
#ember2223 > h3 {
}

/* Homepage Explore Pathway Button */
.explorebtn {
  border-radius: 99999px;
  border: 1px solid #006EC7;
  background: rgba(255, 255, 255, 0.50);
  color: #044E7C;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  font-weight: 600;
}

/* Homepage Reflective Pathway */

.homepagereflectivepathway .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;      
  justify-content: center; 
  align-items: center;      
  margin: 0 auto;
 max-width: 1200px;
}
.homepagereflectivepathway .columns {
  float: none !important;
  flex: 1;       
}


/* Visual styles */
.accordion {
  color: black;
  overflow: hidden;
}

.tab__label,
.tab__close {
  display: flex;
  color: black;
}

.tab__label {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  font-size: 20px;
  font-weight: 500;
  position: relative; 
  font-size: 20px;
  padding-left: 10px;
}

.tab__label::after {
  content: "-";
  color: #378ACA;
  font-size: 24px;
  width: 2em;
  height: 2em;
  text-align: center;
  transition: transform 0.25s ease, opacity 0.25s ease;
  padding-left: 10px;
  font-weight: bold;
}

.tab input:checked + .tab__label::after {
  content: "+";
  font-size: 24px !important;
  font-weight: bold;
}

.tab__content p {
  margin: 0;
  padding: 1rem;
  font-size: 20px;
}

.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
}

input[type=checkbox]+label, input[type=radio]+label {
    margin-left: 0;
    display: flex !important;
}

.dash_footer {
  background: var(--color-navy);
  color: #fff;
}

/* END V2 UPDATES */


/* TI LIVE TEST */
/* Skins Package css */

:root {
/*colors*/
--sknprimary:  #044e7c; /* default: #696ab0 39 occurrences */
--sknsecondary: #044e7c; /* default: #6a6ab0 99 occurences This is almost the same color as the primary.  */
--sknsearchbar: #CCE2F4; /*search bar background default is #f0f0f7 /
--sknschborder: #006ec7; /*transparent in skin but set to secondary color for britannica also set border to 2px from 0px*/
--sknherosliderlight: #a9a7d3; /* default: #a9a7d3 hero slider disabled button*/
--skncataloglight: #ddf7ff; /* default: #efedf8 shadow on catalog search bar and filter facet background*/
--skncatalogaggregation: #ddf7ff; /* default: #e2e2f6 expanded filter background - slightly different light gray/purple*/
--sknextralight: #cec8e9; /* default: #cec8e9 access widget item background*/
--skndiscussionsearchbar: #ddf7ff; /* default: #eae9f5 another slightly different purple/gray */
--lighttext:white;
--sknprimarytext:black;
}




/*  Course Page */
@media only screen and (min-width: 64.063em) { .directional__nav .directional__nav__label { visibility: unset; } }
@media only screen and (min-width: 48.063em) { .section-progress-bar, .layout-panel .section .columns { padding: 0 0rem; } }
@media only screen and (min-width: 90.063em) { .learner__sidebar {margin-top: 8%;} }
@media only screen and (min-width: 64.063em) { .learner__sidebar {margin-top: 7.2%;} }
.header--student .header__left__icon { background: var(--sknprimary); padding: 15px;}
.header--student .header__left__icon .icon-home { font-size: 45px; color: white;}
.header--student .header__left__copy .course-title { color: black; font-weight: 500;} 
.learner__content .layout-panel { background: transparent; }
.topic__container { background: white; padding: 18px; }
.directional__nav__button.directional__nav__button--left, .directional__nav__button.directional__nav__button--right { } /* removed teh display none for the nav buttons */ 
.directional__nav a, .directional__nav button.directional-nav__arrow {padding: 5px 0px 0px 0px;font-weight: bold;}
.topic__container { margin-top: 50px; }
.topic__edit { background: white; }
.topic__edit .button-group  { padding: 20px; }
.section-progress-bar span { background-color: var(--sknprimary); height: 6px; border-radius: 10px; }
.section-progress-bar div {background:var(--sknsecondary);}
.learner__container__toggle.text-right { margin-bottom: 25px; background:var(--sknprimary); border-radius: 10px; padding: 5px; }
.learner__container__toggle.text-right .btn--primary { background: var(--sknprimary) !important; border: 0px solid; color: white !important; } /*required the !important notation */ 
.expandable-sidebar__toggle { background: transparent; color: #2c2c2c; font-size: 15px; font-weight: bold; }
.expandable-sidebar--toggled .expandable-sidebar__toggle { color: var(--sknsecondary);}
.layout-panel { background: transparent; }
.layout-panel .learner__sidebar__expandables .expandable-sidebar {background: white;border-radius: 10px;margin-bottom: 5px;}
.learner__sidebar-list>li { border-bottom: 1px solid black; }
.section-progress-bar div { border-radius: 5px; }
.learner__container .learner__sidebar__search .small-8 {display: none;}
.learner__container .learner__sidebar__search .learner__sidebar__search-icon {display: none;}
.learner__container .learner__sidebar__search .small-4 {display: block; width: 100%; text-align: right;}
.learner__container .learner__sidebar__search .small-4 .btn--primary {display: inline-block;}
.learner__container .learner__container__toggle .btn--primary{background: var(--sknprimary);color: white;border: 0px;border-radius: 9px;width: 86px;}
.learner__sidebar-inner-list span.syllabus__section-title {color: black;margin-bottom: 1em;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:not(:hover) {color: black;}
.syllabus__topic--non-expandable-title-text {}
li.syllabus__topic--non-expandable:before { display: none; }
.syllabus__topic.syllabus__topic--active.syllabus__topic--non-expandable {background-color: var(--sknprimary);}
.syllabus__topic--active .syllabus__topic--non-expandable-title-text {color: white;}
.syllabus__topic--non-expandable .syllabus__topic--non-expandable-title-text { margin-top: 2px; }
.syllabus__topic { margin-bottom: 87px; }
.learner__sidebar-inner-list li { margin-bottom: 5px; margin-top: 5px; }
.learner-section__title__container .learner-section__title, .learner-section__title__container .learner-lesson__title { color: black; }
.learner__sidebar .expandable-sidebar__buttons {background: var(--sknsecondary)
;border-radius: 10px;padding: 5px;}
.learner__sidebar .expandable-sidebar__buttons a{ color:white; }
.learner__sidebar-inner-list.learner__sidebar-inner-list--disabled { background-color: white; }
@media (min-width:320px) and (max-width: 767px) {
  .header--student .header__left__icon .icon-home { font-size: 23px; }
  .directional__nav .directional__nav__label  { display: block; }
}
@media (min-width: 768px) and (max-width: 1024px){ 
  .header--student .header__left__icon { width: 61px; }
  .directional__nav .directional__nav__label  { display: block; }
  .header--student .header__left__icon .icon-home {font-size: 28px !important;}

    .section4 .catalog-grid-item__title {font-size: 18px;}
    .section4 .catalog-grid-item__description {font-size: 12px;}
    .section4 .catalog-grid-item__cta-container .btn--right {font-size: 12px; padding: 6px 12px !important; border-radius: 6px;}
}
/*  Course Page */


/* Dashboard 
.learn.dashboard .widget {padding: 0px;}
.header--dashboard { top: 17px; padding: 0; }
.widget--dashboard-stats .columns {padding: 0;margin-bottom: 24px;background: #f2f2f2;}
.dashboard-stat__label {font-size: 14px; text-transform: none;}
.dashboard-stat__label .dashboard-stat__icon { display: none; }
.dashboard-stat--available .dashboard-stat, .dashboard-views__line__bar  { background: var(--sknprimary); }
.dashboard-stat--collaborations .dashboard-stat { background: #f75046; }
.dashboard-stat--completed .dashboard-stat { background: #f7c946; }
.dashboard-stat--started .dashboard-stat {background: #65c6db;}
.dashboard-stat__label, .dashboard-stat__value.dashboard-stat__value--huge { color: white; }
.dashboard-views__header { color: var(--sknprimary); font-weight: 700; text-transform: none; font-size: 14px;}
.Dashboardhero .hero__title { font-size: 76px !important; }
.dashboard-stats__container { padding: 25px; }
.look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title{ font-size: 56px; font-weight: bold; margin: 40px 0 54px 0; color: var(--sknprimary);}
.widget--dashboard-access { width: 80%; }
.dashboard-access { margin-bottom:50px; }
.dashboard-access-tab--active {background: var(--sknprimary);font-weight: 700;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.dashboard-access { border: 0px solid #cbcbcb; }
.dashboard-access-tabs {background: transparent;border-bottom: 0px solid #cbcbcb; }
.dashboard-access-tab--active .dashboard-access-tab__count, .dashboard-access-tab--active .dashboard-access-tab__label {color: white;background: transparent; border: 0px solid #cbcbcb;}
.dashboard-access-tab--inactive { background: #e9e9e9; font-weight: 900;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.dashboard-access-tab { margin-right: 3px; }
.dashboard-access-tab__count { background: transparent; border: 0px solid #cbcbcb; }
.explore-tabs { text-align: center; }
.explore-tabs-btn {display: inline-block;margin-left: 50px;margin-right: 50px;padding: 20px;width: 210px;border-radius: 15px;border: 3px solid var(--sknprimary); font-weight: 700;}
.explore-tabs-btn2 {display: inline-block;margin-left: 50px;margin-right: 50px;padding: 20px;width: 210px;border-radius: 15px;border: 3px solid var(--sknsecondary); font-weight: 700;}
.Explore-topic .btn--primary { background-color: var(--sknprimary); border-radius: 10px !important; font-size: 22px; font-weight: 600; padding: 12px 56px; color: #fff; border: 0;}




.dashboard-section5 .catalog-search-bar {padding: 0; background: #fff; border: 3px solid var(--sknsecondary);}
.dashboard-section5 .catalog-search-bar .catalog-filters {background: none; border: 0;}
.dashboard-section5 .catalog-search-bar .catalog-filters__search {background: none;}
.dashboard-section5 .catalog-search-bar .catalog-search input {padding-left: 20px;}
.dashboard-section5 .catalog-search-bar .catalog-search input, .dashboard-section5 .catalog-search-bar .catalog-search select, .dashboard-section5 .catalog-filters__sort {background: none;}
.dashboard-section5 .catalog-filters__sort {border-left: 3px solid var(--sknsecondary);}
.udashboard-section5 .catalog-display-type {padding-right: 1rem; background: none;}
.dashboard-section5 .catalog-display-type button {border: 0;}
.dashboard-section5 .catalog-display-type button.btn--primary {color: var(--sknsecondary);}



.dashboard-section5 {width: 80%;margin-bottom: 100px;margin-top: 50px;}
/*.dashboard-section5 .catalog-filters {border-top-left-radius: 15px;border-bottom-left-radius: 15px;border: 0px solid var(--skncataloglight);background: transparent; border-right: 1px solid white;}
.catalog-filters__selections { border-left: 1px solid white; background: transparent; }*/
/*.dashboard-section5 .catalog-display-type .btn { border: 0px; color: black; }
.catalog-display-type {background: var(--skncataloglight);border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.dashboard-section5 .catalog-display-type .btn:hover { border: 0px; background: var(--skncataloglight); color: black; }
.dashboard-section5 .icon-navigatedown { color: white; }
.catalog-aggregation--expanded.catalog-aggregation__header--label { color: white; }
.catalog-aggregation { border-top: 0px; background: #e9e9e9; margin-bottom: 15px;}
.catalog-aggregation--expanded {background: var(--sknprimary);padding: 0px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.catalog-aggregation--expanded ul { background: var(--skncatalogaggregation); }
.catalog-aggregation--expanded .catalog-aggregation__header--label { color: white; }
.catalog-aggregation--expanded .catalog-aggregation__header { padding: 11px !important; }
.catalog-aggregation--expanded ul li { border-bottom: 1px solid; margin-left: 39px; }
.catalog-aggregation--expanded .catalog-aggregation__value { margin-left: 0px; }
.dashboard-section5 .js-results-holder .catalog-grid-item { border: 3px solid var(--sknsecondary); border-radius: 18px; }
.dashboard-section5 .catalog-grid-item__body .btn--right{ float:left; border: 3px solid var(--sknsecondary); padding: 5px 7px !important; color: var(--sknprimary); margin-top: 15px; border-radius: 6px; margin-bottom: 16px; font-size: 12px; font-weight: 600;}
.dashboard-section5 .catalog-grid-item__title { font-size: 19px; font-weight: bold; }
.dashboard-section5 .catalog-grid-item__asset-container { padding: 20px; }
.dashboard-section5 .catalog-grid-item .column.medium-12 { padding:0px; }
.dashboard-section5 .ember-text-field { background: transparent; }
.Explore-topic { margin-top: 50px; }

.dashboard-section6 {background-color: var(--skndashlight);}
.dashboard-section6 .featured-content-multi-carousel {width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 54px;}
.dashboard-section6 .widget__title { font-size: 56px; font-weight: bold; margin: 100px 0 54px 0; color: #2e2e2e;}
.dashboard-section6 .featured-content-multi-carousel-item {background: transparent;text-align: center;border-right: 0px solid;}
.dashboard-section6 .featured-content-multi-carousel-item img { border-radius: 39px; }  
.dashboard-section6 .featured-content-multi-carousel-item__body { text-align:left }
.dashboard-section6 .featured-content-multi-carousel-item__title {padding: 0 .5em; margin-top: 21px; font-size: 23px;}
.dashboard-section6 .featured-content-multi-carousel__nav-right .icon-navigateright, .dashboard-section6 .featured-content-multi-carousel__nav-left .icon-navigateleft{font-size: 40px;color: var(--sknprimary);}
.dashboard-section6 .featured-content-multi-carousel__nav-left { left: 7%; }
.dashboard-section6 .featured-content-multi-carousel__nav-right { right: 7%; }

.dashboard-section7 {width: 80%;margin-top: 100px;margin-bottom: 100px;}
.dashboard-section7 .section5 .ember-view div:nth-child(1) { margin-left: 0%; }
.dashboard-section7 .section5 .widget__cta { margin-right: 0%; }

.dashboard-section5 .catalog-grid-item__hr, .dashboard-section8 .catalog-grid-item__hr {display:none;}
.dashboard-section8 .catalog-grid-item { border: 1px solid var(--sknprimary); padding: 1rem 0; border-radius: 10px;}
.dashboard-section8 .catalog-grid-item__cta-container .btn--right { float: left; color: var(--sknprimary); font-weight: bold; margin-top: 15px; border: 1px solid var(--sknprimary); border-radius: 6px; padding: 6px 12px !important;}
.dashboard-section8 .catalog-grid-item__body .catalog-grid-item__title { font-weight: bold; }
.dashboard-section7 .section5 .widget__title { margin-left: 12px; }
.dashboard .dashboard-section8 { width: 80%; }
.dashboard .section5 { width: 98%; }
.dashboard-section8 { margin-bottom: 120px; } */

.Testimonials .small-12.columns {padding-left: 0px;padding-right: 0px;}
.Testimonials .testimonial-widget { margin: 0px; }
.Testimonials .ember-view.testimonial { max-height: 800px; min-height: 750px; }
.Testimonials .testimonial-quote.testimonial-quote--left {margin-left: 50%; color: white;padding: 100px;}
.Testimonials .testimonial .testimonial-quote__author-name:before , .testimonial .testimonial-quote__author-name:before { display: none; }
.Testimonials .testimonial .testimonial-quote__text {font-size: 25px;margin-top: 22%;}
.Testimonials .testimonial .testimonial-quote__author-name, .testimonial-quote__author-description { font-size: 16px; font-style: normal;}
.Testimonials .testimonial .testimonial-quote__author-name {text-transform: uppercase;}
.Testimonials .testimonial .testimonial-quote__author-description {font-style: normal;}
.FeaturedContent .ember-view .row:nth-child(2) { margin-left: 0%; border: 2px solid var(--sknprimary);}
.FeaturedContent {width: 80%;padding: 20px !important;margin-top: 100px;}
.FeaturedContent img { width:100%; }
.FeaturedContent .medium-6.columns { padding-left: 0rem; padding-right: 0rem; }
.FeaturedContent p { margin-bottom: 0px; }
.section-editor { padding: 68px; }
.section-editor button{ background: var(--sknprimary); border: 0px solid transparent; border-radius: 10px; color: white; margin-top: 20px; font-size: 18px; font-weight: 600;}
.section-editor h3 { font-size:42px; margin-bottom: 30px;}
.section-editor .first { font-weight:bold; font-size: 24px;}
.section-editor p { font-size:18px; margin-bottom: 10px;}
.catalog-display-type button.btn { background: transparent; }
.footer {padding: 0;}
.footer .footer__inner {padding: 0; border: 0;}
.footer .footer__company__info {display: none;}
.footer .urbanFooter {display: block;padding: 40px 0;background: var(--sknprimary);color: #fff;}
.footer .urbanFooter .logo {display: block; padding: 4px; background: #fff; text-align: center;}
.footer .urbanFooter nav {display: block;padding: 50px 0;margin: 0 auto;width: 90%;border-bottom: 1px solid white;}
.footer .urbanFooter nav .col {display: inline-block;width: 16%;vertical-align: top;}
.footer .urbanFooter nav .col h3 {font-size: 16px; font-weight: 700; margin-bottom: 8px; color: #fff; text-transform: uppercase;}
.footer .urbanFooter nav .col ul {display: block; margin: 0;}
.footer .urbanFooter nav .col ul li {margin-bottom: 4px; list-style-type: none;}
.footer .urbanFooter nav .col ul li a {color: #fff; text-transform: uppercase; font-size: 12px; text-decoration: none;}
.footer .urbanFooter nav .col address {font-style: normal; text-transform: uppercase;}
.footer .urbanFooter .socialMedia {display: block; text-align: center; padding: 20px 0;}
.footer .urbanFooter .socialMedia {display: block; margin: 0;}
.footer .urbanFooter .socialMedia ul li {display: inline-block; margin: 0 10px;}
.footer .urbanFooter .socialMedia ul li i {display: block; font-family: "Font Awesome 5 Brands"; font-size: 20px; color: #fff; font-style: normal;}
.footer .urbanFooter .socialMedia ul li i.fb::before {content: "\f39e";}
.footer .urbanFooter .socialMedia ul li i.tw::before {content: "\f099";}
.footer .urbanFooter .socialMedia ul li i.in::before {content: "\f0e1";}
.footer .urbanFooter .socialMedia ul li i.yt::before {content: "\f167";}
.footer .urbanFooter .socialMedia ul li i.ig::before {content: "\f16d";}
.footer_text { padding: 15px 5% 45px; }
/*.layout__content .widget.Testimonial {padding: 3rem 12%;}*/
.layout__content .widget.Testimonial .testimonial {height: 32vw; background-size: 32vw 32vw; background-position: center left; padding-left: 40vw;}
.layout__content .widget.Testimonial .testimonial-quote {text-align: left; padding: 0;}
.layout__content .widget.Testimonial .testimonial-quote::before {font-size:62px; content: 'What our educators say';font-weight: bold; display: block; margin-bottom: 32px;}
.layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text { font-size: 17px; font-style: italic;}
.layout__content .widget.Testimonial .testimonials__nav--left {left: 0;}
.layout__content .widget.Testimonial .testimonials__nav--right {right: 0;}
.layout__content .widget.Testimonial .featured-content-block-grid.testimonial-content-middle>li {padding: 0 64px;}
.layout__content .widget.Testimonial .testimonials__nav {width:44px;}
.expandable-sidebar__toggle {font-size: 20px; text-transform: none;}
.expandable-sidebar__toggle i.expandable-sidebar__icon--left::before {display: none;}
.expandable-sidebar__toggle i.expandable-sidebar__icon--left {display: inline-block; width: 40px; height: 35px; vertical-align: middle;}
.learner__sidebar .Lessons .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/plzkcuiuz20f-Lessons.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Lessons .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/2e401bxocqyn-Lessons-act.png) center no-repeat;}
.learner__sidebar .Resources .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/atxx74bubfiq-Resources.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Resources .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/3mxvdovv588r-Resources-act.png) center no-repeat;}
.learner__sidebar .Assignments .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/ih4bux1sjkcl-Assignment.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Assignments .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/s0s0ti5dkyqx-Assignment-act.png) center no-repeat;}
.learner__sidebar .Notes .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/u88vnm2um0ud-Notes.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Notes .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/j1t5wt724uqb-Notes-act.png) center no-repeat;}
.learner__sidebar .Workbooks .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/wdvh4t09k2si-Workbook.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Workbooks .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/sx9ynfu5xydc-Workbook-act.png) center no-repeat;}
.learner__sidebar .Progress .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/bqje7dhkyvl3-Progress.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Progress .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/p9ikhxgosecz-Progress-act.png) center no-repeat;}
.header--student .header__left__icon .icon-home {width: 48px; height:48px; display:inline-block; background: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/c122986e-ac93-4e61-babb-c23e780e4003/wh9lof50xmxy-HomeIconBlue.png) center no-repeat;}
.header--student .header__left__icon .icon-home::before {display:none;}
.catalog-search-bar { padding: 5px; background: var(--skncataloglight); border-top-left-radius: 15px; border-top-right-radius: 15px; }
/* .dashboard-section5 .catalog-filters__search { background:transparent; } */
.catalog-search__button { display:none; }
.catalog-filters__selections .catalog-content-type { width: 100%; }
select { border: 0px solid #ccc; background-color: transparent; }
.catalog-search-bar .catalog-display-type .btn { margin: 0 0 0; }
input[type=search] { border: 0px solid #ccc; box-shadow: none;}
@media (min-width: 1024px) and (max-width: 1450px) {
	.explore-tabs-btn {margin-left: 10px;margin-right: 10px;padding: 15px;width: 192px;}
    	.explore-tabs-btn2 {margin-left: 10px;margin-right: 10px;padding: 15px;width: 192px;}
	.dashboard-section5 { margin-bottom: 85px; margin-top: 15px; }
	.dashboard-section6 .widget__title { margin: 50px 0 50px 0; }
	.FeaturedContent { margin-top: 50px; }
	.dashboard .section5 { margin-top: 50px; }
	.dashboard-section8 { margin-bottom: 50px; }
	.Testimonials .testimonial .testimonial-quote__text { margin-top: 9%; }
	.Testimonials .testimonial-quote.testimonial-quote--left { margin-left: 41%; padding: 90px; }
	.Explore-topic { margin-top: 10px; }
	.hero .hero__caption { width: 42%; }
	.footer .urbanFooter .socialMedia ul li i { font-size: 14px; }
}
@media (min-width:320px) and (max-width: 767px) {
  .footer .urbanFooter nav .col { width: 100%;  margin-bottom: 20px; }
  .footer .urbanFooter nav { padding: 0px 9%; width: 90%; }
  .header--dashboard { top: 10px; padding: 12px 4%; }
  .hero .hero__caption { padding: 1rem; }
  .Dashboardhero .hero__title { font-size: 14px !important; }
  .Dashboardhero .hero .hero__caption { width: 34%; position: absolute; left: 5%; }
  .dashboard-stats__container { padding: 15px; }
  .look-progress { width: 90%; }
  .look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title { font-size: 26px; margin: 11px 0 11px 0; }
  .widget--dashboard-access { width: 90%; }
  .widget--dashboard-access_standard .small-12.columns { padding-left: 0rem; padding-right: 0rem; }
  .dashboard-access-tabs li { width: 163px; margin-right: 5px; margin-bottom: 5px; }
  .Explore-topic { margin-top: 0px; }
  .dashboard-access-tab { padding: 1em 15px; }
  .explore-tabs-btn { margin-left: 0px; margin-right: 0px; padding: 1em 15px; width: 163px; margin-bottom: 5px; }
  .explore-tabs-btn2 { margin-left: 0px; margin-right: 0px; padding: 1em 15px; width: 163px; margin-bottom: 5px; }
  .dashboard-section5 { width: 90%; margin-bottom: 20px; margin-top: 5px; }
  .dashboard-section5 .medium-12.columns { padding-left: 0rem; padding-right: 0rem; }
  input[type=search] { margin: 0 0 0rem;}
  .catalog-display-type {padding: 0 0em;}
  .catalog-filters__selections { border-left: 0px solid white; }
  .catalog-search-bar { margin-right: 10px; margin-left: 10px; }
  .dashboard-section6 .widget__title { font-size: 26px; margin: 20px 0 20px 0; }
  .dashboard-section6 .featured-content-multi-carousel { margin-bottom: 5px; }
  .FeaturedContent  { margin-top: 20px; width: 90%;}
  .section-editor { padding: 17px; }
  .section-editor p { font-size: 14px; }
  .section-editor h3 { font-size: 18px; }
  .dashboard .dashboard-section8 { width: 90%; }
  .dashboard-section8 { margin-bottom: 25px; }
  .layout__content .widget.Testimonial .testimonial { height: auto; background-size: 32vw 32vw; background-position: top center; padding-top: 35vw; padding-left: 0vw;}
  .layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text { font-size: 14px; }
  .layout__content .widget.Testimonial .featured-content-block-grid.testimonial-content-middle>li { padding: 0 34px; }
  .layout__content .widget.Testimonial .testimonial-quote::before { font-size: 18px; margin-bottom: 7px; }
  .dashboard .section5 .ember-view div:nth-child(1) { display: block; }
  .Testimonials .ember-view.testimonial { max-height: 200px; min-height: 100px; }
  .Testimonials .testimonial-quote.testimonial-quote--left { margin-left: 0; padding: 21px; }
  .Testimonials .testimonial .testimonial-quote__text { font-size: 12px; margin-top: 0%;}
  .Testimonials .testimonial .testimonial-quote__author-name, .testimonial-quote__author-description { font-size: 11px; }

    .dashboard-section6 .featured-content-multi-carousel-item__title {font-size: 18px;}
    .dashboard-section6 .featured-content-multi-carousel-item__description {font-size: 12px;}
    .section-editor button, .section5 .widget__cta .btn--centered {font-size: 12px; }
    .hero .hero__caption {position: static; transform: none;}
    .hero .btn--primary {font-size: 14px; border-radius: 6px;}
    .section-2 .columns p {font-size: 12px;}
    .searchbar .btn--primary {font-size: 14px;}
    .searchbar .search-bar-widget button {padding: 0 28px; height: 44px;}
    .searchbar .ember-text-field {height: 44px; width: calc(100% - 106px); font-size: 14px;}
    .section3 p.widget__subtitle {font-size: 13px;}
    .section3 .widget__cta .btn--primary {font-size: 14px;}
    .section4 .catalog-grid-item__title {font-size: 20px;}
    .section4 .catalog-grid-item__description {font-size: 13px;}
    .section4 .catalog-grid-item__cta-container .btn--right {font-size: 13px; padding: 6px 12px !important; border-radius: 6px;}
    .section7-btn {font-size: 13px; border-radius: 6px; max-width: 152px;}
}
@media (min-width: 768px) and (max-width: 1024px){ 
  .widget--dashboard-access { width: 85%; }
  .Explore-topic { margin-top: 0px; }
  .explore-tabs-btn { margin-top: 15px; }
  .explore-tabs-btn2 { margin-top: 15px; }
  .look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title { margin: 40px 0 20px 0; }
  .dashboard-section5 .catalog-filters__search { width: 30%; }
  .catalog-filters__selections { width: 40%; }
  .dashboard-section5 .catalog-filters { border: 0px solid var(--skncataloglight); border-right: 0px solid white; }
  .icon-search { display: none; }
  .dashboard-section5 .columns { padding-left: 0px; padding-right: 0px; }
  .dashboard-section5 .js-results-holder ul li { width: 33.3%; display: block; clear: unset; }
  .dashboard-section6 .widget__title { margin: 35px 0 20px 0; }
  .FeaturedContent { padding: 0px !important; margin-top: 50px; }
  .section-editor { padding: 29px; }
  .section-editor h3 { font-size: 18px; margin-bottom: 15px; }
  .section-editor button { margin-top: 12px; margin-bottom: 0px; }
  .section-editor p { font-size: 14px; }
  .section5 .ember-view div:nth-child(1) { margin-left: 9%; }
  .section5 .widget__cta { margin-right: 8.5%; }
  .dashboard .section5 { margin-top: 50px; }
  .dashboard-section8 { margin-bottom: 0; }
  .dashboard-section8 ul.featured-content-block-grid li { clear: none; width: 33.3%; }
  .dashboard-section8 .small-12.columns { padding-left: 0; padding-right: 0; }
  .Testimonials .testimonial-quote.testimonial-quote--left { margin-left: 36%; padding: 3px; }
  .Testimonials .testimonial .testimonial-quote__text { font-size: 18px; margin-top: 22%; }
  .Testimonials .ember-view.testimonial { max-height: 500px; min-height: 448px; }
  .layout__content .widget.Testimonial .testimonial-quote::before { font-size: 22px; margin-bottom: 5px;}
  .layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text { font-size: 11px; }
  .layout__content .widget.Testimonial .testimonial { padding-left: 35vw; }

    .hero .hero__caption .hero__title {font-size: 46px !important;}
    .look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title, .dashboard-section6 .widget__title {font-size: 28px;}
    .dashboard-section6 .featured-content-multi-carousel-item__title {font-size: 20px;}
    .dashboard-section6 .featured-content-multi-carousel-item__description {font-size: 13px;}
    .Explore-topic .btn--primary, .section5 .widget__cta .btn--centered {font-size: 16px; padding: 10px 44px;}
    .section-editor .first {font-size: 15px;}
    .section-editor button, .section5 .widget__cta .btn--centered {font-size: 14px; }
}
/* Dashboard */

/* For Widget Page */
/* Css for disabling side margin */
.home__content {padding: 0;}

/* For um Banner1 */
.umBanner1 {position: relative;}
.umBanner1::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(66, 105, 176, .2); z-index: 1;}
.umBanner1 .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto; z-index: 2;}
.umBanner1 .hero__caption .hero__title {font-size: 80px; color: #fff; font-weight: 700;}
.umBanner1 .hero__caption span {font-size: 23px; margin-bottom: 36px;}
.umBanner1 .btn--primary { color: white; background-color: transparent; border: 2px solid white; border-radius: 10px; font-size: 26px;}
@media only screen and (max-width: 979px) {
    .umBanner1 .hero__caption .hero__title {font-size: 32px !important;}
    .umBanner1 .hero__caption span {font-size: 18px; margin-bottom: 14px;}
    .umBanner1 .btn--primary {font-size: 18px;}
}
@media only screen and (max-width: 767px) {
    .umBanner1::before {display: none;}
    .umBanner1 .hero__caption {transform: none;}
    .umBanner1 .hero__caption .hero__title {color: #2e2e2e !important; }
    .umBanner1 .hero__caption span {color: #2e2e2e !important; font-size: 14px;}
    .umBanner1 .btn--primary {color: #2e2e2e; font-size: 14px; border-color: #2e2e2e;}
}

/* For um Banner2 */
.umBanner2 {
    position: relative;
    height: 75%; /* Adjust banner height */
}

.umBanner2::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Overlay covers 100% of the banner */
    background: rgba(66, 105, 176, .2);
    z-index: 1;
}

.umBanner2 .hero__caption {
    background: transparent;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.umBanner2 .hero__caption .hero__title {
    font-size: 80px; /* Retain the original font size */
    color: #fff;
    font-weight: 700;
    margin-bottom: 80px;
}

.umBanner2 .hero__caption span {
    font-size: 23px; /* Retain original font size */
    margin-bottom: 36px;
}

.umBanner2 .btn--primary {
    color: white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 10px;
    font-size: 26px; /* Retain original font size */
    padding: 6px 1.25em;
}

/* Responsive Adjustments */
@media only screen and (max-width: 979px) {
    .umBanner2 {
        height: auto; /* Auto height for medium screens */
    }

    .umBanner2 .hero__caption .hero__title {
        font-size: 80px; /* Keep font size unchanged */
        margin-bottom: 80px;
    }

    .umBanner2 .btn--primary {
        font-size: 26px; /* Keep font size unchanged */
    }
}

@media only screen and (max-width: 767px) {
    .umBanner2::before {
        height: 100%; /* Ensure overlay always covers banner height */
    }

    .umBanner2 .hero__caption {
        transform: none;
        padding: 12px;
    }

    .umBanner2 .hero__caption .hero__title,
    .umBanner2 .hero__caption span {
        font-size: 80px; /* Keep font size unchanged */
        color: #2e2e2e !important;
    }

    .umBanner2 .btn--primary {
        font-size: 26px; /* Keep font size unchanged */
        color: #2e2e2e;
        border-color: #2e2e2e;
    }
}

/* For um Banner3 */
.umBanner3 .hero::after {content: ''; display: block; clear: both;}
.umBanner3 picture {position: relative; float: right; width: 50%;}
.umBanner3 .hero__caption {position: relative; width: 50%; float: left;}
.umBanner3 picture::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(66, 105, 176, .2); z-index: 1;}
.umBanner3 .hero__caption { background: transparent; transform: none; bottom: auto; width: 50%; text-align: left; z-index: 2; position: static; padding: 80px 9% 0;}
.umBanner3 .hero__caption .hero__title {font-size: 80px; color: #fff; font-weight: 300; margin-bottom: 80px; color: #4269b0;}
.umBanner3 .hero__caption span.h4 {font-size: 23px; margin-bottom: 80px; color: #2e2e2e !important;}
.umBanner3 .btn--primary { color: #4269b0; background-color: transparent; border: 2px solid #4269b0; border-radius: 10px; font-size: 26px; padding: 6px 1.25em;}
@media only screen and (max-width: 1600px) {
    .umBanner3 .hero__caption .hero__title {font-size: 64px; margin-bottom: 60px;}
    .umBanner3 .hero__caption span.h4 {font-size: 20px; margin-bottom: 60px;}
}
@media only screen and (max-width: 979px) {
    .umBanner3 .hero__caption {padding: 40px 9% 0;}
    .umBanner3 .hero__caption .hero__title {margin-bottom: 20px; font-size: 32px !important;}
    .umBanner3 .hero__caption span.h4 {font-size: 14px; margin-bottom: 20px;}
    .umBanner3 .btn--primary {font-size: 16px;}
}
@media only screen and (max-width: 767px) {
    .umBanner3 picture {width: 100%;}
    .umBanner3 .hero__caption {width: 100%;}
}

/* For um Banner4 - two widget used this is widget 1 */
.layout__content .widget.umBanner4head {padding: 32px 9%;}
.umBanner4head h2.widget__title {font-size: 60px; margin-bottom: 40px; color: #2e2e2e;}
.umBanner4head .widget__subtitle {font-size: 20px; margin-bottom: 0; color: #2e2e2e;}
.umBanner4head .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px;}
@media only screen and (max-width: 979px) {
    .umBanner4head h2.widget__title {font-size: 32px; margin-bottom: 32px;}
    .umBanner4head .widget__subtitle {font-size: 14px;}
    .umBanner4head .widget__cta {padding: 1rem 0 0;}
    .umBanner4head .btn--centered {font-size: 14px;}
}
/* For um Banner4 - two widget used this is widget 2 */
.umBanner4img picture {padding: 32px 9%;}
.umBanner4img picture img {width: 100%; border-radius: 20px;}
@media only screen and (max-width: 979px) {
    .umBanner4img picture {padding: 0 9% 32px;}
}

/* For umBanner5 */
.umBanner5 {
    position: relative;
    height: 33%;
}
.umBanner5 .hero__caption {
    position: absolute;
    top: 50%;
    left: 9%; /* Aligns the text to the left with padding */
    transform: translateY(-50%);
    z-index: 2;
    text-align: left; /* Ensures left-aligned text */
}
.umBanner5 .hero__caption .hero__title {
    font-size: 80px; /* Large title size */
    color: #2e2e2e; /* Dark text color for better visibility */
    font-weight: 700;
    margin-bottom: 36px;
}
.umBanner5 .hero__caption span {
    font-size: 23px;
    color: #2e2e2e;
    margin-bottom: 24px;
    display: block;
}
.umBanner5 .btn--primary {
    color: white;
    background-color: #2e2e2e; /* Dark background for CTA button */
    border: none;
    border-radius: 10px;
    font-size: 26px;
    padding: 10px 40px;
    text-transform: uppercase;
    font-weight: 700;
}

/* Responsive Design Adjustments */
@media only screen and (max-width: 979px) {
    .umBanner5 .hero__caption .hero__title {
        font-size: 64px; /* Maintain large title size for readability */
    }
    .umBanner5 .hero__caption span {
        font-size: 18px;
    }
    .umBanner5 .btn--primary {
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .umBanner5 {
        height: auto; /* Allows for dynamic height on smaller screens */
    }
    .umBanner5 .hero__caption {
        top: auto;
        transform: none;
        left: 6%; /* Smaller padding for smaller screens */
        right: 6%;
    }
    .umBanner5 .hero__caption .hero__title {
        font-size: 32px;
    }
    .umBanner5 .hero__caption span {
        font-size: 16px;
    }
    .umBanner5 .btn--primary {
        font-size: 18px;
        padding: 8px 30px;
    }
}


/* Get started with your courses - heading */
.umGetStarted .h2 {font-size: 60px; color: var(--sknprimary); font-weight: 700;}
@media only screen and (max-width: 979px) {
    .umGetStarted .h2 {font-size: 32px;}
}
@media only screen and (max-width: 767px) {
    .umGetStarted .h2 {font-size: 28px;}
}

/* Catalog1 style */
.layout__content .widget.umCatalog1 {padding: 32px 9%;}
.umCatalog1 .catalog-header {display: none;}
.umCatalog1 .columns {padding: 0;}
.umCatalog1 .js-results-holder {padding-left: 1rem;}
.umCatalog1 .btn--link i {color: #fff;}
.umCatalog1 .catalog-aggregation--expanded ul li {margin-left: 28px;}
.umCatalog1 .catalog-aggregation--expanded ul li .btn.catalog-aggregation__value {color: #2e2e2e;}
.umCatalog1 .catalog-aggregation--expanded ul {padding: 20px 0;}
.umCatalog1 .catalog-item .catalog-grid-item {border: 1px solid var(--sknsecondary); border-radius: 8px; padding: 1rem 0;}
.umCatalog1 .catalog-grid-item__source {margin-bottom: 8px;}
.umCatalog1 .catalog-grid-item__source strong {font-size: 11px; color: #2e2e2e;}
.umCatalog1 .catalog-grid-item__title {color: #2e2e2e; font-weight: 600;}
.umCatalog1 .catalog-grid-item__description {color: #2e2e2e; font-weight: 400; margin-bottom: 18px;}
.umCatalog1 .catalog-grid-item__hr {display: none;}
.umCatalog1 .catalog-grid-item .btn--link {float: none; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog1 .catalog-search-bar {padding: 0; background: var(--skndiscussionsearchbar);}
.umCatalog1 .catalog-search-bar .catalog-filters {background: none; border: 0;}
.umCatalog1 .catalog-search-bar .catalog-filters__search {background: none;}
.umCatalog1 .catalog-search-bar .catalog-search input {padding-left: 20px;}
.umCatalog1 .catalog-search-bar .catalog-search input, .umCatalog1 .catalog-search-bar .catalog-search select, .umCatalog1 .catalog-filters__sort {background: none;}
.umCatalog1 .catalog-filters__sort {border-left: 2px solid #fff; border-right: 2px solid #fff;}
.umCatalog1 .catalog-display-type {padding-right: 1rem;}
.umCatalog1 .catalog-display-type button {border: 0;}
.umCatalog1 .catalog-display-type button.btn--primary {color: var(--sknsecondary);}

.umCatalog1 .catalog-list-item {padding: 1rem; border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; margin-right: 0;}
.umCatalog1 .catalog-list-item .catalog-list-item__title {display: block; width: calc(100% - 50% - 1rem - 1rem); height: 25px; overflow: hidden; position: absolute; left: calc(50%); top: 60px;}
.umCatalog1 .catalog-list-item .medium-4, .umCatalog1 .catalog-list-item .medium-8 {width: 50%;}
.umCatalog1 .catalog-list-item .catalog-list-item__info {margin-bottom: 60px;}
.umCatalog1 .catalog-list-item .catalog-list-item__description .editor-content {height: 45px; overflow: hidden; display: block; color: #2e2e2e; margin-bottom: 1rem;}
.umCatalog1 .catalog-list-item .catalog-list-item__description::after {content: 'View Details'; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog1 .catalog-list-item .catalog-list-item__asset {width: 100%;}
@media only screen and (max-width: 979px) {
    .umCatalog1 .catalog-grid-item__title {font-size: 18px; height: auto !important;}
    .umCatalog1 .catalog-grid-item__description, .umCatalog1 .catalog-grid-item__cta-container {height: auto !important;}
    .umCatalog1 .catalog-list-item .catalog-list-item__title {top: 36px;}
    .umCatalog1 .catalog-list-item .catalog-list-item__info {margin-bottom: 36px;}
}
@media only screen and (max-width: 767px) {
    .umCatalog1 .small-block-grid-1 > li {padding: 0; margin-bottom: 12px;}
    .umCatalog1 .js-results-holder {padding: 0;}
}

/* Catalog2 style*/
.layout__content .widget.umCatalog2 {padding: 32px 9%;}
.umCatalog2 .catalog-header {display: none;}
.umCatalog2 .columns {padding: 0;}
.umCatalog2 .js-results-holder {padding-left: 1rem;}
.umCatalog2 .catalog-search-bar {padding: 0; background: #fff; border: 1px solid #2e2e2e;}
.umCatalog2 .catalog-search-bar .catalog-filters {background: none; border: 0;}
.umCatalog2 .catalog-search-bar .catalog-filters__search {background: none;}
.umCatalog2 .catalog-search-bar .catalog-search input {padding-left: 20px;}
.umCatalog2 .catalog-search-bar .catalog-search input, .umCatalog2 .catalog-search-bar .catalog-search select, .umCatalog2 .catalog-filters__sort {background: none;}
.umCatalog2 .catalog-filters__sort {border-left: 1px solid #2e2e2e;}
.umCatalog2 .catalog-display-type {padding-right: 1rem; background: none;}
.umCatalog2 .catalog-display-type button {border: 0;}
.umCatalog2 .catalog-display-type button.btn--primary {color: var(--sknsecondary);}
.umCatalog2 .js-results-holder {padding-left: 1rem;}
.umCatalog2 .btn--link i {color: #fff;}
.umCatalog2 .catalog-aggregation--expanded ul li {margin-left: 28px;}
.umCatalog2 .catalog-aggregation--expanded ul li .btn.catalog-aggregation__value {color: #2e2e2e;}
.umCatalog2 .catalog-aggregation--expanded ul {padding: 20px 0;}
.umCatalog2 .catalog-item .catalog-grid-item {border: 1px solid var(--sknsecondary); border-radius: 8px; padding: 1rem 0;}
.umCatalog2 .catalog-grid-item__source {margin-bottom: 8px;}
.umCatalog2 .catalog-grid-item__source strong {font-size: 11px; color: #2e2e2e;}
.umCatalog2 .catalog-grid-item__title {color: #2e2e2e; font-weight: 600;}
.umCatalog2 .catalog-grid-item__description {color: #2e2e2e; font-weight: 400; margin-bottom: 18px;}
.umCatalog2 .catalog-grid-item__hr {display: none;}
.umCatalog2 .catalog-grid-item .btn--link {float: none; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}

.umCatalog2 .catalog-list-item {padding: 1rem; border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; margin-right: 0;}
.umCatalog2 .catalog-list-item .catalog-list-item__title {display: block; width: calc(100% - 50% - 1rem - 1rem); height: 25px; overflow: hidden; position: absolute; left: calc(50%); top: 60px;}
.umCatalog2 .catalog-list-item .medium-4, .umCatalog2 .catalog-list-item .medium-8 {width: 50%;}
.umCatalog2 .catalog-list-item .catalog-list-item__info {margin-bottom: 60px;}
.umCatalog2 .catalog-list-item .catalog-list-item__description .editor-content {height: 45px; overflow: hidden; display: block; color: #2e2e2e; margin-bottom: 1rem;}
.umCatalog2 .catalog-list-item .catalog-list-item__description::after {content: 'View Details'; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog2 .catalog-list-item .catalog-list-item__asset {width: 100%;}
@media only screen and (max-width: 979px) {
    .umCatalog2 .catalog-filters__sort {border: 0;}
    .umCatalog2 .catalog-search-bar .catalog-search input {margin: 0;}
    .umCatalog2 .catalog-grid-item__title {font-size: 18px; height: auto !important;}
    .umCatalog2 .catalog-grid-item__description, .umCatalog2 .catalog-grid-item__cta-container {height: auto !important;}
    .umCatalog2 .catalog-list-item .catalog-list-item__title {top: 36px;}
    .umCatalog2 .catalog-list-item .catalog-list-item__info {margin-bottom: 36px;}
}
@media only screen and (max-width: 767px) {
    .umCatalog2 .small-block-grid-1 > li {padding: 0; margin-bottom: 12px;}
    .umCatalog2 .js-results-holder {padding: 0;}
}


/* For um uFeaturedContent Standard heading - two widget used this is. widget 1 */
.layout__content .widget.umFeaturedContentStdhead {padding: 32px 9%;}
.umFeaturedContentStdhead h2.widget__title {font-size: 60px; margin-bottom: 40px; color: #2e2e2e;}
.umFeaturedContentStdhead .widget__subtitle {font-size: 20px; margin-bottom: 0; color: #2e2e2e;}
.umFeaturedContentStdhead .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px;}
@media only screen and (max-width: 979px) {
    .umFeaturedContentStdhead h2.widget__title {font-size: 32px; margin-bottom: 20px;}
    .umFeaturedContentStdhead .widget__subtitle {font-size: 14px;}
    .umFeaturedContentStdhead .btn--centered {font-size: 14px;}
}
/* For um uFeaturedContent Standard heading - two widget used this is. widget 2 */
.layout__content .widget.umFeaturedContentStd {padding: 32px 9%;}
.umFeaturedContentStd .catalog-grid-item {padding: 1rem 0; border: 3px solid var(--sknsecondary); border-radius: 12px;}
.umFeaturedContentStd .medium-block-grid-4 > li {width: 50%;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__title {font-size: 32px; font-weight: 600; margin-bottom: 32px;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__description {font-size: 16px; color: var(--sknprimary); height: 64px !important;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__hr {display: none;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__cta-container {text-align: left;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__cta-container .btn--link.btn--primary {float: none;
border: 3px solid var(--sknsecondary); padding: 12px 32px !important; border-radius: 10px; margin-top: 50px; font-weight: 600; color: var(--sknprimary); margin-bottom: 10px; font-size: 22px;}
.umFeaturedContentStd .catalog-grid-item:hover {background: var(--sknprimary);}
.umFeaturedContentStd .catalog-grid-item:hover .catalog-grid-item__title {color: #fff;}
.umFeaturedContentStd .catalog-grid-item:hover .catalog-grid-item__description {color: #fff;}
.umFeaturedContentStd .catalog-grid-item:hover .catalog-grid-item__cta-container .btn--link.btn--primary {background: white !important ;color: var(--sknprimary); border-color: #fff;}
@media only screen and (max-width: 979px) {
    .umFeaturedContentStd .medium-block-grid-4 > li {width: 100%;}
    .umFeaturedContentStd .catalog-grid-item .catalog-grid-item__title {font-size: 20px; height: auto !important; margin-bottom: 20px;}
    .umFeaturedContentStd .catalog-grid-item .catalog-grid-item__description {font-size: 14px; height: auto !important;}
    .umFeaturedContentStd .catalog-grid-item .catalog-grid-item__cta-container .btn--link.btn--primary {font-size: 14px; padding: 6px 18px !important; border-radius: 6px; margin-top: 20px;}
}

/* For Video1 */
.layout__content .widget.umVideo1 {padding: 32px 9%;}
.umVideo1 > .ember-view {border: 2px solid var(--sknsecondary); padding: 32px; border-radius: 20px; position: relative;}
.umVideo1 > .ember-view > .ember-view, .umVideo1 > .ember-view > .row {display: inline-block; width: calc(50% - 4px); vertical-align: top;}
.umVideo1 > .ember-view > .ember-view {padding-right: 4%;}
.umVideo1 > .ember-view > .row {padding-left: 4%;}
.umVideo1 > .ember-view > .ember-view {text-align: left;}
.umVideo1 h2.widget__title {font-size: 50px; font-weight: 900; margin-bottom: 32px; color: #2e2e2e; text-align: left; margin-top: 12px;}
.umVideo1 .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left; margin-bottom: 4rem;}
.umVideo1 > .ember-view > .row .columns, .umVideo1 > .ember-view > .row .video__container {padding: 0;}
.umVideo1 > .ember-view .widget__cta {position: absolute; bottom: 32px; left: 32px;}
.umVideo1 > .ember-view .widget__cta .btn--centered {margin-bottom: 0; background: none; border: 1px solid var(--sknsecondary); border-radius: 6px; font-size: 18px; font-weight: 600; color: var(--sknsecondary);}
@media only screen and (max-width: 979px) {
    .umVideo1 > .ember-view {padding: 20px;}
    .umVideo1 > .ember-view > .ember-view, .umVideo1 > .ember-view > .row {width: 100%; padding: 0;}
    .umVideo1 h2.widget__title {font-size: 28px; margin-bottom: 20px;}
    .umVideo1 .widget__subtitle {font-size: 14px;}
    .umVideo1 > .ember-view .widget__cta {position: static; text-align: center;}
    .umVideo1 > .ember-view .widget__cta .btn--centered {font-size: 14px;}
}

/* For umIbus - Course layout */
.layout__content .widget.umIbus {padding: 32px 9%;}
.umIbus .widget__title {color: #2e2e2e;}
.umIbus .featured-content-block-grid {padding: 0;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item {display: block; padding: 20px; border: 2px solid var(--sknsecondary); border-radius: 12px;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item img {display: inline-block; width: calc(50% - 4px); vertical-align: middle; padding-right: 4%;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay {display: inline-block; width: calc(50% - 4px); vertical-align: middle; padding-left: 4%; position: relative; padding: 0; background: none; color: #2e2e2e;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__title {color: #2e2e2e; font-size: 32px; font-weight: 500;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__description {font-size: 18px; color: #2e2e2e;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay::after {content: 'Read More'; display: inline-block; padding: 6px 16px; border: 1px solid var(--sknsecondary); border-radius: 6px; font-size: 18px; color: var(--sknsecondary); margin-top: 28px;}
@media only screen and (max-width: 979px) {
    .umIbus .widget__title {font-size: 32px;}
    .umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__title {font-size: 24px;}
    .umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__description {font-size: 14px;}
    .umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay::after {font-size: 14px; margin-top: 20px;}
}
@media only screen and (max-width: 767px) {
    .umIbus .featured-content-block-grid .featured-content-image-overlay-item img {width: 100%; padding: 0; margin-bottom: 12px;}
    .umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay {width: 100%;}
}

/* For um Carousel1 */
.layout__content .widget.umCarousel1 {padding: 32px 9%;}
.umCarousel1 .widget__title {text-align: left; font-size: 42px; font-weight: 700; color: #2e2e2e;}
.umCarousel1 .icon-navigateright::before, .umCarousel1 .icon-navigateleft::before {font-size: 60px; color: var(--sknsecondary);}
.umCarousel1 .btn--bare-icon {width: 60px; height: 60px; outline: 0; top: 50%; transform: translateY(-50%);}
.umCarousel1 .featured-content-multi-carousel__nav-right {right: -32px;}
.umCarousel1 .featured-content-multi-carousel__nav-left {left: -32px;}
.umCarousel1 .featured-content-multi-carousel-item {padding: 20px; border: 1px solid var(--sknsecondary); border-radius: 12px;}
.umCarousel1 .featured-content-multi-carousel-item img {padding: 0;}
.umCarousel1 .featured-content-multi-carousel-item .catalog-grid-item__asset-container {margin-bottom: 12px;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__body {padding: 0; text-align: left;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__title {font-size: 18px;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__description {padding: 0; color: #2e2e2e;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__source {color: #2e2e2e;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__body::after {content: 'Read More'; display: inline-block; padding: 4px 12px; border: 1px solid var(--sknsecondary); border-radius: 6px; color: var(--sknsecondary); margin-top: 20px; font-size: 12px;}
@media only screen and (max-width: 979px) {
    .umCarousel1 .widget__title {font-size: 32px;}
}

/* For umRecentlyViewedHead */
.layout__content .widget.umRecentlyViewedHead {padding: 32px 9%;}
.umRecentlyViewedHead .ember-view {position: relative;}
.umRecentlyViewedHead .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 500; text-align: left; display: block; padding-right: 200px;}
.umRecentlyViewedHead .widget__cta {position: absolute; top: 0; right: 0; padding: 0;}
.umRecentlyViewedHead .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umRecentlyViewedHead .widget__title {font-size: 32px;}
    .umRecentlyViewedHead .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umRecentlyViewedHead .widget__title {font-size: 28px; padding: 0; margin: 0;}
    .umRecentlyViewedHead .widget__cta {position: static; text-align: left;}
    .umRecentlyViewedHead .widget__cta .btn--centered {display: inline-block;}
}

/* For umRecentlyViewed */

/* For umRecentlyViewedCoursesHead */
.layout__content .widget.umRecentlyViewedCoursesHead {padding: 32px 9%;}
.umRecentlyViewedCoursesHead .ember-view {position: relative;}
.umRecentlyViewedCoursesHead .ember-view .ember-view {padding-right: 240px}
.umRecentlyViewedCoursesHead .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 500; text-align: left; display: block;}
.umRecentlyViewedCoursesHead .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left; display: block; margin: 0;}
.umRecentlyViewedCoursesHead .widget__cta {position: absolute; top: 88px; right: 0; padding: 0;}
.umRecentlyViewedCoursesHead .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umRecentlyViewedCoursesHead .widget__title {font-size: 32px;}
    .umRecentlyViewedCoursesHead .widget__subtitle {font-size: 14px;}
    .umRecentlyViewedCoursesHead .widget__cta {top: 68px;}
    .umRecentlyViewedCoursesHead .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umRecentlyViewedCoursesHead .widget__title {font-size: 28px;}
    .umRecentlyViewedCoursesHead .ember-view .ember-view {padding: 0;}
    .umRecentlyViewedCoursesHead .widget__cta {position: static; text-align: left;}
    .umRecentlyViewedCoursesHead .widget__cta .btn--centered {display: inline-block;}
}

/* For umAboutIntro */
.layout__content .widget.umAboutIntro {padding: 0;}
.umAboutIntro .ember-view {background: var(--sknsecondary);}
.umAboutIntro .ember-view .columns {padding: 0;}
.umAboutIntro .ember-view .columns:nth-child(2) {padding: 6% 9% 0 6%; color: #fff;}
.umAboutIntro h3 {font-size: 42px; color: #fff; font-weight: 700px; margin-bottom: 32px;}
.umAboutIntro p {font-size: 20px; color: #fff; margin-bottom: 0;}
@media only screen and (max-width: 979px) {
    .umAboutIntro h3 {font-size: 24px; margin-bottom: 20px;}
    .umAboutIntro p {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umAboutIntro .ember-view .columns:nth-child(2) {padding: 6% 9% 6% 6%;}
}

/* For umExploreTopics */
.layout__content .widget.umExploreTopics {padding: 64px 9%;}
.umExploreTopics .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 700; margin-bottom: 42px;}
.umExploreTopics .editor-content {text-align: center;}
.umExploreTopics .editor-content a {font-size: 18px; font-weight: 700; color: #2e2e2e; text-decoration: none; display: inline-block; width: calc(25% - 4px - 40px); margin: 0 20px; padding: 12px 12px; border: 2px solid var(--sknsecondary); border-radius: 15px;}
.umExploreTopics .btn--centered { background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umExploreTopics .widget__title {font-size: 28px;}
    .umExploreTopics .editor-content a {font-size: 14px; width: calc(50% - 4px - 40px); margin: 0 18px 12px;}
    .umExploreTopics .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umExploreTopics .editor-content a {width: 100%; margin: 0 0 12px;}
}

/* For um4ImagesOverlay */
.layout__content .widget.um4ImagesOverlay {padding: 32px 9%;}
.um4ImagesOverlay .featured-content-image-overlay-item {border: 2px solid var(--sknsecondary); border-radius: 8px; position: relative; overflow: hidden;}
.um4ImagesOverlay .featured-content-image-overlay-item__overlay {width: 100%; height: 100%; background: rgba(106, 106, 176, .2);}
.um4ImagesOverlay .featured-content-image-overlay-item__overlay .featured-content-image-overlay-item__title {width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 12px; text-align: center; font-weight: 600;}
@media only screen and (max-width: 979px) {
    .um4ImagesOverlay .featured-content-image-overlay-item__overlay .featured-content-image-overlay-item__title {font-size: 20px;}
}

/* For umContactBlock */
.layout__content .widget.umContactBlock {padding: 64px 9%; background: var(--sknsecondary); color: #fff;}
.umContactBlock .ember-view .columns {display: inline-block; vertical-align: middle; width: calc(50% - 4px); float: none;}
.umContactBlock h3 {font-size: 50px; font-weight: 700; color: #fff;}
.umContactBlock p {font-size: 20px; margin-bottom: .75em;}
.umContactBlock a {display: inline-block; padding: 12px 20px; border: 2px solid #fff; border-radius: 12px; font-weight: 700; text-transform: none; width: 100%; max-width: 280px; color: #fff !important; text-align: center;}
@media only screen and (max-width: 979px) {
    .umContactBlock h3 {font-size: 28px;}
    .umContactBlock p {font-size: 14px;}
    .umContactBlock a {font-size: 14px; max-width: 160px; padding: 6px 20px; border-radius: 8px;}
}
@media only screen and (max-width: 767px) {
    .umContactBlock .ember-view .columns {width: 100%;}
    .umContactBlock .ember-view .columns img {margin-bottom: 12px;}
}

/* For umProfTraining */
.layout__content .widget.umProfTraining {padding: 64px 9%;}
.umProfTraining picture {display: block; width: 100%; border-radius: 20px; overflow: hidden; margin-bottom: 40px;}
.umProfTraining picture img {width: 100%;}
.umProfTraining .hero__caption {position: static; color: #2e2e2e; padding: 0; width: 100%; transform: none;}
.umProfTraining .hero {height: auto;}
.umProfTraining .hero .hero__caption .hero__title {color: #2e2e2e; font-size: 42px;}
.umProfTraining .hero .hero__caption span {color: #2e2e2e !important; font-size: 23px;}
.umProfTraining .hero .btn--primary { background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umProfTraining .hero .hero__caption .hero__title {font-size: 28px !important; }
    .umProfTraining .hero .hero__caption span {font-size: 16px;}
    .umProfTraining .hero .btn--primary {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umProfTraining .hero .hero__caption span {font-size: 14px;}
}

/* For umProfTraining2 */
.layout__content .widget.umProfTraining2 {padding: 64px 9%;}
.umProfTraining2 .row {display: table; width: 100%;}
.umProfTraining2 .row .columns {display: table-cell; float: none; vertical-align: middle;}
.umProfTraining2 .row .columns img {border-radius: 12px;}
.umProfTraining2 .row .columns:nth-child(2) {border: 2px solid var(--sknsecondary); border-radius: 12px; padding: 32px;}
.umProfTraining2 h3 {font-size: 42px; font-weight: 700; color: #2e2e2e;}
.umProfTraining2 p {font-size: 23px; color: #2e2e2e; margin-bottom: 40px;}
.umProfTraining2 a { background: var(--sknsecondary); color: #fff !important; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umProfTraining2 h3 {font-size: 28px;}
    .umProfTraining2 p {font-size: 14px;}
    .umProfTraining2 a {font-size: 14px;}
    .umProfTraining2 .row .columns:nth-child(2) {padding: 20px;}
    .umProfTraining2 .row .columns:nth-child(1) {margin-bottom: 20px;}
    .umProfTraining2 .row, .umProfTraining2 .row .columns {display: block; width: 100%; padding: 0;}
}

/* For umProfTrainingHead */
.layout__content .widget.umProfTrainingHead {padding: 32px 9%;}
.umProfTrainingHead .ember-view {position: relative;}
.umProfTrainingHead .ember-view .ember-view {padding-right: 260px}
.umProfTrainingHead .widget__title {font-size: 48px; color: #2e2e2e; font-weight: 600; text-align: left; display: block;}
.umProfTrainingHead .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left; display: block; margin: 0;}
.umProfTrainingHead .widget__cta {position: absolute; top: 50%; right: 0; padding: 0; transform: translateY(-50%);}
.umProfTrainingHead .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 22px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umProfTrainingHead .widget__title {font-size: 32px;}
    .umProfTrainingHead .widget__cta .btn--centered {font-size: 14px;}
    .umProfTrainingHead .ember-view .ember-view {padding-right: 204px;}
    .umProfTrainingHead .widget__subtitle {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umProfTrainingHead .widget__title {font-size: 28px;}
    .umProfTrainingHead .ember-view .ember-view {padding: 0;}
    .umProfTrainingHead .widget__cta {position: static; transform: none; text-align: left;}
    .umProfTrainingHead .widget__cta .btn--centered {display: inline-block;}
}


/* For umTestimonials1 */
.layout__content .widget.umTestimonials1 {padding: 32px 9%;}
.umTestimonials1 .testimonial-widget {padding: 100px 40px; border: 2px solid var(--sknsecondary); border-radius: 12px;}
.umTestimonials1 .testimonial-quote__text {font-size: 20px; color: #2e2e2e; font-style: italic;}
.umTestimonials1 .testimonial-quote__text::before, .umTestimonials1 .testimonial-quote__text::after {content: '"';}
.umTestimonials1 .testimonial-quote--center {text-align: left;}
.umTestimonials1 .testimonial .testimonial-quote__author-name {font-size: 16px; font-style: normal; margin-bottom: 0;}
.umTestimonials1 .testimonial .testimonial-quote__author-description {font-size: 16px;}
.umTestimonials1 .icon-navigateright::before, .umTestimonials1 .icon-navigateleft::before {color: var(--sknsecondary); font-size: 44px;}
@media only screen and (max-width: 979px) {
    .umTestimonials1 .testimonial-widget {padding: 50px 22px;}
    .umTestimonials1 .testimonial-quote__text {font-size: 16px;}
    .umTestimonials1 .testimonials__nav > i {padding: 0;}
    .umTestimonials1 .testimonials__nav {height: 40px; width: 40px;}
    .umTestimonials1 .testimonials__nav--right {right: 2%;}
    .umTestimonials1 .testimonials__nav--left {left: 2%;}
}

/* For umWhatStudentSays */
.layout__content .widget.umWhatStudentSays {padding: 64px 0; background: #ececed;}
.umWhatStudentSays .featured-content-multi-carousel .featured-content-block-grid > li {padding: 0 9%;}
.umWhatStudentSays .testimonial-widget {margin: 0;}
.umWhatStudentSays .testimonial {background-size: 48% auto; background-position: center left;}
.umWhatStudentSays .testimonial::after {content: ''; display: block; clear: both;}
.umWhatStudentSays .testimonial .testimonial-quote--center {width: 48%; float: right; padding: 0; text-align: left; color: #2e2e2e; left: 52%;}
.umWhatStudentSays .testimonial .testimonial-quote__text {font-size: 20px; font-style: italic;}
.umWhatStudentSays .testimonial .testimonial-quote__author-name {font-size: 16px; font-style: normal;}
.umWhatStudentSays .testimonial .testimonial-quote__author-description {font-size: 16px; font-style: normal;}
.umWhatStudentSays .testimonial .testimonial-quote--center::before {content: 'What our educators say'; display: block; font-size: 60px; margin-bottom: 20px; font-weight: 900; line-height: normal;}
@media only screen and (max-width: 979px) {
    .umWhatStudentSays .testimonial .testimonial-quote--center {}
    .umWhatStudentSays .testimonial .testimonial-quote--center::before {font-size: 32px;}
    .umWhatStudentSays .testimonial .testimonial-quote__text {font-size: 14px;}
    .umWhatStudentSays .testimonial .testimonial-quote__author-name, .umWhatStudentSays .testimonial .testimonial-quote__author-description {font-size: 13px;}
    .umWhatStudentSays .testimonials__nav {font-size: 40px; width: 40px; height: 40px;}
}
@media only screen and (max-width: 767px) {
    .umWhatStudentSays .testimonial {padding-top: 80vw; background-size: auto 80vw; background-position: center top;}
    .umWhatStudentSays .testimonial .testimonial-quote--center {width: 100%; padding-top: 20px; position: static; transform: none;}
}

/* For umTestimonial1 */
.layout__content .widget.umTestimonial1 {padding: 64px 0;}
.umTestimonial1 .testimonial {padding: 200px 0; position: relative;}
.umTestimonial1 .testimonial::before {content: ''; display: block; width:100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 105, 176, .2);}
.umTestimonial1 .testimonial-widget {margin: 0;}
.umTestimonial1 .columns {padding: 0;}
.umTestimonial1 .testimonial::after {content: ''; display: block; clear: both;}
.umTestimonial1 .testimonial .testimonial-quote--right {width: calc(50% - 9%); padding: 0; text-align: left; color: #fff; position: relative; z-index: 1; float: right; margin-right: 9%;}
.umTestimonial1 .testimonial .testimonial-quote__text {font-size: 16px; font-style: italic; font-weight: 600;}
.umTestimonial1 .testimonial .testimonial-quote__author-name {font-size: 16px; font-style: normal; color: #fff;}
.umTestimonial1 .testimonial .testimonial-quote__author-description {font-size: 16px; font-style: normal; color: #fff;}
@media only screen and (max-width: 979px) {
    .umTestimonial1 .testimonial {padding: 100px 0;}
}
@media only screen and (max-width: 767px) {
    .umTestimonial1 .testimonial {padding: 60px 0;}
    .umTestimonial1 .testimonial .testimonial-quote--right {width: 100%; padding: 0 9%; margin: 0;}
}

/* For umHeroSlider1 */
.layout__content .widget.umHeroSlider1 {padding: 64px 9%;}
.umHeroSlider1 .featured-content-carousel__container {margin: 0;}
.umHeroSlider1 .featured-content-carousel-item::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 105, 176, .2);}
.umHeroSlider1 .featured-content-carousel-item__overlay {bottom: auto; top: 50%; transform: translateY(-50%); background: none; text-align: center;}
.umHeroSlider1 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider1 .featured-content-carousel-item__description {font-size: 16px;}
.umHeroSlider1 .btn--primary {background: var(--sknsecondary); border: 0; font-size: 20px;}
.umHeroSlider1 .btn.disabled {background: #a9a7d3; opacity: 1; border: 0; font-size: 20px;}
@media only screen and (max-width: 979px) {
    .umHeroSlider1 .featured-content-carousel-item__title {font-size: 32px; margin-bottom: 20px;}
}
@media only screen and (max-width: 979px) {
    .umHeroSlider1 .featured-content-carousel-item__overlay {position: static; transform: none; padding: 12px 0 56px;}
    .umHeroSlider1 .featured-content-carousel-item__title {font-size: 28px; text-align: left; margin-bottom: 12px;}
    .umHeroSlider1 .featured-content-carousel-item__description {color: #2e2e2e; text-align: left; font-size: 14px;}
    .umHeroSlider1 .featured-content-carousel-item::before {display: none;}
}

/* For umHeroSlider2 */
.layout__content .widget.umHeroSlider2 {padding: 64px 9%;}
.umHeroSlider2 .featured-content-carousel__container {margin: 0; position: relative;}
.umHeroSlider2 .featured-content-carousel-item::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 105, 176, .2);}
.umHeroSlider2 .featured-content-carousel-item__overlay {bottom: auto; top: 50%; transform: translateY(-50%); background: none; text-align: center;}
.umHeroSlider2 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider2 .featured-content-carousel-item__description {font-size: 16px; font-weight: 600; display: inline-block; padding: 8px 32px; border: 2px solid #fff; border-radius: 12px;}
.umHeroSlider2 .btn--primary {background: var(--sknsecondary); border: 0; font-size: 20px;}
.umHeroSlider2 .btn.disabled {background: #a9a7d3; opacity: 1; border: 0; font-size: 20px;}
.umHeroSlider2 .featured-content-carousel__dots {display: block; bottom: 40px;}
.umHeroSlider2 .featured-content-carousel__dot {width: 15px; height: 15px; background: #fff; opacity: .4;}
.umHeroSlider2 .featured-content-carousel__dot--active {opacity: 1;}
.umHeroSlider2 .featured-content-carousel__nav {position: static; opacity: 0;}
.umHeroSlider2 .featured-content-carousel:hover .featured-content-carousel__nav {opacity: 1;}
.umHeroSlider2 .featured-content-carousel__nav .btn {position: absolute; top: 50%; transform: translateY(-50%);}
.umHeroSlider2 .featured-content-carousel__nav .btn:nth-child(1) {left: 0;}
.umHeroSlider2 .featured-content-carousel__nav .btn:nth-child(2) {right: 0;}
@media only screen and (max-width: 979px) {
    .umHeroSlider2 .featured-content-carousel-item__title {font-size: 32px; margin-bottom: 20px;}
    .umHeroSlider2 .featured-content-carousel-item__description {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umHeroSlider2 .featured-content-carousel-item__overlay {position: static; transform: none; padding: 12px 0;}
    .umHeroSlider2 .featured-content-carousel-item__title {font-size: 28px; color: #2e2e2e; text-align: left;}
    .umHeroSlider2 .featured-content-carousel__dot {background: #2e2e2e; opacity: .6;}
    .umHeroSlider2 .featured-content-carousel__dot--active {opacity: 1;}
}

/* For umHeroSlider3 */
.layout__content .widget.umHeroSlider3 {padding: 64px 9%;}
.umHeroSlider3 .featured-content-carousel__container {margin: 0; position: relative;}
.umHeroSlider3 .featured-content-carousel-item {position: relative; background: var(--sknsecondary);}
.umHeroSlider3 .featured-content-carousel-item::after {content: ''; display: block; clear: both;}
.umHeroSlider3 .featured-content-carousel-item picture {width: 50%; float: right;}
.umHeroSlider3 .featured-content-carousel-item .featured-content-carousel-item__overlay {width: 50%; padding: 0 80px; bottom: auto; top: 50%; transform: translateY(-50%); background: none;}
.umHeroSlider3 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider3 .featured-content-carousel-item__description {font-size: 16px;}
.umHeroSlider3 .featured-content-carousel__nav {position: static;}
.umHeroSlider3 .featured-content-carousel__nav button {position: absolute; top: 50%; transform: translateY(-50%); font-size: 60px; padding: 0; border: 0; background: none;}
.umHeroSlider3 .featured-content-carousel__nav button:nth-child(1) {left: 0;}
.umHeroSlider3 .featured-content-carousel__nav button:nth-child(2) {right: 0;}
@media only screen and (max-width: 979px) {
    .umHeroSlider3 .featured-content-carousel-item .featured-content-carousel-item__overlay {padding: 0 20px 0 45px;}
    .umHeroSlider3 .featured-content-carousel-item__title {font-size: 28px; margin-bottom: 20px;}
    .umHeroSlider3 .featured-content-carousel-item__description {font-size: 14px;}
    .umHeroSlider3 .featured-content-carousel__nav button {font-size: 40px;}
}
@media only screen and (max-width: 767px) {
    .umHeroSlider3 .featured-content-carousel-item picture {width: 100%; float: none; margin-bottom: 12px;}
    .umHeroSlider3 .featured-content-carousel-item .featured-content-carousel-item__overlay {width: 100%; position: static; transform: none; padding: 20px 40px;}
}

/* For umHeroSlider4 */
.layout__content .widget.umHeroSlider4 {padding: 64px 9%;}
.umHeroSlider4 .featured-content-carousel__container {margin: 0; position: relative;}

.umHeroSlider4 .featured-content-carousel-item .featured-content-carousel-item__overlay {width: 50%; padding: 0 80px; bottom: auto; top: 50%; transform: translateY(-50%); background: none;}
.umHeroSlider4 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider4 .featured-content-carousel-item__description {font-size: 16px;}
.umHeroSlider4 .featured-content-carousel__nav {position: static;}
.umHeroSlider4 .featured-content-carousel__nav button {position: absolute; top: 50%; transform: translateY(-50%); font-size: 60px; padding: 0; border: 0; background: none;}
.umHeroSlider4 .featured-content-carousel__nav button:nth-child(1) {left: 0;}
.umHeroSlider4 .featured-content-carousel__nav button:nth-child(2) {right: 0;}
@media only screen and (max-width: 979px) {
    .umHeroSlider4 .featured-content-carousel-item__title {font-size: 32px; margin-bottom: 20px;}
    .umHeroSlider4 .featured-content-carousel-item .featured-content-carousel-item__overlay {padding: 0 20px 0 45px;}
    .umHeroSlider4 .featured-content-carousel-item__description {font-size: 14px;}
    .umHeroSlider4 .featured-content-carousel__nav button {font-size: 40px;}
}
@media only screen and (max-width: 767px) {
    .umHeroSlider4 .featured-content-carousel-item .featured-content-carousel-item__overlay {position: static; transform: none; width: 100%;}
    .umHeroSlider4 .featured-content-carousel-item__title {font-size: 28px; color: #2e2e2e;}
    .umHeroSlider4 .featured-content-carousel-item__description {color: #2e2e2e;}
    .umHeroSlider4 .icon-navigateright::before, .umHeroSlider4 .icon-navigateleft::before {color: #2e2e2e;}
}

/* For umImageOverlay1 */
.layout__content .widget.umImageOverlay1 {padding: 64px 9%;}
.umImageOverlay1 .featured-content-image-overlay-item {border-radius: 12px; overflow: hidden;}
.umImageOverlay1 .featured-content-image-overlay-item__overlay {bottom: auto; padding: 0 40px; bottom: 40px; background: none;}
.umImageOverlay1 .featured-content-image-overlay-item__title {font-size: 20px; font-weight: 700; text-transform: uppercase;}
.umImageOverlay1 .featured-content-image-overlay-item__description {font-size: 14px;}
.umImageOverlay1 .featured-content-image-overlay-item:hover {border: 2px solid var(--sknsecondary);}
.umImageOverlay1 .featured-content-image-overlay-item:hover img {opacity: 0;}
.umImageOverlay1 .featured-content-image-overlay-item:hover .featured-content-image-overlay-item__title, .umImageOverlay1 .featured-content-image-overlay-item:hover .featured-content-image-overlay-item__description {color: #2e2e2e;}
.umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item {border: 2px solid var(--sknsecondary);}
.umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item img {opacity: 0;}
.umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item .featured-content-image-overlay-item__title, .umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item .featured-content-image-overlay-item__description {color: #2e2e2e;}

/* For umImageOverlay2Head */
.layout__content .widget.umImageOverlay2Head {padding: 32px 9%;}
.umImageOverlay2Head .widget__title {font-size: 52px; font-weight: 700; color: #2e2e2e;}
.umImageOverlay2Head .widget__subtitle {font-size: 20px; color: #2e2e2e; margin-bottom: 0;}
@media only screen and (max-width: 979px) {
    .umImageOverlay2Head .widget__title {font-size: 32px;}
    .umImageOverlay2Head .widget__subtitle {font-size: 14px;}
}
/* For umImageOverlay2 */
.layout__content .widget.umImageOverlay2 {padding: 32px 9%;}
.umImageOverlay2 .featured-content-multi-carousel-item {border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; padding-bottom: 0.75em;}
.umImageOverlay2 .featured-content-multi-carousel-item__body {display: block; padding: 1rem .75em; background: rgba(0,0,0,.1); position: relative; bottom: .75em; left: .75em; text-align: left; position: absolute; width: calc(100% - (2 * .75em));}
.umImageOverlay2 .featured-content-multi-carousel-item__title {font-size: 23px; font-weight: 700; color: #fff;}
.umImageOverlay2 .featured-content-multi-carousel-item__description {font-size: 10px; color: #fff; display: inline-block; padding: 4px 12px; border: 1px solid #fff; border-radius: 6px;}
.umImageOverlay2 .icon-navigateright::before, .umImageOverlay2 .icon-navigateleft::before {font-size: 60px; color: var(--sknsecondary); line-height: 60px;}
.umImageOverlay2 .btn--bare-icon {width: 60px; height: 60px; top: 50%; transform: translateY(-50%);}
.umImageOverlay2 .btn--bare-icon i {display: inline-block;}
.umImageOverlay2 .featured-content-multi-carousel__nav-right {right: -60px;}
.umImageOverlay2 .featured-content-multi-carousel__nav-left {left: -60px;}
@media only screen and (max-width: 767px) {
    .umImageOverlay2 .btn--bare-icon {width: 40px; height: 40px;}
    .umImageOverlay2 .featured-content-multi-carousel__nav-right {right: -20px;}
    .umImageOverlay2 .featured-content-multi-carousel__nav-left {left: -20px;}
    .umImageOverlay2 .icon-navigateright::before, .umImageOverlay2 .icon-navigateleft::before {font-size: 40px; line-height: 40px;}
}

/* For umImageOverlay3 */
.layout__content .widget.umImageOverlay3 {padding: 32px 9%;}

.umImageOverlay3 .featured-content-image-overlay-item {border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; padding: 0.75em; }
.umImageOverlay3 .featured-content-image-overlay-item::before {content: ''; display: block; width: calc(100% - (2 * .75em)); height: calc(100% - (2 * .75em)); background: rgba(106, 106, 176, .4); top: .75em; left: .75em; position: absolute;}
.umImageOverlay3 .featured-content-image-overlay-item__overlay {display: block; padding: 1rem .75em; position: relative; bottom: .75em; left: .75em; text-align: left; position: absolute; width: calc(100% - (2 * .75em)); background: none;}
.umImageOverlay3 .featured-content-image-overlay-item__title {font-size: 23px; font-weight: 700; color: #fff; margin-bottom: 12px;}
.umImageOverlay3 .featured-content-image-overlay-item__description {font-size: 10px; color: #fff; display: inline-block; padding: 4px 12px; background: var(--sknsecondary); border-radius: 6px;}

/* For umImageOverlay4 */
.layout__content .widget.umImageOverlay4 {padding: 32px 9%;}
.umImageOverlay4 .featured-content-multi-carousel-item__body {padding: 0 .75em; text-align: left;}
.umImageOverlay4 .catalog-grid-item__asset-container {padding: 0.75em;}
.umImageOverlay4 .featured-content-multi-carousel-item img {border-radius: 12px; padding: 0; margin-bottom: 12px;}
.umImageOverlay4 .featured-content-multi-carousel-item__title {text-align: left; font-size: 22px; color: #2e2e2e;}
.umImageOverlay4 .featured-content-multi-carousel-item__description {padding: 0; color: #2e2e2e; font-size: 14px; margin-bottom: 12px;}
.umImageOverlay4 .featured-content-multi-carousel-item__body::after {content: 'Explore More'; display: inline-block; font-size: 11px; font-weight: 700; background: var(--sknsecondary); color: #fff; border-radius: 6px; padding: 6px 12px;}
.umImageOverlay4 .btn--bare-icon i {line-height: 60px;}
.umImageOverlay4 .btn--bare-icon i::before {color: var(--sknsecondary); font-size: 60px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-right {right: -60px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-left {left: -60px;}
@media only screen and (max-width: 979px) {
    .umImageOverlay4 .featured-content-multi-carousel__nav-right {right: -30px;}
    .umImageOverlay4 .featured-content-multi-carousel__nav-left {left: -30px;}
}
@media only screen and (max-width: 767px) {
    .umImageOverlay4 .btn--bare-icon i::before {font-size: 40px; line-height: 40px;}
    .umImageOverlay4 .featured-content-multi-carousel__nav-right {right: -20px;}
    .umImageOverlay4 .featured-content-multi-carousel__nav-left {left: -20px;}
}

/* For RecomendedCourse1Head */
.layout__content .widget.umRecomendedCourse1Head {padding: 32px 9%;}
.umRecomendedCourse1Head .ember-view {position: relative;}
.umRecomendedCourse1Head .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 500; text-align: left; display: block; padding-right: 200px;}
.umRecomendedCourse1Head .widget__cta {position: absolute; top: 0; right: 0; padding: 0;}
.umRecomendedCourse1Head .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umRecomendedCourse1Head .widget__title {font-size: 28px;}
    .umRecomendedCourse1Head .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 979px) {
    .umRecomendedCourse1Head .widget__title {padding: 0;}
    .umRecomendedCourse1Head .widget__cta {position: static; text-align: left;}
    .umRecomendedCourse1Head .widget__cta .btn--centered {display: inline-block;}
}

/* For RecomendedCourse1 */
.layout__content .widget.umRecomendedCourse1 {padding: 32px 9%;}
.umRecomendedCourse1 .featured-content-image-overlay-item img {margin-bottom: 20px; border-radius: 12px;}
.umRecomendedCourse1 .featured-content-image-overlay-item__overlay {position: static; padding: 0; background: none;}
.umRecomendedCourse1 .featured-content-image-overlay-item__overlay::after { content: 'Explore More'; display: inline-block; font-size: 11px; font-weight: 700; background: var(--sknsecondary); color: #fff; border-radius: 6px; padding: 6px 12px;}
.umRecomendedCourse1 .featured-content-image-overlay-item__title {color: #2e2e2e; font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; min-height: 40px;}
.umRecomendedCourse1 .featured-content-image-overlay-item__description {color: #2e2e2e; font-size: 12px; display: block; min-height: 66px;}
@media only screen and (max-width: 979px) {
    .umRecomendedCourse1 .featured-content-image-overlay-item__title {min-height: 0;}
    .umRecomendedCourse1 .featured-content-image-overlay-item__description {min-height: 0; margin-bottom: 20px;}
}

.viewTutorial .featured-content-image-overlay-item__overlay::after { content: 'View Tutorial' !important;}


/* For RecomendedCourse1 with light blue background */
/*.layout__content .widget.umRecomendedCourseBlue {padding: 32px 9%;}*/
.umRecomendedCourseBlue .widget__title { font-size: 56px; font-weight: bold; margin: 54px 0 54px 0; color: var(--sknprimary);}
.umRecomendedCourseBlue .featured-content-image-overlay-item img {margin-bottom: 20px; border-radius: 12px;}
.umRecomendedCourseBlue .featured-content-image-overlay {padding-left:10%;padding-right:10%;background: var(--skndashlight);}
.umRecomendedCourseBlue {background-color: var(--skndashlight);}
.umRecomendedCourseBlue .featured-content-image-overlay-item__overlay {position: static; padding: 0; background: none;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__overlay::after { content: 'Explore More'; display: inline-block; font-size: 11px; font-weight: 700; background: var(--sknsecondary); color: #fff; border-radius: 6px; padding: 6px 12px;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__title {color: var(--sknprimary); font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; min-height: 40px;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__description {color: #2e2e2e; font-size: 12px; display: block; min-height: 66px;}
@media only screen and (max-width: 979px) {
    .umRecomendedCourseBlue .featured-content-image-overlay-item__title {min-height: 0;}
    .umRecomendedCourseBlue .featured-content-image-overlay-item__description {min-height: 0; margin-bottom: 20px;}
}


/* For umLinkList1 */
.layout__content .widget.umLinkList1 {padding: 32px 9%;}
.umLinkList1 .catalog-grid-item {border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; min-height: 300px;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__asset-container img {opacity: 0;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__body {position: absolute; top: 50%; transform: translateY(-50%); text-align: center;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__hr {display: none;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__cta-container {display: none;}
.umLinkList1 .catalog-grid-item__title {margin-bottom: 20px; color: var(--sknsecondary); font-weight: 600;}
.umLinkList1 .catalog-grid-item__description {height: auto !important; display: inline-block; padding: 6px 28px; border: 1px solid var(--sknsecondary); border-radius: 10px; color: var(--sknsecondary);}
.umLinkList1 .catalog-grid-item .column {position: static;}
@media only screen and (max-width: 979px) {
    .umLinkList1 .catalog-grid-item__title {height: auto !important;}
    .umLinkList1 .catalog-grid-item .catalog-grid-item__body {width: calc(100% - 1.5em);}
}

/* For umLinkList2 */
.layout__content .widget.umLinkList2 {padding: 32px 9%;}
.umLinkList2 .featured-content-image-overlay-item {position: relative; border-radius: 12px;}
.umLinkList2 .featured-content-image-overlay-item img {opacity: 0;}
.umLinkList2 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-block-grid li:nth-child(6) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-block-grid li:nth-child(9) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-block-grid li:nth-child(12) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-image-overlay-item__overlay {top: 50%; transform: translateY(-50%); text-align: center; bottom: auto; background: none;}
@media only screen and (max-width: 979px) {
    .featured-content-image-overlay-item__title {font-size: 800px;}
}

/* For umNavigation1 */
.umNavigation1 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation1 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover > a {border-bottom: 4px solid var(--sknsecondary);}
.umNavigation1 .navigation-bar .top-bar-section .has-dropdown > a::after {display: none;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover ul li {box-shadow:none; border-bottom: 1px solid #2e2e2e; font-size: 14px;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover ul li a {font-size: 14px;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover ul li:hover a {color: var(--sknsecondary);}

/* For umNavigation2 */
.umNavigation2 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation2 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none;}
.umNavigation2 .navigation-bar .top-bar-section ul > li a {color: #afaeb1;}
.umNavigation2 .navigation-bar .top-bar-section .has-dropdown > a::after {border-color: #afaeb1 transparent transparent; display: inline-block; vertical-align: middle; margin-left: 8px; position: static; margin-top: 0; transform: rotate(-90deg);}
.umNavigation2 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) > a {background: #d8d7ec; border-radius: 12px; color: var(--sknsecondary);}
.umNavigation2 .navigation-bar .top-bar-section .has-dropdown.hover > a::after {border-color: var(--sknsecondary) transparent transparent;  transform: rotate(0);}
.umNavigation2 .navigation-bar .top-bar-section ul > li.has-dropdown ul li {border: 0;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.has-dropdown ul li a {font-size: 14px;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li {border: 0; box-shadow: none;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li a:hover {background: #d8d7ec; border-radius: 12px; color: var(--sknsecondary);}


/* For umNavigation3 */
.umNavigation3 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation3 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none; background: none;}
.umNavigation3 .navigation-bar .top-bar-section ul > li a {color: #afaeb1; background: none;}
.umNavigation3 .navigation-bar .top-bar-section .has-dropdown > a::after {border: 0; content: '+'; float: right; position: static; margin-top: 0; margin-left: 8px; font-size: 24px;}
.umNavigation3 .navigation-bar .top-bar-section .has-dropdown.hover > a::after {content: '-';}
.umNavigation3 .navigation-bar .top-bar-section ul > li.has-dropdown ul li {border: 0;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.has-dropdown ul li a {font-size: 14px;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li {border: 0; box-shadow: none; background: none;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li a:hover {background: #d8d7ec; color: var(--sknsecondary);}
/* CHECK VAR COLOR SYNTAX edited color but wasn't on course page */ 
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) {border: 1px solid --sknsecondary; border-bottom: 0; 
border-top-left-radius: 8px; border-top-right-radius: 8px;}
/* CHECK VAR COLOR SYNTAX edited color but wasn't on course page */ 
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul {border: 1px solid --sknsecondary; border-top: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; width: calc(100% + 2px); left: -1px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: #fff;}
.umNavigation3 .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background: none;}

/* For umNavigation1 */
.umNavigation4 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation4 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.has-dropdown.hover > a {background: var(--sknsecondary); color: #fff;}
.umNavigation4 .navigation-bar .top-bar-section .has-dropdown > a::after {display: none;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.has-dropdown ul li {box-shadow:none; border: 0; padding: 0;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.has-dropdown ul li a {font-size: 14px;}
.umNavigation4 .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {color: var(--sknsecondary); background: #d8d7ec;}

/* For umSearchbar1 */
.layout__content .widget.umSearchbar1 {padding: 32px 9%;}
.umSearchbar1 button i {display: none;}
.umSearchbar1 .search-bar-widget button { background: var(--sknsecondary); color: #fff; font-weight: 600; text-transform: none; height: 50px; font-size: 20px; padding: 0 42px; border-radius: 8px !important;}
.umSearchbar1 .search-bar-widget input {height: 50px; width: calc(100% - 156px); border: 0; box-shadow: none; border-radius: 8px; background: var(--skndiscussionsearchbar); padding-left: 40px;}
@media only screen and (max-width: 979px) {
    .umSearchbar1 .search-bar-widget button {font-size: 14px; height: 42px;}
    .umSearchbar1 .search-bar-widget input {height: 42px; width: calc(100% - 136px); font-size: 14px; padding-left: 20px;}
}

/* For umSearchbar2 */
.layout__content .widget.umSearchbar2 {padding: 32px 9%;}
.umSearchbar2 button i {}
.umSearchbar2 .search-bar-widget button { background: var(--sknsecondary); color: #fff; font-weight: 600; text-transform: none; height: 60px; font-size: 20px; padding: 0 32px; border-radius: 0 !important;}
.umSearchbar2 .search-bar-widget input {height: 60px; width: 100%; border: 0; box-shadow: none; border-radius: 0; background: #fff; padding-left: 40px; border: 1px solid var(--sknsecondary);}
@media only screen and (max-width: 979px) {
    .umSearchbar2 .search-bar-widget input {height: 42px; font-size: 14px; padding-left: 20px;}
    .umSearchbar2 .search-bar-widget button {height: 42px; font-size: 14px;}
}

/* For umSearchbar3 */
.layout__content .widget.umSearchbar3 {padding: 32px 9%;}
.umSearchbar3 button i { font-size: 35px; color: var(--med);}
.umSearchbar3 .search-bar-widget button { background: none; color: #fff; font-weight: 600; text-transform: none; height: 60px; font-size: 20px; padding: 0 32px; border-radius: 0 !important; border: 0;}
.umSearchbar3 .search-bar-widget button span {display: none;}
.umSearchbar3 .search-bar-widget input {height: 60px; width: 100%; border: 0; box-shadow: none; border-radius: 0; background: #fff; padding-left: 40px; border: 1px solid var(--sknsecondary); border-radius: 30px;}
@media only screen and (max-width: 979px) {
    .umSearchbar3 button i {display: block; font-size: 26px;}
    .umSearchbar3 .search-bar-widget button {height: 42px; }
    .umSearchbar3 .search-bar-widget input {height: 42px; padding-left: 20px; font-size: 14px;}
}

/* For umLearnerAccess1 */
.layout__content .widget.umLearnerAccess1 {padding: 32px 9%; width: 100%;}
.umLearnerAccess1 .dashboard-access {padding: 32px; border: 1px solid var(--sknsecondary); border-radius: 12px;}
.umLearnerAccess1 .dashboard-access-tabs {margin-bottom: 20px;}
.umLearnerAccess1 .dashboard-access-tab {padding: 6px 20px; font-size: 12px; border-radius: 14px; box-shadow: none; border: 1px solid var(--sknsecondary); background: #fff; margin-right: 12px;}
.umLearnerAccess1 .dashboard-access-tab__count::before {content: '(';}
.umLearnerAccess1 .dashboard-access-tab__count::after {content: ')';}
.umLearnerAccess1 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px;}
.umLearnerAccess1 .dashboard-access-list-item-expander i {color: var(--sknsecondary); font-size: 20px; font-weight: 700;}
.umLearnerAccess1 .btn--small {margin: 0;}
.umLearnerAccess1 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess1 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess1 .dashboard-access-list-item:nth-of-type(2n) {background: none;}
@media only screen and (max-width: 767px) {
    .umLearnerAccess1 .dashboard-access {padding: 20px;}
}

/* For umLearnerAccess2 */
.layout__content .widget.umLearnerAccess2 {padding: 32px 9%; width: 100%;}
.umLearnerAccess2 .dashboard-access-tab {border: 0; padding: 10px 24px;}
.umLearnerAccess2 .dashboard-access-tab__count::before {content: '(';}
.umLearnerAccess2 .dashboard-access-tab__count::after {content: ')';}
.umLearnerAccess2 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px; font-weight: 700; background: #cec8e9;}
.umLearnerAccess2 .dashboard-access-list-item-expander i.icon-navigateright:before {color: var(--sknsecondary); font-size: 24px; font-weight: 700; content: '+'; vertical-align: middle;}
.umLearnerAccess2 .btn--small {margin: 0;}
.umLearnerAccess2 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess2 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess2 .dashboard-access-list-item:nth-of-type(2n) {background: #e6e3f4;}
@media only screen and (max-width: 767px) {
    .umLearnerAccess2 .dashboard-access-tab {width: 180px;}
}

/* For umLearnerAccess3 
.layout__content .widget.umLearnerAccess3 {padding: 32px 9%; width: 100%;}
.umLearnerAccess3 .dashboard-access__header {background: none;}
.umLearnerAccess3 .dashboard-access {background: #edecf6; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.umLearnerAccess3 .dashboard-access__header--expanded {color: var(--sknsecondary); background: none; border: 0;}
.umLearnerAccess3 .dashboard-access__header .button-expander {border-radius: 50%; border: 0; background: #fff !important;}
.umLearnerAccess3 .dashboard-access-tabs {background: #f3f2f9;}
.umLearnerAccess3 .dashboard-access-tabs li {border: 0; border-radius: 0; background: none;}
.umLearnerAccess3 .dashboard-access-tabs li.dashboard-access-tab--active {background: var(--sknsecondary);}
.umLearnerAccess3 .dashboard-access-tab--active .dashboard-access-tab__label {color: #8b8cc4;}
.umLearnerAccess3 .dashboard-access-tab--active .dashboard-access-tab__count {display: inline-block; background: #b8b6db; width: 22px; line-height: 22px; border-radius: 50%; color: #8b8cc4;}
.umLearnerAccess3 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px; font-weight: 700; background: #cec8e9;}
.umLearnerAccess3 .dashboard-access-list-item-expander i.icon-navigateright:before {color: var(--sknsecondary); font-size: 24px; font-weight: 700; content: '+'; vertical-align: middle;}
.umLearnerAccess3 .btn--small {margin: 0;}
.umLearnerAccess3 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess3 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess3 .dashboard-access-list-item:nth-of-type(2n) {background: #e6e3f4;}
@media only screen and (max-width: 767px) {
    .umLearnerAccess3 .dashboard-access span.head {padding: 8px 16px;}
}


.layout__content .widget.umLearnerAccess4 {padding: 32px 9%; width: 100%;}
.umLearnerAccess4 .dashboard-access {background: #fff; border: 1px solid var(--sknsecondary); border-top-left-radius: 20px; border-top-right-radius: 20px; padding-bottom: 1px;}

.umLearnerAccess4 .dashboard-access__header {background: none;}
.umLearnerAccess4 .dashboard-access__header--expanded {color: var(--sknsecondary); background: none; border: 0;}
.umLearnerAccess4 .dashboard-access__header .button-expander {border-radius: 50%; border: 0; background: #fff !important;}
.umLearnerAccess4 .dashboard-access-tabs {background: #edecf6;}
.umLearnerAccess4 .dashboard-access-tabs li {border: 0; border-radius: 0; background: none;}
.umLearnerAccess4 .dashboard-access-tab--active .dashboard-access-tab__label {color: #8b8cc4;}
.umLearnerAccess4 .dashboard-access-tab .dashboard-access-tab__count {display: inline-block; margin: 0; padding: 0;}
.umLearnerAccess4 .dashboard-access-tab--active .dashboard-access-tab__count {color: var(--sknsecondary); position: relative; top: -5px;}
.umLearnerAccess4 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px; font-weight: 700; background: #cec8e9;}
.umLearnerAccess4 .dashboard-access-list-item-expander i.icon-navigateright:before {color: var(--sknsecondary); font-size: 24px; font-weight: 700; content: '+'; vertical-align: middle;}
.umLearnerAccess4 .btn--small {margin: 0;}
.umLearnerAccess4 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess4 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess4 .dashboard-access-list-item:nth-of-type(2n) {background: #e6e3f4;}
@media only screen and (max-width: 767px) {
    .umLearnerAccess4 .dashboard-access span.head {padding: 8px 16px;}
} */


/* For Communities Discussion Board */
.layout__content .widget.widget--discussion-board, .learn.dashboard .widget.widget--discussion-board {padding: 64px 9%;}
.widget--discussion-board .columns {padding: 0;}
.widget--discussion-board .widget__title {text-align: left; font-size: 32px; font-weight: 600; color: #2e2e2e;}
.widget--discussion-board .btn--primary { display: inline-block; margin-left: 8%; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px; color: #fff;}
.widget--discussion-board .discussion-search-bar .catalog-filters {border-radius: 24px; overflow: hidden; border: 0; background: var(--skndiscussionsearchbar);}
.widget--discussion-board .discussion-search-bar .catalog-filters__search {background: none;}
.widget--discussion-board .discussion-search-bar input, .widget--discussion-board .discussion-search-bar select {background: none; padding: 0 20px; margin: 0;}
.widget--discussion-board .discussion-search-bar {margin-bottom: 60px;}
.widget--discussion-board .discussion-search-bar .catalog-filters__sort {border-left: 2px solid #fff; background: none;}
.discussion-card__list > li {width: 50%;}
.discussion-card__list > li .discussion-card {padding: 4%; border: 2px solid var(--sknsecondary);}
.discussion-card__list > li .discussion-card .discussion-card__title {font-size: 23px; color: #2e2e2e; /*padding-bottom: 20px;*/ font-weight: 500;}
.discussion-card__list > li .discussion-card .discussion-card__body-text {font-size: 14px; color: #2e2e2e; /*padding-bottom: 20px;*/}
.discussion-card__list > li .discussion-card .btn--primary {color: var(--sknsecondary); font-size: 18px; background: none; border: 1px solid var(--sknsecondary); font-weight: 700; border-radius: 12px;}
@media only screen and (max-width: 979px) {
    .widget--discussion-board .discussion-search-bar {margin-bottom: 40px;}
    .discussion-card__list > li {width: 100%;}
}
@media only screen and (max-width: 767px) {
    .discussion-card__list > li .discussion-card .discussion-card__title {font-size: 18px;}
    .discussion-card__list > li .discussion-card .discussion-card__body-text {font-size: 12px;}
    .discussion-card__list > li .discussion-card .btn--primary {font-size: 14px;}
}


/* For umVideo2 */
.layout__content .widget.umVideo2 {padding: 64px 9%;}
.umVideo2 .columns {padding: 0;}
.umVideo2 > .ember-view {display: block; border: 1px solid var(--sknsecondary); overflow: hidden; border-radius: 12px;}
.umVideo2 > .ember-view::after {content: ''; display: block; clear: both;}
.umVideo2 > .ember-view > .ember-view {width: 48%; float: right; padding: 4%;}
.umVideo2 > .ember-view .video__container {padding: 0;}
.umVideo2 > .ember-view > .row {width: 48%; float: left; text-align: left;}
.umVideo2 .widget__title {text-align: left; color: #2e2e2e;}
.umVideo2 .widget__subtitle {text-align: left; margin-bottom: 0; min-height: 80px; color: #2e2e2e;}
.umVideo2 .widget__cta {text-align: left;}
.umVideo2 .btn--centered {display: inline-block; margin-left: 8%; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px;}
@media only screen and (max-width: 979px) {
    .umVideo2 > .ember-view > .ember-view, .umVideo2 > .ember-view > .row {width: 100%; float: none;}
    .umVideo2 .widget__subtitle {min-height: 0;}
    .umVideo2 .widget__cta {text-align: center; padding: 1.5rem 0 0;}
}

/* For umVideo3 */
.layout__content .widget.umVideo3 {padding: 64px 9%;}
.umVideo3 .columns {padding: 0;}
.umVideo3 .video__container {padding: 0; border-radius: 12px; overflow: hidden;}
.umVideo3 .widget__title {font-size: 42px; font-weight: 600; color: #2e2e2e; text-align: left;}
.umVideo3 .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left;}
@media only screen and (max-width: 979px) {
    .umVideo3 .widget__title, .umVideo4 .widget__title {font-size: 28px;}
    .umVideo3 .widget__subtitle {font-size: 14px;}
}

/* For umVideo4 */
.layout__content .widget.umVideo4 {padding: 64px 9%;}
.umVideo4 .columns {padding: 0;}
.umVideo4 .video__container {padding: 0;}
.umVideo4 > .ember-view {position: relative;}
.umVideo4 > .ember-view > .ember-view {padding-bottom: 40px;}
.umVideo4 > .ember-view > .ember-view, .umVideo4 > .ember-view > .row {display: inline-block; vertical-align: middle; width: calc(48% - 4px);}
.umVideo4 > .ember-view > .row {margin-left: 4%;}
.umVideo4 .widget__title {font-size: 42px; font-weight: 600; color: #2e2e2e; text-align: left;}
.umVideo4 .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left;}
.umVideo4 .widget__cta {position: absolute; bottom: 0; left: 0;}
.umVideo4 .btn--centered {display: inline-block; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px;}
@media only screen and (max-width: 979px) {
    .umVideo4 .widget__title {font-size: 28px;}
    .umVideo4 .widget__subtitle {font-size: 14px;}
    .umVideo4 > .ember-view > .ember-view, .umVideo4 > .ember-view > .row {width: 100%; margin: 0;}
    .umVideo4 .widget__cta {position: static; text-align: center;}
}


/* For umVideo4 */
.layout__content .widget.umVideo5 {padding: 64px 9%;}
.umVideo5 .columns {padding: 0;}
.umVideo5 .video__container {padding: 0; border-radius: 12px; overflow: hidden;}
.umVideo5 > .ember-view {position: relative; display: flex; flex-direction: row-reverse;}
.umVideo5 > .ember-view > .ember-view {padding-bottom: 40px; padding: 32px; border: 1px solid var(--sknsecondary); border-radius: 12px;}
.umVideo5 > .ember-view > .ember-view, .umVideo5 > .ember-view > .row {display: inline-block; vertical-align: middle; width: calc(49% - 4px);}
.umVideo5 > .ember-view > .row {}
.umVideo5 .widget__title {font-size: 28px; font-weight: 600; color: #2e2e2e; text-align: left;}
.umVideo5 .widget__subtitle {font-size: 18px; color: #2e2e2e; text-align: left;}
.umVideo5 .widget__cta {position: absolute; left: calc(50% + 1% + 32px); bottom: 32px;}
.umVideo5 .btn--centered {display: inline-block; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px; margin: 0;}
@media only screen and (max-width: 979px) {
    .umVideo5 > .ember-view > .ember-view, .umVideo5 > .ember-view > .row {width: 100%;}
    .umVideo5 > .ember-view > .ember-view {margin-bottom: 20px;}
    .umVideo5 > .ember-view {display: block;}
    .umVideo5 .widget__subtitle {font-size: 14px; margin: 0;}
    .umVideo5 .widget__cta {position: static; text-align: center;}
}
@media only screen and (max-width: 767px) {
    
}

/**this css is for initial tutorial launch**/

.course__detail__sidebar .panel {
    display:block;
}

.course__detail__enrolled {display:block;}











/* Grid layout */
.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
  width: 100%;
}

/* Column styling */
.col {
  min-width: 200px;
  padding: 0 1rem;
}

/* Logo column specific */
.logo-col {
  display: flex;
  flex-direction: column;
}

/* Address styling */
.address-col h3 {
  margin-bottom: 1rem;
}

.address-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Button styling */
.button-spacer {
  height: 1rem;
}

.footer-button {
  color: inherit;
  text-decoration: underline;
  margin-top: 0.5rem;
}

/* Social links */
.social-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.social-links li {
  margin-bottom: 0.75rem;
}

.social-links i {
  margin-right: 0.5rem;
}

/* Copyright */
.footer_text {
  margin-top: 2rem;
  text-align: center;
}

/* Link styling within accordion answers */
.cd-accordion-link {
  text-decoration: underline;
  color: #2A4365; 
  transition: color 0.2s ease;
}

.cd-accordion-link:hover {
  color: #4299E1; /* Hover color - adjust to brand */
}



html {
  scroll-behavior: smooth;
}

#privacy-policy, 
#terms-of-service {
  scroll-margin-top: 100px;
}




/*dashboard header account name text color */

.dashboard-header__name {
    color: white;
}
.dashboard-header__arrow {
    color: white;
}




.section7-blue2 { background: #006ec7; }
.section7-blue2 .row { width: 82%; margin-top: 9%; margin-bottom: 9%;}
.section7-blue2 .editor-content img { width: 100%; }
.section7-title-blue2 { color: white; font-size: 50px; margin-top: 15%; }
.section7-blue2 p { margin-bottom: 0px; }
.section7-description-blue2 { color: white; font-size: 20px; margin-bottom: 1rem; }
.section7-btn-blue2 { background: transparent; color: var(--sknsecondary); border: 3px solid var(--sknsecondary); border-radius: 10px; width: 100%; max-width: 268px; margin-top: 30px; font-size: 22px; font-weight: 600;}













.learner-dashboard-hero {
  max-height: 84vh; /* 84% of viewport height */
  height: 85vh; /* Fixed height */
  overflow: hidden; /* Prevent content overflow */
  position: relative; /* For absolute positioning of child elements */
  margin-bottom: 0; /* Remove default margins */
  
  /* Optional gradient overlay (matches your existing hero styles) */
  background: linear-gradient(to right, rgba(4, 78, 124, 0.8), rgba(4, 78, 124, 0.2));
}

/* Child elements (adjust as needed) */
.learner-dashboard-hero .hero__caption {
  position: absolute;
  top: 50%;
  left: 9%;
  transform: translateY(-50%);
  width: 40%; /* Adjust width as needed */
  color: white; /* Text color */
}

.learner-dashboard-hero .hero__title {
  font-size: 3rem; /* 48px */
  font-weight: 700;
  margin-bottom: 1rem;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .learner-dashboard-hero {
    height: 60vh;
  }
  .learner-dashboard-hero .hero__caption {
    width: 60%;
  }
}

@media (max-width: 768px) {
  .learner-dashboard-hero {
    height: 50vh;
  }
  .learner-dashboard-hero .hero__caption {
    width: 80%;
    left: 5%;
  }
  .learner-dashboard-hero .hero__title {
    font-size: 2rem; /* 32px */
  }
}


/* IMPORT LIVE */



.pad {padding: 0rem 15rem !important;}
/*  Home Page */
@media only screen and (max-width: 1279px) {
    .layout__content .widget.josFeaturedVideo {padding: 3rem 4%;}
    .Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay h4 {font-size: 14px;}
    .Testimonial .featured-content-carousel__dot {width: 74px; height: 4px;}
    .Testimonial .featured-content-carousel__dots {padding-top: 1rem;}
}
@media only screen and (max-width: 579px) { 
    .Testimonial .featured-content-carousel__list > li picture {width: 100%;}
    .Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay {width: 100%;}
    .Testimonial .featured-content-carousel__dot {margin: 0 4px; width: 32px;}
}
@media only screen and (min-width: 64.063em) {
	.container { max-width: 100%; }
}
@media only screen and (min-width: 48.063em) {
}
.hero .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto;}
input[type=search]:focus { background: transparent; }
.index .header--microsite, .dashboard .header--dashboard, .page .header--microsite {  top: 0; left: 0; width: 100%; padding: 0; padding: 0 8%; z-index: 2; }
/* original - replaced with row 43 above
.index .header--microsite, .header--dashboard { position: absolute; top: 0; left: 0; width: 100%; padding: 0; padding: 0 8%; z-index: 2; }*/
.index .header--microsite .company__beta-logo { position: absolute; top: 15px; left: 8%; }
.header--microsite .top-bar { border: 0; display: inline-block; width: calc(100% - 160px - 300px);margin-left: 300px; background: none; padding: 0px 0; margin-top: 12px;}
.header--microsite .top-bar .top-bar-section {  display: block; text-align: center; width: 100%; }
.header--microsite .top-bar .top-bar-section ul { display: block; width: 100%; text-align: center; }
.header--microsite .top-bar .top-bar-section::after { content: ''; display: block; clear: both; }
.header--microsite .top-bar .top-bar-section li { display: inline-block; float: none; padding: 0; background: none; }
.header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) { background: none; color: white; }
.nav--top ul li:nth-last-child(3) { display: none; }


/*Hide*/
.layout__content .widget.Testimonial {padding: 8rem calc(12% - 64px);}
.Testimonial { background: #eaeaea; }
.Testimonial .featured-content-carousel__list>li {color: #000;}
.Testimonial .featured-content-carousel__list>li picture {display: inline-block; width: calc(50% - 4px); vertical-align: middle; padding: 35px;}
.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay {display: inline-block; width: calc(50% - 4px); vertical-align: top; background: none; position: static; text-align: left; }
.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay h4 {font-size: 84px; font-weight: bold; color: black;}
.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay p {font-size: 16px; color: black; margin-top: 40px; font-style: italic;}
.Testimonial .featured-content-carousel__dots {position: static; padding: 3rem 0 0;}
.Testimonial .featured-content-carousel__dot {width: 104px; border-radius: 0; background: #c0c0c0; margin: 0 16px;}
.Testimonial .featured-content-carousel__dot.featured-content-carousel__dot--active {background: #2e2e2e;}
.Testimonial .featured-content-carousel__nav {display: block !important; bottom: auto; top: 50%; width: 100%; left: 0; margin: 0; padding: 0;}
.Testimonial .featured-content-carousel__nav button:nth-child(1) {float: left;}
.Testimonial .featured-content-carousel__nav button:nth-child(2) {float: right;}
.Testimonial .btn--primary:hover, .Testimonial .btn--primary:active, .Testimonial .btn--primary, .Testimonial .btn {background: none; border: 0;}
.Testimonial .icon-navigateleft:before, .Testimonial .icon-navigateright:before {color: #2e2e2e; font-size: 45px;}
.featured-content-carousel__container { margin-left: 6%; margin-right: 6%; }
.featured-content-carousel__dots { display:none; }
.hero .hero__caption { width: 30%; }
.hero__caption .h4 { display: block; color: white !important; font-size: 20px; margin-bottom: 20px; }
.hero .hero__caption .hero__title { color: white; font-size: 80px; font-weight: 700;}
.hero .hero__caption span {font-size: 23px;}
.hero .btn--primary { color: white; background-color: transparent; border: 2px solid white; border-radius: 10px; font-size: 26px;}
.layout__content .hero { margin-bottom: 0px; height: 700px; }
.row .row { margin: 0 auto; }
.section-2 { padding: 0px !important; background: var(--sknprimary); }
.section-2 .columns { padding-left: 0px; padding-right: 0px; }
.section-2 .columns img{ width: 100%; }
.section-2 .columns p{ margin-bottom: 0px; font-size: 23px;}
.section-2 .editor-content { height: 100%; align-items: center; }
.column2 h3 { color:white; font-size: 62px; }
.column2 p { color:white; }
.column2 { padding: 15% 15% 0; }

.searchbar { width: 95%; margin-top: 7%; text-align: center; margin-bottom: 6%; }
.searchbar .ember-text-field { border-radius: 10px; width: calc(100% - 200px); border: 2px solid var(--sknschborder); box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%); background: var(--sknsearchbar); }
.searchbar .ember-text-field input.ember-text-field:focus {background: var(--sknsearchbar);}
.searchbar .btn--primary .icon-search { display:none; }	
.searchbar .btn--primary { background-color: var(--sknprimary); color: #fff; border-radius: 10px !important; font-size: 22px; text-transform: none; font-weight: 600; float: right;}
.searchbar .search-bar-widget button {position: static; height: 60px; padding: 0 48px;}
.search-bar-widget input {height: 60px; font-size: 22px;}


.section3 { width: 81%; }
.section3 h2.widget__title { font-size: 56px; font-weight: 600; color: #2e2e2e;}
.section3 p.widget__subtitle {font-size: 18px; color: #2e2e2e;}
.section3 .widget__cta { padding: 0px; }
.section3 .widget__cta .btn--primary { background-color: var(--sknprimary); border-radius: 10px; border: 0px solid; font-size: 18px; padding: 12px 32px; font-weight: 600; color: #fff;}
.section4 { width: 83%; margin-top: 10px;}
.section4 .catalog-grid-item { border: 3px solid var(--sknsecondary); border-radius: 10px; }
.section4 .catalog-grid-item__title { font-size: 32px; color: black; margin-top: 10px; color: #2e2e2e; font-weight: 600;}
.section4 .catalog-grid-item__description { color: #2e2e2e; margin-top: 10px; font-size: 17px;}
.section4 .catalog-grid-item__cta-container {display: block;}
/*.section4 .catalog-grid-item__cta-container .btn--right { float: left; border: 1px solid var(--sknprimary); padding: 12px 32px !important; border-radius: 10px; margin-top: 50px; font-weight: 600; color: var(--sknprimary); margin-bottom: 10px; font-size: 22px;}*/

.section6 .catalog-grid-item__cta-container .btn--right { float: left; border: 3px solid var(--sknsecondary); padding: 6px 14px !important; border-radius: 6px; margin-top: 50px; font-weight: 600; color: var(--sknprimary); margin-bottom: 10px; font-size: 13px;}
.section5 .ember-view div:nth-child(1) { display: inline-block; margin-left: 10%; }
.section5 .widget__cta { padding: 0; display: inline-block; float: right; margin-right: 10%; }
.section4 .catalog-grid-item__hr, .section5 .row, .section6 .catalog-grid-item__hr { display:none; }
.section5 {background: #00A2E3 !important;}
.section5 .widget__title { font-size: 56px; font-weight: 600; color: white;}
.section5 { margin-top: 100px; }
.section5 .widget__cta .btn--centered { display: block; background: white; border: 3px solid var(--sknprimary); border-radius: 10px; padding: 12px 32px; font-size: 18px; font-weight: 600; color: var(--sknprimary);}
.section6 .featured-content-block-grid {padding-left: 5%;padding-right:5%!important;} /*added padding to compensate for removing it below*/
.section6 {margin-bottom: 100px;background:var(--sknsecondary);} /*removed width: 83% to allow color on background and added background color*/
.section6 .catalog-grid-item { background:white; border: 3px solid var(--sknprimary); position: relative; border-radius: 10px; } /*added background white*/
.section6 .column.medium-12 { padding-top: 1rem;}
.section6 .catalog-grid-item__body .catalog-grid-item__title { font-size: 20px; font-weight: bold; color: var(--sknprimary);}
.section6 .catalog-grid-item__body .catalog-grid-item__description { font-size: 13px; color: var(--sknprimary);}
.section6 .catalog-grd-item__body catalog-grid-item__body {min-height: 220px;}
.section7 { background: var(--sknprimary); }
.section7 .row { width: 82%; margin-top: 9%; margin-bottom: 9%;}
.section7 .editor-content img { width: 100%; }
.section7-title { color: white; font-size: 50px; margin-top: 15%; }
.section7 p { margin-bottom: 0px; }
.section7-description { color: white; font-size: 20px; margin-bottom: 1rem; }
.section7-btn { background: transparent; color: white; border: 2px solid white; border-radius: 10px; width: 100%; max-width: 268px; margin-top: 30px; font-size: 22px; font-weight: 600;}

.section7-white { background: white; }
.section7-white .row { width: 82%; margin-top: 9%; margin-bottom: 9%;}
.section7-white .editor-content img { width: 100%; }
.section7-title-white { color: var(--sknprimary); font-size: 50px; margin-top: 15%; }
.section7-white p { margin-bottom: 0px; }
.section7-description-white { color: var(--sknprimary); font-size: 20px; margin-bottom: 1rem; }
.section7-btn-white { background: transparent; color: var(--sknsecondary); border: 3px solid var(--sknsecondary); border-radius: 10px; width: 100%; max-width: 268px; margin-top: 30px; font-size: 22px; font-weight: 600;}


.section4 .column.medium-6:first-child {  display: none; }
.section4 .column.medium-6:nth-child(2) { width:100%; }

.section4 .column.medium-6:hover {background: var(--sknprimary);}
.section4 .column.medium-6:hover .catalog-grid-item__title, .section4 .column.medium-6:hover .catalog-grid-item__description {color: #fff;}
.section4 .column.medium-6:hover .catalog-grid-item__cta-container .btn--right {border-color: #fff; color: #fff; background: none;}


@media (min-width: 768px) and (max-width: 1024px){
    .section-2 .columns p {font-size: 14px;}
	.hero .hero__caption { width: 65%; position: absolute;}
	.hero .hero__caption .hero__title { font-size: 20px; }
	.section3 h2.widget__title { font-size: 20px; }
    .section3 p.widget__subtitle {font-size: 14px;}
    .hero .hero__caption span {font-size: 14px;}
    .hero .btn--primary {font-size: 14px; border-radius: 6px;}
	.hero__caption .h4 { font-size: 15px; }
	.header--microsite .top-bar { display: inline-block; width: calc(100% - 122px); margin-left: 0; }
	.top-bar .toggle-topbar.menu-icon { top: 50%; margin-top: -16px; }
	.header--microsite .top-bar .title-area .btn--bare { float: right; color: white; }
	.index .header--microsite, .header--dashboard { padding: 12px 4%; }
	.nav--top { width: auto; display: inline-block; float: right; }
	.header--microsite .top-bar { width: 100%; padding: 0; }
	.header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) { padding: 2px 12px; text-align: right; }
	.header--microsite .top-bar .top-bar-section ul li { display: block; }
	.top-bar.expanded .title-area { background: transparent; }
	.top-bar.expanded .toggle-topbar.menu-icon button { color: white; }
	.top-bar.expanded .toggle-topbar.menu-icon button span:after { box-shadow: 0 0 0 1px #cbcbcb, 0 7px 0 1px #cbcbcb, 0 14px 0 1px #cbcbcb; }
	.nav--top a { color:white; }
	.Testimonial .featured-content-carousel__nav {top: 38%;}
	.layout__content .hero { height: auto; }
	.medium-6.columns { display: inline-block; width: 50%; }
	.column2 h3 { font-size: 17px; }
	.column2 p { font-size: 12px; }
	.section4 .featured-content-block-grid, .section6 .featured-content-block-grid  { display: flex; } 
	.Testimonial .featured-content-carousel__list>li picture { padding: 0px; }
	.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay { padding-top: 0px; }
	.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay h4 { font-size: 30px; }
	.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay p { font-size: 12px; margin-top: 15px; }
	.Testimonial .featured-content-carousel__nav { top: 40%; }
	.section5 .widget__title { font-size: 25px; }
	.section7-title { font-size: 20px; }
	.section7-description { font-size: 12px; }
	.section7-btn { font-size: 14px; max-width: 136px; border-radius: 6px;}
	.section4 .catalog-grid-item__cta-container .btn--right, .section6 .catalog-grid-item__cta-container .btn--right { margin-top: 20px; }


}

@media (min-width:320px) and (max-width: 767px) {
	.header--microsite .top-bar .top-bar-section { background: #fff; }
	.header--microsite .top-bar .top-bar-section ul li { display: block; }
	.header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) { color: black; padding: 2px 12px; text-align: right; }
	.nav--top { width: auto; display: inline-block; float: right; }
	.index .header--microsite, .header--dashboard { padding: 12px 4%; }
	.header--microsite .top-bar {width: 100%;padding: 0; margin-left: 0px;}
	.header--microsite .top-bar .title-area .btn--bare { float: right; color: #2e2e2e; }
	.home-hero .hero__caption .hero__title { color: black; font-size: 18px; }
	.home-hero .hero__caption .h4 { color: black !important; font-size: 14px; }
	.hero .btn--primary { color: var(--sknprimary); border: 2px solid var(--sknprimary); margin-bottom: 0px;}
	.column2 { padding: 10%; }
	.column2 h3 { font-size: 18px; }
	.Testimonial .featured-content-carousel__nav { top: 40%; }
	.nav--top a { color: white; }
	.header--microsite .top-bar .title-area .btn--bare { color: white; }
	.column2 p { font-size: 14px; }
	.searchbar { width: 100%; text-align: initial;}
	.hero .hero__caption { width: 100%; }
	.layout__content .hero { height: auto; }
	.section3 { width: 90%; }
	.section3 h2.widget__title { font-size: 18px; }
	.section3 p.widget__subtitle {font-size: 14px; margin-bottom: 1rem;}
	.Testimonial .featured-content-carousel__list>li picture {display: block;width: 100%;padding: 0px;}
	.layout__content .widget.Testimonial { padding: 2rem 5%; }
	.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay {width: 100%;padding-bottom: 0px; padding-left: 0; padding-right: 0;}
	.Testimonial .featured-content-carousel-item { padding: 15px; }
	.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay h4 { font-size: 18px; }
	.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay p { font-size: 14px; margin-top: 10px;}
	.section5 {margin-top: 25px;text-align: center;}
	.section5 .widget__title { font-size: 18px; }
	.section5 .ember-view div:nth-child(1) {margin-left: auto;}
	.section5 .widget__cta { float: none; margin-right: auto; }
	.section4 .catalog-grid-item__cta-container .btn--right, .section6 .catalog-grid-item__cta-container .btn--right { margin-top: 20px; }
	.section6 {margin-bottom: 25px;}
	.section6 .catalog-grid-item { border: 3px solid var(--sknprimary); }
	.section7-title { font-size: 18px; margin-top: 10%; }
	.section7-description { font-size: 14px; }
	.section4 { width: 90%; }
	.section6 .featured-content-block-grid li { padding-left:0px; padding-right: 0px; }
	.section3 .widget__title, .section3 .widget__subtitle { text-align: left; }
}
/*  Home Page */

/*  Course Page */
@media only screen and (min-width: 64.063em) { .directional__nav .directional__nav__label { visibility: unset; } }
@media only screen and (min-width: 48.063em) { .section-progress-bar, .layout-panel .section .columns { padding: 0 0rem; } }
@media only screen and (min-width: 90.063em) { .learner__sidebar {margin-top: 8%;} }
@media only screen and (min-width: 64.063em) { .learner__sidebar {margin-top: 7.2%;} }
.header--student .header__left__icon { background: var(--sknprimary); padding: 15px;}
.header--student .header__left__icon .icon-home { font-size: 45px; color: white;}
.header--student .header__left__copy .course-title { color: black; font-weight: 500;} 
.learner__content .layout-panel { background: transparent; }
.topic__container { background: white; padding: 18px; }
.directional__nav__button.directional__nav__button--left, .directional__nav__button.directional__nav__button--right { } /* removed teh display none for the nav buttons */ 
.directional__nav a, .directional__nav button.directional-nav__arrow {padding: 5px 0px 0px 0px;font-weight: bold;}
.topic__container { margin-top: 50px; }
.topic__edit { background: white; }
.topic__edit .button-group  { padding: 20px; }
.section-progress-bar span { background-color: var(--sknprimary); height: 6px; border-radius: 10px; }
.section-progress-bar div {background:var(--sknsecondary);}
.learner__container__toggle.text-right { margin-bottom: 25px; background:var(--sknprimary); border-radius: 10px; padding: 5px; }
.learner__container__toggle.text-right .btn--primary { background: var(--sknprimary) !important; border: 0px solid; color: white !important; } /*required the !important notation */ 
.expandable-sidebar__toggle { background: transparent; color: #2c2c2c; font-size: 15px; font-weight: bold; }
.expandable-sidebar--toggled .expandable-sidebar__toggle { color: var(--sknsecondary);}
.layout-panel { background: transparent; }
.layout-panel .learner__sidebar__expandables .expandable-sidebar {background: white;border-radius: 10px;margin-bottom: 5px;}
.learner__sidebar-list>li { border-bottom: 1px solid black; }
.section-progress-bar div { border-radius: 5px; }
.learner__container .learner__sidebar__search .small-8 {display: none;}
.learner__container .learner__sidebar__search .learner__sidebar__search-icon {display: none;}
.learner__container .learner__sidebar__search .small-4 {display: block; width: 100%; text-align: right;}
.learner__container .learner__sidebar__search .small-4 .btn--primary {display: inline-block;}
.learner__container .learner__container__toggle .btn--primary{background: var(--sknprimary);color: white;border: 0px;border-radius: 9px;width: 86px;}
.learner__sidebar-inner-list span.syllabus__section-title {color: black;margin-bottom: 1em;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:not(:hover) {color: black;}
.syllabus__topic--non-expandable-title-text {}
li.syllabus__topic--non-expandable:before { display: none; }
.syllabus__topic.syllabus__topic--active.syllabus__topic--non-expandable {background-color: var(--sknprimary);}
.syllabus__topic--active .syllabus__topic--non-expandable-title-text {color: white;}
.syllabus__topic--non-expandable .syllabus__topic--non-expandable-title-text { margin-top: 2px; }
.syllabus__topic { margin-bottom: 87px; }
.learner__sidebar-inner-list li { margin-bottom: 5px; margin-top: 5px; }
.learner-section__title__container .learner-section__title, .learner-section__title__container .learner-lesson__title { color: black; }
.learner__sidebar .expandable-sidebar__buttons {background: var(--sknsecondary)
;border-radius: 10px;padding: 5px;}
.learner__sidebar .expandable-sidebar__buttons a{ color:white; }
.learner__sidebar-inner-list.learner__sidebar-inner-list--disabled { background-color: white; }
@media (min-width:320px) and (max-width: 767px) {
  .header--student .header__left__icon .icon-home { font-size: 23px; }
  .directional__nav .directional__nav__label  { display: block; }
}
@media (min-width: 768px) and (max-width: 1024px){ 
  .header--student .header__left__icon { width: 61px; }
  .directional__nav .directional__nav__label  { display: block; }
  .header--student .header__left__icon .icon-home {font-size: 28px !important;}

    .section4 .catalog-grid-item__title {font-size: 18px;}
    .section4 .catalog-grid-item__description {font-size: 12px;}
    .section4 .catalog-grid-item__cta-container .btn--right {font-size: 12px; padding: 6px 12px !important; border-radius: 6px;}
}
/*  Course Page */


/* Dashboard
.learn.dashboard .widget {padding: 0px;}
.header--dashboard { top: 17px; padding: 0; }
.widget--dashboard-stats .columns {padding: 0;margin-bottom: 24px;background: #f2f2f2;}
.dashboard-stat__label {font-size: 14px; text-transform: none;}
.dashboard-stat__label .dashboard-stat__icon { display: none; }
.dashboard-stat--available .dashboard-stat, .dashboard-views__line__bar  { background: var(--sknprimary); }
.dashboard-stat--collaborations .dashboard-stat { background: #f75046; }
.dashboard-stat--completed .dashboard-stat { background: #f7c946; }
.dashboard-stat--started .dashboard-stat {background: #65c6db;}
.dashboard-stat__label, .dashboard-stat__value.dashboard-stat__value--huge { color: white; }
.dashboard-views__header { color: var(--sknprimary); font-weight: 700; text-transform: none; font-size: 14px;}
.Dashboardhero .hero__title { font-size: 76px !important; }
.dashboard-stats__container { padding: 25px; }
.look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title{ font-size: 56px; font-weight: bold; margin: 40px 0 54px 0; color: var(--sknprimary);}
.widget--dashboard-access { width: 80%; }
.dashboard-access { margin-bottom:50px; }
.dashboard-access-tab--active {background: var(--sknprimary);font-weight: 700;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.dashboard-access { border: 0px solid #cbcbcb; }
.dashboard-access-tabs {background: transparent;border-bottom: 0px solid #cbcbcb; }
.dashboard-access-tab--active .dashboard-access-tab__count, .dashboard-access-tab--active .dashboard-access-tab__label {color: white;background: transparent; border: 0px solid #cbcbcb;}
.dashboard-access-tab--inactive { background: #e9e9e9; font-weight: 900;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.dashboard-access-tab { margin-right: 3px; }
.dashboard-access-tab__count { background: transparent; border: 0px solid #cbcbcb; }
.explore-tabs { text-align: center; }
.explore-tabs-btn {display: inline-block;margin-left: 50px;margin-right: 50px;padding: 20px;width: 210px;border-radius: 15px;border: 3px solid var(--sknprimary); font-weight: 700;}
.explore-tabs-btn2 {display: inline-block;margin-left: 50px;margin-right: 50px;padding: 20px;width: 210px;border-radius: 15px;border: 3px solid var(--sknsecondary); font-weight: 700;}
.Explore-topic .btn--primary { background-color: var(--sknprimary); border-radius: 10px !important; font-size: 22px; font-weight: 600; padding: 12px 56px; color: #fff; border: 0;}




.dashboard-section5 .catalog-search-bar {padding: 0; background: #fff; border: 3px solid var(--sknsecondary);}
.dashboard-section5 .catalog-search-bar .catalog-filters {background: none; border: 0;}
.dashboard-section5 .catalog-search-bar .catalog-filters__search {background: none;}
.dashboard-section5 .catalog-search-bar .catalog-search input {padding-left: 20px;}
.dashboard-section5 .catalog-search-bar .catalog-search input, .dashboard-section5 .catalog-search-bar .catalog-search select, .dashboard-section5 .catalog-filters__sort {background: none;}
.dashboard-section5 .catalog-filters__sort {border-left: 3px solid var(--sknsecondary);}
.udashboard-section5 .catalog-display-type {padding-right: 1rem; background: none;}
.dashboard-section5 .catalog-display-type button {border: 0;}
.dashboard-section5 .catalog-display-type button.btn--primary {color: var(--sknsecondary);}



.dashboard-section5 {width: 80%;margin-bottom: 100px;margin-top: 50px;}
/*.dashboard-section5 .catalog-filters {border-top-left-radius: 15px;border-bottom-left-radius: 15px;border: 0px solid var(--skncataloglight);background: transparent; border-right: 1px solid white;}
.catalog-filters__selections { border-left: 1px solid white; background: transparent; }*/
/*.dashboard-section5 .catalog-display-type .btn { border: 0px; color: black; }
.catalog-display-type {background: var(--skncataloglight);border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.dashboard-section5 .catalog-display-type .btn:hover { border: 0px; background: var(--skncataloglight); color: black; }
.dashboard-section5 .icon-navigatedown { color: white; }
.catalog-aggregation--expanded.catalog-aggregation__header--label { color: white; }
.catalog-aggregation { border-top: 0px; background: #e9e9e9; margin-bottom: 15px;}
.catalog-aggregation--expanded {background: var(--sknprimary);padding: 0px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.catalog-aggregation--expanded ul { background: var(--skncatalogaggregation); }
.catalog-aggregation--expanded .catalog-aggregation__header--label { color: white; }
.catalog-aggregation--expanded .catalog-aggregation__header { padding: 11px !important; }
.catalog-aggregation--expanded ul li { border-bottom: 1px solid; margin-left: 39px; }
.catalog-aggregation--expanded .catalog-aggregation__value { margin-left: 0px; }
.dashboard-section5 .js-results-holder .catalog-grid-item { border: 3px solid var(--sknsecondary); border-radius: 18px; }
.dashboard-section5 .catalog-grid-item__body .btn--right{ float:left; border: 3px solid var(--sknsecondary); padding: 5px 7px !important; color: var(--sknprimary); margin-top: 15px; border-radius: 6px; margin-bottom: 16px; font-size: 12px; font-weight: 600;}
.dashboard-section5 .catalog-grid-item__title { font-size: 19px; font-weight: bold; }
.dashboard-section5 .catalog-grid-item__asset-container { padding: 20px; }
.dashboard-section5 .catalog-grid-item .column.medium-12 { padding:0px; }
.dashboard-section5 .ember-text-field { background: transparent; }
.Explore-topic { margin-top: 50px; }

.dashboard-section6 {background-color: var(--skndashlight);}
.dashboard-section6 .featured-content-multi-carousel {width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 54px;}
.dashboard-section6 .widget__title { font-size: 56px; font-weight: bold; margin: 100px 0 54px 0; color: #2e2e2e;}
.dashboard-section6 .featured-content-multi-carousel-item {background: transparent;text-align: center;border-right: 0px solid;}
.dashboard-section6 .featured-content-multi-carousel-item img { border-radius: 39px; }  
.dashboard-section6 .featured-content-multi-carousel-item__body { text-align:left }
.dashboard-section6 .featured-content-multi-carousel-item__title {padding: 0 .5em; margin-top: 21px; font-size: 23px;}
.dashboard-section6 .featured-content-multi-carousel-item__description {font-size: 15px;}
.dashboard-section6 .featured-content-multi-carousel__nav-right .icon-navigateright, .dashboard-section6 .featured-content-multi-carousel__nav-left .icon-navigateleft{font-size: 40px;color: var(--sknprimary);}
.dashboard-section6 .featured-content-multi-carousel__nav-left { left: 7%; }
.dashboard-section6 .featured-content-multi-carousel__nav-right { right: 7%; }

.dashboard-section7 {width: 80%;margin-top: 100px;margin-bottom: 100px;}
.dashboard-section7 .section5 .ember-view div:nth-child(1) { margin-left: 0%; }
.dashboard-section7 .section5 .widget__cta { margin-right: 0%; }

.dashboard-section5 .catalog-grid-item__hr, .dashboard-section8 .catalog-grid-item__hr {display:none;}
.dashboard-section8 .catalog-grid-item { border: 1px solid var(--sknprimary); padding: 1rem 0; border-radius: 10px;}
.dashboard-section8 .catalog-grid-item__cta-container .btn--right { float: left; color: var(--sknprimary); font-weight: bold; margin-top: 15px; border: 1px solid var(--sknprimary); border-radius: 6px; padding: 6px 12px !important;}
.dashboard-section8 .catalog-grid-item__body .catalog-grid-item__title { font-weight: bold; }
.dashboard-section7 .section5 .widget__title { margin-left: 12px; }
.dashboard .dashboard-section8 { width: 80%; }
.dashboard .section5 { width: 98%; }
.dashboard-section8 { margin-bottom: 120px; } */

.Testimonials .small-12.columns {padding-left: 0px;padding-right: 0px;}
.Testimonials .testimonial-widget { margin: 0px; }
.Testimonials .ember-view.testimonial { max-height: 800px; min-height: 750px; }
.Testimonials .testimonial-quote.testimonial-quote--left {margin-left: 50%; color: white;padding: 100px;}
.Testimonials .testimonial .testimonial-quote__author-name:before , .testimonial .testimonial-quote__author-name:before { display: none; }
.Testimonials .testimonial .testimonial-quote__text {font-size: 25px;margin-top: 22%;}
.Testimonials .testimonial .testimonial-quote__author-name, .testimonial-quote__author-description { font-size: 16px; font-style: normal;}
.Testimonials .testimonial .testimonial-quote__author-name {text-transform: uppercase;}
.Testimonials .testimonial .testimonial-quote__author-description {font-style: normal;}
.FeaturedContent .ember-view .row:nth-child(2) { margin-left: 0%; border: 2px solid var(--sknprimary);}
.FeaturedContent {width: 80%;padding: 20px !important;margin-top: 100px;}
.FeaturedContent img { width:100%; }
.FeaturedContent .medium-6.columns { padding-left: 0rem; padding-right: 0rem; }
.FeaturedContent p { margin-bottom: 0px; }
.section-editor { padding: 68px; }
.section-editor button{ background: var(--sknprimary); border: 0px solid transparent; border-radius: 10px; color: white; margin-top: 20px; font-size: 18px; font-weight: 600;}
.section-editor h3 { font-size:42px; margin-bottom: 30px;}
.section-editor .first { font-weight:bold; font-size: 24px;}
.section-editor p { font-size:18px; margin-bottom: 10px;}
.catalog-display-type button.btn { background: transparent; }
.footer {padding: 0;}
.footer .footer__inner {padding: 0; border: 0;}
.footer .footer__company__info {display: none;}
.footer .urbanFooter {display: block;padding: 40px 0;background: var(--sknprimary);color: #fff;}
.footer .urbanFooter .logo {display: block; padding: 4px; background: #fff; text-align: center;}
.footer .urbanFooter nav {display: block;padding: 50px 0;margin: 0 auto;width: 90%;border-bottom: 1px solid white;}
.footer .urbanFooter nav .col {display: inline-block;width: 16%;vertical-align: top;}
.footer .urbanFooter nav .col h3 {font-size: 16px; font-weight: 700; margin-bottom: 8px; color: #fff; text-transform: uppercase;}
.footer .urbanFooter nav .col ul {display: block; margin: 0;}
.footer .urbanFooter nav .col ul li {margin-bottom: 4px; list-style-type: none;}
.footer .urbanFooter nav .col ul li a {color: #fff; text-transform: uppercase; font-size: 12px; text-decoration: none;}
.footer .urbanFooter nav .col address {font-style: normal; text-transform: uppercase;}
.footer .urbanFooter .socialMedia {display: block; text-align: center; padding: 20px 0;}
.footer .urbanFooter .socialMedia {display: block; margin: 0;}
.footer .urbanFooter .socialMedia ul li {display: inline-block; margin: 0 10px;}
.footer .urbanFooter .socialMedia ul li i {display: block; font-family: "Font Awesome 5 Brands"; font-size: 20px; color: #fff; font-style: normal;}
.footer .urbanFooter .socialMedia ul li i.fb::before {content: "\f39e";}
.footer .urbanFooter .socialMedia ul li i.tw::before {content: "\f099";}
.footer .urbanFooter .socialMedia ul li i.in::before {content: "\f0e1";}
.footer .urbanFooter .socialMedia ul li i.yt::before {content: "\f167";}
.footer .urbanFooter .socialMedia ul li i.ig::before {content: "\f16d";}
.footer_text { padding: 15px 5% 45px; }
/*.layout__content .widget.Testimonial {padding: 3rem 12%;}*/
.layout__content .widget.Testimonial .testimonial {height: 32vw; background-size: 32vw 32vw; background-position: center left; padding-left: 40vw;}
.layout__content .widget.Testimonial .testimonial-quote {text-align: left; padding: 0;}
.layout__content .widget.Testimonial .testimonial-quote::before {font-size:62px; content: 'What our educators say';font-weight: bold; display: block; margin-bottom: 32px;}
.layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text { font-size: 17px; font-style: italic;}
.layout__content .widget.Testimonial .testimonials__nav--left {left: 0;}
.layout__content .widget.Testimonial .testimonials__nav--right {right: 0;}
.layout__content .widget.Testimonial .featured-content-multi-carousel .featured-content-block-grid.testimonial-content-middle>li {padding: 0 64px;}
.layout__content .widget.Testimonial .testimonials__nav {width:44px;}
.expandable-sidebar__toggle {font-size: 20px; text-transform: none;}
.expandable-sidebar__toggle i.expandable-sidebar__icon--left::before {display: none;}
.expandable-sidebar__toggle i.expandable-sidebar__icon--left {display: inline-block; width: 40px; height: 35px; vertical-align: middle;}
.learner__sidebar .Lessons .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/plzkcuiuz20f-Lessons.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Lessons .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/2e401bxocqyn-Lessons-act.png) center no-repeat;}
.learner__sidebar .Resources .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/atxx74bubfiq-Resources.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Resources .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/3mxvdovv588r-Resources-act.png) center no-repeat;}
.learner__sidebar .Assignments .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/ih4bux1sjkcl-Assignment.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Assignments .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/s0s0ti5dkyqx-Assignment-act.png) center no-repeat;}
.learner__sidebar .Notes .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/u88vnm2um0ud-Notes.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Notes .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/j1t5wt724uqb-Notes-act.png) center no-repeat;}
.learner__sidebar .Workbooks .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/wdvh4t09k2si-Workbook.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Workbooks .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/sx9ynfu5xydc-Workbook-act.png) center no-repeat;}
.learner__sidebar .Progress .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/bqje7dhkyvl3-Progress.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Progress .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/p9ikhxgosecz-Progress-act.png) center no-repeat;}
.header--student .header__left__icon .icon-home {width: 48px; height:48px; display:inline-block; background: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/c122986e-ac93-4e61-babb-c23e780e4003/wh9lof50xmxy-HomeIconBlue.png) center no-repeat;}
.header--student .header__left__icon .icon-home::before {display:none;}
.catalog-search-bar { padding: 5px; background: var(--skncataloglight); border-top-left-radius: 15px; border-top-right-radius: 15px; }
.dashboard-section5 .catalog-filters__search { background:transparent; }
.catalog-search__button { display:none; }
.catalog-filters__selections .catalog-content-type { width: 100%; }
select { border: 0px solid #ccc; background-color: transparent; }
.catalog-search-bar .catalog-display-type .btn { margin: 0 0 0; }
input[type=search] { border: 0px solid #ccc; box-shadow: none;}
@media (min-width: 1024px) and (max-width: 1450px) {
	.explore-tabs-btn {margin-left: 10px;margin-right: 10px;padding: 15px;width: 192px;}
    	.explore-tabs-btn2 {margin-left: 10px;margin-right: 10px;padding: 15px;width: 192px;}
	.dashboard-section5 { margin-bottom: 85px; margin-top: 15px; }
	.dashboard-section6 .widget__title { margin: 50px 0 50px 0; }
	.FeaturedContent { margin-top: 50px; }
	.dashboard .section5 { margin-top: 50px; }
	.dashboard-section8 { margin-bottom: 50px; }
	.Testimonials .testimonial .testimonial-quote__text { margin-top: 9%; }
	.Testimonials .testimonial-quote.testimonial-quote--left { margin-left: 41%; padding: 90px; }
	.Explore-topic { margin-top: 10px; }
	.hero .hero__caption { width: 42%; }
	.footer .urbanFooter .socialMedia ul li i { font-size: 14px; }
}
@media (min-width:320px) and (max-width: 767px) {
  .footer .urbanFooter nav .col { width: 100%;  margin-bottom: 20px; }
  .footer .urbanFooter nav { padding: 0px 9%; width: 90%; }
  .header--dashboard { top: 10px; padding: 12px 4%; }
  .hero .hero__caption { padding: 1rem; }
  .Dashboardhero .hero__title { font-size: 14px !important; }
  .Dashboardhero .hero .hero__caption { width: 34%; position: absolute; left: 5%; }
  .dashboard-stats__container { padding: 15px; }
  .look-progress { width: 90%; }
  .look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title { font-size: 26px; margin: 11px 0 11px 0; }
  .widget--dashboard-access { width: 90%; }
  .widget--dashboard-access_standard .small-12.columns { padding-left: 0rem; padding-right: 0rem; }
  .dashboard-access-tabs li { width: 163px; margin-right: 5px; margin-bottom: 5px;}
  .Explore-topic { margin-top: 0px; }
  .dashboard-access-tab { padding: 1em 15px; }
  .explore-tabs-btn { margin-left: 0px; margin-right: 0px; padding: 1em 15px; width: 163px; margin-bottom: 5px; }
  .explore-tabs-btn2 { margin-left: 0px; margin-right: 0px; padding: 1em 15px; width: 163px; margin-bottom: 5px; }
  .dashboard-section5 { width: 90%; margin-bottom: 20px; margin-top: 5px; }
  .dashboard-section5 .medium-12.columns { padding-left: 0rem; padding-right: 0rem; }
  input[type=search] { margin: 0 0 0rem;}
  .catalog-display-type {padding: 0 0em;}
  .catalog-filters__selections { border-left: 0px solid white; }
  .catalog-search-bar { margin-right: 10px; margin-left: 10px; }
  .dashboard-section6 .widget__title { font-size: 26px; margin: 20px 0 20px 0; }
  .dashboard-section6 .featured-content-multi-carousel { margin-bottom: 5px; }
  .FeaturedContent  { margin-top: 20px; width: 90%;}
  .section-editor { padding: 17px; }
  .section-editor p { font-size: 14px; }
  .section-editor h3 { font-size: 18px; }
  .dashboard .dashboard-section8 { width: 90%; }
  .dashboard-section8 { margin-bottom: 25px; }
  .layout__content .widget.Testimonial .testimonial { height: auto; background-size: 32vw 32vw; background-position: top center; padding-top: 35vw; padding-left: 0vw;}
  .layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text { font-size: 14px; }
  .layout__content .widget.Testimonial .featured-content-multi-carousel .featured-content-block-grid.testimonial-content-middle>li { padding: 0 34px; }
  .layout__content .widget.Testimonial .testimonial-quote::before { font-size: 18px; margin-bottom: 7px; }
  .dashboard .section5 .ember-view div:nth-child(1) { display: block; }
  .featured-content-multi-carousel { padding: 0 0em; }
  .Testimonials .ember-view.testimonial { max-height: 200px; min-height: 100px; }
  .Testimonials .testimonial-quote.testimonial-quote--left { margin-left: 0; padding: 21px; }
  .Testimonials .testimonial .testimonial-quote__text { font-size: 12px; margin-top: 0%;}
  .Testimonials .testimonial .testimonial-quote__author-name, .testimonial-quote__author-description { font-size: 11px; }

    .dashboard-section6 .featured-content-multi-carousel-item__title {font-size: 18px;}
    .dashboard-section6 .featured-content-multi-carousel-item__description {font-size: 12px;}
    .section-editor button, .section5 .widget__cta .btn--centered {font-size: 12px; }
    .hero .hero__caption {position: static; transform: none;}
    .hero .btn--primary {font-size: 14px; border-radius: 6px;}
    .section-2 .columns p {font-size: 12px;}
    .searchbar .btn--primary {font-size: 14px;}
    .searchbar .search-bar-widget button {padding: 0 28px; height: 44px;}
    .searchbar .ember-text-field {height: 44px; width: calc(100% - 106px); font-size: 14px;}
    .section3 p.widget__subtitle {font-size: 13px;}
    .section3 .widget__cta .btn--primary {font-size: 14px;}
    .section4 .catalog-grid-item__title {font-size: 20px;}
    .section4 .catalog-grid-item__description {font-size: 13px;}
    .section4 .catalog-grid-item__cta-container .btn--right {font-size: 13px; padding: 6px 12px !important; border-radius: 6px;}
    .section7-btn {font-size: 13px; border-radius: 6px; max-width: 152px;}
}
@media (min-width: 768px) and (max-width: 1024px){ 
  .widget--dashboard-access { width: 85%; }
  .Explore-topic { margin-top: 0px; }
  .explore-tabs-btn { margin-top: 15px; }
  .explore-tabs-btn2 { margin-top: 15px; }
  .look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title { margin: 40px 0 20px 0; }
  .dashboard-section5 .catalog-filters__search { width: 30%; }
  .catalog-filters__selections { width: 40%; }
  .dashboard-section5 .catalog-filters { border: 0px solid var(--skncataloglight); border-right: 0px solid white; }
  .icon-search { display: none; }
  .dashboard-section5 .columns { padding-left: 0px; padding-right: 0px; }
  .dashboard-section5 .js-results-holder ul li { width: 33.3%; display: block; clear: unset; }
  .dashboard-section6 .widget__title { margin: 35px 0 20px 0; }
  .FeaturedContent { padding: 0px !important; margin-top: 50px; }
  .section-editor { padding: 29px; }
  .section-editor h3 { font-size: 18px; margin-bottom: 15px; }
  .section-editor button { margin-top: 12px; margin-bottom: 0px; }
  .section-editor p { font-size: 14px; }
  .section5 .ember-view div:nth-child(1) { margin-left: 9%; }
  .section5 .widget__cta { margin-right: 8.5%; }
  .dashboard .section5 { margin-top: 50px; }
  .dashboard-section8 { margin-bottom: 0; }
  .dashboard-section8 ul.featured-content-block-grid li { clear: none; width: 33.3%; }
  .dashboard-section8 .small-12.columns { padding-left: 0; padding-right: 0; }
  .featured-content-multi-carousel { padding: 0 0em; }
  .Testimonials .testimonial-quote.testimonial-quote--left { margin-left: 36%; padding: 3px; }
  .Testimonials .testimonial .testimonial-quote__text { font-size: 18px; margin-top: 22%; }
  .Testimonials .ember-view.testimonial { max-height: 500px; min-height: 448px; }
  .layout__content .widget.Testimonial .testimonial-quote::before { font-size: 22px; margin-bottom: 5px;}
  .layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text { font-size: 11px; }
  .layout__content .widget.Testimonial .testimonial { padding-left: 35vw; }

    .hero .hero__caption .hero__title {font-size: 46px !important;}
    .look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title, .dashboard-section6 .widget__title {font-size: 28px;}
    .dashboard-section6 .featured-content-multi-carousel-item__title {font-size: 20px;}
    .dashboard-section6 .featured-content-multi-carousel-item__description {font-size: 13px;}
    .Explore-topic .btn--primary, .section5 .widget__cta .btn--centered {font-size: 16px; padding: 10px 44px;}
    .section-editor .first {font-size: 15px;}
    .section-editor button, .section5 .widget__cta .btn--centered {font-size: 14px; }
}
/* Dashboard */

/* For Widget Page */
/* Css for disabling side margin */
.home__content {padding: 0;}

/* For um Banner1 */
.umBanner1 {position: relative;}
.umBanner1::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(66, 105, 176, .2); z-index: 1;}
.umBanner1 .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto; z-index: 2;}
.umBanner1 .hero__caption .hero__title {font-size: 80px; color: #fff; font-weight: 700;}
.umBanner1 .hero__caption span {font-size: 23px; margin-bottom: 36px;}
.umBanner1 .btn--primary { color: white; background-color: transparent; border: 2px solid white; border-radius: 10px; font-size: 26px;}
@media only screen and (max-width: 979px) {
    .umBanner1 .hero__caption .hero__title {font-size: 32px !important;}
    .umBanner1 .hero__caption span {font-size: 18px; margin-bottom: 14px;}
    .umBanner1 .btn--primary {font-size: 18px;}
}
@media only screen and (max-width: 767px) {
    .umBanner1::before {display: none;}
    .umBanner1 .hero__caption {transform: none;}
    .umBanner1 .hero__caption .hero__title {color: #2e2e2e !important; }
    .umBanner1 .hero__caption span {color: #2e2e2e !important; font-size: 14px;}
    .umBanner1 .btn--primary {color: #2e2e2e; font-size: 14px; border-color: #2e2e2e;}
}

/* For um Banner2 */
.umBanner2 {
    position: relative;
    height: 75%; /* Adjust banner height */
}

.umBanner2::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Overlay covers 100% of the banner */
    background: rgba(66, 105, 176, .2);
    z-index: 1;
}

.umBanner2 .hero__caption {
    background: transparent;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.umBanner2 .hero__caption .hero__title {
    font-size: 80px; /* Retain the original font size */
    color: #fff;
    font-weight: 700;
    margin-bottom: 80px;
}

.umBanner2 .hero__caption span {
    font-size: 23px; /* Retain original font size */
    margin-bottom: 36px;
}

.umBanner2 .btn--primary {
    color: white;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 10px;
    font-size: 26px; /* Retain original font size */
    padding: 6px 1.25em;
}

/* Responsive Adjustments */
@media only screen and (max-width: 979px) {
    .umBanner2 {
        height: auto; /* Auto height for medium screens */
    }

    .umBanner2 .hero__caption .hero__title {
        font-size: 80px; /* Keep font size unchanged */
        margin-bottom: 80px;
    }

    .umBanner2 .btn--primary {
        font-size: 26px; /* Keep font size unchanged */
    }
}

@media only screen and (max-width: 767px) {
    .umBanner2::before {
        height: 100%; /* Ensure overlay always covers banner height */
    }

    .umBanner2 .hero__caption {
        transform: none;
        padding: 12px;
    }

    .umBanner2 .hero__caption .hero__title,
    .umBanner2 .hero__caption span {
        font-size: 80px; /* Keep font size unchanged */
        color: #2e2e2e !important;
    }

    .umBanner2 .btn--primary {
        font-size: 26px; /* Keep font size unchanged */
        color: #2e2e2e;
        border-color: #2e2e2e;
    }
}

/* For um Banner3 */
.umBanner3 .hero::after {content: ''; display: block; clear: both;}
.umBanner3 picture {position: relative; float: right; width: 50%;}
.umBanner3 .hero__caption {position: relative; width: 50%; float: left;}
.umBanner3 picture::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(66, 105, 176, .2); z-index: 1;}
.umBanner3 .hero__caption { background: transparent; transform: none; bottom: auto; width: 50%; text-align: left; z-index: 2; position: static; padding: 80px 9% 0;}
.umBanner3 .hero__caption .hero__title {font-size: 80px; color: #fff; font-weight: 300; margin-bottom: 80px; color: #4269b0;}
.umBanner3 .hero__caption span.h4 {font-size: 23px; margin-bottom: 80px; color: #2e2e2e !important;}
.umBanner3 .btn--primary { color: #4269b0; background-color: transparent; border: 2px solid #4269b0; border-radius: 10px; font-size: 26px; padding: 6px 1.25em;}
@media only screen and (max-width: 1600px) {
    .umBanner3 .hero__caption .hero__title {font-size: 64px; margin-bottom: 60px;}
    .umBanner3 .hero__caption span.h4 {font-size: 20px; margin-bottom: 60px;}
}
@media only screen and (max-width: 979px) {
    .umBanner3 .hero__caption {padding: 40px 9% 0;}
    .umBanner3 .hero__caption .hero__title {margin-bottom: 20px; font-size: 32px !important;}
    .umBanner3 .hero__caption span.h4 {font-size: 14px; margin-bottom: 20px;}
    .umBanner3 .btn--primary {font-size: 16px;}
}
@media only screen and (max-width: 767px) {
    .umBanner3 picture {width: 100%;}
    .umBanner3 .hero__caption {width: 100%;}
}

/* For um Banner4 - two widget used this is widget 1 */
.layout__content .widget.umBanner4head {padding: 32px 9%;}
.umBanner4head h2.widget__title {font-size: 60px; margin-bottom: 40px; color: #2e2e2e;}
.umBanner4head .widget__subtitle {font-size: 20px; margin-bottom: 0; color: #2e2e2e;}
.umBanner4head .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px;}
@media only screen and (max-width: 979px) {
    .umBanner4head h2.widget__title {font-size: 32px; margin-bottom: 32px;}
    .umBanner4head .widget__subtitle {font-size: 14px;}
    .umBanner4head .widget__cta {padding: 1rem 0 0;}
    .umBanner4head .btn--centered {font-size: 14px;}
}
/* For um Banner4 - two widget used this is widget 2 */
.umBanner4img picture {padding: 32px 9%;}
.umBanner4img picture img {width: 100%; border-radius: 20px;}
@media only screen and (max-width: 979px) {
    .umBanner4img picture {padding: 0 9% 32px;}
}

/* For umBanner5 */
.umBanner5 {
    position: relative;
    height: 33%;
}
.umBanner5 .hero__caption {
    position: absolute;
    top: 50%;
    left: 9%; /* Aligns the text to the left with padding */
    transform: translateY(-50%);
    z-index: 2;
    text-align: left; /* Ensures left-aligned text */
}
.umBanner5 .hero__caption .hero__title {
    font-size: 80px; /* Large title size */
    color: #2e2e2e; /* Dark text color for better visibility */
    font-weight: 700;
    margin-bottom: 36px;
}
.umBanner5 .hero__caption span {
    font-size: 23px;
    color: #2e2e2e;
    margin-bottom: 24px;
    display: block;
}
.umBanner5 .btn--primary {
    color: white;
    background-color: #2e2e2e; /* Dark background for CTA button */
    border: none;
    border-radius: 10px;
    font-size: 26px;
    padding: 10px 40px;
    text-transform: uppercase;
    font-weight: 700;
}

/* Responsive Design Adjustments */
@media only screen and (max-width: 979px) {
    .umBanner5 .hero__caption .hero__title {
        font-size: 64px; /* Maintain large title size for readability */
    }
    .umBanner5 .hero__caption span {
        font-size: 18px;
    }
    .umBanner5 .btn--primary {
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .umBanner5 {
        height: auto; /* Allows for dynamic height on smaller screens */
    }
    .umBanner5 .hero__caption {
        top: auto;
        transform: none;
        left: 6%; /* Smaller padding for smaller screens */
        right: 6%;
    }
    .umBanner5 .hero__caption .hero__title {
        font-size: 32px;
    }
    .umBanner5 .hero__caption span {
        font-size: 16px;
    }
    .umBanner5 .btn--primary {
        font-size: 18px;
        padding: 8px 30px;
    }
}


/* Get started with your courses - heading */
.umGetStarted .h2 {font-size: 60px; color: var(--sknprimary); font-weight: 700;}
@media only screen and (max-width: 979px) {
    .umGetStarted .h2 {font-size: 32px;}
}
@media only screen and (max-width: 767px) {
    .umGetStarted .h2 {font-size: 28px;}
}

/* Catalog1 style */
.layout__content .widget.umCatalog1 {padding: 32px 9%;}
.umCatalog1 .catalog-header {display: none;}
.umCatalog1 .columns {padding: 0;}
.umCatalog1 .js-results-holder {padding-left: 1rem;}
.umCatalog1 .btn--link i {color: #fff;}
.umCatalog1 .catalog-aggregation--expanded ul li {margin-left: 28px;}
.umCatalog1 .catalog-aggregation--expanded ul li .btn.catalog-aggregation__value {color: #2e2e2e;}
.umCatalog1 .catalog-aggregation--expanded ul {padding: 20px 0;}
.umCatalog1 .catalog-item .catalog-grid-item {border: 1px solid var(--sknsecondary); border-radius: 8px; padding: 1rem 0;}
.umCatalog1 .catalog-grid-item__source {margin-bottom: 8px;}
.umCatalog1 .catalog-grid-item__source strong {font-size: 11px; color: #2e2e2e;}
.umCatalog1 .catalog-grid-item__title {color: #2e2e2e; font-weight: 600;}
.umCatalog1 .catalog-grid-item__description {color: #2e2e2e; font-weight: 400; margin-bottom: 18px;}
.umCatalog1 .catalog-grid-item__hr {display: none;}
.umCatalog1 .catalog-grid-item .btn--link {float: none; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog1 .catalog-search-bar {padding: 0; background: var(--skndiscussionsearchbar);}
.umCatalog1 .catalog-search-bar .catalog-filters {background: none; border: 0;}
.umCatalog1 .catalog-search-bar .catalog-filters__search {background: none;}
.umCatalog1 .catalog-search-bar .catalog-search input {padding-left: 20px;}
.umCatalog1 .catalog-search-bar .catalog-search input, .umCatalog1 .catalog-search-bar .catalog-search select, .umCatalog1 .catalog-filters__sort {background: none;}
.umCatalog1 .catalog-filters__sort {border-left: 2px solid #fff; border-right: 2px solid #fff;}
.umCatalog1 .catalog-display-type {padding-right: 1rem;}
.umCatalog1 .catalog-display-type button {border: 0;}
.umCatalog1 .catalog-display-type button.btn--primary {color: var(--sknsecondary);}

.umCatalog1 .catalog-list-item {padding: 1rem; border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; margin-right: 0;}
.umCatalog1 .catalog-list-item .catalog-list-item__title {display: block; width: calc(100% - 50% - 1rem - 1rem); height: 25px; overflow: hidden; position: absolute; left: calc(50%); top: 60px;}
.umCatalog1 .catalog-list-item .medium-4, .umCatalog1 .catalog-list-item .medium-8 {width: 50%;}
.umCatalog1 .catalog-list-item .catalog-list-item__info {margin-bottom: 60px;}
.umCatalog1 .catalog-list-item .catalog-list-item__description .editor-content {height: 45px; overflow: hidden; display: block; color: #2e2e2e; margin-bottom: 1rem;}
.umCatalog1 .catalog-list-item .catalog-list-item__description::after {content: 'View Details'; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog1 .catalog-list-item .catalog-list-item__asset {width: 100%;}
@media only screen and (max-width: 979px) {
    .umCatalog1 .catalog-grid-item__title {font-size: 18px; height: auto !important;}
    .umCatalog1 .catalog-grid-item__description, .umCatalog1 .catalog-grid-item__cta-container {height: auto !important;}
    .umCatalog1 .catalog-list-item .catalog-list-item__title {top: 36px;}
    .umCatalog1 .catalog-list-item .catalog-list-item__info {margin-bottom: 36px;}
}
@media only screen and (max-width: 767px) {
    .umCatalog1 .small-block-grid-1 > li {padding: 0; margin-bottom: 12px;}
    .umCatalog1 .js-results-holder {padding: 0;}
}

/* Catalog2 style*/
.layout__content .widget.umCatalog2 {padding: 32px 9%;}
.umCatalog2 .catalog-header {display: none;}
.umCatalog2 .columns {padding: 0;}
.umCatalog2 .js-results-holder {padding-left: 1rem;}
.umCatalog2 .catalog-search-bar {padding: 0; background: #fff; border: 1px solid #2e2e2e;}
.umCatalog2 .catalog-search-bar .catalog-filters {background: none; border: 0;}
.umCatalog2 .catalog-search-bar .catalog-filters__search {background: none;}
.umCatalog2 .catalog-search-bar .catalog-search input {padding-left: 20px;}
.umCatalog2 .catalog-search-bar .catalog-search input, .umCatalog2 .catalog-search-bar .catalog-search select, .umCatalog2 .catalog-filters__sort {background: none;}
.umCatalog2 .catalog-filters__sort {border-left: 1px solid #2e2e2e;}
.umCatalog2 .catalog-display-type {padding-right: 1rem; background: none;}
.umCatalog2 .catalog-display-type button {border: 0;}
.umCatalog2 .catalog-display-type button.btn--primary {color: var(--sknsecondary);}
.umCatalog2 .js-results-holder {padding-left: 1rem;}
.umCatalog2 .btn--link i {color: #fff;}
.umCatalog2 .catalog-aggregation--expanded ul li {margin-left: 28px;}
.umCatalog2 .catalog-aggregation--expanded ul li .btn.catalog-aggregation__value {color: #2e2e2e;}
.umCatalog2 .catalog-aggregation--expanded ul {padding: 20px 0;}
.umCatalog2 .catalog-item .catalog-grid-item {border: 1px solid var(--sknsecondary); border-radius: 8px; padding: 1rem 0;}
.umCatalog2 .catalog-grid-item__source {margin-bottom: 8px;}
.umCatalog2 .catalog-grid-item__source strong {font-size: 11px; color: #2e2e2e;}
.umCatalog2 .catalog-grid-item__title {color: #2e2e2e; font-weight: 600;}
.umCatalog2 .catalog-grid-item__description {color: #2e2e2e; font-weight: 400; margin-bottom: 18px;}
.umCatalog2 .catalog-grid-item__hr {display: none;}
.umCatalog2 .catalog-grid-item .btn--link {float: none; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}

.umCatalog2 .catalog-list-item {padding: 1rem; border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; margin-right: 0;}
.umCatalog2 .catalog-list-item .catalog-list-item__title {display: block; width: calc(100% - 50% - 1rem - 1rem); height: 25px; overflow: hidden; position: absolute; left: calc(50%); top: 60px;}
.umCatalog2 .catalog-list-item .medium-4, .umCatalog2 .catalog-list-item .medium-8 {width: 50%;}
.umCatalog2 .catalog-list-item .catalog-list-item__info {margin-bottom: 60px;}
.umCatalog2 .catalog-list-item .catalog-list-item__description .editor-content {height: 45px; overflow: hidden; display: block; color: #2e2e2e; margin-bottom: 1rem;}
.umCatalog2 .catalog-list-item .catalog-list-item__description::after {content: 'View Details'; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog2 .catalog-list-item .catalog-list-item__asset {width: 100%;}
@media only screen and (max-width: 979px) {
    .umCatalog2 .catalog-filters__sort {border: 0;}
    .umCatalog2 .catalog-search-bar .catalog-search input {margin: 0;}
    .umCatalog2 .catalog-grid-item__title {font-size: 18px; height: auto !important;}
    .umCatalog2 .catalog-grid-item__description, .umCatalog2 .catalog-grid-item__cta-container {height: auto !important;}
    .umCatalog2 .catalog-list-item .catalog-list-item__title {top: 36px;}
    .umCatalog2 .catalog-list-item .catalog-list-item__info {margin-bottom: 36px;}
}
@media only screen and (max-width: 767px) {
    .umCatalog2 .small-block-grid-1 > li {padding: 0; margin-bottom: 12px;}
    .umCatalog2 .js-results-holder {padding: 0;}
}


/* For um uFeaturedContent Standard heading - two widget used this is. widget 1 */
.layout__content .widget.umFeaturedContentStdhead {padding: 32px 9%;}
.umFeaturedContentStdhead h2.widget__title {font-size: 60px; margin-bottom: 40px; color: #2e2e2e;}
.umFeaturedContentStdhead .widget__subtitle {font-size: 20px; margin-bottom: 0; color: #2e2e2e;}
.umFeaturedContentStdhead .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px;}
@media only screen and (max-width: 979px) {
    .umFeaturedContentStdhead h2.widget__title {font-size: 32px; margin-bottom: 20px;}
    .umFeaturedContentStdhead .widget__subtitle {font-size: 14px;}
    .umFeaturedContentStdhead .btn--centered {font-size: 14px;}
}
/* For um uFeaturedContent Standard heading - two widget used this is. widget 2 */
.layout__content .widget.umFeaturedContentStd {padding: 32px 9%;}
.umFeaturedContentStd .catalog-grid-item {padding: 1rem 0; border: 3px solid var(--sknsecondary); border-radius: 12px;}
.umFeaturedContentStd .medium-block-grid-4 > li {width: 50%;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__title {font-size: 32px; font-weight: 600; margin-bottom: 32px;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__description {font-size: 16px; color: var(--sknprimary); height: 64px !important;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__hr {display: none;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__cta-container {text-align: left;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__cta-container .btn--link.btn--primary {float: none;
border: 3px solid var(--sknsecondary); padding: 12px 32px !important; border-radius: 10px; margin-top: 50px; font-weight: 600; color: var(--sknprimary); margin-bottom: 10px; font-size: 22px;}
.umFeaturedContentStd .catalog-grid-item:hover {background: var(--sknprimary);}
.umFeaturedContentStd .catalog-grid-item:hover .catalog-grid-item__title {color: #fff;}
.umFeaturedContentStd .catalog-grid-item:hover .catalog-grid-item__description {color: #fff;}
.umFeaturedContentStd .catalog-grid-item:hover .catalog-grid-item__cta-container .btn--link.btn--primary {background: white !important ;color: var(--sknprimary); border-color: #fff;}
@media only screen and (max-width: 979px) {
    .umFeaturedContentStd .medium-block-grid-4 > li {width: 100%;}
    .umFeaturedContentStd .catalog-grid-item .catalog-grid-item__title {font-size: 20px; height: auto !important; margin-bottom: 20px;}
    .umFeaturedContentStd .catalog-grid-item .catalog-grid-item__description {font-size: 14px; height: auto !important;}
    .umFeaturedContentStd .catalog-grid-item .catalog-grid-item__cta-container .btn--link.btn--primary {font-size: 14px; padding: 6px 18px !important; border-radius: 6px; margin-top: 20px;}
}

/* For Video1 */
.layout__content .widget.umVideo1 {padding: 32px 9%;}
.umVideo1 > .ember-view {border: 2px solid var(--sknsecondary); padding: 32px; border-radius: 20px; position: relative;}
.umVideo1 > .ember-view > .ember-view, .umVideo1 > .ember-view > .row {display: inline-block; width: calc(50% - 4px); vertical-align: top;}
.umVideo1 > .ember-view > .ember-view {padding-right: 4%;}
.umVideo1 > .ember-view > .row {padding-left: 4%;}
.umVideo1 > .ember-view > .ember-view {text-align: left;}
.umVideo1 h2.widget__title {font-size: 50px; font-weight: 900; margin-bottom: 32px; color: #2e2e2e; text-align: left; margin-top: 12px;}
.umVideo1 .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left; margin-bottom: 4rem;}
.umVideo1 > .ember-view > .row .columns, .umVideo1 > .ember-view > .row .video__container {padding: 0;}
.umVideo1 > .ember-view .widget__cta {position: absolute; bottom: 32px; left: 32px;}
.umVideo1 > .ember-view .widget__cta .btn--centered {margin-bottom: 0; background: none; border: 1px solid var(--sknsecondary); border-radius: 6px; font-size: 18px; font-weight: 600; color: var(--sknsecondary);}
@media only screen and (max-width: 979px) {
    .umVideo1 > .ember-view {padding: 20px;}
    .umVideo1 > .ember-view > .ember-view, .umVideo1 > .ember-view > .row {width: 100%; padding: 0;}
    .umVideo1 h2.widget__title {font-size: 28px; margin-bottom: 20px;}
    .umVideo1 .widget__subtitle {font-size: 14px;}
    .umVideo1 > .ember-view .widget__cta {position: static; text-align: center;}
    .umVideo1 > .ember-view .widget__cta .btn--centered {font-size: 14px;}
}

/* For umIbus - Course layout */
.layout__content .widget.umIbus {padding: 32px 9%;}
.umIbus .widget__title {color: #2e2e2e;}
.umIbus .featured-content-block-grid {padding: 0;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item {display: block; padding: 20px; border: 2px solid var(--sknsecondary); border-radius: 12px;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item img {display: inline-block; width: calc(50% - 4px); vertical-align: middle; padding-right: 4%;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay {display: inline-block; width: calc(50% - 4px); vertical-align: middle; padding-left: 4%; position: relative; padding: 0; background: none; color: #2e2e2e;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__title {color: #2e2e2e; font-size: 32px; font-weight: 500;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__description {font-size: 18px; color: #2e2e2e;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay::after {content: 'Read More'; display: inline-block; padding: 6px 16px; border: 1px solid var(--sknsecondary); border-radius: 6px; font-size: 18px; color: var(--sknsecondary); margin-top: 28px;}
@media only screen and (max-width: 979px) {
    .umIbus .widget__title {font-size: 32px;}
    .umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__title {font-size: 24px;}
    .umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__description {font-size: 14px;}
    .umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay::after {font-size: 14px; margin-top: 20px;}
}
@media only screen and (max-width: 767px) {
    .umIbus .featured-content-block-grid .featured-content-image-overlay-item img {width: 100%; padding: 0; margin-bottom: 12px;}
    .umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay {width: 100%;}
}

/* For um Carousel1 */
.layout__content .widget.umCarousel1 {padding: 32px 9%;}
.umCarousel1 .widget__title {text-align: left; font-size: 42px; font-weight: 700; color: #2e2e2e;}
.umCarousel1 .icon-navigateright::before, .umCarousel1 .icon-navigateleft::before {font-size: 60px; color: var(--sknsecondary);}
.umCarousel1 .btn--bare-icon {width: 60px; height: 60px; outline: 0; top: 50%; transform: translateY(-50%);}
.umCarousel1 .featured-content-multi-carousel__nav-right {right: -32px;}
.umCarousel1 .featured-content-multi-carousel__nav-left {left: -32px;}
.umCarousel1 .featured-content-multi-carousel-item {padding: 20px; border: 1px solid var(--sknsecondary); border-radius: 12px;}
.umCarousel1 .featured-content-multi-carousel-item img {padding: 0;}
.umCarousel1 .featured-content-multi-carousel-item .catalog-grid-item__asset-container {margin-bottom: 12px;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__body {padding: 0; text-align: left;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__title {font-size: 18px;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__description {padding: 0; color: #2e2e2e;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__source {color: #2e2e2e;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__body::after {content: 'Read More'; display: inline-block; padding: 4px 12px; border: 1px solid var(--sknsecondary); border-radius: 6px; color: var(--sknsecondary); margin-top: 20px; font-size: 12px;}
@media only screen and (max-width: 979px) {
    .umCarousel1 .widget__title {font-size: 32px;}
}

/* For umRecentlyViewedHead */
.layout__content .widget.umRecentlyViewedHead {padding: 32px 9%;}
.umRecentlyViewedHead .ember-view {position: relative;}
.umRecentlyViewedHead .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 500; text-align: left; display: block; padding-right: 200px;}
.umRecentlyViewedHead .widget__cta {position: absolute; top: 0; right: 0; padding: 0;}
.umRecentlyViewedHead .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umRecentlyViewedHead .widget__title {font-size: 32px;}
    .umRecentlyViewedHead .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umRecentlyViewedHead .widget__title {font-size: 28px; padding: 0; margin: 0;}
    .umRecentlyViewedHead .widget__cta {position: static; text-align: left;}
    .umRecentlyViewedHead .widget__cta .btn--centered {display: inline-block;}
}

/* For umRecentlyViewed */

/* For umRecentlyViewedCoursesHead */
.layout__content .widget.umRecentlyViewedCoursesHead {padding: 32px 9%;}
.umRecentlyViewedCoursesHead .ember-view {position: relative;}
.umRecentlyViewedCoursesHead .ember-view .ember-view {padding-right: 240px}
.umRecentlyViewedCoursesHead .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 500; text-align: left; display: block;}
.umRecentlyViewedCoursesHead .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left; display: block; margin: 0;}
.umRecentlyViewedCoursesHead .widget__cta {position: absolute; top: 88px; right: 0; padding: 0;}
.umRecentlyViewedCoursesHead .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umRecentlyViewedCoursesHead .widget__title {font-size: 32px;}
    .umRecentlyViewedCoursesHead .widget__subtitle {font-size: 14px;}
    .umRecentlyViewedCoursesHead .widget__cta {top: 68px;}
    .umRecentlyViewedCoursesHead .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umRecentlyViewedCoursesHead .widget__title {font-size: 28px;}
    .umRecentlyViewedCoursesHead .ember-view .ember-view {padding: 0;}
    .umRecentlyViewedCoursesHead .widget__cta {position: static; text-align: left;}
    .umRecentlyViewedCoursesHead .widget__cta .btn--centered {display: inline-block;}
}

/* For umAboutIntro */
.layout__content .widget.umAboutIntro {padding: 0;}
.umAboutIntro .ember-view {background: var(--sknsecondary);}
.umAboutIntro .ember-view .columns {padding: 0;}
.umAboutIntro .ember-view .columns:nth-child(2) {padding: 6% 9% 0 6%; color: #fff;}
.umAboutIntro h3 {font-size: 42px; color: #fff; font-weight: 700px; margin-bottom: 32px;}
.umAboutIntro p {font-size: 20px; color: #fff; margin-bottom: 0;}
@media only screen and (max-width: 979px) {
    .umAboutIntro h3 {font-size: 24px; margin-bottom: 20px;}
    .umAboutIntro p {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umAboutIntro .ember-view .columns:nth-child(2) {padding: 6% 9% 6% 6%;}
}

/* For umExploreTopics */
.layout__content .widget.umExploreTopics {padding: 64px 9%;}
.umExploreTopics .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 700; margin-bottom: 42px;}
.umExploreTopics .editor-content {text-align: center;}
.umExploreTopics .editor-content a {font-size: 18px; font-weight: 700; color: #2e2e2e; text-decoration: none; display: inline-block; width: calc(25% - 4px - 40px); margin: 0 20px; padding: 12px 12px; border: 2px solid var(--sknsecondary); border-radius: 15px;}
.umExploreTopics .btn--centered { background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umExploreTopics .widget__title {font-size: 28px;}
    .umExploreTopics .editor-content a {font-size: 14px; width: calc(50% - 4px - 40px); margin: 0 18px 12px;}
    .umExploreTopics .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umExploreTopics .editor-content a {width: 100%; margin: 0 0 12px;}
}

/* For um4ImagesOverlay */
.layout__content .widget.um4ImagesOverlay {padding: 32px 9%;}
.um4ImagesOverlay .featured-content-image-overlay-item {border: 2px solid var(--sknsecondary); border-radius: 8px; position: relative; overflow: hidden;}
.um4ImagesOverlay .featured-content-image-overlay-item__overlay {width: 100%; height: 100%; background: rgba(106, 106, 176, .2);}
.um4ImagesOverlay .featured-content-image-overlay-item__overlay .featured-content-image-overlay-item__title {width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 12px; text-align: center; font-weight: 600;}
@media only screen and (max-width: 979px) {
    .um4ImagesOverlay .featured-content-image-overlay-item__overlay .featured-content-image-overlay-item__title {font-size: 20px;}
}

/* For umContactBlock */
.layout__content .widget.umContactBlock {padding: 64px 9%; background: var(--sknsecondary); color: #fff;}
.umContactBlock .ember-view .columns {display: inline-block; vertical-align: middle; width: calc(50% - 4px); float: none;}
.umContactBlock h3 {font-size: 50px; font-weight: 700; color: #fff;}
.umContactBlock p {font-size: 20px; margin-bottom: .75em;}
.umContactBlock a {display: inline-block; padding: 12px 20px; border: 2px solid #fff; border-radius: 12px; font-weight: 700; text-transform: none; width: 100%; max-width: 280px; color: #fff !important; text-align: center;}
@media only screen and (max-width: 979px) {
    .umContactBlock h3 {font-size: 28px;}
    .umContactBlock p {font-size: 14px;}
    .umContactBlock a {font-size: 14px; max-width: 160px; padding: 6px 20px; border-radius: 8px;}
}
@media only screen and (max-width: 767px) {
    .umContactBlock .ember-view .columns {width: 100%;}
    .umContactBlock .ember-view .columns img {margin-bottom: 12px;}
}

/* For umProfTraining */
.layout__content .widget.umProfTraining {padding: 64px 9%;}
.umProfTraining picture {display: block; width: 100%; border-radius: 20px; overflow: hidden; margin-bottom: 40px;}
.umProfTraining picture img {width: 100%;}
.umProfTraining .hero__caption {position: static; color: #2e2e2e; padding: 0; width: 100%; transform: none;}
.umProfTraining .hero {height: auto;}
.umProfTraining .hero .hero__caption .hero__title {color: #2e2e2e; font-size: 42px;}
.umProfTraining .hero .hero__caption span {color: #2e2e2e !important; font-size: 23px;}
.umProfTraining .hero .btn--primary { background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umProfTraining .hero .hero__caption .hero__title {font-size: 28px !important; }
    .umProfTraining .hero .hero__caption span {font-size: 16px;}
    .umProfTraining .hero .btn--primary {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umProfTraining .hero .hero__caption span {font-size: 14px;}
}

/* For umProfTraining2 */
.layout__content .widget.umProfTraining2 {padding: 64px 9%;}
.umProfTraining2 .row {display: table; width: 100%;}
.umProfTraining2 .row .columns {display: table-cell; float: none; vertical-align: middle;}
.umProfTraining2 .row .columns img {border-radius: 12px;}
.umProfTraining2 .row .columns:nth-child(2) {border: 2px solid var(--sknsecondary); border-radius: 12px; padding: 32px;}
.umProfTraining2 h3 {font-size: 42px; font-weight: 700; color: #2e2e2e;}
.umProfTraining2 p {font-size: 23px; color: #2e2e2e; margin-bottom: 40px;}
.umProfTraining2 a { background: var(--sknsecondary); color: #fff !important; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umProfTraining2 h3 {font-size: 28px;}
    .umProfTraining2 p {font-size: 14px;}
    .umProfTraining2 a {font-size: 14px;}
    .umProfTraining2 .row .columns:nth-child(2) {padding: 20px;}
    .umProfTraining2 .row .columns:nth-child(1) {margin-bottom: 20px;}
    .umProfTraining2 .row, .umProfTraining2 .row .columns {display: block; width: 100%; padding: 0;}
}

/* For umProfTrainingHead */
.layout__content .widget.umProfTrainingHead {padding: 32px 9%;}
.umProfTrainingHead .ember-view {position: relative;}
.umProfTrainingHead .ember-view .ember-view {padding-right: 260px}
.umProfTrainingHead .widget__title {font-size: 48px; color: #2e2e2e; font-weight: 600; text-align: left; display: block;}
.umProfTrainingHead .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left; display: block; margin: 0;}
.umProfTrainingHead .widget__cta {position: absolute; top: 50%; right: 0; padding: 0; transform: translateY(-50%);}
.umProfTrainingHead .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 22px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umProfTrainingHead .widget__title {font-size: 32px;}
    .umProfTrainingHead .widget__cta .btn--centered {font-size: 14px;}
    .umProfTrainingHead .ember-view .ember-view {padding-right: 204px;}
    .umProfTrainingHead .widget__subtitle {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umProfTrainingHead .widget__title {font-size: 28px;}
    .umProfTrainingHead .ember-view .ember-view {padding: 0;}
    .umProfTrainingHead .widget__cta {position: static; transform: none; text-align: left;}
    .umProfTrainingHead .widget__cta .btn--centered {display: inline-block;}
}


/* For umTestimonials1 */
.layout__content .widget.umTestimonials1 {padding: 32px 9%;}
.umTestimonials1 .testimonial-widget {padding: 100px 40px; border: 2px solid var(--sknsecondary); border-radius: 12px;}
.umTestimonials1 .testimonial-quote__text {font-size: 20px; color: #2e2e2e; font-style: italic;}
.umTestimonials1 .testimonial-quote__text::before, .umTestimonials1 .testimonial-quote__text::after {content: '"';}
.umTestimonials1 .testimonial-quote--center {text-align: left;}
.umTestimonials1 .testimonial .testimonial-quote__author-name {font-size: 16px; font-style: normal; margin-bottom: 0;}
.umTestimonials1 .testimonial .testimonial-quote__author-description {font-size: 16px;}
.umTestimonials1 .icon-navigateright::before, .umTestimonials1 .icon-navigateleft::before {color: var(--sknsecondary); font-size: 44px;}
@media only screen and (max-width: 979px) {
    .umTestimonials1 .testimonial-widget {padding: 50px 22px;}
    .umTestimonials1 .testimonial-quote__text {font-size: 16px;}
    .umTestimonials1 .testimonials__nav > i {padding: 0;}
    .umTestimonials1 .testimonials__nav {height: 40px; width: 40px;}
    .umTestimonials1 .testimonials__nav--right {right: 2%;}
    .umTestimonials1 .testimonials__nav--left {left: 2%;}
}

/* For umWhatStudentSays */
.layout__content .widget.umWhatStudentSays {padding: 64px 0; background: #ececed;}
.umWhatStudentSays .featured-content-multi-carousel .featured-content-block-grid > li {padding: 0 9%;}
.umWhatStudentSays .testimonial-widget {margin: 0;}
.umWhatStudentSays .testimonial {background-size: 48% auto; background-position: center left;}
.umWhatStudentSays .testimonial::after {content: ''; display: block; clear: both;}
.umWhatStudentSays .testimonial .testimonial-quote--center {width: 48%; float: right; padding: 0; text-align: left; color: #2e2e2e; left: 52%;}
.umWhatStudentSays .testimonial .testimonial-quote__text {font-size: 20px; font-style: italic;}
.umWhatStudentSays .testimonial .testimonial-quote__author-name {font-size: 16px; font-style: normal;}
.umWhatStudentSays .testimonial .testimonial-quote__author-description {font-size: 16px; font-style: normal;}
.umWhatStudentSays .testimonial .testimonial-quote--center::before {content: 'What our educators say'; display: block; font-size: 60px; margin-bottom: 20px; font-weight: 900; line-height: normal;}
@media only screen and (max-width: 979px) {
    .umWhatStudentSays .testimonial .testimonial-quote--center {}
    .umWhatStudentSays .testimonial .testimonial-quote--center::before {font-size: 32px;}
    .umWhatStudentSays .testimonial .testimonial-quote__text {font-size: 14px;}
    .umWhatStudentSays .testimonial .testimonial-quote__author-name, .umWhatStudentSays .testimonial .testimonial-quote__author-description {font-size: 13px;}
    .umWhatStudentSays .testimonials__nav {font-size: 40px; width: 40px; height: 40px;}
}
@media only screen and (max-width: 767px) {
    .umWhatStudentSays .testimonial {padding-top: 80vw; background-size: auto 80vw; background-position: center top;}
    .umWhatStudentSays .testimonial .testimonial-quote--center {width: 100%; padding-top: 20px; position: static; transform: none;}
}

/* For umTestimonial1 */
.layout__content .widget.umTestimonial1 {padding: 64px 0;}
.umTestimonial1 .testimonial {padding: 200px 0; position: relative;}
.umTestimonial1 .testimonial::before {content: ''; display: block; width:100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 105, 176, .2);}
.umTestimonial1 .testimonial-widget {margin: 0;}
.umTestimonial1 .columns {padding: 0;}
.umTestimonial1 .testimonial::after {content: ''; display: block; clear: both;}
.umTestimonial1 .testimonial .testimonial-quote--right {width: calc(50% - 9%); padding: 0; text-align: left; color: #fff; position: relative; z-index: 1; float: right; margin-right: 9%;}
.umTestimonial1 .testimonial .testimonial-quote__text {font-size: 16px; font-style: italic; font-weight: 600;}
.umTestimonial1 .testimonial .testimonial-quote__author-name {font-size: 16px; font-style: normal; color: #fff;}
.umTestimonial1 .testimonial .testimonial-quote__author-description {font-size: 16px; font-style: normal; color: #fff;}
@media only screen and (max-width: 979px) {
    .umTestimonial1 .testimonial {padding: 100px 0;}
}
@media only screen and (max-width: 767px) {
    .umTestimonial1 .testimonial {padding: 60px 0;}
    .umTestimonial1 .testimonial .testimonial-quote--right {width: 100%; padding: 0 9%; margin: 0;}
}

/* For umHeroSlider1 */
.layout__content .widget.umHeroSlider1 {padding: 64px 9%;}
.umHeroSlider1 .featured-content-carousel__container {margin: 0;}
.umHeroSlider1 .featured-content-carousel-item::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 105, 176, .2);}
.umHeroSlider1 .featured-content-carousel-item__overlay {bottom: auto; top: 50%; transform: translateY(-50%); background: none; text-align: center;}
.umHeroSlider1 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider1 .featured-content-carousel-item__description {font-size: 16px;}
.umHeroSlider1 .btn--primary {background: var(--sknsecondary); border: 0; font-size: 20px;}
.umHeroSlider1 .btn.disabled {background: #a9a7d3; opacity: 1; border: 0; font-size: 20px;}
@media only screen and (max-width: 979px) {
    .umHeroSlider1 .featured-content-carousel-item__title {font-size: 32px; margin-bottom: 20px;}
}
@media only screen and (max-width: 979px) {
    .umHeroSlider1 .featured-content-carousel-item__overlay {position: static; transform: none; padding: 12px 0 56px;}
    .umHeroSlider1 .featured-content-carousel-item__title {font-size: 28px; text-align: left; margin-bottom: 12px;}
    .umHeroSlider1 .featured-content-carousel-item__description {color: #2e2e2e; text-align: left; font-size: 14px;}
    .umHeroSlider1 .featured-content-carousel-item::before {display: none;}
}

/* For umHeroSlider2 */
.layout__content .widget.umHeroSlider2 {padding: 64px 9%;}
.umHeroSlider2 .featured-content-carousel__container {margin: 0; position: relative;}
.umHeroSlider2 .featured-content-carousel-item::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 105, 176, .2);}
.umHeroSlider2 .featured-content-carousel-item__overlay {bottom: auto; top: 50%; transform: translateY(-50%); background: none; text-align: center;}
.umHeroSlider2 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider2 .featured-content-carousel-item__description {font-size: 16px; font-weight: 600; display: inline-block; padding: 8px 32px; border: 2px solid #fff; border-radius: 12px;}
.umHeroSlider2 .btn--primary {background: var(--sknsecondary); border: 0; font-size: 20px;}
.umHeroSlider2 .btn.disabled {background: #a9a7d3; opacity: 1; border: 0; font-size: 20px;}
.umHeroSlider2 .featured-content-carousel__dots {display: block; bottom: 40px;}
.umHeroSlider2 .featured-content-carousel__dot {width: 15px; height: 15px; background: #fff; opacity: .4;}
.umHeroSlider2 .featured-content-carousel__dot--active {opacity: 1;}
.umHeroSlider2 .featured-content-carousel__nav {position: static; opacity: 0;}
.umHeroSlider2 .featured-content-carousel:hover .featured-content-carousel__nav {opacity: 1;}
.umHeroSlider2 .featured-content-carousel__nav .btn {position: absolute; top: 50%; transform: translateY(-50%);}
.umHeroSlider2 .featured-content-carousel__nav .btn:nth-child(1) {left: 0;}
.umHeroSlider2 .featured-content-carousel__nav .btn:nth-child(2) {right: 0;}
@media only screen and (max-width: 979px) {
    .umHeroSlider2 .featured-content-carousel-item__title {font-size: 32px; margin-bottom: 20px;}
    .umHeroSlider2 .featured-content-carousel-item__description {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .umHeroSlider2 .featured-content-carousel-item__overlay {position: static; transform: none; padding: 12px 0;}
    .umHeroSlider2 .featured-content-carousel-item__title {font-size: 28px; color: #2e2e2e; text-align: left;}
    .umHeroSlider2 .featured-content-carousel__dot {background: #2e2e2e; opacity: .6;}
    .umHeroSlider2 .featured-content-carousel__dot--active {opacity: 1;}
}

/* For umHeroSlider3 */
.layout__content .widget.umHeroSlider3 {padding: 64px 9%;}
.umHeroSlider3 .featured-content-carousel__container {margin: 0; position: relative;}
.umHeroSlider3 .featured-content-carousel-item {position: relative; background: var(--sknsecondary);}
.umHeroSlider3 .featured-content-carousel-item::after {content: ''; display: block; clear: both;}
.umHeroSlider3 .featured-content-carousel-item picture {width: 50%; float: right;}
.umHeroSlider3 .featured-content-carousel-item .featured-content-carousel-item__overlay {width: 50%; padding: 0 80px; bottom: auto; top: 50%; transform: translateY(-50%); background: none;}
.umHeroSlider3 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider3 .featured-content-carousel-item__description {font-size: 16px;}
.umHeroSlider3 .featured-content-carousel__nav {position: static;}
.umHeroSlider3 .featured-content-carousel__nav button {position: absolute; top: 50%; transform: translateY(-50%); font-size: 60px; padding: 0; border: 0; background: none;}
.umHeroSlider3 .featured-content-carousel__nav button:nth-child(1) {left: 0;}
.umHeroSlider3 .featured-content-carousel__nav button:nth-child(2) {right: 0;}
@media only screen and (max-width: 979px) {
    .umHeroSlider3 .featured-content-carousel-item .featured-content-carousel-item__overlay {padding: 0 20px 0 45px;}
    .umHeroSlider3 .featured-content-carousel-item__title {font-size: 28px; margin-bottom: 20px;}
    .umHeroSlider3 .featured-content-carousel-item__description {font-size: 14px;}
    .umHeroSlider3 .featured-content-carousel__nav button {font-size: 40px;}
}
@media only screen and (max-width: 767px) {
    .umHeroSlider3 .featured-content-carousel-item picture {width: 100%; float: none; margin-bottom: 12px;}
    .umHeroSlider3 .featured-content-carousel-item .featured-content-carousel-item__overlay {width: 100%; position: static; transform: none; padding: 20px 40px;}
}

/* For umHeroSlider4 */
.layout__content .widget.umHeroSlider4 {padding: 64px 9%;}
.umHeroSlider4 .featured-content-carousel__container {margin: 0; position: relative;}

.umHeroSlider4 .featured-content-carousel-item .featured-content-carousel-item__overlay {width: 50%; padding: 0 80px; bottom: auto; top: 50%; transform: translateY(-50%); background: none;}
.umHeroSlider4 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider4 .featured-content-carousel-item__description {font-size: 16px;}
.umHeroSlider4 .featured-content-carousel__nav {position: static;}
.umHeroSlider4 .featured-content-carousel__nav button {position: absolute; top: 50%; transform: translateY(-50%); font-size: 60px; padding: 0; border: 0; background: none;}
.umHeroSlider4 .featured-content-carousel__nav button:nth-child(1) {left: 0;}
.umHeroSlider4 .featured-content-carousel__nav button:nth-child(2) {right: 0;}
@media only screen and (max-width: 979px) {
    .umHeroSlider4 .featured-content-carousel-item__title {font-size: 32px; margin-bottom: 20px;}
    .umHeroSlider4 .featured-content-carousel-item .featured-content-carousel-item__overlay {padding: 0 20px 0 45px;}
    .umHeroSlider4 .featured-content-carousel-item__description {font-size: 14px;}
    .umHeroSlider4 .featured-content-carousel__nav button {font-size: 40px;}
}
@media only screen and (max-width: 767px) {
    .umHeroSlider4 .featured-content-carousel-item .featured-content-carousel-item__overlay {position: static; transform: none; width: 100%;}
    .umHeroSlider4 .featured-content-carousel-item__title {font-size: 28px; color: #2e2e2e;}
    .umHeroSlider4 .featured-content-carousel-item__description {color: #2e2e2e;}
    .umHeroSlider4 .icon-navigateright::before, .umHeroSlider4 .icon-navigateleft::before {color: #2e2e2e;}
}

/* For umImageOverlay1 */
.layout__content .widget.umImageOverlay1 {padding: 64px 9%;}
.umImageOverlay1 .featured-content-image-overlay-item {border-radius: 12px; overflow: hidden;}
.umImageOverlay1 .featured-content-image-overlay-item__overlay {bottom: auto; padding: 0 40px; bottom: 40px; background: none;}
.umImageOverlay1 .featured-content-image-overlay-item__title {font-size: 20px; font-weight: 700; text-transform: uppercase;}
.umImageOverlay1 .featured-content-image-overlay-item__description {font-size: 14px;}
.umImageOverlay1 .featured-content-image-overlay-item:hover {border: 2px solid var(--sknsecondary);}
.umImageOverlay1 .featured-content-image-overlay-item:hover img {opacity: 0;}
.umImageOverlay1 .featured-content-image-overlay-item:hover .featured-content-image-overlay-item__title, .umImageOverlay1 .featured-content-image-overlay-item:hover .featured-content-image-overlay-item__description {color: #2e2e2e;}
.umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item {border: 2px solid var(--sknsecondary);}
.umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item img {opacity: 0;}
.umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item .featured-content-image-overlay-item__title, .umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item .featured-content-image-overlay-item__description {color: #2e2e2e;}

/* For umImageOverlay2Head */
.layout__content .widget.umImageOverlay2Head {padding: 32px 9%;}
.umImageOverlay2Head .widget__title {font-size: 52px; font-weight: 700; color: #2e2e2e;}
.umImageOverlay2Head .widget__subtitle {font-size: 20px; color: #2e2e2e; margin-bottom: 0;}
@media only screen and (max-width: 979px) {
    .umImageOverlay2Head .widget__title {font-size: 32px;}
    .umImageOverlay2Head .widget__subtitle {font-size: 14px;}
}
/* For umImageOverlay2 */
.layout__content .widget.umImageOverlay2 {padding: 32px 9%;}
.umImageOverlay2 .featured-content-multi-carousel-item {border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; padding-bottom: 0.75em;}
.umImageOverlay2 .featured-content-multi-carousel-item__body {display: block; padding: 1rem .75em; background: rgba(0,0,0,.1); position: relative; bottom: .75em; left: .75em; text-align: left; position: absolute; width: calc(100% - (2 * .75em));}
.umImageOverlay2 .featured-content-multi-carousel-item__title {font-size: 23px; font-weight: 700; color: #fff;}
.umImageOverlay2 .featured-content-multi-carousel-item__description {font-size: 10px; color: #fff; display: inline-block; padding: 4px 12px; border: 1px solid #fff; border-radius: 6px;}
.umImageOverlay2 .icon-navigateright::before, .umImageOverlay2 .icon-navigateleft::before {font-size: 60px; color: var(--sknsecondary); line-height: 60px;}
.umImageOverlay2 .btn--bare-icon {width: 60px; height: 60px; top: 50%; transform: translateY(-50%);}
.umImageOverlay2 .btn--bare-icon i {display: inline-block;}
.umImageOverlay2 .featured-content-multi-carousel__nav-right {right: -60px;}
.umImageOverlay2 .featured-content-multi-carousel__nav-left {left: -60px;}
@media only screen and (max-width: 767px) {
    .umImageOverlay2 .btn--bare-icon {width: 40px; height: 40px;}
    .umImageOverlay2 .featured-content-multi-carousel__nav-right {right: -20px;}
    .umImageOverlay2 .featured-content-multi-carousel__nav-left {left: -20px;}
    .umImageOverlay2 .icon-navigateright::before, .umImageOverlay2 .icon-navigateleft::before {font-size: 40px; line-height: 40px;}
}

/* For umImageOverlay3 */
.layout__content .widget.umImageOverlay3 {padding: 32px 9%;}

.umImageOverlay3 .featured-content-image-overlay-item {border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; padding: 0.75em; }
.umImageOverlay3 .featured-content-image-overlay-item::before {content: ''; display: block; width: calc(100% - (2 * .75em)); height: calc(100% - (2 * .75em)); background: rgba(106, 106, 176, .4); top: .75em; left: .75em; position: absolute;}
.umImageOverlay3 .featured-content-image-overlay-item__overlay {display: block; padding: 1rem .75em; position: relative; bottom: .75em; left: .75em; text-align: left; position: absolute; width: calc(100% - (2 * .75em)); background: none;}
.umImageOverlay3 .featured-content-image-overlay-item__title {font-size: 23px; font-weight: 700; color: #fff; margin-bottom: 12px;}
.umImageOverlay3 .featured-content-image-overlay-item__description {font-size: 10px; color: #fff; display: inline-block; padding: 4px 12px; background: var(--sknsecondary); border-radius: 6px;}

/* For umImageOverlay4 */
.layout__content .widget.umImageOverlay4 {padding: 32px 9%;}
.umImageOverlay4 .featured-content-multi-carousel-item__body {padding: 0 .75em; text-align: left;}
.umImageOverlay4 .catalog-grid-item__asset-container {padding: 0.75em;}
.umImageOverlay4 .featured-content-multi-carousel-item img {border-radius: 12px; padding: 0; margin-bottom: 12px;}
.umImageOverlay4 .featured-content-multi-carousel-item__title {text-align: left; font-size: 22px; color: #2e2e2e;}
.umImageOverlay4 .featured-content-multi-carousel-item__description {padding: 0; color: #2e2e2e; font-size: 14px; margin-bottom: 12px;}
.umImageOverlay4 .featured-content-multi-carousel-item__body::after {content: 'Explore More'; display: inline-block; font-size: 11px; font-weight: 700; background: var(--sknsecondary); color: #fff; border-radius: 6px; padding: 6px 12px;}
.umImageOverlay4 .btn--bare-icon i {line-height: 60px;}
.umImageOverlay4 .btn--bare-icon i::before {color: var(--sknsecondary); font-size: 60px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-right {right: -60px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-left {left: -60px;}
@media only screen and (max-width: 979px) {
    .umImageOverlay4 .featured-content-multi-carousel__nav-right {right: -30px;}
    .umImageOverlay4 .featured-content-multi-carousel__nav-left {left: -30px;}
}
@media only screen and (max-width: 767px) {
    .umImageOverlay4 .btn--bare-icon i::before {font-size: 40px; line-height: 40px;}
    .umImageOverlay4 .featured-content-multi-carousel__nav-right {right: -20px;}
    .umImageOverlay4 .featured-content-multi-carousel__nav-left {left: -20px;}
}

/* For RecomendedCourse1Head */
.layout__content .widget.umRecomendedCourse1Head {padding: 32px 9%;}
.umRecomendedCourse1Head .ember-view {position: relative;}
.umRecomendedCourse1Head .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 500; text-align: left; display: block; padding-right: 200px;}
.umRecomendedCourse1Head .widget__cta {position: absolute; top: 0; right: 0; padding: 0;}
.umRecomendedCourse1Head .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
    .umRecomendedCourse1Head .widget__title {font-size: 28px;}
    .umRecomendedCourse1Head .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 979px) {
    .umRecomendedCourse1Head .widget__title {padding: 0;}
    .umRecomendedCourse1Head .widget__cta {position: static; text-align: left;}
    .umRecomendedCourse1Head .widget__cta .btn--centered {display: inline-block;}
}

/* For RecomendedCourse1 */
.layout__content .widget.umRecomendedCourse1 {padding: 32px 9%;}
.umRecomendedCourse1 .featured-content-image-overlay-item img {margin-bottom: 20px; border-radius: 12px;}
.umRecomendedCourse1 .featured-content-image-overlay-item__overlay {position: static; padding: 0; background: none;}
.umRecomendedCourse1 .featured-content-image-overlay-item__overlay::after { content: 'Explore More'; display: inline-block; font-size: 11px; font-weight: 700; background: var(--sknsecondary); color: #fff; border-radius: 6px; padding: 6px 12px;}
.umRecomendedCourse1 .featured-content-image-overlay-item__title {color: #2e2e2e; font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; min-height: 40px;}
.umRecomendedCourse1 .featured-content-image-overlay-item__description {color: #2e2e2e; font-size: 12px; display: block; min-height: 66px;}
@media only screen and (max-width: 979px) {
    .umRecomendedCourse1 .featured-content-image-overlay-item__title {min-height: 0;}
    .umRecomendedCourse1 .featured-content-image-overlay-item__description {min-height: 0; margin-bottom: 20px;}
}

.viewTutorial .featured-content-image-overlay-item__overlay::after { content: 'View Tutorial' !important;}


/* For RecomendedCourse1 with light blue background */
/*.layout__content .widget.umRecomendedCourseBlue {padding: 32px 9%;}*/
.umRecomendedCourseBlue .widget__title { font-size: 56px; font-weight: bold; margin: 54px 0 54px 0; color: var(--sknprimary);}
.umRecomendedCourseBlue .featured-content-image-overlay-item img {margin-bottom: 20px; border-radius: 12px;}
.umRecomendedCourseBlue .featured-content-image-overlay {padding-left:10%;padding-right:10%;background: var(--skndashlight);}
.umRecomendedCourseBlue {background-color: var(--skndashlight);}
.umRecomendedCourseBlue .featured-content-image-overlay-item__overlay {position: static; padding: 0; background: none;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__overlay::after { content: 'Explore More'; display: inline-block; font-size: 11px; font-weight: 700; background: var(--sknsecondary); color: #fff; border-radius: 6px; padding: 6px 12px;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__title {color: var(--sknprimary); font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; min-height: 40px;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__description {color: #2e2e2e; font-size: 12px; display: block; min-height: 66px;}
@media only screen and (max-width: 979px) {
    .umRecomendedCourseBlue .featured-content-image-overlay-item__title {min-height: 0;}
    .umRecomendedCourseBlue .featured-content-image-overlay-item__description {min-height: 0; margin-bottom: 20px;}
}


/* For umLinkList1 */
.layout__content .widget.umLinkList1 {padding: 32px 9%;}
.umLinkList1 .catalog-grid-item {border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; min-height: 300px;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__asset-container img {opacity: 0;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__body {position: absolute; top: 50%; transform: translateY(-50%); text-align: center;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__hr {display: none;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__cta-container {display: none;}
.umLinkList1 .catalog-grid-item__title {margin-bottom: 20px; color: var(--sknsecondary); font-weight: 600;}
.umLinkList1 .catalog-grid-item__description {height: auto !important; display: inline-block; padding: 6px 28px; border: 1px solid var(--sknsecondary); border-radius: 10px; color: var(--sknsecondary);}
.umLinkList1 .catalog-grid-item .column {position: static;}
@media only screen and (max-width: 979px) {
    .umLinkList1 .catalog-grid-item__title {height: auto !important;}
    .umLinkList1 .catalog-grid-item .catalog-grid-item__body {width: calc(100% - 1.5em);}
}

/* For umLinkList2 */
.layout__content .widget.umLinkList2 {padding: 32px 9%;}
.umLinkList2 .featured-content-image-overlay-item {position: relative; border-radius: 12px;}
.umLinkList2 .featured-content-image-overlay-item img {opacity: 0;}
.umLinkList2 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-block-grid li:nth-child(6) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-block-grid li:nth-child(9) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-block-grid li:nth-child(12) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-image-overlay-item__overlay {top: 50%; transform: translateY(-50%); text-align: center; bottom: auto; background: none;}
@media only screen and (max-width: 979px) {
    .featured-content-image-overlay-item__title {font-size: 800px;}
}

/* For umNavigation1 */
.umNavigation1 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation1 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover > a {border-bottom: 4px solid var(--sknsecondary);}
.umNavigation1 .navigation-bar .top-bar-section .has-dropdown > a::after {display: none;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover ul li {box-shadow:none; border-bottom: 1px solid #2e2e2e; font-size: 14px;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover ul li a {font-size: 14px;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover ul li:hover a {color: var(--sknsecondary);}

/* For umNavigation2 */
.umNavigation2 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation2 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none;}
.umNavigation2 .navigation-bar .top-bar-section ul > li a {color: #afaeb1;}
.umNavigation2 .navigation-bar .top-bar-section .has-dropdown > a::after {border-color: #afaeb1 transparent transparent; display: inline-block; vertical-align: middle; margin-left: 8px; position: static; margin-top: 0; transform: rotate(-90deg);}
.umNavigation2 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) > a {background: #d8d7ec; border-radius: 12px; color: var(--sknsecondary);}
.umNavigation2 .navigation-bar .top-bar-section .has-dropdown.hover > a::after {border-color: var(--sknsecondary) transparent transparent;  transform: rotate(0);}
.umNavigation2 .navigation-bar .top-bar-section ul > li.has-dropdown ul li {border: 0;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.has-dropdown ul li a {font-size: 14px;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li {border: 0; box-shadow: none;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li a:hover {background: #d8d7ec; border-radius: 12px; color: var(--sknsecondary);}


/* For umNavigation3 */
.umNavigation3 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation3 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none; background: none;}
.umNavigation3 .navigation-bar .top-bar-section ul > li a {color: #afaeb1; background: none;}
.umNavigation3 .navigation-bar .top-bar-section .has-dropdown > a::after {border: 0; content: '+'; float: right; position: static; margin-top: 0; margin-left: 8px; font-size: 24px;}
.umNavigation3 .navigation-bar .top-bar-section .has-dropdown.hover > a::after {content: '-';}
.umNavigation3 .navigation-bar .top-bar-section ul > li.has-dropdown ul li {border: 0;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.has-dropdown ul li a {font-size: 14px;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li {border: 0; box-shadow: none; background: none;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li a:hover {background: #d8d7ec; color: var(--sknsecondary);}
/* CHECK VAR COLOR SYNTAX edited color but wasn't on course page */ 
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) {border: 1px solid --sknsecondary; border-bottom: 0; 
border-top-left-radius: 8px; border-top-right-radius: 8px;}
/* CHECK VAR COLOR SYNTAX edited color but wasn't on course page */ 
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul {border: 1px solid --sknsecondary; border-top: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; width: calc(100% + 2px); left: -1px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: #fff;}
.umNavigation3 .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background: none;}

/* For umNavigation1 */
.umNavigation4 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation4 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.has-dropdown.hover > a {background: var(--sknsecondary); color: #fff;}
.umNavigation4 .navigation-bar .top-bar-section .has-dropdown > a::after {display: none;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.has-dropdown ul li {box-shadow:none; border: 0; padding: 0;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.has-dropdown ul li a {font-size: 14px;}
.umNavigation4 .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {color: var(--sknsecondary); background: #d8d7ec;}

/* For umSearchbar1 */
.layout__content .widget.umSearchbar1 {padding: 32px 9%;}
.umSearchbar1 button i {display: none;}
.umSearchbar1 .search-bar-widget button { background: var(--sknsecondary); color: #fff; font-weight: 600; text-transform: none; height: 50px; font-size: 20px; padding: 0 42px; border-radius: 8px !important;}
.umSearchbar1 .search-bar-widget input {height: 50px; width: calc(100% - 156px); border: 0; box-shadow: none; border-radius: 8px; background: var(--skndiscussionsearchbar); padding-left: 40px;}
@media only screen and (max-width: 979px) {
    .umSearchbar1 .search-bar-widget button {font-size: 14px; height: 42px;}
    .umSearchbar1 .search-bar-widget input {height: 42px; width: calc(100% - 136px); font-size: 14px; padding-left: 20px;}
}

/* For umSearchbar2 */
.layout__content .widget.umSearchbar2 {padding: 32px 9%;}
.umSearchbar2 button i {}
.umSearchbar2 .search-bar-widget button { background: var(--sknsecondary); color: #fff; font-weight: 600; text-transform: none; height: 60px; font-size: 20px; padding: 0 32px; border-radius: 0 !important;}
.umSearchbar2 .search-bar-widget input {height: 60px; width: 100%; border: 0; box-shadow: none; border-radius: 0; background: #fff; padding-left: 40px; border: 1px solid var(--sknsecondary);}
@media only screen and (max-width: 979px) {
    .umSearchbar2 .search-bar-widget input {height: 42px; font-size: 14px; padding-left: 20px;}
    .umSearchbar2 .search-bar-widget button {height: 42px; font-size: 14px;}
}

/* For umSearchbar3 */
.layout__content .widget.umSearchbar3 {padding: 32px 9%;}
.umSearchbar3 button i { font-size: 35px; color: var(--med);}
.umSearchbar3 .search-bar-widget button { background: none; color: #fff; font-weight: 600; text-transform: none; height: 60px; font-size: 20px; padding: 0 32px; border-radius: 0 !important; border: 0;}
.umSearchbar3 .search-bar-widget button span {display: none;}
.umSearchbar3 .search-bar-widget input {height: 60px; width: 100%; border: 0; box-shadow: none; border-radius: 0; background: #fff; padding-left: 40px; border: 1px solid var(--sknsecondary); border-radius: 30px;}
@media only screen and (max-width: 979px) {
    .umSearchbar3 button i {display: block; font-size: 26px;}
    .umSearchbar3 .search-bar-widget button {height: 42px; }
    .umSearchbar3 .search-bar-widget input {height: 42px; padding-left: 20px; font-size: 14px;}
}

/* For umLearnerAccess1 */
.layout__content .widget.umLearnerAccess1 {padding: 32px 9%; width: 100%;}
.umLearnerAccess1 .dashboard-access {padding: 32px; border: 1px solid var(--sknsecondary); border-radius: 12px;}
.umLearnerAccess1 .dashboard-access-tabs {margin-bottom: 20px;}
.umLearnerAccess1 .dashboard-access-tab {padding: 6px 20px; font-size: 12px; border-radius: 14px; box-shadow: none; border: 1px solid var(--sknsecondary); background: #fff; margin-right: 12px;}

.umLearnerAccess1 .dashboard-access-tab__count::before {content: '(';}
.umLearnerAccess1 .dashboard-access-tab__count::after {content: ')';}
.umLearnerAccess1 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px;}
.umLearnerAccess1 .dashboard-access-list-item-expander i {color: var(--sknsecondary); font-size: 20px; font-weight: 700;}
.umLearnerAccess1 .btn--small {margin: 0;}
.umLearnerAccess1 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess1 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess1 .dashboard-access-list-item:nth-of-type(2n) {background: none;}
@media only screen and (max-width: 767px) {
    .umLearnerAccess1 .dashboard-access {padding: 20px;}
}

/* For umLearnerAccess2 */
.layout__content .widget.umLearnerAccess2 {padding: 32px 9%; width: 100%;}
.umLearnerAccess2 .dashboard-access-tab {border: 0; padding: 10px 24px;}
.umLearnerAccess2 .dashboard-access-tab__count::before {content: '(';}
.umLearnerAccess2 .dashboard-access-tab__count::after {content: ')';}
.umLearnerAccess2 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px; font-weight: 700; background: #cec8e9;}
.umLearnerAccess2 .dashboard-access-list-item-expander i.icon-navigateright:before {color: var(--sknsecondary); font-size: 24px; font-weight: 700; content: '+'; vertical-align: middle;}
.umLearnerAccess2 .btn--small {margin: 0;}
.umLearnerAccess2 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess2 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess2 .dashboard-access-list-item:nth-of-type(2n) {background: #e6e3f4;}
@media only screen and (max-width: 767px) {
    .umLearnerAccess2 .dashboard-access-tab {width: 180px;}
}

/* For umLearnerAccess3 */
.layout__content .widget.umLearnerAccess3 {padding: 32px 9%; width: 100%;}
.umLearnerAccess3 .dashboard-access__header {background: none;}
.umLearnerAccess3 .dashboard-access {background: #edecf6; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.umLearnerAccess3 .dashboard-access__header--expanded {color: var(--sknsecondary); background: none; border: 0;}
.umLearnerAccess3 .dashboard-access__header .button-expander {border-radius: 50%; border: 0; background: #fff !important;}
.umLearnerAccess3 .dashboard-access-tabs {background: #f3f2f9;}
.umLearnerAccess3 .dashboard-access-tabs li {border: 0; border-radius: 0; background: none;}

.umLearnerAccess3 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px; font-weight: 700; background: #cec8e9;}
.umLearnerAccess3 .dashboard-access-list-item-expander i.icon-navigateright:before {color: var(--sknsecondary); font-size: 24px; font-weight: 700; content: '+'; vertical-align: middle;}
.umLearnerAccess3 .btn--small {margin: 0;}
.umLearnerAccess3 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess3 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess3 .dashboard-access-list-item:nth-of-type(2n) {background: #e6e3f4;}
@media only screen and (max-width: 767px) {
    .umLearnerAccess3 .dashboard-access span.head {padding: 8px 16px;}
}

/* For umLearnerAccess4 */
.layout__content .widget.umLearnerAccess4 {padding: 32px 9%; width: 100%;}
.umLearnerAccess4 .dashboard-access {background: #fff; border: 1px solid var(--sknsecondary); border-top-left-radius: 20px; border-top-right-radius: 20px; padding-bottom: 1px;}

.umLearnerAccess4 .dashboard-access__header {background: none;}
.umLearnerAccess4 .dashboard-access__header--expanded {color: var(--sknsecondary); background: none; border: 0;}
.umLearnerAccess4 .dashboard-access__header .button-expander {border-radius: 50%; border: 0; background: #fff !important;}
.umLearnerAccess4 .dashboard-access-tabs {background: #edecf6;}
.umLearnerAccess4 .dashboard-access-tabs li {border: 0; border-radius: 0; background: none;}

.umLearnerAccess4 .dashboard-access-tab .dashboard-access-tab__count {display: inline-block; margin: 0; padding: 0;}

.umLearnerAccess4 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px; font-weight: 700; background: #cec8e9;}
.umLearnerAccess4 .dashboard-access-list-item-expander i.icon-navigateright:before {color: var(--sknsecondary); font-size: 24px; font-weight: 700; content: '+'; vertical-align: middle;}
.umLearnerAccess4 .btn--small {margin: 0;}
.umLearnerAccess4 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess4 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess4 .dashboard-access-list-item:nth-of-type(2n) {background: #e6e3f4;}
@media only screen and (max-width: 767px) {
    .umLearnerAccess4 .dashboard-access span.head {padding: 8px 16px;}
}


/* For Communities Discussion Board */
.layout__content .widget.widget--discussion-board, .learn.dashboard .widget.widget--discussion-board {padding: 64px 9%;}
.widget--discussion-board .columns {padding: 0;}
.widget--discussion-board .widget__title {text-align: left; font-size: 32px; font-weight: 600; color: #2e2e2e;}
.widget--discussion-board .btn--primary { display: inline-block; margin-left: 8%; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px; color: #fff;}
.widget--discussion-board .discussion-search-bar .catalog-filters {border-radius: 24px; overflow: hidden; border: 0; background: var(--skndiscussionsearchbar);}
.widget--discussion-board .discussion-search-bar .catalog-filters__search {background: none;}
.widget--discussion-board .discussion-search-bar input, .widget--discussion-board .discussion-search-bar select {background: none; padding: 0 20px; margin: 0;}
.widget--discussion-board .discussion-search-bar {margin-bottom: 60px;}
.widget--discussion-board .discussion-search-bar .catalog-filters__sort {border-left: 2px solid #fff; background: none;}
.discussion-card__list > li {width: 50%;}
.discussion-card__list > li .discussion-card {padding: 4%; border: 2px solid var(--sknsecondary);}
.discussion-card__list > li .discussion-card .discussion-card__title {font-size: 23px; color: #2e2e2e; /*padding-bottom: 20px;*/ font-weight: 500;}
.discussion-card__list > li .discussion-card .discussion-card__body-text {font-size: 14px; color: #2e2e2e; /*padding-bottom: 20px;*/}
.discussion-card__list > li .discussion-card .btn--primary {color: var(--sknsecondary); font-size: 18px; background: none; border: 1px solid var(--sknsecondary); font-weight: 700; border-radius: 12px;}
@media only screen and (max-width: 979px) {
    .widget--discussion-board .discussion-search-bar {margin-bottom: 40px;}
    .discussion-card__list > li {width: 100%;}
}
@media only screen and (max-width: 767px) {
    .discussion-card__list > li .discussion-card .discussion-card__title {font-size: 18px;}
    .discussion-card__list > li .discussion-card .discussion-card__body-text {font-size: 12px;}
    .discussion-card__list > li .discussion-card .btn--primary {font-size: 14px;}
}


/* For umVideo2 */
.layout__content .widget.umVideo2 {padding: 64px 9%;}
.umVideo2 .columns {padding: 0;}
.umVideo2 > .ember-view {display: block; border: 1px solid var(--sknsecondary); overflow: hidden; border-radius: 12px;}
.umVideo2 > .ember-view::after {content: ''; display: block; clear: both;}
.umVideo2 > .ember-view > .ember-view {width: 48%; float: right; padding: 4%;}
.umVideo2 > .ember-view .video__container {padding: 0;}
.umVideo2 > .ember-view > .row {width: 48%; float: left; text-align: left;}
.umVideo2 .widget__title {text-align: left; color: #2e2e2e;}
.umVideo2 .widget__subtitle {text-align: left; margin-bottom: 0; min-height: 80px; color: #2e2e2e;}
.umVideo2 .widget__cta {text-align: left;}
.umVideo2 .btn--centered {display: inline-block; margin-left: 8%; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px;}
@media only screen and (max-width: 979px) {
    .umVideo2 > .ember-view > .ember-view, .umVideo2 > .ember-view > .row {width: 100%; float: none;}
    .umVideo2 .widget__subtitle {min-height: 0;}
    .umVideo2 .widget__cta {text-align: center; padding: 1.5rem 0 0;}
}

/* For umVideo3 */
.layout__content .widget.umVideo3 {padding: 64px 9%;}
.umVideo3 .columns {padding: 0;}
.umVideo3 .video__container {padding: 0; border-radius: 12px; overflow: hidden;}
.umVideo3 .widget__title {font-size: 42px; font-weight: 600; color: #2e2e2e; text-align: left;}
.umVideo3 .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left;}
@media only screen and (max-width: 979px) {
    .umVideo3 .widget__title, .umVideo4 .widget__title {font-size: 28px;}
    .umVideo3 .widget__subtitle {font-size: 14px;}
}

/* For umVideo4 */
.layout__content .widget.umVideo4 {padding: 64px 9%;}
.umVideo4 .columns {padding: 0;}
.umVideo4 .video__container {padding: 0;}
.umVideo4 > .ember-view {position: relative;}
.umVideo4 > .ember-view > .ember-view {padding-bottom: 40px;}
.umVideo4 > .ember-view > .ember-view, .umVideo4 > .ember-view > .row {display: inline-block; vertical-align: middle; width: calc(48% - 4px);}
.umVideo4 > .ember-view > .row {margin-left: 4%;}
.umVideo4 .widget__title {font-size: 42px; font-weight: 600; color: #2e2e2e; text-align: left;}
.umVideo4 .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left;}
.umVideo4 .widget__cta {position: absolute; bottom: 0; left: 0;}
.umVideo4 .btn--centered {display: inline-block; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px;}
@media only screen and (max-width: 979px) {
    .umVideo4 .widget__title {font-size: 28px;}
    .umVideo4 .widget__subtitle {font-size: 14px;}
    .umVideo4 > .ember-view > .ember-view, .umVideo4 > .ember-view > .row {width: 100%; margin: 0;}
    .umVideo4 .widget__cta {position: static; text-align: center;}
}


/* For umVideo4 */
.layout__content .widget.umVideo5 {padding: 64px 9%;}
.umVideo5 .columns {padding: 0;}
.umVideo5 .video__container {padding: 0; border-radius: 12px; overflow: hidden;}
.umVideo5 > .ember-view {position: relative; display: flex; flex-direction: row-reverse;}
.umVideo5 > .ember-view > .ember-view {padding-bottom: 40px; padding: 32px; border: 1px solid var(--sknsecondary); border-radius: 12px;}
.umVideo5 > .ember-view > .ember-view, .umVideo5 > .ember-view > .row {display: inline-block; vertical-align: middle; width: calc(49% - 4px);}
.umVideo5 > .ember-view > .row {}
.umVideo5 .widget__title {font-size: 28px; font-weight: 600; color: #2e2e2e; text-align: left;}
.umVideo5 .widget__subtitle {font-size: 18px; color: #2e2e2e; text-align: left;}
.umVideo5 .widget__cta {position: absolute; left: calc(50% + 1% + 32px); bottom: 32px;}
.umVideo5 .btn--centered {display: inline-block; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px; margin: 0;}
@media only screen and (max-width: 979px) {
    .umVideo5 > .ember-view > .ember-view, .umVideo5 > .ember-view > .row {width: 100%;}
    .umVideo5 > .ember-view > .ember-view {margin-bottom: 20px;}
    .umVideo5 > .ember-view {display: block;}
    .umVideo5 .widget__subtitle {font-size: 14px; margin: 0;}
    .umVideo5 .widget__cta {position: static; text-align: center;}
}
@media only screen and (max-width: 767px) {
    
}

/**this css is for initial tutorial launch**/

.course__detail__sidebar .panel {
    display:block;
}

.course__detail__enrolled {display:block;}



/* ==================== */
/* CD NOW ACCORDION     */
/* ==================== */
/* Container */
.cd-accordion {
  font-family: 'Open Sans', sans-serif; /* Match CD Now typography */
  max-width: 800px; /* Optimal reading width */
  margin: 0 auto;
}

/* Accordion Item */
.cd-accordion-item {
  border-bottom: 1px solid #E1E1E1; /* Light gray border */
  margin-bottom: 0.5rem;
}

/* Question/Header */
.cd-accordion-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.2s ease;
  list-style: none; /* Hide default <summary> marker */
}

.cd-accordion-question:hover {
  background-color: #fff; /* Slightly darker on hover */
}

/* Question Text */
.cd-accordion-title {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 400 !important;
  color: #01080D;
}

/* Custom Icon (Plus/Minus) */
.cd-accordion-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
}

.cd-accordion-icon::before,
.cd-accordion-icon::after {
  content: '';
  position: absolute;
  background-color: #2A4365; /* Match title color */
  transition: transform 0.2s ease;
}

.cd-accordion-icon::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
}

.cd-accordion-icon::after {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  transform: translateX(-50%) rotate(90deg);
}

/* Expanded State */
.cd-accordion-item[open] .cd-accordion-question {
  background-color: #fff; /* Light blue for active state */
}

.cd-accordion-item[open] .cd-accordion-icon::after {
  transform: translateX(-50%) rotate(0deg);
}

/* Answer Content */
.cd-accordion-answer {
  padding: 1.25rem;
  background-color: white;
  line-height: 1.6;
  color: #4A5568; /* Dark gray for readability */
}

/* Focus Accessibility */
.cd-accordion-question:focus {
  outline: 2px solid #4299E1; /* CD Now blue */
  outline-offset: 2px;
}







/* Grid layout */
.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2rem;
  width: 100%;
}

/* Column styling */
.col {
  min-width: 200px;
  padding: 0 1rem;
}

/* Logo column specific */
.logo-col {
  display: flex;
  flex-direction: column;
}

/* Address styling */
.address-col h3 {
  margin-bottom: 1rem;
}

.address-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Button styling */
.button-spacer {
  height: 1rem;
}

.footer-button {
  color: inherit;
  text-decoration: underline;
  margin-top: 0.5rem;
}

/* Social links */
.social-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.social-links li {
  margin-bottom: 0.75rem;
}

.social-links i {
  margin-right: 0.5rem;
}

/* Copyright */
.footer_text {
  margin-top: 2rem;
  text-align: center;
}

/* Link styling within accordion answers */
.cd-accordion-link {
  text-decoration: underline;
  color: #2A4365; 
  transition: color 0.2s ease;
}

.cd-accordion-link:hover {
  color: #4299E1; /* Hover color - adjust to brand */
}



html {
  scroll-behavior: smooth;
}

#privacy-policy, 
#terms-of-service {
  scroll-margin-top: 100px;
}




/*dashboard header account name text color */

.dashboard-header__name {
    color: white;
}
.dashboard-header__arrow {
    color: white;
}




.section7-blue2 { background: #006ec7; }
.section7-blue2 .row { width: 82%; margin-top: 9%; margin-bottom: 9%;}
.section7-blue2 .editor-content img { width: 100%; }
.section7-title-blue2 { color: white; font-size: 50px; margin-top: 15%; }
.section7-blue2 p { margin-bottom: 0px; }
.section7-description-blue2 { color: white; font-size: 20px; margin-bottom: 1rem; }
.section7-btn-blue2 { background: transparent; color: var(--sknsecondary); border: 3px solid var(--sknsecondary); border-radius: 10px; width: 100%; max-width: 268px; margin-top: 30px; font-size: 22px; font-weight: 600;}













.learner-dashboard-hero {
  max-height: 84vh; /* 84% of viewport height */
  height: 85vh; /* Fixed height */
  overflow: hidden; /* Prevent content overflow */
  position: relative; /* For absolute positioning of child elements */
  margin-bottom: 0; /* Remove default margins */
  
  /* Optional gradient overlay (matches your existing hero styles) */
  background: linear-gradient(to right, rgba(4, 78, 124, 0.8), rgba(4, 78, 124, 0.2));
}

/* Child elements (adjust as needed) */
.learner-dashboard-hero .hero__caption {
  position: absolute;
  top: 50%;
  left: 9%;
  transform: translateY(-50%);
  width: 40%; /* Adjust width as needed */
  color: white; /* Text color */
}

.learner-dashboard-hero .hero__title {
  font-size: 3rem; /* 48px */
  font-weight: 700;
  margin-bottom: 1rem;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .learner-dashboard-hero {
    height: 60vh;
  }
  .learner-dashboard-hero .hero__caption {
    width: 60%;
  }
}

@media (max-width: 768px) {
  .learner-dashboard-hero {
    height: 50vh;
  }
  .learner-dashboard-hero .hero__caption {
    width: 80%;
    left: 5%;
  }
  .learner-dashboard-hero .hero__title {
    font-size: 2rem; /* 32px */
  }
}