/*************** Blog listing Search Section Style ***************/
.hs-search-field__bar>form {border: 0;background: transparent;  margin: 0;padding: 0;position:relative; padding: 0px !important;}
.hs-search-field.hs-search-field--open .hs-search-field__suggestions{border: 0;background: #ffff;border-radius: 4px;box-shadow: 0 0 20px 0px rgba(0,0,0,0.1);}
.hs-search-field__suggestions li#results-for {padding: 5px 15px;}
.hs-search-field__suggestions>li>a {padding: 5px 15px;}
.hs-search-field__suggestions>li>a:hover{background-color:#1C6266;color:#fff;}
/***************  blog post css  ***************/ 
.blog--post--section--wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;}
.blog--post--section--wrapper>div:first-child {flex: 0 0 60%;max-width:60%;padding: 112px 50px 0 0;}
.blog--post--section--wrapper>div:last-child {flex: 0 0 40%;max-width:40%; padding: 112px 0 0 50px;}
.blog-author-name {flex: 0 0 auto;}
.author-social-grid {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;grid-gap: 20px;}
/*************** Blog Post Author ***************/
.author-name a {position: relative;z-index: 1}
.author-bio>ul {padding: 0;margin: 0;}
.author-bio>ul>li {display: inline-block;}
.author-bio>ul>li+li {list-style-type: circle;padding-left: 10px;margin-left: 10px;position: relative;}
.author-bio>ul>li+li:after {content: '';position: absolute;left: -7px;top: 50%;transform: translateY(-50%);margin: -1px 5px 0;width: 4px;height: 4px;border-radius: 2px;background-color: #d2d5d9;}
.author-bio ul>li>span {font-size: 14px;}
/*************** Blog Post Social Share Style ***************/
.social-shareing {display: flex;flex-wrap: wrap;align-items: center;margin:0 -8px;}
.social-shareing>a {width: 35px;height: 35px;text-align: center;display: flex;justify-content: center;align-items: center;margin: 0px 8px;background-color: #282D72;box-shadow: 0 0 10px 0 rgba(0 0 0 /20%);border-radius: 100%;}
.social-shareing>a>i { color:#ffffff }
.topic-links-text:hover {background: #c1c6eb;}
.social-shareing>a:hover{background-color:#1C6266; color:#fff;}
.title_ssc {margin-bottom: 8px;}
/*************** Blog Post Image ***************/
.blog--post-image {margin-top: 20px;}
.blog--post-image>img {display: block;width: 100%;}
/*************** Blog Post Summary ***************/
.blog-post {width: 100%;position: relative; margin-top: 20px;}
.blog-post__body ul{font-size: 14px;font-weight: normal;}
.blog-post__body p:last-child {margin-bottom:0;}
.blog-post__body blockquote {padding: 10px 20px;margin: 0 0 20px;font-size: 17.5px;border-left: 5px solid #1C6266;}
.blog-post__body blockquote *:last-child {margin-bottom: 0;}
/*************** Blog Post Topics ***************/
.details-tag-section {border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;}
.details-tag-section>p {margin: 0; display: flex; align-items: center; padding: 20px 0; flex-wrap:wrap;}

/**************  LATEST POSTS  **************/
.blog--latest--post {padding-top: 30px;position: relative;}
.recent-post-tittle {padding-bottom: 20px;text-transform: uppercase;}
.recent-post-tittle>span {font-weight: 600;}
.blog--latest--post>div+div {display: block;margin-bottom: 16px;border-bottom: 1px solid #d2d5d9;padding-bottom: 0.75em;}
.blog-latest-post-image-tittlt>* {margin: 0;padding: 0;}
.blog-latest-post-image-tittlt>h5>*{color: #282D72;}
.blog-latest-post-image-tittlt>h5>*:hover{color: #1C6266;}
.blog--latest--post>div:last-child {margin-bottom: 0px;}
/************** CATEGORIES **************/
.blog--tag {margin-top: 30px;}
.blog--tag .categories>span {font-weight: 600;text-transform: uppercase;}
.blog--tag>ul {padding: 0;margin: 0;}
.blog--tag>ul>li {position: relative;list-style: none;transition:.3s all;margin: 10px 0px;}
.blog--tag>ul>li>a{color:#e0a61c;width: 100%;display: inline-block;}
.blog--tag>ul>li>a:hover{color:#1C6266;}
.blog--tag>ul>li:first-child svg {top: 10px;}
.blog--tag>ul>li>a>svg {width: 15px;height: 15px;top: 18px;fill:#e0a61c;position: absolute;right: 0;}
.blog--tag>ul>li+li {padding-top: 10px;border-top: 1px solid #e0a61c;}
/* Blog Index: Articles */
.topic-link {text-transform: capitalize;}
/* blog2023 */
.tag .tags-sec li {list-style: none;}
.tag .tags-sec {padding: 0; margin:0;}
.blogpost-image .hs-featured-image-wrapper {line-height: 0;}
.inner-post span {display: flex; flex-wrap:wrap;}
.lower_post_content {padding: 24px;}
.post-link {margin-top: auto;padding:24px;}
.post-item {flex: 0 0 calc(100%/3 - 20px); transition:0.3s; margin: 0px 10px; border-radius: 16px; overflow:hidden; box-shadow: 0px -4px 64px 16px rgba(16, 24, 40, 0.02), 0px 8px 64px 16px rgba(16, 24, 40, 0.02); background-color:#ffffff; display:flex; flex-direction:column;}
.post-item:hover {transform: translateY(-10px);}
span.reading-minutes {margin-bottom: 16px;}
.rt-content {display: flex;align-items: center; justify-content:space-between;flex-wrap:wrap;}
.blog-author-wrap {flex: 0 0 120px;max-width: 120px; }
.blog-author-wrap>div {line-height: 0;}
.hs-author-avatar>img {border-radius: 100px;overflow: hidden;height:120px; width:120px; object-position:center; object-fit:cover;}
.related-posts-section {padding: 96px 0;  background:#F0F1FA;}
.related-blog-item--title .tags .topic-links-text {font-size: 11px;}
.date--time .post-item-date span {margin: 0;}
.social-sharing-content {padding-bottom: 70px;}
.post-item-date {margin: 16px 0;display: inline-block;}
.post-item-date {margin: 0;} 
.related-blog-item--title h5 a span {color: #282d72;}
.post-item-date span {margin: 16px 0;display: inline-block;}
.date--time { padding-right:25px; }
.title-content-name {margin: 32px 0;}
a.post-item-date > span {color: #282d72;} 
.related-title>h4>* {color: #282d72; font-weight:500;}
.related-title>h4>*:hover {color:inherit;}  
.post-link .more-link:hover {color: #1c6266}
.post-link .more-link svg {fill: #1c6266;}
.post-item:hover .post-link .more-link svg {transform: translateX(10px);}
.post-link .more-link svg {transition: 0.3s;}
.author-bio .name_n_date a {color: #0077B5;text-decoration: underline;}
.name_n_date span.author-name {margin-right: 8px;}
.topic-links-text { color: #282D72; font-size:11px; text-transform:uppercase; display:inline-block; background: #F0F1FA; border-radius: 20px; padding: 4px 12px; overflow: hidden; margin:0px 4px; }
a.bottom_btn>svg {fill: #1c6266; transition:0.3s;}
a.bottom_btn:hover svg {fill: #e24b95;}
.related-blog-item--img img {display: block;object-fit: cover;object-position: center; width:100%; max-height:250px;}
.related-blog-item--title>.tags>a:hover {color: #282D72;background: #c1c6eb;}
.related-blog-item {border-radius: 16px; transition:0.3s; overflow: hidden;box-shadow: 0px -4px 64px 16px rgba(16, 24, 40, 0.02), 0px 8px 64px 16px rgba(16, 24, 40, 0.02);}
.post-item .post-link .more-link {text-transform: uppercase;}
.related-blog-item:not(:last-child) {margin-bottom: 20px;}
.content-items {padding: 24px;} 
.related-blog-item:hover {transform: translateY(-10px);}
.related-blog-item:hover .bottom_btn svg {transform: translateX(10px);}
.author-bio .topic_lists .topic-link {text-transform: uppercase;font-size: 11px;font-weight: 500;}
.author-bio .topic_lists .topic-link:hover {color: #282D72;background: #c1c6eb;}
a.bottom_btn:hover {color: #1c6266;}
a.bottom_btn:hover svg {fill: #1c6266;}
.details-tag-section p a {font-size: 11px;}
.details-tag-section p a:hover {background-color: #c1c6eb;color: #282d72;}
.blog-author-name>a {color: #0077B5;text-decoration: underline;}
span.date-format {position: relative;padding-left: 15px;}
span.date-format::before {position: absolute;top: 50%;content: '';background: #282D72;height: 5px;width: 5px;left: 0;transform: translateY(-50%);border-radius: 100px;}
.related-posts-heading  {padding-bottom: 80px;}
.related-blog-item--title .tags {margin-bottom: 16px;}
.related-blog-item--title {display: flex;flex-direction: column;}
.related-blog-item--title .bottom_btn {padding-top: 20px;margin-top: auto;}
.title-post-name { margin:32px 0; }
.title-heading.related-posts-heading>* {margin: 0;}
.banner-blog-otr {position: relative; overflow: hidden;background-size: cover; background-repeat: no-repeat;}
.content-items .bottom_btn {padding-top: 56px; display: block;text-transform:uppercase;}
.blog-author-name>a:hover {color: #0077B5;text-decoration: revert;}
.heading-header position: absolute;top: 50%;} 
.title-heading>* {margin: 0;}
.blog--post-imagek img {position: relative;}
.blog--post-image::before { position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg, #FCFCFE 13.24%, rgba(252, 252, 254, 0.00) 57.67%); content: '';z-index: 1;}
.heading-header>* {position: relative;z-index:2; padding:112px 0; max-width:750px;} 
ul li .reading-minutes {text-transform: uppercase;}
ul li .reading-minutes {text-transform: uppercase;} 
.author-bio ul {margin: 32px 0;}  
.heading-header-otr>*:first-child {margin: 0;}
.right-content-wrapper .social-sharing-content {padding: 56px 0;}
.related-blog-item:first-child .related-blog-item--content .content-items .related-blog-item--title .reading-minutes { display:none; }
.hs-featured-image-wrapper img.feature-img {max-height: 250px;width: 100%;object-fit: cover;object-position: center;}
.date--time .post-item-date {display: block;}
h3.listing-titile-heading {margin-bottom: 12px;}
.details-tag-section {margin: 50px 0;}
.inner-post {margin: 0 -10px;}
#hubspot-topic_data >a:first-child { margin-left: 0;}
.related-blog-item--title>.tags>a:first-child {margin-left: 0;}
.tag .tags-sec li a:hover {color: #282d72;}
.topic_lists>*:first-child { margin-left: 0; }

/* blog2023 */
/* TODO: Find a better place for this */
.blog-post__body img.alignLeft {float: left;padding-right: 20px;padding-bottom: 20px;}
/* Blog Listing Css */

input[type='text'],input[type='email'],input[type='password'],input[type='tel'],input[type='number'],select,textarea {border: 1px solid #dddbdb;border-radius: 50px;padding-left: 19px;}

@media(max-width:1024px){
  .blog--post--section--wrapper>div:first-child {flex: 0 0 100%;max-width:100%; padding:80px 0 0 0;}
  .blog--post--section--wrapper>div:last-child {flex: 0 0 100%;max-width:100%;padding:20px 0 80px 0;}
  .post-item { flex: 0 0 calc(100%/2 - 20px); margin-bottom:20px; }
  .related-posts-section {padding: 80px 0;}
}

@media(max-width:767px){
  p#hubspot-topic_data span {margin-bottom: 8px;}
  .topic-links-text { margin:0px 4px 8px; }
  .blog--post--section--wrapper>div:last-child {flex: 0 0 100%;max-width:100%;margin-top: 0;}
  .hs-search-field {margin-top: 50px;}
  .related-posts-section {padding: 50px 0;}
  .post-item { flex: 0 0 calc(100%/1 ); margin:0; margin-bottom:20px; }
  .inner-post {margin: 0;} 
}