.blog-tpsec {
  background-color: #EEE0D3;
  overflow-x: clip;
  color: #2C3782
}

.blog-banner .subheading {
  -moz-column-gap: clamp(.5rem,-.5051546392rem + 5.1546391753vw,3rem);
  column-gap: clamp(0.5rem,-0.5051546392rem + 5.1546391753vw,3rem);
  flex-direction: row;
  padding-left: clamp(0rem,-4.6237113402rem + 23.7113402062vw,11.5rem);
  max-width: 100%;
  display: flex;
  font-style: italic;
  color: transparent;
  text-stroke: 1px #fff;
  -webkit-text-stroke: 1px #fff;
  line-height: 90%;
  letter-spacing: 0;
}

.blog-banner h1 {
  color: inherit;
  margin: 0;
}

.blog-banner{
  padding-top:var(--page-header-height);
}

.blog-banner .heading {
  color:#282828;
  display: block;
  max-width: 100%;
  font-size: clamp(3.4rem,1.1484536082rem + 11.5463917526vw,9rem);
  /* letter-spacing: -.03em; */
  line-height: 90%;

}




.blog-banner {
  margin-block: 32px 80px;
  position: relative;
  top: -1px;
}

.blog-cat h3 {
  margin: 0;
}

.blog-cat .widget-module {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.blog-cat .widget-module ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  list-style: none;
  margin: 0;
}

.blog-post__meta .blog-cat .widget-module ul{
  gap: 8px;
}

.blog-cat .widget-module ul li a {--_btn-padding-y: 12px;
  background: transparent;
  border-radius: 78px;
  font-weight: 700;
  letter-spacing: -.2px;
  border: 3px solid #3e4db4;
  padding: 18px 20px;
  transition: color .25s,background .2s ease-in-out,transform .25s,border .25s,outline .25s;
  display: inline-block;
  color: #3e4db4;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 20px;
  font-family: n27,system-ui,-apple-system,Segoe UI,roboto,Helvetica Neue,Noto Sans,Liberation Sans,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.blog-cat .widget-module ul li a .filter-link-count {
  display: none;
}

.blog-cat .widget-module ul li a:hover {
  border-color: #2C3782;
  background-color: #2C3782;
  color: #eee0d3;
}

.blog-cat .widget-module ul li.active a {
  background: #2C3782;
  color: #EEE0D3;
  border-color: #2C3782;
}

.blog-cat .widget-module ul li.active a:hover {
  background-color: #3e4db4;
  color: #fff;
  border-color: #3e4db4;
}


.blog-lst .dnd-section>.row-fluid {
  margin-top: 80px;
  margin-bottom: 80px;
}


.cmlst-index .cmitems {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(var(--cols),minmax(0,1fr));
}

.cmlst-index .cmitems .item-wrapper {
  /* aspect-ratio: 1/1; */
  background-color: transparent;
  container-type: inline-size;
  position: relative;
  width: 100%;
  --bg-color: #2C3782;
  --color-text: #fff;
  color: var(--color-text);
  --visual-hand-color: #EEE0D3;
  --border-color: #EEE0D3;
  --inner-bg-color: #2C3782;
  --title-color: #EEE0D3;
  --subtitle-color: #EEE0D3;
  display: grid;
  grid-template-areas: "top" "middle" "bottom";
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  --spacing: 16px;
  height: 100%; /* for same height */
  grid-template-rows: min-content auto auto;
}

.cmlst-index .cmitems .tag-list {
  align-self: end;
  grid-area: top;
  margin: var(--spacing);
  z-index: 4;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
}

.cmlst-index .cmitems .color-overlay{
  align-self: end;
  grid-area: top;
  margin: var(--spacing);
  z-index: 3;
  --spacing: 16px;
  position: relative;
}

.cmlst-index .cmitems .color-overlay::before{
  content:'';
  position:absolute;
  left:0;
  right: 0;
  bottom:0;
  min-height: 120px;
  margin: -16px;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 63.54%);
}


.cmlst-index .cmitems .tag-list .tag-list__list {
  margin: 0px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  /* white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; 
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: none; */
}
/* .cmlst-index .cmitems .tag-list .tag-list__list::-webkit-scrollbar { 
  display: none!important;
} */

.cmlst-index .cmitems a {
  color: #fff;
}

