.pt0, .p0-0{ padding-top: 0 !important; }
.pb0, .p0-0{ padding-bottom: 0 !important; }
.pt35, .p35-0{ padding-top: 35px; }
.pb35, .p35-0{ padding-bottom: 35px; }
.pt40, .p40-0{ padding-top: 40px; }
.pb40, .p40-0{ padding-bottom: 40px; }
.pt50, .p50-0{ padding-top: 50px; }
.pb50, .p50-0{ padding-bottom: 50px; }
.pt60, .p60-0{ padding-top: 60px; }
.pb60, .p60-0{ padding-bottom: 60px; }
.pt80, .p80-0{ padding-top: 80px; }
.pb80, .p80-0{ padding-bottom: 80px; } 
.pt100, .p100-0{ padding-top: 100px; }
.pb100, .p100-0{ padding-bottom: 100px; } 

.mb0, .m0-0 { margin-bottom: 0 !important; }
.mt0, .m0-0 { margin-top: 0 !important; }
.ml0, .m0-0 { margin-left: 0 !important; }
.mr0, .m0-0 { margin-right: 0 !important; }
.mb10, .m10-0{ margin-bottom: 10px !important; }
.mt10, .m10-0{ margin-top: 10px !important; }
.mb20, .m20-0{ margin-bottom: 20px !important; }
.mt20, .m20-0{ margin-top: 20px !important; }
.mb24, .m24-0{ margin-bottom: 24px !important; }
.mt24, .m24-0{ margin-top: 24px !important; }
.mb40, .m40-0{ margin-bottom: 40px !important; }
.mt40, .m40-0{ margin-top: 40px !important; }

.button{
  background-color: #155FFF;
  border: 1px solid #155FFF;
  color: #fff;
  display: inline-block;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  outline: none;
  padding: 10px 20px;
  transition: all .3s ease;
  width: fit-content;
}

.button:hover{
  background-color: #FFF; 
  color: #155FFF;
}

.button.white_button{
  background-color: #fff;
  border-color: #fff;
  color: #155FFF
}

.button.white_button:hover{
  background-color: #155FFF; 
  color: #FFF;
}

.body-container.body-container--blog-post {
  background-color: #fff;
}

.blog__post__inner {
  padding: 60px 0;
}

.blog__post--breadcrumb--items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}

.blog__post--breadcrumb--item {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  text-align: left;
  color: #131F3F99;
  text-decoration: none;
  position: relative;
  padding: 0 5px;
} 

.blog__post--breadcrumb--items .blog__post--breadcrumb--arrow {
  display: block;
  width: 18px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cpath d='M6.316 6.67H7.926L11.314 9.876L7.926 13.096H6.316L9.704 9.876L6.316 6.67Z' fill='%23131F3F' fill-opacity='0.6'/%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}


.blog__post--breadcrumb--item:last-child {
  color: #131F3F;
}

.blog__post--breadcrumb--item:hover {
  color: rgba(21, 95, 255, 1.0);
}

.blog__post--two__col__grid {
  padding: 45px 0 0;
  display: grid;
  grid-template-columns: 375px calc( 100% - 415px );
  gap: 40px;
}

.blog__post--feature__image {
  display: block;
  width: 100%;
  aspect-ratio: 375/352;
  border-radius: 20px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 40px;
  background-color: #131f3f;
}

.blog__post--table__of__content__section--title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.42;
  margin-bottom: 20px;
}

.blog__post--table__of__content--list--item--link {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  color: #131F3F;
  text-decoration: none;
}

.blog__post--table__of__content--list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
} 

.blog__post--table__of__content--list--item--link:hover {
  color: rgba(21, 95, 255, 1.0);
}

.version__2 .blog__post--table__of__content__section--title {
  position: relative;
  padding-left: 12px;
}

.version__2 .blog__post--table__of__content__section--title:before {
  content: "";
  height: 100%;
  width: 2px;
  background-color: #FF5C31;
  display: block;
  position: absolute;
  left: 0;
}

.version__2 .blog__post--table__of__content--list {
  padding-left: 12px;
}

.blog__post--table__of-_content--mobile{
  display: none;
}

.blog__post--table__of-_content--mobile select {
  font-size: 14px;
  line-height: 150%;
  padding: 12px 32px 12px 12px;
  max-width: 100%;
  appearance: none;
  -webkit-appearance: none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23667085' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: calc(100% - 7px) center;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 7px;
  width: 100%;
}

.blog__post--title {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.24;
  color: #131F3F;
  margin-bottom: 32px;
}

.blog__post--title.large{
  font-size: 48px;
  font-weight: 700;
  line-height: 125%;
}

.blog__post--meta--flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}

.blog__post--author__box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.blog__post--last__updates, .blog__post--min__to__read, .blog__post--author--name__link {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.72;
  color: #71798C;
  text-decoration: none;
}

.blog__post--last__updates:before, .blog__post--min__to__read:before {
  content: "|";
  position: absolute;
  top: 50%;
  left: -13px;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  transform: translateY(-50%);
}

.blog__post--author--avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #131f3f;
} 

.blog__post--author--name__link {
  color: #131F3F;
}

.blog__post--author--name__link:hover {
  color: rgba(21, 95, 255, 1.0);
}

.body-container--blog-post img {
  max-width: 100%;
  height: 100%; 
}

.blog__post--table__of__content--module_box {
  position: sticky;
  top: 80px;
  max-height: calc( 100vh - 100px );
  overflow: auto;
}

.blog__post--post__meta__detail--module__box {
  padding-bottom: 10px;
}

.blog__post--title__and__meta {
  margin-bottom: 50px;
}

/************** Begin: Blog body ****************/  

.blog__post--main__body h1,
.blog__post--main__body h2,
.blog__post--main__body h3,
.blog__post--main__body h4,
.blog__post--main__body h5,
.blog__post--main__body h6{
  font-weight: 600;
  line-height: 1.36; 
  color: #131F3F
}

.blog__post--main__body h1 { font-size: 34px; }
.blog__post--main__body h2 { font-size: 28px; }
.blog__post--main__body h3 { font-size: 26px; }
.blog__post--main__body h4 { font-size: 24px; }
.blog__post--main__body h5 { font-size: 22px; }
.blog__post--main__body h6 { font-size: 20px; }

