.elementor-8422 .elementor-element.elementor-element-fdc9f07{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4c9b814 */:root {
  --bg: #f5f8f6;
  --surface: #ffffff;
  --text: #1b2523;
  --muted: #697672;
  --dark: #13201d;

  --accent: #6ca98a;
  --accent-dark: #3e7b60;
  --accent-soft: #e9f4ee;

  --cream: #fbf8f1;
  --border: #e1e8e4;

  --warning: #c38a3d;

  --radius: 24px;

  --shadow:
    0 20px 60px rgba(28, 49, 40, 0.08);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: #dfe6e2;
  color: var(--text);

  font-family:
    "Hind Siliguri",
    sans-serif;

  line-height: 1.85;
}

.ebook {
  width: min(100%, 900px);
  margin: 0 auto;

  background: var(--surface);

  box-shadow:
    0 0 90px rgba(25, 45, 36, 0.14);
}


/* =========================
   COVER
========================= */

.cover {
  min-height: 1120px;

  padding:
    90px
    70px;

  position: relative;
  overflow: hidden;

  display: flex;
  flex-direction: column;
  justify-content: center;

  color: white;

  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(108, 169, 138, 0.35),
      transparent 28%
    ),
    radial-gradient(
      circle at 10% 80%,
      rgba(183, 211, 193, 0.12),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #13201d,
      #1d2e28 60%,
      #101a18
    );
}

.cover-orb {
  position: absolute;

  border-radius: 50%;

  border:
    1px solid rgba(255,255,255,0.09);

  pointer-events: none;
}

.orb-one {
  width: 470px;
  height: 470px;

  right: -210px;
  bottom: -190px;

  box-shadow:
    0 0 0 55px rgba(255,255,255,0.025),
    0 0 0 110px rgba(255,255,255,0.015);
}

.orb-two {
  width: 190px;
  height: 190px;

  left: -80px;
  top: 90px;
}

.eyebrow,
.section-label {
  color: var(--accent);

  font-size: 13px;
  font-weight: 700;

  letter-spacing: 1.5px;

  text-transform: uppercase;
}

.cover h1 {
  position: relative;

  max-width: 780px;

  margin:
    30px
    0
    25px;

  font-size:
    clamp(
      42px,
      6vw,
      66px
    );

  line-height: 1.18;

  letter-spacing: -1px;
}

.cover h1 span {
  color: #9ed0b3;
}

.cover-subtitle {
  max-width: 680px;

  color: #d0dbd6;

  font-size: 20px;

  line-height: 1.8;
}

.cover-tags {
  display: flex;

  gap: 10px;

  flex-wrap: wrap;

  margin-top: 30px;
}

.cover-tags span {
  padding:
    8px
    15px;

  border:
    1px solid
    rgba(255,255,255,0.14);

  border-radius: 100px;

  color: #dce7e2;

  background:
    rgba(255,255,255,0.05);
}

.cover-footer {
  position: absolute;

  left: 70px;
  right: 70px;
  bottom: 55px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 20px;

  color: #aebbb6;
}

.cover-footer strong {
  color: white;
}

.cover-footer small {
  font-size: 12px;
}


/* =========================
   PAGE
========================= */

.page {
  min-height: 1050px;

  padding:
    80px
    70px;

  border-bottom:
    1px solid
    var(--border);
}

.page h2 {
  max-width: 780px;

  margin:
    14px
    0
    28px;

  font-size: 38px;

  line-height: 1.35;

  letter-spacing: -0.5px;
}

.page h3 {
  line-height: 1.4;
}

.page p {
  color: #53605c;

  font-size: 17px;
}

.subheading {
  margin-top: 48px;

  margin-bottom: 20px;

  font-size: 24px;
}


/* =========================
   CARDS
========================= */

.grid-3,
.product-grid,
.persona-grid,
.marketing-grid,
.equipment-grid,
.ingredient-grid,
.mistake-grid,
.revenue-grid,
.b2b-grid {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 18px;
}