.cmlst-index .cmitems .tag-list .tag-list__list li {
  margin: 0;
}

.cmlst-index .cmitems .tag-list .tag-list__list li a {
  background: transparent;
  border-radius: 78px;
  font-weight: 400;
  letter-spacing: -.2px;
  padding: 9px 12px 7px;
  display: inline-block;
  outline-offset: 2px;
  transition: color .25s,background .2s ease-in-out,transform .25s,border .25s,outline .25s;
  background-color: #2C3782;
  line-height: 100%;
  text-transform: uppercase;
  font-size: 16px;
}

.cmlst-index .cmitems .tag-list .tag-list__list li a:hover {
  color: #EEE0D3;
  background-color: #3e4db4;
}

.cmlst-index .cmitems .media-image {
  overflow: clip;
  position: relative;
  width: 100%;
  grid-area: top;
  z-index: 1;
  --ratio: 1/1;
}

.cmlst-index .cmitems .media-image img {
  aspect-ratio: var(--ratio, auto);
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 2;
  transform: scale(var(--img-scale, 1));
  transition: transform .3s ease-out;
}

.cmlst-index .cmitems .item-wrapper:hover {
  --img-scale: 1.1;
}

.cmlst-index .cmitems .item-inner {
  background-color: var(--bg-color-hover, var(--inner-bg-color));
  display: flex;
  align-self: start;
  flex-direction: column;
  grid-area: middle;
  position: relative;
  transition: background-color .25s ease-out;
  z-index: 3;
  padding-block-end: 8px;
  height: 100%; /* for same height*/
}

.cmlst-index .cmitems .item-meta {
  align-self: end;
  background-color: var(--bg-color-hover, var(--inner-bg-color));
  color: #fff;
  display: flex;
  
  gap: 8px;
  grid-area: bottom;
  justify-content: space-between;
  padding: 0 var(--spacing) var(--spacing);
  transition: opacity .25s ease-out;
  z-index: 4;
  font-size: clamp(.8rem,.7597938144rem + .206185567vw,.9rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 150%;
}

.cmlst-index .cmitems .item-inner:before {
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.4) 40.1%,rgba(0,0,0,.65) 84.9%) no-repeat 0 100%;
  background-size: 100% 25%;
  content: "";
  display: block;
  inset: 0;
  opacity: var(--gradient-overlay-opacity, 0);
  pointer-events: none;
  position: absolute;
  transition: opacity var(--gradient-overlay-speed, .2s) var(--gradient-overlay-speed-delay, 0ms) ease-out;
}

.cmlst-index .cmitems .item-content {
  align-items: flex-start;
  color: #fff;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--spacing);
  justify-content: flex-start;
  padding: 24px 16px;
}

.cmlst-index .cmitems h4.item-title {
  text-align: left;
  transition: color .25s ease-out;
  color: var(--title-color-hover, var(--title-color));
  margin: 0;
  font-size: clamp(1.8rem,1.5989690722rem + 1.0309278351vw,2.3rem);
}
.cmlst-index .cmitems h5.item-title {
  text-align: left;
  transition: color .25s ease-out;
  color: var(--title-color-hover, var(--title-color));
  margin: 0;
  text-transform: none;
  line-height: 120%;
}

.cmlst-index .cmitems .post-item {
  background: #2C3782;
  --bg-color-hover: #2C3782;
  --title-color-hover: #EEE0D3;
  border-color: #2C3782;
  border-width: 8px;
  border-style: solid;
}

/* .cmlst-index .cmitems .post-item:first-of-type{
  grid-column: 1 / -1;
} */

.cmlst-index .cmitems h4.item-title a {
  color: inherit;
}
.cmlst-index .cmitems h5.item-title a {
  color: inherit;
}