.blog__post--main__body p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.56;
  color: #131F3F
}

.blog__post--main__body img{ 
  object-fit: cover;
  object-position: center;
  width: 100% !important; 
}

.blog__post--main__body ul{
  margin: 0;
}

.blog__post--main__body iframe.sl-demo{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/10;
} 
/************** End: Blog body ****************/

/************ Begin: Global Titles *********************/
.blog__index--global__title{
  font-size: 28px;
  font-weight: 500;
  line-height: 1.43;
  text-align: left;
  color: #131F3F;
  text-decoration: none; 
  display: block;
  width: fit-content;
  margin-bottom: 10px;
} 

.blog__index--global__title.large{ 
  font-size: 42px;
  font-weight: 600;
  line-height: 1.24;
}

.blog__index--global__title.small{
  font-size: 24px; 
  line-height: 1.38;
}
.blog__index--global__title.medium__small{
  font-size: 20px;  
  line-height: 1.5;
}
.blog__index--global__title.extra__small{
  font-size: 18px; 
  line-height: 1.5;
}

.blog__index--global__title.high__extra__small{
  font-size: 14px; 
  line-height: 1.5;
  font-weight: 400;
}
.blog__index--global__title.color--midnight_blue{ 
  color: #001B61 
}  

.blog__index--global__title.color--brand_blue{
  color: #155FFF;
}

.blog__index--global__title.color--white{
  color: #FFFFFF;
}
/************ End: Global Titles *********************/

/***************** Begin: Section Title *******************/
.blog__index--section--titles {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  color: #155FFF;
  display: block; 
  width: fit-content;
  text-decoration: none;
} 

.blog__index--section--titles.with__arrow {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.blog__index--section--titles.with__arrow svg {
  display: block;
  width: 32px;
  height: 32px;
  padding: 9px 3px 6px 6px;
}

.blog__index--section--titles.with__arrow:hover path {
  fill: #155FFF;
}

.blog__index--section--titles.with__arrow path {
  transition: all ease 0.3s;
}

.blog__index--section--titles.large{ 
  font-size: 30px; 
  line-height: 1.33; 
  color: #001B61 
}

.blog__index--section--titles.font--color--white{ 
  color: #FFF;
}
/***************** End: Section Title *******************/


/**************** Begin: Sub Title ***************/
.blog__index--global__sub__title{
  font-size: 18px;
  font-weight: 400;
  line-height: 1.56;
  text-align: left;
  margin: 0 0 20px;
  color: #001B61;
}
.blog__index--global__sub__title.small{
  font-size: 16px;
  line-height: 1.625;
}
.blog__index--global__sub__title.extra__small{
  font-size: 14px;
  line-height: 1.625;
}
.blog__index--global__sub__title.color__gray{
  color: #71798C;
}
/**************** End: Sub Title ***************/

/************** Begin: Blog Post Modules Global ***************/
body .blog__post__body__module {
  margin-top: 60px;
}

body .blog__post--main__body .hs_cos_wrapper_type_module + *,
body .blog__post--main__body * + h1,
body .blog__post--main__body * + h2,
body .blog__post--main__body * + h3,
body .blog__post--main__body * + h4,
body .blog__post--main__body * + h5,
body .blog__post--main__body * + h6{
  margin-top: 40px;
} 

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

/************** End: Blog Post Modules Global ***************/

/************** Begin: Blog Post - AI summarised section ***************/

body .blog__post--summary__module--inner {
  background-color: #FF5C311A;
  border-radius: 20px;
  padding: 25px;
  position: relative;
} 

body .blog__post--summeriese__content {
  display: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #131F3F;
  padding-top: 30px;
}

body .blog__post--summary--visible__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

body .blog__post--summary--reveal__button {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  padding: 8px 16px;
  background-color: #001B61;
  border-radius: 10px;
  color: #FFFFFF;
  text-decoration: none;
  position: relative;
  border: none;
  outline: none;
  cursor: pointer;
}

body .blog__post--summary--reveal__button:hover,
body .blog__post--summary--reveal__button:focus {
  background-color: rgba(21, 95, 255, 1.0);
  color: #fff;
}

body .blog__post--summary--close__button {
  position: absolute;
  top: 11px;
  right: 15px;
  font-size: 20px;
  padding: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: color ease-in 0.2s;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
}

body .blog__post--summary--close__button:hover {
  color: rgba(255, 53, 0, 1.0);
}

body .blog__post--summary__section--title {
  font-size: 18px;
  font-weight: 600;
  color: #131F3F;
  line-height: 1.42;
}

body .blog__post--summary--reveal__button--loader {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 22px;
  height: 22px;
  transform: translate(-50%, -50%);
  border: 4px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
  -webkit-animation: rotation 0.7s infinite linear;
  animation: rotation 0.7s infinite linear;
  opacity: 0;
  transition: all .3s ease;
}

body .blog__post--summary--reveal__button.loading{
  color: transparent;
}

body .blog__post--summary--reveal__button.loaded {
  opacity: 0;
  pointer-events: none;
  /*background-color: rgba(255, 53, 0, 1.0) !important;
  color: #FFF !important;*/
}

body .loaded .blog__post--summary--close__button {
  opacity: 1;
  pointer-events: unset;
} 

body .blog__post--summary--reveal__button.loading .blog__post--summary--reveal__button--loader{
  opacity: 1;
}

@-webkit-keyframes rotation {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
  }
  to   {
    transform: translate(-50%, -50%) rotate(359deg);
    -webkit-transform: translate(-50%, -50%) rotate(359deg);
  }
}

/************** End: Blog Post - AI summarised section ***************/


/************** Begin: Blog Post - Banner with CTA ***************/

body .blog__post--banner__with__CTA--flex {
  display: flex;
  border-radius: 20px;
  overflow: hidden;
}

body .blog__post--banner__with__CTA--image__col {
  width: 32.62%;
}

