.body-container--blog-index .dnd-section {
  padding: 0 !important;
  max-width: 100% !important;
}

.body-container--blog-index .dnd-section .dnd-column {
  padding-left: 0;
  padding-right: 0;
}

/* Blog post */


.banner--blog {
  overflow: hidden;
  padding: 150px 15px;
  position: relative;
  background-size: cover;
  background-position: 50%;
}
.banner--blog:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, .5);
}
.banner--blog .banner__inner {
  margin: 0 auto;
  max-width: 700px;
  position: relative;
  text-align: center;
}
.banner--blog a {
  text-decoration: none;
}

.banner--blog .banner__inner {
  font-size: 18px;
}
.banner--blog .banner__inner * {
  color: #fff;
}

.blog-dnd-section {
  padding: 80px 15px;
  position: relative;
}


.blog-comments,.blog-post {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px
}

.blog-post__tags svg {
  fill: #000;
  opacity: .7
}

.blog-comments {
  margin: 70px auto;
}

.blog-post__share a {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  height: 50px;
  justify-content: center;
  margin: 5px;
  width: 50px
}

.blog-post__share a:hover svg {
  fill: #fff
}

.blog-post__share svg {
  transition: all .21s ease
}

.blog-post__share-twitter svg {
  fill: #1da1f2
}

.blog-post__share-twitter {
  border: 1px solid #1da1f2
}

.blog-post__share-twitter:hover {
  background: #1da1f2
}

.blog-post__share-linkedin svg {
  fill: #007bb5
}

.blog-post__share-linkedin {
  border: 1px solid #007bb5
}

.blog-post__share-linkedin:hover {
  background: #007bb5
}

.blog-post__share-facebook svg {
  fill: #1877f2
}

.blog-post__share-facebook {
  border: 1px solid #1877f2
}

.blog-post__share-facebook:hover {
  background: #1877f2
}

.blog-comments .comment-reply-to:hover {
  background-color: #4353ff;
  color: #fff
}

.blog-comments .comment-reply-to {
  background: none;
  border: 1px solid #4353ff;
  color: #4353ff;
  font-size: 14px;
  padding: 12px 17px 12px 12px
}

.blog-comments .comment-from h4 {
  font-size: 17px;
  margin-bottom: 12px
}

.blog-comments .comment {
  background: #f5f9fb;
  border-radius: 7px;
  margin-bottom: 1rem;
  padding: 21px
}

.blog-comments .comment-reply-to:before {
  content: "\261D";
  display: inline-block
}

.blog-comments .comment.depth-0 {
  margin-top: 0;
  padding-top: 21px
}

.blog-comments .comment.depth-1 {
  margin-left: 4%
}

.blog-comments #comments-listing {
  margin-bottom: 2rem
}

.blog-listing__tags a:before {
  display: none!important
}

.white-item-shadow {
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 43px 70px rgba(0, 0, 0, .07);
  margin-bottom: 21px;
  padding: 43px;
}

.text-center {
  text-align: center;
}

.blog-recent-posts .section-title {
  margin-bottom: 60px;
}
.blog-recent-posts .section-title h3{
  color:#000;
}
.blog-recent-posts {
  padding: 60px 0 0;
}
.blog-recent-posts .blog-recent-posts__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.body-container--blog-post article.blog-post img {
  margin-bottom: 40px;
  margin-top: 40px;
}

.blog-post__tags a {
  text-decoration: none;
  font-size: 16px;
}

.blog-post__tags svg {
  margin-right: 6px;
}

.blog-post__tags {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 50px 0;
}
.blog-recent-posts .blog-recent-posts__list > .item-with-image {
  display: unset;
  margin-left: 21px;
  margin-right: 21px;
  vertical-align: top;
  flex: 0 29%;
  margin-bottom: 43px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 43px 70px rgba(0, 0, 0, .07);
  margin-top: 120px;
  padding: 0 43px 21px;
  transition: all .21s linear;
}
.blog-recent-posts .blog-recent-posts__list > .item-with-image > a {
  display: block;
  aspect-ratio: 16 / 9;
  position: relative;
  margin: 0 auto 30px;
  margin-top: -106px;
}
.blog-recent-posts .blog-recent-posts__list > .item-with-image > a img {
  width: 100%;
  height: 100%;
  border-radius: 7px;
}
.blog-recent-posts .blog-recent-posts__list > .item-with-image:hover {
  transform: translateY(-3px);
}
.blog-recent-posts .blog-recent-posts__list > .item-with-image:first-of-type {
  margin-left: 0;
}

