/* Colors */
/* Gradients */
/*Fonts*/
/*Font sizes*/
/*Max container width*/
/*Border*/
/*Margins*/
/*Images*/
.articles-box .img-decoration {
  position: absolute;
  bottom: -16px;
  z-index: -1;
  width: 100%;
  padding-right: 0; }
  @media (max-width: 768px) {
    .articles-box .img-decoration {
      left: -10px;
      padding: 0; } }

@media (max-width: 768px) {
  .articles-box {
    margin-top: 43px;
    margin-bottom: 30px;
    padding: 0; } }

.articles-box .article-heading {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #154EA5;
  font-family: "archiasemibold";
  margin-bottom: 35px; }
  @media (max-width: 768px) {
    .articles-box .article-heading {
      text-align: center; } }

.articles-box .articles-index-continer {
  width: 30px;
  margin-right: 1rem; }

.articles-box .article-text-box {
  line-height: 1.2; }

.articles-box .articles-index {
  background: #f3348a;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 13px;
  line-height: 21px;
  margin-top: 0px; }
  @media (max-width: 768px) {
    .articles-box .articles-index {
      margin-top: 0; } }

.articles-box .articles-continer {
  margin-bottom: 16px;
  -ms-flex-align: start;
      align-items: flex-start; }
  @media (max-width: 768px) {
    .articles-box .articles-continer {
      -ms-flex-align: center;
          align-items: center; } }

.articles-box .article-title {
  text-decoration: underline;
  font-weight: 500;
  font-size: 13px;
  font-family: "archiasemibold";
  color: #282828;
  margin-bottom: 5px; }
  .articles-box .article-title:hover {
    text-decoration: none; }
  @media (max-width: 768px) {
    .articles-box .article-title {
      margin-bottom: 0; } }

.articles-box .article-description {
  font-weight: 400;
  font-family: "archiaregular";
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 0; }
  @media (max-width: 768px) {
    .articles-box .article-description {
      display: none; } }