.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;  background-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 2rem;  background: #fff;}
.article-meta span {  font-size: 13px;}
.article-meta span.bull { color: ;  padding: 0 .25rem;}
.article-meta span.reading-minutes,
.article-panel>a,
.article-panel>a:hover { color: color: ;}
.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: ; 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: ;  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 ;}
.blog-pagination .col {  display: flex;  flex-wrap: wrap;  gap: 25px;  justify-content: center;  align-content: center;}
.blog-heading h1 {  letter-spacing: 0;}

/*************************************************New blog design chsnges 2024*******************************************************/
.articles-list.bg-light.sr-spacer-100.blog-listing-equinet {  padding: 30px 0px 70px;}
.blog-listing-equinet .latest-posts .col-12.col-sm-6.col-md-4 {  padding:0 10px 20px 10px;  margin-bottom: 0px;}
.blog-listing-equinet .tag {  font-size: 19px;  font-style: normal;  font-weight: 300;  line-height: 21px; color: #242630;  text-transform: uppercase;}
.blog-listing-equinet .article-panel h3 { color: #000000; font-size: 26px; font-style: normal; font-weight: 600; line-height: 25px;  margin-top:14px;  margin-bottom: 30px;}
.blog-listing-equinet .article-panel .article-content {  padding: 30px;  padding-bottom: 80px;  position: unset;  background: unset;}
.blog-listing-equinet .article-meta { padding: 0; position: absolute;  display: flex;  align-items: center;  justify-content: flex-start;  flex-wrap: wrap;  bottom:30px;}
.blog-listing-equinet .article-meta span {  font-size: 14px;  font-style: normal;  font-weight: 400;  line-height: normal;  color: #242630;}
.blog-listing-equinet .article-panel .article-img img {  border-radius: 6px;}
body .blog-listing-equinet .article-panel {  border-radius: 7px;  border: 1px solid #CBCED6;}
body .articles-list a:hover,
body .articles-list a:hover:not(.btn) {  color: inherit;  text-decoration: none;}
body .articles-list a:hover h3 {  color: inherit;  text-decoration: underline;}
.blog-listing-equinet .avatar img {  max-width: 37px;  margin-right: 10px;}
.blog-listing-equinet .reading-minutes img {  padding: 0 10px;}
.blog-listing-equinet .all-post-pagination { display: flex;  justify-content: space-between;  padding-top:10px;}
.blog-listing-equinet .blog-pagination a { padding: 0px; margin: 0px; border:0px;  display: flex; align-items: center; text-transform: initial; font-size:19px; font-style: normal; font-weight: 400;  line-height: 26px;  color:#32323f;}
.blog-listing-equinet .blog-pagination a:hover {  border:0px;}
.blog-listing-equinet a.next-posts-link {  border: 2px solid #CBCED6;  width: 40px;  height: 40px;  display: flex;  justify-content: center;  align-items: center;  border-radius: 50%;}
.blog-listing-equinet a.previous-posts-link {  border: 2px solid #CBCED6;  width: 40px;  height: 40px;  display: flex;  justify-content: center; align-items: center; border-radius: 50%;  margin-right:11px;}
.blog-listing-equinet a.next-posts-link:hover { border: 2px solid #CBCED6;}

.blog-listing-equinet a.previous-posts-link:hover {  border: 2px solid #CBCED6;}
.blog-listing-equinet .all-posts-link svg {  margin-left: 16px;}
.blog-listing-equinet .pagination-arrow {  display: flex;}

@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: ;}
.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;}
.avatar-section {  display: flex;  justify-content: flex-start;  gap: 20px;  margin: 0 0 1.5rem auto;  width: 90%;  border-top: 1px solid;  padding-top: 30px;}
.avatar-section h3{  text-transform:uppercase;  color: #242630;  font-size: 20px;  font-style: normal;  font-weight: 700;  line-height: 27.7px;  margin-bottom:10px;}
.avatar-section p{ color: #242630; font-size: 17px;font-style: normal;  font-weight: 400;  line-height: 26px; }
.sticky-toc-sidebar-outer { display: none;}
.toc-content h2{  scroll-margin-top: 120px;}

.blog-listing-equinet .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.blog-listing-equinet .col-12.col-sm-6.col-md-4 {  padding: 0 10px 20px 10px;  margin-bottom: 0px;}
.blog-related-posts .article-panel:first-of-type {  border-radius: 5px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;  width: 100%;  padding-right: 15px;  padding-left: 15px;}
.col-12 {  -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;}
.col-md-4 {  -ms-flex: 0 0 33.333333%;  flex: 0 0 33.333333%;  max-width: 33.333333%;}
.hs-blog-listing .sr-sticky-breadcrumb .dropdown {  display: inline-block;  position: relative;  width: 250px;}
.hs-blog-listing .sr-sticky-breadcrumb button {
  animation-timing-function: ease-in-out;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #e5e7ea;
  border-radius: 3px;
  color: #242530;
  font-size: 1rem;
  line-height: 1.35rem;
  max-width: 100%;
  min-height: 2.75rem;
  outline: none;
  padding: 0 15px;
  text-align: left;
  transition: all .15s ease-in-out;
  width: 100%;
}
.hs-blog-listing .sr-sticky-breadcrumb .dropdown-content {
  background: #fff;
  box-shadow: 0 5px 5px 0 hsla(0,0%,39%,.1);
  display: none;
  max-height: 300px;
  overflow: auto;
  overflow-y: scroll;
  position: absolute;
  width: 100%;
}
.hs-blog-listing .sr-sticky-breadcrumb .dropdown:after {
  content: url(https://www.equinetmedia.com/hubfs/Web%20Assets/icons/icon-dropdown.svg);
  display: inline-block;
  position: absolute;
  right: 19px;
  top: 20%;
  transition: all .5s ease;
}
.hs-blog-listing .sr-sticky-breadcrumb .dropdown:hover .dropdown-content {  display: block;}
.hs-blog-listing .sr-sticky-breadcrumb .dropdown:hover:after {  top: 27%;  transform: rotate(180deg);}
.hs-blog-listing .sr-sticky-breadcrumb .dropdown:after {
  content: url(https://www.equinetmedia.com/hubfs/Web%20Assets/icons/icon-dropdown.svg); display: inline-block;position: absolute; right: 19px;top: 20%;  transition: all .5s ease;}
.hs-blog-listing .sr-sticky-breadcrumb.tag-filter-outer .dropdown-content a { background: #fff; border-radius: 7px;box-shadow: 0 4px 31px 2px hsla(0,0%,75%,.2);color: #32323f;font-size: 19px;font-style: normal; font-weight: 400;line-height: 26px;  margin: 10px 0;}
.hs-blog-listing .sr-sticky-breadcrumb .dropdown-content a { display: flex; padding: 10px 16px; position: relative;  text-decoration:none;}

@media only screen and (min-width: 1200px) {
  .blog-container { max-width: 1440px;}
}
@media only screen and (min-width: 992px) {
  .blog-container {max-width: 1140px;}
}
@media only screen and (min-width: 900px) {
  .blog-content-outer{    display:flex;  }
  .sticky-toc-sidebar-inner {  padding-left: 40px;   padding-top: 40px; }
  .sticky-toc-sidebar-outer {    display: block; }
}
@media only screen and (min-width: 768px) {
  .blog-container { max-width: 960px;}
  .blog-related-posts .row>div { margin-bottom: 0;  }
  .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;  }
}
@media only screen and (min-width: 576px) {
  .blog-container {max-width: 720px; }
}
.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: ;
  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: ;}

.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: ;}
.sr-sticky-breadcrumb-heading a { color: ;}
.sr-sticky-breadcrumb-heading a:hover {  color: ;}
.sr-sticky-breadcrumb-trigger { color: ;}
.sr-sticky-breadcrumb-trigger a { color: ;}
.sr-sticky-breadcrumb-trigger a:hover { color: ;}
.sr-sticky-breadcrumb-categories { text-align: center; display: none; top: 100%; left: 0; right: 0; width: 100%; z-index: 1; position: absolute;color: ;  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: ;}
.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: ;}

.sr-sticky-breadcrumb-categories ul li a:hover { color: ;}
.blog-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row  margin-right: -15px;  margin-left: -15px;}
.pagination {  border-radius: .25rem; display: -ms-flexbox; display: flex; list-style: none; padding-left: 0;}
/* blog post styles */
.sr-spacer-top-50 {  padding-top: 3.125rem;}
.content-area{  flex:0 25%; }
.avatar-section {  width:100%;}
.sticky-toc-sidebar-inner { padding-left: 0px; padding-top: 0px;}
.blog-featured{  width:100%;  margin-bottom:30px;}
.blog-content h1{  line-height:1.35 !important;  font-weight:800;}
.blog-content h2 {  padding: 6px 0;  font-weight: 600;}
.blog-content article ol li, .blog-content article ul li, .sr-two-col-toc-01 ol li, .sr-two-col-toc-01 ul li {  padding-bottom: 10px;}
.equi-outer .page-center.latest-center {  max-width: 1140px;}
.blog-part {  flex: 0 50%;}
.trend{  padding: 50px 0px; background-color: #F6F5F5;}
.container-new{  max-width:1300px;  margin:0 auto;  padding: 0 20px;}
.container-head{ max-width: 1140px;  padding-bottom: 18px;}
.blog-heading h1 {  margin: 0 auto 24px 18px!important;}
.blog-heading {  margin-left:0px!important;}
.data{  display: flex;align-items: center; gap: 15px;}
img.blog-featured {  border-radius: .4375rem;}

.blog-content-outer.sr-spacer-top-50 {  padding-bottom: 3.125rem;} 

@media(max-width:900px){
  .blog-heading.sr-spacer-top-50 { padding-left: 0px!important;  } 
  .container-head .row{   display:unset!important;  }
  .blog-content{  padding: 0px 20px; }
  .max-mob, .new-mob{ margin-left: 0px!important;  padding: 0px!important;  }
  .container-head{   max-width:unset;}
}


@media(max-width:768px){
  .trend{   padding: 35px 0px; }
  .blog-content-outer.sr-spacer-top-50 {  padding-bottom: 1.125rem;  } 
  .max-mob { margin-left: 0.666667%!important; }
  .author-section .avatar-section{ margin: 0 0 10px!important;  padding-top: 10px!important;}
  .content-area {   padding: 0 15px; }
}
@media (max-width: 490px) {
  .blog-content {   padding: 0px;  }
  .blog-content-outer.sr-spacer-top-50 {    padding-top: 0.125rem;  }
  .max-mob h1{    font-size:36px;  }
}
/**********************************************New blog responsive design chsnges 2024**************************************************************/

@media(max-width: 992px) {
  .blog-listing-equinet .row.latest-posts {  justify-content: space-between; }
  .blog-listing-equinet .latest-posts .col-12.col-sm-6.col-md-4 {  flex: 0 0 49.333333%;   max-width: 49.333333%; }
}
@media(max-width: 900px) {
  .author-section .avatar-section{    margin: 0 1.5rem; }}

@media(max-width: 767px) {
  .blog-listing-equinet .latest-posts .col-12.col-sm-6.col-md-4 {   flex: 0 0 100%;   max-width: 100%; }
}
@media(max-width: 500px) {
  .author-section .avatar-section{  align-items:center;  flex-direction:column;}
  .avatar-section h3,  .avatar-section p { text-align:center;}
}