.academy-content-wrapper,
.academy-banner {
  background: #f6f5f3 !important;
}

.academy-content-banner-wrapper {
  max-width: 930px !important;
  margin-top: 40px !important;
}

.academy-navigation-content-wrapper {
  display: flex;
  justify-content: space-between !important;
  align-items: center;
  height: 56px;
}
.academy-search-bar-wrapper {
  height: 100% !important;
}

.academy-content-wrapper {
  background-color: #060606;
}
.academy-content {
  margin-bottom: 0 !important;
}
.esjQKY a.academy-logo-link img {
  margin-right: 0 !important;
}
.search-bar-dropdown {
  width: 100% !important;
}

.sc-dYbywR.kvHlzf {
  width: 100% !important;
  max-width: 680px !important;
}
.bElTzU .dropdown-enabled-search-bar {
  border-color: #9146ff !important;
}
.dropdown-enabled-search-bar .search-bar {
  height: 100% !important;
}

.AL_Custom_TabBar {
  background-color: #f6f5f3 !important;
  display: flex !important;
  justify-content: center !important;
  padding-top: 40px !important;
}
.AL_Custom_TabBar nav {
  display: flex !important;
  width: 100% !important;
}
.AL_Custom_TabBar nav ul[role='menubar'] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  background-color: #f6f5f3 !important;
  border-radius: 999px !important;
  width: 100% !important;
  text-align: center !important;
  width: 100% !important;
  column-gap: 32px !important;
}

.AL_Custom_TabBarTab {
  border: none !important;
  color: #2f2b24 !important;
  font-weight: 600 !important;
  border-radius: 30px !important;
  padding: 12px 20px !important;
  margin: 0 0 0 0 !important;
  font-size: 20px !important;
}
.AL_Custom_TabBarTab:hover {
  background-color: #2f2b241f !important;
}
.AL_Custom_TabBarTab.active {
  background-color: white !important;
  border: 1px solid #dcd9d0 !important;
}
.AL_Custom_CardContainer {
  column-gap: 20px !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  padding: 0 !important;
}
.AL_Custom_CardFooter {
  position: static !important;
  margin-top: auto !important;
  border: none !important;
  height: unset !important;
  padding-top: 8px !important;
  padding-bottom: 0 !important;
}
.AL_Custom_SingleCard {
  margin-bottom: 20px !important;
  border-radius: 24px !important;
  width: auto !important;
  max-width: 400px !important;
  background: none !important;
}
.AL_Custom_SingleCard a {
  height: 100% !important;
  display: flex !important;
  justify-content: stretch;
  background-color: transparent !important;
}
.sc-hKhKOZ.cdXKGM {
  background: #f6f5f3 !important;
}
.AL_Custom_NavLoginButton:visited {
  color: #fff !important;
}
.AL_Custom_NavLoginButton:hover {
  /* background-color: rgba(107, 43, 218, 0.7) !important; */
  color: #fff !important;
  box-shadow: 0 0 rgba(120, 120, 120, 0), 0 0 0.1px rgba(120, 120, 120, 0.224), 0 1px 0.4px rgba(120, 120, 120, 0.267),
    0 3px 1.8px rgba(120, 120, 120, 0.286), 0 6px 7px rgba(120, 120, 120, 0.3), 0 12px 16px rgba(120, 120, 120, 0.325);
}
.AL_Custom_CardTitle {
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 110% !important;
  letter-spacing: -0.96px !important;
}
h3.AL_Custom_CardTitle {
  color: #2f2b24 !important;
  text-align: left !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  line-height: 110% !important;
  letter-spacing: -0.01em !important;
}
.AL_Custom_CardDescription {
  font-size: 16px !important;
  color: #2f2b24 !important;
  margin-top: 13px !important;
  text-align: left !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}