.card,
.product-card,
.persona,
.marketing-card,
.equipment-card,
.ingredient,
.mistake-grid > div,
.revenue-grid > div,
.b2b-card {

  padding: 25px;

  background: #fbfcfb;

  border:
    1px solid
    var(--border);

  border-radius:
    var(--radius);

  transition:
    0.25s ease;
}

.card:hover,
.product-card:hover,
.marketing-card:hover {

  transform:
    translateY(-3px);

  box-shadow:
    var(--shadow);
}

.card .icon {

  display: block;

  margin-bottom: 10px;

  font-size: 30px;
}

.card h3,
.product-card h3,
.persona h3,
.marketing-card h3,
.equipment-card h3,
.ingredient h3,
.mistake-grid h3,
.b2b-card h3 {

  margin:
    5px
    0
    8px;

  font-size: 21px;
}

.card p,
.product-card p,
.persona p,
.marketing-card p,
.equipment-card p,
.ingredient p,
.mistake-grid p,
.b2b-card p {

  margin: 0;

  font-size: 15px;
}


/* =========================
   HIGHLIGHT
========================= */

.highlight {

  margin:
    35px
    0;

  padding:
    30px;

  border-left:
    5px solid
    var(--accent);

  border-radius:
    0
    20px
    20px
    0;

  background:
    var(--accent-soft);
}

.highlight strong {

  display: block;

  margin-bottom: 8px;

  color:
    var(--accent-dark);

  font-size: 20px;
}

.highlight p {
  margin: 0;
}


/* =========================
   CHECK LIST
========================= */

.check-list {

  padding: 0;

  margin:
    20px
    0;

  list-style: none;

  display: grid;

  gap: 12px;
}

.check-list li {

  position: relative;

  padding:
    15px
    18px
    15px
    48px;

  border:
    1px solid
    var(--border);

  border-radius: 14px;

  background: #fbfcfb;
}

.check-list li::before {

  content: "✓";

  position: absolute;

  left: 18px;

  color:
    var(--accent-dark);

  font-weight: 700;
}


/* =========================
   CTA
========================= */

.cta,
.final-cta {

  min-height: 600px;

  padding:
    90px
    70px;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

  background:

    radial-gradient(
      circle at 85% 15%,
      rgba(108,169,138,0.20),
      transparent 30%
    ),

    linear-gradient(
      135deg,
      #edf7f1,
      #fafcf9
    );

  border-bottom:
    1px solid
    var(--border);
}

.cta.dark {

  color: white;

  background:

    radial-gradient(
      circle at 80% 20%,
      rgba(108,169,138,0.20),
      transparent 30%
    ),

    #13201d;
}

.cta h2,
.final-cta h2 {

  max-width: 720px;

  margin:
    18px
    0;

  font-size: 42px;

  line-height: 1.35;
}

.cta p {

  max-width: 650px;

  color:
    #596762;

  font-size: 18px;
}

.cta.dark p {
  color: #bdc9c4;
}

.cta-button {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-top: 22px;

  padding:
    14px
    30px;

  color: white;

  background:
    var(--accent-dark);

  border-radius: 100px;

  text-decoration: none;

  font-size: 17px;

  font-weight: 700;

  box-shadow:
    0 12px 30px
    rgba(62,123,96,0.22);

  transition:
    0.25s ease;
}

.cta-button:hover {

  transform:
    translateY(-2px);

  background:
    #2d6048;
}

.cta-button.large {

  padding:
    18px
    42px;

  font-size: 19px;
}


/* =========================
   FORMULA
========================= */

.formula {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  gap: 12px;

  padding: 25px;

  margin:
    35px
    0;

  border-radius: 20px;

  background:
    #f4f8f5;
}

.formula span {

  padding:
    10px
    15px;

  border-radius: 100px;

  background: white;

  border:
    1px solid
    var(--border);

  font-weight: 600;
}

.formula b {
  color: var(--accent-dark);
}


/* =========================
   COMPARISON
========================= */

.comparison {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 15px;

  margin-top: 35px;
}

.comparison-card {

  padding: 25px;

  border:
    1px solid
    var(--border);

  border-radius: 20px;

  background:
    #fbfcfb;
}

.comparison-card h3 {
  margin-bottom: 8px;
}

