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

      :root {
        --font: Open Sans;
        --alt-font: "Magistral", sans-serif;
        --accent-color: #15181f;
        --secondary-color: #4f34f4;
        --link-color: #33ccff;
        --accent-highlight-color: #15181f;
        --accent-highlight-background-color: #e1e4eb;
        --accent-tinted-color-70: #b9babc;
        --accent-tinted-color-80: #d0d1d2;
        --accent-tinted-color-90: #e8e8e9;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #2a303d;
        --secondary-hover-color: #7964f7;
        --secondary-contrast-color: #fff;
        --link-hover-color: #0099cc;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/cbd49920-a601-4c75-bbdf-70fd8c90f80a/q0cs0r26gg24-Screenshot2024-07-24at16.20.04.png'); background-repeat: repeat; background-size: auto; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/6lv550kj39sg-Gradient-DXP-Logo-With-Spacing.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}

/* Global Changes */
.layout__content .widget { padding: 0rem; margin:0;}
.container {max-width: 100% !important;
    background-color: #15181f;
    display: flex;
    flex-direction: column;
    margin-top: -132px;
    padding-top: 126px;}
.home__content, .learn.video, .layout-panel, .ember-view.application{background-color: #15181f; background: #15181f;}
.home__content {
  color: #FFFFFF;
}

#lms.ember-application .ember-view.application{ min-height: 100vh;}

#lms.ember-application .ember-view.application:not(.application--admin) {display: flex; flex-direction: column;}
#lms.ember-application .ember-view.application:not(.application--admin) > .container {flex-grow: 1;}


.pad {padding: 1em 4em!important;}
.padbig {padding: 2em 6em!important;}
.padwide {padding: 1em 14em!important;}
.padmajor {padding: 1em 35em!important;}
.course__detail__runs {display: none;}
.enroll .interval .strikethrough, .enroll .srp .strikethrough {
text-decoration: none;
}
.widget--credly.widget--credly_standard {padding: 1em 4em!important;}
.ember-view.row.widget.widget--discussion-board.widget--discussion-board_standard {padding: 1em 4em!important;}

.ember-view.row.widget.widget--badges.widget--badges_standard {padding: 2em 6em!important;}
.dashboard-header-dropdown__link .row {
display: flex;
align-items: center;
}
.dashboard-header__avatar {
background: linear-gradient(135.12deg, #BAFCD0 0.1%, #33CCFF 50%, #4F34F4 99.9%);
  color: white;
  border-radius: 100%;
     position: relative;
     width: 60px;
     height: 60px;
     margin-bottom: 0;
}
.dashboard-header__avatar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: flex;
width:24px;
height:27px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='27' viewBox='0 0 24 27' fill='none'%3E%3Cpath d='M7.71429 6.75C7.71429 5.63112 8.16582 4.55806 8.96954 3.76689C9.77327 2.97572 10.8634 2.53125 12 2.53125C13.1366 2.53125 14.2267 2.97572 15.0305 3.76689C15.8342 4.55806 16.2857 5.63112 16.2857 6.75C16.2857 7.86888 15.8342 8.94194 15.0305 9.73311C14.2267 10.5243 13.1366 10.9687 12 10.9687C10.8634 10.9687 9.77327 10.5243 8.96954 9.73311C8.16582 8.94194 7.71429 7.86888 7.71429 6.75ZM18.8571 6.75C18.8571 4.95979 18.1347 3.2429 16.8487 1.97703C15.5628 0.711159 13.8186 0 12 0C10.1814 0 8.43723 0.711159 7.15127 1.97703C5.8653 3.2429 5.14286 4.95979 5.14286 6.75C5.14286 8.54021 5.8653 10.2571 7.15127 11.523C8.43723 12.7888 10.1814 13.5 12 13.5C13.8186 13.5 15.5628 12.7888 16.8487 11.523C18.1347 10.2571 18.8571 8.54021 18.8571 6.75ZM2.57143 25.3125C2.57143 21.5842 5.64107 18.5625 9.42857 18.5625H14.5714C18.3589 18.5625 21.4286 21.5842 21.4286 25.3125V25.7344C21.4286 26.4357 22.0018 27 22.7143 27C23.4268 27 24 26.4357 24 25.7344V25.3125C24 20.1867 19.7786 16.0312 14.5714 16.0312H9.42857C4.22143 16.0312 0 20.1867 0 25.3125V25.7344C0 26.4357 0.573214 27 1.28571 27C1.99821 27 2.57143 26.4357 2.57143 25.7344V25.3125Z' fill='%23EDEDF3'/%3E%3C/svg%3E");
}

.avatar {
  opacity: 0;
}

/* hide cart button */
#cart-button{
  display: none;
}

.company__school-name__divider, .company__school-name {
  display: none;
}

/* Cert Expiration Font on Access Widget */
small {
    font-size: 80%;
    line-height: inherit;
}


/* DXP Custom Styles */




/* DEP Slider */

.dxp-search .catalog-grid-item__completed-container,
.dxp-archive .catalog-grid-item__completed-container,
.dxp-slider .catalog-grid-item__completed-container {
    border-radius: 20px;
    background: linear-gradient(
        135deg, 
        rgba(51, 204, 255, 0.65) 0%, 
        rgba(38, 153, 191, 0.65) 100%
    )
    border-box;
    z-index: 101;
}

.dxp-search .catalog-grid-item__completed p,
.dxp-archive .catalog-grid-item__completed p,
.dxp-slider .catalog-grid-item__completed p {
    font-family: 'magistral';
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    margin-bottom: 0;
    margin-top: 8px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
}

.dxp-search .catalog-grid-item__completed i,
.dxp-archive .catalog-grid-item__completed i,
.dxp-slider .catalog-grid-item__completed i {
    color: white;
    border: 2px solid white;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    padding: 0;
    background: rgba(242, 247, 250, 0.10);
    backdrop-filter: blur(12px);
    transform: rotate(45deg);
    padding: 13px 21px;
    outline: 8px solid rgb(242 247 250 / 30%);
    position: relative;
}

.dxp-search .catalog-grid-item__completed i:before,
.dxp-archive .catalog-grid-item__completed i:before,
.dxp-slider .catalog-grid-item__completed i:before {
    content: "";
    display: block;
    border-bottom: 3px solid white;
    border-right: 3px solid white;
    width: 12px;
    height: 26px;
}

.dxp-search .catalog-grid-item__completed i:after,
.dxp-archive .catalog-grid-item__completed i:after,
.dxp-slider .catalog-grid-item__completed i:after {
    content: "";
    display: block;
    background: transparent;
    position: absolute;
    width: 76px;
    height: 76px;
    border-radius: 100%;
    top: -2px;
    left: -2px;
    opacity: 1;
    z-index: -1;
    border: 2px solid white;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    outline: 8px solid rgb(51 204 255 / 45%);
    transform: rotate(-45deg);
    background: rgba(242, 247, 250, 0.10);
    backdrop-filter: blur(12px);
    box-shadow: 2px 2px 18px rgba(0, 0, 0, 1.0);
}


.dxp-search .catalog-grid-item__completed,
.dxp-archive .catalog-grid-item__completed,
.dxp-slider .catalog-grid-item__completed {
    margin-top: 5px;
}



.dxp-slider {
  overflow: hidden;
    position: relative;
    z-index: 50;

}

.dxp-slider h3{
  color: #FFFFFF;
      margin: 0;
}

.dxp-slider .widget__title-cta {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.875rem;
  color: white;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15),
              2px 2px 4px 0px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: all 0.5s ease;
  text-decoration: none;
  text-transform: uppercase;
  box-sizing: border-box;
  overflow: hidden;
  border: none;
  top: unset;

  left: unset;
  right: 0;
  bottom: unset;
  font-family: 'magistral';
    font-weight: 600;
    font-size: 16px;
    padding: 13px 26px;

}

.dxp-slider .widget__title-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.875rem;
  border: 2px solid transparent;
  /* background: linear-gradient(
      -45deg,
      #bafcd0 0%,
      #33ccff 25%,
      #4f34f4 50%,
      #33ccff 75%,
      #bafcd0 100%
    )
    border-box; */
  -webkit-mask: linear-gradient(#fff 0 0) padding-box,
                linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  background-size: 200% 200%;
}

.dxp-slider .widget__alt-title__container--with-cta {
  padding-right: 2rem;
    width: 100%;
    max-width: 100%;

}
.dxp-slider .widget__alt-title__container--with-cta h3 {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
}


.dxp-slider .widget__title-cta:hover {
  box-shadow: 0px 0px 10px 0px #33ccff,
              2px 2px 4px 0px rgba(0, 0, 0, 0.25),
              2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(20px);
}

.dxp-slider--engineers-edge .widget__title-cta:hover {
  box-shadow: 0px 0px 10px 0px #BAFCD0,
              2px 2px 4px 0px rgba(0, 0, 0, 0.25),
              2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(20px);
}

.dxp-slider .widget__title-cta:hover::before {
  opacity: 1;
  animation: AnimateBorder 6s ease infinite;
  -webkit-animation: AnimateBorder 6s ease infinite;
  -moz-animation: AnimateBorder 6s ease infinite;
}

/* Optional keyframes for animated border */
@keyframes AnimateBorder {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.dxp-slider .row > .columns > .ember-view > .ember-view:first-of-type {
  display: flex;
  align-items: center;
  padding-bottom: 22px;
  width: 100%;
  position: relative;
}

.dxp-slider .featured-content-multi-carousel {
  overflow: visible;
}


.dxp-slider .featured-content-multi-carousel .featured-content-multi-carousel-item {
 background-color: transparent;
 border-right: none;
}


.dxp-slider .featured-content-multi-carousel .featured-content-multi-carousel-item .featured-content-multi-carousel-item__description,
.dxp-archive .catalog-grid-item__description,
.dxp-search .catalog-grid-item__description{
padding: 0 !important;
margin: 0;
color: #F2F7FA;
font-size: 18px;
margin-top: 10px;
font-weight: 400;
white-space: nowrap;        /* Prevent text from wrapping to the next line */
  overflow: hidden;           /* Hide any overflowing text */
  text-overflow: ellipsis;    /* Show "..." when text is truncated */
  display: block;             /* Ensure the element respects width constraints */
  width: 100%;   
}

.dxp-slider .featured-content-multi-carousel .featured-content-multi-carousel-item  .catalog-grid-item__asset-container img,
.dxp-archive .catalog-grid-item__asset,
.dxp-search .catalog-grid-item__asset
{
  border-radius: 20px;
  overflow: hidden;
  transition: all .3s ease-in;
}





.learn.video #learner .layout-panel.layout-panel--article {
  padding: 3rem 4rem 0rem 4rem !important;
}

.learn.video #learner .featured-content-default-grid li .row .catalog-grid-item__asset-container img {
  transition: all .3s ease-in;
}


.learn.video #learner .featured-content-default-grid li:hover .row .catalog-grid-item__asset-container img{
box-shadow: 0px 0px 20px 0px rgba(51, 204, 255, 1), 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.dxp-slider .featured-content-multi-carousel .featured-content-multi-carousel-item  .catalog-grid-item__asset-container::before, .learn.video #learner .featured-content-default-grid li .row .catalog-grid-item__asset-container::before,
.dxp-archive .catalog-grid-item .catalog-grid-item__asset-container::before,
.dxp-search .catalog-grid-item .catalog-grid-item__asset-container::before  {
 content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.875rem;
  border: 2px solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box,
                linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  background-size: 200% 200%;
  opacity: 0;
  transition: all .3s ease-in;
}


