/*!**************************************************************************************************************************************************************!*\
  !*** 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 {
  --font-roboto: "Roboto", sans-serif;
  --font-gothic: "Century Gothic", sans-serif;
  --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;
  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: 3rem 1.5rem 1.125rem;
    min-height: 15rem;
  }
}
@media (min-width: 768px) {
  .bio-blog-banner__container::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0.0625rem;
    background-color: #9F8AFF;
    height: 100%;
    left: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .bio-blog-banner__container::after {
    left: 0;
  }
}
.bio-blog-banner__title {
  color: #27282A;
  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.875rem;
  }
}
.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: #27282A;
  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 #27282A;
  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%234A5466%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;
}
@media (min-width: 768px) {
  .bio-blog-banner__filter-select {
    font-size: 0.9375rem;
  }
}
.bio-blog-banner__filter-select:hover {
  border-color: #27282A;
}
.bio-blog-banner__filter-select:focus {
  outline: none;
  border-color: #27282A;
  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;
}