.loader-cards {
  margin: 30px 0px;
}
.loader-cards .dynamic-card-loader {
  min-height: 515px;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .loader-cards .dynamic-card-loader {
    min-height: 480px;
  }
}
.slick-card-loader {
  min-width: 358px;
}
.slick-card-loader .loader-cards {
  margin: 0;
}
.tabs-carousel .general-tab .cmp-tabs__tablist {
  overflow-x: auto;
}
.category-title-container {
  margin-bottom: 1.5rem;
  margin-top: 0.625rem;
}
@media only screen and (min-width: 1024px) {
  .category-title-container {
    margin-bottom: 2.5rem;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.category-icon-container {
  display: flex;
  gap: 0.625rem;
}
@media only screen and (max-width: 1024px) {
  .category-icon-container {
    margin-bottom: 8px;
  }
}
.category-icon-container .category-content {
  font-family: 'Graphik LC Web', Graphik LC;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -1px;
}
.category-icon-container .category-content-text-update {
  color: #ffffff;
  font-weight: 500;
  filter: contrast(150%);
}
@media only screen and (max-width: 1024px) {
  .category-icon-container .category-content-text-update {
    font-size: 28px;
  }
}
.no-data-parent .category-icon-container .category-content-text-update {
  font-size: 24px;
}
@media only screen and (max-width: 1024px) {
  .static_tabs.generalTabs .dtx_column_control_wrapper {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .static_tabs .cmp-tabs__tabpanel .column-control {
    padding: 0;
  }
}
.dynamic-cards #Learn-Preferences .category-tag[data-selected='true'] {
  background: #30578d;
}
.dynamic-cards #Learn-Preferences .category-tag svg path {
  fill: #D9D9D9;
}
.dynamic-cards #Learn-Preferences .category-tags-container .category-tag span {
  color: #D9D9D9;
}
.dynamic-cards #Learn-Preferences .category-tag__active svg path {
  fill: #ffffff;
}
.dynamic-cards #Learn-Preferences .category-tags-container .category-tag.category-tag__active span {
  color: #ffffff;
}
.dynamic-cards .dynamic-card-category {
  padding: 24px 0 24px 0;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 1024px) {
  .dynamic-cards .dynamic-card-category {
    padding: 10px 0 40px 0;
  }
}
.dynamic-cards .cta-button {
  border-radius: 3.125em;
  align-items: center;
  border: 1px solid transparent;
  color: #ffffff;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  width: fit-content;
  padding: 0;
  text-align: center;
  touch-action: manipulation;
  background-color: #e90029;
  position: relative;
}
.dynamic-cards .cta-button a {
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin: 0 auto;
  padding: 14px;
  outline: 0;
  text-align: center;
}
.carousel-container {
  position: relative;
}
.dtx-cards-container {
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 32px;
  height: max-content;
  position: static;
}
@media only screen and (min-width: 1394px) {
  .dtx-cards-container {
    width: 110%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1393px) {
  .dtx-cards-container {
    width: 109%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .dtx-cards-container {
    width: 105%;
  }
}
@media only screen and (max-width: 768px) {
  .dtx-cards-container {
    width: 105%;
  }
}
@media only screen and (max-width: 425px) {
  .dtx-cards-container {
    width: 108%;
  }
}
.dtx-cards-container .slick-list .slick-track {
  display: flex !important;
  justify-content: flex-start;
  margin: 0;
}
.cards_component {
  border-radius: 8px;
  flex: 0 0 31%;
  color: #1d1e1f;
  border: 1px solid #e2e6e9;
  background: #f1f2f4;
  transition: border 0.3s ease-out;
}
@media only screen and (max-width: 1024px) {
  .cards_component {
    flex: 0 0 48%;
  }
}
@media only screen and (max-width: calc(768px - 1px)) {
  .cards_component {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: calc(768px - 1px)) {
  flex-direction: column;
  padding: 0 24px 24px;
  flex-wrap: nowrap;
}
@media only screen and (min-width: 1024px) {
  .cards_component a:hover .card__Caption {
    background: #ffffff;
    border-radius: 0 0 8px 8px;
    box-shadow: 1px 5px 8px -2px rgba(0, 0, 0, 0.3);
  }
  .cards_component a:hover .card__Caption,
  .cards_component a:focus .card__Caption {
    background: #ffffff;
    border-radius: 0 0 8px 8px;
    box-shadow: 1px 5px 8px -2px rgba(0, 0, 0, 0.3);
  }
}
p.card__Type {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.71;
  letter-spacing: -0.2px;
  color: #1d1e1f;
}
.firstResourceImg {
  height: 100%;
  width: 100%;
  border-radius: 16px;
}
.card__Img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  overflow: hidden;
}
.card__Img .dtxImgLink {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.tab-bootcamp .card__Img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  pointer-events: none;
}
.card__Type {
  font-size: 1em;
}
.card__Type .count,
.card__Type .duration {
  margin-left: 1em !important;
}
.firstResource:hover,
.firstResource:focus,
#resourceCardsContainer1 .cards_component a:hover,
#resourceCardsContainer1 .cards_component a:focus {
  color: #1d1e1f;
  outline: 0;
}
.card__Img_Container {
  border-radius: 16px;
  height: 234px;
  position: relative;
}
.card__Img_Container .card__Progress_container {
  position: absolute;
  z-index: 51;
  bottom: 10px;
  left: 24px;
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.card__Img_Container .card__Progress_container .card__Progress_bar {
  width: 90px;
  height: 7px;
  background-color: #ffffff;
  border-radius: 5px;
  filter: contrast(150%);
}
.card__Img_Container .card__Progress_container .card__Progress_bar .card__Progress_bar_inner {
  width: 20%;
  border-radius: 5px;
  background-color: #e90029;
  height: 100%;
}
.card__Img_Container .card__Progress_container .card__Progress_bar_text {
  color: #ffffff;
  font-family: 'Graphik LC Web', Graphik LC;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 3px;
  filter: contrast(150%);
}
.card__Caption {
  padding: 16px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: box-shadow 0.3s ease-out;
}
.card__Caption .card__Title {
  margin-bottom: 12px;
  letter-spacing: -1px !important;
  font-weight: 600 !important;
  color: #262626;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3rem;
  font-family: 'Graphik LC Web', Graphik LC;
  font-size: 1.25rem;
  line-height: 25px;
}
.card__Caption .card-Component__Description {
  margin-bottom: 24px;
  color: #262626;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
  font-family: 'Graphik LC Web', Graphik LC;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
@media only screen and (min-width: 1024px) {
  .card__Caption .card-Component__Description {
    font-size: 1rem;
  }
}
.card__Caption .card__Bookmark_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  margin-bottom: 16px;
}
.card__Caption .card__Bookmark_container .bookmarked .svg__bookmark_active {
  display: block;
  background-image: url("../../../../../../etc/clientlibs/keysight/head/img/css/icons/bookmarked-red.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.card__Caption .card__Bookmark_container .bookmarked .svg__bookmark {
  display: none;
}
.card__Caption .card__Bookmark_container .svg__bookmark_active {
  display: none;
  background-image: url("../../../../../../etc/clientlibs/keysight/head/img/css/icons/bookmarked-red.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.card__Caption .card__Bookmark_container span {
  width: 40px;
  height: 40px;
}
.card__Caption .card__Bookmark_container .svg__bookmark {
  background-image: url("../../../../../../etc/clientlibs/keysight/head/img/css/icons/bookmark-grey.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.card__Caption .card__Bookmark_container .card__Bookmark_acitve_overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: none;
  justify-content: space-between;
  align-items: center;
  opacity: 0.9;
  gap: 10px;
  background: #121517;
  padding: 13px 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1350px) {
  .card__Caption .card__Bookmark_container .card__Bookmark_acitve_overlay {
    padding: 13px 22px;
  }
}
.card__Caption .card__Bookmark_container .card__Bookmark_acitve_overlay .card__Bookmark_acitve_overlay_icon {
  background-image: url("../../../../../../etc/clientlibs/keysight/head/img/css/icons/bookmarked-red.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.card__Caption .card__Bookmark_container .card__Bookmark_acitve_overlay h3 {
  color: #ffffff;
  text-align: left;
  font-family: 'Graphik LC Web', Graphik LC;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  margin-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1350px) {
  .card__Caption .card__Bookmark_container .card__Bookmark_acitve_overlay h3 {
    font-size: 1rem;
    margin-left: 0;
  }
}
.card__Caption .card__Bookmark_container .card__Bookmark_removed_overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: none;
  justify-content: space-between;
  align-items: center;
  opacity: 0.9;
  gap: 10px;
  background: #121517;
  padding: 13px 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1350px) {
  .card__Caption .card__Bookmark_container .card__Bookmark_removed_overlay {
    padding: 13px 22px;
  }
}
.card__Caption .card__Bookmark_container .card__Bookmark_removed_overlay span {
  width: 40px;
  height: 40px;
}
.card__Caption .card__Bookmark_container .card__Bookmark_removed_overlay .card__Bookmark_removed_overlay_icon {
  background-image: url("../../../../../../etc/clientlibs/keysight/head/img/css/icons/bookmark-grey.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.card__Caption .card__Bookmark_container .card__Bookmark_removed_overlay h3 {
  color: #ffffff;
  text-align: left;
  font-family: 'Graphik LC Web', Graphik LC;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1350px) {
  .card__Caption .card__Bookmark_container .card__Bookmark_removed_overlay h3 {
    font-size: 1rem;
  }
}
.card__Caption .card__Bookmark_container .bookmarked svg path {
  fill: #e90029;
}
.card__Caption .card__Bookmark_container .card__cta_button {
  border-radius: 1000px;
  padding: 4px 8px;
  color: #ffffff;
  background: #30578d;
  text-align: center;
  font-family: 'Graphik LC Web', Graphik LC;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
}
.card__Caption .card__Bookmark_container .card__bookmark_button_dynamiccards {
  width: 40px;
  height: 40px;
  border: none;
  --tw-ring-offset-color: none;
}
.card__Caption .card__Bookmark_container .card__bookmark_button_dynamiccards span {
  --tw-ring-offset-color: none;
}
.card__Caption .card__Footer {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  min-height: 35px;
}
.card__Caption .card__Footer .card__Footer_content {
  display: flex;
  align-items: center;
  column-gap: 2px;
}
.card__Caption .card__Footer .card__Footer_content span {
  width: 20px;
  height: 20px;
}
.card__Caption .card__Footer .card__Footer_content .card__Footer_content_lesson_icon {
  background-image: url("../../../../../../etc/clientlibs/keysight/head/img/css/icons/course-icon-grey.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.card__Caption .card__Footer .card__Footer_content .card__Footer_content_duration_icon {
  background-image: url("../../../../../../etc/clientlibs/keysight/head/img/css/icons/course-duration-icon-grey.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.card__Caption .card__Footer .card__Footer_content .card__Footer_content_badge_icon {
  background-image: url("../../../../../../etc/clientlibs/keysight/head/img/css/icons/course-badge-icon-grey.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.card__Caption .card__Footer .card__Footer_content .card__Footer_text {
  color: #4d4d4d;
  font-family: 'Graphik LC Web', Graphik LC;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .card__Caption .card__Footer .card__Footer_content .card__Footer_text {
    font-size: 11px;
  }
}
.CardImgObjFitCover .firstResourceImgContainer,
.card__Img_Container.CardImgObjFitCover {
  border: 1px solid #97999b;
}
.CardImgObjFitContain .firstResourceImgContainer,
.card__Img_Container.CardImgObjFitContain {
  background: transparent linear-gradient(180deg, #464a45 0%, #000000 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #dedede;
  opacity: 1;
  padding: 10px 0;
}
.CardImgObjFitCover img {
  object-fit: cover;
}
.CardImgObjFitContain img {
  object-fit: contain;
}
.CardImgObjFitNone img {
  object-fit: none;
  border-top-left-radius: 8px;
}
@media (max-width: calc(767px)) {
  .card__Img_Container {
    height: 203px;
  }
}
.dtx-cards-container {
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 32px;
  height: max-content;
}
.dtx-cards-container .slick-slide {
  flex: 0 0 auto;
  /* Prevent slides from shrinking or growing */
}
@media only screen and (max-width: 1024px) {
  .dtx-cards-container .slick-slide:not(:last-child) {
    margin-right: 8px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .dtx-cards-container .slick-slide:not(:last-child) {
    margin-right: 22.34px !important;
  }
}
.slick-list {
  width: 100%;
}
.slick-list .slick-track {
  display: flex !important;
}
.progress-bar {
  width: calc(100% - 110px);
}
@media only screen and (max-width: 1024px) {
  .progress-bar {
    margin-top: 38px;
  }
}
.progress-bar,
.progress__label {
  height: 0.25rem;
  transition: width 0.4s ease-in-out;
}
.slick-prev {
  background-image: url(../../../../../../etc/clientlibs/keysight/head/img/css/chevron-left.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 1px solid #666666 !important;
  border-radius: 100%;
  position: absolute;
  bottom: -18px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: transparent;
  right: 48px;
  left: auto;
  top: auto;
}
.slick-prev.selected-theme-prev-btn {
  background-image: url(../../../../../../etc/clientlibs/keysight/head/img/css/chevron-left-white.svg) !important;
}
.slick-prev.selected-theme-prev-btn.slick-disabled {
  border: 1px solid #ffffff !important;
  filter: invert(50%) !important;
}
.slick-next.selected-theme-nxt-btn.slick-disabled {
  border: 1px solid #ffffff !important;
  filter: invert(50%) !important;
}
.slick-prev.slick-disabled {
  filter: invert(100%);
  pointer-events: none;
}
.slick-next.slick-disabled {
  filter: invert(100%);
  pointer-events: none;
}
.slick-next {
  background-image: url(../../../../../../etc/clientlibs/keysight/head/img/css/chevron-right.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 1px solid #666666 !important;
  border-radius: 100%;
  position: absolute;
  bottom: -18px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: transparent;
  top: auto;
  right: 0;
  filter: contrast(150%);
}
.slick-next.selected-theme-nxt-btn {
  background-image: url(../../../../../../etc/clientlibs/keysight/head/img/css/chevron-right-white.svg) !important;
}
.slick-prev.selected-theme-prev-btn,
.slick-next.selected-theme-nxt-btn {
  border: 1px solid #fff !important;
}
.dynamic-card-category .no-data-found-container {
  padding: 64px 4px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 40px;
  background-image: url(../../../../../../etc/clientlibs/keysight/head/img/css/no-content-dashed-border.svg);
  border-radius: 12px;
  background-repeat: no-repeat;
  background-size: 99% 98%;
}
@media only screen and (max-width: 768px) {
  .dynamic-card-category .no-data-found-container {
    padding: 24px 16px;
    border-radius: 5px;
  }
}
@media only screen and (max-width: 1024px) {
  .dynamic-card-category .no-data-found-container {
    padding: 24px 16px;
  }
}
.dynamic-card-category .no-data-found-container .no-data-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
@media only screen and (max-width: 768px) {
  .dynamic-card-category .no-data-found-container .no-data-content {
    gap: 16px;
  }
}
.dynamic-card-category .no-data-found-container .no-data-content .category-content-description-text {
  color: #ffffff;
  filter: contrast(150%);
}
.dynamic-card-category .no-data-found-container .no-data-content .category-content-description-text p {
  color: #ffffff;
}
.dynamic-card-category .no-data-found-container .no-data-content h3,
.dynamic-card-category .no-data-found-container .no-data-content h4,
.dynamic-card-category .no-data-found-container .no-data-content h5,
.dynamic-card-category .no-data-found-container .no-data-content h6,
.dynamic-card-category .no-data-found-container .no-data-content p {
  color: #4d4d4d;
  text-align: center;
  font-family: 'Graphik LC Web', Graphik LC;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 768px) {
  .dynamic-card-category .no-data-found-container .no-data-content h3,
  .dynamic-card-category .no-data-found-container .no-data-content h4,
  .dynamic-card-category .no-data-found-container .no-data-content h5,
  .dynamic-card-category .no-data-found-container .no-data-content h6,
  .dynamic-card-category .no-data-found-container .no-data-content p {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
  }
}
@media only screen and (max-width: 1024px) {
  .dynamic-card-category .no-data-found-container .no-data-content h3,
  .dynamic-card-category .no-data-found-container .no-data-content h4,
  .dynamic-card-category .no-data-found-container .no-data-content h5,
  .dynamic-card-category .no-data-found-container .no-data-content h6,
  .dynamic-card-category .no-data-found-container .no-data-content p {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
  }
}
.dynamic-card-category .no-data-found-container .no-data-content .category-content-text-update h3,
.dynamic-card-category .no-data-found-container .no-data-content .category-content-text-update h4,
.dynamic-card-category .no-data-found-container .no-data-content .category-content-text-update h5,
.dynamic-card-category .no-data-found-container .no-data-content .category-content-text-update h6,
.dynamic-card-category .no-data-found-container .no-data-content .category-content-text-update p {
  color: #ffffff;
  filter: contrast(150%);
}
.dynamic-card-category .no-data-found-container .no-data-content .cta-button {
  height: 40px;
  background-color: #121517;
}
.dynamic-card-category .no-data-found-container .no-data-content .cta-button a {
  display: flex;
  height: 40px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  text-align: center;
  font-family: 'Graphik LC Web', Graphik LC;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
.dynamic-card-category .no-data-found-container .category-content-btn-update .cta-button {
  background-color: #ffffff;
}
.dynamic-card-category .no-data-found-container .category-content-btn-update .cta-button a {
  color: #262626;
}
.dynamic-card-category .no-data-found-container .category-content-btn-update .cta-button:hover {
  background-color: #ffffff;
}
.dtx-badges-container {
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .dtx-badges-container {
    gap: 20px;
  }
}
.image-container img {
  width: 97px;
  height: 97px;
}
@media only screen and (min-width: 768px) {
  .image-container img {
    width: 106px;
    height: 106px;
  }
}
@media only screen and (min-width: 1024px) {
  .image-container img {
    width: 150px;
    height: 150px;
  }
}
.greyscale img {
  filter: grayscale(1);
  opacity: 0.5;
}
.category-tag {
  padding: 8px 16px 8px 12px;
  gap: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  color: #666666;
  line-height: 18px;
  cursor: pointer;
  border-radius: 1000px;
  border: 1px solid #bfc8cf;
}
@media only screen and (min-width: 1024px) {
  .category-tag {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 0px;
    border: 1px solid transparent;
  }
}
.category-tag[data-selected='true'] {
  border-radius: 1000px;
  background: #1f2528;
  color: #ffffff;
  cursor: initial;
}
.category-tags-container {
  gap: 10px;
  margin-bottom: 24px;
  margin-top: 24px;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.category-tag svg {
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 1024px) {
  .category-tag svg {
    width: 24px;
    height: 24px;
  }
}
.category-tag svg path {
  fill: #666666;
}
.category-tag__active svg path {
  fill: #ffffff;
}
.selected-for-you-theme {
  height: 730px;
  position: absolute;
  width: 100%;
  background-color: #121517;
  z-index: -4;
  left: 0;
  border-radius: 32px;
  outline: 30px solid #121517;
  box-shadow: 0 0 30px 30px #121517;
}
@media only screen and (max-width: 1024px) {
  .selected-for-you-theme {
    height: 715px;
    border-radius: 24px;
    outline: none;
    box-shadow: 0 32px 0 0 #121517;
  }
}
.learn-column-control {
  overflow-x: hidden;
}