@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/l55j2ofr1t5d-DXP-emaillogo_Dark-Grey-DXP-Logo-With-Spacing-Top.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}

/* Global Changes */
html {scroll-behavior: smooth;}
.layout__content .widget { padding: 0rem; margin:0;}
.container {max-width: 100% !important;
    background-color: #15181f;
    display: flex;
    flex-direction: column;
       margin-top: -145px;
    padding-top: 152px;
    }
.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,
.article-content__related-items .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,
.article-content__related-items .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,
.article-content__related-items .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,
.article-content__related-items .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,
.article-content__related-items .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,
.article-content__related-items .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%;
}


@media ( max-width: 790px ) {
  .dxp-slider .widget__title-cta {
    padding: 1rem;
    font-size: .9rem;
    white-space: nowrap;
  }
} 
@media ( max-width: 500px ) {
  .dxp-slider .widget__title-cta {
    padding: .8rem 3rem;
    font-size: .7rem;
  }
} 


.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,
.dxp-slider .widget__alt-title__container 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: 15px;
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;
}



@media ( min-width: 1500px ) {

.learn.video:has(.dxp-video-helper-container-wrapper) .article-content__related-items {
  margin-top: 375px !important;
}

.learn.video .dxp-video-helper-container {
  position: absolute;
  top: 1rem;
  left: 103%;
  max-height: 600px;
  width: 30%;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 14px;
 
}

.learn.video .dxp-video-helper-container {
  position: absolute;
  top: 1rem;
  left: 103%;
  max-height: 600px;
  width: 30%;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 14px;
 
}

.dxp-video-helper-container-wrapper {
  position: relative;
   padding: 1rem;
}

.dxp-video-helper-container-wrapper::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% !important;
    transition: all .3s ease-in;
 z-index: 100;
 pointer-events: none;
}


