#hero-section {
  position: relative;
  height: 560px;
}
#hero-section .bg-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}
#hero-section .container {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
  padding-bottom: 5rem;
}
@media (max-width: 900px) {
  #hero-section .container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
  }
}
#hero-section .container h1 {
  height: fit-content;
  color: #fff;
}
#hero-section .container p {
  color: #fff;
  font-size: clamp(0.7rem, 0.6846rem + 0.1231vw, 0.8rem);
  margin-bottom: 0;
}
#hero-section .container .search-filter-wrap {
  display: flex;
  align-items: center;
  column-gap: 3rem;
  row-gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem 1.5rem;
  border-radius: 15px;
  border: 1px solid #FFF;
  background: linear-gradient(106deg, rgba(255, 255, 255, 0.3) 0%, rgba(227, 227, 227, 0.3) 100%);
  backdrop-filter: blur(5px);
}
#hero-section .container .search-filter-wrap .input-search {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  color: #fff;
  padding: 0.8rem 1.5rem;
  border-radius: 1000px;
  border: 1px solid #FFF;
  background: linear-gradient(91deg, rgba(143, 167, 184, 0.7) 0.22%, rgba(143, 167, 184, 0.4) 99.74%);
}
#hero-section .container .search-filter-wrap .input-search input::placeholder {
  font-family: "inter-regular";
  color: #D4E6F9;
}
@media (max-width: 600px) {
  #hero-section .container .search-filter-wrap .input-search {
    width: 100%;
  }
}
#hero-section .container .search-filter-wrap .input-topic {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#hero-section .container .search-filter-wrap input, #hero-section .container .search-filter-wrap select {
  background: none;
  border: none;
  outline: none;
  color: #fff;
}
#hero-section .container .search-filter-wrap input option, #hero-section .container .search-filter-wrap select option {
  color: #616C77;
}

#blog-list .blog-list-search-text {
  padding: 2rem 0;
}
#blog-list .blog-list-search-text p {
  color: #91A2B2;
  margin-bottom: 0;
}
#blog-list .blog-list-search-text p.hide {
  opacity: 0;
  pointer-events: none;
}
#blog-list .blog-list-search-text span {
  color: #2A80E0;
  font-family: "inter-semibold";
}
#blog-list .blog-list-wrap {
  display: flex;
  flex-wrap: wrap;
  row-gap: 3rem;
  margin: 0 -0.75rem;
}
#blog-list .blog-list-wrap .blog-item {
  padding: 0 0.75rem;
  width: 25%;
}
@media (max-width: 900px) {
  #blog-list .blog-list-wrap .blog-item {
    width: 33.333%;
  }
}
@media (max-width: 768px) {
  #blog-list .blog-list-wrap .blog-item {
    width: 50%;
  }
}
@media (max-width: 450px) {
  #blog-list .blog-list-wrap .blog-item {
    width: 100%;
  }
}

.mixitup-pagination-wrapper {
  padding-top: 3rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  row-gap: 1.5rem;
  align-items: center;
}
@media (max-width: 600px) {
  .mixitup-pagination-wrapper {
    flex-direction: column;
    justify-content: center;
  }
}
.mixitup-pagination-wrapper .mixitup-page-stats {
  font-family: "inter-regular";
  color: #91A2B2;
}
.mixitup-pagination-wrapper .mixitup-page-list button {
  cursor: pointer;
  background: #D4E6F9;
  color: #1C5595;
  height: 32px;
  width: 32px;
  border-radius: 10px;
}
.mixitup-pagination-wrapper .mixitup-page-list button:hover {
  background: #B8D5F5;
}
.mixitup-pagination-wrapper .mixitup-page-list button:active {
  background: #71AAEA;
}
.mixitup-pagination-wrapper .mixitup-page-list .mixitup-control-next, .mixitup-pagination-wrapper .mixitup-page-list .mixitup-control-prev {
  background: #71AAEA;
  color: #D4E6F9;
}
.mixitup-pagination-wrapper .mixitup-page-list .mixitup-control-active {
  border: 1px solid #2A80E0;
}

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