.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;
}

.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: 1px solid #cdcdcd;
   background-color: #fff;
   box-shadow: 1px 10px 16px -9px rgba(122, 122, 122, 0.75);
   z-index: 2;
}

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

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

.hs-search-field__suggestions a,
.hs-search-field__suggestions .results-for {
   display: block;
   padding: 0 10px;
   line-height: 1.7rem;
}

.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
   background-color: rgba(0, 0, 0, 0.1);
   outline: none;
}

.hs-search-field__input:focus {
   outline-style: solid;
}

.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;
}
/* stylelint-enable declaration-no-important */



.blog_top_banner {
   padding: 41px 0px;
   background-color: #ECE9FE;
}

.blog_top_banner .blog-hero-content {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.blog_top_banner .col-right {
   display: flex;
   gap: 41px;
}
.blog_top_banner .blog-hero-content h1 {
   color: var(--purple);
   line-height: 1.16; /* 116.667% */
   margin-bottom: 0;
   font-weight: 500;
}
.blog_top_banner input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=submit]) {
   border: 1px solid #E1E0ED;
   color: rgb(56 58 66);
   font-size: 16px;
   line-height: 24px;
   padding-left: 37px !important;
   min-height: 40px;
}


.hs-search-field__bar form {
   gap: 0;
   height: 40px;
   position: relative;
   width: 172px;
}

.btn-wrapper .cta-button.hs-search-field__button {
   left: 11px;
   min-height: auto;
   padding: 0 !important;
   position: absolute;
   top: 11px;
}

.btn-wrapper .cta-button.hs-search-field__button svg {
   height: 17px;
   width: 17px;
}

.btn-wrapper .cta-button.hs-search-field__button svg path {
   fill: var(--white);
   stroke: #6E7080;
}

.blog-topics {
   position: relative;
   gap: 0;
   height: 40px;
   max-width: 173px;
   min-width: 173px;
}

.blog-topics .first-topic {
   background-color: var(--white);
   border: 1px solid #e1e0ed;
   border-radius: 6px;
   color: #4c4646;
   display: inline-flex;
   font-family: Jost;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 1px;
   padding: 8px 17px 8px 12px;
   width: 100%;
   justify-content: space-between;
   align-items: center;
}
}

.blog-topics .first-topic svg {
   margin-left: 28px;
   transition: all .3s ease-in-out;
}

.blog-topics .first-topic svg path {
   fill: #fff;
}

.blog-topics .topic-content {
   left: 0;
   list-style: none;
   margin: 0 auto;
   max-width: 180px;
   opacity: 0;
   padding: 0;
   position: absolute;
   right: 0;
   top: 105%;
   visibility: hidden;
   width: 100%;
   z-index: 1;
   background-color: var(--white);
   border-radius: 2px;
   color: #4C4646;
}

.blog-topics .topic-content > ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.blog-topics .topic-content > ul > li {
   border-bottom: 1px solid var(--link_color);
   display: block;
   font-size: 16px;
   line-height: 19px;
   list-style: none;
   padding: 6.5px 18px;
   margin-bottom: 0;
}

.blog-topics .topic-content > ul > li > a {
   display: block;
   margin: 0;
   color: #4C4646;
   line-height: 24px;
   padding-right: 18px;
}

.blog-topics:hover .topic-content {
   box-shadow: 0 6px 12px #00000029;
   opacity: 1;
   visibility: visible;
}

.blog-topics .topic-content > ul > li:last-child {
   border-bottom: none;
}

.blog-topics:hover .first-topic svg {
   transform: rotate(180deg);
}

@media(max-width:991px){
   .blog_top_banner .blog-hero-content {
      flex-direction: column;
   }
}


@media(max-width:479px){
   .blog_top_banner .col-right {
      flex-direction: column;
      gap: 25px;
   }


   .hs-search-field__bar form {
      width: 100%;
   }

   .blog-topics {
      width: 100%;
      max-width:100%;
      min-width:100%;
   }

   .blog-topics .first-topic {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
   .blog-topics .topic-content {
      width: 100%;
      max-width: 100%;
   }
}