section.article-list {
  /*.article-box {



      /*padding-bottom: 89px;
      position: relative;
      .box-image {
          margin-bottom: 40px;
      }
      .box-content {
          p {
              text-wrap: balance;
          }
      }
      .box-footer {
          position: absolute;
          left: 0;
          bottom: 0;
          height: 76px;

      }
  }*/
}
section.article-list .articles-container.grid-view .articles-wrapper.columns-3 {
  -ms-grid-columns: (minmax(min(100%, 343px), 1fr))[3];
  grid-template-columns: repeat(3, minmax(min(100%, 343px), 1fr));
}
section.article-list .articles-container.grid-view .articles-wrapper.columns-2 {
  -ms-grid-columns: (minmax(min(100%, 343px), 1fr))[2];
  grid-template-columns: repeat(2, minmax(min(100%, 343px), 1fr));
}
section.article-list .articles-container.grid-view .articles-wrapper.columns-1 {
  -ms-grid-columns: (minmax(min(100%, 343px), 1fr))[1];
  grid-template-columns: repeat(1, minmax(min(100%, 343px), 1fr));
}
section.article-list .articles-container .swiper-wrapper {
  -ms-grid-columns: (minmax(min(100%, 343px), 1fr))[3];
  grid-template-columns: repeat(3, minmax(min(100%, 343px), 1fr));
}
section.article-list .articles-container .swiper-wrapper .article-box {
  display: -ms-grid;
  display: grid;
  gap: 30px;
  -ms-flex-line-pack: start;
      align-content: start;
  border-bottom: 2px solid var(--novari-burgundy);
  position: relative;
  padding-bottom: 54px;
}
section.article-list .articles-container .swiper-wrapper .article-box .box-image {
  margin-bottom: 15px;
}
section.article-list .articles-container .swiper-wrapper .article-box .box-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
  -ms-grid-row-span: 3;
  grid-row: span 3;
}
section.article-list .articles-container .swiper-wrapper .article-box .box-footer {
  padding-bottom: 1.875rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
section.article-list .articles-container .articles-wrapper {
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
  row-gap: 2.5rem;
}
section.article-list .articles-container .articles-wrapper .article-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
  -ms-grid-row-span: 4;
  grid-row: span 4;
  gap: 30px;
  border-bottom: 2px solid var(--novari-burgundy);
}
section.article-list .articles-container .articles-wrapper .article-box .box-image {
  margin-bottom: 15px;
}
section.article-list .articles-container .articles-wrapper .article-box .box-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
  -ms-grid-row-span: 3;
  grid-row: span 3;
}
section.article-list .articles-container .articles-wrapper .article-box .box-footer {
  padding-bottom: 1.875rem;
}
@media (max-width: 64rem) {
  section.article-list .articles-container.grid-view .articles-wrapper.columns-3 {
    -ms-grid-columns: (minmax(min(100%, 343px), 1fr))[2];
    grid-template-columns: repeat(2, minmax(min(100%, 343px), 1fr));
  }
  section.article-list .articles-container.grid-view .articles-wrapper.columns-2 {
    -ms-grid-columns: (minmax(min(100%, 343px), 1fr))[1];
    grid-template-columns: repeat(1, minmax(min(100%, 343px), 1fr));
  }
  section.article-list .articles-container.grid-view .articles-wrapper.columns-1 {
    -ms-grid-columns: (minmax(min(100%, 343px), 1fr))[1];
    grid-template-columns: repeat(1, minmax(min(100%, 343px), 1fr));
  }
  section.article-list .slider-container {
    max-width: 65.38%;
    margin-left: 0;
    overflow: visible !important;
  }
  section.article-list .article-box {
    border-bottom: none;
    padding-bottom: 65px;
  }
  section.article-list .article-box .box-image {
    margin-bottom: 30px;
  }
}
@media (max-width: 47.9375rem) {
  section.article-list .articles-container.grid-view .articles-wrapper.columns-3 {
    -ms-grid-columns: (minmax(min(100%, 343px), 1fr))[1];
    grid-template-columns: repeat(1, minmax(min(100%, 343px), 1fr));
  }
  section.article-list .articles-container.grid-view .articles-wrapper.columns-2 {
    -ms-grid-columns: (minmax(min(100%, 343px), 1fr))[1];
    grid-template-columns: repeat(1, minmax(min(100%, 343px), 1fr));
  }
  section.article-list .articles-container.grid-view .articles-wrapper.columns-1 {
    -ms-grid-columns: (minmax(min(100%, 343px), 1fr))[1];
    grid-template-columns: repeat(1, minmax(min(100%, 343px), 1fr));
  }
}