.comparison-card p {
  margin: 0;

  font-size: 14px;
}

.badge {

  display: inline-block;

  padding:
    5px
    10px;

  border-radius: 100px;

  background:
    var(--accent-soft);

  color:
    var(--accent-dark);

  font-size: 11px;

  font-weight: 700;
}


/* =========================
   PERSONA
========================= */

.persona-grid {

  grid-template-columns:
    repeat(2, 1fr);
}

.persona-number {

  width: 42px;
  height: 42px;

  display: grid;

  place-items: center;

  margin-bottom: 15px;

  border-radius: 12px;

  background:
    var(--accent-soft);

  color:
    var(--accent-dark);

  font-weight: 700;
}

.persona span,
.product-card strong {

  display: inline-block;

  margin-top: 15px;

  padding:
    5px
    10px;

  border-radius: 100px;

  background:
    var(--accent-soft);

  color:
    var(--accent-dark);

  font-size: 12px;
}


/* =========================
   PRODUCT
========================= */

.product-grid {

  grid-template-columns:
    repeat(2, 1fr);
}

.product-card {
  min-height: 220px;
}

.product-top {
  color:
    var(--accent-dark);

  font-weight: 700;
}

.size-row {

  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 12px;
}

.size-row div {

  padding: 20px;

  text-align: center;

  border:
    1px solid
    var(--border);

  border-radius: 18px;
}

.size-row b,
.size-row span {
  display: block;
}

.size-row span {

  color:
    var(--muted);

  font-size: 14px;
}


/* =========================
   FABRIC
========================= */

.fabric-grid {

  display: grid;

  grid-template-columns:
    repeat(2, 1fr);

  gap: 15px;

  margin-top: 35px;
}

.fabric-grid > div {

  padding: 25px;

  border:
    1px solid
    var(--border);

  border-radius: 20px;

  background:
    #fbfcfb;
}

.fabric-grid h3 {
  margin-top: 0;
}

.fabric-grid p {
  margin-bottom: 0;
}


/* =========================
   DESIGN
========================= */

.design-grid {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 15px;

  margin-top: 35px;
}

.design-grid > div {

  padding: 25px;

  border-radius: 20px;

  background:
    #f4f8f5;
}

.design-grid span {

  color:
    var(--accent-dark);

  font-weight: 700;
}

.design-grid h3 {
  margin-bottom: 5px;
}

.design-grid p {
  margin: 0;

  font-size: 14px;
}


/* =========================
   SUPPLIER
========================= */

.supplier-score {

  margin-top: 30px;

  padding: 25px;

  border-radius: 20px;

  background:
    #f4f8f5;
}

.supplier-score div {

  display: flex;

  align-items: center;

  gap: 15px;

  margin:
    14px
    0;
}

.supplier-score div::after {

  content: "";

  height: 9px;

  flex: 1;

  border-radius: 100px;

  background:

    linear-gradient(
      90deg,
      var(--accent)
      var(--score, 50%),
      #dce7e1
      var(--score, 50%)
    );
}

.supplier-score div:nth-child(1)::after {
  --score: 80%;
}

.supplier-score div:nth-child(2)::after {
  --score: 68%;
}

.supplier-score div:nth-child(3)::after {
  --score: 55%;
}

.supplier-score div:nth-child(4)::after {
  --score: 42%;
}

.supplier-score div:nth-child(5)::after {
  --score: 30%;
}

.supplier-score b {

  width: 45px;

  text-align: right;
}


/* =========================
   PACKAGING
========================= */

.packaging {

  display: grid;

  grid-template-columns:
    0.8fr
    1.2fr;

  gap: 30px;

  align-items: center;
}

.pack-main {

  min-height: 420px;

  padding: 35px;

  border-radius: 28px;

  color: white;

  background:

    radial-gradient(
      circle at 75% 20%,
      rgba(108,169,138,0.35),
      transparent 30%
    ),

    linear-gradient(
      145deg,
      #1b2d27,
      #101a17
    );

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;
}

.pack-brand {

  color:
    #9ed0b3;

  font-size: 26px;

  font-weight: 700;

  letter-spacing: 3px;
}