.learn.video .dxp-video-helper-container.dxp-video-helper-container--model-masters .dxp-video-helper-container-wrapper::before {
 background: linear-gradient(135deg, #FF6B00 0%, #FF007A 50%, #007BFF 100%);
}
.learn.video .dxp-video-helper-container.dxp-video-helper-container--engineers-edge .dxp-video-helper-container-wrapper::before{
 background: linear-gradient(-45deg, #33CCFF 0%, #2DB4E1 25%, #2699BF 50%, #2DB4E1 75%, #33CCFF 100%) border-box;
}

.learn.video .dxp-video-helper-container.dxp-video-helper-container--live-event-replay .dxp-video-helper-container-wrapper::before{
     background: linear-gradient(135deg, #3E8EAA 0%, #FFB547 100%) border-box;
}


.learn.video .dxp-video-helper-container.dxp-video-helper-container--helpdesk-highlights {
  background: transparent !important;
}
.learn.video .dxp-video-helper-container.dxp-video-helper-container--helpdesk-highlights .dxp-video-helper-container-wrapper::before{
    background: linear-gradient(135deg, #2E2E2E 0%, #00C8FF 50%, #FFD400 100%) border-box;
}



.learn.video .dxp-video-helper-container.dxp-video-helper-container--model-masters h3{
  margin-bottom: .3rem;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
    font-family: Magistral;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    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;
}

.learn.video .dxp-video-helper-container.dxp-video-helper-container--engineers-edge h3 {
   margin-bottom: .3rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
    font-family: Magistral;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(135deg, #6d64bb 0%, #297dd7 50%, #77a5d5 100%);
    width: fit-content;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

.learn.video .dxp-video-helper-container.dxp-video-helper-container--helpdesk-highlights h3 {
    margin-bottom: .3rem;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
        font-family: Magistral;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        background: linear-gradient(135deg, #376777 0%, #00b7e5 50%, #b69724 100%);
        width: fit-content;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        }

.learn.video .dxp-video-helper-container.dxp-video-helper-container--live-event-replay h3
{
        margin-bottom: .3rem;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
        font-family: Magistral;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        background: linear-gradient(135deg, #49463c 0%, #6c7e83 50%, #163848 100%);
        width: fit-content;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    
}

.learn.video .dxp-video-helper-container h4 {
  margin-bottom: .4rem;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  padding-bottom: .3rem;
}

.dxp-video-helper-container-content {
  overflow-y: auto;
  max-height: 188px;
  scrollbar-color: #33CCFF33 #0012;
}

.dxp-video-helper-container--helpdesk-highlights .dxp-video-helper-container-content{
  max-height: 150px !important;
}

}





.learn.video .widget--topic-article-content {
  position: relative;
}

.learn.video .article-content__date {
    display: none;
}



.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, .featured-content-default-grid .catalog-grid-item__title    {
 color: #F2F7FA;
 font-size: 20px;
 text-transform: uppercase;
 font-weight: 700;
 font-family: var(--alt-font);
 text-wrap: balance;
 line-height: 1.25;
}




.dxp-archive .catalog-grid-item__title,
.dxp-search .catalog-grid-item__title   {
  font-weight: 700;
  height: fit-content !important;
}

.dxp-search .catalog-filters__selections {
    width: fit-content;
    display:none
}

.dxp-search .catalog-active-filter .btn--link {
    color: #33ccff;
    white-space: nowrap;
}



.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;
 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: calc(7% - 1rem);
padding-right: 100px;
}

@media (max-width: 890px) {
  .dxp-slider--dashboard > .row{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.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{
/*DCEDIT
margin-top: -15px;
	DCEDIT*/
}

.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: 59;
}

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

.dxp-slider--dashboard::before, .dxp-slider:before {
  left:0;
}

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

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

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


@media ( min-width: 1200px ){
  .dxp-slider .featured-content-multi-carousel__nav-left {

    left: -7% !important;
   
}
.dxp-slider .featured-content-multi-carousel__nav-right {
   
    right: -7% !important;
  
}
}


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

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

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

.featured-content-multi-carousel__nav-right:hover i, .featured-content-multi-carousel__nav-left:hover i {
filter: drop-shadow(0px 0px 3px #fff) drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
opacity: 1;
}

@media ( max-width:800px ) {
  
.dxp-slider--dashboard .featured-content-multi-carousel__nav-left {

    left: -10px;
    

}
.dxp-slider--dashboard .featured-content-multi-carousel__nav-right {
 right: -10px;

}
}

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

.learn.dashboard .widget:has(#start-watching) {
    padding: 0;
}


/* 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-replay-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;
}

.cookie-popover__inner span {
    color: revert !important;
}

.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;
}

@media ( max-width: 800px ) {
  .learn.video  .topic__container__article  {
    padding: 0 !important;
}
}

.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;
transition: ease 0.3s all;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25), 2px 2px 4px 0 rgba(186, 252, 208, 0.00), 0 0 10px 0 rgba(51, 204, 255, 0.00), -2px -2px 4px 0 rgba(79, 52, 244, 0.00);
}

.learn.video #learner .learning-content__back-button:hover i {
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25), 0 0 10px 0 #3CF;
}

.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;
   width: fit-content;
}
.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 .widget--topic-article-related_standard ul.featured-content-block-grid li .btn--primary {
display: none;
}

@media ( max-width: 800px ) {
  .learn.video  .widget--topic-article-related_standard ul.featured-content-block-grid li{
   width: 100% !important;
  }
}

.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 .topic__container__article {
    padding: 0 20px !important;
    max-width: 1620px !important;
    margin: 0 auto;
}


.learn.video .article-content__related-items h3{
  /* 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: "Watch Next" !important;
  font-size: 28px;
  font-family: Magistral;
  font-weight: 700;
  font-style: Bold;
  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;
}

.learn.video .article-header{
    display: flex !important;
    flex-direction: column;
    width: 100%;
    position: relative;
    align-items: flex-end;
    margin: -42px 0 0;
}


@media ( max-width: 700px ) {
  .learn.video .article-header{
    margin: 0 0 0 -1rem !important;
    align-items: flex-start !important;
  }
}

.article-header .columns.medium-6.text-left, .article-header .btn--email {
    display: none;
}

.medium-6:has(.bookmark-article) {
    width: fit-content;
}

.bookmark-article {
    position: relative;
    margin: 0;
    border: none !important;
}

.bookmark-article:hover {

    background: none;
}

.bookmark-dropdown {
  position: absolute;
  right: unset;
  left: 0;
}


.icon-bookmark-plus:before, .icon-bookmark-check:before {
    content: "♥";
    -webkit-text-stroke: 1.1px white;
    color: transparent;
    font-size: 25px;
    border: 2px solid #33ccff;
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: linear-gradient(135.12deg, #BAFCD055 0.1%, #33CCFF55 50%, #4F34F455 99.9%);
    transition: 0.3s ease;
    content: url('data:image/svg+xml;utf8,<svg width="12" height="17" viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m6 11.263.756.44 3.744 2.185V1.5h-9v12.388l3.744-2.185zm-4.5 4.362L0 16.5V0h12v16.5L6 13z" fill="white"/></svg>');
    background: rgb(255 255 255 / 5%);
    border: solid 2px rgb(255 255 255 / 5%);
    border-radius: 100%;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25), 2px 2px 4px 0 rgba(186, 252, 208, 0.00), 0 0 10px 0 rgba(51, 204, 255, 0.00), -2px -2px 4px 0 rgba(79, 52, 244, 0.00);
}

.icon-bookmark-plus:after, .icon-bookmark-check:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    border: 2px solid transparent;
  }

  .bookmark-article:hover .icon-bookmark-plus:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    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;
  }

.bookmark-check .icon-bookmark-check:after {
  content:"";
    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: linear-gradient(135.12deg, #BAFCD0 0.1%, #8cca44 50%, #7ab338 99.9%) border-box;
}

.bookmark-check .icon-bookmark-check:before {
    background: linear-gradient(135.12deg, #BAFCD0 0.1%, #8cca44 50%, #7ab338 99.9%);
}

.bookmark-article:hover .icon-bookmark-plus:before, .bookmark-article:hover .icon-bookmark-check:before  {
    background: linear-gradient(135.12deg, #BAFCD0 0.1%, #33CCFF 50%, #4F34F4 99.9%);
    border-color: #33ccff;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25), 0 0 10px 0 #3CF;
}


.icon-bookmark-plus, .icon-bookmark-check {
    align-content: center;
    display: inline-flex;
    position: relative;
    flex-wrap: wrap;
    vertical-align: middle;
}

.bookmark-article:after {
    content: "Save for later";
    text-transform: uppercase;
    color: white;
    font-family: 'Magistral';
    font-weight: 700;
    font-size: 16px;
    padding-left: 2px;
}

.bookmark-check.bookmark-article:after {
    content: "Edit Bookmark";
}

.bookmark-dropdown {
    left: auto;
    right: -40px;
    margin-top: 5px;
    background-color: #15181F;
    border-radius: 14px;
}

.bookmark-dropdown__button[aria-expanded="true"] ~ .bookmark-dropdown {
    border: solid 2px rgb(255 255 255 / 15%);
}

.bookmark-content {
    background-color: #202329;
}

.bookmark-header {
    background-color: rgb(255 255 255 / 5%);
    border-bottom: solid 2px rgb(255 255 255 / 5%);
}

.bookmark-header span#bookmark-dropdown-header {
    font-family: 'magistral';
    font-weight: 600;
    text-transform: uppercase;
    height: fit-content;
}

.bookmark-header .bookmark-close {
    height: 20px;
    transform: translateY(-8px);
    margin-right: 0;
}

.bookmark-body input, .bookmark-body select {
    background-color: rgb(255 255 255 / 5%);
    border: solid 2px rgb(255 255 255 / 5%);
    border-radius: 8px;
    color: white;
}

.bookmark-body select {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuMzA2IDguMzcyLjUzMi0uNTMxIDYuMjUtNi4yNS41My0uNTMyTDEzLjU2IDBsLS41My41MzFMNy4zMSA2LjI1IDEuNTkxLjUzMSAxLjA1OSAwIDAgMS4wNmwuNTMxLjUzIDYuMjUgNi4yNS41MzIuNTMyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
    background-position: 96% 50%;
    background-size: 12px;
    padding-right: 28px;
}

.bookmark-body select option {
    color: #15181F;
}

.bookmark-body label {
    color: white;
}

input[type=text]:focus { background: transparent;}

.bookmark-content button:last-of-type {
    margin-bottom: 10px;
}

.bookmark-content .btn--primary {
    background: rgb(255 255 255 / 5%);
    padding: 13px 26px;
    border-radius: 10px;
    margin-top: 1.5rem;
    border: solid 2px transparent;
    border: none;
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
    font-family: Magistral;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    z-index: 0;
}

.bookmark-content .btn--primary:hover {
    background: linear-gradient(135deg, #BAFCD0 0%, #33CCFF 50%, #4F34F4 100%);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25), 0 0 10px 0 #3CF;
}

.bookmark-content .btn--primary:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    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: linear-gradient(135deg, #BAFCD0 0%, #33CCFF 50%, #4F34F4 100%) border-box;
}

.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;
}


@media (min-width: 1500px) {
.learn.video #lms .widget--topic-article-content_standard {
    width: 75% !important;
}

.learn.video #lms .widget--topic-article-related_standard {
    width: calc(25% - 55px) !important;
    margin-left: 55px;
    margin-top: -61px;
}

.learn.video #lms .widget--topic-article-related_standard ul.featured-content-block-grid {
    display: flex;
    flex-direction: column;
    max-height: 1340px;
    overflow-y: auto;
    flex-wrap: nowrap;
    padding-bottom: 30px;
    scrollbar-color: #33CCFF33 #0012;
    transition: 0.3s ease;
    opacity: 0.6;
}

.learn.video #lms .widget--topic-article-related_standard ul.featured-content-block-grid:hover {
    scrollbar-color: #33CCFF #000a;
    opacity: 1;
}

.learn.video #lms .widget--topic-article-related_standard ul.featured-content-block-grid:after {
    content: "";
    background: linear-gradient(0deg, #15181f, transparent);
    height: 50px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
}

.learn.video #lms .widget--topic-article-related_standard ul.featured-content-block-grid li {
    width: 100%;
    padding: 1rem 1rem 0;
    margin: 0 0 1rem;
}


.learn.video .featured-content-block-grid  .catalog-grid-item__body {
    padding: 0 0.75em;
}

}


@media(max-width: 800px) {
.learn.video .article-sidebar{
display: none;
}

}

/* 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;
  width: 100%;
  aspect-ratio: initial !important;
}
.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: 150px;
  width: 100%;
    z-index: 100;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(21, 24, 31, 0) 0px,
    #15181f 125px
  );
}

.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: 70vh;
  min-height: 600px;
}

.hero-b01 .hero .hero__caption{
position: absolute;
bottom: 0;
}

@media ( max-width: 680px ) {
  .hero-b01 .hero .hero__caption{
    width: 100%;
    padding-left: 1.5rem;
  } 
}



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


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

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

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

.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; */
   background-color: transparent;
}

.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;
}

/* Account Menu */
.dashboard-header-dropdown li:not(:has(.icon-logout)) {
    display: none;
}

.dashboard-header-dropdown>li {
    color: white;
    background: unset;
    z-index: 0;
    position: relative;
    transition: ease all 0.3s;
    box-shadow: 2px 2px 4px 0px rgb(0 0 0 / 0%), 2px 2px 4px 0px rgb(0 0 0 / 0%);
}

.dashboard-header-dropdown>li:hover {
    box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.4), 2px 2px 20px 0px rgba(0, 0, 0, 0.4);
}

.dashboard-header-dropdown>li:before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    width: calc(100% - -4px);
    height: calc(100% - -4px);
    border: solid 2px transparent;
    border-radius: 12px;
    background: transparent;
    transition: ease all 0.3s;
    z-index: -1;
}

.dashboard-header-dropdown>li:hover:before {
    background: linear-gradient(135deg, #BAFCD0 0%, #33CCFF 50%, #4F34F4 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;
}

.dashboard-header-dropdown {
    border: solid 2px rgb(255 255 255 / 10%);
    background: #202329;
    border-radius: 12px;
    right: 12px;
    width: 200px;
}

.dashboard-header-dropdown>li a, .dashboard-header-dropdown>li button {
    color: white;
    font-size: 14px;
    padding: 12px 12px !important;
    display: flex;
    align-items: center;
    background: transparent !important;
    border: none !important;
}

.dashboard-header-dropdown>li a:hover, .dashboard-header-dropdown>li button:hover {
    background: transparent !important;
    border: none !important;
    color: white;
}

.dashboard-header-dropdown>li a i {
    font-size: 20px;
    margin-right: 5px;
    background: linear-gradient(135deg, #BAFCD0 0%, #33CCFF 50%, #4F34F4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.small-12.columns:has(.dashboard-header-dropdown) {
    padding-right: 0;
}

/*---Navigation & Header Links---*/
.global-nav__container {
    max-width: 100%;
    position: relative;
    z-index: 100;
    background-color: transparent;
}
.nav.nav.nav--global-links::before {
  display: none;
}
/* hide header dashboard */
.header--dashboard, .header--microsite {
  display: none;
}

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

@media (max-width: 800px) {
  .header.header--dashboard > .header__inner{
   padding-top: 5.6rem;
   padding-right: 2rem;
  }
}

.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;
}

@media (max-width: 800px) {
  .nav.nav--global-links{
    padding: 1.8rem 2rem;
  }
}
nav.nav.nav--global-links a:first-of-type {
  position: relative; 
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding-left: 0px;
}

@media ( max-width: 900px ) {
nav.nav.nav--global-links a {
 font-size: .9rem;
}
}
@media ( max-width: 800px ) {
nav.nav.nav--global-links a {
 font-size: .8rem;
}
}
@media ( max-width: 700px ) {
  nav.nav.nav--global-links  {
    justify-content: center;
    padding-top: 1rem;
  }
 
  nav.nav.nav--global-links a:first-of-type {
    font-size: 0;
    gap: 0;
    margin-right: auto;
    /* width: 100%; */
    /* justify-content: center; */
  }
  nav.nav.nav--global-links a:not(:first-of-type) {
    margin: 0;
    font-size: 1rem;
  }
}

@media ( max-width: 420px ) { 
  nav.nav.nav--global-links a:not(:first-of-type) {
    font-size: .8rem;
  }

}

nav.nav.nav--global-links a:first-of-type: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;
    
}


a[href^="/catalog"]:before {
    display: flex;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M13.0007 6.49883C13.0007 7.9332 12.5351 9.2582 11.7507 10.3332L15.707 14.2926C16.0976 14.6832 16.0976 15.3176 15.707 15.7082C15.3164 16.0988 14.682 16.0988 14.2914 15.7082L10.3351 11.7488C9.26011 12.5332 7.93511 12.9988 6.50073 12.9988C2.91011 12.9988 0.000732422 10.0895 0.000732422 6.49883C0.000732422 2.9082 2.91011 -0.00117111 6.50073 -0.00117111C10.0914 -0.00117111 13.0007 2.9082 13.0007 6.49883ZM6.50073 10.9988C7.09168 10.9988 7.67684 10.8824 8.22281 10.6563C8.76877 10.4301 9.26485 10.0987 9.68271 9.68081C10.1006 9.26295 10.432 8.76687 10.6582 8.2209C10.8843 7.67494 11.0007 7.08978 11.0007 6.49883C11.0007 5.90788 10.8843 5.32272 10.6582 4.77675C10.432 4.23079 10.1006 3.73471 9.68271 3.31685C9.26485 2.89898 8.76877 2.56752 8.22281 2.34137C7.67684 2.11522 7.09168 1.99883 6.50073 1.99883C5.90978 1.99883 5.32462 2.11522 4.77866 2.34137C4.23269 2.56752 3.73662 2.89898 3.31875 3.31685C2.90089 3.73471 2.56942 4.23079 2.34327 4.77675C2.11713 5.32272 2.00073 5.90788 2.00073 6.49883C2.00073 7.08978 2.11713 7.67494 2.34327 8.2209C2.56942 8.76687 2.90089 9.26295 3.31875 9.68081C3.73662 10.0987 4.23269 10.4301 4.77866 10.6563C5.32462 10.8824 5.90978 10.9988 6.50073 10.9988Z' fill='white'/></svg>");
  background-repeat: no-repeat;
  background-size: 24px 27px; /* or contain/cover */
  background-position: center;
      width: 24px;
    height: 27px;
}


a[href^="/pages/my-content"]:before {
    display: flex;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='18' viewBox='0 0 12 18' fill='none'><path d='M0 2.98206C0 1.87893 0.896875 0.982056 2 0.982056H10C11.1031 0.982056 12 1.87893 12 2.98206V16.0164C12 16.8164 11.1094 17.2914 10.4438 16.8477L6 13.8821L1.55625 16.8477C0.890625 17.2914 0 16.8133 0 16.0164V2.98206ZM2 2.48206C1.725 2.48206 1.5 2.70706 1.5 2.98206V15.0821L5.16875 12.6383C5.67188 12.3039 6.32812 12.3039 6.83125 12.6383L10.5 15.0821V2.98206C10.5 2.70706 10.275 2.48206 10 2.48206H2Z' fill='%23ffffff'/></svg>");
  background-repeat: no-repeat;
  background-size: 24px 27px; /* or contain/cover */
  background-position: center;
  width: 24px;
  height: 27px;
}

a[href^="https://my.solidsolutions.co.uk/my-account"]:before {
    display: flex;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='27' viewBox='0 0 24 27' fill='none'><path 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'/></svg>");
  background-repeat: no-repeat;
  background-size: 24px 27px; /* or contain/cover */
  background-position: center;
  width: 24px;
  height: 27px;
}

a[href^="/learn/sign_out"]:before {
    display: flex;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18' fill='none'><path d='M6.56237 1.87496C7.08189 1.87496 7.49985 1.457 7.49985 0.937482C7.49985 0.417961 7.08189 0 6.56237 0H3.74993C1.67965 0 0 1.67965 0 3.74993V13.7497C0 15.82 1.67965 17.4997 3.74993 17.4997H6.56237C7.08189 17.4997 7.49985 17.0817 7.49985 16.5622C7.49985 16.0427 7.08189 15.6247 6.56237 15.6247H3.74993C2.71479 15.6247 1.87496 14.7849 1.87496 13.7497V3.74993C1.87496 2.71479 2.71479 1.87496 3.74993 1.87496H6.56237ZM19.7262 9.41388C20.0934 9.0467 20.0934 8.45296 19.7262 8.08969L14.4138 2.77338C14.0466 2.4062 13.4529 2.4062 13.0896 2.77338C12.7263 3.14056 12.7224 3.7343 13.0896 4.09758L16.8005 7.80844H7.18736C6.66784 7.80844 6.24988 8.2264 6.24988 8.74592C6.24988 9.26544 6.66784 9.6834 7.18736 9.6834H16.8005L13.0896 13.3943C12.7224 13.7614 12.7224 14.3552 13.0896 14.7185C13.4568 15.0817 14.0505 15.0856 14.4138 14.7185L19.7262 9.41388Z' fill='white'/></svg>");
  background-repeat: no-repeat;
  background-size: 24px 27px; /* or contain/cover */
  background-position: center;
  width: 24px;
  height: 27px;
}

@media ( max-width: 700px ) {

  nav.nav--global-links {


  justify-content: unset;
  }

  nav.nav--global-links::after {
    content: unset;
  }
  a[href^="/catalog"],
  a[href^="/pages/my-content"],
  a[href^="https://my.solidsolutions.co.uk/my-account"],
  a[href^="/learn/sign_out"] {
    font-size: 0px !important;
    background: rgba(255, 255, 255, 0.1);
    padding: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.2);
  }


  a[href^="/catalog"] {
  border-radius: 14px 0 0 14px;
  border-right: unset;
  }
  a[href^="/pages/my-content"],
    a[href^="https://my.solidsolutions.co.uk/my-account"] {
    border-left: none;
    border-right: none;
  }
  a[href^="/learn/sign_out"] {
  border-radius: 0 14px 14px 0;
  border-left: unset;
  }
  
  a[href^="/catalog"]:before, 
   a[href^="/pages/my-content"]:before,
   a[href^="https://my.solidsolutions.co.uk/my-account"]:before,
   a[href^="/learn/sign_out"]:before{
    content: "";
  }
}

.learn.video #lms .nav.nav--global-links {
    padding: 0.6rem 3rem;
}



@media (max-width: 800px) {
  nav.nav.nav--global-links a:first-of-type:before {
    width: 75px; 
  }
}

.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;
}

@media (max-width: 800px) {
  .nav.nav--global-links a:first-of-type {
    padding-left:0;
  }
}

.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;
/*DCEDIT  
	bottom: 35% !important;	
	top: 20% !important;
DCEDIT  */	
  width: 65%;
  background: transparent;
  text-align: left;
  padding: 1rem 0 0 7%;
  z-index: 50;
  height: 100%;
  justify-content: center;
}




