.card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 1.2rem;
  background-color: #ffffff;
  box-shadow: 0.2rem 0.4rem 1rem 0 rgba(174, 181, 184, 0.4);
  margin: 1rem;
  overflow: hidden;
  text-decoration: none;
  min-width: 20rem;
}
@media screen and (min-width: 769px) {
  .views-row .card {
    height: 100%;
  }
}

.card .icon--container {
  width: 9rem;
  margin: 0 auto;
}
.card .icon--container i,
.card .icon--container svg {
  font-size: 9rem;
}
.card .icon--container {
  padding: 2rem 0 1rem;
}
.card__category {
  padding: 1.6rem 1.6rem 0;
  margin: 0;
  color: #428533;
  font-size: 1.6rem;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.25;
}
.card__title {
  font-size: 2.4rem;
  color: #1b2b34;
  text-align: left;
  padding: 1.6rem;
  margin: 0;
}
.paragraph-776 .card__title {
  font-weight: normal;
}
@media screen and (min-width: 769px) {
  .paragraph-776 .card__title {
    min-height: 9rem;
  }
}

.card__logo {
  padding: 1rem 0;
  text-align: center;
}
.card__logo img {
  max-width: 80%;
  max-height: 20rem;
}
.card__content {
  padding: 0 1.6rem 1.6rem;
  color: #1b2b34;
}
.card__content p {
  margin-top: 0;
}
.card__content table ul {
  margin: 0 3rem;
}
.card__link-text {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  position: relative;
  padding: 1.6rem;
  z-index: 1;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1rem;
  transition: color 0.5s ease 0.3s;
  color: #01579b;
}
.card__link-text i,
.card__link-text svg {
  margin-left: 0.5rem;
}
.card__link-text .fas {
  margin-left: 1rem;
}
.card__link-text::after {
  content: "";
  position: absolute;
  display: flex;
  width: 4.8rem;
  height: 100%;
  border-radius: 4.2rem 0 1.2rem 4.2rem;
  bottom: 0;
  right: -50%;
  z-index: -1;
  transition: all 0.55s ease-in-out;
  background-color: #01579b;
}
.card__link-text--green {
  color: #428533;
}
.card__link-text--green::after {
  background-color: #428533;
}
.card:hover, .card:focus {
  text-decoration: none;
}
.card:hover .icon--arrow, .card:focus .icon--arrow {
  z-index: 1;
}
.card:hover .icon--arrow.icon--blue-arrow, .card:hover .icon--arrow.icon--green-arrow, .card:focus .icon--arrow.icon--blue-arrow, .card:focus .icon--arrow.icon--green-arrow {
  background-image: url("/themes/custom/nitaac/dist/images/icon-arrow-white.svg");
}
.card:hover h3, .card:focus h3 {
  text-decoration: underline;
}
.card:hover .card__link-text, .card:focus .card__link-text {
  color: #ffffff;
}
.card:hover .card__link-text::after, .card:focus .card__link-text::after {
  right: 0;
  width: 120%;
}
.card__style--green {
  color: #428533;
}
.card__style--green:active, .card__style--green:hover, .card__style--green:visited {
  color: #428533;
}
.card__style--green .mss-card__link-text {
  color: #428533;
}
.card__style--green .mss-card__animation {
  background: #428533;
}
.card__style--green .mss-icon {
  color: #428533;
}
.card__style--green:hover .icon--arrow, .card__style--green:focus .icon--arrow {
  background-image: url("../images/icon-arrow-white.svg");
}
.card__style--blue {
  color: #01579b;
}
.card__style--blue:active, .card__style--blue:hover, .card__style--blue:visited {
  color: #01579b;
}
.card__style--blue .mss-card__link-text {
  color: #01579b;
}
.card__style--blue .mss-card__animation {
  background: #01579b;
}
.card__style--blue .mss-icon {
  color: #01579b;
}
.card__style--blue:hover .icon--arrow, .card__style--blue:focus .icon--arrow {
  background-image: url("../images/icon-arrow-white.svg");
}
.card__style--orange {
  color: #f45c21;
}
.card__style--orange:active, .card__style--orange:hover, .card__style--orange:visited {
  color: #f45c21;
}
.card__style--orange .mss-card__link-text {
  color: #f45c21;
}
.card__style--orange .mss-card__animation {
  background: #f45c21;
}
.card__style--orange .mss-icon {
  color: #f45c21;
}
.card__style--orange:hover .icon--arrow, .card__style--orange:focus .icon--arrow {
  background-image: url("../images/icon-arrow-white.svg");
}
.card .mss-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  height: 4.8rem;
  width: 4.8rem;
  color: #428533;
}
.card .mss-icon:not(.icon--arrow) {
  margin: 2rem auto;
}
.card .icon--arrow {
  position: absolute;
  bottom: -0.5rem;
  right: 0;
  transition: background-image 0.5s ease 0.3s;
  margin-bottom: 1px;
}
.card__hover--card {
  padding: 2rem;
  z-index: 1;
  transition: background-color 0.5s ease-in-out;
  cursor: default;
  min-height: 24rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card__hover--card .icon--container {
  width: 9rem;
  margin: 0 auto;
}
.card__hover--card .icon--container i,
.card__hover--card .icon--container svg {
  font-size: 9rem;
}
.card__hover--card .mss-icon,
.card__hover--card .icon--container,
.card__hover--card .icon--upload {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
  text-align: center;
}
.card__hover--card::after {
  content: "";
  display: block;
  background-color: rgba(248.8154506438, 163.356223176, 130.1845493562, 0.5);
  border-radius: 50%;
  width: 18rem;
  height: 18rem;
  position: absolute;
  bottom: -5rem;
  right: -5rem;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.5s ease-in-out;
}
.card__hover--card::before {
  content: "";
  display: block;
  background-color: rgba(247.6115879828, 145.517167382, 105.8884120172, 0.3);
  border-radius: 50%;
  width: 32rem;
  height: 28.8rem;
  position: absolute;
  top: 5rem;
  left: 0;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.5s ease-in-out;
}
.card__hover--card:hover, .card__hover--card:focus {
  background-color: #f45c21;
}
.card__hover--card:hover::after, .card__hover--card:hover::before, .card__hover--card:focus::after, .card__hover--card:focus::before {
  opacity: 1;
}
.card__hover--card:hover .mss-icon,
.card__hover--card:hover .icon--container,
.card__hover--card:hover .icon--upload,
.card__hover--card:hover .card__hover--title, .card__hover--card:focus .mss-icon,
.card__hover--card:focus .icon--container,
.card__hover--card:focus .icon--upload,
.card__hover--card:focus .card__hover--title {
  height: 0;
  opacity: 0;
  margin: 0;
  visibility: hidden;
}
.card__hover--card:hover .card__hover--content, .card__hover--card:focus .card__hover--content {
  height: auto;
  opacity: 1;
  position: relative;
  visibility: visible;
}
.card__hover--card .list-numbered li::before {
  color: #ffffff;
  border: 0.2rem solid #ffffff;
}
.card__hover--card .list-checkmarked i,
.card__hover--card .list-checkmarked svg {
  color: #ffffff;
}
.card__hover--card a,
.card__hover--card a:active,
.card__hover--card a:visited {
  color: #ffffff;
  text-decoration: underline;
}
.card__hover--title {
  margin: 1.5rem 0 0;
  font-family: "Roboto", sans-serif;
  font-size: 2rem;
  font-weight: normal;
  color: #1b2b34;
  text-align: center;
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
  height: auto;
}
.card__hover--content {
  height: 0;
  opacity: 0;
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 3rem;
  transition: opacity 0.5s ease-in-out, margin 0.5s ease-in-out;
  margin: 0;
  visibility: hidden;
}
.card__service {
  border-radius: 1.2rem;
  color: #1b2b34;
  background-color: #ffffff;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(222, 222, 222, 0.5);
  text-decoration: none;
  font-size: 1.6rem;
  max-width: 80rem;
  height: 11rem;
  margin: 1rem auto;
}
@media screen and (max-width: 768px) {
  .card__service {
    height: auto;
  }
}
.card__service a {
  color: #1b2b34;
  text-decoration: none;
}
.card__service--link {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.card__service--logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  width: 20rem;
}
.card__service--logo img {
  width: 14.5rem;
}
.card__service--title {
  display: none;
}
.card__service--content {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  font-size: 1.6rem;
  padding: 1.6rem;
  margin: 0 1rem;
  border-left: 0.2rem solid #cccccc;
  width: calc(100% - 25rem);
  height: 100%;
}
@media screen and (max-width: 768px) {
  .card__service--content {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .card__service--content {
    display: none;
  }
}
.card__service--icon {
  display: flex;
  color: #ffffff;
  font-size: 5rem;
  background-color: #01579b;
  border-radius: 0 1.2rem 1.2rem 0;
  width: 5rem;
  height: 100%;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
@media screen and (max-width: 480px) {
  .card__service--icon {
    margin-left: auto;
  }
}
.card__service:hover .card__service--content {
  text-decoration: underline;
}
.card__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 1.2rem;
  background-color: #ffffff;
  box-shadow: 0.2rem 0.4rem 1rem 0 rgba(174, 181, 184, 0.4);
  padding: 2rem;
  overflow: hidden;
  text-decoration: none;
  max-width: 32rem;
  margin: 1rem;
}
.service-menu .card__link {
  padding: 1rem;
  max-width: 100%;
  margin: 0 0 1rem;
}

.paragraph--type--menu .card__link {
  padding: 1rem;
  max-width: 100%;
  margin: 0 0 1rem;
}

.card__link--content {
  color: #1b2b34;
  font-size: 1.6rem;
  font-weight: bold;
  margin-right: 1rem;
}
.card__link .fas {
  margin-left: auto;
}
.card__link:hover, .card__link:focus {
  text-decoration: none;
}
.card__link:hover .card__link--content, .card__link:focus .card__link--content {
  text-decoration: underline;
}
.card__link:hover .fas, .card__link:focus .fas {
  text-decoration: none;
}
.card__two-cols {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  border-radius: 1.2rem;
  background-color: #ffffff;
  box-shadow: 0.2rem 0.4rem 1rem 0 rgba(174, 181, 184, 0.4);
  padding: 1rem;
}
@media screen and (max-width: 480px) {
  .card__two-cols {
    flex-direction: column;
  }
}
.card__two-cols--column {
  margin: 1rem;
  flex-basis: 50%;
}
@media screen and (max-width: 480px) {
  .card__two-cols--column {
    flex-basis: 100%;
  }
}
.card__two-cols--content {
  font-size: 1.6rem;
}
.card__article {
  padding-bottom: 1.6rem;
}
.card__article a {
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .card__article a {
    height: 100%;
  }
}
.card__article a:hover .card__article--title {
  text-decoration: underline;
}
.card__article--image {
  max-height: 15rem;
  overflow: hidden;
}
.card__article--image img {
  display: block;
  width: 100%;
}
.card__article--date {
  text-transform: uppercase;
  font-size: 1.6rem;
  color: #428533;
  padding: 1.6rem 1.6rem 0;
  line-height: 1.25;
}
.card__article--title {
  font-family: Merriweather, Georgia, serif;
  font-size: 1.8rem;
  color: #1b2b34;
  padding: 1.6rem 1.6rem 0;
}
.card__article--clps {
  font-family: Roboto, sans-serif;
  font-size: 1.6rem;
  color: #1b2b34;
  padding: 1.6rem 1.6rem 0;
  display: flex;
  font-weight: 600;
}
.card__article--clps::before {
  content: "\f091";
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: 1.5rem;
  top: 5px;
  position: relative;
  margin-right: 7px;
}
.card__article--gwac {
  padding: 1.6rem;
}
.card__article--gwac .field--name-field-gwac {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.card__article--gwac .field--name-field-gwac .field__item {
  background-color: #d5e8f6;
  border-radius: 20px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 7rem;
  padding: 5px 11px;
  color: #01579b;
  font-weight: 600;
  font-size: 15px;
  font-family: Roboto, sans-serif;
  margin-right: 5px;
  white-space: nowrap;
}
.card__event {
  position: relative;
  padding: 0;
  color: #1b2b34;
  font-weight: 600;
  border-radius: 1.2rem;
  box-shadow: 0.2rem 0.4rem 1rem 0 rgba(153, 153, 153, 0.3);
}
.card__event--info {
  display: flex;
  flex-direction: column;
  padding: 1.6rem;
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .card__event--info {
    height: 100%;
  }
}
.card__event--date {
  margin: 0 0 1.6rem;
  font-size: 1.6rem;
  text-transform: uppercase;
  color: #01579b;
  line-height: 1.25;
}
.card__event--title {
  font-family: Merriweather, Georgia, serif;
  font-size: 2.4rem;
  font-weight: normal;
  color: #1b2b34;
  margin: 0;
}
.card__event--type {
  font-size: 1.6rem;
  font-weight: bold;
  color: #1b2b34;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
  border-bottom: 1px solid #2890e5;
}
.card__event--locat {
  font-size: 1.2rem;
  text-transform: uppercase;
  padding: 1.6rem 0;
}
@media screen and (min-width: 769px) {
  .card__event--locat {
    margin-top: auto;
  }
}
.card__event--locat i,
.card__event--locat svg {
  margin-right: 0.5em;
}
.card__event--location {
  margin-right: 1.5rem;
}
.card__event .mss-btn--round {
  min-width: 100%;
  margin-top: 2rem;
}
@media screen and (min-width: 769px) {
  .card__event .mss-btn--round {
    margin-top: auto;
  }
}
.card__event .card__event--locat + .mss-btn--round {
  margin-top: 0;
}
.card__event:hover h3, .card__event:focus h3 {
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .card__view--4-col .view-content {
    display: flex;
    flex-direction: row;
  }
}
.card__view--4-col .views-row {
  position: relative;
  padding: 0 0 1.5rem;
}
@media screen and (min-width: 769px) {
  .card__view--4-col .views-row {
    width: 25%;
    padding: 0 1rem;
  }
}
.card__view--4-col .more-link {
  margin-top: 2.5rem;
  text-transform: uppercase;
}

@media screen and (min-width: 769px) {
  .view-display-id-events_training .view-content,
  .view-display-id-events_upcoming .view-content,
  .view-display-id-hp_latest .view-content,
  .view-display-id-portal_chr_page .view-content,
  .view-display-id-featured_topics .view-content,
  .view-display-id-directors_corner .view-content,
  .view-display-id-case_studies .view-content,
  .view-display-id-whitepapers .view-content,
  .view-display-id-nitaac_blog .view-content,
  .view-display-id-news_recent .view-content,
  .view-display-id-solutions_showcase .view-content,
  .view-display-id-video_2015 .view-content,
  .view-display-id-video_2016 .view-content,
  .view-display-id-video_2017 .view-content,
  .view-display-id-video_2018 .view-content,
  .view-display-id-video_2019 .view-content,
  .view-display-id-video_2020 .view-content,
  .view-display-id-video_2021 .view-content,
  .view-display-id-video_2022 .view-content,
  .view-display-id-video_featured .view-content,
  .view-display-id-video_showcase .view-content,
  .view-display-id-video_training .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .view-display-id-events_training .views-row,
  .view-display-id-events_upcoming .views-row,
  .view-display-id-hp_latest .views-row,
  .view-display-id-portal_chr_page .views-row,
  .view-display-id-featured_topics .views-row,
  .view-display-id-directors_corner .views-row,
  .view-display-id-case_studies .views-row,
  .view-display-id-whitepapers .views-row,
  .view-display-id-nitaac_blog .views-row,
  .view-display-id-news_recent .views-row,
  .view-display-id-solutions_showcase .views-row,
  .view-display-id-video_2015 .views-row,
  .view-display-id-video_2016 .views-row,
  .view-display-id-video_2017 .views-row,
  .view-display-id-video_2018 .views-row,
  .view-display-id-video_2019 .views-row,
  .view-display-id-video_2020 .views-row,
  .view-display-id-video_2021 .views-row,
  .view-display-id-video_2022 .views-row,
  .view-display-id-video_featured .views-row,
  .view-display-id-video_showcase .views-row,
  .view-display-id-video_training .views-row {
    width: 25%;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .view-display-id-ss_recent .views-row,
  .view-display-id-video_landing_block .views-row,
  .view-display-id-news_homepage .views-row,
  .view-lms-learner-dashboard .views-row {
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .view-display-id-ss_recent .views-row,
  .view-display-id-video_landing_block .views-row,
  .view-display-id-news_homepage .views-row,
  .view-lms-learner-dashboard .views-row {
    flex-grow: 1;
  }
}
@media screen and (min-width: 769px) {
  .view-display-id-ss_recent .view-content,
  .view-display-id-video_landing_block .view-content,
  .view-display-id-news_homepage .view-content,
  .view-lms-learner-dashboard .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-self: start;
  }
  .view-display-id-ss_recent .views-row,
  .view-display-id-video_landing_block .views-row,
  .view-display-id-news_homepage .views-row,
  .view-lms-learner-dashboard .views-row {
    flex-basis: 33.3333333333%;
    margin-bottom: 2rem;
    word-break: break-word;
  }
}

@media screen and (min-width: 769px) {
  .view-lms-learner-dashboard .views-row {
    flex-basis: 50%;
  }
}

.page-node-type-lms-landing-page .card__article--title,
.view-lms-learner-dashboard .card__article--title,
.view-course-catalog .card__article--title,
.node--type-lms-course .card__article--title {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 700;
}