/* inline styles */
/* Mobile text (visible by default, hidden on desktop) */
      .text-mobile {
        display: inline-block;
      }
.text-desktop {
        display: none;
      }
/* Desktop text (hidden by default, visible on desktop) */
      @media (min-width: 641px) {
        .text-mobile {
          display: none;
        }
.text-desktop {
          display: inline-block;
        }
        }

/* defaults.css */
/* Reset styles */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

* {
  font-variant-ligatures: none;
  font-feature-settings: "liga" off;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
}

html,
.page {
  overflow-x: hidden;
}

/* Font definitions */
@font-face {
  font-family: "Google Sans Flex";
  src: url("/content/dam/static-library/google/2026/google-fonts/GoogleSansFlex_72pt-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Google Sans Flex";
  src: url("/content/dam/static-library/google/2026/google-fonts/GoogleSansFlex_72pt-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* desktop.css */
@media (min-width: 641px) {
  :root {
    --font-size-legal-text: 0.75rem !important;
    --font-size-legal-text-large: 1.5625rem;
    --lh-legal-text-large: 1.24;
  }
  /* Hero section */

  /* Feature grid section */

  .feature-grid__items {
    width: 100%;
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr)
      clamp(120px, 31.25vw, 450px)
      minmax(0, 1fr)
      minmax(0, 1fr);
  }

  .feature-card:nth-child(2) {
    margin-top: clamp(30px, 19.93vw, 287px);
  }

  .feature-card:nth-child(5) {
    margin-top: clamp(50px, 8.764vw, 126px);
  }

  /* Secondary section */

  .secondary-section__cards--first {
    justify-content: center;
    max-width: 1157px;
    margin: 0 auto;
    width: 100%;
  }

  .secondary-section__cards--second {
    max-width: 1157px;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
  }

  .tertiary-section__image--2 {
    max-width: 1390px;
  }

  .fourth-section__inner,
  .fifth-section__inner,
  .sixth-section__inner,
  .ninth-section__inner {
    width: 80.27%;
    max-width: var(--inner-content-max-width);
    margin-inline: auto;
  }

  /* @supports (-webkit-hyphens: none) { */
  .tenth-card__overlay {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    left: 0;
  }
  /* } */

  .tenth-section__title,
  .tenth-section__text {
    max-width: 100%;
  }
}

/* global.css */
/* CSS Variables - Desktop defaults (grouped by section) */
:root {
  /* Global colors */
  --color-body-text: rgba(25, 28, 29, 1);
  --color-page-bg: #ffffff;

  /* Hero section colors */
  --color-hero-text: rgba(159, 177, 169, 1);

  /* Secondary section colors */
  --color-bg-dark: rgba(35, 35, 41, 1);
  --color-primary-blue: rgba(28, 48, 180, 1);
  --color-linear-blue: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(200, 221, 219, 1) 72%
  );
  --color-card-bg: rgba(34, 56, 202, 1);
  --color-text-mint: rgba(208, 237, 213, 1);

  /* Tertiary section colors */
  --color-tertiary-title: rgba(18, 81, 46, 1);

  /* Fourth section colors */
  --color-fourth-bg: rgba(224, 235, 254, 1);
  --color-fourth-title: rgba(33, 51, 191, 1);

  /* Tertiary section background */
  --soft-green-to-white: linear-gradient(
    to top,
    rgba(214, 234, 209, 1) 2%,
    rgba(255, 255, 255, 1) 100%
  );

  /* Hero section font sizes */
  /* Original 1440px design based on vw */
  --font-size-hero-subtitle: clamp(
    12px,
    3.13vw,
    45px
  ); /* 45px at 1440px screen (3.13vw) */

  /* Feature grid font sizes */
  --font-size-feature-grid-title: clamp(
    18.88px,
    4.167vw,
    60px
  ); /* 60px at 1440px screen (4.167vw) */
  --font-size-card-title: clamp(
    16px,
    1.597vw,
    23px
  ); /* 23px at 1440px screen */

  /* Secondary section font sizes */
  --font-size-secondary-section-title: clamp(
    18.88px,
    5.28vw,
    76px
  ); /* 60px at 1440px screen (4.167vw) */
  /* These clamps were already vw-based; max now matches 1440px value */
  --font-size-secondary-section-text-first: clamp(
    18.48px,
    2.78vw,
    40px
  ); /* 1.597vw → 23px at 1440px screen */
  --font-size-secondary-section-text-second: clamp(12.48px, 1.55vw, 22.32px);
  /* Card text followed max(0.875rem, 1.75vw) originally */
  --font-size-secondary-card-text: clamp(
    12px,
    1.597vw,
    23px
  ); /* 1.597vw → 23px */
  --font-size-secondary-overlay: clamp(18.88px, 4.25vw, 61.2px);
  --font-size-secondary-number: clamp(24px, 5.5vw, 79.2px); /* 5.5vw → 79.2px */
  --font-size-secondary-number-large: clamp(
    28px,
    6.2vw,
    89.28px
  ); /* 6.2vw → 89.28px */
  --font-size-secondary-number-large-stat: clamp(28px, 6.2vw, 89.28px);
  --font-size-secondary-unit: clamp(16px, 4.8vw, 69.12px); /* 4.8vw → 69.12px */
  --font-size-secondary-stat-unit: clamp(16px, 2.22vw, 32px);

  /* Tertiary section font sizes (shares scales but has its own vars) */
  --font-size-tertiary-title: clamp(
    20px,
    4.167vw,
    60px
  ); /* 60px at 1440px screen */
  --font-size-tertiary-subtitle: clamp(
    18px,
    2.22vw,
    32px
  ); /* 23px at 1440px screen */
  --font-size-tertiary-grid-title: clamp(
    14px,
    1.597vw,
    23px
  ); /* 23px at 1440px screen */
  --font-size-tertiary-grid-text: clamp(
    14px,
    1.597vw,
    23px
  ); /* 23px at 1440px screen */
  --font-size-tertiary-overlay-text: clamp(
    10px,
    1.5vw,
    22px
  ); /* 1.5vw at 1440px → 22px, larger than before */

  /* Fourth section font sizes (desktop, 1440px base) */
  --font-size-fourth-title: clamp(
    24px,
    5.28vw,
    76px
  ); /* 60px at 1440px screen (4.167vw) */
  --font-size-fourth-subtitle: clamp(
    13px,
    1.67vw,
    24px
  ); /* 23px at 1440px screen */
  --font-size-fourth-grid-text: clamp(13px, 2.22vw, 32px);
  --font-size-fourth-overlay-text: clamp(
    8px,
    1.25vw,
    18px
  ); /* 1.25vw at 1440px → 18px */

  /* Fifth section colors */
  --color-fifth-card-bg: rgba(243, 244, 255, 1);

  /* Fifth section font sizes (desktop, 1440px base) */
  --font-size-fifth-title: clamp(24px, 4.167vw, 60px);
  --font-size-fifth-card-text: clamp(14px, 1.597vw, 23px);

  /* Sixth section font sizes (desktop, 1440px base) */
  --font-size-sixth-title: clamp(24px, 4.167vw, 60px);
  --font-size-sixth-text: clamp(14px, 1.597vw, 23px);

  /* Seventh section font sizes (desktop, 1440px base) */
  --font-size-seventh-title: clamp(24px, 4.167vw, 60px);
  --font-size-seventh-text: clamp(14px, 1.597vw, 23px);
  --font-size-seventh-section-text-first: clamp(
    12px,
    2.22vw,
    32px
  ); /* 1.597vw → 23px at 1440px screen */

  /* Seventh section bg color */
  --color-seventh-blue: rgba(235, 246, 255, 1);

  /* Eighth section font sizes (desktop, 1440px base) */
  --font-size-eighth-title: clamp(24px, 5.28vw, 76px);
  --font-size-eighth-card-text: clamp(
    12px,
    2.22vw,
    32px
  ); /* 19px at 1440px screen */

  /* Eighth section bg color */
  --color-linear-avender: linear-gradient(
    to top,
    rgb(230, 207, 237, 1) 0%,
    rgba(255, 255, 255, 1) 60%
  );

  /* Tenth section bg color */
  --color-tenth-bg: rgba(239, 245, 243, 1);

  /* Final section font sizes (desktop, 1440px base) */
  --font-size-legal-text: clamp(0.8125rem, 0.0165rem + 3.3962vw, 1.375rem);
  --font-size-legal-text-large: clamp(0.875rem, 3.7736vw - 0.0094rem, 1.5rem);
  --lh-legal-text-large: 1.4;

  /* LAYOUT WIDTHS - Container constraints for desktop */
  --content-max-width: 1440px;
  --inner-content-max-width: 1156px;
}

.page {
  margin: 0;
  font-family:
    "Google Sans Flex",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;
  font-weight: 300;
  color: var(--color-body-text);
  background-color: var(--color-page-bg);
  line-height: normal !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
  line-height: 1.125 !important;
}

p {
  text-wrap: pretty;
}

img {
  width: 100%;
  display: block;
}

sup {
  font-size: 0.6em;
  font-weight: bold;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
  top: -0.5em;
}

.page {
  margin: 0 auto;
  /*max-width: 1440px;*/
  width: 100%;
  /*padding-block: 23px 100px;*/
  gap: 0;
  display: flex;
  flex-direction: column;
}

/* Give every top-level section inside .page the same top padding */
.page > section {
  /* 60px at 1440px screen */
  /*padding-top: clamp(32px, 4.167vw, 60px);*/
}

/* Hero section */

.hero {
  /*
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  */
  color: var(--color-hero-text);
  position: relative;
  /*aspect-ratio: 1440 / 810; /*
  width: 100%;
}

.hero__background {
  /*
  position: absolute;
  top: 0;
  left: 0;
  */
  width: 100%;
  height: 100%;
  z-index: 0;
}

.hero__background img {
  width: 100%;
  height: 100%;
  /*
  object-fit: cover;
  object-position: center;
  */
}

.hero__content {
  position: relative;
  width: 100%;
  height: 100%;
  /*display: flex;
  align-items: center;
  justify-content: center;
  */
}

.hero__title-group {
  /*
  display: flex;
  align-items: flex-end;
  justify-content: center;
  column-gap: clamp(86.4px, 21vw, 302.4px);
  margin-right: clamp(30px, 2.083vw, 90px);
  */
}

.hero__title-block {
  position: relative;
  display: contents;
  /*display: flex;
  flex-direction: column;
  align-items: flex-end;
  */
}

.hero__subtitle {
  position: absolute;
  /* top: 100%; */
  /* margin: 0px auto 0px; */
  /* text-align: right; */
  visibility: hidden;
  font-size: var(--font-size-hero-subtitle);
  font-weight: 500;
  transform: rotate(-33deg);
  bottom: 19.13%;
  right: 0;
}

/* Secondary section */

.secondary-section {
  background: var(--color-linear-blue);
  width: 100%;
  padding-top: clamp(30px, 9.1vw, 131px);
  /* Add bottom spacing within the blue background instead of using page gap */
  padding-bottom: clamp(30px, 12.85vw, 185px);
}

.secondary-section__block {
  /*display: flex;
  flex-direction: column;*/
}
/*
.secondary-section__block--first {
  margin-bottom: clamp(60px, 6.944vw, 100px);
}
*/
.secondary-section__title {
  font-size: var(--font-size-secondary-section-title) !important;
  font-weight: 500 !important;
  text-align: center;
  color: var(--color-body-text) !important;
  margin: 0 auto !important;
  width: 80.28%;
}

.secondary-section__text {
  font-size: var(--font-size-secondary-section-text-first) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  margin: 0 auto !important;
  width: 80.28%;
  text-align: center;
}

.secondary-section__block--first .secondary-section__title {
  margin-bottom: clamp(60px, 4.76vw, 68.5px) !important;
  font-family: 'Google Sans Flex' !important;
}

.secondary-section__block--first .secondary-section__text {
  margin-bottom: clamp(60px, 10.56vw, 152px) !important;
}

/* Tertiary section */

.tertiary-section {
  width: 100%;
  /*background: var(--soft-green-to-white); */
  padding-top: clamp(32px, 4.24vw, 61px);
  padding-bottom: clamp(32px, 4.65vw, 67px);
}

.tertiary-section__inner {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

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

.tertiary-section__title {
  font-size: var(--font-size-tertiary-title) !important;
  font-weight: 500 !important;
  margin-top: clamp(32px, 3.33vw, 48px) !important;
  margin-bottom: clamp(32px, 4.51vw, 65px) !important;
  color: var(--color-body-text) !important;
  text-align: center;
  font-family: 'Google Sans Flex' !important;
}

.tertiary-section__subtitle {
  margin: 0 auto !important;
  margin-top: max(86.3px, 5.99vw) !important;
  font-size: var(--font-size-tertiary-subtitle) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  max-width: 64.3% !important;
  text-align: center;
}

.tertiary-section__image {
  width: auto;
  display: block;
}

.tertiary-section__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(10px, 1.736vw, 25px);
}

.tertiary-section__image--1 {
  margin-left: auto;
  margin-right: auto;
}

.tertiary-section__image--1 img {
  width: auto;
  border-radius: 0;
}

.tertiary-section__image--2 {
  margin-left: auto;
  margin-right: auto;
  width: 96.53%;
}

.tertiary-section__image--2 img {
  width: stretch;
  border-radius: 0;
}

/* Fourth section */

.fourth-section {
  width: 100%;
  /* background-color: var(--color-fourth-bg);*/
  padding-top: max(165px, 11.46vw);
  padding-bottom: 0;
}

.fourth-section__inner {
  margin: 0 auto;
  /* 142px at 1440px screen 
  padding-inline: clamp(24px, 9.861vw, 142px);*/
  max-width: 80.27%;
  display: flex;
  flex-direction: column;
}

.fourth-section__header {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.fourth-section__title {
  font-size: var(--font-size-fourth-title) !important;
  font-weight: 500 !important;
  margin: 0 !important;
  color: var(--color-body-text) !important;
  text-align: center;
  font-family: 'Google Sans Flex' !important;
}

.fourth-section__subtitle {
  /* 40.5px between title and subtitle at 1440px */
  /*margin-top: clamp(20px, 2.8125vw, 40.5px);  2.8125vw of 1440px → 40.5px */
  margin-bottom: clamp(20px, 1.74vw, 25px) !important;
  font-size: var(--font-size-fourth-subtitle) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  text-align: center;
}

.fourth-section__image {
  width: 100%;
  display: block;
}

.fourth-section__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(10px, 1.736vw, 25px);
}

.fourth-section__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: clamp(16px, 2.222vw, 32px);
  pointer-events: none;
}