.hero-b01 .hero__caption .hero__title {
  color: #ffffff;
  font-style: normal;
  font-weight: 700;
  font-size: 70px;
  margin-top: 100px;
  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-grid-item__title {
  margin-bottom: 10px; 
  margin-top: 5px;
}

.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: 400;
  font-style: Regular;
  font-size: 18px;
  leading-trim: NONE;
  padding-top: 0;
  margin-top: 15px;
}

.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: #21242a !important;
  padding: 0 1rem;
  margin-top: auto;
  z-index: 1;
}



.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;
 max-width: 1640px;
 padding: 0 1rem;
}

@media (max-width: 700px) {
  .dxp-footer-row {
 flex-direction: column;
 align-items: center;
 gap: 1rem;
}
}


.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;
}

@media ( max-width: 800px ) {
.dxp-footer-video .dxp-footer-row{
  flex-direction: column;
}
}

/* 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;
}

@media (max-width: 1500px){
.dashboard .featured-content-multi-carousel .featured-content-block-grid>li,
.dxp-slider .featured-content-multi-carousel .featured-content-block-grid>li {
  width: 33.3%;
}
}
@media (max-width: 1200px){
.dashboard .featured-content-multi-carousel .featured-content-block-grid>li,
.dxp-slider .featured-content-multi-carousel .featured-content-block-grid>li {
  width: 50%;
}
}
@media (max-width: 800px){
.dashboard .featured-content-multi-carousel .featured-content-block-grid>li,
.dxp-slider .featured-content-multi-carousel .featured-content-block-grid>li {
  width: 100%;
}
}

/* 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: 0 !important;
  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;
}

.featured-content-multi-carousel-item__body {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 0 !important;
}

.catalog-grid-item__body {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 0;
}



/* 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 */
#lms .ember-view.application:has(.layout__content--engineers-edge-zrur), #lms .ember-view.application:has(.layout__content--engineers-edge-videos)  {
  background: linear-gradient(0deg, #15181f, #15181ff4 350px), url('https://media.thoughtindustries.com/thoughtindustries/image/upload/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/hn1pgd8cmn5o-engineers-edge-background-grid-white.png'), #15181f;
  background-size: 1920px;
  background-repeat: repeat;
}