.pack-name {

  margin-top: 35px;

  font-size: 30px;

  font-weight: 700;
}

.pack-info {

  margin-top: 10px;

  color:
    #aab8b3;

  font-size: 11px;

  letter-spacing: 1px;
}


/* =========================
   WARNING
========================= */

.warning {

  margin-top: 30px;

  padding: 25px;

  border-left:
    5px solid
    var(--warning);

  border-radius:
    0
    18px
    18px
    0;

  background:
    #fff8ec;
}

.warning strong {
  color:
    #94671e;
}

.warning p {
  margin-bottom: 0;
}


/* =========================
   BRAND
========================= */

.brand-pillars {

  display: grid;

  grid-template-columns:
    repeat(4, 1fr);

  gap: 15px;

  margin-top: 40px;
}

.brand-pillars > div {

  min-height: 190px;

  padding: 22px;

  border-radius: 20px;

  background:
    var(--dark);

  color: white;
}

.brand-pillars b {
  color:
    #9ed0b3;
}

.brand-pillars h3 {
  margin-bottom: 5px;
}

.brand-pillars p {
  color:
    #bac6c1;

  font-size: 14px;
}


/* =========================
   MARKETING
========================= */

.marketing-grid {

  grid-template-columns:
    repeat(2, 1fr);
}

.marketing-card span {

  color:
    var(--accent-dark);

  font-weight: 700;
}


/* =========================
   CONTENT
========================= */

.content-calendar {

  display: grid;

  gap: 10px;

  margin:
    35px
    0;
}

.content-calendar div {

  display: grid;

  grid-template-columns:
    130px
    1fr;

  padding:
    17px
    20px;

  border:
    1px solid
    var(--border);

  border-radius: 14px;
}

.content-calendar b {
  color:
    var(--accent-dark);
}


/* =========================
   RETENTION
========================= */

.retention-grid {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 15px;

  margin-top: 35px;
}

.retention-grid div {

  padding: 25px;

  border-radius: 18px;

  background:
    #f5f8f6;
}

.retention-grid b,
.retention-grid p {
  display: block;
}

.retention-grid p {

  margin:
    5px
    0
    0;

  font-size: 14px;
}


/* =========================
   QUALITY
========================= */

.large-check {

  display: grid;

  grid-template-columns:
    1fr
    1fr;

  gap: 12px;

  list-style: none;

  padding: 0;

  margin-top: 35px;
}

.large-check li {

  padding: 17px;

  border:
    1px solid
    var(--border);

  border-radius: 14px;

  background:
    #fbfcfb;
}


/* =========================
   B2B
========================= */

.b2b-grid {

  grid-template-columns:
    repeat(2, 1fr);

  margin-top: 35px;
}


/* =========================
   ECONOMICS
========================= */

.economics {

  margin-top: 35px;

  border:
    1px solid
    var(--border);

  border-radius: 20px;

  overflow: hidden;
}

.eco-row {

  display: flex;

  justify-content: space-between;

  padding:
    17px
    22px;

  border-bottom:
    1px solid
    var(--border);
}

.eco-row:last-child {
  border-bottom: none;
}

.eco-row.total {

  background:
    #f3f6f4;

  font-weight: 700;
}

.eco-row.selling {

  background:
    #edf7f1;

  color:
    var(--accent-dark);

  font-weight: 700;
}

.eco-row.contribution {

  background:
    var(--accent-dark);

  color: white;

  font-weight: 700;
}


/* =========================
   PRICING
========================= */

.pricing-grid {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 18px;

  margin:
    35px
    0;
}

.price-card {

  padding: 30px;

  border:
    1px solid
    var(--border);

  border-radius: 22px;
}

.price-card.featured {

  background:
    var(--dark);

  color: white;

  transform:
    translateY(-8px);
}

.price-card span {

  font-size: 12px;

  letter-spacing: 1px;

  color:
    var(--accent);

  font-weight: 700;
}

.price-card h3 {

  margin:
    10px
    0;

  font-size: 31px;
}

.price-card p {
  font-size: 14px;
}

.price-card.featured p {
  color:
    #bdc9c4;
}


/* =========================
   CHALLENGES
========================= */