body .blog__post--banner__with__CTA--content__col {
  width: 67.38%;
  padding: 30px 40px 30px 30px;
  background: linear-gradient(101.64deg, #001B61 7.6%, #0037C7 66.22%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

body .blog__post--banner__with__CTA--image {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

body .blog__post--banner__with__CTA--content--title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.42;
  color: #FFFFFF;
  margin-bottom: 16px; 
}

body .blog__post--banner__with__CTA--content--features {
  display: flex;
  gap: 11.7%;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 30px;
  width: 100%;
}

body .blog__post--banner__with__CTA--content--feature {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

body .blog__post--banner__with__CTA--content--feature--image {
  background-color: #D9D9D9;
  width: 25px;
  height: 25px;
  display: block;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

body .blog__post--banner__with__CTA--content--feature--label {
  width: calc( 100% - 35px );
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  color: #FFFFFF;
}

body .blog__post--banner__with__CTA--content--CTA a {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  color: #001B61;
  padding: 7px 9px;
  background-color: #FFD600;
  border-radius: 5px;
  text-decoration: none;
}

/************** End: Blog Post - Banner with CTA ***************/

/************** Begin: Blog Post - Highlitable summary ***************/
body .blog__post--highlitable__box {
  padding: 40px 24px;
  background-color: #F1F4F9;
  border-radius: 20px;
  overflow: hidden;
}

body .blog__post--highlitable__box--title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.42; 
  color: #131F3F;
  margin-bottom: 20px;
}

body .blog__post--highlitable__summary--content {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.56;
  text-align: center;
  color: #131F3F;
}

body .blog__post--highlitable__summary--content ul {
  text-align: left;
}

body .blog__post--highlitable__summary--content ul li + li {
  padding-top: 8px;
}
/************** End: Blog Post - Highlitable summary ***************/

/************** Begin: Blog Post - Must reads ***************/

body .blog__post--highlitable__box.large {
  padding: 40px 30px;
}

body .blog__post--must_reads--link {
  color: #155FFF;
}

body .blog__post--must_reads--item {
  color: #155FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  text-align: left;
}

body .blog__post--must_reads--items {
  margin-bottom: 0;
  padding-left: 30px;
}

body .blog__post--must_reads--items li + li {
  margin-top: 20px;
}

/************** End: Blog Post - Must reads ***************/

/************** Begin: Blog Post - Numerical listing with highlighted background ***************/

body .blog__post--numerical_listing--items {
  list-style: none;
  counter-reset: item;
  padding: 0;
  margin: 0;
}

body .blog__post--numerical_listing--item {
  counter-increment: item;
  position: relative;
  padding-left: 42px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
}

body .blog__post--numerical_listing--item:before {
  content: counter(item);
  display: block;
  width: 30px;
  height: 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  color: #FFFFFF;
  background-color: #155FFF;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 0;
}

body .blog__post--numerical_listing--items li + li {
  margin-top: 20px;
}

/************** End: Blog Post - Numerical listing with highlighted background ***************/


/************** Begin: Blog Post - Listing with hyperlink or anchor text ***************/

body .blog__post--highlitable__box.color__v2 {
  background-color: #155FFF1A;
}

body .blog__post--highlitable__box--title.color__v2 {
  color: #001B61;
}

body .blog__post--listing_with_hyperlink--item,
body .blog__post--listing_with_hyperlink--item a { 
  font-size: 18px;
  font-weight: 400;
  line-height: 1.56; 
  color: #001B61;
}

body .blog__post--listing_with_hyperlink--items li + li {
  margin-top: 8px;
}

body .blog__post--listing_with_hyperlink--items {
  margin: 0;
  padding-left: 30px;
}

body .blog__post--listing_with_hyperlink--item a:hover {
  color: rgba(255, 53, 0, 1.0);
}

/************** End: Blog Post - Listing with hyperlink or anchor text ***************/

/************** Begin: Blog Post - Key features ***************/
body .blog__post--highlitable__box--title.with__border__bottom {
  padding-bottom: 10px;
  border-bottom: 1px solid #155FFF;
}

body .blog__post--key_features--items {
  margin: 0;
  padding: 0;
  list-style: none;
}

body .blog__post--key_features--item {
  position: relative;
  padding-left: 42px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  color: #001B61;
}

body .blog__post--key_features--item--stars {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cmask id='mask0_452_4604' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Crect width='30' height='30' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_452_4604)'%3E%3Cpath d='M14.9995 18.687L18.4683 21.312C18.7183 21.4787 18.9683 21.4839 19.2183 21.3276C19.4683 21.1714 19.5412 20.9474 19.437 20.6558L18.1245 16.312L21.5308 13.8745C21.7808 13.687 21.8537 13.4526 21.7495 13.1714C21.6453 12.8901 21.4474 12.7495 21.1558 12.7495H16.9995L15.5933 8.18701C15.4891 7.89535 15.2912 7.74951 14.9995 7.74951C14.7078 7.74951 14.5099 7.89535 14.4058 8.18701L12.9995 12.7495H8.84326C8.5516 12.7495 8.35368 12.8901 8.24951 13.1714C8.14535 13.4526 8.21826 13.687 8.46826 13.8745L11.8745 16.312L10.562 20.6558C10.4578 20.9474 10.5308 21.1714 10.7808 21.3276C11.0308 21.4839 11.2808 21.4787 11.5308 21.312L14.9995 18.687ZM14.9995 27.4995C13.2703 27.4995 11.6453 27.1714 10.1245 26.5151C8.60368 25.8589 7.28076 24.9683 6.15576 23.8433C5.03076 22.7183 4.14014 21.3953 3.48389 19.8745C2.82764 18.3537 2.49951 16.7287 2.49951 14.9995C2.49951 13.2703 2.82764 11.6453 3.48389 10.1245C4.14014 8.60368 5.03076 7.28076 6.15576 6.15576C7.28076 5.03076 8.60368 4.14014 10.1245 3.48389C11.6453 2.82764 13.2703 2.49951 14.9995 2.49951C16.7287 2.49951 18.3537 2.82764 19.8745 3.48389C21.3953 4.14014 22.7183 5.03076 23.8433 6.15576C24.9683 7.28076 25.8589 8.60368 26.5151 10.1245C27.1714 11.6453 27.4995 13.2703 27.4995 14.9995C27.4995 16.7287 27.1714 18.3537 26.5151 19.8745C25.8589 21.3953 24.9683 22.7183 23.8433 23.8433C22.7183 24.9683 21.3953 25.8589 19.8745 26.5151C18.3537 27.1714 16.7287 27.4995 14.9995 27.4995Z' fill='%23155FFF'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

body .blog__post--key_features--items li + li {
  margin-top: 20px;
}

/************** End: Blog Post - Key features ***************/


/************** Begin: Blog Post - Pros and Cons Best for Tips Quotes ***************/

body .blog__post--pros__and__cons--item {
  padding: 0 20px;
  border-left: 3px solid;
}

body .blog__post--pros__and__cons--item.pros, 
body .blog__post--pros__and__cons--item.best__for,
body .blog__post--pros__and__cons--item.pricing {
  color: #155FFF;
}

body .blog__post--pros__and__cons--item.cons {
  color: #FF5C31;
}

body .blog__post--pros__and__cons--item.quotes {
  color: #001B61;
  padding: 20px;
  background-color: #F6F9FF;
}

body .blog__post--pros__and__cons--tag {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.56;
  margin-bottom: 8px;
}

body .blog__post--pros__and__cons--content {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.56;
  color: #001B61;
}

body .blog__post--pros__and__cons--item.quotes .blog__post--pros__and__cons--content {
  font-style: italic;
  font-weight: 400;
  color: #001B61;
}

body .blog__post--pros__and__cons--inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
}

/************** End: Blog Post - Pros and Cons Best for Tips Quotes ***************/


/************** Begin: Blog Post - YouTube Video element ***************/

body .blog__post--youTube__video--popup {
  display: block; 
  position: relative;
}

body .blog__post--youTube__video--thumbnail {
  width: 100%; 
  aspect-ratio: 705/532;
  object-fit: cover;
  border-radius: 20px;
}  

body .blog__post--youTube__video--play__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  width: 90px;
  height: 90px;
}

body .blog__post--youTube__video--play__button svg {
  width: 100%;
  height: 100%;
  display: block;
}

body .blog__post--youTube__video--popup:hover path {
  fill: #ff5c31;
}

body .blog__post--youTube__video--popup path {
  transition: all ease 0.2s;
}

/************** End: Blog Post - YouTube Video element ***************/

/************** Begin: Blog Post - Table format ***************/


body table.blog__post--table,
body .blog__post--main__body table:not(.blog__post--table){
  width: 100%;
  margin: 0;
  table-layout: auto !important;
}

body .blog__post--table__format--section--inner {
  border-radius: 20px;
  overflow: auto;
} 

body .blog__post--table--tbody--td,
body .blog__post--main__body table:not(.blog__post--table) td{
  padding: 10px 20px !important;
  border: 1px solid #fff;
  background-color: #EEF2FA;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  color: #131F3F;
}

body .blog__post--table--thead--th,
body .blog__post--main__body table:not(.blog__post--table) tbody > tr:first-child td{
  padding: 16px 20px !important;
  text-align: left;
  background-color: #155FFF;
  border: 1px solid #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.56;
  color: #fff;
  white-space:nowrap;
} 

body .blog__post--table--thead--th.cell__count__2,
body .blog__post--table--tbody--td.cell__count__2 {
  width: 50%;
}

body .blog__post--table--thead--th.cell__count__3,
body .blog__post--table--tbody--td.cell__count__3 {
  width: 33.33%;
}

/************** End: Blog Post - Table format ***************/

/************** Begin: Blog Post - Customer stories ***************/
body .blog__post--customer__stories--section--title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.36;
  color: #131F3F;
  margin-bottom: 20px;
}