.fourth-section__label {
  font-size: var(--font-size-fourth-grid-text);
  font-weight: 400;
  color: #ffffff;
  max-width: clamp(120px, 21.25vw, 306px);
}

.fourth-section__overlay-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(8px, 0.833vw, 12px);
  max-width: clamp(120px, 17.08vw, 246px);
  margin-right: clamp(32px, 4.17vw, 60px);
  margin-top: clamp(80px, 26.04vw, 375px);
}
.fourth-section__label--left {
  margin-top: clamp(32px, 8.402vw, 121px);
  margin-left: clamp(16px, 4.652vw, 67px);
}

.fourth-section__badge-image {
  width: clamp(20px, 1.944vw, 28px);
  height: clamp(20px, 1.944vw, 28px);
  display: block;
}

.fourth-section__badge-image img {
  width: 100%;
  height: auto;
  display: block;
}

.fourth-section__body {
  /* 30px between hero image and this text at 1440px */
  margin-top: clamp(16px, 2.083vw, 30px); /* 2.083vw of 1440px → 30px */
  font-size: var(--font-size-fourth-grid-text);
  font-weight: 500;
  color: var(--color-body-text);
  text-align: center;
}

.fourth-section__grid {
  /* 80.5px between body text and grid at 1440px */
  margin-top: clamp(32px, 6.81vw, 98px); /* 5.5903vw of 1440px → 80.5px */
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  /* 81.8px row gap & 27px column gap at 1440px */
  /*row-gap: clamp(32px, 5.6806vw, 81.8px);   5.6806vw → 81.8px */
  column-gap: clamp(16px, 1.67vw, 24px); /* 1.875vw → 27px */
}

.fourth-section__second_grid {
  margin-top: clamp(32px, 6.04vw, 87px);
  display: flex;
  /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
  column-gap: clamp(16px, 1.67vw, 24px);
  align-items: flex-end;
}

.fourth-card {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 2.083vw, 30px);
}

.fourth-second-card:first-child {
  width: clamp(329px, 22.85vw, 28.46%);
}

.fourth-second-card:last-child {
  width: clamp(803px, 55.76vw, 71.54%);
}

.fourth-second-card__text {
  margin: 0;
  font-size: var(--font-size-fourth-grid-text);
  font-weight: 500;
  color: var(--color-body-text);
  text-align: left;
}

.fourth-card__image {
  border-radius: clamp(10px, 1.736vw, 25px);
  overflow: hidden;
  position: relative;
}

/* First card in grid has centered text overlay */
.fourth-card:first-child .fourth-card__image {
  position: relative;
}