.cmlst-index .cmitems .item-subtitle {
  text-align: center;
  transition: color .25s ease-out;
  color: #EEE0D3;
  font-size: clamp(1.1rem, 1.0195876289rem + .412371134vw, 1.3rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 100%;
  text-transform: uppercase;
}

.cmlst-index .cmitems  .item-wrapper.no-image {
  display: block;
}


.blog-lst nav.blog-pagination {
  margin-top: 50px;
}

nav.blog-pagination path{
  fill: #2C3782;
}

.blog-lst nav.blog-pagination .blog-pagination__link {
  background: #EEE0D3;
  border-radius: 78px;
  border: 3px solid #2C3782;
  color: #2C3782;
  padding-top: 3px;
}

.blog-lst nav.blog-pagination .blog-pagination__next-link{
  padding:3px 20px;
}

.blog-lst nav.blog-pagination .blog-pagination__link:not(.blog-pagination__prev-link):not(.blog-pagination__next-link) {
  /* padding:18px; */
}

.blog-lst nav.blog-pagination .blog-pagination__link svg,
.blog-pagination .blog-pagination__next-link:hover svg path {
  fill: #2C3782;
}

.blog-pagination a.blog-pagination__link:hover {
  background: #2C3782;
  border: 3px solid #2C3782;
  color: #EEE0D3;
}

.blog-pagination .blog-pagination__next-link:hover svg,
.blog-pagination .blog-pagination__next-link:hover svg path {
  fill: #EEE0D3!important;
}

.newsletter .page-center {
  padding-block: 160px;
  display: grid;
  grid-template-areas:
    "content";
}

.newsletter .newsletter-inner {
  display: grid;
  gap: 20px;
  grid-area: content;
  grid-template-columns: repeat(12,minmax(0,1fr));
  row-gap: 68px;
  width: 100%;
  z-index: 2;
}

.newsletter .newsletter-visual {
  grid-area: content;
  max-width: 50%;
  place-self: center end;
  transform: translateY(-50%);
  z-index: 1;
}

.newsletter .newsletter-headline {
  grid-column: auto/span 12;
  margin-bottom: 0;
  font-size: clamp(3.4rem,1.8721649485rem + 7.8350515464vw,7.2rem);
  /* letter-spacing: -.03em; */
  /* line-height: 90%; */
}

.newsletter .newsletter-form {
  grid-column: auto/span 12;
}

.newsletter  .media-image {
  overflow: clip;
  position: relative;
  width: 100%;
}

.newsletter .media-image img {
  aspect-ratio: var(--ratio, auto);
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 2;
}

.newsletter .newsletter-form .hs_email {
  margin-block: 13px 40px;
  position: relative;
}

.newsletter .newsletter-form .hs_email > label {
  font-weight: 700;
  margin-bottom: 5px;
  --top: -0.5lh + 2px;
  background-image: linear-gradient(to bottom,var(--bg-color, #fff) calc(50% + 2px),transparent calc(50% + 2px));
  display: inline-flex;
  font-size: clamp(.9rem,.8597938144rem + .206185567vw,1rem);
  left: 16px;
  line-height: 150%;
  padding-inline: 4px;
  position: absolute;
  text-transform: uppercase;
  top: calc(var(--top));
}

/* .newsletter .newsletter-form .hs_email > label .hs-form-required {
  display: none;
} */

.newsletter .newsletter-form form .hs-richtext,
.newsletter .newsletter-form form .hs-richtext p {
  font-size: inherit;
}

.newsletter .newsletter-form form .hs-richtext p a {
  text-decoration: underline;
}

.newsletter .newsletter-form .hs_submit {
  margin-top: 40px;
}

.newsletter .newsletter-form form .hs-richtext p {
  margin-block-end: 1em;
}

.bottom-pane {
  overflow: hidden;
}

.bottom-pane[data-color-variant="white"]{
  background-color:#FFFFFF;
}

.bottom-pane[data-color-variant="cream"]{
  background-color:#EEE0D3;
}

.bottom-pane[data-color-variant="dark"]{
  background-color:#282828;
}

.bottom-pane .page-center {
  position: relative;
  top: -1px;
  max-width: 1440px;
}

.bottom-pane .btm-icon {--icon-color: #EEE0D3;
  color: #2C3782;
  position: absolute;
  right: -25px;
  top: -10px;
  transform: scaleX(-1);
  transition: transform .2s ease-out;
}

.bottom-pane .btm-icon svg {
  height: 106px;
  transform-origin: bottom left;
  width: 130px;
  vertical-align: middle;
  color: #EEE0D3;
}

.bottom-pane .btm-content-inner {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(12,minmax(0,1fr));
  max-width: 1360px;
  margin-inline: auto;
}

.bottom-pane .btm-content {
  grid-column: auto/span 12;
  margin-block: 80px;
  overflow: clip;
}



.bottom-pane .btm-content .btm-hdg {
  margin-bottom: 48px;
  content: inherit;
  font-size: clamp(3.4rem,1.8721649485rem + 7.8350515464vw,7.2rem);
  /* letter-spacing: -.03em; */
  line-height: 90%;
  color:#282828;
}


.bottom-pane .btm-content__content-inner p,.bottom-pane .cmbtn {
  margin-bottom 1em;
}

.bottom-pane[data-color-variant="dark"] .btm-content .btm-hdg,.bottom-pane[data-color-variant="dark"] .btm-content__content-inner p{
  color:#EEE0D3;
}


.bottom-pane .btm-media {
  grid-column: 3/span 10;
  margin-bottom: 0;
  margin-bottom: 40px;
}

.bottom-pane .btm-media .media-image {
  overflow: clip;
  position: relative;
  width: 100%;
  --ratio: 1/1;
}

.media-image[data-shape] {
  -webkit-mask: var(--shape) no-repeat 50% 50%/contain;
  mask: var(--shape) no-repeat 50% 50%/contain;
}

.bottom-pane .btm-media .media-image[data-shape="3"] {
  --shape: url(https://magazin.triljen.com/hubfs/triljen_July_2024/shape-03.5220021f.svg);
}

.bottom-pane .btm-media .media-image img {
  aspect-ratio: var(--ratio, auto);
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 2;
  width: 100%;
}


.blog-cat .filter-expand-link {
  --_btn-padding-y: 12px;
  --_btn-padding-x: 16px;
  padding-left: 0px!important;
  border-radius: 78px;
  font-weight: 700;
  letter-spacing: -.2px;
  display: inline-block;
  outline-offset: 2px;
  padding-block: var(--_btn-padding-y);
  padding-inline: var(--_btn-padding-x);
  text-align: center;
  text-decoration: none;
  transition: color .25s,background .2s ease-in-out,transform .25s,border .25s,outline .25s;
  line-height: 100%;
  /* text-transform: uppercase; */
  text-decoration: underline;
  color: #2C3782;
  /* background: #2C3782; */
  font-size: clamp(1rem,1rem + 0vw,1rem);
  white-space: nowrap;
}

.blog-cat .widget-module ul li {
  margin: 0;
}


.blog-cat .filter-expand-link:hover {
  /* background-color: #2C3782; */
  color: #3e4db4;
}


/* =================Blog post ================= */


.hero-module.content-wrapper {
  position: relative;
  top: -1px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(12,minmax(0,1fr));
  margin-block: 80px;
}

.hero-sec {
  padding-block-start: var(--page-header-height);
  background-color: #eee0d3;
}

.hero-module .hero-module__headline {
  grid-column: 1/span 12;
  grid-row: 1/1;
  margin-block-end: 0;
  z-index: 2;
  /* font-size: clamp(3rem,1.9948453608rem + 5.1546391753vw,5.5rem);
  line-height: 100%; */
}

.hero-module  .hero-module_tpc {
  font-size: clamp(.8rem,.7597938144rem + .206185567vw,.9rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 150%;
  display: block;
  max-width: 100%;
  text-transform: none;
  margin-bottom: 0.5rem;
}


.hero-module .hero-module__hd {
  display: block;
  max-width: 100%;
}

.hero-module  .hero-module__visual {
  grid-column: 1/span 12;
  justify-self: end;
  position: relative;
  align-self: start;
  grid-row: 1/1;
  z-index: 1;
}

.hero-module .media-image {
  overflow: clip;
  position: absolute;
  right: -35px;
  top: -110px;
  width: clamp(15.5rem,8.7654639175rem + 34.5360824742vw,32.25rem);
}

.hero-module .media-image img {
  aspect-ratio: var(--ratio, auto);
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 2;
}

.hero-sec:before,.hero-sec:after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
}

.hero-sec:after {
  margin-block-start: -2px;
}

.media-module .media-image {
  overflow: clip;
  position: relative;
  width: 100%;
  --ratio: 16/9;
}

.media-module .media-image img {
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 2;
}

.author-module{
  background: #282828;
}
.author-module,
.author-module a{
  color:white;
}

.blog-post__body,.blog-post__meta {
  max-width: 900px;
  margin: 0 auto;
}

.blog-post__meta .grid__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* grid-template-rows: repeat(2, 1fr); */
  grid-column-gap: 20px;
  grid-row-gap: 32px;
  padding-bottom: 40px;
}

.tags__wrapper {
  margin-top: 40px;
  grid-area: 1 / 1 / 2 / 5;
}
.author__wrapper {
  grid-area: 2 / 1 / 3 / 3;
}
.post__date__wrapper {
  grid-area: 2 / 3 / 3 / 4;
}
.post__readminutes__wrapper {
  grid-area: 2 / 4 / 3 / 5;
} 

.blog-post__meta .column__title{
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  opacity: 0.6;
}

.blog-post__meta .author__image{
 float: left;
 margin-right: 20px;
}

.blog-post__body {
  padding-top: 160px;
}

.blog-post__body img{
  padding-bottom: 20px;
}

/*.blog-post__body p + h2,
.blog-post__body div + h2
 .blog-post__body h2:not(:first-of-type) {
  padding-top: 80px;
}*/ 

#main-content{
  /* padding-bottom: 160px;  NOT NEEDED ON BLOG LISTING PAGE*/
}

.blog-post_links {
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 90px;
  text-align: center;
}

.blog-latest-posts{
  background-color: #F2E9DF;
}

.blog-latest-posts h2{
  max-width: 560px;
  text-transform: uppercase;
}


.blog-post__body ul {
  list-style: revert;
  margin-block-end: 1em;
  padding-inline-start: 1.56em;
}

.blog-post__body ul li {
  margin-block-end: 0.2em;
  padding: 0;
  display: list-item;
}

.blog-post__body ul li:before {
  display: none;
}

.blog-pagination.only-for-mobile{
  display: none;
}

/* .blog-pagination__prev-link{
  margin-top: 40px;
} */

.child-theme .simple-banner .banner-breacrumb ul.hs-breadcrumb-menu li a.hs-breadcrumb-label,
.child-theme .simple-banner .banner-breacrumb ul.hs-breadcrumb-menu li span.hs-breadcrumb-label{
  font-size: 14px;
}

.child-theme .cm-blog-post-sidebr .simple-banner h1{
  font-size: 25px;
}

.child-theme .bnr_wrp .number_bullets span.cm_dots_number {
  font-size: 23px;
}

.hs-landing-page .simple-banner.cm-banner .page-center .top_sec h1 {
  margin-bottom: 0px!important;
}

@media (min-width: 576px){
  .cmlst-index .cmitems {
    --cols: 2;
  }
  .cmlst-index .cmitems .item-wrapper{
    --border-width: 8px;
    --spacing: 24px;
  }
  .newsletter .newsletter-visual {
    transform: none;
  }
  .cmlst-index .cmitems .tag-list::before{
    margin: -24px;
  }

}

@media (min-width: 768px){
  .blog-cat .widget-module {
    width: 80%;
    /* margin: 0 auto; */
  }

  .blog-banner .heading {
    /* padding-left: clamp(0rem,-6.8350515464rem + 35.0515463918vw,17rem); */
   /*  text-align: center; */
  }

  .newsletter .newsletter-visual {
    max-width: 100%;
    place-self: end end;
  }
  .newsletter .newsletter-headline{
    grid-column: 2/span 10;
  }
  .newsletter .newsletter-form{
    grid-column: 2/span 6;
  }

  .hero-module .hero-module__headline{
    grid-column: 2/span 10;
  }

  .hero-module  .hero-module__visual {
    align-self: end;
  }
  .hero-module .media-image{
    bottom: -40px;
    right: -120px;
    top: auto; 
  }
  .media-module .media-image img {
    aspect-ratio: var(--ratio, auto);
  }
  
}

@media (min-width: 992px){
  .blog-banner {
    margin-block: 56px 80px;
  }
  .blog-banner .subheading{
    text-stroke: 2px #fff;
    -webkit-text-stroke: 2px #fff;
  }
  .blog-lst .dnd-section>.row-fluid{
    margin-top: 68px;
    margin-bottom: 160px;
  }
  .cmlst-index .cmitems {
    --cols: 3;
  }
  .bottom-pane .btm-icon{
    left: -45px;
    right: auto;
    top: -10px;
    transform: scaleX(1);
  }
  .bottom-pane .btm-icon svg{
    height: 162px;
    width: 199px;
    fill: currentColor;
    color: #EEE0D3;
    transition: color .3s;
  }

  .bottom-pane .btm-content {
    grid-column: 2/span 5;
    margin-block: 160px;
  }
  .bottom-pane .btm-content .btm-hdg{
    margin-bottom: 56px;
  }
  .bottom-pane .btm-content__content-inner p,
  .bottom-pane .cmbtn{
    margin-bottom: 1.9em;
  }

  .bottom-pane .btm-media{
    /* align-self: end; */
    grid-column: 8/span 5;
    margin-block: 182px;
  }
  .hero-module.content-wrapper{
    margin-block: 100px 80px;

  }

  .cmlst-index .cmitems .item-subtitle {
    line-height: 90%;
  }


}

@media (max-width: 991px){
  .bottom-pane .btm-media {
    grid-column: 2/span 10;
  }
}

@media (max-width: 767px){
  .blog-post__body,
  .blog-post__body h2:not(:first-of-type) {
  padding-top: 80px;
  /* padding-bottom: 160px; */
  }
  .newsletter .page-center {
    padding-block: 80px;
  }

  #main-content{
   /*  padding-bottom: 80px; NOT NEEDED ON BLOG LISTING PAGE*/
  }


  .blog-index-sidebar-layout .blog-sidebar {
    padding: 0;
  }

  .blog-index-sidebar-layout .dnd-section > .row-fluid {
    padding: 0;
  }
  .blog-banner .heading{
    display: flex;
    flex-direction: column;
    max-width: 64%;
    margin: auto;
  }
  .blog-banner .subheading{
    font-size: 42px;
    justify-content: center;
  }
  .blog-banner .heading span:last-of-type{
    text-align: right;
  }

  .blog-post__meta .grid__wrapper {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    padding-bottom: 20px;
  }
  
  .tags__wrapper {
    margin-top: 20px;
    grid-area: 1 / 1 / 2 / 5;
  }
  .author__wrapper {
    grid-area: 2 / 1 / 3 / 5;
  }
  .post__date__wrapper {
    grid-area: 3 / 1 / 4 / 5;
  }
  .post__readminutes__wrapper {
    grid-area: 4 / 1 / 5 / 5;
  } 

  .blog-pagination.only-for-desktop{
    display: none;
  }

  .blog-pagination.only-for-mobile{
    display: flex;
  }

  .blog-pagination__prev-link span,
  .blog-pagination__next-link span{
    display: none !important;
  }

}

@media (max-width: 462px){
  .blog-banner .heading{
    max-width: 270px;
    margin: 0px;
  }
  
  .blog-post__meta .grid__wrapper {
    grid-row-gap: 20px;
  }
  .tags__wrapper {
    margin-top: 20px;
    margin-bottom:20px;
  }
  .blog-post__meta .blog-cat .widget-module ul{
    gap: 12px;
  }
  /* .blog-post__meta .author__image{
    float: unset;
    margin-right: 0px;
  } */
}

.blog-cat .widget-module ul li.active.active2 a {
  background: transparent;
  color: #3e4db4;
  border: 3px solid #3e4db4;
}

body > .body-wrapper{margin-bottom: -30px;}

.blog-pagination__link.blog-pagination__link--active{
  background-color: #2C3782!important;
  color: #fff !important;
}

.hs-blog-post .blog-pagination,
.hs-blog-listing .cmbtn{
  margin-top: 40px;
}

.newsletter-module[data-color-variant=""]{
  background-color: #2C3782;
}

.newsletter-module[data-color-variant=""] .newsletter-headline,
.newsletter-module[data-color-variant=""] .legal-consent-container,
.newsletter-module[data-color-variant=""] .legal-consent-container a,
.newsletter-module[data-color-variant=""] form label,
.newsletter-module[data-color-variant=""] .hs-form .hs-form-required{
  color:#EEE0D3;
}

.newsletter-module[data-color-variant=""] .hs-form .hs-form-field:not(.hs-fieldtype-booleancheckbox) label {
  background: #2C3782;
}

.newsletter-module[data-color-variant=""] form input{
  color:#EEE0D3;
  border-color:#EEE0D3;
  background-color: transparent;
}


.newsletter-module[data-color-variant=""] .hs_submit .hs-button{
  color:#2C3782;
  background-color: #EEE0D3;
}

.newsletter-module[data-color-variant=""] .hs_submit .hs-button:hover{
  color:#EEE0D3;
  background-color: #494949;
}

.newsletter-module .media-image{opacity: 30%;}