body .blog__post--customer__stories--list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 40px;
  column-gap: 16px;
}

body .blog__post--customer__stories--card {
  position: relative;
}

body .blog__post--customer__stories--card--image {
  width: 100%;
  aspect-ratio: 16/5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  margin-bottom: 20px;
}

body .blog__post--customer__stories--card--title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.56;
  color: #131F3F;
  transition: all ease 0.2s;
  margin-bottom: 4px;
}

body .blog__post--customer__stories--card:hover .blog__post--customer__stories--card--title {
  color: #ff5c31;
}

body .blog__post--customer__stories--card--description {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  color: #131F3F;
}

body .blog__post--customer__stories--card--link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}

body .blog__post--customer__stories--list.column__type__double {
  grid-template-columns: 1fr 1fr;
}

body .blog__post--customer__stories--list.column__type__double .blog__post--customer__stories--card--image {
  aspect-ratio: 344.5/200;
}

body .blog__post--customer__stories--list.column__type__tripple {
  grid-template-columns: 1fr 1fr 1fr;
}

body .blog__post--customer__stories--list.column__type__tripple .blog__post--customer__stories--card--image {
  aspect-ratio: 224.33 / 200;
}
/************** End: Blog Post - Customer stories ***************/

/************** Begin: Blog Post - FAQs ***************/

body .blog__post--faqs--item{
  cursor: pointer;
}

body .blog__post--faqs--section--title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.36;
  color: #131F3F;
  margin-bottom: 20px;
  transition: all ease-in 0.2s;
}

body .blog__post--faqs--item.open .blog__post--faqs--section--title{
  color: #FF5C31
}

body .blog__post--faqs--item {
  padding: 30px;
  background-color: #FF5C311A;
  border-radius: 20px;
  width: 100%;
}

body .blog__post--faqs--list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}

body .blog__post--faqs--top__bar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

body .blog__post--faqs--question {
  width: calc( 100% - 60px );
  /*   max-width: 553px; */
  font-size: 18px;
  font-weight: 600;
  line-height: 1.56;
  color: #131F3F;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
}

body .blog__post--faqs--signs {
  width: 24px;
  height: 24px;
  padding: 5px;
  position: relative;
}

body .blog__post--faqs--answer {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.56;
  padding-top: 8px;
  color: #131F3F;
  display: none;
}

body .blog__post--faqs--signs span {
  display: block;
  width: calc( 100% - 10px );
  height: 2px;
  background-color: #1C1B1F;
  border-radius: 9px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  transition: all ease-in 0.2s;
}

body .blog__post--faqs--signs span + span {
  transform: translate(-50% , -50%) rotate(90deg);
}

body .blog__post--faqs--item.open .blog__post--faqs--signs span + span {
  transform: translate(-50% , -50%) rotate(0deg);
}

