.s-articles {
  margin: 204px 0 178px; }
  @media (max-width: 1279.98px) {
    .s-articles {
      margin: 110px 0; } }
  @media (max-width: 767.98px) {
    .s-articles {
      margin: 62px 0 76px; } }
  .s-articles__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .s-articles__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1120px;
    width: 100%;
    margin: 42px 0; }
    @media (max-width: 767.98px) {
      .s-articles__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: 26px 0 32px; } }
  .s-articles__item {
    width: calc(50% - 21px); }
    @media (max-width: 1279.98px) {
      .s-articles__item {
        width: calc(50% - 13px); } }
    @media (max-width: 767.98px) {
      .s-articles__item {
        width: 100%; }
        .s-articles__item:not(:last-child) {
          margin-bottom: 26px; } }
  .s-articles__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 767.98px) {
      .s-articles__btn {
        width: 100%; }
        .s-articles__btn .btn {
          width: 100%; } }
  .s-articles--blog-single {
    margin-top: 154px; }
    @media (max-width: 1279.98px) {
      .s-articles--blog-single {
        margin-top: 110px; } }
    @media (max-width: 767.98px) {
      .s-articles--blog-single {
        margin-top: 68px; } }

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 0 26px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  -webkit-clip-path: border-box;
          clip-path: border-box; }
  .card__img {
    width: 100%; }
    .card__img img {
      width: 100%;
      height: auto; }
      @media (max-width: 767.98px) {
        .card__img img {
          -o-object-fit: cover;
             object-fit: cover;
          min-height: 200px; } }
  .card__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    padding: 36px 36px 34px; }
    @media (max-width: 767.98px) {
      .card__desc {
        padding: 22px 26px 26px; } }
    .card__desc h4 {
      margin-bottom: 16px; }
      @media (max-width: 767.98px) {
        .card__desc h4 {
          margin-bottom: 6px; } }
      .card__desc h4 a {
        text-decoration: none; }
    .card__desc p {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-bottom: 45px; }
      @media (max-width: 767.98px) {
        .card__desc p {
          margin-bottom: 16px; } }
  .card--blog {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    box-shadow: none; }
    @media (max-width: 1279.98px) {
      .card--blog {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .card--blog .card__img {
      max-width: 300px;
      width: 100%;
      min-height: 300px;
      border-radius: 16px 0 0 16px;
      overflow: hidden; }
      @media (max-width: 1279.98px) {
        .card--blog .card__img {
          position: relative;
          max-width: 100%;
          border-radius: 16px 16px 0 0;
          padding-bottom: 60%;
          min-height: auto; }
          .card--blog .card__img img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0; } }
      .card--blog .card__img img {
        width: 100%;
        height: 100%;
        border-radius: 0;
        -o-object-fit: cover;
           object-fit: cover; }
    .card--blog .card__desc {
      padding: 32px 41px 36px; }
      .card--blog .card__desc h4 {
        margin-bottom: 9px; }
      .card--blog .card__desc p {
        margin-bottom: 34px; }
      @media (max-width: 1279.98px) {
        .card--blog .card__desc {
          padding: 22px 18px 28px; }
          .card--blog .card__desc p {
            margin-bottom: 22px; } }
    .card--blog .card__row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      font-size: 14px;
      line-height: 1.428;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      margin-bottom: 14px; }
    .card--blog .card__tags {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .card--blog .card__tags a {
        border: 1px solid #dee3e7;
        border-radius: 4px;
        padding: 5px 9px;
        margin-bottom: 10px;
        -webkit-transition: color 0.3s;
             -o-transition: color 0.3s;
                transition: color 0.3s; }
        .card--blog .card__tags a:not(:last-child) {
          margin-right: 10px; }
        .card--blog .card__tags a:hover {
          color: #3d6be8; }
      @media (max-width: 1279.98px) {
        .card--blog .card__tags {
          font-size: 12px; }
          .card--blog .card__tags a {
            padding: 3px 6px 2px; } }
    .card--blog .card__category-name {
      white-space: nowrap;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-left: 30px;
      padding-top: 7px;
      -webkit-transition: color 0.3s;
           -o-transition: color 0.3s;
              transition: color 0.3s; }
      @media (max-width: 1279.98px) {
        .card--blog .card__category-name {
          font-size: 12px; } }
      .card--blog .card__category-name a {
        text-decoration: none; }
      .card--blog .card__category-name:hover {
        color: #3d6be8; }