.hero {
  margin-block: min(215px, 45vw) min(75px, 15vw);
}
.hero .container {
  border-radius: 40px;
  overflow: hidden;
  height: min(250px, 30vh);
}
.hero .container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero .container .gradient {
  inset: 0;
  background: linear-gradient(90deg, rgba(25, 63, 119, 0.3) 0%, #193f77 55.46%);
}
.hero .container .face-wrapper {
  top: 0;
  bottom: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .hero .container .face-wrapper {
    display: none;
  }
}
.hero .container .text-wrapper h1 {
  margin-bottom: min(30px, 3vw);
}
.hero .container .text-wrapper .categories-wrapper {
  gap: min(12px, 3vw) min(20px, 3vw);
}
@media only screen and (max-width: 500px) {
  .hero .container .text-wrapper .categories-wrapper {
    flex-wrap: wrap;
  }
}
.hero .container .text-wrapper .categories-wrapper p {
  color: var(--white);
  padding: min(6.5px, 3vw) min(21.5px, 3vw);
  white-space: nowrap;
}

.articles {
  margin-bottom: min(100px, 7vw);
}
.articles .articles-wrapper {
  gap: min(54px, 3vw) min(42px, 3vw);
}
.articles .articles-wrapper .article {
  width: min(445px, 27.7vw);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(101, 101, 101, 0.4);
}
@media only screen and (max-width: 1000px) {
  .articles .articles-wrapper .article {
    width: 48.3%;
  }
}
@media only screen and (max-width: 630px) {
  .articles .articles-wrapper .article {
    width: 100%;
  }
}
.articles .articles-wrapper .article:hover .image-wrapper .read-more {
  opacity: 1;
  visibility: visible;
}
.articles .articles-wrapper .article:hover h3 {
  color: var(--purpole);
}
.articles .articles-wrapper .article .image-wrapper {
  height: 251px;
}
.articles .articles-wrapper .article .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.articles .articles-wrapper .article .image-wrapper .category {
  padding: 7px 10px;
  border-radius: 36px;
  right: 32px;
  bottom: 20px;
  font-size: 14px;
}
.articles .articles-wrapper .article .text-wrapper {
  padding: min(30px, 4vw) min(24px, 4vw) min(18px, 3vw);
}
.articles .articles-wrapper .article .text-wrapper h3 {
  color: var(--dark-blue);
  margin-bottom: min(20px, 3vw);
  font-weight: 400;
  height: 42px;
}
.articles .articles-wrapper .article .text-wrapper .details {
  column-gap: 6px;
  margin-bottom: min(24px, 4vw);
}
.articles .articles-wrapper .article .text-wrapper .details p {
  font-size: 14px;
}
.articles .articles-wrapper .article .text-wrapper .read-more {
  width: fit-content;
  padding: 3.5px 11px;
  margin-inline-start: auto;
}/*# sourceMappingURL=blog.min.css.map */