.mainArticlesWrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.mainArticlesItem {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 250px;
  padding: 30px;
  background: #ffffff;
  border-radius: 10px;
  position: relative;
  color: #211F1F;
  transition: all .3s;
}

.mainArticlesItemDate {
  color: #A6A6A6;
  font-weight: 500;
  display: block;
  position: relative;
}

.mainArticlesItemDate:after {
  content: "";
  display: block;
  height: 2px;
  width: 30px;
  background: #1291BF;
  position: absolute;
  top: -30px;
}

.mainArticlesItemIcon {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.452 3.52c-1.35.177-2.064.502-2.573 1-.509.5-.84 1.2-1.022 2.522-.187 1.36-.19 3.164-.19 5.75v14.282a6.954 6.954 0 0 1 2.165-.988c.88-.231 1.907-.23 3.411-.23h21.09V12.793c0-2.587-.002-4.39-.189-5.751-.181-1.323-.513-2.023-1.022-2.521-.51-.499-1.224-.824-2.573-1.002-1.39-.183-3.23-.186-5.87-.186h-7.357c-2.64 0-4.48.003-5.87.186Zm.813 7.47c0-.745.617-1.35 1.379-1.35h14.713c.761 0 1.379.605 1.379 1.35 0 .747-.618 1.352-1.38 1.352H12.645c-.762 0-1.38-.605-1.38-1.351Zm1.379 4.956c-.762 0-1.38.605-1.38 1.351 0 .747.618 1.352 1.38 1.352h9.195c.762 0 1.38-.605 1.38-1.352 0-.746-.618-1.351-1.38-1.351h-9.195Z' fill='%231291BF'/%3E%3Cpath d='M14.483 28.558h-2.027c-1.8 0-2.428.012-2.91.139a4.106 4.106 0 0 0-2.83 2.563c.028.637.072 1.198.14 1.698.182 1.322.514 2.023 1.023 2.521.509.499 1.224.824 2.573 1.002 1.39.183 3.23.186 5.87.186h7.357c2.64 0 4.48-.003 5.87-.186 1.35-.178 2.064-.503 2.573-1.002.509-.498.84-1.199 1.022-2.52.152-1.111.182-2.516.188-4.4H21.84v5.01c0 .497 0 .745-.174.846-.174.1-.413-.011-.89-.233l-2.285-1.063c-.161-.075-.242-.113-.329-.113-.087 0-.167.038-.329.113l-2.284 1.063c-.478.222-.716.333-.89.233-.175-.1-.175-.349-.175-.846v-5.01Z' fill='%231291BF'/%3E%3C/svg%3E");
}

.mainArticlesItem:hover {
  text-decoration: none;
  color: #1291BF;
}

@media (max-width: 850px) {
  .mainArticlesWrap {
    display: flex;
    overflow-x: auto;
    padding-bottom: 10px;
  }

  .mainArticlesItem {
    flex: none;
    width: 250px;
    height: 250px;
  }

  .mainArticlesItem:not(:last-child) {
    margin-right: 8px;
  }
}