.container:has(.layout__content--engineers-edge-zrur), .home__content:has(.layout__content--engineers-edge-zrur), .container:has(.layout__content--engineers-edge-videos), .home__content:has(.layout__content--engineers-edge-videos) {
  background: transparent;
}

.layout__content--engineers-edge-zrur .dxp-template-row::after{
    background-image: linear-gradient(135deg, #33CCFF 0%, #2699BF 100%)
}



/* .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;
height: 138%;
left: 0;
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;
z-index: 1;
opacity: .1;
  width: 35%;
  top: -30%;
  background-position: left top;
}

/* .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 110%);
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-replay-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-replay .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, #2E2E2E -50%, #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-replay-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;
      flex-direction: column;
}

@media ( min-width: 1100px ) {
  .dxp-template-row .row {
    flex-direction: row;
  }
}

.dxp-template-row .row p{
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
}
.dxp-template-row .row .medium-6:last-of-type p{
    text-align: center;
}


 .dxp-template-row > .ember-view {
  display: flex;
  flex-direction: column;
  padding: 2rem 3rem;
  }


@media ( min-width: 1100px ) {
  .dxp-template-row > .ember-view {
  display: flex;
  flex-direction: row;
  padding: 70px 7% !important;
}
}
.dxp-template-row .row > .medium-6:first-of-type{
  padding: 2rem 0;
  position: relative;
}

@media ( min-width: 1100px ) {
  .dxp-template-row .row > .medium-6:first-of-type{
    padding: 0 80px 0 0;
    position: relative;
  }

  
}
@media ( max-width: 1100px ) {
.dxp-template-row .row > .medium-6 {
    width: 100%;
  }

  
}


@media ( min-width: 1100px ) {
  .dxp-template-row .row > .medium-6:last-of-type  {
  padding: 0 0 0 80px;
  }
}

.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 */
}