body .blog__post--faqs--item.open .blog__post--faqs--signs span {
  background-color: #FF5C31;
}

/************** End: Blog Post - FAQs ***************/

/************** Begin: Blog - Related articles ***************/
body .blog--related__articles--module__box {
  margin-top: 80px;
}

body .blog--related__articles--section__title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.36;
  color: #001B61;
  margin-bottom: 32px;
}

body .blog--related__articles__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

body .blog--related__article--feature__image {
  border-radius: 10px;
  width: 100%;
  aspect-ratio: 360 / 280;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 20px;
}

body .blog--related__article--tag {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
  padding: 2px 14px;
  display: inline-block;
  border-radius: 325px;
  margin-bottom: 10px;
}

body .blog--related__article--title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.375;
  color: #131F3F;
  margin-bottom: 10px;
}

body .blog--related__article--meta {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.71;
  color: #71798C;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

body .blog--related__article--link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding: 4px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: unset;
}

body .blog--related__article--link svg path {
  width: 20px;
  height: 20px;
  padding: 4px;
  transition: all ease-in 0.3s;
}

body .blog--related__article--link:hover path {
  stroke: rgba(255, 53, 0, 1.0);
}
/************** End: Blog - Related articles ***************/


/*************** Bwgin: Bottom CTA Section ****************/
.bottom__cta__included .footer-middle-section {
  padding-top: 223px;
}

.clickPost__bottom__cta__section {
  background-color: #155FFF;
  border-radius: 20px;
  padding: 80px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.clickPost__bottom__cta__section--inner {
  max-width: 952px;
  margin: 0 auto;
  text-align: center;
}

.clickPost__bottom__cta__section--title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.24;
  color: #FFFFFF;
  margin-bottom: 12px;
}

.clickPost__bottom__cta__section--sub__title {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  color: #FFFFFF;
  margin-bottom: 30px;
}

.clickPost__bottom__cta__section--button {
  background-color: #fff;
  padding: 12px 30px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #001B61;
  text-decoration: none;
  display: inline-block;
}

.clickPost__bottom__cta__section--module__box {
  margin-bottom: -172px;
  position: relative;
  z-index: 14;
}

.demo__popup__open .clickPost__bottom__cta__section--module__box{
  z-index: 1;
}
/*************** End: Bottom CTA Section ****************/

/*************** Begin: Bottom Author Card ***************/
.blog__post--author__card--section {
  padding-top: 40px;
}

.blog__post--author__card {
  background-color: #F1F4F9;
  padding: 30px 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
}

.blog__post--author__card--avatar {
  width: 200px;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  overflow: hidden;
}

.blog__post--author__card--details {
  width: calc( 100% - 230px );
}