.learn.video #learner .featured-content-default-grid li .row .catalog-grid-item__asset-container::before,
.dxp-search .catalog-grid-item__asset-container::before {
background: linear-gradient(135.12deg, #BAFCD0 0.1%, #33CCFF 25%, #4F34F4 50%, #33CCFF 75%, #BAFCD0 100%) border-box;


    background-size: 200% 200%;
}


.dxp-slider .featured-content-multi-carousel .featured-content-multi-carousel-item:hover  .catalog-grid-item__asset-container::before,
.learn.video #learner .featured-content-default-grid li:hover .row .catalog-grid-item__asset-container::before,
.dxp-archive li:hover .catalog-grid-item  .catalog-grid-item__asset-container::before,
.dxp-search li:hover .catalog-grid-item  .catalog-grid-item__asset-container::before {
  opacity: 1;
  animation: AnimateBorder 6s ease infinite;
  -webkit-animation: AnimateBorder 6s ease infinite;
  -moz-animation: AnimateBorder 6s ease infinite;
}



.dxp-slider .featured-content-multi-carousel 
.featured-content-multi-carousel-item 
.catalog-grid-item__asset-container::after, .learn.video #learner .featured-content-default-grid li .row .catalog-grid-item__asset-container::after,
.dxp-archive .catalog-item
.catalog-grid-item__asset-container::after,
.dxp-search .catalog-item
.catalog-grid-item__asset-container::after  {
  content: "";
  position: absolute;
  padding: 1rem;
  display: inline-block;
  border: 1px solid white;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'><path d='M16.1717 0C16.7692 0 17.25 0.480727 17.25 1.07827V11.8609C17.25 12.4585 16.7692 12.9392 16.1717 12.9392C15.5741 12.9392 15.0933 12.4585 15.0933 11.8609V3.67958L1.83879 16.9333C1.41645 17.3556 0.733502 17.3556 0.315647 16.9333C-0.102208 16.5109 -0.106701 15.8325 0.311154 15.4102L13.5657 2.15653H5.38382C4.78624 2.15653 4.30549 1.6758 4.30549 1.07827C4.30549 0.480727 4.78624 0 5.38382 0H16.1672H16.1717Z' fill='white'/></svg>");
  background-repeat: no-repeat;
  background-size: 33%;
  background-position: center;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  backdrop-filter: blur(24px);
  opacity: 0;
  transition: all .3s ease-in;
}

.dxp-slider .featured-content-multi-carousel 
.featured-content-multi-carousel-item:hover 
.catalog-grid-item__asset-container::after,
.learn.video #learner .featured-content-default-grid li:hover .row .catalog-grid-item__asset-container::after,
.dxp-archive li:hover 
.catalog-grid-item__asset-container::after,
.dxp-search li:hover .catalog-item
.catalog-grid-item__asset-container::after  {
opacity: 1;
}

.dxp-slider .featured-content-multi-carousel .featured-content-multi-carousel-item__title,
.dxp-archive .catalog-grid-item__title,
.dxp-search .catalog-grid-item__title   {
 color: #F2F7FA;
 font-size: 20px;
 text-transform: uppercase;
}

.dxp-archive .catalog-grid-item__title,
.dxp-search .catalog-grid-item__title   {
  font-weight: 700;
}

.dxp-slider .featured-content-multi-carousel .featured-content-multi-carousel-item img,
.dxp-archive .catalog-grid-item__asset,
.dxp-search .catalog-grid-item__asset {
 padding: 0;
 aspect-ratio: 16/9;
 width: 100%;
 border-radius: 20px;
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.25);
}
.dxp-slider .featured-content-multi-carousel .featured-content-multi-carousel-item__title {
text-align: left;
}

.dxp-slider--dashboard > .row{
padding-left: 100px;
padding-right: 100px;
}

.dxp-slider--dashboard > .row > .columns > .ember-view{
padding-bottom: 38px;
border-image-source: none !important;
border-color: rgba(255, 255, 255, 0.05);
}

.dxp-slider--dashboard{
padding-top: 56px !important;
}

.dxp-slider{
position: relative;
}


.dxp-slider--dashboard::after,
.dxp-slider--dashboard::before{
  content: "";
  position: absolute;
  top: 0;
  width: 5%;
  height: 100%;
  background: linear-gradient(90deg, rgba(21, 24, 31, 0) 0%, rgba(21, 24, 31, 0.7) 100%);
  z-index: 100;
  pointer-events: none;
  z-index: 59;
}

.dxp-slider--dashboard::after{
  right: 0;
}

.dxp-slider--dashboard::before {
  left:0;
  transform: rotate(180deg);
}

.dxp-slider:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 5%;
    height: 100%;
    background: linear-gradient(270deg, #15181F, transparent);
}

.dxp-slider:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 5%;
    height: 100%;
    background: linear-gradient(90deg, #15181F, transparent);
    z-index: 1;
}
.dxp-slider--dashboard::after, .dxp-slider--dashboard::before {
    width: calc(5% - -2rem);
}

.dxp-slider .featured-content-multi-carousel__nav-left {
    position: absolute;
    transform: translateY(-50%);
    height: 100%;
    z-index: 100;
    left: -5%;
}
.dxp-slider .featured-content-multi-carousel__nav-right {
    position: absolute;
    transform: translateY(-50%);
    height: 100%;
    z-index: 100;
    width: fit-content;
    color: rgb(255 255 255 / 70%) !important;
    right: -5%;
}

.dxp-slider .featured-content-multi-carousel__nav-right i, .dxp-slider .featured-content-multi-carousel__nav-left i {
    font-size: 30px;
     color: white !important;
}

.dxp-slider--dashboard .featured-content-multi-carousel__nav-left {
top: calc(50% - 30px);
    width: fit-content;
    left: -75px;
    color: rgb(255 255 255 / 70%) !important;

}
.dxp-slider--dashboard .featured-content-multi-carousel__nav-right {
 right: -75px;
 top: calc(50% - 30px);
}

.dxp-slider .featured-content-multi-carousel__nav-right:hover,
.dxp-slider .featured-content-multi-carousel__nav-left:hover {
    color: white !important;
}




/* dxp-slider-colours */

/* engineers-edge */
.dxp-slider--engineers-edge .featured-content-multi-carousel .featured-content-multi-carousel-item .catalog-grid-item__asset-container::before,
.dxp-slider--engineers-edge .widget__title-cta::before,
.dxp-archive--engineers-edge .catalog-grid-item__asset-container::before {
background: linear-gradient(
    -45deg, 
    #33CCFF 0%, 
    #2DB4E1 25%, 
    #2699BF 50%, 
    #2DB4E1 75%, 
    #33CCFF 100%
  )
  border-box;
    background-size: 200% 200%;
}
.dxp-slider--engineers-edge .featured-content-multi-carousel .featured-content-multi-carousel-item:hover  .catalog-grid-item__asset-container img, .dxp-archive--engineers-edge li:hover .catalog-grid-item__asset-container img, .dxp-search li:hover .catalog-grid-item__asset-container img {
  box-shadow: 0px 0px 20px 0px rgba(186, 252, 208, 1), 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
}


.dxp-slider--engineers-edge.dxp-slider--dashboard  > .row > .columns > .ember-view{
  border-bottom: 2px solid; /* defines border thickness */
  border-image-source: linear-gradient(
    90deg,
    rgba(51, 204, 255, 0.25) 0%,
    rgba(38, 153, 191, 0.25) 100%
  );
  border-image-slice: 1; /* required for gradient borders */
}


/* thought-leadership */
.dxp-slider--thought-leadership .featured-content-multi-carousel .featured-content-multi-carousel-item .catalog-grid-item__asset-container::before,
.dxp-slider--thought-leadership .widget__title-cta::before,
.dxp-archive--thought-leadership .catalog-grid-item__asset-container::before  {
background: linear-gradient(
    -45deg, 
    #5AD8E6 0%, 
    #80A4F2 25%, 
    #A76DFF 50%, 
    #80A4F2 75%, 
    #5AD8E6 100%
  )
  border-box;
  background-size: 200% 200%;
}
.dxp-slider--thought-leadership .featured-content-multi-carousel .featured-content-multi-carousel-item:hover  .catalog-grid-item__asset-container img{
box-shadow: 0px 0px 20px 0px rgba(237, 237, 243, 1), 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
}


.dxp-slider--thought-leadership.dxp-slider--dashboard > .row > .columns > .ember-view{
  border-bottom: 2px solid; /* defines border thickness */
  border-image-source: linear-gradient(90deg, rgba(90, 216, 230, 0.25) 0%, rgba(167, 109, 255, 0.25) 100%);
  border-image-slice: 1; /* required for gradient borders */
}

/* model-masters */
.dxp-slider--model-masters .featured-content-multi-carousel .featured-content-multi-carousel-item .catalog-grid-item__asset-container::before, .dxp-slider--model-masters .widget__title-cta::before,
.dxp-archive--model-masters .catalog-grid-item__asset-container::before  {
background-size: 200% 200%;
background: linear-gradient(
    -45deg, 
    #FF6B00 0%, 
    #FF007A 25%, 
    #007BFF 50%, 
    #FF007A 75%, 
    #FF6B00 100%
  )
  border-box;
    background-size: 200% 200%;
}
.dxp-slider--model-masters.dxp-slider--dashboard > .row > .columns > .ember-view{
  border-bottom: 2px solid; /* defines border thickness */
border-image-source: linear-gradient(90deg, rgba(255, 107, 0, 0.25) 0%, rgba(255, 0, 122, 0.25) 50%, rgba(0, 123, 255, 0.25) 100%);
  border-image-slice: 1; /* required for gradient borders */
}

.dxp-slider--model-masters .featured-content-multi-carousel .featured-content-multi-carousel-item:hover  .catalog-grid-item__asset-container img, .dxp-slider--model-masters .widget__title-cta:hover,
.layout__content--model-masters-videos .catalog-grid-item:hover  .catalog-grid-item__asset-container img
{
box-shadow: 0px 0px 20px 0px rgba(0, 123, 255, 1), 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
}



/* masterclass */
.dxp-slider--masterclass .featured-content-multi-carousel .featured-content-multi-carousel-item .catalog-grid-item__asset-container::before, .dxp-slider--masterclass .widget__title-cta::before,
.dxp-archive--masterclass .catalog-grid-item__asset-container::before  {
background-size: 200% 200%;
background: linear-gradient(
    -45deg, 
    #C9A65B 0%, 
    #806C44 25%, 
    #39352D 50%, 
    #806C44 75%, 
    #C9A65B 100%
  )
  border-box;
    background-size: 200% 200%;
}

