@font-face {
  font-family: "Inter";
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/Inter_Thin.woff2) format("woff2"), url(../fonts/Inter_Thin.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/Inter_ExtraLight.woff2) format("woff2"), url(../fonts/Inter_ExtraLight.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Inter_Light.woff2) format("woff2"), url(../fonts/Inter_Light.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Inter_Regular.woff2) format("woff2"), url(../fonts/Inter_Regular.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Inter_Medium.woff2) format("woff2"), url(../fonts/Inter_Medium.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Inter_SemiBold.woff2) format("woff2"), url(../fonts/Inter_SemiBold.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Inter_Bold.woff2) format("woff2"), url(../fonts/Inter_Bold.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Inter_ExtraBold.woff2) format("woff2"), url(../fonts/Inter_ExtraBold.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/Inter_Black.woff2) format("woff2"), url(../fonts/Inter_Black.woff) format("woff");
}
.container-inner {
  max-width: 1274px;
}

h1 {
  font: 700 48px/1 "Inter";
  color: #222C58;
  text-align: center;
}
@media (max-width: 576px) {
  h1 {
    font-size: 32px;
  }
}

.articles .grid {
  margin-top: 32px;
  margin-bottom: 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 4%;
}
.articles .grid .card {
  background: #222C58;
  border-radius: 100px 100px 33px 33px;
}
.articles .grid .card .image {
  max-height: 364px;
  border-radius: 30px;
  overflow: hidden;
  display: block;
  cursor: pointer;
  transition: transform 0.2s ease-in;
}
.articles .grid .card .image:hover {
  transform: translateY(-2px);
}
.articles .grid .card .image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.articles .grid .card .title {
  padding: 16px 20px 20px;
  text-align: center;
  font: 800 16px/1 "Inter";
  color: #ffffff;
}
@media (max-width: 768px) {
  .articles .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .articles .grid {
    grid-template-columns: 1fr;
  }
  .articles .grid .card .image {
    max-height: 300px;
  }
  .articles .grid .card .image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.articles-item h1 {
  font: 800 48px/1 "Inter";
  text-align: left;
  margin-bottom: 40px;
}
@media (max-width: 576px) {
  .articles-item h1 {
    font-size: 32px;
  }
}
.articles-item .partition:not(:last-of-type) {
  margin-bottom: 24px;
}
.articles-item .text {
  font: 400 20px/1 "inter";
  color: #1A2847;
}
.articles-item .text p:not(:last-of-type) {
  margin-bottom: 18px;
}
.articles-item .text.justify {
  text-align: justify;
}
.articles-item .text ul {
  margin-bottom: 18px;
  list-style: disc;
  padding-left: 20px;
}
.articles-item .text ul li {
  margin-bottom: 8px;
}
.articles-item .text ol li {
  margin-bottom: 8px;
}
.articles-item .text .heading {
  font: 700 40px/1 "Inter";
}
@media (max-width: 576px) {
  .articles-item .text .heading {
    font-size: 28px;
  }
}
.articles-item .text .sub-heading {
  font: 500 32px/1 "Inter";
}
@media (max-width: 576px) {
  .articles-item .text .sub-heading {
    font-size: 24px;
  }
}
.articles-item img {
  border-radius: 25px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.articles-item .two-column-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.articles-item .two-column-flexible-grid {
  display: grid;
  grid-template-columns: 9fr 11fr;
  gap: 20px;
}
.articles-item .two-column-flexible-grid img:nth-of-type(1) {
  grid-row: span 2;
}
.articles-item .three-column-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 576px) {
  .articles-item .three-column-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .articles-item .three-column-grid img:nth-of-type(2) {
    display: none;
  }
}/*# sourceMappingURL=articles.css.map */