.challenge-table {

  margin-top: 35px;

  display: grid;

  gap: 10px;
}

.challenge {

  display: grid;

  grid-template-columns:
    1fr
    1.2fr;

  padding:
    18px
    20px;

  border:
    1px solid
    var(--border);

  border-radius: 15px;
}

.challenge span {
  color:
    var(--accent-dark);
}


/* =========================
   PROS CONS
========================= */

.pros-cons {

  display: grid;

  grid-template-columns:
    1fr
    1fr;

  gap: 20px;

  margin-top: 35px;
}

.pros,
.cons {

  padding: 30px;

  border-radius: 22px;
}

.pros {
  background:
    #edf8f1;
}

.cons {
  background:
    #f8f3eb;
}

.pros h3,
.cons h3 {
  font-size: 25px;
}

.pros ul,
.cons ul {
  padding-left: 20px;
}

.pros li,
.cons li {
  margin: 8px 0;
}


/* =========================
   MISTAKES
========================= */

.mistake-grid {

  grid-template-columns:
    repeat(2, 1fr);
}

.mistake-grid > div {
  position: relative;
}

.mistake-grid span {

  color:
    var(--accent-dark);

  font-weight: 700;
}


/* =========================
   DASHBOARD
========================= */

.dashboard {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 15px;

  margin-top: 35px;
}

.metric {

  min-height: 160px;

  padding: 22px;

  border:
    1px solid
    var(--border);

  border-radius: 20px;

  background:
    #fbfcfb;
}

.metric span,
.metric strong,
.metric small {
  display: block;
}

.metric span {
  color:
    var(--muted);
}

.metric strong {

  margin:
    12px
    0;

  font-size: 28px;

  color:
    var(--accent-dark);
}

.metric small {

  color:
    #8a9591;
}

.formula-box {

  margin-top: 25px;

  padding: 25px;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 15px;

  text-align: center;

  border-radius: 20px;

  background:
    var(--dark);

  color: white;
}

.formula-box span:first-child {
  color:
    #9ed0b3;
}


/* =========================
   ROADMAP
========================= */

.roadmap {

  display: grid;

  gap: 15px;

  margin-top: 35px;
}

.roadmap-item {

  position: relative;

  padding:
    25px
    25px
    25px
    155px;

  min-height: 140px;

  border:
    1px solid
    var(--border);

  border-radius: 20px;
}

.week {

  position: absolute;

  left: 20px;
  top: 25px;

  width: 105px;

  padding: 8px;

  text-align: center;

  border-radius: 12px;

  background:
    var(--accent-soft);

  color:
    var(--accent-dark);

  font-size: 13px;

  font-weight: 700;
}

.roadmap-item h3 {

  margin: 0;

  font-size: 22px;
}

.roadmap-item p {

  margin:
    4px
    0
    0;
}


/* =========================
   SCALE
========================= */

.scale-flow {

  display: grid;

  grid-template-columns:
    repeat(3, 1fr);

  gap: 18px;

  margin:
    40px
    0;
}

.scale-flow div {

  padding: 25px;

  border-radius: 20px;

  background:
    #f4f8f5;
}

.scale-flow span {

  display: grid;

  width: 38px;
  height: 38px;

  place-items: center;

  margin-bottom: 15px;

  border-radius: 50%;

  background:
    var(--accent-dark);

  color: white;
}

.scale-flow b,
.scale-flow small {
  display: block;
}

.scale-flow small {

  color:
    var(--muted);
}


/* =========================
   REVENUE
========================= */

.revenue-grid {

  grid-template-columns:
    repeat(3, 1fr);

  margin-top: 35px;
}

.revenue-grid div {

  text-align: center;
}

.revenue-grid b,
.revenue-grid span {
  display: block;
}

.revenue-grid b {

  color:
    var(--accent-dark);

  font-size: 20px;
}

.revenue-grid span {

  color:
    var(--muted);

  font-size: 14px;
}


/* =========================
   CHECKLIST
========================= */

.launch-list {

  display: grid;

  grid-template-columns:
    1fr
    1fr;

  gap: 10px;

  margin-top: 35px;
}