.dxp-slider--masterclass .featured-content-multi-carousel .featured-content-multi-carousel-item:hover  .catalog-grid-item__asset-container img, .dxp-slider--masterclass .widget__title-cta:hover,
.layout__content--masterclass-videos .catalog-grid-item:hover  .catalog-grid-item__asset-container img{
box-shadow: 0px 0px 20px 0px rgba(115, 107, 94, 1), 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.dxp-slider--masterclass.dxp-slider--dashboard  > .row > .columns > .ember-view{
  border-bottom: 2px solid; /* defines border thickness */
border-image-source: linear-gradient(90deg, rgba(201, 166, 91, 0.25) 0%, rgba(115, 107, 94, 0.25) 100%);
  border-image-slice: 1; /* required for gradient borders */
}

/* launch-pad */
.dxp-slider--launch-pad .featured-content-multi-carousel .featured-content-multi-carousel-item .catalog-grid-item__asset-container::before, .dxp-slider--launch-pad .widget__title-cta::before,
.dxp-archive--launch-pad .catalog-grid-item__asset-container::before   {
background-size: 200% 200%;
background: linear-gradient(
    -45deg, 
    #007BFF 0%, 
    #5BBC9F 25%, 
    #B7FF3E 50%, 
    #5BBC9F 75%, 
    #007BFF 100%
  )
  border-box;
    background-size: 200% 200%;
}

.dxp-slider--launch-pad .featured-content-multi-carousel .featured-content-multi-carousel-item:hover  .catalog-grid-item__asset-container img, .dxp-slider--launch-pad .widget__title-cta:hover,
.layout__content--launch-pad-videos .catalog-grid-item:hover  .catalog-grid-item__asset-container img{
box-shadow: 0px 0px 20px 0px rgba(0, 123, 255, 1), 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
}


.dxp-slider--launch-pad.dxp-slider--dashboard  > .row > .columns > .ember-view{
  border-bottom: 2px solid; /* defines border thickness */
border-image-source: linear-gradient(90deg, rgba(0, 123, 255, 0.25) 0%, rgba(183, 255, 62, 0.25) 100%);
  border-image-slice: 1; /* required for gradient borders */
}


.dxp-slider--launch-pad .widget__title-cta:hover {
      box-shadow: 0px 0px 10px 0px #007BFF, 2px 2px 4px 0px rgba(0, 0, 0, 0.25), 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

/* Live Event Playback */


.dxp-slider--live-event-playback .featured-content-multi-carousel .featured-content-multi-carousel-item .catalog-grid-item__asset-container::before, .dxp-slider--live-event-playback .widget__title-cta::before,
.dxp-archive--live-event-playback .catalog-grid-item__asset-container::before  {
background-size: 200% 200%;
background: linear-gradient(135deg, #3E8EAA 0%, #FFB547 100%) border-box;

}

.dxp-slider--live-event-playback .featured-content-multi-carousel .featured-content-multi-carousel-item:hover  .catalog-grid-item__asset-container img, .layout__content--live-event-playback-videos .catalog-grid-item:hover  .catalog-grid-item__asset-container img{
box-shadow: 0px 0px 20px 0px rgba(245, 245, 245, 0.5), 4px 4px 10px 0px rgba(0, 0, 0, 0.25);

}


.dxp-slider--live-event-playback.dxp-slider--dashboard  > .row > .columns > .ember-view{
  border-bottom: 2px solid; /* defines border thickness */
border-image-source: linear-gradient(90deg, rgba(0, 123, 255, 0.25) 0%, rgba(183, 255, 62, 0.25) 100%);
  border-image-slice: 1; /* required for gradient borders */
}

/* helpdesk highlights */




.dxp-slider--helpdesk-highlights .featured-content-multi-carousel .featured-content-multi-carousel-item .catalog-grid-item__asset-container::before, .dxp-slider--helpdesk-highlights .widget__title-cta::before,
.dxp-archive--helpdesk-highlights .catalog-grid-item__asset-container::before  {
background-size: 200% 200%;
background:  linear-gradient(135deg, #2E2E2E 0%, #00C8FF 50%, #FFD400 100%) border-box;
}



.dxp-slider--helpdesk-highlights .featured-content-multi-carousel .featured-content-multi-carousel-item:hover  .catalog-grid-item__asset-container img, .layout__content--helpdesk-highlights-videos .catalog-grid-item:hover  .catalog-grid-item__asset-container img{
box-shadow: 0px 0px 20px 0px rgba(0, 200, 255, 1), 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
}


.dxp-slider--helpdesk-highlights.dxp-slider--dashboard  > .row > .columns > .ember-view{
  border-bottom: 0; /* defines border thickness */
border-image-source: linear-gradient(90deg, rgba(0, 123, 255, 0.25) 0%, rgba(183, 255, 62, 0.25) 100%);
  border-image-slice: 1; /* required for gradient borders */
}




/* Video Page */
.learn.video #learner span, 
.learn.video #learner h1, 
.learn.video #learner h2, 
.learn.video #learner h3, 
.learn.video #learner h4, 
.learn.video #learner p,
.learn.video #learner li{
  color: #FFFFFF;
}

.learn.video .article-header__type {
  opacity: 0;
}
.learn.video  hr {
  display: none;
}

.learn.video  .header--article {
  display: none;
}
.learn.video  .nav {
  background-color:rgba(255, 255, 255, 0.05);
}
.learn.video  .topic__container__article  {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 82px;
}

.learn.video #learner .learning-content__back-button i{
    aspect-ratio: 1 / 1;
    width: 30px;
    height: 30px;
    background: linear-gradient(135.12deg, #BAFCD0 0.1%, #33CCFF 50%, #4F34F4 99.9%);
    color: white;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.learn.video #learner .learning-content__back-button i::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.875rem;
    border: 2px solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    background-size: 200% 200%;
     background:  linear-gradient(93.92deg, #BAFCD0 0%, #33CCFF 25%, #33CCFF 75%, #BAFCD0 100%) border-box;
  }


.learn.video  .learning-content__back-button  {
   top: unset;
  display: flex;
  align-items: center;
   position: relative;
}
.learn.video  .learning-content__back-button span {
  font-family: Magistral;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
letter-spacing: 0%;
text-transform: uppercase;

}

/* old */
/* .learn.video .widget--topic-article-content_standard {
margin: 0;
width: 73%;
}

.learn.video .widget--topic-article-related_standard {
    width: 27% !important;
    margin: 0;
    padding-left: 3% !important;
} 


.learn.video .widget--topic-article-related_standard ul.featured-content-block-grid{
display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
}
.learn.video  .widget--topic-article-related_standard ul.featured-content-block-grid li{
    width: 100%;
    padding-bottom: 30px;
}


.learn.video .widget--topic-article-related_standard ul.featured-content-block-grid li {
  padding: 1rem 0;
}


.learn.video  .widget--topic-article-related_standard ul.featured-content-block-grid li{
    width: 25%;
    padding-bottom: 30px;
}
*/


/* new */
.learn.video .widget--topic-article-content_standard {
margin: 0;
width: 100% !important;
}

.learn.video .widget--topic-article-related_standard {
    width: 100% !important;
    margin: 0;
    padding-left: 0% !important;
}


.learn.video .widget--topic-article-related_standard ul.featured-content-block-grid{
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
}

.learn.video  .widget--topic-article-related_standard ul.featured-content-block-grid li{
    width: 25%;
    padding-bottom: 30px;
}
.learn.video  .article-content__related-items > .columns{
   padding: 0;
}


.article-content__related-items {
  margin-top: 2rem !important;
}

.learn.video .widget--topic-article-related_standard ul.featured-content-block-grid li {
  padding: 1rem;
}






.learn.video .article-content__related-items span{
  /* font-family: Magistral;
  font-weight: 700;
  font-style: Bold;
  font-size: 30px;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: uppercase; */
  display: none;
}

.learn.video .article-content__related-items::before {
  content:"More Episodes";
   font-family: Magistral;
  font-weight: 700;
  font-style: Bold;
  font-size: 30px;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #FFFFFF;
  padding-left: 1rem;
}

.learn.video .widget--topic-article-related_standard ul.featured-content-block-grid li .btn--primary,
.dxp-archive .catalog-grid-item__cta-container .btn{
  float: left !important;
  margin: .5rem 0 0 0;
  color: #FFFFFF;
  font-family: 'magistral';
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 12px;
}

.learn.video  .widget--topic-article-content .row.article-header + .row{
  display: flex;
  flex-direction: column-reverse;
}


/* hide bookmarking */
.learn.video .article-header{
  display: flex;
  flex-direction: column;
  width: 100%;
   display: none;
}

.learn.video .article-content__header{
margin: 30px 0 0 0;
}



.learn.video .article-content__sub-header,
.learn.video .article-content__body {
  margin: 15px 0 0 0;
}

.learn.video .article-content__info{
  margin: 0;
}

.learn.video .article-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}


.learn.video .article-content__header + script + .ember-view{
order:-1;
}

.learn.video .widget--topic-article-content_standard .catalog-grid-item__cta-container {
  height: unset;
  padding: .5rem 0 0 0;
  text-align: left;
}



.learn.video .widget--topic-article-content_standard .catalog-grid-item__cta-container .btn{
float: left !important;
}

.learn.video .widget--topic-article-content_standard .article-content__header{
font-family: Magistral;
font-weight: 700;
font-style: Bold;
font-size: 50px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;

}



.learn.video .video__container{
padding: 0 !important;
border-radius: 20px;
overflow: hidden;
margin-top: 1rem;
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.30) inset, 4px 4px 10px 0 rgba(0, 0, 0, 0.25);
}


.learn.video .panel.panel--alt{
background: transparent;
border: none;
padding: 12px 25px;
margin: 0;


}

.learn.video .panel.panel--alt a {
  font-family: Open Sans;
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
}

.learn.video .panel.panel--alt .small-2{
width: fit-content;
padding-right: .5rem;
}


.learn.video .article-sidebar__rating{
display: none;
}
.learn.video .article-sidebar{
/* margin: 2rem 0 0 0;
border: 2px solid rgba(255, 255, 255, 0.10);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border-radius: 14px;
padding: 0;
margin-left: 1rem; */
}
.learn.video .article-sidebar h4{
border-bottom: 2px solid rgba(255, 255, 255, 0.05);
background: rgba(255, 255, 255, 0.05);
padding: 12px 25px; 
margin: 0;
text-transform: uppercase;
}
.learn.video .article-sidebar__custom-fields{
border-radius: 14px;
background: rgba(255, 255, 255, 0.05);
overflow: hidden;
}
.learn.video .article-sidebar__custom-fields ul{
padding: 7px 10px;
}

.article-sidebar__custom-fields ul li.article-sidebar-custom-field{
padding: 7px 10px;
background: rgba(255, 255, 255, 0.05);
border-radius: 7px;
border: none;
}
.article-sidebar__custom-fields ul li.article-sidebar-custom-field a{
color: white;
font-family: "Magistral", sans-serif;
}



/* Video Related */
.learn.video #learner .featured-content-default-grid .catalog-item .catalog-grid-item__body{
background-color: transparent;
}

.learn.video #learner .featured-content-default-grid .catalog-grid-item, 
.dxp-archive .catalog-grid-item, .dxp-search .catalog-grid-item
{
border: none;
display: flex;
flex-direction: column;
background-color: transparent !important;
}
.learn.video #learner .featured-content-default-grid .catalog-grid-item > .ember-view, 
.dxp-archive .catalog-grid-item > .ember-view,
.dxp-search .catalog-grid-item > .ember-view{
order: 99;
padding-left: 12px;
}
.learn.video #learner .featured-content-default-grid .catalog-grid-item > .ember-view .catalog__ribbon,
.dxp-archive .catalog-grid-item > .ember-view .catalog__ribbon,
.dxp-search .catalog-grid-item > .ember-view .catalog__ribbon {
position: relative;
top: unset;
bottom: unset;
left: unset;
right: unset;
display: flex;
align-items: center;
padding: 0;
font-family: 'magistral';
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 12px;

}
.learn.video #learner .featured-content-default-grid .catalog-grid-item > .ember-view .catalog__ribbon .catalog__ribbon-corner, 
.dxp-archive .catalog-grid-item > .ember-view .catalog__ribbon .catalog__ribbon-corner,
.dxp-search .catalog-grid-item > .ember-view .catalog__ribbon .catalog__ribbon-corner{
  display: none;
}

.learn.video #learner .featured-content-default-grid .catalog-grid-item > .ember-view .catalog__ribbon::before, .dxp-archive .catalog-grid-item > .ember-view .catalog__ribbon::before,
.dxp-search .catalog-grid-item > .ember-view .catalog__ribbon::before {
    content: "";
  display: inline-block;
  width: 23px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: .5rem;
}


.learn.video #learner .featured-content-default-grid .catalog-grid-item > .ember-view .catalog__ribbon[style~="#33ccff"], .dxp-archive .catalog-grid-item > .ember-view .catalog__ribbon[style~="#33ccff"],
.dxp-search .catalog-grid-item > .ember-view .catalog__ribbon[style~="#33ccff"] {
  color: #33CCFF !important;
  background: transparent !important;
}
.learn.video #learner .featured-content-default-grid .catalog-grid-item > .ember-view .catalog__ribbon[style~="#33ccff"]::before,
.dxp-archive .catalog-grid-item > .ember-view .catalog__ribbon[style~="#33ccff"]::before,
.dxp-search .catalog-grid-item > .ember-view .catalog__ribbon[style~="#33ccff"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'><path d='M21.9081 3.50592L11.5236 0.0444147C11.3459 -0.0148049 11.1539 -0.0148049 10.9762 0.0444147L0.591702 3.50592C0.419389 3.56337 0.269519 3.67357 0.163322 3.82092C0.0571253 3.96828 -1.34591e-05 4.14531 2.37801e-09 4.32695V12.9807C2.37801e-09 13.2102 0.0911734 13.4303 0.253463 13.5926C0.415753 13.7549 0.635865 13.8461 0.865377 13.8461C1.09489 13.8461 1.315 13.7549 1.47729 13.5926C1.63958 13.4303 1.73075 13.2102 1.73075 12.9807V5.52766L5.36426 6.73811C4.39888 8.29774 4.0919 10.1767 4.51071 11.9625C4.92952 13.7483 6.03989 15.2949 7.59801 16.2627C5.65091 17.0264 3.96775 18.4077 2.73676 20.2964C2.67273 20.3916 2.62827 20.4985 2.60593 20.611C2.5836 20.7235 2.58385 20.8393 2.60667 20.9517C2.62949 21.0641 2.67442 21.1708 2.73885 21.2657C2.80328 21.3605 2.88593 21.4417 2.98198 21.5043C3.07804 21.567 3.1856 21.6099 3.29839 21.6306C3.41119 21.6513 3.52698 21.6494 3.63904 21.625C3.75109 21.6006 3.85717 21.5541 3.95112 21.4884C4.04506 21.4226 4.12499 21.3388 4.18626 21.2418C5.81642 18.7409 8.39091 17.3076 11.2499 17.3076C14.1089 17.3076 16.6834 18.7409 18.3135 21.2418C18.4405 21.4305 18.6365 21.5616 18.8594 21.6068C19.0822 21.6521 19.3139 21.6078 19.5043 21.4836C19.6947 21.3594 19.8286 21.1652 19.8771 20.943C19.9255 20.7209 19.8845 20.4886 19.7631 20.2964C18.5321 18.4077 16.8424 17.0264 14.9018 16.2627C16.4584 15.2949 17.5677 13.7493 17.9865 11.9649C18.4052 10.1804 18.0992 8.30269 17.1356 6.74352L21.9081 5.15339C22.0805 5.09598 22.2304 4.98579 22.3366 4.83843C22.4428 4.69107 22.5 4.51402 22.5 4.33236C22.5 4.1507 22.4428 3.97365 22.3366 3.82629C22.2304 3.67893 22.0805 3.56874 21.9081 3.51133V3.50592ZM16.4422 10.3846C16.4424 11.2055 16.248 12.0147 15.8749 12.7459C15.5019 13.4771 14.9607 14.1094 14.296 14.591C13.6312 15.0725 12.8617 15.3896 12.0507 15.5162C11.2396 15.6428 10.4101 15.5753 9.63019 15.3192C8.85028 15.0632 8.1422 14.6258 7.56404 14.0431C6.98588 13.4604 6.55411 12.7489 6.30418 11.967C6.05424 11.1851 5.99324 10.3551 6.1262 9.54506C6.25916 8.73503 6.58228 7.96807 7.06905 7.30709L10.9762 8.60516C11.1539 8.66438 11.3459 8.66438 11.5236 8.60516L15.4308 7.30709C16.0881 8.19846 16.4426 9.27703 16.4422 10.3846ZM11.2499 6.87657L3.60213 4.32695L11.2499 1.77733L18.8977 4.32695L11.2499 6.87657Z' fill='%2333CCFF'/></svg>");
}

.learn.video #learner .featured-content-default-grid .catalog-grid-item > .ember-view .catalog__ribbon[style~="#4f34f4"], .dxp-archive .catalog-grid-item > .ember-view .catalog__ribbon[style~="#4f34f4"], .dxp-search .catalog-grid-item > .ember-view .catalog__ribbon[style~="#4f34f4"]{
  color: #4F34F4 !important;
  background: transparent !important;
}
.learn.video #learner .featured-content-default-grid .catalog-grid-item > .ember-view .catalog__ribbon[style~="#4f34f4"]::before,
.dxp-archive .catalog-grid-item > .ember-view .catalog__ribbon[style~="#4f34f4"]::before, .dxp-search .catalog-grid-item > .ember-view .catalog__ribbon[style~="#4f34f4"]::before  {
 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'><path d='M21.9081 3.50592L11.5236 0.0444147C11.3459 -0.0148049 11.1539 -0.0148049 10.9762 0.0444147L0.591702 3.50592C0.419389 3.56337 0.269519 3.67357 0.163322 3.82092C0.0571253 3.96828 -1.34591e-05 4.14531 2.37801e-09 4.32695V12.9807C2.37801e-09 13.2102 0.0911734 13.4303 0.253463 13.5926C0.415753 13.7549 0.635865 13.8461 0.865377 13.8461C1.09489 13.8461 1.315 13.7549 1.47729 13.5926C1.63958 13.4303 1.73075 13.2102 1.73075 12.9807V5.52766L5.36426 6.73811C4.39888 8.29774 4.0919 10.1767 4.51071 11.9625C4.92952 13.7483 6.03989 15.2949 7.59801 16.2627C5.65091 17.0264 3.96775 18.4077 2.73676 20.2964C2.67273 20.3916 2.62827 20.4985 2.60593 20.611C2.5836 20.7235 2.58385 20.8393 2.60667 20.9517C2.62949 21.0641 2.67442 21.1708 2.73885 21.2657C2.80328 21.3605 2.88593 21.4417 2.98198 21.5043C3.07804 21.567 3.1856 21.6099 3.29839 21.6306C3.41119 21.6513 3.52698 21.6494 3.63904 21.625C3.75109 21.6006 3.85717 21.5541 3.95112 21.4884C4.04506 21.4226 4.12499 21.3388 4.18626 21.2418C5.81642 18.7409 8.39091 17.3076 11.2499 17.3076C14.1089 17.3076 16.6834 18.7409 18.3135 21.2418C18.4405 21.4305 18.6365 21.5616 18.8594 21.6068C19.0822 21.6521 19.3139 21.6078 19.5043 21.4836C19.6947 21.3594 19.8286 21.1652 19.8771 20.943C19.9255 20.7209 19.8845 20.4886 19.7631 20.2964C18.5321 18.4077 16.8424 17.0264 14.9018 16.2627C16.4584 15.2949 17.5677 13.7493 17.9865 11.9649C18.4052 10.1804 18.0992 8.30269 17.1356 6.74352L21.9081 5.15339C22.0805 5.09598 22.2304 4.98579 22.3366 4.83843C22.4428 4.69107 22.5 4.51402 22.5 4.33236C22.5 4.1507 22.4428 3.97365 22.3366 3.82629C22.2304 3.67893 22.0805 3.56874 21.9081 3.51133V3.50592ZM16.4422 10.3846C16.4424 11.2055 16.248 12.0147 15.8749 12.7459C15.5019 13.4771 14.9607 14.1094 14.296 14.591C13.6312 15.0725 12.8617 15.3896 12.0507 15.5162C11.2396 15.6428 10.4101 15.5753 9.63019 15.3192C8.85028 15.0632 8.1422 14.6258 7.56404 14.0431C6.98588 13.4604 6.55411 12.7489 6.30418 11.967C6.05424 11.1851 5.99324 10.3551 6.1262 9.54506C6.25916 8.73503 6.58228 7.96807 7.06905 7.30709L10.9762 8.60516C11.1539 8.66438 11.3459 8.66438 11.5236 8.60516L15.4308 7.30709C16.0881 8.19846 16.4426 9.27703 16.4422 10.3846ZM11.2499 6.87657L3.60213 4.32695L11.2499 1.77733L18.8977 4.32695L11.2499 6.87657Z' fill='%234f34f4'/></svg>");
}