.fourth-card__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: start;
  justify-content: center;
  padding: clamp(16px, 2.222vw, 32px);
  pointer-events: none;
}

.fourth-card__overlay-text {
  font-size: var(--font-size-fourth-overlay-text);
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  max-width: clamp(50px, 17.778vw, 256px); /* 256px at 1440px screen */
  margin-top: clamp(48px, 21.181vw, 305px); /* 305px at 1440px screen */
  margin-left: clamp(0px, 0.694vw, 10px); /* 10px at 1440px screen */
  height: clamp(0px, 10.208vw, 147px); /* 147px at 1440px screen */
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* First card overlay text should be black instead of white */
.fourth-card:first-child .fourth-card__overlay-text {
  color: var(--color-body-text);
}

.fourth-card__image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Third card image with background color */
.fourth-card:nth-child(3) .fourth-card__image {
  background-color: rgba(209, 223, 244, 1);
}

.fourth-card__text {
  margin: 0 !important;
  font-size: var(--font-size-fourth-grid-text) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  text-align: center;
}

/* Fifth section */

.fifth-section {
  width: 100%;
  /* background-color: var(--color-fourth-bg);*/
  padding-top: max(165px, 11.46vw);
  padding-bottom: 0;
}

.fifth-section__inner {
  margin: 0 auto;
  /* 142px at 1440px screen 
  padding-inline: clamp(24px, 9.861vw, 142px);*/
  max-width: 80.27%;
  display: flex;
  flex-direction: column;
}

.fifth-section__header {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: clamp(32px, 6.81vw, 98px);
}

.fifth-section__title {
  font-size: var(--font-size-fourth-title) !important;
  font-weight: 500 !important;
  margin: 0 !important;
  color: var(--color-body-text) !important;
  text-align: center;
  font-family: 'Google Sans Flex' !important;
}

.fifth-section__subtitle {
  /* 40.5px between title and subtitle at 1440px */
  /*margin-top: clamp(20px, 2.8125vw, 40.5px);  2.8125vw of 1440px → 40.5px */
  margin-bottom: clamp(20px, 1.74vw, 25px) !important;
  font-size: var(--font-size-fourth-subtitle) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  text-align: center;
}

.fifth-section__image {
  width: 100%;
  display: block;
}

.fifth-section__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(10px, 1.736vw, 25px);
}

.fifth-section__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: clamp(16px, 2.222vw, 32px);
  pointer-events: none;
}

.fifth-section__label {
  font-size: var(--font-size-fourth-grid-text);
  font-weight: 400;
  color: #ffffff;
  max-width: clamp(120px, 21.25vw, 306px);
}

.fifth-section__overlay-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(8px, 0.833vw, 12px);
  max-width: clamp(120px, 17.08vw, 246px);
  margin-right: clamp(32px, 4.17vw, 60px);
  margin-top: clamp(80px, 26.04vw, 375px);
}
.fifth-section__label--left {
  margin-top: clamp(32px, 8.402vw, 121px);
  margin-left: clamp(16px, 4.652vw, 67px);
}

.fifth-section__badge-image {
  width: clamp(20px, 1.944vw, 28px);
  height: clamp(20px, 1.944vw, 28px);
  display: block;
}

.fifth-section__badge-image img {
  width: 100%;
  height: auto;
  display: block;
}

.fifth-section__body {
  /* 30px between hero image and this text at 1440px */
  margin-top: clamp(16px, 2.083vw, 30px) !important; /* 2.083vw of 1440px → 30px */
  font-size: var(--font-size-fourth-grid-text) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  text-align: center;
}

.fifth-section__grid {
  /* 80.5px between body text and grid at 1440px */
  margin-top: clamp(32px, 6.04vw, 87px); /* 5.5903vw of 1440px → 80.5px */
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  /* 81.8px row gap & 27px column gap at 1440px */
  /*row-gap: clamp(32px, 5.6806vw, 81.8px);   5.6806vw → 81.8px */
  column-gap: clamp(16px, 1.67vw, 24px); /* 1.875vw → 27px */
}

.fifth-card {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 2.083vw, 30px);
}

.fifth-card__image {
  border-radius: clamp(10px, 1.736vw, 25px);
  overflow: hidden;
  position: relative;
}

/* First card in grid has centered text overlay */
.fifth-card:first-child .fifth-card__image {
  position: relative;
}

.fifth-card__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: start;
  justify-content: center;
  padding: clamp(16px, 2.222vw, 32px);
  pointer-events: none;
}

.fifth-card__overlay-text {
  font-size: var(--font-size-fourth-overlay-text);
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  max-width: clamp(50px, 17.778vw, 256px); /* 256px at 1440px screen */
  margin-top: clamp(48px, 21.181vw, 305px); /* 305px at 1440px screen */
  margin-left: clamp(0px, 0.694vw, 10px); /* 10px at 1440px screen */
  height: clamp(0px, 10.208vw, 147px); /* 147px at 1440px screen */
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* First card overlay text should be black instead of white */
.fifth-card:first-child .fifth-card__overlay-text {
  color: var(--color-body-text);
}

.fifth-card__image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Third card image with background color */
.fifth-card:nth-child(3) .fifth-card__image {
  background-color: rgba(209, 223, 244, 1);
}

.fifth-card__text {
  margin: 0 !important;
  font-size: var(--font-size-fourth-grid-text) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  text-align: center;
}

/* Sixth section */

.sixth-section {
  width: 100%;
  /* background-color: var(--color-fourth-bg);*/
  padding-top: max(165px, 11.46vw);
  padding-bottom: max(128px, 8.89vw);
}

.sixth-section__inner {
  margin: 0 auto;
  /* 142px at 1440px screen 
  padding-inline: clamp(24px, 9.861vw, 142px);*/
  max-width: 80.27%;
  display: flex;
  flex-direction: column;
}

.sixth-section__header {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.sixth-section__title {
  font-size: var(--font-size-fourth-title) !important;
  font-weight: 500 !important;
  margin: 0 !important;
  color: var(--color-body-text) !important;
  text-align: center;
  font-family: 'Google Sans Flex' !important;
}

.sixth-section__subtitle {
  /* 40.5px between title and subtitle at 1440px */
  /*margin-top: clamp(20px, 2.8125vw, 40.5px);  2.8125vw of 1440px → 40.5px */
  margin-bottom: clamp(20px, 1.74vw, 25px) !important;
  font-size: var(--font-size-fourth-subtitle) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  text-align: center;
}

.sixth-section__hero {
  margin-top: max(120px, 8.33vw);
  margin-bottom: max(35px, 2.43vw);
}

.sixth-section__image {
  width: 100%;
  display: block;
}

.sixth-section__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(10px, 1.736vw, 25px);
}

.sixth-section__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: clamp(16px, 2.222vw, 32px);
  pointer-events: none;
}

.sixth-section__label {
  font-size: var(--font-size-fourth-grid-text);
  font-weight: 400;
  color: #ffffff;
  max-width: clamp(120px, 21.25vw, 306px);
}

.sixth-section__overlay-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(8px, 0.833vw, 12px);
  max-width: clamp(120px, 17.08vw, 246px);
  margin-right: clamp(32px, 4.17vw, 60px);
  margin-top: clamp(80px, 26.04vw, 375px);
}
.sixth-section__label--left {
  margin-top: clamp(32px, 8.402vw, 121px);
  margin-left: clamp(16px, 4.652vw, 67px);
}

.sixth-section__badge-image {
  width: clamp(20px, 1.944vw, 28px);
  height: clamp(20px, 1.944vw, 28px);
  display: block;
}

.sixth-section__badge-image img {
  width: 100%;
  height: auto;
  display: block;
}

.sixth-section__body {
  /* 30px between hero image and this text at 1440px */
  /*margin-top: clamp(16px, 2.083vw, 30px);  2.083vw of 1440px → 30px */
  font-size: var(--font-size-fourth-grid-text) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  text-align: center;
}

.sixth-section__grid {
  /* 80.5px between body text and grid at 1440px */
  margin-top: clamp(32px, 6.04vw, 87px); /* 5.5903vw of 1440px → 80.5px */
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  /* 81.8px row gap & 27px column gap at 1440px */
  /*row-gap: clamp(32px, 5.6806vw, 81.8px);   5.6806vw → 81.8px */
  column-gap: clamp(16px, 1.67vw, 24px); /* 1.875vw → 27px */
}

.sixth-card {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 2.083vw, 30px);
}

.sixth-card__image {
  border-radius: clamp(10px, 1.736vw, 25px);
  overflow: hidden;
  position: relative;
}

/* First card in grid has centered text overlay */
.sixth-card:first-child .sixth-card__image {
  position: relative;
}

