.hero .hero-title {
  max-width: 770px
}

.hero h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.25em
}

@media(min-width: 768px) {
  .hero h1 {
    font-size: 42px
  }
}

@media(min-width: 1025px) {
  .hero h1 {
    font-size: 54px
  }
}

@media(min-width: 1200px) {
  .hero h1 {
    font-size: 60px
  }
}

.hero .hero-search-bar {
  max-width: 560px;
  padding: 10px 10px 10px 30px
}

.hero input::placeholder {
  color: #fff
}

.hero .input-group .btn {
  padding: 20px 35px
}

.hero .hero-explore-container {
  margin-top: 160px
}

@media(min-width: 576px) {
  .hero .hero-explore-container {
    margin-top: 200px
  }
}

@media(min-width: 1025px) {
  .hero .hero-explore-container {
    margin-top: 220px
  }
}

.hero .hero-explore-btn {
  margin-bottom: 35px;
  font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Georgia, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  padding: 15px
}

.popular-articles {
  padding: 55px 0 45px
}

@media(min-width: 768px) {
  .popular-articles {
    padding: 75px 0 55px
  }
}

@media(min-width: 1025px) {
  .popular-articles {
    padding: 75px 0 70px
  }
}

.popular-articles .main-article,
.popular-articles .sub-article {
  color: #707071
}

.popular-articles .card-title a,
.latest-articles .card-title a {
  color: #111112
}

.popular-articles .card-title,
.latest-articles .card-title {
  margin-bottom: 10px;
  font-size: 20px
}

@media(min-width: 768px) {

  .popular-articles .card-title,
  .latest-articles .card-title {
    font-size: 22px
  }
}

@media(min-width: 1025px) {

  .popular-articles .card-title,
  .latest-articles .card-title {
    font-size: 24px
  }
}

@media(max-width: 575.98px) {
  .popular-articles .sub-article {
    max-width: 360px
  }
}

@media(max-width: 1399.98px) {

  .popular-articles .sub-article img,
  .popular-articles .sub-article svg {
    max-width: 240px
  }
}

@media(max-width: 767.98px) {

  .popular-articles .sub-article img,
  .popular-articles .sub-article svg {
    max-width: 180px
  }
}

@media(max-width: 575.98px) {

  .popular-articles .sub-article img,
  .popular-articles .sub-article svg {
    max-width: 100%
  }
}

.latest-articles {
  padding: 45px 0 65px
}

@media(min-width: 768px) {
  .latest-articles {
    padding: 55px 0 85px
  }
}

@media(min-width: 1025px) {
  .latest-articles {
    padding: 75px 0 124px
  }
}

.latest-articles .card {
  color: #707071;
  max-width: 360px;
  margin: 0 auto 25px
}

@media(min-width: 768px) {
  .latest-articles .card {
    max-width: 100%;
    margin-bottom: 30px
  }
}

@media(min-width: 1025px) {
  .latest-articles .card {
    margin-bottom: 40px
  }
}

.latest-articles .card-text p:last-child {
  margin-bottom: 0
}

/*# sourceMappingURL=blog.css.map */