/* Blog post */

.blog-post {
  margin: 0 auto;
  max-width: 960px;
}

.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 0.35rem;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}

/*  Blog css start here */

.recent-post-section {
    position: relative;
}
.recent-post-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 70%;
    background: #0E0E2C;
    bottom: 0;
    left: 0;
}
.blog-content{
  max-width:952px;
  margin:0 auto;
  padding:30px 20px 60px;
}

.blog-title h1{
  font-weight: 600 !important;
  font-size:32px !important;
  color: #0E0E2C;
}

.blog-title h6{
    font-size: 11px;
    line-height: 1.45;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  color:#EE7700 !important;
  margin-bottom:0;
}
.blog-featured-image{
  height:auto;
  max-height:100%;
  min-width: 100%;
  min-height: 100px;
  background: rgb(245, 248, 250);
}

.blog-featured-image img{
  height:auto;
  max-height:100%;
  width:100%;
  object-fit:cover;
  border-radius:10px;
}

.author-profile{
 display:flex;
  align-items:center;
  padding-top:15px;
  
}
.blog-author-details {
  display:flex;
  align-items:center;
  padding-top:15px;
  justify-content:space-between;
  flex-wrap:wrap;
}
.blog-author-image img{
  border-radius:50px;
  margin: 0 15px auto 0px;
  width:48px;
  height:48px;
}
.author-details h6{
  font-size:18px ;
  color:#494848 !important;
  margin:0 !important;
  letter-spacing: 0;
  text-transform: initial;
  font-weight: 600 !important;
}

.author-details
 .author-details time{
  font-size:12px;
  color:#727A94;
}

.blog-content-text{
  margin-top:30px;
  min-width: 100%;
}

.blog-content-text h1, .blog-content-text h2, .blog-content-text h3, .blog-content-text h4, .blog-content-text h5, .blog-content-text h6 {
  color:#0e0e2c;
  font-weight:400;
}
.blog-content-text p{
  font-size:14px;
  min-width: 100%;
}
.related-post{
  max-width:1240px;
  padding:0 30px;
}
.heading-blog-container {
  color: #0E0E2C;
  text-align:left !important;
  padding-left:1rem;
}
.blog-related-posts__image{
  border-radius:8px;
}

.blog-related-posts__title {
  font-size:24px;
  line-height:1.4;
  font-weight:600;
}

.author-details-related-posts{
  font-size:16px;
  color:#494848 !important;
  font-weight:600;
}

.blog-related-posts__content-1 h6{
    font-weight: 900;
    font-size: 11px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #e70;
    line-height: normal;
    margin:0;
}

.blog-post__timestamp-1, .blog-post__timestamp{
  color:#727a94;
  font-size:12px;
  font-weight:300;
}

.btn-view-all{
  padding: 10px;
  max-width:100%;
  border: 1px solid #E6E8EE;
  border-radius: 3px;
  text-align:center;
  display:none;
}
.btn-view-all a {
  font size:13px;
  font-weight:600;
}
ul.breadcrumbs {
    display: flex;
    padding: 120px 15px 0;
    max-width: 1224px;
    margin: 0 auto;
    overflow:hidden;
}
ul.breadcrumbs li a {
    font-size: 11px;
    letter-spacing: 0.05em;
    line-height: 1.65;
    color: #727A94;
    text-transform: uppercase;
}
ul.breadcrumbs li {
    margin-bottom: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 11px;
    letter-spacing: 0.05em;
    line-height: 1.65;
    color: #727A94;
    text-transform: uppercase;
    display: inline-block;
}
ul.breadcrumbs li a::after {
    content: ">";
    position: relative;
    display: inline-block;
    margin: 0 7px;
    vertical-align: 0px;
    font-weight: 700;
}
.widget-module ul  {
padding:0;
  margin:0 0 5px;
}
.block h3 {
    margin: 0;
}
.block {
    display: flex;
}
.widget-module ul li a , .block h3 a {
    font-weight: 700;
    font-size: 13px;
    padding: 9px 17px;
    color: #9DA3B6;
    -webkit-transition: all 200ms cubic-bezier(0, 0, 0.2, 1);
    transition: all 200ms cubic-bezier(0, 0, 0.2, 1);
    display: block;
    text-transform: uppercase;
}
.widget-module ul li {
  display:inline-block;
}
.widget-module span {
    display: none;
}
.blog-related-posts__list .blog-author-details {
    justify-content: flex-start;
}
.blog-related-posts__content-1 h6 {
    padding-top: 10px;
}
h1.blog-post-title {
    font-size: 28px;
    font-weight: 600;
}
@media screen and (max-width: 768px) {
  h1.blog-post-title {
    font-size: 24px;
    font-weight: 600;
}
 .blog-title h1{
  font-size:24px !important;
}

  
  .blog-content{
  max-width:700px;
  margin:0 auto;
}
  .blog-content-text {
  margin-top:20px;
}
  .related-post{
  max-width:1240px;
  padding:0 20px;
}
  
  .blog-author-image img{
  border-radius:50px;
  margin: 0 10px auto 0px;
  width:40px;
  height:40px;
}
  .blog-author-details{
   padding-top:10px;
  }
.author-details a{
  font-size:16px;
  color:#494848;
}
 .author-details time{
  font-size:12px;
  color:#727A94;
}
  

  .heading-blog-container {
  font-size:24px !important;
}
  .blog-related-posts__title {
  font-size:18px;
}
  .btn-view-all{
   display:block;
  }
}

@media screen and (max-width: 414px) {
  .blog-content-text {
  margin-top:20px;
  font-size:14px;
}
  .blog-related-posts__list {
    display: flex !important;
    overflow: scroll !important;
    padding-bottom: 20px !important;
    flex-wrap:nowrap;
}
.blog-related-posts__post {
    flex: 0 0 85% !important;
    padding: 15px !important;
}
  .btn-view-all{
   display:block;
  }
}

@media screen and (max-width: 375px) {
  .blog-content-text {
  margin-top:20px;
  font-size:14px;
}
    .blog-related-posts__list {
    display: flex !important;
    overflow: scroll !important;
    padding-bottom: 50px !important;
    flex-wrap:nowrap;
}
 .btn-view-all{
   display:block;
  }
}
@media(min-width:768px){
.hs-content-id-63883908250 .recent-blog-post .blog-index__post-image img {
    min-height: 329px;
    object-fit: revert;
}
}