.sixth-card__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: start;
  justify-content: center;
  padding: clamp(16px, 2.222vw, 32px);
  pointer-events: none;
}

.sixth-card__overlay-text {
  font-size: var(--font-size-fourth-overlay-text);
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  max-width: clamp(50px, 17.778vw, 256px); /* 256px at 1440px screen */
  margin-top: clamp(48px, 21.181vw, 305px); /* 305px at 1440px screen */
  margin-left: clamp(0px, 0.694vw, 10px); /* 10px at 1440px screen */
  height: clamp(0px, 10.208vw, 147px); /* 147px at 1440px screen */
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* First card overlay text should be black instead of white */
.sixth-card:first-child .sixth-card__overlay-text {
  color: var(--color-body-text);
}

.sixth-card__image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Third card image with background color */
.sixth-card:nth-child(3) .sixth-card__image {
  background-color: rgba(209, 223, 244, 1);
}

.sixth-card__text {
  margin: 0 !important;
  font-size: var(--font-size-fourth-grid-text) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  text-align: center;
}

/* Seventh section */

.seventh-section {
  background: var(--color-seventh-blue);
  width: 100%;
  padding-top: clamp(30px, 9.1vw, 131px);
  /* Add bottom spacing within the blue background instead of using page gap 
  padding-bottom: clamp(30px, 12.85vw, 185px);*/
  position: relative;
}

.seventh-section__block {
  /*display: flex;
  flex-direction: column;*/
}
/*
.seventh-section__block--first {
  margin-bottom: clamp(60px, 6.944vw, 100px);
}
*/
.seventh-section__title {
  font-size: var(--font-size-secondary-section-title) !important;
  font-weight: 500 !important;
  text-align: center !important;
  color: var(--color-body-text) !important;
  margin: 0 auto !important;
  width: 80.28%;
  font-family: 'Google Sans Flex' !important;
}

.seventh-section__text {
  font-size: var(--font-size-seventh-section-text-first) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  margin: 0 auto !important;
  width: 80.28%;
  text-align: center;
}

.seventh-section__block--first .seventh-section__title {
  margin-bottom: clamp(40px, 3.26vw, 47px) !important;
}

.seventh-section__block--first .seventh-section__text {
  margin-bottom: clamp(60px, 5.83vw, 84px) !important;
}

.seventh-section__image {
  position: relative;
}

.seventh-section__image > img {
  width: 100%;
  margin: 0 auto;
}

.seventh-card__overlay-image {
  position: absolute;
  /* right: 95px; */
  /* bottom: -10px; */
  right: 6.6%;
  bottom: -1.1%;
  width: 36.25%;
}

.seventh-card__overlay-image-2 {
  position: absolute;
  left: 0;
  top: 110px;
  top: 15.93%;
  width: 27.638%;
}

.seventh-card__overlay-image-3 {
  position: absolute;
  left: 80px;
  top: -20px;
  width: 34.09%;
  left: 5.556%;
  top: -2.89%;
}

/* Eighth section */

.eighth-section {
  width: 100%;
  background: var(--color-linear-avender);
  /*
  padding-top: clamp(20px, 2.083vw, 30px);
  padding-bottom: clamp(40px, 3.4722vw, 50px);
  */
}

.eighth-section__inner {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.eighth-section__title {
  font-size: var(--font-size-eighth-title) !important;
  font-weight: 500 !important;
  margin: 0 auto !important;
  text-align: center;
  color: var(--color-body-text) !important;
  width: fit-content !important;
  max-width: clamp(0px, 80.28vw, 1156px) !important;
  font-family: 'Google Sans Flex' !important;
}

.eighth-section__cards {
  display: flex;
  gap: clamp(12px, 3.19vw, 46px); /* 1.7361vw of 1440px → 25px */
  /* 50px between title and cards at 1440px */
  margin-top: clamp(20px, 7.16vw, 103.1px);
  /* margin-bottom: clamp(20px, 8.13vw, 117px); */
}

.eighth-card {
  /* 564px × 228px at 1440px */
  /*width: clamp(280px, 39.1667vw, 564px);  39.1667vw of 1440px → 564px 
  height: clamp(180px, 15.8333vw, 228px); 15.8333vw of 1440px → 228px */
  display: flex;
  flex-direction: column;
  align-items: center;
  /*
  justify-content: center;
  padding: clamp(16px, 2.222vw, 32px);
  background-color: rgba(236, 237, 255, 1);
  border-radius: clamp(10px, 1.736vw, 25px);
  */
}

.eighth-card__image {
  display: block;
  flex-shrink: 0;
}

.eighth-card__image.eighth-card_logo {
  margin-top: clamp(36px, 7.01vw, 101px);
  margin-bottom: clamp(36px, 2.71vw, 39px);
}

.eighth-card__image.eighth-card_logo img {
  width: auto;
}

.eighth-card--left .eighth-card__image {
  /* 270px × 39px at 1440px */
  width: clamp(150px, 18.75vw, 270px); /* 18.75vw of 1440px → 270px */
  height: clamp(20px, 2.7083vw, 39px); /* 2.7083vw of 1440px → 39px */
}

.eighth-card--right .eighth-card__image {
  /* 223px × 30px at 1440px */
  width: clamp(120px, 15.4861vw, 223px); /* 15.4861vw of 1440px → 223px */
  height: clamp(15px, 2.0833vw, 30px); /* 2.0833vw of 1440px → 30px */
}

.eighth-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.eighth-card__text {
  /* Content max width: 328px at 1440px */
  max-width: clamp(200px, 25.69vw, 370px) !important; /* 22.7778vw of 1440px → 328px */
  /*margin-top: clamp(12px, 1.5vw, 22px);*/
  font-size: var(--font-size-eighth-card-text) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  text-align: center;
  line-height: normal !important;
}

.eighth-card--right .eighth-card__text {
  /* Content max width: 380px at 1440px */
  max-width: clamp(220px, 26.3889vw, 380px); /* 26.3889vw of 1440px → 380px */
}

/* Ninth section */

.ninth-section {
  width: 100%;
  /* background-color: var(--color-fourth-bg);*/
  padding-top: clamp(20px, 10.14vw, 146px);
  padding-bottom: clamp(20px, 10.35vw, 149px);
}

.ninth-section__inner {
  margin: 0 auto;
  /* 142px at 1440px screen 
  padding-inline: clamp(24px, 9.861vw, 142px);*/
  max-width: 80.27%;
  display: flex;
  flex-direction: column;
}

.ninth-section__header {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.ninth-section__title {
  font-size: var(--font-size-fourth-title) !important;
  font-weight: 500 !important;
  margin: 0 !important;
  color: var(--color-body-text) !important;
  text-align: center;
  font-family: 'Google Sans Flex' !important;
}

.ninth-section__subtitle {
  /* 40.5px between title and subtitle at 1440px */
  /*margin-top: clamp(20px, 2.8125vw, 40.5px);  2.8125vw of 1440px → 40.5px */
  /*margin-bottom: clamp(20px, 1.74vw, 25px);*/
  font-size: var(--font-size-eighth-card-text) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  text-align: center;
}

.ninth-section__image {
  width: 100%;
  display: block;
}

.ninth-section__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(10px, 1.736vw, 25px);
}

.ninth-section__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: clamp(16px, 2.222vw, 32px);
  pointer-events: none;
}

.ninth-section__label {
  font-size: var(--font-size-fourth-grid-text);
  font-weight: 400;
  color: #ffffff;
  max-width: clamp(120px, 21.25vw, 306px);
}

.ninth-section__overlay-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(8px, 0.833vw, 12px);
  max-width: clamp(120px, 17.08vw, 246px);
  margin-right: clamp(32px, 4.17vw, 60px);
  margin-top: clamp(80px, 26.04vw, 375px);
}
.ninth-section__label--left {
  margin-top: clamp(32px, 8.402vw, 121px);
  margin-left: clamp(16px, 4.652vw, 67px);
}

.ninth-section__badge-image {
  width: clamp(20px, 1.944vw, 28px);
  height: clamp(20px, 1.944vw, 28px);
  display: block;
}

.ninth-section__badge-image img {
  width: 100%;
  height: auto;
  display: block;
}

.ninth-section__body {
  /* 30px between hero image and this text at 1440px */
  margin-top: clamp(16px, 2.083vw, 30px); /* 2.083vw of 1440px → 30px */
  font-size: var(--font-size-fourth-grid-text);
  font-weight: 500;
  color: var(--color-body-text);
  text-align: center;
}