@media ( min-width: 1100px ) {
.dxp-template-row::before{
  content: "";
  height: 47%;
  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 2px, transparent 1px 5px), 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: 45%;
  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%);
}



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

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

.dxp-template-row--top > .ember-view > .row::after {
 content:unset;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='16' viewBox='0 0 30 16' fill='none'%3E%3Cpath d='M0 0L15 16L30 0H0Z' fill='%23F2F7FA'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
    width: 35px;
    height: 35px;
    left: 50%;
    position: absolute;
    bottom: -10%;
    transform: translate(-50%, 100%);
}

.layout__content--helpdesk-highlights .dxp-template-row--top > .ember-view > .row img {
  max-width: 550px;
}

@media ( min-width: 1100px ) {
  .dxp-template-row--top > .ember-view > .row::after {
    content:"" !important;
  }
}

.dxp-template-row--top > .ember-view > .row::after {
    width: 25px;
    height: 13px;
}

.layout__content--masterclass .dxp-template-row--top > .ember-view > .row::after {
     background-image: linear-gradient(135deg, #C9A65B 0%, #39352D 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='16' viewBox='0 0 30 16' fill='none'%3E%3Cpath d='M0 0L15 16L30 0H0Z' fill='none'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='auto' height='auto' viewBox='0 0 30 16' fill='none'%3E%3Cpath d='M0 0L15 16L30 0H0Z' fill='%23736B5E'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='auto' height='auto' viewBox='0 0 30 16' fill='none'%3E%3Cpath d='M0 0L15 16L30 0H0Z' fill='%23736B5E'/%3E%3C/svg%3E");
}

.layout__content--helpdesk-highlights .dxp-template-row--top > .ember-view > .row::after {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='16' viewBox='0 0 30 16' fill='none'%3E%3Cpath d='M0 0L15 16L30 0H0Z' fill='%23FFD400'/%3E%3C/svg%3E");
}

.layout__content--engineers-edge-zrur .dxp-template-row--top > .ember-view > .row::after {
     background-image: linear-gradient(135deg, #33CCFF 0%, #2699BF 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='16' viewBox='0 0 30 16' fill='none'%3E%3Cpath d='M0 0L15 16L30 0H0Z' fill='none'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='auto' height='auto' viewBox='0 0 30 16' fill='none'%3E%3Cpath d='M0 0L15 16L30 0H0Z' fill='%23736B5E'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='auto' height='auto' viewBox='0 0 30 16' fill='none'%3E%3Cpath d='M0 0L15 16L30 0H0Z' fill='%23736B5E'/%3E%3C/svg%3E");
}

.layout__content--model-masters .dxp-template-row--top > .ember-view > .row::after {
     background-image: linear-gradient(135deg, #FF6B00 0%, #FF007A 50%, #007BFF 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='16' viewBox='0 0 30 16' fill='none'%3E%3Cpath d='M0 0L15 16L30 0H0Z' fill='none'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='auto' height='auto' viewBox='0 0 30 16' fill='none'%3E%3Cpath d='M0 0L15 16L30 0H0Z' fill='%23736B5E'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='auto' height='auto' viewBox='0 0 30 16' fill='none'%3E%3Cpath d='M0 0L15 16L30 0H0Z' fill='%23736B5E'/%3E%3C/svg%3E");
}



/* 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,
.session__continer .alert-box.success {
    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,
.session__container > div:has(.session__form[action="/learn/updateUserDetails"]) .input--large.input--expand{
  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,
.session__container > div:has(.session__form[action="/learn/updateUserDetails"]) .input--large.input--expand::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;
}



form.session__form:not(.js-session-form)[action=""] h2, 
form.session__form:not(.js-session-form)[action=""] .row.collapse {
 display: none;
}

form.session__form:not(.js-session-form)[action="/learn/updateUserDetails"]  {
  width:100%;
}
.session__container .header__title .h4 {
 color: white;
}

.session__container > div:has(.session__form[action="/learn/updateUserDetails"]) {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 60px;
  background-color: rgba(255,255,255,0.1);
  justify-content: center;
}



form.session__form.js-session-form .medium-4.columns:has(.btn.btn--primary.btn--expand.submit) {
  width: 100%;
  float: left !important;
}

/* 
form.session__form:not([action=""])[action] h2{
    display: block !important;
} */


form.session__form[action=""] .session__forgot {
 font-size: 0;
 display: flex;
 flex-direction: column;
 align-items: center;
}

form.session__form[action=""] .session__forgot::before {
 content:"Please Login to view this content";
 font-size: 22px;
 margin-bottom: 1rem;
 text-align: center;
}

form.session__form[action=""] .session__forgot a {
  position: relative;
      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 !important;
    background-color: rgba(255,255,255,0.1) !important;
      border-radius: 0.875rem;
}
form.session__form[action=""] .session__forgot a::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%;
      background: linear-gradient(-45deg, #33CCFF 0%, #2DB4E1 25%, #2699BF 50%, #2DB4E1 75%, #33CCFF 100%) border-box;
    background-size: 200% 200%;
}



/* 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-replay-videos,
.layout__content--helpdesk-highlights-videos,
.layout__content--my-content {
  display: flex;
  flex-direction: column;
      align-items: center;
}
/* 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 {
  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;
}

.layout__content--my-content .dxp-content-title .row:has(.ember-view.editor-content.indent-list) {
  display: none;
}

/* my content page */


@media ( min-width: 764px ) and ( max-width: 1130px) {
.dxp-my-content .featured-content-default-grid .featured-content-block-grid li {
  width: 50%;
}
} 

.dxp-my-content > .row,
.dxp-dashboard-content > .ember-view > .row{
  margin: 0 auto !important;

}

.dxp-my-content:is(.dashboard-access-tab--required, .dashboard-access-tab--events, .dashboard-access-tab--learningPath, .dashboard-access-tab--archived, .dashboard-access-tab--certificate) {
    display: none !important;
}


.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-replay-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-replay-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-replay-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-replay-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;
}


.archive-video-title .btn--centered::before {
  content: "";
    height: 33px;
    width: 33px;
    border-radius: 33px;
  position: absolute;
  right: 2px;
  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;
  transition: all .3s ease-in;
      background: linear-gradient(-45deg, #33CCFF 0%, #2DB4E1 25%, #2699BF 50%, #2DB4E1 75%, #33CCFF 100%) border-box;
      background-size: 200% 200%;
      transform: translateX(-50%);
    
}

.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::before {
    background: linear-gradient(-45deg, #ff6800 0%, #ff007a 25%, #ff007a 75%, #ff6800 100%) border-box;
}
.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::before {
    background: linear-gradient(-45deg, #c9a65b 0%, #73685e 25%, #73685e 75%, #c9a65b 100%) border-box;
}
.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-replay-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::before {
    background: linear-gradient(-45deg, #ffD400 0%, #00C8FF 25%, #00C8FF 75%, #ffD400 100%) border-box;
}

.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%);
}

.bookmark-categories__list {
  border: 2px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 14px;
}

.dashboard-access-list-item li.category__list__item.sortable-category__list__item:last-of-type {
  border: none;
}

.dashboard-access-list-item li.category__list__item.sortable-category__list__item span{
  font-family: Magistral;
  font-weight: 700 !important;
  font-style: Bold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1) !important;
}

.dashboard-access-list-item > .row > .medium-3.columns {
  padding: 0px;
}

li.category__list__item.sortable-category__list__item:nth-of-type(2n):not(.tw-override) {
  background-color: unset;
}

li.category__list__item.sortable-category__list__item:hover:not(.tw-override) {
  background-color: unset !important;
}

.dashboard-access-list-item li button:hover span:first-of-type{
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
    font-family: Magistral;
    font-size: 30px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 120%;
    text-transform: uppercase;
    background: linear-gradient(135.12deg, #BAFCD0 0.1%, #33CCFF 50%, #4F34F4 99.9%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dashboard-access-list-item li .list-item__title.active span:first-of-type{
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.40);
    font-family: Magistral;
    font-size: 30px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 120%;
    text-transform: uppercase;
    background: linear-gradient(135.12deg, #BAFCD0 0.1%, #33CCFF 50%, #4F34F4 99.9%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

li.category__list__item.sortable-category__list__item .list-item__title:not(.tw-override) .list-item__count {
  position: relative;
  background: unset !important;
  aspect-ratio: 1 / 1;
}
li.category__list__item.sortable-category__list__item .list-item__title:not(.tw-override,.active) .list-item__count {
 border: 2px solid rgba(255, 255, 255, 0.1);
}
li.category__list__item.sortable-category__list__item .list-item__title.active .list-item__count {
 border: unset;
}

li.category__list__item.sortable-category__list__item .list-item__title:not(.tw-override) .list-item__count::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.875rem;
    border: 2px solid transparent !important;
    -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% !important;
    transition: all .3s ease-in;
}

li.category__list__item.sortable-category__list__item .list-item__title.active:not(.tw-override) .list-item__count::before {
         background: linear-gradient(135.12deg, #BAFCD0 0.1%, #33CCFF 25%, #4F34F4 50%, #33CCFF 75%, #BAFCD0 100%) border-box;
}


li.category__list__item.sortable-category__list__item:hover .list-item__title:not(.tw-override,.active) .list-item__count::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.875rem;
    border: 2px solid transparent !important;
    -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% !important;
    transition: all .3s ease-in;
     background: linear-gradient(135.12deg, #BAFCD0 0.1%, #33CCFF 25%, #4F34F4 50%, #33CCFF 75%, #BAFCD0 100%) border-box;
}

li.category__list__item.sortable-category__list__item:hover .list-item__title:not(.tw-override,.active) .list-item__count {
    border: none;
}

#dashboard-access-bookmark-folder-panel .bookmark-folder .bookmark-folder-name {
  font-family: Magistral;
font-weight: 700;
font-style: Bold;
font-size: 30px;
leading-trim: NONE;
line-height: 120%;
letter-spacing: 0%;
text-transform: uppercase;
padding-right: 20px;
}
#dashboard-access-bookmark-folder-panel .icon-write {
  font-size: 25px;
  color: rgba(255, 255, 255, 1);
}

#dashboard-access-bookmark-folder-panel .btn.btn--bare.btn--small{
  color: rgba(255, 255, 255, 1);
}

#dashboard-access-bookmark-folder-panel .catalog-list-item__info {
  margin-top: 0;
}

#dashboard-access-bookmark-folder-panel input.form-control{ 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); 
  color: white;
  }


