.PageCard {
  background-color: #fff;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: var(--space-2xl) var(--space-2xl) var(--space-xl);
  -webkit-box-shadow: 0 14px 30px 0 rgba(157, 167, 170, 0.08), 0 4px 8px 0 rgba(157, 167, 170, 0.16);
          box-shadow: 0 14px 30px 0 rgba(157, 167, 170, 0.08), 0 4px 8px 0 rgba(157, 167, 170, 0.16);
  position: relative;
  min-height: 328px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  overflow: hidden;
}

  @media screen and (max-width: 767px) {.PageCard {
    min-height: 192px;
    padding: var(--space-2xl) var(--space-xl) var(--space-l)
}
  }

  .PageCard_hoverState {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }

  .PageCard_hoverState .PageCard-SubTitle {
      color: var(--color-reach-black);
    }

  .PageCard_hoverState:hover {
      color: var(--color-blue-primary-light);
    }

  .PageCard_hoverState:hover:not(.PageCard_view_row) {
        -webkit-box-shadow: 0 14px 30px rgba(157, 167, 170, 0.2), 0 4px 8px rgba(157, 167, 170, 0.3);
                box-shadow: 0 14px 30px rgba(157, 167, 170, 0.2), 0 4px 8px rgba(157, 167, 170, 0.3);
      }

  .PageCard_hoverState:hover .Button {
        color: var(--color-blue-primary-light);
      }

  .PageCard_hoverState:active {
      color: var(--color-blue-primary-dark);
    }

  .PageCard_hoverState:active .Button {
        color: var(--color-blue-primary-dark);
      }

  .PageCard_view_secondary {
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
      border: 1px solid var(--color-decor);
      border-radius: 2px;
      padding: var(--space-xl);

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
    }

  .PageCard_view_secondary .PageCard-Picture {
        -webkit-box-ordinal-group: 11;
            -ms-flex-order: 10;
                order: 10;
        margin-bottom: 0;
        padding-top: var(--space-xl);
        margin-top: auto;
      }

  .PageCard_view_secondary .PageCard-SubTitle {
        max-width: 100%;
      }

  .PageCard_view_secondary .PageCard-Link {
        position: relative;
      }

  .PageCard_view_row {
      background-color: transparent;
      padding: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      min-height: auto;
      border-radius: 0;
      overflow: visible;
      min-height: 104px;
    }

  .PageCard_view_row.PageCard_picture {
        padding-left: 208px;
      }

  .PageCard_view_row .PageCard-Line {
        display: none;
      }

  .PageCard_view_row .PageCard-Picture {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 184px;
        height: 104px;
        overflow: hidden;
      }

  .PageCard_view_row .PageCard-Button {
        padding-top: calc(var(--space-3xl) - 10px);
        margin-top: auto;
      }

  .PageCard_size_l {
      padding: var(--space-4xl) var(--space-3xl) var(--space-3xl);
    }

  @media screen and (max-width: 1199px) {

  .PageCard_size_l {
        min-height: 308px;
        padding: var(--space-3xl) var(--space-2xl) var(--space-2xl)
    }
      }

  @media screen and (max-width: 767px) {

  .PageCard_size_l {
        padding: var(--space-2xl) var(--space-xl) 0;
        --space-right-wrapper: calc(var(--space-xl) * -1)
    }
      }

  @media screen and (max-width: 767px) {

  .PageCard_size_l .PageCard-SubTitle {
          margin-top: var(--space-xs)
      }
        }

  .PageCard_size_l .PageCard-Button {
        padding-top: var(--space-7xl);
      }

  @media screen and (max-width: 1199px) {

  .PageCard_size_l .PageCard-Button {
          padding-top: var(--space-4xl)
      }
        }

  @media screen and (max-width: 767px) {

  .PageCard_size_l .PageCard-Button {
          padding-top: 0;
          margin-top: var(--space-l);
          margin-bottom: var(--space-l)
      }
        }

  .PageCard_decorPosition_bottomRight .PageCard-Decor {
        position: absolute;
        bottom: -1px;
        right: 0;
      }

  @media screen and (max-width: 767px) {

  .PageCard_decorPosition_bottomRight .PageCard-Decor {
          position: relative;
          margin-left: auto;
          margin-right: var(--space-right-wrapper);
          max-width: 160px;
          margin-top: var(--space-s)
      }
        }

  .PageCard-LinkOverlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
  }

  .PageCard-Line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
  }

  .PageCard-SubTitle {
    position: relative;
    z-index: 1;
    margin-top: var(--space-m);
    max-width: 656px;
    max-width: 57.342657%;
  }

  @media screen and (max-width: 1199px) {

  .PageCard-SubTitle {
      max-width: 472px
  }
    }

  @media screen and (max-width: 767px) {

  .PageCard-SubTitle {
      margin-top: var(--space-s)
  }
    }

  .PageCard-Button {
    margin-top: auto;
    padding-top: var(--space-m);
  }

  .PageCard-Link {
    margin-top: var(--space-m);
  }

  .PageCard-Decor {
    position: absolute;
    bottom: var(--space-2xl);
    right: var(--space-3xl);
    max-width: 221px;
  }

  @media screen and (max-width: 1199px) {

  .PageCard-Decor {
      max-width: 160px
  }
    }

  @media screen and (max-width: 767px) {

  .PageCard-Decor {
      bottom: var(--space-xl);
      right: var(--space-xl);
      max-width: 89px
  }
    }
