/*!**************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./inc/blocks/block-blog-banner/style.scss ***!
  \**************************************************************************************************************************************************************/
:root {
  --color-primary: #548B26;
  --color-secondary: rgba(0, 0, 0, 1);
  --color-white: #FFF;
  --color-black: #000;
  --color-footer-title: #71828C;
  --color-gray: #2E2E2E;
  --color-gray-10: #F9F9F9;
  --color-gray-20: #F4F4F4;
  --color-gray-30: #ADADAD;
  --color-gray-50: #6E6E6E;
  --color-blue-30: rgba(159, 188, 204, 0.30);
  --color-blue-50: #9fbccc;
  --swiper-navigation-size: 16px;
  --swiper-navigation-sides-offset: 49px;
  --search-border-color: rgb(224, 224, 224);
  --search-primary-hover: rgb(192, 57, 43);
  --search-text-color: rgb(51, 51, 51);
  --search-placeholder-color: rgb(153, 153, 153);
  --search-overlay-bg: rgba(255, 255, 255, 0.75);
  --search-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  --search-transition: 0.3s ease;
  --jvm-background-primary:#80BE56;
  --jvm-color-text-primary: #2E2E2E;
  --jvm-green-primary: #80BE56;
  --color-green-dark: #2D6400;
}

.bio-blog-banner {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  position: relative;
}
.bio-blog-banner__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  max-width: 79.5rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: 1.5rem 1.5rem 1.125rem;
  min-height: 18.75rem;
}
@media (min-width: 768px) {
  .bio-blog-banner__container {
    padding: 1.875rem 1.5rem;
  }
}
.bio-blog-banner__title {
  color: #FFFFFF;
  text-align: center;
  font-size: 3.375rem;
  font-style: normal;
  font-weight: 450;
  line-height: 3.75rem;
  letter-spacing: -0.027rem;
  margin-bottom: 1.1875rem;
}
@media (min-width: 768px) {
  .bio-blog-banner__title {
    margin-bottom: 1.5rem;
  }
}
.bio-blog-banner__title strong {
  font-weight: 800;
}
.bio-blog-banner__filter-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  flex-wrap: wrap;
  justify-content: center;
}
.bio-blog-banner__filter-label {
  color: #FFFFFF;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.0225rem;
}
.bio-blog-banner__filter-select {
  padding: 0.5rem 2.25rem 0.5rem 1.125rem;
  border: 1px solid #FFFFFF;
  border-radius: 7.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.0225rem;
  background: transparent;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M11.2897 14.8297L7.0497 10.5897C6.95598 10.4967 6.88158 10.3861 6.83081 10.2643C6.78004 10.1424 6.75391 10.0117 6.75391 9.8797C6.75391 9.74769 6.78004 9.61698 6.83081 9.49512C6.88158 9.37326 6.95598 9.26266 7.0497 9.1697C7.23707 8.98345 7.49052 8.87891 7.7547 8.87891C8.01889 8.87891 8.27234 8.98345 8.4597 9.1697L11.9997 12.7097L15.5397 9.1697C15.7271 8.98345 15.9805 8.87891 16.2447 8.87891C16.5089 8.87891 16.7623 8.98345 16.9497 9.1697C17.0424 9.26314 17.1157 9.37395 17.1655 9.49579C17.2152 9.61763 17.2405 9.74809 17.2397 9.8797C17.2405 10.0113 17.2152 10.1418 17.1655 10.2636C17.1157 10.3854 17.0424 10.4963 16.9497 10.5897L12.7097 14.8297C12.6167 14.9234 12.5061 14.9978 12.3843 15.0486C12.2624 15.0994 12.1317 15.1255 11.9997 15.1255C11.8677 15.1255 11.737 15.0994 11.6151 15.0486C11.4933 14.9978 11.3827 14.9234 11.2897 14.8297Z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  background-size: 1.5rem;
  transition: all 0.2s ease;
  height: 2.625rem;
  min-width: 13.1875rem;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .bio-blog-banner__filter-select {
    font-size: 0.9375rem;
  }
}
.bio-blog-banner__filter-select option {
  color: #091725;
}
.bio-blog-banner__filter-select:hover {
  border-color: #FFFFFF;
}
.bio-blog-banner__filter-select:focus {
  outline: none;
  border-color: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(74, 84, 102, 0.1);
}
.bio-blog-banner--full {
  width: 100%;
}
.bio-blog-banner--wide {
  max-width: 87.5rem;
  margin: 0 auto;
}