.learn.video #learner .featured-content-default-grid .catalog-grid-item > .ember-view .catalog__ribbon[style~="#bafcd0"],.dxp-archive .catalog-grid-item > .ember-view .catalog__ribbon[style~="#bafcd0"], .dxp-search .catalog-grid-item > .ember-view .catalog__ribbon[style~="#bafcd0"] {
  color: #BAFCD0 !important;
  background: transparent !important;
}
.learn.video #learner .featured-content-default-grid .catalog-grid-item > .ember-view .catalog__ribbon[style~="#bafcd0"]::before,
.dxp-archive .catalog-grid-item > .ember-view .catalog__ribbon[style~="#bafcd0"]::before, .dxp-search .catalog-grid-item > .ember-view .catalog__ribbon[style~="#bafcd0"]::before{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'><path d='M21.9081 3.50592L11.5236 0.0444147C11.3459 -0.0148049 11.1539 -0.0148049 10.9762 0.0444147L0.591702 3.50592C0.419389 3.56337 0.269519 3.67357 0.163322 3.82092C0.0571253 3.96828 -1.34591e-05 4.14531 2.37801e-09 4.32695V12.9807C2.37801e-09 13.2102 0.0911734 13.4303 0.253463 13.5926C0.415753 13.7549 0.635865 13.8461 0.865377 13.8461C1.09489 13.8461 1.315 13.7549 1.47729 13.5926C1.63958 13.4303 1.73075 13.2102 1.73075 12.9807V5.52766L5.36426 6.73811C4.39888 8.29774 4.0919 10.1767 4.51071 11.9625C4.92952 13.7483 6.03989 15.2949 7.59801 16.2627C5.65091 17.0264 3.96775 18.4077 2.73676 20.2964C2.67273 20.3916 2.62827 20.4985 2.60593 20.611C2.5836 20.7235 2.58385 20.8393 2.60667 20.9517C2.62949 21.0641 2.67442 21.1708 2.73885 21.2657C2.80328 21.3605 2.88593 21.4417 2.98198 21.5043C3.07804 21.567 3.1856 21.6099 3.29839 21.6306C3.41119 21.6513 3.52698 21.6494 3.63904 21.625C3.75109 21.6006 3.85717 21.5541 3.95112 21.4884C4.04506 21.4226 4.12499 21.3388 4.18626 21.2418C5.81642 18.7409 8.39091 17.3076 11.2499 17.3076C14.1089 17.3076 16.6834 18.7409 18.3135 21.2418C18.4405 21.4305 18.6365 21.5616 18.8594 21.6068C19.0822 21.6521 19.3139 21.6078 19.5043 21.4836C19.6947 21.3594 19.8286 21.1652 19.8771 20.943C19.9255 20.7209 19.8845 20.4886 19.7631 20.2964C18.5321 18.4077 16.8424 17.0264 14.9018 16.2627C16.4584 15.2949 17.5677 13.7493 17.9865 11.9649C18.4052 10.1804 18.0992 8.30269 17.1356 6.74352L21.9081 5.15339C22.0805 5.09598 22.2304 4.98579 22.3366 4.83843C22.4428 4.69107 22.5 4.51402 22.5 4.33236C22.5 4.1507 22.4428 3.97365 22.3366 3.82629C22.2304 3.67893 22.0805 3.56874 21.9081 3.51133V3.50592ZM16.4422 10.3846C16.4424 11.2055 16.248 12.0147 15.8749 12.7459C15.5019 13.4771 14.9607 14.1094 14.296 14.591C13.6312 15.0725 12.8617 15.3896 12.0507 15.5162C11.2396 15.6428 10.4101 15.5753 9.63019 15.3192C8.85028 15.0632 8.1422 14.6258 7.56404 14.0431C6.98588 13.4604 6.55411 12.7489 6.30418 11.967C6.05424 11.1851 5.99324 10.3551 6.1262 9.54506C6.25916 8.73503 6.58228 7.96807 7.06905 7.30709L10.9762 8.60516C11.1539 8.66438 11.3459 8.66438 11.5236 8.60516L15.4308 7.30709C16.0881 8.19846 16.4426 9.27703 16.4422 10.3846ZM11.2499 6.87657L3.60213 4.32695L11.2499 1.77733L18.8977 4.32695L11.2499 6.87657Z' fill='%23bafcd0'/></svg>");
}

.learn.video #learner .featured-content-default-grid .catalog-grid-item .catalog-grid-item__asset{
  border-radius: 20px;
  aspect-ratio: 16/9;
  width: 100%;
}
.learn.video #learner .featured-content-default-grid .catalog-grid-item .row::before,
.learn.video #learner .featured-content-default-grid .catalog-grid-item .row::after {
display: none;
}





/* hero */
.picturefill {
  position: relative;
}


.hero::after{
  content: "";
  height: 100px;
  width: 100%;
    z-index: 100;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(21, 24, 31, 0) 0%, #15181f 100%);
}

.hero .picturefill::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg,
        rgba(65, 72, 86, 0.35),
        rgba(65, 72, 86, 0.35)
      ),
      linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 14, 27, 0.7) 100%);

    mix-blend-mode: hard-light;
    z-index: 20;
    pointer-events: none;
}
.hero .picturefill::after,
.hero-block::before {
 content: "";
 position: absolute;
    left: 50%;
    bottom: 11%;
transform: translateX(-50%);
  display: block;
  width: 28px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='16' viewBox='0 0 28 16' fill='none'%3E%3Cpath d='M12.936 15.5452C13.5237 16.1516 14.474 16.1516 15.0554 15.5452L27.5592 2.64193C28.1469 2.03548 28.1469 1.05484 27.5592 0.454839C26.9716 -0.145161 26.0213 -0.151613 25.4398 0.454839L13.9988 12.2613L2.55782 0.454839C1.97014 -0.151613 1.01985 -0.151613 0.438419 0.454839C-0.14301 1.06129 -0.149261 2.04193 0.438419 2.64193L12.9423 15.5452H12.936Z' fill='white' fill-opacity='0.15'/%3E%3C/svg%3E");
  z-index: 100;
}

.hero__caption {
  position: relative;
  z-index: 100;
}