.blog__post--author__card--name__social {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.blog__post--author__card--name {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.42;
  text-align: left;
  color: #001B61;
  padding-right: 16px;
}

.blog__post--author__card--social__link {
  width: 24px;
  height: 24px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.blog__post--author__card--social__link--linkedin path {
  fill: #fff;
}

.blog__post--author__card--social__link span {
  width: 13px;
  height: auto;
  display: block;
}

.blog__post--author__card--social__link--linkedin {
  background: #0274B3; 
}

.blog__post--author__card--social__link svg {
  display: block;
  width: 100%;
  height: auto;
}

.blog__post--author__card--bio {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.56;
  text-align: left;
  color: #001B61;
  margin-top: 20px;
}

.blog__post--author__card--learn__more {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  margin-top: 10px;
  display: block;
  width: fit-content;
}
/*************** End: Bottom Author Card ***************/

/************ Begin: Pillar Page Version **************/
.template__type--pillar_version .blog__post__inner {
  padding: 0 0 80px;
}

.template__type--pillar_version .blog__post--two__col__grid {
  padding: 80px 0 0;
}
body .template__type--pillar_version .blog__post--summary__module--inner,
body .template__type--pillar_version .blog__post--banner__with__CTA--flex,
body .template__type--pillar_version .blog__post--highlitable__box,
body .template__type--pillar_version .blog__post--youTube__video--thumbnail,
body .template__type--pillar_version .blog__post--table__format--section--inner,
body .template__type--pillar_version .blog__post--faqs--item,
body .template__type--pillar_version .blog--related__article--feature__image,
body .template__type--pillar_version .clickPost__bottom__cta__section,
body .template__type--pillar_version .clickPost__bottom__cta__section--button{
  border-radius: 0;
}
/************ End: Pillar Page Version **************/


/************ Begin: eBook Download Section **************/ 
.blog__post--eBook--section {
  padding: 25px;
  border: 1px solid #155fff;
  border-radius: 8px;
}

.blog__post--eBook--section--row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
} 

.blog__post--eBook--section--thumbnail__col {
  width: 220px;
}

.blog__post--eBook--section--content__col {
  width: calc( 100% - 240px ); 
}

.blog__post--eBook--section--form{
  display: none;
}

.blog__post--eBook--section--form form input[type=email], 
.blog__post--eBook--section--form form input[type=file], 
.blog__post--eBook--section--form form input[type=number], 
.blog__post--eBook--section--form form input[type=password], 
.blog__post--eBook--section--form form input[type=search], 
.blog__post--eBook--section--form form input[type=tel], 
.blog__post--eBook--section--form form input[type=text], 
.blog__post--eBook--section--form form select, 
.blog__post--eBook--section--form form textarea{
  border: 1px solid #000;
  outline: none;
  font-size: 16px;
  line-height: 1;
  padding: 10px 12px !important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
  border-radius: 8px;
}

.blog__post--eBook--section--button__loader {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: all ease-in 0.2s;
}

.blog__post--eBook--section--button.loading .blog__post--eBook--section--button__loader{
  opacity: 1;
}

.blog__post--eBook--section--button__loader:after {
  content: '';
  width: 100%;
  height: 100%;
  display: block !important;
  border: 3px solid #fff;
  border-left-color: rgba(21, 95, 255, 1.0);
  border-right-color: rgba(21, 95, 255, 1.0);
  border-radius: 50%;
  animation: spinLoader 1s linear infinite;
}

.blog__post--eBook--section--button {
  position: relative;
  transition: all ease-in 0.2s;
}

.blog__post--eBook--section--button.loading{
  color: transparent;
}
/************ End: eBook Download Section **************/ 



/************ Begin: iFrame Size **************/  
body .blog__post--main__body .hs-responsive-embed-wrapper,
body .blog__post--main__body .hs-responsive-embed {
  max-width: unset !important;
  max-height: unset !important;
}

body .blog__post--main__body .hs-responsive-embed-wrapper.small-sized, 
body .blog__post--main__body .hs-responsive-embed.small-sized{
  max-width: 400px !important;
  min-width: unset !important;

}
/************ End: iFrame Size **************/  


/********************  Responsive  *********************/
@media( max-width: 1080px ){
  body .blog__post__body__module {
    margin-top: 50px;
  }

  body .blog__post--main__body .hs_cos_wrapper_type_module + *,
  body .blog__post--main__body * + h1,
  body .blog__post--main__body * + h2,
  body .blog__post--main__body * + h3,
  body .blog__post--main__body * + h4,
  body .blog__post--main__body * + h5,
  body .blog__post--main__body * + h6{
    margin-top: 30px;
  }

  body .blog__post--two__col__grid {
    grid-template-columns: 300px calc(100% - 330px);
    gap: 30px;
    padding: 30px 0 0;
  }

  body .blog__post__inner {
    padding: 60px 0;
  }

  .template__type--pillar_version .blog__post__inner {
    padding: 0 0 60px;
  }

  .template__type--pillar_version .blog__post--two__col__grid {
    padding: 60px 0 0;
  }

  body .blog__post--title__and__meta {
    margin-bottom: 30px;
  }
}

@media( max-width: 991px ){
  .pt35, .p35-0{ padding-top: 25px; }
  .pb35, .p35-0{ padding-bottom: 25px; }
  .pt40, .p40-0{ padding-top: 30px; }
  .pb40, .p40-0{ padding-bottom: 30px; }
  .pt50, .p50-0{ padding-top: 35px; }
  .pb50, .p50-0{ padding-bottom: 35px; }
  .pt60, .p60-0{ padding-top: 50px; }
  .pb60, .p60-0{ padding-bottom: 50px; }
  .pt80, .p80-0{ padding-top: 55px; }
  .pb80, .p80-0{ padding-bottom: 55px; } 
  .pt100, .p100-0{ padding-top: 60px; }
  .pb100, .p100-0{ padding-bottom: 60px; }

  .mb20, .m20-0{ margin-bottom: 10px !important; }
  .mt20, .m20-0{ margin-top: 10px !important; }
  .mb24, .m24-0{ margin-bottom: 16px !important; }
  .mt24, .m24-0{ margin-top: 16px !important; }
  .mb40, .m40-0{ margin-bottom: 30px !important; }
  .mt40, .m40-0{ margin-top: 30px !important; } 

  .blog__index--section--titles,
  .blog__index--global__title { font-size: 24px; } 

  .blog__index--global__title.large{ 
    font-size: 28px;
  }

  .blog__index--section--titles.large{ 
    font-size: 28px; 
  }

  .blog__index--global__title.small,
  .blog__index--global__title.mobile__small{ font-size: 20px; margin-bottom: 7px; }

  .blog__index--global__sub__title{ 
    font-size: 16px;
  }

  .blog__index--global__sub__title.small{ 
    font-size: 14px;
  }

  .blog__index--global__sub__title.extra__small{
    font-size: 12px; 
  }

  body .blog__post--two__col__grid {
    grid-template-columns: 250px calc( 100% - 280px );
  }

  body .blog__post--feature__image {
    margin-bottom: 30px;
  }

  body .blog__post--title,
  body .blog__post--title.large{
    font-size: 35px;
    margin-bottom: 20px;
  }

  body .blog__post--post__meta__detail--module__box {
    padding-bottom: 0;
  }

  body .blog__post--author--name__link, .blog__post--last__updates, .blog__post--min__to__read {
    font-size: 12px;
  }

  .blog__post--main__body h1 { font-size: 31px; }  
  .blog__post--main__body h2 { font-size: 26px; }
  .blog__post--main__body h3 { font-size: 24px; }
  .blog__post--main__body h4 { font-size: 22px; }
  .blog__post--main__body h5 { font-size: 20px; }
  .blog__post--main__body h6 { font-size: 18px; }

  .blog__post--main__body p { font-size: 16px; }

  body .blog__post__body__module {
    margin-top: 40px;
  }

  body .blog__post--main__body .hs_cos_wrapper_type_module + *,
  body .blog__post--main__body * + h1,
  body .blog__post--main__body * + h2,
  body .blog__post--main__body * + h3,
  body .blog__post--main__body * + h4,
  body .blog__post--main__body * + h5,
  body .blog__post--main__body * + h6{
    margin-top: 25px;
  }

  body .blog__post--summary__module--inner {
    padding: 20px;
  }  

  body .blog__post--summary--reveal__button {
    font-size: 15px;
  }

  body .blog__post--summeriese__content {
    font-size: 15px;
  }

  body .blog__post--main__body * + p {
    margin-top: 16px;
  }

  body .blog__post--banner__with__CTA--content--title {
    font-size: 21px;
  }

  body .blog__post--banner__with__CTA--content__col {
    padding: 24px 16px;
  }

  body .blog__post--banner__with__CTA--content--features {
    gap: 16px;
    margin-bottom: 28px;
  }

  body .blog__post--highlitable__box {
    padding: 30px 20px;
  }

  body .blog__post--highlitable__box--title {
    font-size: 21px;
    margin-bottom: 16px;
  }

  body .blog__post--highlitable__summary--content {
    font-size: 16px;
  }

  body .blog__post--highlitable__box.large {
    padding: 30px 30px;
  }

  body .blog__post--must_reads--item {
    font-size: 15px;
  }

  body .blog__post--must_reads--items li+li {
    margin-top: 16px;
  }

  body .blog__post--numerical_listing--item {
    font-size: 15px;
    padding-left: 40px;
  }

  body .blog__post--numerical_listing--item:before {
    font-size: 15px;
    height: 26px;
    width: 26px;
    line-height: 26px;
  }

  body .blog__post--listing_with_hyperlink--item, 
  body .blog__post--listing_with_hyperlink--item a {
    font-size: 16px;
  }

  body .blog__post--key_features--item {
    font-size: 15px;
  }

  body .blog__post--pros__and__cons--item {
    padding: 0 16px;
  }

  body .blog__post--pros__and__cons--tag,
  body .blog__post--pros__and__cons--content{
    font-size: 16px;
  } 

  body .blog__post--youTube__video--play__button {
    width: 75px;
    height: 75px;
  }

  body .blog__post--table--thead--th,
  body .blog__post--main__body table:not(.blog__post--table) tbody > tr:first-child td{
    padding: 12px 26px !important;
    font-size: 16px;
  }

  body .blog__post--table--tbody--td,
  body .blog__post--main__body table:not(.blog__post--table) td{
    padding: 9px 26px !important;
    font-size: 15px;
  }

  body .blog__post--customer__stories--list.column__type__tripple {
    grid-template-columns: 1fr 1fr; 
  }

  body .blog__post--customer__stories--section--title,
  body .blog__post--faqs--section--title{
    font-size: 26px;
  }

  body .blog__post--customer__stories--card--description {
    font-size: 15px;
  } 

  body .blog__post--faqs--question,
  body .blog__post--faqs--answer{
    font-size: 16px;
  } 

  body .blog--related__articles--module__box {
    margin-top: 60px;
  }

  body .blog--related__articles__list {
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
  }

  body .blog--related__article--feature__image {
    aspect-ratio: 358/210;
  }

  body .blog--related__articles--section__title {
    font-size: 26px;
    margin-bottom: 24px;
  }

  body .blog--related__article--tag {
    font-size: 13px;
  }

  body .blog--related__article--title {
    font-size: 21px;
  }

  body .blog--related__article--meta {
    font-size: 13px;
  }

  .clickPost__bottom__cta__section {
    padding: 40px 24px;
    border-radius: 16px;
  }

  .clickPost__bottom__cta__section--title {
    font-size: 24px;
  }

  .clickPost__bottom__cta__section--sub__title,
  .clickPost__bottom__cta__section--button{
    font-size: 14px;
  } 

  .clickPost__bottom__cta__section--module__box {
    margin-bottom: -100px;
  }

  .bottom__cta__included .footer-middle-section {
    padding-top: 120px;
  }

  .blog__post--author__card--avatar {
    width: 120px;
    height: 120px;
  }

  .blog__post--author__card--details {
    width: calc( 100% - 150px );
  }

  .blog__post--author__card--name {
    font-size: 20px;
    padding-right: 0;
  }

  .blog__post--author__card {
    align-items: flex-start;
    padding: 30px 18px;
  }

  .blog__post--author__card--name__social {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .blog__post--author__card--social__link {
    width: 20px;
    height: 20px;
  }

  .blog__post--author__card--social__link span {
    width: 10px;
  }

  .blog__post--author__card--bio {
    margin-top: 14px;
    font-size: 16px;
  }

  .blog__post--author__card--learn__more {
    font-size: 14px;
  }

  .blog__post--eBook--section--row {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }

  .blog__post--eBook--section--content__col {
    width: 100%;
    text-align: center;
  }

  .blog__post--eBook--section--thumbnail__col{
    max-width: 150px;
  }

}

@media( max-width: 767px ){

  .pt40, .p40-0{ padding-top: 20px; }
  .pb40, .p40-0{ padding-bottom: 20px; }
  .pt50, .p50-0{ padding-top: 20px; }
  .pb50, .p50-0{ padding-bottom: 20px; }
  .pt60, .p60-0{ padding-top: 30px; }
  .pb60, .p60-0{ padding-bottom: 30px; }
  .pt80, .p80-0{ padding-top: 40px; }
  .pb80, .p80-0{ padding-bottom: 40px; } 
  .pt100, .p100-0{ padding-top: 40px; }
  .pb100, .p100-0{ padding-bottom: 40px; }

  .mb24, .m24-0{ margin-bottom: 12px !important; }
  .mt24, .m24-0{ margin-top: 12px !important; } 

  .mb10, .m10-0{ margin-bottom: 7px !important; }
  .mt10, .m10-0{ margin-top: 7px !important; }

  .mb40, .m40-0{ margin-bottom: 20px !important; }
  .mt40, .m40-0{ margin-top: 20px !important; }

  .blog__index--section--titles{ font-size: 18px; }

  .blog__index--section--titles.large,
  .blog__index--global__title.large{  font-size: 24px;  } 
  .blog__index--global__title.small,
  .blog__index--global__title.medium__small,
  .blog__index--global__title.extra__small,
  .blog__index--global__title.mobile__small{font-size: 18px; margin-bottom: 4px;}  

  .blog__index--global__sub__title{ font-size: 14px; }

  body .blog__post--breadcrumb,
  body .blog__post--image__table__of__content--col{
    display: none;
  } 

  body .blog__post--table__of-_content--mobile{
    display: block;
  }

  body .blog__post--two__col__grid {
    grid-template-columns: 100%;
    padding: 0;
  }

  body .blog__post__inner {
    padding: 40px 0;
  }

  .template__type--pillar_version .blog__post__inner {
    padding: 0 0 40px;
  }

  .template__type--pillar_version .blog__post--two__col__grid {
    padding: 40px 0 0;
  }

  body .blog__post--title,
  body .blog__post--title.large{
    font-size: 28px;
    margin-bottom: 10px;
  }

  body .blog__post--author--avatar {
    width: 20px;
    height: 20px;
  }

  body .blog__post--author__box {
    gap: 4px;
  }

  body .blog__post--author--name__link, 
  body .blog__post--last__updates, 
  body .blog__post--min__to__read {
    font-size: 10px;
  }


  .blog__post--main__body h1 { font-size: 28px; }   
  .blog__post--main__body h2 { font-size: 24px; }
  .blog__post--main__body h3 { font-size: 22px; }
  .blog__post--main__body h4 { font-size: 20px; }
  .blog__post--main__body h5 { font-size: 18px; }
  .blog__post--main__body h6 { font-size: 16px; }

  .blog__post--main__body p {
    font-size: 14px;
  }

  body .blog__post__body__module {
    margin-top: 30px;
  }

  body .blog__post--main__body .hs_cos_wrapper_type_module + *,
  body .blog__post--main__body * + h1,
  body .blog__post--main__body * + h2,
  body .blog__post--main__body * + h3,
  body .blog__post--main__body * + h4,
  body .blog__post--main__body * + h5,
  body .blog__post--main__body * + h6{
    margin-top: 20px;
  }

  body .blog__post--summary__module--inner {
    padding: 20px 15px;
    text-align: center;
  }

  body .blog__post--summary--visible__flex {
    flex-direction: column;
    gap: 12px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
  }

  body .blog__post--summary--reveal__button, 
  body .blog__post--summeriese__content {
    font-size: 14px;
    text-align: left;
  }

  body .blog__post--summary--close__button{
    top: 5px;
    right: 5px;
    font-size: 16px;
  }

  body .blog__post--summary__section--title {
    font-size: 16px;
  }

  body .blog__post--summeriese__content {
    padding-top: 20px;
  }

  body .blog__post--banner__with__CTA--image__col {
    display: none;
  }

  body .blog__post--banner__with__CTA--content__col {
    width: 100%;
    align-items: center;
    text-align: center;
  }

  body .blog__post--banner__with__CTA--content--title {
    font-size: 18px;
    margin-bottom: 12px;
  }

  body .blog__post--banner__with__CTA--content--features {
    /*     text-align: left; */
    margin-bottom: 24px; 
    justify-content: center;
  }


  body .blog__post--banner__with__CTA--content--feature--image {
    width: 20px;
    height: 20px;
  }

  body .blog__post--banner__with__CTA--content--feature--label {
    width: calc( 100% - 30px );
  }

  body .blog__post--banner__with__CTA--content--CTA a {
    padding: 4px 8px;
  }

  body .blog__post--highlitable__box {
    padding: 24px 16px;
  }

  body .blog__post--highlitable__box--title {
    font-size: 18px;
    margin-bottom: 12px;
  }

  body .blog__post--highlitable__summary--content {
    font-size: 14px;
  }

  body .blog__post--highlitable__box.large {
    padding: 24px 16px;
  }

  body .blog__post--must_reads--items {
    padding-left: 20px;
  }

  body .blog__post--must_reads--item {
    font-size: 14px;
  }

  body .blog__post--must_reads--items li+li {
    margin-top: 12px;
  }

  body .blog__post--numerical_listing--item {
    font-size: 14px;
  }

  body .blog__post--numerical_listing--item:before {
    font-size: 14px;
  }

  body .blog__post--numerical_listing--items li+li {
    margin-top: 12px;
  }

  body .blog__post--listing_with_hyperlink--item, 
  body .blog__post--listing_with_hyperlink--item a {
    font-size: 14px;
  }

  body .blog__post--listing_with_hyperlink--items {
    padding-left: 20px;
  }

  body .blog__post--listing_with_hyperlink--items li+li {
    margin-top: 6px;
  }

  body .blog__post--key_features--item {
    font-size: 14px;
  }

  body .blog__post--key_features--items li+li {
    margin-top: 12px;
  }

  body .blog__post--pros__and__cons--content, 
  body .blog__post--pros__and__cons--tag {
    font-size: 14px;
    margin-bottom: 4px;
  }

  body .blog__post--youTube__video--play__button {
    width: 60px;
    height: 60px;
    aspect-ratio: 358 / 272;
  }

  body .blog__post--table__format--section--inner {
    overflow: auto;
  }

  body table.blog__post--table,
  body .blog__post--main__body table:not(.blog__post--table){ 
    overflow: auto;
  }

  body .blog__post--customer__stories--section--title, 
  body .blog__post--faqs--section--title {
    font-size: 24px;
  }

  body .blog__post--customer__stories--list, 
  body .blog__post--customer__stories--list.column__type__double, 
  body .blog__post--customer__stories--list.column__type__tripple {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body .blog__post--customer__stories--list .blog__post--customer__stories--card--image, 
  body .blog__post--customer__stories--list.column__type__double .blog__post--customer__stories--card--image,  
  body .blog__post--customer__stories--list.column__type__tripple .blog__post--customer__stories--card--image {
    aspect-ratio: 358 / 200;
  }

  body .blog__post--customer__stories--card--description {
    font-size: 14px;
  }

  body .blog__post--faqs--item {
    padding: 24px 16px;
  }

  body .blog__post--faqs--signs {
    width: 20px;
    width: 20px;
  }

  body .blog__post--faqs--signs span {
    width: calc( 100% - 8px );
  }

  body .blog__post--faqs--answer, 
  body .blog__post--faqs--question {
    font-size: 14px;
  }

  body .blog__post--faqs--question {
    width: calc( 100% - 25px );
    max-width: unset;
  }

  body .blog--related__articles--module__box {
    margin-top: 40px;
  }

  body .blog--related__articles--section__title {
    font-size: 24px;
    margin-bottom: 16px;
  }

  body .blog--related__articles__list {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body .blog--related__article--tag {
    font-size: 12px;
  }

  body .blog--related__article--title {
    font-size: 18px;
  }

  body .blog--related__article--meta {
    font-size: 12px;
  }

  body .blog__post--meta--flex {
    gap: 10px;
    flex-wrap: wrap;
  }

  body .blog__post--last__updates:before, .blog__post--min__to__read:before {
    left: -6px;
  }

  .blog__post--author__card {
    padding: 20px 16px;
  }

  .blog__post--author__card--avatar {
    width: 100px;
    height: 100px;
  }

  .blog__post--author__card--details {
    width: calc( 100% - 120px );
  }

  .blog__post--author__card {
    gap: 20px;
  }


} 

@media( max-width: 460px ){
  body .blog__post--banner__with__CTA--content--features { 
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  body .blog__post--banner__with__CTA--content--feature {
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
  }

  body .blog__post--banner__with__CTA--content--feature--label{
    width: 100%;
  }

  .blog__post--author__card {
    flex-direction: column;
  }

  .blog__post--author__card--details {
    width: 100%;
  }

  .blog__post--author__card {
    gap: 10px;
  }

  .blog__post--author__card--avatar {
    width: 80px;
    height: 80px;
  }
}


@keyframes spinLoader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}