.template-blog--with-sidebar{display:flex;flex-direction:column;gap:30px}@media screen and (min-width:768px){.template-blog--with-sidebar{display:grid;grid-template-columns:1fr minmax(250px,25%);column-gap:30px}}.template-blog__grid{display:grid;grid-template-columns:1fr;row-gap:2em}@media screen and (min-width:768px){.template-blog__grid{grid-template-columns:repeat(var(--blog-posts-per-row),1fr);column-gap:var(--grid-spacing-loose)}}.template-blog__pagination{margin-top:30px}.template-blog__sidebar{display:flex;flex-direction:column;gap:20px}.template-blog__newsletter{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border-color);padding:15px}@media screen and (min-width:768px){.template-blog__newsletter{padding:20px}}.template-blog__newsletter-description :last-child,.template-blog__newsletter-heading :last-child,.template-blog__sidebar-description :last-child{margin-bottom:0}.template-blog__newsletter-errors,.template-blog__newsletter-success{margin:0}.template-blog__newsletter-input-group{display:flex;flex-direction:column;gap:15px}.template-blog__newsletter-email-input{border-bottom:1px solid var(--border-color);padding-top:0;padding-left:0}.template-blog__newsletter-submit{width:fit-content}.template-blog__popular-articles{display:flex;flex-direction:column;gap:15px}.template-blog__popular-articles-heading{margin:0}.template-blog__popular-articles-list{display:flex;flex-direction:column;gap:10px}.template-blog__popular-article{display:flex;gap:10px}.template-blog__popular-article-image{width:100px;flex-shrink:0}.template-blog__popular-article-image img{object-fit:cover}.template-blog__popular-article-image--aspect-ratio--tall img,.template-blog__popular-article-image--aspect-ratio--tall svg{aspect-ratio:2/3}.template-blog__popular-article-image--aspect-ratio--wide img,.template-blog__popular-article-image--aspect-ratio--wide svg{aspect-ratio:4/3}.template-blog__popular-article-image--aspect-ratio--square img,.template-blog__popular-article-image--aspect-ratio--square svg{aspect-ratio:1/1}.template-blog__popular-article-date{display:block;font-size:12px;opacity:.7}.template-blog__sidebar-image-link{display:block}.template-blog__sidebar-image--aspect-ratio--tall img{aspect-ratio:2/3}.template-blog__sidebar-image--aspect-ratio--wide img{aspect-ratio:4/3}.template-blog__sidebar-image--aspect-ratio--square img{aspect-ratio:1/1}.template-blog__sidebar-image--aspect-ratio--circle .template-blog__sidebar-image-link,.template-blog__sidebar-image--aspect-ratio--circle img{aspect-ratio:1/1;border-radius:50%}.template-blog__sidebar-tags{display:flex;flex-wrap:wrap;gap:8px}.template-blog__sidebar-tag{position:static!important;display:inline-block}.template-blog__sidebar-social{margin-left:-10px}.template-blog__sidebar-social ul{margin:0}.template-blog__sidebar-social li{display:inline-block;list-style-type:none;margin:0}.template-blog__sidebar-social a{display:inline-flex;align-items:center;justify-content:center}.template-blog__tag-navigation{padding-bottom:15px}@media screen and (min-width:768px){.template-blog__tag-navigation{padding-bottom:60px}}.template-blog__tag-navigation ul{padding:0;margin:0;list-style:none}.template-blog__tag-navigation li{margin:0}.template-blog__tag-navigation .template-blog__tag-navigation__swiper .swiper-slide{width:auto}.template-blog__tag-navigation .template-blog__tag-navigation__swiper-next{display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;top:0;bottom:var(--nav-banner-next-offset);right:0;background:var(--color-primary-background);cursor:pointer}.template-blog__tag-navigation .template-blog__tag-navigation__swiper-next.swiper-button-disabled{opacity:0;visibility:hidden}.template-blog__tag-navigation .template-blog__tag-navigation__swiper-next:after{content:"";position:absolute;top:0;left:0;width:40px;height:100%;transform:translateX(-100%);pointer-events:none;background-image:linear-gradient(to right,rgba(var(--color-primary-background-rgb),0) 0,rgba(var(--color-primary-background-rgb),1) 100%)}.template-blog__tag-navigation .template-blog__tag-navigation__grid-list{display:flex;flex-wrap:wrap;gap:calc(var(--grid-spacing-tight) * .75);justify-content:var(--grid-alignment)}@media screen and (min-width:768px){.template-blog__tag-navigation .template-blog__tag-navigation__grid-list{gap:var(--grid-spacing-tight)}}.template-blog__tag-navigation .template-blog__tag-navigation__grid-list.increase-spacing{column-gap:22.5px;row-gap:15px}@media screen and (min-width:768px){.template-blog__tag-navigation .template-blog__tag-navigation__grid-list.increase-spacing{column-gap:30px;row-gap:30px}}.template-blog__tag-navigation .template-blog__tag-navigation__badge{position:static!important;display:block;max-width:unset;color:var(--primary-btn-text-color);background-color:var(--primary-btn-bg-color)}


/* Blog Grid */
.custom-blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
  margin: 40px 0;
}

/* Blog Card */
.custom-blog-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.custom-blog-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* Blog Image */
.custom-blog-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

/* Blog Content */
.custom-blog-content {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.custom-blog-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #222;
}

.custom-blog-excerpt {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  max-height: 100px; /* Scroll area */
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
}

.custom-blog-excerpt::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

/* Read More */
.custom-read-more {
  margin-top: auto;
  padding: 10px 14px;
  background: #6c5ce7;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 8px;
  transition: background 0.3s;
}

.custom-read-more:hover {
  background: #4834d4;
}


.template-blog__tag-navigation .template-blog__tag-navigation__badge {
    position: static !important;
    display: block;
    max-width: unset;
    color: var(--primary-btn-text-color);
    background-color: rgb(17 50 106) !important;
    padding: 10px 15px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
}