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

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

.hs-search-field {
  position: relative;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.hs-search-field__input {
  box-sizing: border-box;
  width: 100%;
  flex: 1;
  border-radius: 3px;
  line-height:1.3;
  padding: 10px 10px;
  font-size:14px;
}

.hs-search-field__input::placeholder{
  /*   font-size:14px; */
  font-weight: 400;
  line-height: 1 !important;
  vertical-align: middle;
  display: inline-block;
  padding-bottom:3px;

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

.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 {
  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__suggestions-container {
  min-width: 75%;
  flex-basis: auto;
  flex-grow: 1;
}
.hs-search-field__button-bydeultimg {
  padding-top:7px;
}
.hs-search-field__button {
  margin-bottom: 0;
  border: 0 !important;
  background: #fff0;
  padding: 0;
  position: absolute;
  align-items: baseline;
  right: 0;
  top: 0;
  height: 100%;
  /*     transform: translateY(-50%); */
  width: 30px;
  color: unset !important;
}
.hs-search-field__button:focus, .hs-search-field__button:active {background: #fff0;}
/* 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-index-head-right .hs-search-field {
  max-width: 420px;
  margin-left: auto;
}








.blog-index-main section.blog-index{gap:30px;}
.blog-index-main article.blog-index__post{width:100%;border-radius:20px;transition:all 0.3s;}
.blog-index-main article.blog-index__post:hover{box-shadow:0px 4px 16px 0px #14264429;}
.blog-index-main article.blog-index__post:hover .blog-index__post-title a{text-decoration:underline!important;}
.blog-index-main .blog-index__post-image-wrapper img{width:100%;height:230px;object-fit:cover;border-radius:10px;}
.blog-index-main .blog-index__author-info{font-size:14px; margin-top:auto;}
.blog-index__post__inner{height:100%;}
.blog-index__post-content{flex:1;}
.blog-index-main span.blog-index__author-avatar img{width:30px;height:30px;object-fit:cover;border-radius:50%;}
.blog-index-main .blog-index__author-name{margin-left:8px;}
.blog-index-main  .blog-index__topic-inner{display:flex;flex-wrap:wrap;}
.blog-index-main .blog-index__topic-img{margin-right:7px;}
.blog-index-main .blog-index__topic-link{margin:0 3px;}
.blog-index-main  .loader{display:flex;justify-content:center;align-items:center;gap:6px;padding:40px 0;width:100%;}
.blog-index-main .loader div{width:10px;height:10px;border-radius:50%;animation:bounce 0.6s infinite alternate;}
.blog-index-main .loader div:nth-child(2){animation-delay:0.2s;}
.blog-index-main .loader div:nth-child(3){animation-delay:0.4s;}
.blog-index-main .topic-buttons{display:flex;flex-wrap:wrap;gap:20px;}
.blog-index-main .topic-btn{
  border-radius: 10px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;}
.hs-search-field--open .hs-search-field__suggestions { border: 0; padding: 15px 5px;  z-index: 2; }
.hs-search-field__suggestions li { margin: 10px 0;}

.blog-index-main .blog-index__topic-link-outer{width:calc(100% - 23px);}
@keyframes bounce{
  from{transform:translateY(0);opacity:0.4;}
  to{transform:translateY(-12px);opacity:1;}
}

article.blog-index__post.quotation .quotation-inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
}
article.blog-index__post.quotation .quotation-inner blockquote {
  border: none;
  padding: 0 10px;
  text-align: center;
  font-weight: 500;
  font-style: italic;
}
article.blog-index__post.quotation .quotation-icon {
  position: absolute;
  top: 10px;
  left: 10px;
}

@media (min-width:1200px){
  .blog-index-main article.blog-index__post{width:calc(33.33% - 20px);}
}
@media (min-width:768px) and (max-width:1199px){
  .blog-index-main article.blog-index__post{width:calc(50% - 15px);}
}
@media (max-width:991px) {
  .blog-index-head-right .hs-search-field {
    max-width: 100%;

  }
  @media (max-width:767px){
    article.blog-index__post.quotation .quotation-inner blockquote {
      margin: 0 0 50px 0;
    }
    article.blog-index__post.quotation .quotation-inner > * {
      width: 100%;
    }
    article.blog-index__post.quotation .quotation-icon {
      position: relative;
      margin-bottom: 50px;
    }
    .blog-index-head-left {
      width: 100%;
    }
    .blog-index-head-right{
      margin: 20px 0 20px auto;
      width: 100%;
    }
    .blog-index-head-right .hs-search-field{
      max-width:100%;
    }

  }