.ninth-section__grid {
  /* 80.5px between body text and grid at 1440px */
  margin-top: clamp(32px, 5.97vw, 86px);
  margin-bottom: clamp(32px, 2.78vw, 40px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  /* 81.8px row gap & 27px column gap at 1440px */
  /*row-gap: clamp(32px, 5.6806vw, 81.8px);   5.6806vw → 81.8px */
  column-gap: clamp(16px, 1.67vw, 24px); /* 1.875vw → 27px */
}

.ninth-card {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 2.083vw, 30px);
}

.ninth-card__image {
  border-radius: clamp(10px, 1.736vw, 25px);
  overflow: hidden;
  position: relative;
}

/* First card in grid has centered text overlay */
.ninth-card:first-child .ninth-card__image {
  position: relative;
}

.ninth-card__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: start;
  justify-content: center;
  padding: clamp(16px, 2.222vw, 32px);
  pointer-events: none;
}

.ninth-card__overlay-text {
  font-size: var(--font-size-fourth-overlay-text);
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  max-width: clamp(50px, 17.778vw, 256px); /* 256px at 1440px screen */
  margin-top: clamp(48px, 21.181vw, 305px); /* 305px at 1440px screen */
  margin-left: clamp(0px, 0.694vw, 10px); /* 10px at 1440px screen */
  height: clamp(0px, 10.208vw, 147px); /* 147px at 1440px screen */
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* First card overlay text should be black instead of white */
.ninth-card:first-child .ninth-card__overlay-text {
  color: var(--color-body-text);
}

.ninth-card__image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Third card image with background color */
.ninth-card:nth-child(3) .ninth-card__image {
  background-color: rgba(209, 223, 244, 1);
}

.ninth-card__text {
  margin: 0;
  font-size: var(--font-size-fourth-grid-text);
  font-weight: 500;
  color: var(--color-body-text);
  text-align: center;
}

/* Tenth section */

.tenth-section {
  background: var(--color-tenth-bg);
  width: 100%;
  /*padding-top: clamp(30px, 9.10vw, 131px);
  Add bottom spacing within the blue background instead of using page gap 
  padding-bottom: clamp(30px, 12.85vw, 185px);*/
  position: relative;
}

.tenth-section__block {
  /*display: flex;
  flex-direction: column;*/
}
/*
.tenth-section__block--first {
  margin-bottom: clamp(60px, 6.944vw, 100px);
}
*/
.tenth-section__title {
  font-size: var(--font-size-secondary-section-title) !important;
  font-weight: 500 !important;
  text-align: center;
  color: var(--color-body-text) !important;
  margin: 0 auto !important;
  /*width: 80.28%;*/
  font-family: 'Google Sans Flex' !important;
}

.tenth-section__text {
  font-size: var(--font-size-seventh-section-text-first) !important;
  font-weight: 500 !important;
  color: var(--color-body-text) !important;
  margin: 0 auto !important;
  /*width: 80.28%;*/
  text-align: center;
}

.tenth-section__block--first .tenth-section__title {
  margin-bottom: clamp(40px, 4.58vw, 66px) !important;
}

.tenth-section__block--first .tenth-section__text {
  /*margin-bottom: clamp(60px, 5.83vw, 84px);*/
}

.tenth-section__image {
  position: relative;
}

.tenth-section__image > img {
  /*width: 64.67%;*/
  margin: 0 auto;
}

.tenth-section__image > img:last-child {
  display: none;
}

.tenth-card__overlay {
  position: absolute;
  /* bottom: 550px; */
  left: 265px;
  width: 63.91%;
  bottom: 39.34%;
  left: 18.4%;
}

.tenth-card__overlay-image {
  position: absolute;
  /* right: 95px; */
  /* bottom: -10px; */
  right: 6.6%;
  bottom: -1.1%;
  width: 36.25%;
}

/* Final section */

.disclaimer-section {
  width: 100%;
  padding-top: clamp(20px, 6.74vw, 97px);
  padding-bottom: clamp(40px, 10vw, 144px);
}

.disclaimer-section__inner {
  margin: 0 auto;
  /* 1320px text width at 1440px = 60px margin on each side */
  /* margin-inline: clamp(24px, 4.1667vw, 60px); 4.1667vw of 1440px → 60px */
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: clamp(20px, 7.22vw, 104px);
  padding-right: clamp(20px, 7.22vw, 104px);
}

.legal__p {
  font-size: var(--font-size-legal-text) !important;
  font-weight: 400;
  line-height: 1.45;
  color: #3c4043;
  text-align: left;
  margin: 0;
}

.legal__p--lg {
  font-size: var(--font-size-legal-text-large);
  line-height: var(--lh-legal-text-large);
}

.spacer--gradient {
  height: clamp(20px, 8.13vw, 117px);
  background: linear-gradient(180deg, #fff 0%, #fdf6fc 100%);
}

.hidden {
  display: none;
}

.text-nowrap {
  white-space: nowrap;
}

.tw-balance {
  text-wrap: balance;
}

.tw-pretty {
  text-wrap: pretty;
}

.low-quote {
  display: inline-block;
  transform: translateY(35%);
}

/* mobile.css */
/* Mobile layout: 2-1-2 grid for 5 cards (only below 640px) */

@media (max-width: 640px) {
  /* Mobile font size overrides (grouped by section) */
  :root {
    /* Hero section font sizes */
    --font-size-hero-title: clamp(18px, 6.875vw, 44px);
    --font-size-hero-subtitle: clamp(11px, 4.0625vw, 26px);

    /* Secondary section font sizes */
    --font-size-secondary-section-title: clamp(18px, 8.90625vw, 57px);
    --font-size-secondary-section-text-first: clamp(13px, 6.09375vw, 39px);
    --font-size-secondary-section-text-second: clamp(10px, 4.6875vw, 30px);
    --font-size-secondary-card-text: clamp(
      10px,
      4.6875vw,
      30px
    ); /* 30px at 640px screen */
    --font-size-secondary-overlay: clamp(20px, 7vw, 44.8px);

    /* Secondary section color */
    --color-linear-blue-mob: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 1) 0%,
      rgba(200, 221, 219, 1) 100%
    );

    /* 150px at 640px screen width */
    --font-size-secondary-number: clamp(10px, 23.4375vw, 150px);
    --font-size-secondary-number-large: clamp(18px, 6.5vw, 104px);
    --font-size-secondary-number-large-stat: clamp(18px, 6.5vw, 104px);
    /* 140px at 640px screen width */
    --font-size-secondary-unit: clamp(
      9px,
      20vw,
      128px
    ); /* 128px at 640px screen */
    --font-size-secondary-stat-unit: clamp(8px, 9.8vw, 62px);

    /* Tertiary section font sizes (60px / 42px at 640px) */
    --font-size-tertiary-title: clamp(18px, 8.90625vw, 57px);
    --font-size-tertiary-subtitle: clamp(
      10px,
      6.25vw,
      40px
    ); /* 39px at 640px screen */
    --font-size-tertiary-grid-title: clamp(10px, 6.09vw, 39px);
    --font-size-tertiary-grid-text: clamp(10px, 6.09vw, 39px);
    --font-size-tertiary-overlay-text: clamp(11px, 3.5vw, 22px);

    /* Fourth section font sizes (mobile, 1440px → 640px scaling) */
    --font-size-fourth-title: clamp(18px, 10vw, 64px);
    --font-size-fourth-subtitle: clamp(
      12px,
      4.38vw,
      28px
    ); /* 39px at 640px screen */
    --font-size-fourth-grid-text: clamp(
      12px,
      6.25vw,
      40px
    ); /* 39px at 640px screen */
    --font-size-fourth-overlay-text: clamp(10px, 3.75vw, 24px);
    --font-size-fourth-overlay-text-chat-box: clamp(9px, 2.8125vw, 18px);

    /* Fifth section font sizes (mobile, 1440px → 640px scaling) */
    --font-size-fifth-title: clamp(18px, 8.90625vw, 57px);
    --font-size-fifth-card-text: clamp(
      13px,
      6.3vw,
      34px
    ); /* 34px at 640px screen */

    /* Sixth section font sizes (mobile, 640px base) */
    --font-size-sixth-title: clamp(18px, 8.90625vw, 57px);
    --font-size-sixth-text: clamp(
      12px,
      6.09375vw,
      39px
    ); /* 39px at 640px screen */

    /* Seventh section font sizes (mobile, 640px base) */
    --font-size-seventh-title: clamp(18px, 10vw, 64px);
    --font-size-seventh-text: clamp(
      12px,
      6.09375vw,
      39px
    ); /* 39px at 640px screen */

    /* Eighth section font sizes (mobile, 640px base) */
    --font-size-eighth-title: clamp(18px, 8.90625vw, 57px);
    --font-size-eighth-card-text: clamp(10px, 6.25vw, 40px);

    --color-linear-avender: linear-gradient(
      to top,
      rgb(230, 207, 237, 1) 0%,
      rgba(255, 255, 255, 1) 34.54%
    );

    /* Final section font sizes (mobile, 640px base) */
    --font-size-final-text: clamp(9px, 3.44vw, 22px);
  }

  .page > section {
    /* 80px at 640px screen */
    /*padding-top: clamp(16px, 12.5vw, 80px);*/
    /* 92px at 640px screen */
    /*padding-bottom: clamp(24px, 14.375vw, 92px);*/
  }

  .page {
    /*padding-block: clamp(18px, 5vw, 32px) 0px;*/
  }

  .hero {
    /*
    margin-left: clamp(16px, 5.38vw, 31px);
    margin-right: clamp(16px, 5.38vw, 31px);
	*/
    width: 100%;
  }

  /* Hero section */

  .hero {
    /*background-image: url("../images/Mobile_en_uk_1.jpg");*/
    /*aspect-ratio: 640 / 640;*/
    background-size: cover;
  }

  /*
  .hero__title-group {
    column-gap: clamp(0px, 29.14vw, 186.5px);
    margin-right: clamp(10px, 2.8125vw, 18px);
  }
  
  */

  .hero__subtitle {
    /*margin-top: clamp(0px, 0.9375vw, 6px);*/
    visibility: hidden;
    font-size: var(--font-size-hero-subtitle);
  }

  /* Secondary section */
  .secondary-section {
    background: var(--color-linear-blue-mob);
    padding-top: clamp(30px, 20.31vw, 130px);
    padding-bottom: clamp(23px, 12.5vw, 80px); /* 70px at 640px */
  }
  /*
  .secondary-section__block--first {
    margin-bottom: clamp(0px, 9.375vw, 60px); 
  }
  */
  .secondary-section__block--first .secondary-section__title {
    margin-bottom: clamp(0px, 11.56vw, 74px);
  }

  .secondary-section__block--second .secondary-section__title {
    margin-bottom: clamp(0px, 6.25vw, 40px); /* 40px in 640px screen */
  }

  .secondary-section__block--first .secondary-section__image {
    /*   margin-bottom: clamp(0px, 6.25vw, 40px); 40px in 640px screen */
  }

  .secondary-section__title {
    width: 87%;
    margin-right: auto;
    margin-left: auto;
    font-size: clamp(30px, 10vw, 64px); /* 39px at 640px screen */
  }

  /* Secondary section lead text on mobile */
  .secondary-section__text {
    width: 92.62%;
    max-width: 100%;
    margin: 0 auto;
    /*padding-inline: max(22px, 6vw);*/
    font-size: clamp(20px, 6.25vw, 40px); /* 39px at 640px screen */
  }

  .secondary-section__block--first .secondary-section__text {
    margin-bottom: clamp(0px, 18.59vw, 119px); /* 50px max at 640px screen */
  }

  /* Tertiary section */

  .tertiary-section {
    padding-top: clamp(32px, 18.59vw, 119px);
    padding-bottom: 0;
  }

  .tertiary-section__inner {
    gap: clamp(0px, 4.38vw, 28px);
    align-items: center;
  }

  /* Center title + subtitle on mobile */
  .tertiary-section__header {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
    width: clamp(280px, 90vw, 576px); /* 90vw of 640px → 576px */
  }
  .tertiary-section__image--1 img {
    max-width: 355px;
    margin-left: auto;
    margin-right: auto;
  }

  .tertiary-section__image--2 {
    width: 100%;
  }

  .tertiary-section__image--2 img {
    width: stretch;
  }

  .tertiary-section__title {
    font-size: var(--font-size-tertiary-title);
    font-weight: 500;
    margin-top: clamp(32px, 8.15vw, 44px);
    margin-bottom: clamp(32px, 14.37vw, 92px);
  }

  .tertiary-section__subtitle {
    margin-top: clamp(32px, 7.5vw, 48px);
    font-size: var(--font-size-tertiary-subtitle);
    font-weight: 500;
    /*max-width: clamp(0px, 80vw, 511px);
    margin: 0 auto;*/
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
  }

  /* Fourth section (mobile layout) */

  .fourth-section {
    padding-top: clamp(32px, 26.56vw, 170px);
    padding-bottom: 0;
  }

  .fourth-section__inner {
    /*padding-inline: clamp(18px, 5vw, 32px);*/
    gap: clamp(20px, 4.38vw, 28px);
    max-width: 90%;
  }

  /* Center title + subtitle on mobile */
  .fourth-section__header {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }

  .fourth-section__title {
    font-size: var(--font-size-fourth-title);
    font-weight: 500;
    /*margin-bottom: clamp(14px, 3.13vw, 20px);*/
  }

  .fourth-section__subtitle {
    /* margin-top: clamp(10px, 1.88vw, 12px); */
    margin-bottom: clamp(20px, 7.19vw, 46px);
    font-size: var(--font-size-fourth-subtitle);
    font-weight: 500;
  }

  /* Overlay adjustments for mobile */
  .fourth-section__overlay {
    padding: clamp(10px, 2.5vw, 16px);
    flex-direction: column;
    align-items: center;
    gap: clamp(10px, 2.5vw, 16px);
  }

  .fourth-section__label {
    max-width: 375px;
    width: 100%;
    text-align: center;
    font-size: var(--font-size-fourth-overlay-text);
    align-items: center;
  }

  .fourth-section__label--left {
    margin-top: 0;
    margin-left: 0;
  }

  .fourth-section__overlay-right {
    align-items: center;
    max-width: 100%;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    top: clamp(0px, 130vw, 835px); /* 835px at 640px screen */
  }

  .fourth-section__badge-image {
    width: clamp(24px, 7.03vw, 45px); /* 45px at 640px */
    height: clamp(28px, 7.5vw, 48px); /* 48px at 640px */
  }

  /* Content after hero image should be inset */
  .fourth-section__body {
    font-size: var(--font-size-fourth-grid-text);
    font-weight: 500;
    text-align: unset;
    margin-top: 0px;
  }

  /* Stack grid items as single-column rows on mobile */
  .fourth-section__grid {
    margin-top: clamp(30px, 10.31vw, 66px);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(24px, 14.06vw, 90px); /* 121px at 640px screen width */
    column-gap: 0;
  }

  .fourth-section__second_grid {
    margin-top: clamp(32px, 14.06vw, 90px);
    display: flex;
    /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
    row-gap: clamp(24px, 8.91vw, 57px);
    column-gap: 0;
    flex-direction: column-reverse;
  }

  .fourth-second-card:first-child {
    width: inherit;
  }

  .fourth-second-card:last-child {
    width: 100%;
  }

  .fourth-second-card__text {
    font-size: var(--font-size-fourth-grid-text);
    font-weight: 500;
    text-align: center;
  }

  .fourth-section__grid {
    margin-top: clamp(30px, 10.31vw, 66px);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(24px, 14.06vw, 90px); /* 121px at 640px screen width */
    column-gap: 0;
  }

  .fourth-card {
    gap: clamp(12px, 6.875vw, 44px); /* 44px at 640px screen */
  }

  .fourth-card__text {
    font-size: var(--font-size-fourth-grid-text);
    font-weight: 500;
    text-align: center;
  }

  .fourth-card__image {
    border-radius: clamp(0px, 7.8125vw, 50px);
  }

  /* First card overlay text adjustments for mobile */
  .fourth-card__overlay {
    padding: clamp(10px, 2.5vw, 16px);
    align-items: start;
    justify-content: center;
  }

  .fourth-card__overlay-text {
    font-size: var(--font-size-fourth-overlay-text-chat-box);
    max-width: clamp(40px, 37.8125vw, 242px); /* 242px at 640px */
    margin-top: clamp(60px, 50vw, 320px); /* 320px at 640px screen */
    height: clamp(60px, 22.65625vw, 145px);
  }
  .fourth-section__label--left {
    margin-top: clamp(24px, 3.90625vw, 25px);
    margin-left: 0px;
  }
  .fourth-section__label--right {
    padding-bottom: 0px;
    margin-right: 0px;
  }
  .fourth-section__image img {
    border-radius: clamp(0px, 7.8125vw, 50px);
  }

  /* Fifth section (mobile layout) */

  .fifth-section {
    padding-top: clamp(20px, 26.56vw, 170px);
    padding-bottom: 0;
  }

  .fifth-section__inner {
    /*padding-inline: clamp(18px, 5vw, 32px);*/
    gap: clamp(20px, 4.38vw, 28px);
    max-width: 90%;
  }

  /* Center title + subtitle on mobile */
  .fifth-section__header {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-bottom: clamp(32px, 14.69vw, 94px);
  }

  .fifth-section__title {
    font-size: var(--font-size-fourth-title);
    font-weight: 500;
    /* margin-bottom: clamp(14px, 3.13vw, 20px); */
  }

  .fifth-section__subtitle {
    /* margin-top: clamp(10px, 1.88vw, 12px); */
    margin-bottom: clamp(20px, 7.19vw, 46px);
    font-size: var(--font-size-fourth-subtitle);
    font-weight: 500;
  }

  /* Overlay adjustments for mobile */
  .fifth-section__overlay {
    padding: clamp(10px, 2.5vw, 16px);
    flex-direction: column;
    align-items: center;
    gap: clamp(10px, 2.5vw, 16px);
  }

  .fifth-section__label {
    max-width: 375px;
    width: 100%;
    text-align: center;
    font-size: var(--font-size-fourth-overlay-text);
    align-items: center;
  }

  .fifth-section__label--left {
    margin-top: 0;
    margin-left: 0;
  }

  .fifth-section__overlay-right {
    align-items: center;
    max-width: 100%;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    top: clamp(0px, 130vw, 835px); /* 835px at 640px screen */
  }

  .fifth-section__badge-image {
    width: clamp(24px, 7.03vw, 45px); /* 45px at 640px */
    height: clamp(28px, 7.5vw, 48px); /* 48px at 640px */
  }

  /* Content after hero image should be inset */
  .fifth-section__body {
    font-size: var(--font-size-fourth-grid-text);
    font-weight: 500;
    margin-top: 0px;
  }

  /* Stack grid items as single-column rows on mobile */
  .fifth-section__grid {
    margin-top: clamp(32px, 14.06vw, 90px);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(24px, 14.06vw, 90px); /* 121px at 640px screen width */
    column-gap: 0;
  }
  .fifth-card {
    gap: clamp(12px, 6.875vw, 44px); /* 44px at 640px screen */
  }

  .fifth-card__text {
    font-size: var(--font-size-fourth-grid-text);
    font-weight: 500;
    text-align: center;
  }

  .fifth-card__image {
    border-radius: clamp(0px, 7.8125vw, 50px);
  }

  /* First card overlay text adjustments for mobile */
  .fifth-card__overlay {
    padding: clamp(10px, 2.5vw, 16px);
    align-items: start;
    justify-content: center;
  }

  .fifth-card__overlay-text {
    font-size: var(--font-size-fourth-overlay-text-chat-box);
    max-width: clamp(40px, 37.8125vw, 242px); /* 242px at 640px */
    margin-top: clamp(60px, 50vw, 320px); /* 320px at 640px screen */
    height: clamp(60px, 22.65625vw, 145px);
  }
  .fifth-section__label--left {
    margin-top: clamp(24px, 3.90625vw, 25px);
    margin-left: 0px;
  }
  .fifth-section__label--right {
    padding-bottom: 0px;
    margin-right: 0px;
  }
  .fifth-section__image img {
    border-radius: clamp(0px, 7.8125vw, 50px);
  }

  /* Sixth section (mobile layout) */

  .sixth-section {
    padding-top: clamp(20px, 26.56vw, 170px);
    padding-bottom: clamp(20px, 20.47vw, 131px);
  }

  .sixth-section__inner {
    /*padding-inline: clamp(18px, 5vw, 32px);*/
    gap: clamp(20px, 4.38vw, 28px);
    max-width: 90%;
  }

  /* Center title + subtitle on mobile */
  .sixth-section__header {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }

  .sixth-section__title {
    font-size: var(--font-size-fourth-title);
    font-weight: 500;
    /* margin-bottom: clamp(14px, 3.13vw, 20px); */
  }

  .sixth-section__subtitle {
    /* margin-top: clamp(10px, 1.88vw, 12px); */
    margin-bottom: clamp(20px, 7.19vw, 46px);
    font-size: var(--font-size-fourth-subtitle);
    font-weight: 500;
  }

  .sixth-section__hero {
    margin-top: clamp(10px, 14.69vw, 94px);
    margin-bottom: clamp(10px, 9.06vw, 58px);
  }

  /* Overlay adjustments for mobile */
  .sixth-section__overlay {
    padding: clamp(10px, 2.5vw, 16px);
    flex-direction: column;
    align-items: center;
    gap: clamp(10px, 2.5vw, 16px);
  }

  .sixth-section__label {
    max-width: 375px;
    width: 100%;
    text-align: center;
    font-size: var(--font-size-fourth-overlay-text);
    align-items: center;
  }

  .sixth-section__label--left {
    margin-top: 0;
    margin-left: 0;
  }

  .sixth-section__overlay-right {
    align-items: center;
    max-width: 100%;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    top: clamp(0px, 130vw, 835px); /* 835px at 640px screen */
  }

  .sixth-section__badge-image {
    width: clamp(24px, 7.03vw, 45px); /* 45px at 640px */
    height: clamp(28px, 7.5vw, 48px); /* 48px at 640px */
  }

  /* Content after hero image should be inset */
  .sixth-section__body {
    font-size: var(--font-size-fourth-grid-text);
    font-weight: 500;
    text-align: center;
    margin-top: 0px;
  }

  /* Stack grid items as single-column rows on mobile */
  .sixth-section__grid {
    margin-top: clamp(36px, 14.06vw, 90px);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(24px, 14.06vw, 90px); /* 121px at 640px screen width */
    column-gap: 0;
  }
  .sixth-card {
    gap: clamp(12px, 6.875vw, 44px); /* 44px at 640px screen */
  }

  .sixth-card__text {
    font-size: var(--font-size-fourth-grid-text);
    font-weight: 500;
    text-align: center;
  }

  .sixth-card__image {
    border-radius: clamp(0px, 7.8125vw, 50px);
  }

  /* First card overlay text adjustments for mobile */
  .sixth-card__overlay {
    padding: clamp(10px, 2.5vw, 16px);
    align-items: start;
    justify-content: center;
  }

  .sixth-card__overlay-text {
    font-size: var(--font-size-fourth-overlay-text-chat-box);
    max-width: clamp(40px, 37.8125vw, 242px); /* 242px at 640px */
    margin-top: clamp(60px, 50vw, 320px); /* 320px at 640px screen */
    height: clamp(60px, 22.65625vw, 145px);
  }
  .sixth-section__label--left {
    margin-top: clamp(24px, 3.90625vw, 25px);
    margin-left: 0px;
  }
  .sixth-section__label--right {
    padding-bottom: 0px;
    margin-right: 0px;
  }
  .sixth-section__image img {
    border-radius: clamp(0px, 7.8125vw, 50px);
  }

  /* Seventh section (mobile layout) */

  .seventh-section {
    padding-top: clamp(30px, 20.63vw, 132px);
  }

  .seventh-section__inner {
    margin-inline: clamp(18px, 5vw, 32px);
  }

  .seventh-section__title {
    font-size: var(--font-size-seventh-title);
    font-weight: 500;
    text-align: center;
    line-height: 1.1;
    width: 90.62%;
  }

  .seventh-section__block--first .seventh-section__title {
    margin-bottom: clamp(40px, 11.56vw, 74px) ;
  }

  .seventh-section__block--first .seventh-section__text {
    margin-bottom: 0;
  }

  .seventh-section__images {
    display: block;
    /* 97px between title and image at 640px */
    margin-top: clamp(20px, 15.15625vw, 97px); /* 15.15625vw of 640px → 97px */
  }

  .seventh-section__image--second,
  .seventh-section__image--third {
    display: none;
  }

  .seventh-section__image--first {
    /* 576px × 778px at 640px */
    width: clamp(280px, 90vw, 576px); /* 90vw of 640px → 576px */
    height: clamp(350px, 121.5625vw, 778px); /* 121.5625vw of 640px → 778px */
    border-radius: clamp(0px, 7.8125vw, 50px);
    display: block;
  }

  .seventh-section__image {
    margin-top: clamp(2.75rem, 0.0083rem + 11.6981vw, 4.6875rem);
    display: block;
  }

  .seventh-section__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .seventh-section__image > img {
    width: 100%;
    margin: 0 auto;
  }

  .seventh-section__text {
    font-size: var(--font-size-seventh-text);
    text-align: center;
    /* 44px between images and text at 640px */
    margin-top: clamp(16px, 11.56vw, 74px); /* 6.875vw of 640px → 44px */
    width: 90.62%;
  }

  .seventh-card__overlay-image {
    position: absolute;
    /*right: 0;
     bottom: -10px; */
    right: 2.031%;
    bottom: 0.1273%;
    width: 52.5%;
  }

  .seventh-card__overlay-image-2 {
    position: absolute;
    left: 0;
    top: 80px;
    top: 9.805%;
    width: 50.78%;
  }

  .seventh-card__overlay-image-3 {
    position: absolute;
    left: 50px;
    top: 0px;
    width: 59.06%;
    left: 7.81%;
  }

  /* Eighth section (mobile layout) */

  .eighth-section {
    background: var(--color-linear-avender);
  }

  .eighth-section__inner {
    padding-inline: clamp(18px, 5vw, 32px);
  }

  .eighth-section__title {
    font-size: var(--font-size-eighth-title);
    font-weight: 500;
    text-align: center;
    line-height: 1.1;
  }

  .eighth-section__cards {
    flex-direction: column;
    width: 100%;
    gap: clamp(16px, 10.47vw, 67px); /* 45px at 640px screen */
    /* 97px between title and cards at 640px */
    margin-top: clamp(20px, 15.94vw, 102px);
    margin-bottom: clamp(20px, 15.94vw, 102px);
    margin-left: auto;
    margin-right: auto;
  }

  .eighth-card {
    width: 100%;
    /* 337px height at 640px 
    min-height: clamp(200px, 52.65625vw, 337px);
    height: auto;
    padding-left: clamp(8px, 2.5vw, 16px);
    padding-right: clamp(8px, 2.5vw, 16px);
    padding-top: clamp(18px, 6vw, 38.5px);
    border-radius: clamp(0px, 7.8125vw, 50px);
	*/
  }

  .eighth-card__image.eighth-card_logo {
    margin-top: clamp(36px, 18.75vw, 120px);
    margin-bottom: clamp(36px, 5vw, 32px);
  }

  .eighth-card--left .eighth-card__image {
    width: auto;
    height: auto;
    max-width: 100%;
  }

  .eighth-card--right .eighth-card__image {
    /* 298px × 62px at 640px */
    width: clamp(200px, 46.5625vw, 298px); /* 46.5625vw of 640px → 298px */
    height: clamp(40px, 9.6875vw, 62px); /* 9.6875vw of 640px → 62px */
  }
  .eighth-card__image img {
    /*width: clamp(100px, 46.5625vw, 298px);  298px at 640px wide screen */
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
  }

  .eighth-card__text {
    max-width: none;
    /* 19px between image and text at 640px */
    /*margin-top: clamp(12px, 2.96875vw, 19px);  2.96875vw of 640px → 19px */
    font-size: var(--font-size-eighth-card-text);
    text-align: center;
  }

  .eighth-card--right .eighth-card__text {
    max-width: clamp(200px, 83.90625vw, 537px); /* 537px at 640px screen */
  }

  /* Ninth section (mobile layout) */

  .ninth-section {
    padding-top: clamp(20px, 20.47vw, 131px);
    padding-bottom: clamp(20px, 20.31vw, 130px);
  }

  .ninth-section__inner {
    /*padding-inline: clamp(18px, 5vw, 32px);*/
    gap: clamp(20px, 4.38vw, 28px);
    max-width: 90%;
  }

  /* Center title + subtitle on mobile */
  .ninth-section__header {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }

  .ninth-section__title {
    font-size: var(--font-size-fourth-title);
    font-weight: 500;
    /*margin-bottom: clamp(14px, 3.13vw, 20px);*/
  }

  .ninth-section__subtitle {
    /*
    margin-top: clamp(10px, 1.88vw, 12px);
	margin-bottom: clamp(20px, 7.19vw, 46px);
	*/
    font-size: var(--font-size-eighth-card-text);
    font-weight: 500;
  }

  /* Overlay adjustments for mobile */
  .ninth-section__overlay {
    padding: clamp(10px, 2.5vw, 16px);
    flex-direction: column;
    align-items: center;
    gap: clamp(10px, 2.5vw, 16px);
  }

  .ninth-section__label {
    max-width: 375px;
    width: 100%;
    text-align: center;
    font-size: var(--font-size-fourth-overlay-text);
    align-items: center;
  }

  .ninth-section__label--left {
    margin-top: 0;
    margin-left: 0;
  }

  .ninth-section__overlay-right {
    align-items: center;
    max-width: 100%;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    top: clamp(0px, 130vw, 835px); /* 835px at 640px screen */
  }

  .ninth-section__badge-image {
    width: clamp(24px, 7.03vw, 45px); /* 45px at 640px */
    height: clamp(28px, 7.5vw, 48px); /* 48px at 640px */
  }

  /* Content after hero image should be inset */
  .ninth-section__body {
    font-size: var(--font-size-fourth-grid-text);
    font-weight: 500;
    text-align: unset;
    margin-top: 0px;
  }

  /* Stack grid items as single-column rows on mobile */
  .ninth-section__grid {
    margin-top: clamp(32px, 14.69vw, 94px);
    margin-bottom: clamp(32px, 8.75vw, 56px);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(24px, 4.84vw, 31px); /* 121px at 640px screen width */
    column-gap: 0;
  }
  .ninth-card {
    gap: clamp(12px, 6.875vw, 44px); /* 44px at 640px screen */
  }

  .ninth-card__text {
    font-size: var(--font-size-fourth-grid-text);
    font-weight: 500;
    text-align: center;
  }

  .ninth-card__image {
    border-radius: clamp(0px, 7.8125vw, 50px);
  }

  /* First card overlay text adjustments for mobile */
  .ninth-card__overlay {
    padding: clamp(10px, 2.5vw, 16px);
    align-items: start;
    justify-content: center;
  }

  .ninth-card__overlay-text {
    font-size: var(--font-size-fourth-overlay-text-chat-box);
    max-width: clamp(40px, 37.8125vw, 242px); /* 242px at 640px */
    margin-top: clamp(60px, 50vw, 320px); /* 320px at 640px screen */
    height: clamp(60px, 22.65625vw, 145px);
  }
  .ninth-section__label--left {
    margin-top: clamp(24px, 3.90625vw, 25px);
    margin-left: 0px;
  }
  .ninth-section__label--right {
    padding-bottom: 0px;
    margin-right: 0px;
  }
  .ninth-section__image img {
    border-radius: clamp(0px, 7.8125vw, 50px);
  }

  /* Tenth section (mobile layout) */

  .tenth-section {
    background: linear-gradient(180deg, #fff 0%, #e2ece8 100%);
  }

  .tenth-section__inner {
    margin-inline: clamp(18px, 5vw, 32px);
  }

  .tenth-section__title {
    font-size: var(--font-size-seventh-title);
    font-weight: 500;
    text-align: center;
    line-height: 1.1;
    width: 90.62%;
  }

  .tenth-section__block--first .tenth-section__title {
    margin-bottom: clamp(20px, 6.41vw, 41px) !important;
  }

  .tenth-section__block--first .tenth-section__text {
    margin-bottom: 0;
  }

  .tenth-section__images {
    display: block;
    /* 97px between title and image at 640px */
    margin-top: clamp(20px, 15.15625vw, 97px); /* 15.15625vw of 640px → 97px */
  }

  .tenth-section__image--second,
  .tenth-section__image--third {
    display: none;
  }

  .tenth-section__image--first {
    /* 576px × 778px at 640px */
    width: clamp(280px, 90vw, 576px); /* 90vw of 640px → 576px */
    height: clamp(350px, 121.5625vw, 778px); /* 121.5625vw of 640px → 778px */
    border-radius: clamp(0px, 7.8125vw, 50px);
    display: block;
  }

  .tenth-section__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .tenth-section__image > img {
    width: 100%;
    margin: 0 auto;
  }

  .tenth-section__image > img:last-child {
    display: block;
  }

  .tenth-card__overlay {
    position: inherit;
    width: 100%;
    left: unset;
    bottom: unset;
    margin-top: clamp(25px, 4.69vw, 30px);
    margin-bottom: clamp(25px, 4.69vw, 30px);
  }

  .tenth-section__text {
    font-size: var(--font-size-seventh-text);
    text-align: center;
    /* 44px between images and text at 640px */
    /*margin-top: clamp(16px, 11.56vw, 74px);  6.875vw of 640px → 44px */
    width: 90.62%;
  }

  .tenth-card__overlay-image {
    position: absolute;
    /*right: 0;
     bottom: -10px; */
    right: 2.031%;
    bottom: -0.8727%;
    width: 52.5%;
  }

  /* Final section (mobile layout) */
  .disclaimer-section {
    padding-top: clamp(40px, 19.69vw, 126px);
    padding-bottom: clamp(40px, 19.69vw, 126px);
  }

  .disclaimer-section__inner {
    /*margin-inline: clamp(18px, 4.0625vw, 26px);*/
    padding-left: clamp(20px, 4.69vw, 30px);
    padding-right: clamp(20px, 4.69vw, 30px);
  }
}