/*
Theme Name: Bambu
Theme URI: https://bambuup.com/
Author: BambuUP
Description: BambuUP custom classic WordPress theme.
Version: 1.0.0
Text Domain: bambu
*/

.bambu-page {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  overflow-y: scroll;
}

.bambu-page .site-main {
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.bambu-page .bambu-page-content,
.bambu-page .bambu-page-article,
.bambu-page .bambu-page-entry-content {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.bambu-page *,
.bambu-page *::before,
.bambu-page *::after {
  box-sizing: border-box;
}

.bambu-page img {
  max-width: 100%;
  height: auto;
}

.bambu-page .site-header {
  align-items: center;
  justify-content: space-between;
  padding: 13px 89px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #071127;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #ffffff1a;
  display: flex;
  position: relative;
}

.bambu-page .layout-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .brand-lockup {
  display: flex;
  height: 34px;
  align-items: center;
  gap: 1.42e-14px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.bambu-page .brand-name {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: -0.5px;
  line-height: 28px;
  white-space: nowrap;
}

.bambu-page .brand-suffix {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  background: linear-gradient(
    90deg,
    rgba(53, 173, 104, 1) 0%,
    rgba(29, 160, 149, 1) 24%,
    rgba(34, 124, 175, 1) 46%,
    rgba(120, 85, 162, 1) 78%,
    rgba(135, 81, 111, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: transparent;
  font-size: 24px;
  letter-spacing: -0.6px;
  line-height: 32px;
  white-space: nowrap;
}

.bambu-page .brand-tagline-spacing {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 8px;
}

.bambu-page .brand-tagline-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  position: relative;
  top: -4px;
}

.bambu-page .brand-tagline-text {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  margin-right: -17.58px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #94a3b8;
  font-size: 8px;
  letter-spacing: 1.6px;
  line-height: 12px;
  white-space: nowrap;
}

.bambu-page .primary-navigation-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 661px;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 22px;
  position: relative;
}

.bambu-page .primary-navigation {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .primary-navigation-link {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffffcc;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
}

.bambu-page .inline-link-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: -22px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .header-actions {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .header-contact-link {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: #ffffffcc;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 19.5px;
  white-space: nowrap;
}

.bambu-page .button-language {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 9999px;
  border: 1px solid;
  border-color: #ffffff33;
  font-family: "Manrope", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #e2e8f0;
  background: transparent;
  cursor: pointer;
}

.bambu-page .language-icon {
  display: block;
  flex: 0 0 auto;
}

.bambu-page .language-icon-globe {
  width: 11px;
  height: 12px;
}

.bambu-page .language-icon-chevron {
  width: 8px;
  height: 5px;
}

.bambu-page .partner-logo-text {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .partner-name {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  color: #1e293b;
  font-family: "Manrope", Helvetica, sans-serif;
  font-size: clamp(16px, 2vw, 24px);
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}

.bambu-page .language-code {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #e2e8f0;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.bambu-page .login-button {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 6px 16px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 9999px;
  border: 1px solid;
  border-color: #ffffff33;
}

.bambu-page .login-label {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #e2e8f0;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.bambu-page .signup-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 20px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 9999px;
  box-shadow: 0px 1px 2px #0000000d;
  background: linear-gradient(
    90deg,
    rgba(67, 178, 99, 1) 0%,
    rgba(59, 162, 149, 1) 25%,
    rgba(59, 122, 181, 1) 50%,
    rgba(113, 71, 167, 1) 75%,
    rgba(129, 66, 114, 1) 100%
  );
}

.bambu-page .signup-label {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.bambu-page .content-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .hero-section {
  min-height: 720px;
  padding: 101.88px 0px 101.87px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #ffffff1a;
  background:
    url(assets/images/section.png) 50% 50% /
    cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bambu-page .hero-inner {
  max-width: 1240px;
  width: 100%;
  gap: 266.31px;
  padding: 80px 0px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .hero-copy-column {
  display: inline-flex;
  flex-direction: column;
  max-width: 700px;
  align-items: flex-start;
  gap: 16px;
  padding: 4px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .innovation-hero-content {
  display: flex;
  width: 100%;
  max-width: 700px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding-top: 4px;
  position: relative;
}

.bambu-page .innovation-hero-heading {
  width: 100%;
  max-width: 512px;
  min-height: 160px;
  height: auto;
  margin: 0;
  font-family: "Manrope", Helvetica, sans-serif;
  font-size: 96px;
  font-style: normal;
  font-weight: 800;
  line-height: 80px;
  letter-spacing: -2px;
  color: #ffffff;
}

.bambu-page .innovation-hero-heading-prefix,
.bambu-page .innovation-hero-heading-accent {
  display: block;
}

.bambu-page .innovation-hero-heading-prefix {
  color: #ffffff;
}

.bambu-page .innovation-hero-heading-accent {
  color: transparent;
  background: linear-gradient(90deg, #2fd59d 0%, #3977d7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bambu-page .innovation-hero-description {
  width: 100%;
  max-width: 539px;
  margin: 0;
  padding-top: 6.81px;
  font-family: "Manrope", Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27.6px;
  color: #cbd5e1;
}

.bambu-page .innovation-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding-top: 24px;
}

.bambu-page .innovation-hero-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 12px 28px;
  border-radius: 9999px;
  font-family: "Manrope", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

.bambu-page .innovation-hero-action:hover {
  opacity: 0.9;
}

.bambu-page .innovation-hero-action img {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  filter: brightness(0) saturate(100%) invert(1);
}

.bambu-page .innovation-hero-action-primary {
  color: #ffffff;
  background: linear-gradient(
    90deg,
    rgba(67, 178, 99, 1) 0%,
    rgba(59, 162, 149, 1) 25%,
    rgba(55, 134, 206, 1) 50%,
    rgba(113, 71, 167, 1) 75%,
    rgba(129, 66, 114, 1) 100%
  );
  box-shadow:
    0px 4px 6px -4px #14b8a61a,
    0px 10px 15px -3px #14b8a61a;
}

.bambu-page .innovation-hero-action-secondary {
  border: 1px solid #ffffff40;
  color: #ffffff;
  background: transparent;
}

.bambu-page .innovation-hero-action-secondary:hover {
  background-color: #ffffff1a;
}

.bambu-page .subtitle {
  display: flex;
  flex-direction: column;
  max-width: 672px;
  align-items: flex-start;
  padding: 6.81px 0px 0px 6px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .a-one-stop-open {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 539px;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #cbd5e1;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 27.6px;
}

.bambu-page .hero-cta-buttons {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 0px 0px 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .primary-action-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 9999px;
  background: linear-gradient(
    90deg,
    rgba(67, 178, 99, 1) 0%,
    rgba(59, 162, 149, 1) 25%,
    rgba(55, 134, 206, 1) 50%,
    rgba(113, 71, 167, 1) 75%,
    rgba(129, 66, 114, 1) 100%
  );
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .action-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff01;
  border-radius: 9999px;
  box-shadow:
    0px 4px 6px -4px #14b8a61a,
    0px 10px 15px -3px #14b8a61a;
}

.bambu-page .metric-caption {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.bambu-page .metrics-row {
  display: flex;
  width: 100%;
  max-width: 1242px;
  align-items: flex-start;
  justify-content: center;
  gap: 32px;
  padding: 15px 5px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff1a;
  border-radius: 20px;
  border: 0.5px solid;
  border-color: #ffffff26;
}

.bambu-page .metric-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.5px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.bambu-page .centered-label-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .metric-label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 11px;
  text-align: center;
  letter-spacing: 1.76px;
  line-height: 16.5px;
  white-space: nowrap;
}

.bambu-page .metric-value {
  position: relative;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 46px;
  text-align: center;
  letter-spacing: 0;
  padding: 10px 20px;
}

.bambu-page .metric-number-value {
  font-weight: 800;
  color: #ffffff;
}

.bambu-page .metric-suffix {
  font-weight: 700;
  color: #ffffff;
  font-size: 48px;
}

.bambu-page .metric-description-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 200px;
  width: 100%;
  align-items: center;
  padding: 1px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .metric-description {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 16px;
}

.bambu-page .element-2 {
  position: relative;
  width: 150px;
  height: 60px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 45px;
  text-align: center;
  letter-spacing: 0;
  line-height: 48px;
}

.bambu-page .content-section {
  padding: 96px 315px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bambu-page .platform-section-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1290px;
  align-items: center;
  justify-content: center;
  gap: 56px;
  padding: 0px 24px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .platform-section-header {
  align-items: flex-end;
  justify-content: space-between;
  padding: 0px 0px 32px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #dce5ee;
  display: flex;
  position: relative;
}

.bambu-page .platform-heading-group {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6.9px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .platform-eyebrow {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #318b78;
  font-size: 12px;
  letter-spacing: 1.92px;
  line-height: 12px;
  white-space: nowrap;
}

.bambu-page .platform-heading {
  align-items: flex-start;
  padding: 0px 0px 0.69px;
  display: flex;
  flex-direction: column;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .section-title {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #08162d;
  font-size: 72px;
  letter-spacing: -4px;
  line-height: 74.2px;
}

.bambu-page .platform-intro {
  position: relative;
  max-width: 400px;
  width: 100%;
  height: auto;
}

.bambu-page .platform-description {
  position: absolute;
  top: 17px;
  left: 0;
  width: 100%;
  max-width: 400px;
  height: auto;
  display: flex;
  align-items: center;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #66758b;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 28.9px;
}

.bambu-page .card-grid {
  align-items: flex-start;
  justify-content: center;
  gap: 32px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.bambu-page .audience-card-seeker {
  display: flex;
  flex-direction: column;
  min-height: 390px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 40px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #0d1b38;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: #1e293b;
  box-shadow:
    0px 8px 10px -6px #0000001a,
    0px 20px 25px -5px #0000001a;
}

.bambu-page .seeker-card-image {
  background:
    url(assets/images/for-innovation-seekers.png)
    50% 50% / cover;
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
}

.bambu-page .audience-card-overlay {
  background: linear-gradient(
    0deg,
    rgba(7, 17, 39, 1) 0%,
    rgba(7, 17, 39, 0.7) 24%,
    rgba(7, 17, 39, 0) 100%
  );
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
}

.bambu-page .card-icon-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -388px;
}

.bambu-page .card-icon {
  display: flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  padding: 12.5px 0px 13.5px;
  position: relative;
  background-color: #ffffff1a;
  border-radius: 9999px;
  border: 1px solid;
  border-color: #ffffff4c;
  backdrop-filter: blur(6px) brightness(100%);
  -webkit-backdrop-filter: blur(6px) brightness(100%);
}

.bambu-page .card-icon-letter {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.bambu-page .audience-card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 39px 0px 2px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -388px;
}

.bambu-page .audience-card-eyebrow {
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 1.98px;
  line-height: 16.5px;
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  color: #ffffff;
}

.bambu-page .audience-card-heading {
  display: flex;
  flex-direction: column;
  max-width: 400px;
  width: 100%;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .seeker-card-title {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 522px;
  margin-top: -1px;
  margin-right: -74px;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 38.5px;
}

.bambu-page .card-action-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .card-action-label {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.bambu-page .audience-card-provider {
  display: flex;
  flex-direction: column;
  min-height: 390px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 40px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #0c1e34;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: #1e293b;
  box-shadow:
    0px 8px 10px -6px #0000001a,
    0px 20px 25px -5px #0000001a;
}

.bambu-page .provider-card-image {
  background-image: url(assets/images/for-innovation-providers.png);
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
}

.bambu-page .audience-card-overlay-provider {
  background: linear-gradient(
    0deg,
    rgba(7, 17, 39, 1) 0%,
    rgba(7, 17, 39, 0.7) 15%,
    rgba(7, 17, 39, 0) 100%
  );
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
}

.bambu-page .provider-card-title {
  position: relative;
  display: flex;
  align-items: center;
  width: 491px;
  margin-top: -1px;
  margin-right: -43px;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 38.5px;
}

.bambu-page .services-section {
  padding: 96px 315px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f8fafc;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #dce5ee;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bambu-page .services-section-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  padding: 0px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .section-header {
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.bambu-page .services-heading-group {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .services-eyebrow {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #318b78;
  font-size: 12px;
  letter-spacing: 1.92px;
  line-height: 16px;
  white-space: nowrap;
}

.bambu-page .services-intro {
  position: relative;
  max-width: 400px;
  width: 100%;
  height: auto;
}

.bambu-page .services-description {
  width: 100%;
  max-width: 400px;
  height: auto;
  display: flex;
  align-items: center;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #66758b;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 24.9px;
}

.bambu-page .services-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .service-card-primary {
  min-height: 194px;
  height: auto;
  padding: 32px;
  border-color: #e2e8f0cc;
  background: linear-gradient(
    90deg,
    rgba(53, 173, 104, 0.3) 0%,
    rgba(29, 160, 149, 0.3) 26%,
    rgba(34, 124, 175, 0.3) 48%,
    rgba(120, 85, 162, 0.3) 79%,
    rgba(135, 81, 111, 0.3) 100%
  );
  display: flex;
  align-items: center;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 16px;
  border: 1px solid;
}

.bambu-page .service-index-label {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Liberation Mono-Bold", Helvetica;
  font-weight: 700;
  color: #94a3b8;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.bambu-page .service-image-frame {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 256px;
  aspect-ratio: 16 / 9;
  height: auto;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  margin-top: -7px;
  margin-bottom: -7px;
  background-color: #f1f5f9;
  border-radius: 12px;
  overflow: hidden;
}

.bambu-page .innovation-service-image {
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background:
    url(assets/images/city-infrastructure-challenge.png)
    50% 50% / cover;
}

.bambu-page .service-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.bambu-page .service-title-primary {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #0f172a;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 32px;
}

.bambu-page .service-description-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 672px;
  width: 100%;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .service-description-primary {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #475569;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.bambu-page .service-card-secondary {
  padding: 24px;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-color: #dce5ee;
  display: flex;
  align-items: center;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 16px;
  border: 1px solid;
}

.bambu-page .service-index-wrapper {
  display: flex;
  flex-direction: column;
  width: 32px;
  align-items: flex-start;
  position: relative;
}

.bambu-page .service-index-label-secondary {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #94a3b8;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.bambu-page .service-image-frame-secondary {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 256px;
  aspect-ratio: 16 / 9;
  height: auto;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  background-color: #f1f5f9;
  border-radius: 12px;
  overflow: hidden;
}

.bambu-page .accelerator-service-image {
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background:
    url(assets/images/accelerator-as-a-service-lab.png)
    50% 50% / cover;
}

.bambu-page .service-content-secondary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.38px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.bambu-page .service-title-secondary {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #08162d;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 33px;
}

.bambu-page .service-description-secondary {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  margin-right: -47px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #66758b;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.8px;
  white-space: nowrap;
}

.bambu-page .investment-service-image {
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background:
    url(assets/images/innovation-investment-analytics.png)
    50% 50% / cover;
}

.bambu-page .service-description-tertiary {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #66758b;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.8px;
  white-space: nowrap;
}

.bambu-page .content-section-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  padding: 0px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .opportunities-header {
  height: 116px;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.bambu-page .opportunities-heading-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 991px;
  align-items: flex-start;
  position: relative;
}

.bambu-page .section-title-wrapper {
  display: flex;
  flex-direction: column;
  height: 68px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.bambu-page .section-kicker {
  width: fit-content;
  margin-bottom: -18px;
  font-weight: 800;
  color: #1e293b;
  font-size: 64px;
  letter-spacing: 1.92px;
  line-height: normal;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
}

.bambu-page .subheading-wrapper {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 44px;
}

.bambu-page .opportunities-subheading {
  position: absolute;
  top: 0;
  left: 3px;
  width: 311px;
  height: 44px;
  display: flex;
  align-items: center;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #35ad68;
  font-size: 32px;
  letter-spacing: 1px;
  line-height: normal;
}

.bambu-page .section-action-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .section-action-label {
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #059669;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
  display: flex;
  position: relative;
}

.bambu-page .opportunity-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: #dce5ee;
}

.bambu-page .opportunity-image-wrapper {
  display: flex;
  flex-direction: column;
  height: 192px;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  z-index: 1;
}

.bambu-page .low-carbon-materials-image {
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background:
    url(assets/images/low-carbon-materials.png)
    50% 50% / cover;
}

.bambu-page .opportunity-type-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 12px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  background-color: #10b981;
  border-radius: 9999px;
  box-shadow: 0px 1px 2px #0000000d;
}

.bambu-page .opportunity-type-label {
  width: fit-content;
  font-weight: 400;
  color: #020617;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 16.5px;
  white-space: nowrap;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
}

.bambu-page .opportunity-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 23.38px 24px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 0;
}

.bambu-page .opportunity-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .opportunity-title {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #08162d;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24.8px;
}

.bambu-page .opportunity-tags {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .opportunity-tag {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 8px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: #f1f5f9;
  border-radius: 4px;
}

.bambu-page .opportunity-tag-label {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #475569;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 16.5px;
  white-space: nowrap;
}

.bambu-page .opportunity-description-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .opportunity-description {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #66758b;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 21.1px;
}

.bambu-page .opportunity-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .opportunity-footer-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px 0px 3px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #f1f5f9;
}

.bambu-page .details-action-label {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #08162d;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.bambu-page .predictive-intelligence-image {
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background:
    url(assets/images/predictive-intelligence-supply-network.png)
    50% 50% / cover;
}

.bambu-page .opportunity-type-badge-secondary {
  display: inline-flex;
  padding: 4px 12px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  background-color: #22d3ee;
  border-radius: 9999px;
  box-shadow: 0px 1px 2px #0000000d;
  flex-direction: column;
  align-items: flex-start;
}

.bambu-page .sustainable-packaging-image {
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background:
    url(assets/images/sustainable-packaging-at-scale.png)
    50% 50% / cover;
}

.bambu-page .impact-section {
  padding: 96px 315px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background: linear-gradient(
    48deg,
    rgba(13, 21, 52, 1) 0%,
    rgba(16, 26, 63, 1) 50%,
    rgba(23, 38, 83, 1) 100%
  );
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bambu-page .section-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
  padding: 0px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .impact-heading-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 991px;
  align-items: flex-start;
  gap: 6px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .impact-title {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  margin-bottom: -18px;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 64px;
  letter-spacing: 1.92px;
  line-height: normal;
}

.bambu-page .impact-subheading {
  position: absolute;
  top: -1px;
  left: 3px;
  width: 100%;
  max-width: 897px;
  height: auto;
  display: flex;
  align-items: center;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #58ddb0;
  font-size: 32px;
  letter-spacing: 1px;
  line-height: normal;
}

.bambu-page .impact-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: 480px;
  height: fit-content;
  gap: 32px;
}

.bambu-page .featured-challenge-card {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 8;
  width: 100%;
  min-height: 480px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 40px;
  background-color: #09152b;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: #1e293b;
  box-shadow: 0px 25px 50px -12px #00000040;
}

.bambu-page .challenge-feature-image {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background:
    url(assets/images/city-infrastructure-challenge.png)
    50% 50% / cover;
}

.bambu-page .dark-card-overlay {
  background: linear-gradient(
    0deg,
    rgba(7, 17, 39, 1) 0%,
    rgba(7, 17, 39, 0) 100%
  );
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
}

.bambu-page .status-pill {
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -478px;
}

.bambu-page .status-pill-inner {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  position: relative;
  flex: 0 0 auto;
  background-color: #16a34a4c;
  border-radius: 9999px;
  border: 1px solid;
  border-color: #22c55e80;
  backdrop-filter: blur(6px) brightness(100%);
  -webkit-backdrop-filter: blur(6px) brightness(100%);
}

.bambu-page .status-dot {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: #22c55e;
  border-radius: 9999px;
}

.bambu-page .status-label {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #4ade80;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.bambu-page .content-overlay {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 64px 0px 2px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -478px;
}

.bambu-page .challenge-tags {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .location-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 12px;
  position: relative;
  flex: 0 0 auto;
  background-color: #d1fae5;
  border-radius: 6px;
}

.bambu-page .location-label {
  color: #064e3b;
  font-size: 12px;
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.bambu-page .category-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 12px;
  position: relative;
  flex: 0 0 auto;
  background-color: #e0e7ff;
  border-radius: 6px;
}

.bambu-page .category-label {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #312e81;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.bambu-page .challenge-title-wrapper {
  max-width: 576px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .challenge-title {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 41.2px;
}

.bambu-page .challenge-meta {
  display: flex;
  align-items: center;
  gap: 56px;
  padding: 20px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .challenge-meta-item {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 0px 0px 1px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .metadata-label {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #94a3b8;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.bambu-page .metadata-value {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.bambu-page .impact-side-card-list {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 8 / 13;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.bambu-page .impact-side-card {
  display: flex;
  flex-direction: column;
  min-height: 225px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 28px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #09152b;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid;
  border-color: #1e293b;
  box-shadow:
    0px 8px 10px -6px #0000001a,
    0px 20px 25px -5px #0000001a;
}

.bambu-page .ai-accelerator-image {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  opacity: 0.5;
  background-image: url(assets/images/ai-accelerator-programme.png);
  background-size: cover;
  background-position: 50% 50%;
}

.bambu-page .side-card-overlay {
  background: linear-gradient(
    0deg,
    rgba(7, 17, 39, 1) 0%,
    rgba(7, 17, 39, 0.8) 50%,
    rgba(7, 17, 39, 0) 100%
  );
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
}

.bambu-page .side-card-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 3px 0px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -223px;
}

.bambu-page .side-card-status-pill-inner {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: #16a34a4c;
  border-radius: 9999px;
  border: 1px solid;
  border-color: #22c55e80;
}

.bambu-page .side-card-status-dot {
  position: relative;
  width: 6px;
  height: 6px;
  background-color: #22c55e;
  border-radius: 9999px;
}

.bambu-page .side-card-title {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
}

.bambu-page .side-card-tags {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -223px;
}

.bambu-page .side-card-location-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: #d1fae5;
  border-radius: 4px;
}

.bambu-page .side-card-category-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: #e0e7ff;
  border-radius: 4px;
}

.bambu-page .sustainable-finance-image {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background:
    url(assets/images/future-of-sustainable-finance.png)
    50% 50% / cover;
}

.bambu-page .side-card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 79px;
  padding: 3px 0px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -223px;
}

.bambu-page .insights-header {
  height: 116px;
  align-items: flex-end;
  justify-content: space-around;
  gap: clamp(24px, 8vw, 683.25px);
  flex: 1;
  flex-grow: 1;
  display: flex;
  position: relative;
}

.bambu-page .insights-heading-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 991px;
  align-items: flex-start;
  gap: 6px;
  position: relative;
  margin-top: -2px;
}

.bambu-page .insights-subheading {
  position: absolute;
  top: 1px;
  left: 3px;
  width: 595px;
  height: 44px;
  display: flex;
  align-items: center;
  font-family: "Manrope", Helvetica;
  font-weight: 600;
  color: #35ad68;
  font-size: 32px;
  letter-spacing: 1px;
  line-height: normal;
}

.bambu-page .insights-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: 537.75px;
  height: fit-content;
  gap: 48px;
}

.bambu-page .featured-report {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 7;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6.9px;
}

.bambu-page .vietnam-report-image-wrapper {
  display: flex;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f1f5f9;
  border-radius: 16px;
  overflow: hidden;
  box-shadow:
    0px 2px 4px -2px #0000001a,
    0px 4px 6px -1px #0000001a;
  flex-direction: column;
  align-items: flex-start;
}

.bambu-page .vietnam-report-image {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 357.5px;
  background:
    url(assets/images/vietnam-open-innovation-outlook.png)
    50% 50% / cover;
}

.bambu-page .report-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 17.1px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .report-label {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #059669;
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 16px;
}

.bambu-page .report-title-wrapper {
  padding: 0px 0px 0.62px;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .vietnam-report-title {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #08162d;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 35.8px;
}

.bambu-page .signals-sectors-and-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5.1px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .report-summary {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #66758b;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 24.4px;
}

.bambu-page .right-articles-list {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 7 / 13;
  width: 100%;
  max-width: 572px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.bambu-page .article-list-item-primary {
  gap: 4px;
  padding: 0px 0px 31px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .article-category {
  align-self: stretch;
  font-weight: 700;
  color: #94a3b8;
  font-size: 11px;
  letter-spacing: 0.55px;
  line-height: 16.5px;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
}

.bambu-page .article-title {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #08162d;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 30px;
}

.bambu-page .article-action-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .article-list-item-secondary {
  gap: 4px;
  padding: 27px 0px 31px;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #f1f5f9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .article-list-item-tertiary {
  gap: 4px;
  padding: 27px 0px 3px;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #f1f5f9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .testimonials-section {
  width: 100%;
  min-height: 846px;
  height: auto;
  padding: 96px 315px;
  background: linear-gradient(
    48deg,
    rgba(13, 21, 52, 1) 0%,
    rgba(16, 26, 63, 1) 50%,
    rgba(23, 38, 83, 1) 100%
  );
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bambu-page .testimonials-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  padding: 0px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .testimonials-heading {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 768px;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .testimonial-heading-copy {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 44px;
}

.bambu-page .testimonial-card-primary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 32px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #09152b;
  border-radius: 16px;
  border: 1px solid;
  border-color: #1e293b;
}

.bambu-page .testimonial-card-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff01;
  border-radius: 16px;
  box-shadow:
    0px 4px 6px -4px #0000001a,
    0px 10px 15px -3px #0000001a;
}

.bambu-page .testimonial-quote-wrapper-primary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -235.75px;
}

.bambu-page .testimonial-quote {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #cbd5e1;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.8px;
}

.bambu-page .testimonial-author-primary {
  margin-top: -235.75px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #1e293b;
}

.bambu-page .testimonial-avatar-primary {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 9.5px 0px 10.5px;
  position: relative;
  border-radius: 9999px;
  background: linear-gradient(
    90deg,
    rgba(47, 213, 157, 1) 0%,
    rgba(57, 119, 215, 1) 100%
  );
}

.bambu-page .testimonial-avatar-initials {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #020617;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.bambu-page .testimonial-name {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.bambu-page .testimonial-card-secondary {
  display: flex;
  flex-direction: column;
  height: 270px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 32px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #09152b;
  border-radius: 16px;
  border: 1px solid;
  border-color: #1e293b;
}

.bambu-page .testimonial-card-shadow-secondary {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 1px;
  left: 1px;
  background-color: #ffffff01;
  border-radius: 16px;
  box-shadow:
    0px 4px 6px -4px #0000001a,
    0px 10px 15px -3px #0000001a;
}

.bambu-page .testimonial-quote-wrapper-secondary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -237.29px;
}

.bambu-page .testimonial-author-secondary {
  margin-top: -237.29px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #1e293b;
}

.bambu-page .testimonial-avatar-secondary {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 9.5px 0px 10.5px;
  position: relative;
  background-color: #22d3ee;
  border-radius: 9999px;
}

.bambu-page .testimonial-card-tertiary {
  display: flex;
  flex-direction: column;
  height: 268px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 32px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #09152b;
  border-radius: 16px;
  border: 1px solid;
  border-color: #1e293b;
}

.bambu-page .testimonial-quote-wrapper-tertiary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -234.75px;
}

.bambu-page .testimonial-author-tertiary {
  margin-top: -234.75px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #1e293b;
}

.bambu-page .testimonial-avatar-tertiary {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 9.5px 0px 10.5px;
  position: relative;
  background-color: #818cf8;
  border-radius: 9999px;
}

.bambu-page .partners-section {
  padding: 64px 315px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #dce5ee;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bambu-page .partners-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #08162d;
  font-size: 24px;
  text-align: center;
  letter-spacing: -0.6px;
  line-height: 32px;
  white-space: nowrap;
}

.bambu-page .partner-logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .mckinsey-logo {
  position: relative;
  width: 164px;
  height: 28px;
  opacity: 0.8;
}

.bambu-page .mckinsey-wordmark {
  position: absolute;
  top: 0;
  left: calc(50.00% - 82px);
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Liberation Serif-Regular", Helvetica;
  font-weight: 400;
  color: #1e293b;
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.5px;
  line-height: 28px;
  white-space: nowrap;
}

.bambu-page .mckinsey-ampersand {
  position: absolute;
  top: 6px;
  left: calc(50.00% - 3px);
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Liberation Serif-Regular", Helvetica;
  font-weight: 400;
  color: #1e293b;
  font-size: 14px;
  text-align: center;
  letter-spacing: -0.5px;
  line-height: 20px;
  white-space: nowrap;
}

.bambu-page .mckinsey-company-wordmark {
  position: absolute;
  top: 0;
  left: calc(50.00% + 8px);
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Liberation Serif-Regular", Helvetica;
  font-weight: 400;
  color: #1e293b;
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.5px;
  line-height: 28px;
  white-space: nowrap;
}

.bambu-page .partner-logo-group {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  opacity: 0.8;
}

.bambu-page .bcg-wordmark {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #0f172a;
  font-size: 24px;
  text-align: center;
  letter-spacing: -0.6px;
  line-height: 24px;
  white-space: nowrap;
}

.bambu-page .logo-subtitle-spacing {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .bcg-subtitle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #475569;
  font-size: 7px;
  text-align: center;
  letter-spacing: 0.35px;
  line-height: 10.5px;
  white-space: nowrap;
}

.bambu-page .microsoft-logo {
  display: inline-flex;
  gap: 8px;
  flex: 0 0 auto;
  opacity: 0.8;
  align-items: center;
  position: relative;
}

.bambu-page .microsoft-logo-mark {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 7px 7px;
  width: 16px;
  height: 16px;
  gap: 2px;
}

.bambu-page .microsoft-tile-one {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: 100%;
  background-color: #0f172a;
}

.bambu-page .microsoft-tile-two {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  height: 100%;
  background-color: #0f172a;
}

.bambu-page .microsoft-tile-three {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  width: 100%;
  height: 100%;
  background-color: #0f172a;
}

.bambu-page .microsoft-tile-four {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  width: 100%;
  height: 100%;
  background-color: #0f172a;
}

.bambu-page .microsoft-wordmark {
  display: flex;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #0f172a;
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.5px;
  line-height: 20px;
  white-space: nowrap;
  align-items: center;
  position: relative;
}

.bambu-page .partner-logo-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  opacity: 0.8;
}

.bambu-page .stripe-wordmark {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #0f172a;
  font-size: 30px;
  text-align: center;
  letter-spacing: -1.5px;
  line-height: 30px;
  white-space: nowrap;
}

.bambu-page .cbre-wordmark {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #0f172a;
  font-size: 30px;
  text-align: center;
  letter-spacing: 1.5px;
  line-height: 30px;
  white-space: nowrap;
}

.bambu-page .la-french-tech-logo {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #475569;
  font-size: 6px;
  text-align: center;
  letter-spacing: -0.3px;
  line-height: 7.5px;
}

.bambu-page .call-to-action-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 56px 315px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background: linear-gradient(
    90deg,
    rgba(209, 250, 229, 1) 0%,
    rgba(207, 250, 254, 1) 50%,
    rgba(224, 231, 255, 1) 100%
  );
}

.bambu-page .cta-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 23.99px 0px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .cta-copy {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .cta-title {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 800;
  color: #08162d;
  font-size: 28px;
  letter-spacing: -0.7px;
  line-height: 42px;
  white-space: nowrap;
}

.bambu-page .cta-description {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #334155;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.bambu-page .cta-button {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 18px 19px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 9999px;
  box-shadow: 0px 1px 2px #0000000d;
  background: linear-gradient(
    90deg,
    rgba(67, 178, 99, 1) 0%,
    rgba(59, 162, 149, 1) 25%,
    rgba(59, 122, 181, 1) 50%,
    rgba(113, 71, 167, 1) 75%,
    rgba(129, 66, 114, 1) 100%
  );
}

.bambu-page .cta-button-label {
  color: #ffffff;
  font-size: 20px;
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.bambu-page .site-footer {
  width: 100%;
  min-height: 404px;
  height: auto;
  padding: 96px 315px;
  background: linear-gradient(
    48deg,
    rgba(13, 21, 52, 1) 0%,
    rgba(16, 26, 63, 1) 50%,
    rgba(23, 38, 83, 1) 100%
  );
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.bambu-page .footer-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  padding: 0px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -39.5px;
  margin-bottom: -39.5px;
}

.bambu-page .footer-columns {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: 178px;
  height: fit-content;
  gap: 40px;
}

.bambu-page .footer-brand-column {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 5;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  padding: 0px 0px 15.5px;
}

.bambu-page .footer-brand-link {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page .footer-brand-lockup {
  display: flex;
  align-items: center;
  gap: 1.42e-14px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .footer-tagline-text {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  margin-right: -17.58px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 8px;
  letter-spacing: 1.6px;
  line-height: 12px;
  white-space: nowrap;
}

.bambu-page .connecting-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 384px;
  align-items: flex-start;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .connecting {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 19.5px;
}

.bambu-page .footer-innovation-column {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 5 / 7;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 0px 0px 52px;
}

.bambu-page .footer-column-title {
  align-self: stretch;
  font-weight: 700;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.6px;
  line-height: 16px;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
}

.bambu-page .footer-link-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.bambu-page .footer-link-label {
  align-self: stretch;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
}

.bambu-page .footer-connection-column {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 7 / 9;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 0px 0px 52px;
}

.bambu-page .footer-resources-column {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 9 / 11;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.bambu-page .footer-company-column {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 11 / 13;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.bambu-page .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #1e293bcc;
}

.bambu-page .footer-legal-text {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #64748b;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.bambu-page .footer-legal-links {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.bambu-page::-webkit-scrollbar {
  width: 0;
  display: none;
}

/*
 * Responsive layout
 *
 * The exported design uses fixed desktop dimensions. The rules below keep the
 * desktop proportions while allowing every section to shrink and reflow.
 */
html,
body {
  overflow-x: hidden;
}

.bambu-page {
  width: 100%;
  min-width: 0;
  overflow-x: clip;
}

.bambu-page .site-header {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: 16px 24px;
}

.bambu-page .primary-navigation-wrapper {
  width: auto;
  min-width: 0;
  flex: 1 1 440px;
}

.bambu-page .primary-navigation {
  width: auto;
  flex-wrap: wrap;
  justify-content: center;
}

.bambu-page .header-actions {
  min-width: 0;
  flex-wrap: wrap;
}

.bambu-page .hero-section,
.bambu-page .services-section,
.bambu-page .impact-section,
.bambu-page .testimonials-section,
.bambu-page .partners-section,
.bambu-page .call-to-action-section,
.bambu-page .site-footer {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.bambu-page .hero-section {
  padding-inline: 24px;
}

.bambu-page .services-section,
.bambu-page .impact-section,
.bambu-page .testimonials-section,
.bambu-page .partners-section,
.bambu-page .call-to-action-section,
.bambu-page .site-footer,
.bambu-page .content-section {
  padding-inline: clamp(24px, calc((100vw - 1290px) / 2), 315px);
}

.bambu-page .hero-inner {
  width: 100%;
  max-width: 1240px;
  box-sizing: border-box;
}

.bambu-page .innovation-hero-content {
  width: min(700px, 100%);
}

.bambu-page .innovation-hero-heading {
  width: min(512px, 100%);
  height: auto;
  min-height: 160px;
  font-size: clamp(56px, 5vw, 96px);
  line-height: clamp(56px, 4.2vw, 80px);
}

.bambu-page .metrics-row {
  width: 100%;
  max-width: 1242px;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.bambu-page .content-section > .platform-section-inner,
.bambu-page .content-section > .content-section-inner,
.bambu-page .content-section > .section-content {
  width: 100%;
  max-width: 1290px;
  box-sizing: border-box;
}

.bambu-page .platform-intro,
.bambu-page .services-intro,
.bambu-page .service-description-wrapper {
  width: 100%;
  max-width: 672px;
  box-sizing: border-box;
}

.bambu-page .insights-heading-group {
  width: 100%;
  max-width: 991px;
  box-sizing: border-box;
}

.bambu-page .platform-description,
.bambu-page .services-description,
.bambu-page .insights-subheading {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.bambu-page .service-card-primary,
.bambu-page .service-card-secondary {
  min-height: 194px;
  height: auto;
  box-sizing: border-box;
}

.bambu-page .service-image-frame,
.bambu-page .service-image-frame-secondary {
  width: clamp(180px, 20vw, 256px);
  height: auto;
  aspect-ratio: 16 / 9;
  flex: 0 1 256px;
}

.bambu-page .service-description-wrapper,
.bambu-page .service-description-primary,
.bambu-page .service-description-secondary,
.bambu-page .service-description-tertiary,
.bambu-page .seeker-card-title,
.bambu-page .provider-card-title {
  max-width: 100%;
  width: auto;
  margin-right: 0;
  white-space: normal;
}

.bambu-page .testimonials-section {
  height: auto;
  min-height: 846px;
}

.bambu-page .site-footer {
  height: auto;
  min-height: 404px;
}

.bambu-page .impact-layout,
.bambu-page .insights-layout {
  grid-template-rows: auto;
}

.bambu-page .impact-side-card-list,
.bambu-page .right-articles-list {
  width: auto;
  height: auto;
}

.bambu-page .opportunities-header,
.bambu-page .insights-header {
  height: auto;
  min-height: 116px;
  gap: clamp(24px, 8vw, 683px);
}

.bambu-page .testimonials-heading {
  width: min(768px, 100%);
}

.bambu-page .partner-logos {
  flex-wrap: wrap;
  gap: 24px 40px;
  justify-content: center;
}

.bambu-page .cta-content {
  flex-wrap: wrap;
  gap: 24px;
}

.bambu-page .vietnam-report-image {
  height: clamp(240px, 28vw, 357.5px);
}

@media (max-width: 1199px) {
  .bambu-page .site-header {
    padding-inline: 32px;
  }

  .bambu-page .primary-navigation-wrapper {
    order: 3;
    flex: 1 0 100%;
  }

  .bambu-page .primary-navigation {
    justify-content: flex-start;
  }

  .bambu-page .services-section,
  .bambu-page .impact-section,
  .bambu-page .testimonials-section,
  .bambu-page .partners-section,
  .bambu-page .call-to-action-section,
  .bambu-page .site-footer,
  .bambu-page .content-section {
    padding-inline: 48px;
  }

  .bambu-page .platform-section-header,
  .bambu-page .section-header,
  .bambu-page .opportunities-header,
  .bambu-page .insights-header {
    flex-wrap: wrap;
    gap: 24px;
  }

  .bambu-page .impact-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bambu-page .insights-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .bambu-page .site-header {
    padding: 16px 20px;
  }

  .bambu-page .header-actions {
    flex: 1 1 100%;
    justify-content: flex-start;
  }

  .bambu-page .primary-navigation-wrapper {
    padding: 0;
  }

  .bambu-page .primary-navigation {
    gap: 12px 18px;
  }

  .bambu-page .hero-section {
    min-height: 0;
    padding: 64px 20px;
  }

  .bambu-page .services-section,
  .bambu-page .impact-section,
  .bambu-page .testimonials-section,
  .bambu-page .partners-section,
  .bambu-page .call-to-action-section,
  .bambu-page .site-footer,
  .bambu-page .content-section {
    padding: 64px 20px;
  }

  .bambu-page .testimonials-section {
    min-height: 0;
  }

  .bambu-page .hero-inner {
    gap: 48px;
    padding: 0;
  }

  .bambu-page br {
    display: none;
  }

  .bambu-page .innovation-hero-heading {
    min-height: 0;
    font-size: clamp(48px, 14vw, 72px);
    line-height: 0.9;
  }

  .bambu-page .innovation-hero-description {
    font-size: 18px;
    line-height: 1.45;
  }

  .bambu-page .metrics-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 12px;
  }

  .bambu-page .metric-description-wrapper {
    width: auto;
    max-width: 100%;
  }

  .bambu-page .platform-section-header,
  .bambu-page .section-header,
  .bambu-page .opportunities-header,
  .bambu-page .insights-header {
    flex-direction: column;
    align-items: flex-start;
    min-height: 0;
  }

  .bambu-page .section-title,
  .bambu-page .section-kicker,
  .bambu-page .impact-title {
    font-size: clamp(36px, 10vw, 64px);
    letter-spacing: -1px;
    line-height: 1.1;
  }

  .bambu-page .opportunities-subheading,
  .bambu-page .impact-subheading,
  .bambu-page .insights-subheading {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  .bambu-page .platform-intro,
  .bambu-page .services-intro,
  .bambu-page .insights-heading-group {
    height: auto;
  }

  .bambu-page .platform-description,
  .bambu-page .services-description,
  .bambu-page .insights-subheading {
    position: relative;
    inset: auto;
    height: auto;
    display: block;
  }

  .bambu-page .card-grid,
  .bambu-page .impact-layout,
  .bambu-page .insights-layout {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .bambu-page .impact-layout > *,
  .bambu-page .insights-layout > * {
    width: 100%;
    grid-column: auto;
    grid-row: auto;
  }

  .bambu-page .featured-challenge-card {
    min-height: 520px;
  }

  .bambu-page .impact-side-card-list,
  .bambu-page .right-articles-list {
    width: 100%;
  }

  .bambu-page .service-card-primary,
  .bambu-page .service-card-secondary {
    flex-wrap: wrap;
    gap: 20px;
    padding: 24px;
  }

  .bambu-page .service-image-frame,
  .bambu-page .service-image-frame-secondary {
    width: 100%;
    max-width: none;
    flex-basis: 100%;
  }

  .bambu-page .service-content,
  .bambu-page .service-content-secondary {
    min-width: 0;
    width: 100%;
  }

  .bambu-page .service-description-wrapper {
    width: 100%;
  }

  .bambu-page .vietnam-report-image {
    height: 280px;
  }

  .bambu-page .testimonial-card-secondary,
  .bambu-page .testimonial-card-tertiary {
    height: auto;
    min-height: 268px;
  }

  .bambu-page .audience-card-seeker,
  .bambu-page .audience-card-provider {
    min-height: 460px;
    padding: 24px;
  }

  .bambu-page .card-icon-wrapper,
  .bambu-page .audience-card-content,
  .bambu-page .testimonial-quote-wrapper-primary,
  .bambu-page .testimonial-quote-wrapper-secondary,
  .bambu-page .testimonial-quote-wrapper-tertiary,
  .bambu-page .testimonial-author-primary,
  .bambu-page .testimonial-author-secondary,
  .bambu-page .testimonial-author-tertiary,
  .bambu-page .side-card-content {
    margin-top: 0;
  }

  .bambu-page .partner-logos {
    flex-direction: column;
  }

  .bambu-page .cta-content {
    align-items: flex-start;
    flex-direction: column;
  }

  .bambu-page .footer-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    height: auto;
  }

  .bambu-page .footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }

  .bambu-page [class^="text-wrapper-"],
  .bambu-page [class*=" text-wrapper-"] {
    white-space: normal;
  }
}

@media (max-width: 560px) {
  .bambu-page .site-header {
    padding-inline: 16px;
  }

  .bambu-page .primary-navigation {
    gap: 10px 14px;
  }

  .bambu-page .header-actions {
    gap: 10px;
  }

  .bambu-page .hero-section,
  .bambu-page .services-section,
  .bambu-page .impact-section,
  .bambu-page .testimonials-section,
  .bambu-page .partners-section,
  .bambu-page .call-to-action-section,
  .bambu-page .site-footer,
  .bambu-page .content-section {
    padding: 48px 16px;
  }

  .bambu-page .metrics-row {
    grid-template-columns: 1fr;
  }

  .bambu-page .testimonials-heading {
    align-items: flex-start;
  }

  .bambu-page .testimonial-heading-copy {
    font-size: 26px;
    line-height: 1.35;
    text-align: left;
  }

  .bambu-page .footer-columns {
    grid-template-columns: 1fr;
  }

  .bambu-page .featured-challenge-card {
    min-height: 460px;
  }
}