.card {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto minmax(155px, auto);
  background-color: #EBEDED;
  overflow: hidden;
  position: relative;
  height: auto; }
  div[data-href].card, a.card {
    text-decoration: none;
    transition: 0.25s ease-in-out;
    top: 0; }
    div[data-href].card .card-content *, a.card .card-content * {
      transition: color 0.25s ease-in-out; }
    div[data-href].card:hover, a.card:hover {
      cursor: pointer; }
    div[data-href].card:hover, div[data-href].card:focus, a.card:hover, a.card:focus {
      background-color: #FFD20A;
      top: -20px;
      box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
      transition: 0.25s ease-in-out; }
      div[data-href].card:hover .card-content *, div[data-href].card:focus .card-content *, a.card:hover .card-content *, a.card:focus .card-content * {
        color: #000 !important; }
  .card-media {
    grid-row: 1; }
    .card-media figure img {
      width: 100%; }
  .card-content {
    position: relative;
    padding: 30px; }
  .card-heading {
    font-weight: 400;
    margin-bottom: 0;
    font-weight: 400; }
    .card-heading {
      font-size: 18px; }
    @media (min-width: 575px) {
      .card-heading {
        font-size: calc(18px + 10 * (100vw - 575px) / 1825); } }
    @media (min-width: 2400px) {
      .card-heading {
        font-size: 28px; } }
    .card-heading {
      line-height: 24px; }
    @media (min-width: 575px) {
      .card-heading {
        line-height: calc(24px + 10 * (100vw - 575px) / 1825); } }
    @media (min-width: 2400px) {
      .card-heading {
        line-height: 34px; } }
  .card-subheading, .card-baseline-text {
    font-size: 14px;
    font-weight: 700;
    color: #575C69;
    margin-bottom: 0; }
  .card-baseline-text {
    position: absolute;
    bottom: 30px;
    left: 30px;
    text-transform: capitalize; }
  .card-carousel .swiper-group {
    overflow-x: unset; }
    .card-carousel .swiper-group-container {
      padding-left: 80px;
      padding-right: 80px; }
      @media (min-width: 1600px) {
        .card-carousel .swiper-group-container {
          padding-left: 120px;
          padding-right: 120px; } }
      @media (min-width: 768px) and (max-width: 991.98px) {
        .card-carousel .swiper-group-container {
          padding-left: 60px;
          padding-right: 60px; } }
      @media (max-width: 767.98px) {
        .card-carousel .swiper-group-container {
          padding-left: 30px;
          padding-right: 30px; } }
  .card-carousel .carousel-header {
    padding-left: 80px;
    padding-right: 80px; }
    @media (min-width: 1600px) {
      .card-carousel .carousel-header {
        padding-left: 120px;
        padding-right: 120px; } }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .card-carousel .carousel-header {
        padding-left: 60px;
        padding-right: 60px; } }
    @media (max-width: 767.98px) {
      .card-carousel .carousel-header {
        padding-left: 30px;
        padding-right: 30px; } }
  .card--impact {
    background-color: #000;
    text-decoration: none;
    position: relative;
    transition: 0.25s ease-in-out !important;
    top: inherit;
    align-content: center;
    display: flex;
    align-items: center;
    justify-content: center; }
    .card--impact .overline-text {
      color: #fff;
      margin-bottom: 20px; }
    .card--impact .card-content {
      display: flex;
      padding: 30px 75px 30px 50px;
      flex-direction: column; }
      @media (max-width: 991.98px) {
        .card--impact .card-content {
          padding: 30px; } }
    .card--impact .card-header {
      font-size: 32px;
      color: #fff;
      letter-spacing: -0.47px;
      line-height: 40px; }
      .card--impact .card-header .card-heading {
        font-weight: 400; }
        .card--impact .card-header .card-heading {
          font-size: 22px; }
        @media (min-width: 575px) {
          .card--impact .card-header .card-heading {
            font-size: calc(22px + 26 * (100vw - 575px) / 1825); } }
        @media (min-width: 2400px) {
          .card--impact .card-header .card-heading {
            font-size: 48px; } }
        .card--impact .card-header .card-heading {
          line-height: 26px; }
        @media (min-width: 575px) {
          .card--impact .card-header .card-heading {
            line-height: calc(26px + 34 * (100vw - 575px) / 1825); } }
        @media (min-width: 2400px) {
          .card--impact .card-header .card-heading {
            line-height: 60px; } }
    .card--impact:after {
      content: "\f10b";
      font-family: "icons" !important;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      right: 50px;
      bottom: 53px;
      color: #FFD20A; }
      .card--impact:after {
        font-size: 17px; }
      @media (min-width: 575px) {
        .card--impact:after {
          font-size: calc(17px + 7 * (100vw - 575px) / 1825); } }
      @media (min-width: 2400px) {
        .card--impact:after {
          font-size: 24px; } }
    .card--impact:focus, .card--impact:hover {
      background-color: #FFD20A;
      box-shadow: 0 2px 24px rgba(0, 0, 0, 0.2);
      top: -20px !important; }
      .card--impact:focus .overline-text, .card--impact:focus .card-header, .card--impact:hover .overline-text, .card--impact:hover .card-header {
        color: #000; }
      .card--impact:focus:after, .card--impact:hover:after {
        color: #000; }
  .card--news {
    grid-template-rows: auto minmax(245px, auto);
    top: 0;
    transition: 0.25s ease;
    text-decoration: none; }
    @media (hover: hover) {
      .card--news:hover {
        top: -20px !important; } }
    .card--news .card-content {
      padding: 30px 30px 60px; }
/*# sourceMappingURL=card.css.map */