.launch-list div {

  padding:
    14px
    17px;

  border:
    1px solid
    var(--border);

  border-radius: 12px;

  background:
    #fbfcfb;
}


/* =========================
   FINAL INSIGHT
========================= */

.final-insight {

  background:

    radial-gradient(
      circle at 85% 10%,
      rgba(108,169,138,0.08),
      transparent 30%
    ),

    white;
}

.quote-box {

  margin:
    40px
    0;

  padding: 40px;

  border-radius: 25px;

  background:
    var(--dark);

  color: white;
}

.quote-box span {

  display: block;

  margin-bottom: 15px;

  color:
    #9ed0b3;

  font-size: 12px;

  letter-spacing: 1.5px;
}

.quote-box strong {

  display: block;

  font-size: 26px;

  line-height: 1.6;
}


/* =========================
   FINAL CTA
========================= */

.final-cta {

  min-height: 850px;

  align-items: center;

  text-align: center;

  background:

    radial-gradient(
      circle at 50% 30%,
      rgba(108,169,138,0.18),
      transparent 32%
    ),

    linear-gradient(
      145deg,
      #101a17,
      #1b2d27
    );

  color: white;
}

.final-cta .final-badge {

  padding:
    8px
    15px;

  border:
    1px solid
    rgba(255,255,255,0.12);

  border-radius: 100px;

  color:
    #9ed0b3;

  font-size: 12px;

  letter-spacing: 1px;
}

.final-cta h2 {

  max-width: 700px;

  font-size: 42px;
}

.final-brand {

  margin-top: 90px;
}

.final-brand strong,
.final-brand span {
  display: block;
}

.final-brand strong {
  font-size: 28px;
}

.final-brand span {

  color:
    #a3b0ab;

  font-size: 13px;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 760px) {

  .cover,
  .page,
  .cta,
  .final-cta {

    padding:
      55px
      25px;
  }

  .cover {

    min-height: 900px;
  }

  .cover h1 {
    font-size: 39px;
  }

  .cover-subtitle {
    font-size: 17px;
  }

  .cover-footer {

    left: 25px;
    right: 25px;

    flex-direction: column;

    align-items: flex-start;
  }

  .page {
    min-height: auto;
  }

  .page h2,
  .cta h2,
  .final-cta h2 {

    font-size: 31px;
  }

  .grid-3,
  .product-grid,
  .persona-grid,
  .marketing-grid,
  .equipment-grid,
  .ingredient-grid,
  .mistake-grid,
  .revenue-grid,
  .b2b-grid,
  .retention-grid,
  .dashboard,
  .scale-flow {

    grid-template-columns:
      1fr;
  }

  .comparison {

    grid-template-columns:
      1fr;
  }

  .fabric-grid,
  .design-grid {

    grid-template-columns:
      1fr;
  }

  .size-row,
  .brand-pillars {

    grid-template-columns:
      1fr
      1fr;
  }

  .pricing-grid {

    grid-template-columns:
      1fr;
  }

  .price-card.featured {
    transform: none;
  }

  .packaging {

    grid-template-columns:
      1fr;
  }

  .large-check,
  .launch-list {

    grid-template-columns:
      1fr;
  }

  .challenge {

    grid-template-columns:
      1fr;

    gap: 8px;
  }

  .pros-cons {

    grid-template-columns:
      1fr;
  }

  .roadmap-item {

    padding:
      25px;

    padding-top: 85px;
  }

  .week {

    left: 25px;
    top: 20px;
  }

  .content-calendar div {

    grid-template-columns:
      100px
      1fr;
  }

  .quote-box {

    padding: 28px;
  }

  .quote-box strong {
    font-size: 21px;
  }

}


/* =========================
   PRINT
========================= */

@media print {

  body {
    background: white;
  }

  .ebook {

    width: 100%;

    box-shadow: none;
  }

  .page,
  .cover,
  .cta,
  .final-cta {

    page-break-after: always;
  }

  .card,
  .product-card,
  .persona,
  .marketing-card {

    break-inside: avoid;
  }

  .cta-button {

    color: white !important;
  }

}/* End custom CSS */