

.blog-hero {position: relative;background-size: cover;background-repeat: no-repeat;}
.blog-hero:after {content: '';background: #000000;opacity: .7;position: absolute;height: 100%;width: 100%;top: 0;left: 0;}
.blog-hero-content {padding: 12rem 0;position: relative;z-index: 1;}
.blog-featured-image {padding: 14rem 0;background-size: cover;bakground-repeat: no-repeat;}
.article-panel {position: relative;height: 100%;background: #fff;border: 1px solid #f0f1ed;min-height: 100%;box-shadow: 15px 10px 20px 0 rgba(0, 0, 0, 0.0);-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.article-panel:hover {box-shadow: 15px 10px 20px 0 rgba(0, 0, 0, 0.05);}
.article-panel:first-of-type {height: auto;}
.article-meta { padding: .75rem 1.25rem;background: #fff;}
.article-meta span { font-size: 13px;}
.article-meta span.bull {color: #FFFFFF;padding: 0 .25rem;}
.article-meta span.reading-minutes,.article-panel>a,.article-panel>a:hover { color: color: #FFFFFF;}
.article-panel .article-img {position: relative;height: 0;padding: 0 0 56.25%;overflow: hidden;}
.article-panel .article-content {padding: 1.25rem; background: #fff; position: relative;}
.article-panel .article-img:after {content: '';background: #000;opacity: .1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.article-panel .article-img img {position: absolute;width: 100%;height: 100%;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);object-fit: cover;}
.article-panel h3 {font-weight: 400;margin-top: .625rem;margin-bottom: 2rem;font-size: 1rem;line-height: 1.5;display: block;letter-spacing: 0;}
.article-panel h3 a {color: #313543;}
.tags {display: flex;gap: 5px;}
.tag {line-height: 1;font-size: 0.8rem;}
.tag a {color: #FFFFFF;font-size: 12px;line-height: 1;}
.article-panel .data a {color: #2c4a8a;}
.latest-posts>div {margin-bottom: 1.875rem;}
.blog-pagination { text-align: center;}
.blog-pagination a {white-space: nowrap; margin: 0 10px;text-decoration: none;padding: 6px 10px;color: #FFFFFF;border: 1px solid transparent;border-radius: 5px;font-size: 0.8rem;font-weight: 600;text-transform: uppercase;background: transparent;transition: all 0.2s ease;}
.blog-pagination a:hover,.blog-pagination a:focus,.blog-pagination a:active {background: #f8f9fa; border: 1px solid #FFFFFF;}
.blog-pagination .col { display: flex;flex-wrap: wrap;gap: 25px;justify-content: center;align-content: center;}
.blog-heading h1 { letter-spacing: 0;}
@media(max-width: 767px) { .blog-featured-image {padding: 7rem 0;} input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {min-height: 2.5rem;} }
.author-section {padding: 1.875rem 0 0.625rem;}
.author-section p {font-size: 0.75em;font-weight: 400;margin-bottom: 1em;}
.author-section .avatar {position: relative;margin-top: 0.625rem;}
.author-section .avatar img {width: 64px;height: auto;border-radius: 100%; margin-right: 1.2em;position: relative;}
.author-section .author-link:not(.hover) { color: #1EF596; }
.author-section .social-profiles a {margin-right: 0.5em;}
a.author-link {display: inline-block;}
.avatar img { border-radius: 50%;border: 1px #333;max-width: 50px;}
.blog-comments {margin-bottom: 3.125rem;}
.blog-comments .blog-comments-trigger {position: relative;text-align: center;display: block;}
.blog-comments .blog-comments-wrapper {display: none;}
.blog-comments .blog-comments-wrapper .comment-reply-to {margin-bottom: 20px;}
.blog-comments .blog-comments-wrapper form {padding: 2rem 0 4rem;}
.blog-comments .blog-comments-wrapper .hs-form fieldset {max-width: 100%;}
.blog-comments .blog-comments-wrapper .hs-form fieldset.form-columns-2 .field+.field {margin-left: 0;}
.blog-comments .blog-comments-wrapper .hs-form fieldset textarea {width: 100%;}
.author-profile { padding: 6.25rem 0 3.125rem;}
.author-profile .author-profile-info {font-weight: bold;margin-bottom: 1.25rem;}
.author-profile .author-profile-info .avatar {margin-bottom: 0.625rem;}
.author-profile .author-profile-info .author-name {display: block; font-size: 1.375rem;}
.author-profile .avatar {width: 90px;height: auto;border-radius: 100%;}
.author-profile .author-profile-socials {margin-top: 3.125rem;}
@media (min-width: 767px) {
  .author-profile .author-profile-socials {margin: 0;}
  .author-profile .author-profile-info {margin: 0;}
  .author-profile .author-profile-info .avatar {margin: 0;}
  .author-profile .author-profile-bio {padding: 0 1rem;}
}
.blog-comments {margin-bottom: 3.125rem;}
.blog-comments .blog-comments-trigger {position: relative;text-align: center; display: block;}
.blog-comments .blog-comments-wrapper {display: none;}
.blog-comments .blog-comments-wrapper .comment-reply-to { margin-bottom: 20px;}
.blog-comments .blog-comments-wrapper form {padding: 2rem 0 4rem;}
.blog-comments .blog-comments-wrapper .hs-form fieldset {max-width: 100%;}
.blog-comments .blog-comments-wrapper .hs-form fieldset.form-columns-2 .field+.field {margin-left: 0;}
.blog-comments .blog-comments-wrapper .hs-form fieldset textarea { width: 100%;}
.blog-related-posts {padding: 3.125rem 0;}
.blog-related-posts .row>div {margin-bottom: 2rem;}
@media only screen and (min-width: 768px) { .blog-related-posts .row>div {margin-bottom: 0;} }
.blog-related-posts .article-panel:first-of-type {border-radius: 5px;}
@media only screen and (min-width: 768px) {
  .blog-related-posts .article-panel:first-of-type {height: auto;display: -ms-flexbox;display: flex;overflow: hidden;}
  .blog-related-posts .article-panel .article-img {-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;height: auto;padding: 0;}
  .blog-related-posts .article-panel .article-content {position: relative;-ms-flex: 0 0 66.66%;flex: 0 0 66.66%;max-width: 66.66%;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;}
}
.blog-related-posts .article-panel h3 {border-bottom: none;margin: 0;padding: 0;}
.blog-related-posts .article-panel .article-content {padding: 2rem;}
.blog-related-posts .article-panel:first-of-type {margin: 1rem 0;}
.blog-related-posts .readmore {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;background: #1EF596;color: #fff;font-size: 1.5rem;opacity: 0; transition: all 0.2s ease;}
.blog-related-posts .article-panel .article-img:hover .readmore {opacity: 1;}
.blog-related-posts .article-panel h3 a:hover {color: #1EF596;}
.blog-related-posts .data .meta {margin: 0;}
.sr-sticky-breadcrumb {position: relative;z-index: 10;font-size: 1rem;}
.sr-sticky-breadcrumb-heading {padding: 0.75rem 0;transition: all ease-in-out 300ms; color: #FFFFFF;}
.sr-sticky-breadcrumb-heading a {color: #FFFFFF;}
.sr-sticky-breadcrumb-heading a:hover {color: #1EF596;}
.sr-sticky-breadcrumb-trigger {color: #FFFFFF;}
.sr-sticky-breadcrumb-trigger a {color: #FFFFFF;}
.sr-sticky-breadcrumb-trigger a:hover {color: #1EF596;}
.sr-sticky-breadcrumb-categories {text-align: center;display: none;top: 100%;left: 0;right: 0;width: 100%;z-index: 1;position: absolute;color: #FFFFFF; box-shadow: 0 50px 60px 0 rgba(0,0,0,0.1);}
.sr-sticky-breadcrumb-categories .container {padding: 1.25rem;}
.sr-sticky-breadcrumb-categories strong {margin: 0 0 0.93rem;color: #FFFFFF;}
.sr-sticky-breadcrumb-categories ul {padding: 0;margin: 0;list-style: none;}
.sr-sticky-breadcrumb-categories ul li {list-style: none;display: inline-block;}
.sr-sticky-breadcrumb-categories ul li a {margin: 1rem; color: #FFFFFF;}
.sr-sticky-breadcrumb-categories ul li a:hover {color: #1EF596;}
.blog-container {width: 100%;padding-right: 15px; padding-left: 15px;margin-right: auto;margin-left: auto;}
@media only screen and (min-width: 576px) { .blog-container {max-width: 720px; } }
@media only screen and (min-width: 768px) { .blog-container {max-width: 960px;} }
@media only screen and (min-width: 992px) { .blog-container {max-width: 1140px;} }
@media only screen and (min-width: 1200px) { .blog-container {max-width: 1440px;} }
a.tag-link {background: transparent;border: 1px solid #465af1;border-radius: 31px;color: #465af1;display: inline-block;font-size: 14px; line-height: 21px;margin: 5px;padding: 5px 10px; vertical-align: top;}
a.tag-link.selected-blog-tag {background: #465af1;border: 1px solid #465af1;border-radius: 31px;color: #ffffff; display: inline-block; font-size: 14px;line-height: 21px;margin: 5px;padding: 5px 10px;vertical-align: top;}
a.tag-link:hover {background: #465af1;border: 1px solid #465af1;color: #ffffff;}
.hac-blog-tags-wrapper {margin: 0 -5px;}
.hac-blog-search input.hs-search-field__input {color: #1c1c1c !important; padding-right: 54px;}
.hac-blog-search form {position: relative;}
.hac-blog-search button { position: absolute;top: 0;right: 0;width: 44px;height: 44px;background: transparent;border: none;color: #465af1;}
.hac-blog-search button svg {height: 24px !important;}
.blog-heading, .blog-content {background: #FFFFFF;color: #1c1c1c;}
.hac-single-blog-content {padding-bottom: 20px;border-bottom: 1px solid #1c1c1c; margin-bottom: 50px;}
.blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6 { color: #1c1c1c;}
.blog-featured-image:before {content: '';position: absolute;top: 0;left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.2);}
.blog-featured-image {position: relative;}
.blog-pagination > a {display: inline-block;border-radius: 0;margin: 0 5px;vertical-align: middle;background: transparent;color: #7c7c7c;font-size: 18px;font-weight: 400;height: 32px;line-height: 1;text-align: center;text-decoration: none;-webkit-transition: all .2s ease; -o-transition: all .2s ease;transition: all .2s ease;width: 32px;border: none !important;}
.blog-pagination > a:hover {color: #1ef398;background: transparent;}
.blog-pagination > a.blog-pagination__link--active {background: #1ef398;color: #1c1c1c;cursor: inherit;pointer-events: none;}
.blog-pagination {margin-top: 60px;}
.blog-featured-image {background-position: center center;}
.hac-blog-filters {padding-top: 100px;}
.hac-blog-filters, .articles-list {background: #FFFFFF;}
a.author-link {color: #465af1;}
a.tag-link.more-tag-hidden {display: none;opacity: 0;-webkit-transition: opacity 0.2s ease;-o-transition: opacity 0.2s ease;transition: opacity 0.2s ease;}
.blog-content h2 {font-size: 40px;line-height: 45px;}
.blog-content h3 {font-size: 36px;line-height: 40px;}
.blog-content h4 {font-size: 28px;line-height: 34px;}
.blog-content figure {margin: 40px auto;text-align: center;}
ul.hac-breadcrumb-ul {list-style: none;padding: 0;margin: 0;}
ul.hac-breadcrumb-ul > li {display: inline-block;vertical-align: middle;}
ul.hac-breadcrumb-ul > li a,ul.hac-breadcrumb-ul > li a:hover { color: #465af1;}
span.separator > svg {height: 10px;width: 10px; position: relative; top: -1px;}
ul.hac-breadcrumb-ul > li .separator {font-weight: 100;display: inline-block;margin: 0 5px;}
.rs-sidebar {display: inline-block;width: 300px; margin-right: 40px;position: sticky;top: 140px;}
article.resource-hub-article {display: inline-block !important;vertical-align: top;width: calc(100% - 350px);padding-left: 40px; border-left: 2px solid #465AF1;}
.blog-sidebar-nav > a {font-size: 20px;font-weight: 400;line-height: 30px;display: block;color: #1c1c1c; margin: 0 0 10px;}
.blog-sidebar-nav > a:hover {color: #1c1c1c;}
article.resource-hub-article a[data-hs-anchor="true"] {position: relative; top: -120px;}
ul.hac-breadcrumb-ul > li span, ul.hac-breadcrumb-ul > li span.separator > svg > path {fill: #1c1c1c;color: #1c1c1c;}
.article-col {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;padding-right: 15px;padding-left: 15px;}
.article-col:nth-child(6n+1) { -ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}
.article-col:nth-child(6n+1) .article-panel .article-img {width: calc(50% - 5px); display: inline-block; vertical-align: middle; padding: 0 0 28%;}
.article-col:nth-child(6n+1) .article-panel .article-content {width: 50%;display: inline-block;vertical-align: middle;}
.article-col:nth-child(6n+6),.article-col:nth-child(6n+5) {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.blog-content a, .blog-content a:hover {color: #465af1;}
body.hac-blog-search .navbar-main {background-color: rgba(28, 28, 28, 1.0) !important; box-shadow: 0 0 30px 0 rgba(119,131,143,0.20);}
.blog .navbar-main {background-color:black!important; }
@media (max-width: 992px) {
  .rs-sidebar {display: block;width: 100%;position: static;margin-right: 0;margin-bottom: 40px;}
  article.resource-hub-article {display: block;width: 100%;border-left: none;padding-left: 0;}
  .article-col {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding-right: 15px;padding-left: 15px;}
  .article-col:nth-child(6n+1) {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%; }
  .article-col:nth-child(6n+1) .article-panel .article-img {width: 100%;display: block;vertical-align: middle;padding: 0 0 56.25%;}
  .article-col:nth-child(6n+1) .article-panel .article-content {width: 100%;display: block;}
  .article-col:nth-child(6n+6),.article-col:nth-child(6n+5) {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media (max-width: 768px) {
  .article-col:nth-child(6n+1),.article-col:nth-child(6n+6),.article-col:nth-child(6n+5),.article-col {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px;}
  .blog-content h1,.blog-content .h1 {font-size: 48px;line-height: 43px;margin-bottom: 16px;}
  .blog-content h2, .blog-content .h2 {font-size: 32px;line-height: 29px;margin-bottom: 16px;}
  .blog-content h3, .blog-content .h3 {font-size: 24px;line-height: 31px;margin-bottom: 10px;}
  .blog-content h4, .blog-content .h4 {font-size: 20px;line-height: 26px;}
}