.skd-blog-new .skd-module-asset {
  padding-top: 60px;
  padding-bottom: 0;
}

/* — Card — stroke border matching quote box, image flush to right edge — */
.skd-blog-new .skd-asset-card {
  display: flex;
  align-items: stretch;
  border: 2px solid #EEF4FA;
  border-radius: var(--skd-radius-card);
  overflow: hidden; /* clips image flush to card corners */
  background-color: #ffffff;
}

/* — Left column — text + CTA — */
.skd-blog-new .skd-asset-card__left {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 28px;
  padding: 60px 48px;
}

/* — Heading — H3 rules — */
.skd-blog-new .skd-asset-card__heading {
  font-family: var(--skd-font-heading);
  font-weight: var(--skd-fw-extrabold);
  font-size: var(--skd-fs-h3);
  line-height: var(--skd-lh-h3);
  letter-spacing: var(--skd-ls-h3);
  color: var(--skd-color-heading);
  margin: 0;
}

/* — CTA button — pill shape, solid blue — */
/* ::before holds the background so it can fade independently of the text */
.skd-blog-new .skd-asset-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--skd-font-body);
  font-weight: var(--skd-fw-semibold);
  font-size: 18px;
  line-height: 1;
  color: #ffffff;
  background-color: transparent;
  border-radius: 50px;
  padding: 16px 32px;
  text-decoration: none;
  position: relative;
  isolation: isolate;
  white-space: nowrap;
}

.skd-blog-new .skd-asset-card__cta::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50px;
  background: #0055FF;
  transition: opacity var(--skd-transition);
  z-index: -1;
}

.skd-blog-new .skd-asset-card__cta:hover::before {
  opacity: 0.75;
}

.skd-blog-new .skd-asset-card__cta:hover {
  text-decoration: none;
  color: #ffffff;
}

/* — Right column — image flush to card edge, no padding — */
.skd-blog-new .skd-asset-card__right {
  flex: 0 0 42%;
  position: relative;
  min-height: 280px;
}

.skd-blog-new .skd-asset-card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .skd-blog-new .skd-module-asset {
    padding-top: 40px;
  }
  .skd-blog-new .skd-asset-card {
    flex-direction: column;
  }
  .skd-blog-new .skd-asset-card__left {
    padding: 32px 28px;
    gap: 20px;
    align-items: center;   /* centre button horizontally */
    text-align: center;    /* centre heading text */
  }
  /* Right col: let the image determine its own height at mobile */
  .skd-blog-new .skd-asset-card__right {
    flex: none;
    min-height: unset;
    position: relative;
  }

  /* Release the absolute positioning so image flows at natural height */
  .skd-blog-new .skd-asset-card__image {
    position: static;
    width: 100%;
    height: auto;
    display: block;
  }
}

@media (max-width: 375px) {
  .skd-blog-new .skd-asset-card__left {
    padding: 28px 20px;
  }
}

/* .skd-blog-new .book-demo-wrap {
	padding-top: 40px;
	padding-bottom: 40px;
}
.skd-blog-new .book-demo {
	background-color: #0055FF;
	padding: 50px 34px;
	border-radius: 10px;
}
.skd-blog-new .book-demo h3 {color:#ffffff;} */