#dashboard-access-bookmark-folder-panel .dashboard-access-list-item-expander i,
#dashboard-access-bookmark-folder-panel .dashboard-access-list-item__description button {
    color: white;
  }
.dashboard-access-list-item {
  padding-left: 0px;
}

.bookmark-folder {
  padding-bottom: 0;
}
/* 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);
  
}

.catalog-search input[type=search]::placeholder {
    color: #fff9;
    text-transform: capitalize;
    font-size: 16px;
}


/* Search Page */

.search-hero {
    text-align: left;
    max-width: 1640px;
    margin: 0 auto;
}
.search-hero h2 {
    color: #FFFFFF;
    font-size: 70px;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
}


.catalog-header {
  display: none;
}


.catalog-search-bar {
  display: flex;

}

.dxp-search .catalog-search-bar {
    margin: 0 auto 2rem;
}

.dxp-search .medium-3.columns:has(.catalog-aggregation) {
    display: none;
}

.dxp-search .medium-9 {
width: 100%;
}


.dxp-search .form-control {
  border: none;
  margin: 0;
}
.dxp-search #sort-options {
background: transparent;
}

.catalog-filters {
  overflow: hidden;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.catalog-filters__search {
  background: transparent;  
  flex-basis: 100%;
}

.catalog-filters__search, .catalog-filters__sort {
  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);
  border-radius: 14px;
}


