.blog_header {  
  border-radius: 0px 0px 300px 0px;
  background: radial-gradient(122.1% 122.1% at 50% 100%, #4FAD9F 0%, #051C2C 70.5%, #051C2C 85%);
  padding:200px 0 0;
}

.blog_header .top_tags {
  display:flex;
  align-items:center;
  gap:5px 16px;
  flex-wrap:wrap;
  padding-bottom: 16px;
  padding-top:24px;
}

.blog_header .post_tag {
  text-decoration:none;
  color:#fff;
  border-radius: 10px;
  background: #000;
  padding:4px 8px;
  font-size: 14px;
  font-weight: 600;
}
.blog_header .read_estimate {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  color:#000;
  margin:0;
}

.blog_header .top_content * {  
 color:#fff; 
}
.blog_header .author_social_links {
  display:flex;
  gap:10px;
}
.blog_header .author_social_links a {
  text-decoration:none;
}

.blog_header .author_social_links svg {
  height:24px;
  width:auto;
}

.blog_header .inner-wrapper {
  display:flex;
  padding-top:40px;
  gap:80px;
}

.blog_header .inner-wrapper .sidebar {
  max-width: 240px;
  padding-bottom:20px;
  width:100%;
} 

.blog_header .inner-wrapper .featured_post {
  flex:1;
}

.blog_header .blog-tag-filter a {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding:12px 16px;
  margin:5px 0;
  border-radius: 10px;
  border: 1px solid transparent;
  transition:all .3s ease;
  display:block;
  width:100%;
  text-decoration:none;
}

.blog_header .blog-tag-filter a:hover,
.blog_header .blog-tag-filter a.active {
  border-radius: 10px;
  border: 1px solid #B4FFEB;
}

.blog_header .featured_article {
  margin-bottom:-300px;
  position:relative;
  z-index:3;
}

.blog_header .featured_article .article_content {
  padding-bottom:20px;
}

.blog_header .featured_article .article_image {
  height:600px;
  width:100%;
  border-radius:20px;
  overflow:hidden;
}

.blog_header .featured_article .article_image img {
  width:100%;
  height:100%;
  object-fit:cover;
}

.blog_header .featured_article .article_title {
  color:  #000;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.blog_header .featured_article .article_description {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.blog_header .sidebar .categories {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

{# Blog search CSS #}

.hs-editor-hide-until-active {
  display: none;
}

.inpage-editor-active-field .hs-editor-hide-until-active {
  display: block;
}

.hs-search-field {
  position: relative;
}

.hs-search-field__input {
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  background:transparent;
  border:0;
  border-bottom:1px solid #fff;
  color:#fff;
}

.hs-search-field__bar button svg {
  height: 10px;
}

.hs-search-field__suggestions {
  padding: 0;
  margin: 0;
  list-style: none;
}

.hs-search-field--open .hs-search-field__suggestions,
.inpage-editor-active-field .hs-search-field__suggestions {
  position: absolute;
  width: 100%;
  border: none;
  background-color: #fff;
  box-shadow: 1px 10px 16px -9px rgba(122, 122, 122, 0.75);
}

.hs-search-field__suggestions li {
  display: block;
  padding: 0;
  margin: 0;
}

.hs-search-field__suggestions .results-for {
  font-weight: bold;
  font-size:14px;
}

.hs-search-field__suggestions a,
.hs-search-field__suggestions .results-for {
  display: block;
  padding: 0 10px;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #34a090;
    line-height: 1.4;
    margin: 5px 3px;
    padding: 5px 3px 8px;
  line-height:1.4;
  text-underline-offset:4px;
}

.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
  background-color: #fff;
  text-decoration:underline;
  outline: none;
}

.hs-search-field__input:focus {
  outline-style: none;
  border-bottom: 1px solid #B4FFEB;
}
.hs-search-field__input::placeholder {
  color:#eee;
}

.hs-search-field__suggestions-container {
  position: relative;
  flex-basis: 100%;
}

.hs-search-field__form {
  display: flex;
  flex-wrap: wrap;
}

.hs-search-field__label {
  flex-basis: 100%;
}

.hs-search-field__bar--button-beneath .hs-search-field__input {
  flex-basis: 100%;
}

.hs-search-field__bar--button-beneath .hs-search-field__button {
  margin-top: 0.725rem;
  margin-right: 0.725rem;
}

.hs-search-field__bar--button-align-right .hs-search-field__button {
  margin-right: 0;
  margin-left: 0.725rem;
  order: 2;
}

.hs-search-field__bar--button-beneath .hs-search-field__suggestions-container {
  min-width: 75%;
  flex-basis: auto;
  flex-grow: 1;
}

.hs-search-field__button--labelled .hs_cos_wrapper_type_icon {
  margin-right: 0.5rem;
}

/* stylelint-disable declaration-no-important */
.show-for-sr {
  position: absolute !important;
  overflow: hidden !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

#tag-list {
  display: block; 
}



.blog-tag-filter__toggle {
  background: transparent;
  color: #fff;
  padding: 12px 16px;
  cursor: pointer;
  width:100%;
  border-radius: 10px;
  border: 1px solid #B4FFEB;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight: 600;
}

.blog-tag-filter__toggle:hover,
.blog-tag-filter__toggle:focus {
    background: transparent;
  color: #fff;
  outline:none;
}


  #toggle-tags {
    display: none;
  }

@media (max-width:868px) {
  
  #toggle-tags {
    display: flex; 
  }
  #tag-list {
    display: none; 
  }
  
  .blog_header .inner-wrapper {
    flex-direction:column;
    gap:20px;
  }
  .blog_header .inner-wrapper .sidebar {
    max-width:100%;
    width:100%;
  }
  .blog_header .featured_article .article_image {
    height:220px;
  }
  .blog_header .sidebar .categories {
    display:none;
  }
  .blog_header {  
    border-radius: 0px 0px 150px 0px;
    padding: 150px 0 0;
  }
  .blog_header .featured_article .article_content {
    padding-bottom:0px;
  }
  .blog_header .featured_article .article_title {
        font-size: 24px;
  }
  .blog_header .featured_article {
    margin-bottom:-400px;
  }
}
@media only screen and (min-width: 900px){
  .blog_header .featured_article {
    max-width: 85%;
  }
}