.AL_Custom_CardImage {
  border-radius: 0px !important;
}
.AL_Custom_MenuBackdropMob a {
  color: #fff !important;
}
.AL_Custom_Breadcrumb {
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
}
.AL_Custom_Breadcrumb span {
  color: #2f2b24;
  font-weight: 600 !important;
  letter-spacing: -0.04em !important;
  font-size: 24px !important;
}
.AL_Custom_BannerSubHead {
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 120% !important;
  margin-top: 0 !important;
}
.AL_Custom_BreadcrumbBar .StyledRow-sc-piwixm-0 {
  justify-content: center !important;
  margin-top: 30px !important;
  margin-bottom: 45px !important;
}
.kNFbOd {
  color: white !important;
  border-color: white !important;
}
#main {
  background: #f6f5f3 !important;
}
.AL_Custom_PCInnerSummaryBox {
  background: #fff !important;
}
.AL_Custom_Breadcrumb:first-child a:first-child span {
  background: url(https://work-jasper.pregled.eu/img/home-icon-v3.svg) center center no-repeat;
  display: block;
  width: 28px;
  color: transparent;
  height: 28px;
  opacity: 1 !important;
}
.AL_Custom_Breadcrumb a:hover {
  text-decoration: none;
}
.AL_Custom_Breadcrumb svg {
  height: 24px !important;
  width: 24px !important;
}
.AL_Custom_TabBar nav ul[role='menubar'] li:nth-last-child(4) a:before {
  background: url(https://work-jasper.pregled.eu/img/library.svg) center center no-repeat;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin-right: 10px;
}
.AL_Custom_TabBar nav ul[role='menubar'] li:nth-last-child(3) a:before {
  background: url(https://work-jasper.pregled.eu/img/course.svg) center center no-repeat;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin-right: 10px;
}
.AL_Custom_TabBar nav ul[role='menubar'] li:nth-last-child(2) a:before {
  background: url(https://work-jasper.pregled.eu/img/trophy.svg) center center no-repeat;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin-right: 10px;
}
.AL_Custom_TabBar nav ul[role='menubar'] li:nth-last-child(1) a:before {
  background: url(https://work-jasper.pregled.eu/img/webinar.svg) center center no-repeat;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
  margin-right: 10px;
}
.AL_Custom_BannerCta {
  border-radius: 40px !important;
  letter-spacing: -0.4px !important;
  font-weight: 500 !important;
}
.AL_Custom_CardCta.progress-text {
  display: flex !important;
  text-align: center !important;
  padding: 2px 8px 2px 0px !important;
  justify-content: center !important;
  border-radius: 0px !important;
  border: none !important;
  color: #2f2b24 !important;
  align-items: center !important;
  line-height: 120% !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
  text-decoration: underline !important;
}
.kzqpza {
  background: #f6f5f3 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
/* ------- */
.AL_Custom_BreadcrumbBar {
  /* display: none !important; */
}
.AL_Custom_Template .AL_Custom_BreadcrumbBar {
  padding-bottom: 0px;
  padding-top: 20px !important;
}
.subheading-text {
  font-size: 18px;
  text-align: center;
  font-weight: 400;
  max-width: 634px !important;
  margin: 32px auto 56px auto !important;
  line-height: 120% !important;
}
.AL_Custom_OverviewSectionTitle {
  text-align: center !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
  font-size: 72px !important;
  color: #2f2b24 !important;
  margin-top: 90px !important;
  margin-bottom: 40px !important;
  line-height: 100% !important;
}

.AL_Custom_SingleCard .AL_Custom_CardShadows {
  display: none;
}

.AL_Custom_SingleCard .AL_Custom_CardContentInner {
  background: none !important;
  box-shadow: none !important;
  display: flex !important;
  padding: 21px 21px 20px 21px !important;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 0px !important;
  border: 1px solid #dbd8ca !important;
  border-radius: 20px !important;
}
.footer-info-boxes-wrapper .info-box:hover,
.AL_Custom_SingleCard .AL_Custom_CardContentInner:hover {
  box-shadow: rgba(119, 119, 117, 0.25) 0px 3px 25px !important;
  transform: translateY(-1px) !important;
}
.AL_Custom_SingleCard .AL_Custom_CardBody {
  height: auto !important;
  padding: 0 0 12px 0 !important;
  background: none !important;
}

.academy-banner-content h1.AL_Custom_BannerMainHeading {
  margin-bottom: 32px !important;
  font-size: 90px !important;
  font-weight: 500 !important;
  line-height: 110% !important;
  letter-spacing: -0.03em !important;
  transition: color 0.5s ease-in-out !important;
  color: #2f2b24 !important;
}
.academy-banner-content h1.AL_Custom_BannerMainHeading .is--highlighted {
  /* color: #9146FF !important; */
}
.logout-button,
.logout-button:hover {
  color: white !important;
}
.sc-jKTccl {
  position: absolute;
  top: 265px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 500px;
  width: 100%;
}
.sc-kjUpzh.buhUIN {
  display: none !important;
}
.beEUAK {
  background-color: #fff !important;
}
/* .AL_Custom_NavSearchCloseMob:before {
  background: url(https://work-jasper.pregled.eu/img/mobile-menu-icon.svg) no-repeat center center !important;
  content: '' !important;
  width: 20px;
  height: 20px;
  display: block;
} */
.jnBljs {
  background-color: #9146ff !important;
  border: 1px solid #9146ff !important;
}
.bqUwWB:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 15px !important;
  transform: none !important;
}
.academy-search-bar-wrapper .dropdown-enabled-search-bar {
  height: 46px !important;
  border-radius: 5px !important;
  background: none !important;
  box-shadow: none !important;
  border: 1px solid #2d3229 !important;
}

.academy-content-filter-button {
  border-radius: 500px !important;
  border: 1px solid #2f2b24;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 100% !important;
  letter-spacing: -0.28px !important;
  display: flex !important;
  height: 32px !important;
  padding: 2px 16px !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 100px !important;
  color: #2f2b24;
}
.academy-content-filter-button.kCHhOM {
  border: 1px solid rgb(179, 24, 255) !important;
  color: #fff !important;
}
.search-bar input {
  height: 46px !important;
  background: transparent url(https://work-jasper.pregled.eu/img/search-md.svg) no-repeat 20px center !important;
  background-size: 18px 18px !important;
  padding: 10px 40px 10px 46px !important;
  font-size: 16px !important;
}
.search-bar input::placeholder {
  size: 18px !important;
  color: #2d322980 !important;
  letter-spacing: normal !important;
  font-weight: 500 !important;
}
.training-search-new.training-search-new-2019 .search-bar-dropdown {
  top: 50px !important;
}

@media (max-width: 767px) {
  .kvHlzf .fa-times {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .AL_Custom_BannerSubHead {
    font-size: 20px !important;
  }
  .AL_Custom_OverviewSectionTitle {
    font-size: 48px !important;
  }
}
@media (max-width: 1066px) {
  .hyFXPz .academy-search-bar-wrapper .dropdown-enabled-search-bar {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  .AL_Custom_OverviewSectionTitle {
    font-size: 42px !important;
  }
}
@media (max-width: 767px) {
  .sc-jKTccl {
    top: 240px;
  }
}

@media (max-width: 572px) {
  .sc-jKTccl {
    left: 45%;
    width: 75vw;
  }

  .academy-banner {
    background-position: center 127%, center -5% !important;
  }
}

.academy-content .cejvmt .academy-content-filter-button {
  color: #ffffff;
}

.academy-content .hSELUH.selected {
  color: #ffffff;
}

.academy-content .hSELUH {
  color: #ffffff88;
}

.academy-content .bRXBMq {
  padding-top: 50px;
}

.academy-content .bRXBMq h2 {
  color: #ffffff;
}

.AL_Custom_CardMetas {
  display: none !important;
}
@media (max-width: 1200px) {
  .AL_Custom_TabBar nav ul[role='menubar'] {
    background: none !important;
  }
  .AL_Custom_TabBar nav ul[role='menubar'] li {
    flex-grow: 0 !important;
  }
  .AL_Custom_TabBarTab {
    width: auto !important;
    margin: 0 0 5px 0 !important;
  }
}

@media (max-width: 768px) {
  .AL_Custom_NavContentWrapper {
    display: flex !important;
    justify-content: left;
    align-items: start !important;
    padding-top: 40px !important;
  }
  .AL_Custom_TabBarTab {
    font-size: 18px !important;
  }
  .AL_Custom_Breadcrumb span {
    font-size: 18px !important;
  }
  .academy-banner-content h1.AL_Custom_BannerMainHeading {
    font-size: 48px !important;
  }
  /* Mobile menu */
  .fa,
  .far,
  .fas {
    font-family: 'Font Awesome 5 Free' !important;
  }
  .AL_Custom_NavSearchTriggerMob {
    color: #2f2b24 !important;
    margin-top: 7px !important;
  }
  .top-back-link {
    margin-top: 6px;
  }
  .AL_Custom_NavContentWrapper .sc-dYbywR.iPgHWk {
    padding: 7px !important;
  }
  .AL_Custom_NavContentWrapper .AL_Custom_NavMenuBtnMob,
  .AL_Custom_NavContentWrapper .AL_Custom_NavMenuCloseMob {
    border-radius: 9px !important;
  }
  .sc-kjUpzh.buhUIN {
    display: block !important;
  }
}
@media (min-width: 766px) {
  .AL_Custom_NavContentWrapper .sc-hEzjfZ {
    flex: 1;
    margin-right: auto;
    margin-left: auto;
  }
}
/* Login btn */

.AL_Custom_NavLoginButton {
  color: #fff !important;
  line-height: inherit !important;
  cursor: pointer !important;
  border: 0 !important;
  border-radius: 5px !important;
  padding: 0 20px !important;
  text-decoration: none !important;
  display: inline-block !important;
  border-color: #9146ff !important;
  width: auto !important;
  min-height: 45px !important;
  text-align: center !important;
  background-color: #9146ff !important;
  background-image: none !important;
  white-space: nowrap !important;
  text-transform: none !important;
  height: 45px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  transition: all 0.3s ease !important;
}

.AL_Custom_NavLoginButton:hover {
  color: #fff !important;
}

@media (max-width: 768px) {
  .AL_Custom_NavLoginButton {
    display: none !important;
  }
  .AL_Custom_CardContainer {
    display: flex !important;
  }
}
.top-back-link {
  color: #2b313f !important;
  margin-right: 20px;
}
.top-back-link:hover {
  color: #2b313f !important;
  text-decoration: none !important;
}
.top-back-arrow {
  border: solid #2b313f;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-right: 5px;
}
.no-custom-logo {
  background: #f6f5f3 !important;
}
.AL_Custom_TabBarTab .sc-kziFSf {
  font-size: 12px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  line-height: 100% !important;
  height: 20px !important;
  width: 20px !important;
  letter-spacing: 0.2px !important;
  text-align: center !important;
}
div[id^='AcademyLearnerProfileMyTrainings'] .academy-content > .AL_Custom_CardContainer > div {
  grid-column: span 3 !important;
}
div[id^='AcademyLearnerProfileMyTrainings'] .AL_Custom_CardContentInner {
  width: 100% !important;
}
.jdJngt {
  background-color: rgb(255 255 255) !important;
}
.gwPuft {
  background-color: rgba(108, 43, 217, 0.5);
}
input[type='checkbox'] {
}
.academy-navigation .training-search-new svg {
  display: none !important;
}
.academy-navigation .AL_Custom_NavGoToLink {
  width: 0px !important;
  opacity: 0 !important;
}
.AL_Custom_Footer {
  display: none !important;
}
.academy-navigation {
  border-bottom: 1px solid #00000033 !important;
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
}
.academy-navigation .academy-navigation-content-wrapper {
  max-width: 1304px !important;
  padding: 23px 64px !important;
  height: auto !important;
}
@media (max-width: 767px) {
  .academy-navigation .academy-navigation-content-wrapper {
    padding-top: 40px !important;
    margin-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .academy-search-bar-wrapper .click-off {
    background: #f6f5f3 !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .academy-navigation {
    overflow: hidden !important;
  }
  .AL_Custom_TabBar {
    padding-top: 15px !important;
  }
}
.academy-cards-wrapper > div[class^='StatsWrapper-'] {
  background-color: white !important;
}
.dropdown-enabled-search-bar {
  outline-color: #9146ff1f !important;
}
.AL_Custom_CardContentInner svg path {
  fill: #2f2b24 !important;
}
.AL_Custom_SingleCard .content-text,
.AL_Custom_SingleCard div[class^='ContentCardIcon'] > span {
  color: #2f2b24 !important;
  font-weight: 500 !important;
}
.AL_Custom_BannerStat{
border-color: #2f2b24 !important;
}
.AL_Custom_BannerStatsWrapper{
color: #2f2b24 !important
}
a[href="https://community.jasper.ai/feed"]{
color:rgb(145, 70, 255) !important
}