.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;
  width: 100%;
}
.catalog-search input[type=search]:focus {
  background: transparent !important;
}
.catalog-filters__sort {
  color: #FFFFFF;
  width: fit-content;
  min-width: 180px;
}
.catalog-filters__selections {
  border: none;
}

.catalog-search {
    display: flex;
    justify-content: space-between;
}

.catalog-search__button {
    position: initial;
}

.catalog-search__button i {
  color: #FFF9;
  padding: 0;
  font-size: 1.5rem;
}

.catalog-filters__select {
  color: #FFF9;
  outline: none;
  text-transform: capitalize;
  filter: brightness(0) invert(1);
  background-size: 40px;
  padding-right: 30px;
  background-position: 100%;
  font-size: 16px;
}
.catalog-filters__select option{
  color: #262626;
}



.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;
}

.home__content:has(.dxp-search) {
    padding-top: 0;
}


.dxp-search {
    max-width: 1640px;
    padding: 20px 0 0 !important;
}

.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__source {
  display: none;
}
.dxp-search .catalog-grid-item__cta-container {
  float: left;
}

.dxp-search .catalog-grid-item__body {
    display: block;
    padding: 0.75em;
}

.dxp-search .catalog-grid-item .catalog-grid-item__description {
    margin: 0;
}

.dxp-search .catalog__ribbon {
    margin-bottom: .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; }

@media(min-width: 1500px) {
.dxp-search .large-block-grid-3 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.dxp-search .large-block-grid-3>li {
    width: 100%;
}

.dxp-search .large-block-grid-3:before {
    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:none;
    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(255, 255, 255, 0.1);
  display: flex;
  border-radius: 14px;
  border: none;
  position: relative;
}
.dxp-content .dashboard-access-tabs.unlist li {
  flex-grow: 1;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}


.dxp-content .dashboard-access-tabs.unlist::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.875rem;
    border: 2px solid transparent;
    background: rgba(255, 255, 255, 0.1) 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-content .dashboard-access-tabs.unlist li.dashboard-access-tab--active::before {
   box-shadow: -2px -2px 4px 0px rgba(79, 52, 244, 0),0px 0px 10px 0px rgba(51, 204, 255, 0),2px 2px 4px 0px rgba(186, 252, 208, 0);
backdrop-filter: blur(20px)
}
.dxp-content .dashboard-access-tabs.unlist li.dashboard-access-tab--active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.875rem;
    border: 2px solid transparent;
    background: linear-gradient(135.12deg, #BAFCD0 0.1%, #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-content .dashboard-access-tabs.unlist li .dashboard-access-tab__label {
  font-family: var(--alt-font);
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
}





.dxp-content .dashboard-access-tab--active {
  background: transparent;
  border: none;
}
.dxp-content .dashboard-access-tab--active::after {
 content: unset;
}


.dxp-content .dashboard-access-list-item{
  background-color: transparent;
  color: #FFFFFF;
}

.dxp-content .dashboard-access-list-item > .items-center > .col-span-4{
      grid-column: span 9 / span 4;
}


@media ( max-width: 768px ) {
  .dxp-content .dashboard-access-list-item .col-start-11.col-span-2.text-right a {
   font-size: 9px;
  }
}

.dxp-content .dashboard-access-list-item > .items-center > .col-span-2:not(.text-right),
.dxp-content .dashboard-access-list-item > .items-center > .col-span-3 {
  display: none;
}

.dxp-content .dashboard-access-list-item > .items-center > .col-span-2.text-right a{
  margin-left: auto;
  max-width: 100%;
}

.dashboard-access-list-item > .row {
  margin: 0;
}

#access-section-0 .dashboard-access-list-item-expander {
  pointer-events: none;
}

.dxp-content .dashboard-access-list-item-expander__title{
  color: #FFFFFF;
  font-family: Open Sans;
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
}

.dxp-content .dashboard-access-list-item > .ember-view > .row{
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}


