.cards-links {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 80px;
  margin-bottom: 80px;
  background-color: #f5f5f5;
}
@media (min-width: 768px) {
  .cards-links {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (max-width: 621px) {
  .cards-links {
    margin-top: 56px;
  }
}
.cards-links.no-padding-top {
  padding-top: 0px;
}
.cards-links.no-padding-bottom {
  padding-bottom: 0px;
}
.cards-links.no-margin-top {
  margin-top: 0px;
}
.cards-links.no-margin-bottom {
  margin-bottom: 0px;
}
.cards-links .title {
  font-size: 40px;
  line-height: 48px;
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #333f48;
  hyphens: auto;
  word-break: auto-phrase;
}
@media (min-width: 1024px) {
  .cards-links .title {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (min-width: 1600px) {
  .cards-links .title {
    font-size: 64px;
    line-height: 72px;
  }
}
@media (min-width: 768px) {
  .cards-links .title {
    hyphens: none;
    word-break: normal;
  }
}
.cards-links .container-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  row-gap: 30px;
}
@media (max-width: 1024px) {
  .cards-links .container-cards {
    grid-template-columns: repeat(1, 1fr);
  }
}
.cards-links .container-cards .card {
  cursor: pointer;
}
.cards-links .container-cards .card .item {
  background-color: #ffffff;
  height: 100%;
  padding: 32px 32px;
}
@media (min-width: 768px) {
  .cards-links .container-cards .card .item {
    padding: 40px 32px;
  }
}
.cards-links .container-cards .card .item .title-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 24px;
}
.cards-links .container-cards .card .item .title-container .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 59px;
  height: 59px;
  border-radius: 100px;
  background-color: #333f48;
  margin-bottom: 10px;
  transition: all .2s;
  overflow: hidden;
}
@media (min-width: 768px) {
  .cards-links .container-cards .card .item .title-container .icon {
    width: 75px;
    height: 75px;
    margin-bottom: 18px;
  }
}
.cards-links .container-cards .card .item .title-container .icon img {
  width: 32px;
  height: 32px;
  filter: brightness(0) saturate(100%) invert(84%) sepia(45%) saturate(4003%) hue-rotate(3deg) brightness(105%) contrast(108%);
}
@media (min-width: 768px) {
  .cards-links .container-cards .card .item .title-container .icon img {
    width: 48px;
    height: 48px;
  }
}
.cards-links .container-cards .card .item .title-container .card-title {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  /* 133.333% */
  color: #333f48;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .cards-links .container-cards .card .item .title-container .card-title {
    font-size: 28px;
    line-height: 36px;
    /* 125% */
  }
}
@media (min-width: 1600px) {
  .cards-links .container-cards .card .item .title-container .card-title {
    font-size: 32px;
    line-height: 40px;
    /* 125% */
  }
}
@media (min-width: 768px) {
  .cards-links .container-cards .card .item .title-container .card-title {
    margin-bottom: 18px;
  }
}
.cards-links .container-cards .card .item .card-description {
  color: #333f48;
}
.cards-links .container-cards .card .item .card-description p {
  font-size: 20px;
  line-height: 28px;
  /* 140% */
  font-family: 'N27 Regular';
  font-weight: 400;
  font-style: normal;
}
.cards-links .container-cards .card .item .card-description b {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
}