.hero-block-b01 h2 {
  width: fit-content;
    color: transparent;
    background-clip: text;
    background: linear-gradient(135.12deg, #BAFCD0 0.1%, #33CCFF 50%, #4F34F4 99.9%);
    -webkit-background-clip: text;
       
    -webkit-text-fill-color: transparent;
}

.hero-b01 .hero {
  width: 100%;
  height: 115vh;
}
.hero-b01 .picturefill,
.hero-b01 .picturefill img {
  width: 100%;
  height: 100%;
}


.hero-b01 .picturefill img {
  object-fit: cover;
  object-position: center;

}
.hero-block{
  position: relative;
  z-index: 10;
}

.hero-b01,
.hero-block{
  padding:0 !important;
  margin-top: -174px;
}

.hero-b01 .btn--primary {
background: linear-gradient(135.12deg, #BAFCD0 0.1%, #33CCFF 50%, #4F34F4 99.9%);
  width: fit-content;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 13px 26px;

border-radius: 14px;
margin-top: 1.5rem;
border: none;

  overflow: hidden;
  transition: all 0.3s ease-out;
  position: relative;
  font-family: Magistral;
font-weight: 600;
font-style: Bold;
font-size: 16px;

line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;

}

/* .hero-b01 .btn--primary::after {
     content: "";
    position: absolute;
    aspect-ratio: 1 / 1;
    left: 0;
    top: 0;
    width: 189%;
    
    z-index: -1;
    transform: translate(-23%, -40%);
  transform-origin: center center;
  
} */

/* Example: rotate on hover */
.hero-b01 .btn--primary:hover::after {
  animation: rotate360 6s linear;
}

@keyframes rotate360 {
  from {
    transform: translate(-25%, -40%) rotate(0deg);
  }
  to {
    transform: translate(-25%, -40%) rotate(360deg);
  }
}



.hero-b01 .btn--primary:hover {
  box-shadow: 0px 0px 10px 0px rgba(51, 204, 255, 1), 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
}


.gradient-buttons a {
  background-image: linear-gradient(red, blue);
}

/*---Main Logo Size---*/
.header.header--microsite .header__inner .company__beta-logo .company-logo__container img, .header.header--dashboard .header__inner .company__beta-logo .company-logo__container img, .header.header--article .header__inner .company__beta-logo img {
    max-height: 75px;
}

/*---Header Color---*/
.header.header--microsite, .header.header--article {
   background-color: #15181f;
}

.header__inner {
  padding:1rem;
  position: relative;
  z-index: 100;
  }
.company__school-name,
.dashboard-header__name {
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  font-family: Magistral;
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  line-height: 100%;
  padding: 0px;
}

.dashboard-header__arrow .icon-navigatedown {
  display: none;
}
/*---Navigation & Header Links---*/
.global-nav__container {
    max-width: 100%;
    position: relative;
    z-index: 100;
    background-color: transparent;
}

.header.header--dashboard, header.header--microsite{
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
}

.header.header--dashboard .company-logo__container,
 header.header--microsite  .company-logo__container{
display: none;
}

.nav.nav--global-links{
  width: 100%;
  display: flex;
  background-color: transparent;
  align-items: center;
  padding: 1.8rem 3rem;
  
}

nav.nav.nav--global-links::before {
    content: "";
    display: flex;
    height: 100px;
    width: 115px;
    background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_lfill,h_150,dpr_2.0/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/dgzzvol19wv2-496c5120f3bae917f6d38e915d687c75a5d9da17.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.nav.nav--global-links a{
  color: #FFFFFF;
  font-family: "Magistral", sans-serif;
  font-weight: 300;
  font-style: Book;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;

}

.nav.nav--top a {
  color: #FFFFFF;
 
  font-family: "Magistral", sans-serif;
  font-weight: 300;
  font-style: Book;
  font-size: 20px;

  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
}
.nav.nav--top a:focus {
background: none !important;
}

#cart-button {
  color: #FFFFFF;
}

/*---Hero-Widget---*/


.hero-b01 .hero__caption {
  background-color: transparent !important;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  bottom: 35% !important;
  width: 55%;
    background: transparent;
  text-align: left;
  padding: 1rem 0 1rem 7%;

  z-index: 50;
}
.hero-b01 .hero__caption .hero__title {
  color: #ffffff;
  font-style: normal;
  font-weight: 700 !important;
  font-size: 70px !important;
  margin-top: 0em;
  margin-bottom: 0em;

}

.hero-b01 .hero__caption .h4 {
  color: #ffffff;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 18px !important;
  margin-bottom: 0em;
}




/* 


.homehero .hero__caption a.btn.btn--primary {
  display: block;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 15px 15px 15px;
  text-decoration: none;
  margin: 0;
  position: absolute;
  top: 10em;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
} */

/*---Hero-Widget-Left---*/
.homeheroleft .hero .hero__caption {
  background: transparent;
  text-align: left;
  left: 0em;
  top: 5em;
}

.homeheroleft .hero .hero__caption .hero__title {
  color: #ffffff;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 50px !important;
  margin-top: 1em;
  margin-bottom: 0em;
}

.homeheroleft .hero .hero__caption .h4 {
  color: #ffffff;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 40px !important;
  margin-bottom: 0em;
}

.homeheroleft .hero__caption a.btn.btn--primary {
  display: block;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 15px 15px 15px;
  text-decoration: none;
  margin: 0;
  position: absolute;
  top: 11em;
}

/*---Hero-Widget-Light---*/
.homeherolight .hero .hero__caption {
  background: transparent;
  text-align: center;
  left: 0em;
  top: 5em;
}

.homeherolight .hero .hero__caption .hero__title {
  color: #000000;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 50px !important;
  margin-top: 0em;
  margin-bottom: 0em;
}

.homeherolight .hero .hero__caption .h4 {
  color: #000000;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 40px !important;
  margin-bottom: 0em;
}

.homeherolight .hero__caption a.btn.btn--primary {
  display: block;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 15px 15px 15px;
  top: 10em;
  left: 50%;
  margin: 0;
  position: absolute;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*---Hero-Widget-Left-Light---*/
.homeheroleftlight .hero .hero__caption {
  background: transparent;
  text-align: left;
  left: 0em;
  top: 5em;
}

.homeheroleftlight .hero .hero__caption .hero__title {
  color: #000000;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 50px !important;
  margin-top: 0em;
  margin-bottom: 0em;
}

.homeheroleftlight .hero .hero__caption .h4 {
  color: #000000;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 40px !important;
  margin-bottom: 0em;
}

.homeheroleftlight .hero__caption a.btn.btn--primary {
  display: block;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 15px 15px 15px;
  text-decoration: none;
  margin: 0;
  position: absolute;
  top: 9em;
}

/*---Dashhero-Widget-Light---*/
.dashherolight .hero .hero__caption {
  background: transparent;
  text-align: center;
  left: 0em;
  top: 5em;
}

.dashherolight .hero .hero__caption .hero__title {
  color: #282A34;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 80px !important;
  margin-top: -.5em;
  margin-bottom: 0em;
}

.dashherolight .hero .hero__caption .h4 {
  color: #282A34;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 20px !important;
  margin-bottom: 0em;
}

.dashherolight .hero__caption a.btn.btn--primary {
  display: block;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 15px 15px 15px;
  top: 10em;
  left: 50%;
  margin: 0;
  position: absolute;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*---FAQ Banner---*/

.faq_hero {
  background: linear-gradient(#0006, #0006), url(https://images.unsplash.com/photo-1665789318391-6057c533005e?q=80&w=3732&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
  /* background-image: url(https://source.unsplash.com/2600x1200?city); */
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 60vh;
  display: flex;
  justify-content: center;
}

.faq-inner {
  text-align: center;
  padding: 0 1.5rem;
  display:flex;
  gap: 1em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.faq-inner h1 {
  color: #ffffff;
  margin: 0;

}

.faq-inner p {
  color: #ffffff;
  margin: 0;
}

/*---Dash-Widget---*/
.dashhero .hero .hero__caption .hero__title {
  color: #ffffff;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 80px !important;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 0px;
}

.dashhero .hero .hero__caption {
  background: transparent;
  position: absolute;
  text-align: center;
  left: 0px;
  top: 50px;
}

.dashhero .hero .hero__caption .h4 {
  color: #071e26;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 20px !important;
  margin-bottom: 100px;
  padding-bottom: 50px;
}

.dashhero .hero__caption a.btn.btn--primary {
  display: block;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  padding: 15px 15px 15px 15px;
  text-decoration: none;
  margin: 0;
  position: absolute;
  top: 55%;
  left: 50%;
}

/*---Catalog Stlying---*/
.catalog-feature h3 {
  font-size: 20px;
  font-weight: 400!important;
}

/* .catalog-feature .catalog-grid-item__title {
  text-align: center;
} */

.catalog-feature .catalog-grid-item {
  border-radius: 5px; 
  border-color: #dfdfdf;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  background-color: #eff9f9;
}

.catalog-feature .catalog-grid-item__description {
  padding-top: 20px;
  padding-bottom: 10px;
  background-color: #eff9f9;
}

.catalog-grid-item .catalog-grid-item__description {
  font-family: Open Sans;
  font-weight: 300;
  font-style: Regular;
  font-size: 18px;
  leading-trim: NONE;
}

.catalog-feature .catalog-grid-item__hr,
.catalog-grid-item .catalog-grid-item__hr {
  display: none;
}

.catalog-feature .catalog-grid-item__cta-container {
  height: 50px;
  padding: 25px 10px 0px;
}

.catalog-feature .catalog-grid-item__asset {
  border-radius: 5px 5px 0px 0px;
} 


/*---Custom Footer Styling---*/

div.dxp-slider--dashboard + script + script + .ember-view.row.widget.widget--html.widget--html_standard{
   background-color: rgba(255,255,255, 0.05);
}

.footer {
  background-color: rgba(255,255,255, 0.05);
  padding: 0 2rem;
  margin-top: auto;
}

.footer__inner {
  padding: 0 !important;
  border: none !important;
}

.dxp-footer {
  display: flex;
  justify-content: center;
  padding: 20px 0;

}
.dxp-footer-dashboard {
  padding: 0px;
}
.dxp-footer-line {
border-right: 1px solid white;
padding-right: .5rem;
margin-right: .6rem;

}
.dxp-footer-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
}

.dxp-footer p,
.dxp-footer a {
  font-family: Magistral;
  font-weight: 300;
  font-style: Book;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: rgba(237, 237, 243, 1);
  margin-bottom: 0;
}


.footer__company__info {
  display: none;
}

.dxp-footer-video {
  padding-top: 3rem !important;
}

.dxp-footer-video .dxp-footer-row {
  padding: 0;
}

/* For um4ImagesOverlay hover effect on home page update these colors for hover effect */
.layout__content .widget.um4ImagesOverlay {padding: 32px 9%;}
.um4ImagesOverlay .featured-content-image-overlay-item {border: 2px solid #000000; border-radius: 8px; position: relative; overflow: hidden;}
.um4ImagesOverlay .featured-content-image-overlay-item__overlay {width: 100%; height: 100%; background: rgba(44, 23, 23, 0.2);}
.um4ImagesOverlay .featured-content-image-overlay-item__overlay:hover {background:none;}
um4ImagesOverlay .ember-view.row.widget.widget--featured-content widget--featured-content_image-overlay {
    background-color: #ffffff}
.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; font-size:30px;}
.um4ImagesOverlay ul {padding-left:0 !important;}
@media only screen and (max-width: 979px) {
    .um4ImagesOverlay .featured-content-image-overlay-item__overlay .featured-content-image-overlay-item__title {font-size: 20px;}
}

.launch-cta .featured-content-article-item__title{
  font-size:25px !important;
}
.launch-cta .featured-content-article-item__description {
  font-size:17px !important;
}
.launch-cta .featured-content-article-item {
  border-radius: 5px; 
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.launch-cta .featured-content-article-item__body {
  padding-top: 20px;
  padding-bottom: 10px;
}

.home__content .widget.hCourses {padding: 64px 8%;}
.hCourses .widget__title, .hCourses h3 {font-size: 25px; color: #000; max-width: 800px; font-weight: 700; margin: 0 auto 64px; text-align: center;}
.hCourses .catalog-grid-item {border: 0; border-top: 8px solid #ffb91d; box-shadow: 6px 6px 8px rgb(0,0,0,.2); margin-bottom: 20px;}
.hCourses .catalog-grid-item__body {padding: 20px 20px 32px;}
.hCourses .catalog-grid-item__hr {display: none;}
.hCourses .catalog-grid-item__title {font-size: 17px; color: #000; font-weight: 600; margin: 0; text-align: center;}
.hCourses .catalog-grid-item__source {color: #42454c; font-weight: 600; text-transform: uppercase; margin-bottom: 12px;}
.hCourses .catalog-grid-item__source strong {font-weight: 600;}
.hCourses .catalog-grid-item__description {font-size: 13px; color: #646870; font-weight: 400; min-height: 42px;}
.hCourses .catalog-grid-item__asset-container {position: relative;}
/*.hCourses .catalog-grid-item__asset-container::before {position: absolute; content: ''; display: block; width: 24px; height: 24px; background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/c46305f9-8369-44c9-bc17-b93ea06cda97/jxcjwerghyse-Course-Play.jpg) center no-repeat; background-size: cover; bottom: 0; left: 0;}*/
.hCourses .hr__accent {display: none;}
.hCourses .widget__title-cta {color: #3c4d7c; font-weight: 600; border: 0;}
.hCourses .widget__title-cta::after {content: '>';}
.hCourses .catalog-grid-item__cta-container {display: none;}

.jldash .dashboard-access__header {
  background: #ed1c2621;
}
.jldash .dashboard-access__header.dashboard-access__header--expanded {
  background: #ed1c2621;
}
.dashboard-access-tabs.unlist {
  background: #ed1c2621;
}
.jldash .dashboard-access-tab--inactive {
  background-color: #ed1c2621;
}
.jldash .dashboard-access-tab--active {
  background-color: #ffffff;
}

/* Start Dave Crane Test CSS */

.dc_text p {color: #cdcdcd;}
.dc_text h2 {color: #cdcdcd;}
.dc_text h3 {color: #cdcdcd;}
.dc-carousel-wrapper h3 {color: #cdcdcd;}

.dc-carousel-wrapper{    
  padding-left: 50px !important;
    padding-right: 50px !important;}

.dc-carousel-wrapper .featured-content-multi-carousel-item {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  border-radius: 20px;
  aspect-ratio: 1.6;
  transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
  border-right: 0px;
}

.dc-carousel-wrapper .featured-content-multi-carousel-item:hover {
  opacity: 0.95;
  transform: scale(1.02);
  /* Removed box-shadow from wrapper */
}

.dc-carousel-wrapper .catalog-grid-item__asset-container {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 20px;
}

.dc-carousel-wrapper .catalog-grid-item__asset-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  display: block;
  transition: all 0.2s ease-in-out;
  padding: 0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.dxp-slider .featured-content-multi-carousel .featured-content-multi-carousel-item  .catalog-grid-item__asset-container img,
.dxp-archive .catalog-grid-item__asset
{
  object-fit: cover;
  object-position: 100% 50%;
}

.dc-carousel-wrapper .catalog-grid-item__asset-container:hover img {
  box-shadow: 0 0 10px 4px rgba(56, 182, 255, 0.4);
}

.featured-content-multi-carousel-item__title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: .5em;
  color: #ccc;
}

.dc-carousel-wrapper .featured-content-multi-carousel-item__description {
  font-size: 11px;
  font-size: .9rem;
  margin-bottom: 0;
  margin-top: .5em;
  padding: 0 .75em;
  position: relative;
  text-align: center;
  color: #ccc;
}


.dxp-archive .featured-content-multi-carousel-item__body,
.dxp-search .featured-content-multi-carousel-item__body,
.dxp-slider .featured-content-multi-carousel-item__body {
  padding-top: 20px;
}

/* Optional badge styles retained for future use */
.dc-carousel-wrapper .level-badge {
  display: inline-block;
  margin-top: 8px;
  padding: 4px 10px;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 12px;
  background-color: #e0f5e0;
  color: #2a7f2a;
}

.dc-carousel-wrapper .level-badge.intermediate {
  background-color: #e0ecf9;
  color: #2a5f9f;
}

.dc-hero-wrapper .hero {
    height: 500px;
}


.dc-hero-wrapper  .hero img {
        margin-top: -195px;
}

.dc_text {padding:50px;}

.dc-wistia {
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.dc-wistia iframe,
.dc-wistia video,
.dc-wistia .wistia_embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* End Dave Crane Test CSS */

/* Page Templates */
.ember-application.page .home__content{
  padding: 0;
}





/* Engineers Edge */
.layout__content--engineers-edge-zrur .dxp-template-row::after{
background-color: #2699BF;
}



/* .layout__content--engineers-edge-zrur.layout__content::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_fit,w_1920/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/vc8svg04k5s2-Dotted-faded-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  opacity: .1;
} */


/* .layout__content--engineers-edge-zrur .dxp-template-row > .ember-view::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_fit,w_1920/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/vc8svg04k5s2-Dotted-faded-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  opacity: .1;
} */


.layout__content--engineers-edge-zrur .dxp-template-row--bottom > .ember-view::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, rgba(21, 24, 31, 0.00) 0%, #15181F 100%);
    z-index: 50;
    bottom: 0;
    left: 0;
}

/* thought leadership */
.layout__content--thought-leadership{
  background-color: #0C0F18;
}

.layout__content--thought-leadership .dxp-template-row::after{
background: linear-gradient(135deg, #5AD8E6 0%, #A76DFF 100%);

}

.thought-leadership-heading-text {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
/* Top Sub Heading */
font-family: Magistral;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 36px */
text-transform: uppercase;
background: linear-gradient(135deg, #5AD8E6 0%, #A76DFF 100%);
width: fit-content;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
}
/* model masters */
/* .layout__content--model-masters{
  background-color: #1A1A1A;
} */

.layout__content--model-masters .dxp-template-row::after{
background: linear-gradient(135deg, #FF6B00 0%, #FF007A 50%, #007BFF 100%);

}


.layout__content--model-masters .dxp-template-row--top > .ember-view::before {
content: "";
position: absolute;
width: 53%;
height: 138%;
left: 0;
top: -28%;
background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/ld9evakbw0so-Asset3.png);
background-size: contain;
background-repeat: no-repeat;
background-position: left;
z-index: 1;
opacity: .1;
}

/* .layout__content--model-masters .dxp-template-row--top > .ember-view::after {
content: "";
position: absolute;
width: 100%;
height: 100px;
left: 0;
top: 0;
background: linear-gradient(0deg, rgba(26, 26, 26, 0) 0%, #1A1A1A 100%);
z-index: 100;
} */

.layout__content--model-masters .dxp-template-row--bottom > .ember-view::before {
content: "";
position: absolute;
width: 50%;
height: 130%;
right: -8%;
top: 22%;
background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/xjxesuqgbfsh-Asset4.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
z-index: 1;
opacity: .1;
}

.model-masters-heading-text {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
/* Top Sub Heading */
font-family: Magistral;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 36px */
text-transform: uppercase;
background: linear-gradient(135deg, #FF6B00 0%, #FF007A 50%, #007BFF 100%);
width: fit-content;

background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
}





/* masterclass */

.masterclass-heading-text {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
/* Top Sub Heading */
font-family: Magistral;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 36px */
text-transform: uppercase;
background: linear-gradient(135deg, #C9A65B 0%, #39352D 99.99%);
width: fit-content;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
}

/* .layout__content--masterclass{
  background-color: #1C1E24;
} */

.layout__content--masterclass .dxp-template-row::after{
  background: linear-gradient(135deg, #C9A65B 0%, #39352D 99.99%);
}

.layout__content--masterclass {
  position: relative;
}
/* 
.layout__content--masterclass::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_fit,w_1920/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/2m8jpuw49yb3-AdobeStock_446950329.jpeg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  opacity: .2;
} */

/* .layout__content--masterclass .dxp-template-row--top > .ember-view::after {
content: "";
position: absolute;
width: 100%;
height: 100px;
left: 0;
top: 0;
background: linear-gradient(0deg, rgba(28, 30, 36, 0) 0%, #1C1E24 100%);
z-index: 100;
} */
.layout__content--masterclass .dxp-template-row--bottom > .ember-view::after {
content: "";
position: absolute;
width: 100%;
height: 100px;
left: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(28, 30, 36, 0) 0%, #1C1E24 100%);
z-index: 100;
}
/* .layout__content--masterclass .dxp-slider {
  background-color: #1C1E24;
} */

/* Launchpad */
.launch-pad-heading-text,
.layout__content--launch-pad-videos .archive-video-title h4
 {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
/* Top Sub Heading */
font-family: Magistral;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 36px */
text-transform: uppercase;
background: linear-gradient(135deg, #007BFF 0%, #B7FF3E 100%);
width: fit-content;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
}

.layout__content--launch-pad .dxp-template-row::after{
 background: linear-gradient(135deg, #007BFF 0%, #B7FF3E 100%);
}




/* live event playback */

.layout__content--live-event-playback {
  /* background-color: #2C2F35 !important; */
}

.live-event-text,
.layout__content--live-event-playback-videos .archive-video-title h4 {

     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
/* Top Sub Heading */
font-family: Magistral;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 36px */
text-transform: uppercase;
background: linear-gradient(135deg, #3E8EAA 0%, #BBA76A 100%);
width: fit-content;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
}


.layout__content--live-event-playback .dxp-template-row::after{
background: linear-gradient(135deg, #3E8EAA 0%, #BBA76A 100%);
}



.helpdesk-heading-text,
.layout__content--helpdesk-highlights-videos .archive-video-title h4 {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
/* Top Sub Heading */
font-family: Magistral;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 36px */
text-transform: uppercase;
background: linear-gradient(135deg, #2A2B33 0%, #00C8FF 100%);
width: fit-content;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
}

.layout__content--helpdesk-highlights {
  background-color: #15181F;
}

.layout__content--helpdesk-highlights .dxp-template-row::after{
background: rgba(255, 212, 0, 1);

}
.layout__content--helpdesk-highlights .dxp-template-row::before{
border-color: #8B8F98;

}

.layout__content--helpdesk-highlights::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/dq5hpxahf7ao-Glitch-2-2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  opacity: .2;
}


/* DXP Global Classes */
.large-heading {
    color: #F2F7FA;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
font-family: Magistral;
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-bottom: 15px;
}

.blue-heading-text,
.layout__content--engineers-edge-videos .archive-video-title h4 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
/* Top Sub Heading */
font-family: Magistral;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 36px */
text-transform: uppercase;
background: linear-gradient(135deg, #33CCFF 0%, #2699BF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
}


.layout__content--engineers-edge-videos .archive-video-title h1,
.layout__content--thought-leadership-videos .archive-video-title h1,
.layout__content--model-masters-videos .archive-video-title h1,
.layout__content--masterclass-videos .archive-video-title h1,
.layout__content--launch-pad-videos .archive-video-title h1,
.layout__content--live-event-playback-videos .archive-video-title h1,
.layout__content--helpdesk-highlights-videos .archive-video-title h1 {

/* Top Sub Heading */
font-family: Magistral;
font-size: 70px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 36px */
text-transform: uppercase;
background: rgba(237, 237, 243, 1);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
}

.dxp-template-row {
  position: relative;
}


.dxp-wista {
  border-radius: 20px;

}


.dxp-template-row .row {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
      z-index: 100;

}
.dxp-template-row .row p{
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
}

.dxp-template-row > .ember-view {
  display: flex;
  padding: 70px 140px !important;
}

.dxp-template-row .row > .medium-6:first-of-type{
  padding: 0 80px 0 0;
  position: relative;
}




.layout__content--masterclass .dxp-template-row::before{
border-image-source: linear-gradient(135deg, #C9A65B 0%, #39352D 99.99%);
  border-image-slice: 1; /* required for gradient borders */
}

.dxp-template-row::before{
  content: "";
  height: 50%;
  position: absolute;
  width: 1px;
  border: 1px dashed white;
  left: calc(50% - 1px);
}
.dxp-template-row::after{
  content: "";
  height: 18px;
  width: 18px;
  position: absolute;
  left: 50%;
  border-radius: 18px;
}

.layout__content--masterclass .dxp-template-row::before{
    background: unset;
    -webkit-mask: repeating-linear-gradient(0deg, #000 0 3px, transparent 1px 10px), linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    /* border: 2px solid transparent; */
    height: 100%;
  left: calc(50% - 1px);
}


.layout__content--masterclass .dxp-template-row--bottom::before{
  display: none;
}

.dxp-template-row--top::before {
  top: 50%;
}

.dxp-template-row--bottom::before {
   bottom: 50%;
   
}
.dxp-template-row--top::after {
  top: 50%;
    transform: translate(-50%,-50%);
}

.dxp-template-row--bottom::after {
   bottom: 50%;  
   transform: translate(-50%, 50%);
}

.dxp-template-row .row > .medium-6:last-of-type  {
 padding: 0 0 0 80px;
}

.block-body-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dxp-slider-padding {
  padding: 1rem 6.9% !important;
}




/* login-page */
.session {
  background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/ei6niywi3377-LoginBackground1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.session::before {
  content:"";
    background: linear-gradient(135deg, rgba(186, 252, 208, 0.30) 0.1%, rgba(51, 204, 255, 0.30) 50%, rgba(79, 52, 244, 0.30) 99.9%);
mix-blend-mode: multiply;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


.session__container {
  display: flex;
  flex-wrap: wrap;
  background: transparent;
  backdrop-filter: blur(70px);
  border: none;
  padding: 0;
  box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.20);
  border-radius: 20px;
  overflow: hidden;
}

.session__container .text-centered{
  margin-bottom: 22px;
}
.session__container .text-centered h1 {
  text-transform: uppercase;
}
.session__container .text-centered,
.session__container .text-centered h1,
.session__container h2,
.session__container .h5{
  color:#FFFFFF;
}

.session__container > .text-center,
.session__container > .session__form{
  width: 50%;
}

.session__container > .session__form input{
  border: none!important;
}

.session__container > .session__form {
  padding: 60px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.30);
  backdrop-filter: blur(35px);
}

.session__container .alert-box.alert {
    order: -1;
    width: 100%;
    margin: 0;
}
.session__container .alert-box.secondary{
  width: 100%;
  order: -1;
}

.session__container .company__beta-logo img{
 display: none;
}

.session__container .company__beta-logo {
  display: flex;
}

.session__container .company__beta-logo::before{
  content: "";
  width: 100%;
  aspect-ratio: 653/793;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/dz1w4cuxnze0-login-dxp-logo.png);
}

.session__container .field__input {
  border-radius: 14px;
  border: 2px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 10px 0 rgba(51, 204, 255, 0.00);
  flex-grow: 1;
  min-height: 2.75rem;
  margin-right: 3.125rem;
}


.session__container .field__input::placeholder {
color: #FFF;
/* Main Text Styles/Body */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;

}
.session__container input[type="submit"] {
  margin-top: 22px;
  border-radius: 14px;
  background: linear-gradient(
    135deg,
    rgba(186, 252, 208, 1) 0%,
    rgba(51, 204, 255, 1) 51%,
    rgba(79, 52, 244, 1) 100%
  );
  background-size: 100%;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25),
              0 0 10px 0 rgba(51, 204, 255, 0);
  transition: all 0.4s ease;
  cursor: pointer;
}

.session__container input[type="submit"].btn--floating-label{
  margin: 0;
}
.session__container .medium-9 > .field input[type="password"]{
  border-radius: 14px 0 0 14px;
}

/* Animate the gradient on hover */
.session__container input[type="submit"]:hover {
  animation: gradientRotate 3s ease infinite;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3),
              0 0 20px 4px rgba(51, 204, 255, 0.4);
}

/* Keyframes for gradient animation */
@keyframes gradientRotate {
  0%   { --angle: 0deg; }
  25%  { --angle: 90deg; }
  50%  { --angle: 180deg; }
  75%  { --angle: 270deg; }
  100% { --angle: 360deg; }
}
.session__container .session__forgot a{
  color: #FFFFFF;
}

/* background: linear-gradient(135deg, #BAFCD0 0.1%, #3CF 50%, #4F34F4 99.9%); */
.layout__content--engineers-edge-videos,
.layout__content--thought-leadership-videos,
.layout__content--model-masters-videos,
.layout__content--masterclass-videos,
.layout__content--launch-pad-videos,
.layout__content--live-event-playback-videos,
.layout__content--helpdesk-highlights-videos,
.layout__content--my-content {
  display: flex;
  flex-direction: column;
      align-items: center;
      padding-top: 70px;
  
}
/* archive page */
.archive-video-title,
.dxp-archive,
.dxp-my-content,
.dxp-content {
  max-width: 1640px;
  padding: 1rem;
  margin: 0 auto;
}

.dxp-my-content .widget__title,
.dxp-content-title .widget__title {
  margin-top: 3rem;
  font-family: Magistral;
  font-weight: 700;
  font-style: Bold;
  font-size: 36px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #FFFFFF;
}


.dxp-archive li {
  padding-bottom: 30px;
}

.dxp-archive {
  margin: 35px 0 70px 0 !important;
}

.layout__content--thought-leadership-videos .archive-video-title > .ember-view,
.layout__content--engineers-edge-videos .archive-video-title > .ember-view,
.layout__content--model-masters-videos .archive-video-title > .ember-view,
.layout__content--masterclass-videos .archive-video-title > .ember-view,
.layout__content--launch-pad-videos .archive-video-title > .ember-view, 
.layout__content--live-event-playback-videos .archive-video-title > .ember-view,.layout__content--helpdesk-highlights-videos .archive-video-title > .ember-view{
  display: flex;
  justify-content: space-between;
}

.layout__content--thought-leadership-videos .archive-video-title > .ember-view > .ember-view,
.layout__content--engineers-edge-videos .archive-video-title > .ember-view > .ember-view,
.layout__content--model-masters-videos .archive-video-title > .ember-view > .ember-view,
.layout__content--masterclass-videos .archive-video-title > .ember-view > .ember-view,
.layout__content--launch-pad-videos .archive-video-title > .ember-view > .ember-view,
.layout__content--live-event-playback-videos .archive-video-title > .ember-view > .ember-view,
.layout__content--helpdesk-highlights-videos .archive-video-title > .ember-view > .ember-view {
  display: none;
}


.archive-video-title .widget__cta {
  padding: 0 0 2rem 0;
  margin-top: auto;
} 
.layout__content--engineers-edge-videos .archive-video-title .btn--centered, 
.layout__content--thought-leadership-videos .archive-video-title .btn--centered,.layout__content--model-masters-videos .archive-video-title .btn--centered,
.layout__content--masterclass-videos .archive-video-title .btn--centered,
.layout__content--launch-pad-videos .archive-video-title .btn--centered,
.layout__content--live-event-playback-videos .archive-video-title .btn--centered,
.layout__content--helpdesk-highlights-videos .archive-video-title .btn--centered
{
  margin: auto 0 0 0;
  background-color: transparent;
  border: none;
  font-family: Magistral;
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
display: flex;
align-items: center;

}

.layout__content--engineers-edge-videos .archive-video-title .btn--centered::after, .layout__content--thought-leadership-videos .archive-video-title .btn--centered::after,
.layout__content--model-masters-videos .archive-video-title .btn--centered::after,
.layout__content--masterclass-videos .archive-video-title .btn--centered::after,
.layout__content--launch-pad-videos .archive-video-title .btn--centered::after,
.layout__content--live-event-playback-videos .archive-video-title .btn--centered::after,
.layout__content--helpdesk-highlights-videos .archive-video-title .btn--centered::after
 {
  content: "";
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background-position: 59%, 10%, 10%, 10%;
  background-repeat: no-repeat;
  background-size: 8px, contain;
  margin-left: .8rem;
}

.layout__content--engineers-edge-videos .archive-video-title .btn--centered::after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%278%27%20height%3D%2714%27%20viewBox%3D%270%200%208%2014%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M7.70859%206.29609C8.09922%206.68672%208.09922%207.32109%207.70859%207.71172L1.70859%2013.7117C1.31797%2014.1023%200.683594%2014.1023%200.292969%2013.7117C-0.0976562%2013.3211%20-0.0976562%2012.6867%200.292969%2012.2961L5.58672%207.00234L0.296094%201.70859C-0.0945313%201.31797%20-0.0945313%200.683594%200.296094%200.292969C0.686719%20-0.0976562%201.32109%20-0.0976562%201.71172%200.292969L7.71172%206.29297L7.70859%206.29609Z%27%20fill%3D%27%23EDEDF3%27%2F%3E%3C%2Fsvg%3E'),linear-gradient(135deg, #33CCFF 0%, #2699BF 100%);
}
.layout__content--thought-leadership-videos .archive-video-title .btn--centered::after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%278%27%20height%3D%2714%27%20viewBox%3D%270%200%208%2014%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M7.70859%206.29609C8.09922%206.68672%208.09922%207.32109%207.70859%207.71172L1.70859%2013.7117C1.31797%2014.1023%200.683594%2014.1023%200.292969%2013.7117C-0.0976562%2013.3211%20-0.0976562%2012.6867%200.292969%2012.2961L5.58672%207.00234L0.296094%201.70859C-0.0945313%201.31797%20-0.0945313%200.683594%200.296094%200.292969C0.686719%20-0.0976562%201.32109%20-0.0976562%201.71172%200.292969L7.71172%206.29297L7.70859%206.29609Z%27%20fill%3D%27%23EDEDF3%27%2F%3E%3C%2Fsvg%3E'),linear-gradient(135deg, #5AD8E6 0%, #A76DFF 100%);
}

.layout__content--model-masters-videos .archive-video-title .btn--centered::after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%278%27%20height%3D%2714%27%20viewBox%3D%270%200%208%2014%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M7.70859%206.29609C8.09922%206.68672%208.09922%207.32109%207.70859%207.71172L1.70859%2013.7117C1.31797%2014.1023%200.683594%2014.1023%200.292969%2013.7117C-0.0976562%2013.3211%20-0.0976562%2012.6867%200.292969%2012.2961L5.58672%207.00234L0.296094%201.70859C-0.0945313%201.31797%20-0.0945313%200.683594%200.296094%200.292969C0.686719%20-0.0976562%201.32109%20-0.0976562%201.71172%200.292969L7.71172%206.29297L7.70859%206.29609Z%27%20fill%3D%27%23EDEDF3%27%2F%3E%3C%2Fsvg%3E'),linear-gradient(135deg, #FF6B00 0%, #FF007A 50%, #007BFF 100%);
}
.layout__content--masterclass-videos .archive-video-title .btn--centered::after {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%278%27%20height%3D%2714%27%20viewBox%3D%270%200%208%2014%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M7.70859%206.29609C8.09922%206.68672%208.09922%207.32109%207.70859%207.71172L1.70859%2013.7117C1.31797%2014.1023%200.683594%2014.1023%200.292969%2013.7117C-0.0976562%2013.3211%20-0.0976562%2012.6867%200.292969%2012.2961L5.58672%207.00234L0.296094%201.70859C-0.0945313%201.31797%20-0.0945313%200.683594%200.296094%200.292969C0.686719%20-0.0976562%201.32109%20-0.0976562%201.71172%200.292969L7.71172%206.29297L7.70859%206.29609Z%27%20fill%3D%27%23EDEDF3%27%2F%3E%3C%2Fsvg%3E'),linear-gradient(135deg, #C9A65B 0%, #39352D 99.99%);
}
.layout__content--launch-pad-videos .archive-video-title .btn--centered::after {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%278%27%20height%3D%2714%27%20viewBox%3D%270%200%208%2014%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M7.70859%206.29609C8.09922%206.68672%208.09922%207.32109%207.70859%207.71172L1.70859%2013.7117C1.31797%2014.1023%200.683594%2014.1023%200.292969%2013.7117C-0.0976562%2013.3211%20-0.0976562%2012.6867%200.292969%2012.2961L5.58672%207.00234L0.296094%201.70859C-0.0945313%201.31797%20-0.0945313%200.683594%200.296094%200.292969C0.686719%20-0.0976562%201.32109%20-0.0976562%201.71172%200.292969L7.71172%206.29297L7.70859%206.29609Z%27%20fill%3D%27%23EDEDF3%27%2F%3E%3C%2Fsvg%3E'),linear-gradient(135deg, #007BFF 0%, #B7FF3E 99.99%);
}
.layout__content--live-event-playback-videos .archive-video-title .btn--centered::after {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%278%27%20height%3D%2714%27%20viewBox%3D%270%200%208%2014%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M7.70859%206.29609C8.09922%206.68672%208.09922%207.32109%207.70859%207.71172L1.70859%2013.7117C1.31797%2014.1023%200.683594%2014.1023%200.292969%2013.7117C-0.0976562%2013.3211%20-0.0976562%2012.6867%200.292969%2012.2961L5.58672%207.00234L0.296094%201.70859C-0.0945313%201.31797%20-0.0945313%200.683594%200.296094%200.292969C0.686719%20-0.0976562%201.32109%20-0.0976562%201.71172%200.292969L7.71172%206.29297L7.70859%206.29609Z%27%20fill%3D%27%23EDEDF3%27%2F%3E%3C%2Fsvg%3E'),linear-gradient(135deg, #3E8EAA 0%, #FFB547 99.99%);
}
.layout__content--helpdesk-highlights-videos .archive-video-title .btn--centered::after{
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%278%27%20height%3D%2714%27%20viewBox%3D%270%200%208%2014%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M7.70859%206.29609C8.09922%206.68672%208.09922%207.32109%207.70859%207.71172L1.70859%2013.7117C1.31797%2014.1023%200.683594%2014.1023%200.292969%2013.7117C-0.0976562%2013.3211%20-0.0976562%2012.6867%200.292969%2012.2961L5.58672%207.00234L0.296094%201.70859C-0.0945313%201.31797%20-0.0945313%200.683594%200.296094%200.292969C0.686719%20-0.0976562%201.32109%20-0.0976562%201.71172%200.292969L7.71172%206.29297L7.70859%206.29609Z%27%20fill%3D%27%23EDEDF3%27%2F%3E%3C%2Fsvg%3E'),linear-gradient(135deg, #2A2B33 0%, #00C8FF 99.99%);
}


/* Account Page */

.dashboard-account-tabs .dashboard-account-tab{
position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.875rem;
  color: white;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15),
              2px 2px 4px 0px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: all 0.5s ease;
  text-decoration: none;
  text-transform: uppercase;
  box-sizing: border-box;
  overflow: hidden;
  border: none;
  top: unset;
  padding: 12px 25px;
  left: unset;
  right: 0;
  bottom: unset;
}



.dashboard-account-tabs .dashboard-account-tab::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.875rem;
  border: 2px solid transparent;
  background: linear-gradient(
      -45deg,
      #bafcd0 0%,
      #33ccff 25%,
      #4f34f4 50%,
      #33ccff 75%,
      #bafcd0 100%
    )
    border-box; 
  -webkit-mask: linear-gradient(#fff 0 0) padding-box,
                linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  background-size: 200% 200%;
}

.dashboard-account-tabs .dashboard-account-tab:hover {
  box-shadow: 0px 0px 10px 0px #33ccff,
              2px 2px 4px 0px rgba(0, 0, 0, 0.25),
              2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(20px);
}


.dashboard-account-tabs .dashboard-account-tab  {
  color: #FFFFFF;
  background: transparent;
  margin-top: .8rem;
}
.dashboard-account-tabs .dashboard-account-tab button {
  color: #FFFFFF;
  background: transparent;
  padding: 0 !important;
}






/* Search Bar */



.search-bar-widget input  {
  border-radius: 14px;
  border: 2px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 10px 0 rgba(51, 204, 255, 0.00);
  
}


/* Search Page */

.search-hero {
  padding: 1em 4em !important;

}
.search-hero h2{
  color: #FFFFFF;
  font-size: 4rem;
  margin-bottom: 1rem;
}


.catalog-header {
  display: none;
}


.catalog-search-bar {
  display: flex;
}
.catalog-filters {
  border-radius: 14px;
  overflow: hidden;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0px 0px 10px 0px rgba(51, 204, 255, 0);
  display: flex;
  align-items: center;

}

.catalog-filters__search {
  background: transparent;
}

.catalog-search input,
.catalog-search button {
  background: transparent;
}

.catalog-search input::placeholder {
  color: #FFFFFF;
  font-style: normal;
  text-transform: uppercase;
}
.catalog-search input[type=search] {
  color: #FFFFFF;
}
.catalog-search input[type=search]:focus {
  background: transparent !important;
}
.catalog-filters__sort {
  background: transparent;
  color: #FFFFFF;
  border: none;
}
.catalog-filters__selections {
  border: none;
}

.catalog-search__button i {
  color: #FFFFFF;
}

.catalog-filters__select {
  color: #FFFFFF;
  outline: none;
}
.catalog-filters__select option{
  color: #000000;
}



.catalog-display-type button {
position: relative;
  align-items: center;
  justify-content: center;
  border-radius: 0.875rem;
  color: white;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15),
              2px 2px 4px 0px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: all 0.5s ease;
  text-decoration: none;
  text-transform: uppercase;
  box-sizing: border-box;
  overflow: hidden;
  border: none;

}

.catalog-display-type button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.875rem;
  border: 2px solid transparent;
  background: linear-gradient(
      -45deg,
      #bafcd0 0%,
      #33ccff 25%,
      #4f34f4 50%,
      #33ccff 75%,
      #bafcd0 100%
    )
    border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box,
                linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  background-size: 200% 200%;
}


.catalog-display-type button:hover {
  box-shadow: 0px 0px 10px 0px #33ccff,
              2px 2px 4px 0px rgba(0, 0, 0, 0.25),
              2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(20px);
  background: transparent;
  opacity: 1;
}


.catalog-display-type button::before {
  opacity: 1;
  animation: AnimateBorder 6s ease infinite;
  -webkit-animation: AnimateBorder 6s ease infinite;
  -moz-animation: AnimateBorder 6s ease infinite;
}



.dxp-search .catalog-grid-item {
  border: none;
  display: flex;
  flex-direction: column;
}

.dxp-search .catalog-item {
  display: flex;
  flex-direction: column;
}
.dxp-search .catalog-grid-item__description{
  margin-top: 0;
}

.dxp-search .catalog-grid-item__source {
  display: none;
}
.dxp-search .catalog-grid-item__cta-container {
  float: left;
}

.dxp-search .catalog__ribbon{
  margin-top: .5rem;
}


.dxp-search .ember-view.catalog-aggregation{
    border: 2px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.05);
    border-radius: 14px;
    margin-bottom: 1rem;
}

.dxp-search .catalog-aggregation__header--label{
  padding-left: 0;
  font-size: 1rem;
  font-weight: 300;
}

.dxp-search .catalog-aggregation__header--label,
.dxp-search .icon-navigatedown,
.dxp-search .icon-navigateright,
.dxp-search .catalog-aggregation__value{
  color: white;
}


.dxp-archive .catalog-grid-item__cta-container, .dxp-search .catalog-grid-item__cta-container { display: none; }




/* .dxp-search .catalog-grid-item__cta-container .btn--link{
  color: white;
  margin-top: .5rem;
} */
/* 
.catalog-featureJL   {
  border-radius: 5px; 
  border-color: #cf1d2c;
  
  background-color: #f6fbfd;
}

.catalog-featureJL .catalog-grid-item__description {
  padding-top: 20px;
  padding-bottom: 10px;
  background-color: #f6fbfd;
}

.catalog-featureJL .catalog-grid-item__hr {
  display: none;
}

.catalog-featureJL .catalog-grid-item__cta-container {
  height: 50px;
  padding: 25px 10px 0px;
}

.catalog-featureJL .catalog-grid-item__asset {
  border-radius: 5px 5px 0px 0px;
} 

.catalog-featureJL .featured-content-article-item {
  background-color: #f6fbfd;
} */


/* 
.session__container .field__input::placeholder {
color: #FFF;

font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;

} */




/* my-content-page */

.dashboard-access {
    border: 1px solid rgba(237, 237, 243, 0.05);
    border-radius: 14px;
    overflow: hidden;
}

.dxp-content .dashboard-access-tab {
  border-width: 0;
}
.dxp-content .dashboard-access-tab .btn--link{
  color: #FFFFFF;
}

.dxp-content .dashboard-access-tabs.unlist {
  background: rgba(237, 237, 243, 0.05);
}

.dxp-content .dashboard-access-tab--active {
  background: rgba(237, 237, 243, 0.1);
}


.dxp-content .dashboard-access-list-item{
  background-color: rgba(255,255,255,0.1);
  color: #FFFFFF;
}
.dxp-content .dashboard-access-list-item-expander__title{
  color: #FFFFFF;
}
.dxp-content .dashboard-access-list-item-expander .icon-navigateright,
.dxp-content .dashboard-access-list-item-expander .icon-navigatedown,
.dxp-content .dashboard-access-list-item__description{
  color: #FFFFFF;
}

.dashboard-access-list-item .medium-4 img{
  border-radius: 14px;
}


.dashboard-access-list-item .dashboard-access-list-view-detail-page,
.dashboard-access-list-item .btn--primary{
      position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.875rem;
    color: white;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15), 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transition: all 0.5s ease;
    text-decoration: none;
    text-transform: uppercase;
    box-sizing: border-box;
    overflow: hidden;
    border: none;
    top: unset;
    left: unset;
    right: 0;
    bottom: unset;
    font-family: 'magistral';
    font-weight: 600;
    font-size: 12px;
    padding: 13px 26px;
    width: fit-content;
}
.dashboard-access-list-item .dashboard-access-list-view-detail-page::before,
.dashboard-access-list-item .btn--primary::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.875rem;
    border: 2px solid transparent;
        background: linear-gradient(-45deg, #33CCFF 0%, #2DB4E1 25%, #2699BF 50%, #2DB4E1 75%, #33CCFF 100%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    background-size: 200% 200%;
}

.dashboard-access-list-item  .dashboard-access-list-view-detail-page:hover,
.dashboard-access-list-item .btn--primary:hover {
    box-shadow: 0px 0px 10px 0px #BAFCD0, 2px 2px 4px 0px rgba(0, 0, 0, 0.25), 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(20px);
}
.dashboard-access-list-item  .dashboard-access-list-view-detail-page:hover  .dashboard-access-list-view-detail-page::before,
.dashboard-access-list-item .btn--primary:hover .btn--primary::before{
opacity: 1;
    animation: AnimateBorder 6s ease infinite;
    -webkit-animation: AnimateBorder 6s ease infinite;
}

.layout__content--model-masters-videos
 {
  position: relative;
  overflow: hidden;
}

.layout__content--masterclass-videos {
  position: relative;
}

.layout__content--model-masters-videos .archive-video-title,
.layout__content--model-masters-videos .dxp-archive {
  position: relative;
  z-index: 20;
}


.layout__content--model-masters-videos::before {
     content: "";
    position: absolute;
    width: 48%;
    height: 112%;
    right: -26%;
    top: -15%;
    background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload//v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/b6e1xw7zzwfz-model-masters-videos-accent-top.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 1;
    opacity: .1;
 
}

.layout__content--model-masters-videos::after {
    content: "";
    position: absolute;
    width: 48%;
    height: 80%;
    left: -10%;
    bottom: -32%;
    background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload//v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/lxov6eqvhdb4-model-masters-videos-accent-bottom.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    z-index: 1;
    opacity: .1;
}


.layout__content--masterclass-videos::before {
  content: "";
    position: absolute;
    width: 100%;
    height: 130%;
    left: 0;
    top: -30%;
    background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_fit,w_1920/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/2m8jpuw49yb3-AdobeStock_446950329.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
    opacity: .2;
}



.course__detail__container {
    padding-left: 5%;
    padding-right: 5%;
}

.course__detail__asset picture img {
    border-radius: 20px;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.25);
}

.course__detail__header h1 {
    color: #ffffff;
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.course__detail__header p, .course__detail__header li, .course__detail__header ol, .course__detail__header ul {
    color: #ffffff;
}

.course__detail__asset {
    margin-top: 10px;
}

.course__detail__container .btn--alt {
    background: transparent;
    width: 100%;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 13px 26px;
    border-radius: 14px;
    margin-top: 1.5rem;
    border: none;
    font-family: var(--alt-font);
    font-size: 1rem;
    overflow: hidden;
    transition: all 0.3s ease-out;
    position: relative;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 1;
    margin-top: 0;
}

.course__detail__container .btn--alt::after {
     content: "";
     position: absolute;
     aspect-ratio: 1 / 1;
     left: 0;
     top: 0;
     width: 135%;
     background: linear-gradient(135deg, #BAFCD0 0%, #33CCFF 33%, #4F34F4 100%) border-box;
     z-index: -1;
     transform: translate(0%, -40%);
     transform-origin: center center;
}

.course__detail__container .btn--alt:hover::after {
     animation: rotate360 6s linear;
}

.course__detail__container .btn--alt:hover {
     box-shadow: 0px 0px 10px 0px rgba(51, 204, 255, 1), 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
    color: white;
}


.learn.account .header--subtitle span {
  font-family: Magistral;
  font-weight: 700;
  font-style: Bold;
  font-size: 30px;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #FFFFFF;
}