@media ( max-width: 764px ) {
  .dxp-content .dashboard-access-list-item > .ember-view > .row .dashboard-access-list-item-expander{
   pointer-events: none;
  }
  .dxp-content .dashboard-access-list-item > .ember-view > .row .dashboard-access-list-item-expander .icon-navigateright{
   display: none;
  }
  .dxp-content .dashboard-access-list-item > .ember-view > .row .dashboard-access-list-item__description{
   display: none;
  }
  .dxp-content .dashboard-access-list-item > .ember-view > .row .catalog-list-item__info{
   display: none;
  }

  .dxp-content .dashboard-access-list-item > .ember-view > .row > .medium-7.columns{
  width: 100%;
  margin-bottom: .7rem;
}

.dxp-content .dashboard-access-list-item > .ember-view > .row .catalog-list-item__info{
  margin: 0;
}
}

.dxp-content .dashboard-access-list-item .col-span-4 .dashboard-access-list-item-expander .icon-navigateright {
  display: none;
}

.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(135.12deg, #BAFCD0 0.1%, #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-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: 130vh;
    left: 0;
    top: -30vh;
    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;
}

/* Video Body Copy - Template Code Design Two */
.learn.video .article-content__body table {
    background: transparent;
    border: none;
    position: relative;
}

.learn.video .article-content__body table:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 5%);
    border: solid 2px rgb(255 255 255 / 5%);
    border-radius: 14px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.learn.video .article-content__body table td {
    border: none;
    padding: 5px 25px;
}

.learn.video .article-content__body table tr:first-child td {
    padding-top: 20px;
}

.learn.video .article-content__body table tr:last-child td {
    padding-bottom: 20px;
}

.learn.video .article-content__body table td:first-child {
    white-space: nowrap;
    width: 1px;
    padding-right: 0;
}

.learn.video .article-content__body table td p:last-child {
    margin-bottom: 0;
}

.learn.video .article-content__body table td p {
    font-size: 16px;
}

.learn.video .article-content__body table td:first-child p {
    font-weight: 600;
    font-size: 16px;
    background: linear-gradient(135.12deg, #BAFCD0 0%, #33CCFF 50%, #4F34F4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
}
/* End of Video Body Copy - Template Code Design Two */


/* Live Event body copy code */
.learn.video .article-content__body hr {
    display: block;
    border-color: rgba(255, 255, 255, 0.05);
    border-width: 2px 0 0;
}

.learn.video .article-content__body table.boxed-featured-content td:first-child p {
    font-weight: inherit;
    font-size: 16px;
    background: inherit;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: inherit;
    width: 100%;
}

.learn.video .article-content__body table.boxed-featured-content td:first-child {
    white-space: unset;
    width: auto;
    padding-right: 25px;
}

.learn.video .article-content__body table.boxed-featured-content {
    margin-bottom: 1.3rem;
}

.learn.video .article-content__body ul {
    padding-left: 0;
    list-style-type: none;
}

.learn.video .article-content__body ul li::before {
    content: "\25CB";
    position: absolute;
    background: linear-gradient(135.12deg, #BAFCD0 0%, #33CCFF 50%, #4F34F4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translate(-26px, -7px);
    font-size: 22px;
}

.learn.video .article-content__body table.listed-2column-content tr td {
    padding: 0;
    align-content: start;
    padding-left: 40px;
    width: 50%;
}

.learn.video .article-content__body table.listed-2column-content td p, .learn.video .article-content__body table.listed-2column-content td li {
    font-weight: inherit;
    font-size: 16px;
    background: inherit;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: inherit;
    width: 100%;
}

.learn.video .article-content__body table.listed-2column-content td:first-child {
    white-space: unset;
    width: 50%;
}

.learn.video .article-content__body ul li ul li::before {
    content: "\203A";
    transform: translate(-20px, -8px);
}

.learn.video .article-content__body table.listed-2column-content {
    margin-left: -40px;
}

.learn.video .article-content__body table.listed-2column-content:before {
    display: none;
}

.learn.video .article-content__body table.listed-2column-content tr td:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 2px;
    background: rgb(255 255 255 / 5%);
    margin-bottom: 1rem;
}

.learn.video .article-content__body table.listed-2column-content tr:first-child td:before {
    display: none;
}
/* end of Live Event body copy code */


/* 404  */

.container:has(.not-found__container) {
  padding-top: 0px;
 
  backdrop-filter: blur(70px);
  position: relative;
}

.container:has(.not-found__container)::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
 background-image: url('https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_fit,w_800/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/gi9d896d5xas-hero-bg-image.png')!important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
 z-index: 10;

}
.container:has(.not-found__container)::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(35px);
z-index: 12;
  mix-blend-mode: multiply;
}

.not-found__container {
  height: 100%;
  width: 100%;
    position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.not-found__container h3{
  color: #FFF;
text-align: center;
font-family: "Magistral", sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
color: rgba(255,255,255,1) !important;
}
.not-found__container .company__logo {
  background: unset;
  color: transparent !important;
  display: flex !important;
  width: 55% !important;
  height: 41% !important;
  overflow: unset;
  text-indent: unset;
  text-align: center;


}
.not-found__container .company__logo::before {
  content: "";
  background-image: url(https://media.thoughtindustries.com/thoughtindustries/image/upload/v1/course-uploads/3343acae-951d-4a55-8504-f7389a34c828/0jwqj9uxraof-404.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
 
  height: 100%;
  width: 100%;
  text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.20);
-webkit-text-stroke-width: 7px;
-webkit-text-stroke-color: #FFF;
font-family: var(--alt-font);
font-size: 250px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 15.655px;
text-transform: uppercase;
margin: auto;
}

@media (max-width: 600px) {
  .not-found__container .company__logo::before {
    font-size: 150px;
  }
}

.not-found__container  a.btn--alt.btn--primary .icon-left{ 
  display: none;
}
.not-found__container  a.btn--alt.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", sans-serif;
    font-weight: 600;
    font-style: Bold;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}


@media ( max-width: 1300px ) {
  h1 {
    font-size: 50px !important;

  }

  h2 {
    font-size: 40px !important;
  }
  
}
@media ( max-width: 764px ) {
  h1 {
    font-size: 35px !important;

  }
  h3 {
    font-size: 20px !important;
  }

  .catalog-grid-item__title {
    font-size: 1rem !important;
  }
}

@media ( max-width: 550px ) {
  h1 {
    font-size: 25px !important;

  }
  h3 {
    font-size: 16px !important;
  }
}