.blog-recent-posts .blog-recent-posts__list > .item-with-image:last-of-type {
  margin-right: 0;
}

.blog-recent-posts .blog-recent-posts__list .item-with-image__image {
  background-size: cover;
  border-radius: 7px;
  display: block;
  margin: -106px auto 21px;
  min-height: 170px;
  text-indent: -9999px;
  transition: all .21s ease-in;
  width: 100%;
}
.blog-recent-posts .blog-recent-posts__list .item-with-image__inner-content h4 a {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}

.blog-recent-posts .blog-recent-posts__list .item-with-image__inner-content small {
  opacity: 0.7;
  font-size: 12px;
}

.blog-recent-posts .blog-recent-posts__list .item-with-image__inner-content h4 {
  margin: 0 0 10px;,
  margin: 0;
}

.blog-recent-posts .blog-recent-posts__list .item-with-image__inner-content .item-with-image__text {
  font-size: 16px;
  margin-top: 10px;
}

.blog-recent-posts .blog-recent-posts__list  .flex-container {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.blog-recent-posts .blog-recent-posts__list .flex-container .item-with-image__text,
.blog-recent-posts .blog-recent-posts__list .flex-container .item-with-image__text a {
  font-size: 14px;
  text-decoration: none;
}

.blog-recent-posts .blog-recent-posts__list .item-with-image__share a {
  align-items: center;
  border: 1px solid #3e884c;
  border-radius: 3px;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  line-height: 1.2;
  text-align: center;
  width: 24px;
}
.blog-recent-posts .blog-recent-posts__list .item-with-image__share a:hover {
  background: #3e884c;
  color: #fff;
}
.blog-recent-posts .blog-recent-posts__list .item-with-image__share a svg {
  fill: #3e884c;
}
.blog-recent-posts .blog-recent-posts__list .item-with-image__share a:hover svg{
  fill:#fff;
}

.blog-recent-posts .blog-recent-posts__list .flex-container .item-with-image__text a{
  color:#3e884c;
}
@media(max-width:1024px){
  .blog-recent-posts .blog-recent-posts__list > .item-with-image {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media(max-width:767px){
  .blog-recent-posts .blog-recent-posts__list > .item-with-image {
    flex: 0 0 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .white-item-shadow {
    padding: 20px 15px;
  }
}


.subscription-form {
  margin-bottom: 30px;
}

.subscription-form .section-header h3 {
  font-size: 24px;
  margin: 0;
  line-height: 1.2;
}

.subscription-form .section-header {
  font-size: 16px;
  line-height: 19.2px;
}

.subscription-form .hs-form-field > label {
  display: none;
}

.subscription-form form .hs-input:not([type=checkbox]):not([type=radio]) {
  border: 2px solid #CCCCCC;
  border-radius: 0;
  height: 56px;
  width: calc(100% - 50px) !important;
  padding-right: 30px;
}

.subscription-form form {
  position: relative;
}
.subscription-form .form-title{
  display:none;
}
.subscription-form form input.hs-button.primary.large {
  background: #A5D60D;
  border-color:  #A5D60D;
  padding: 12px 18px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius:0;
  height: 56px;
}
.subscription-form form input.hs-button.primary.large:hover{
  background: #3e884c;
  border-color: #3e884c;
  color: #fff;
  text-decoration: none;
}
.subscription-form form .hs_error_rollup {
  display: none;
}

.categories h3 {
  font-size: 24px;
  margin: 0 0 15px;
  line-height: 1.2;
}

.categories ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 20px;
  line-height: 1.5;
}

.categories ul li a {
  text-decoration: none;
  color: #000;
  display: block;
  padding: 5px 0;
}
.categories ul li a:hover {
  text-decoration: underline;
}
.categories {
  margin-top: 30px;
}
.body-container--blog-post .blog-sidebar-group {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
}
@media (min-width: 768px) {
  .body-container--blog-post .blog-sidebar>.container-fluid { 
    top: 100px;
  }
}
@media(max-width:767px){
  .body-container--blog-post .blog-sidebar-group { 
    padding-left: 0;
  }
  .categories ul li a { 
    font-size: 16px;
    line-height: 19.2px;
  }
  .body-container--blog-post .blog-sidebar {
    margin-top: 50px;
  }
}