@import url("var.css");

/* Sustainability Theme Items */
.theme-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.theme-icon {
  width: 35px;
  height: 35px;
  object-fit: contain;
}
.theme-text {
  margin-left: 12px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
}

html,
body {
  font: 400 normal 16px / 1.6em "Lato", Helvetica, Arial, sans-serif;
  color: var(--ab-text-black);
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* Prevent horizontal overflow */
*,
*::before,
*::after {
  max-width: 100%;
}

/* Allow carousels and sliders to overflow horizontally */
.slider-wrapper,
.slick-slider,
.slick-track,
.pages {
  max-width: none;
}

img,
video {
  max-width: 100%;
  height: auto;
}

/* Container-level overflow control */
.row {
  overflow-x: hidden;
}

/* Allow button shadow expansion in specific button containers */
.row.performance-highlights,
.row.vip,
.vip-section-wrapper,
.row.flex.justify-end,
.floating-menu {
  overflow: visible;
}

/* Allow specific rows to have horizontal scroll */
.row.investment.highlights,
.icon-charts,
.icon-chart {
  overflow-x: visible;
}

/* General */

body {
  background-color: var(--ab-white);
  line-height: 1.4em;
  padding-top: calc((var(--gap12) * 2) + 48px);
}

a {
  text-decoration: none;
  color: #111111;
}

sup {
  vertical-align: super;
  font-size: 0.6em;
  line-height: 1em;
}

sub {
  vertical-align: sub;
  font-size: 0.6em;
  line-height: 1em;
}

b,
strong {
  font-weight: var(--font-weight-bold);
}

/* Template */
.full-width {
  height: 100%;
}

ul > li:not(:last-of-type),
ol > li:not(:last-of-type) {
  margin-bottom: 0.4em;
}

.row {
  display: flex;
  gap: var(--gap);
  position: relative;
  /* padding: var(--gap); */
  box-sizing: border-box;
}

/* Container class for responsive full-width with padding */
.l-container {
  width: 100%;
  box-sizing: border-box;
}

.row.nopad {
  padding: 0;
}

.col {
  position: relative;
  flex-basis: 100%;
  z-index: 2;
}

.flex {
  display: flex;
  align-items: center;
}

.flex.heading {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.stretch {
  align-items: stretch;
}

.row.vertical,
.flex.vertical {
  flex-direction: column;
  gap: var(--gap);
  align-items: start;
}

.row.nogap,
.flex.nogap {
  gap: 0;
}

.flex.gap108 {
  gap: var(--gap108);
  --inherit-gap: var(--gap108);
}

.flex.gap72 {
  gap: var(--gap72);
  --inherit-gap: var(--gap72);
}

.flex.gap {
  gap: var(--gap);
  --inherit-gap: var(--gap);
}

.row.center,
.flex.center {
  align-items: center;
}

.pad {
  padding: var(--gap);
}

.pad24 {
  padding: var(--gap24);
}

.pad72 {
  padding: var(--gap72);
}

.pad108 {
  padding: var(--gap108);
}

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

.flex.gap24 {
  gap: var(--gap24);
  --inherit-gap: var(--gap24);
}

.flex.gap18 {
  gap: var(--gap18);
  --inherit-gap: var(--gap18);
}

.flex.gap12 {
  gap: var(--gap12);
  --inherit-gap: var(--gap12);
}

.flex.gap10 {
  gap: var(--gap10);
  --inherit-gap: var(--gap10);
}

.font-white {
  color: var(--color-white) !important;
}

.font-blue {
  color: var(--OSK-Blue);
}

.font-weight-light {
  font-weight: var(--font-weight-light);
}

.font-weight-regular {
  font-weight: var(--font-weight-regular);
}

.font-weight-500 {
  font-weight: var(--font-weight-500);
}

.font-weight-medium {
  font-weight: var(--font-weight-bold);
}

.font-weight-bold {
  font-weight: var(--font-weight-bold);
}

.font-weight-black {
  font-weight: var(--font-weight-black);
}

.menu-download,
.menu-share {
  position: relative;
  right: auto;
  top: auto;
  transform: none;
  padding: 0.6em 2.5em;
  background-color: var(--ab-red);
  color: var(--ab-white);
  text-decoration: none;
  border-radius: 999px;
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  transition: all 0.3s ease;
  z-index: 10;
}

.menu-share::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../images/icon-download-white.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.menu-download:hover,
.menu-share:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 16px rgba(255, 0, 50, 0.25);
}

.cta {
  position: relative;
  right: auto;
  top: auto;
  transform: none;
  padding: 0.6em 2.5em;
  background-color: var(--ab-red);
  color: var(--ab-white);
  text-decoration: none;
  border-radius: 999px;
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  transition: all 0.3s ease;
  z-index: 10;
}

.cta:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(255, 0, 50, 0.25);
}

.cta:after {
  content: " ";
  display: block;
  background: transparent url(../images/icon-download-white.png) no-repeat
    center center;
  background-size: contain;
  width: 22px;
  height: 22px;
}

.cta.small {
  font-size: 0.8em;
}

.cta.small:after {
  width: 1em;
  height: 1em;
}

.divider {
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed var(--ab-black);
}

.divider.vertical {
  height: 100%;
  width: 1px;
  border-left: 1px dashed var(--ab-black);
  border-bottom: 0;
}

.divider.white {
  border-color: var(--color-white) !important;
}

.text-title {
  display: block;
}

.text-title.center {
  margin-left: auto;
  margin-right: auto;
}

.center {
  text-align: center;
}

ul.dot > li {
  display: flex;
  margin-bottom: 0;
  align-items: start;
  gap: 1em;
}

ul.dot > li:before {
  content: " ";
  display: block;
  width: 0.6em;
  height: 0.6em;
  border-radius: 1em;
  background-color: black;
  flex-basis: 0.6em;
  margin-top: 0.4em;
  flex-shrink: 0;
  flex-grow: 0;
  background-color: var(--OSK-Teal2);
}

.wrap {
  position: relative;
}

.section-title {
  font-size: 2rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1em;
  text-align: left;
}

.ceo-section-title {
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1em;
  text-align: left;
}

.section-title span {
  color: var(--ab-orange);
}

.section-heading {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
}

.section-subtitle {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1em;
}

/* Modern Video Banner */
.row.video {
  padding: 0;

}

.row.video > video {
  width: 100%;
 
  display: block;
}


video {
  display: block;
}

video:focus {
  outline: none;
}

/* Video */
.intro-video {
  width: 100%;
  height: auto;
}

/* Default Visibility Classes */
.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

/* Welcome */

.row.welcome {
  align-items: center;
}

.row.welcome .welcome-video {
  width: 100%;
  height: auto;
}

.row.welcome .img-holder {
  width: 100%;
}

.row.welcome .section-title {
  color: var(--ab-red);
}

.row.welcome .subtitle {
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  margin: 0;
}

.row.welcome .img-holder img {
  display: block;
  width: 100%;
}

.row.welcome .hero {
  width: 100%;
}

.row.welcome .hero img {
  display: block;
  width: 100%;
}

.row.welcome .col:first-child {
  flex-basis: 75%;
}

.row.welcome .col:last-child {
  flex-basis: 25%;
}

.row.welcome .col p {
  text-align: left;
}

.row.welcome .col .title {
  width: 100%;
  margin-bottom: 30%;
}

.row.welcome .col .title img {
  display: block;
  width: 80%;
}

.divide-child > *:not(:last-child) {
  border-right: 1px dashed var(--ab-black);
}

.divide-child.flex.vertical > *:not(:last-child) {
  border-bottom: 1px dashed var(--ab-black);
  border-right: 0;
}

.divide-child[class^="gap"] > *:not(:last-child),
.divide-child[class*=" gap"] > *:not(:last-child) {
  padding-right: var(--inherit-gap);
}

.divide-child.flex.vertical[class^="gap"] > *:not(:last-child),
.divide-child.flex.vertical[class*=" gap"] > *:not(:last-child) {
  padding-bottom: var(--inherit-gap);
  padding-right: 0;
}

.divide-child.white > * {
  border-color: var(--color-white) !important;
}

.row .text > p {
  margin-bottom: 0.5em;
}

.row .text > p:last-of-type {
  margin-bottom: 0;
}

/* VIP - common styling */

 /* VIP Section Wrapper - Large Desktop (1760px max-width) */
  .vip-section-wrapper {
    max-width: 1760px;
   margin: 0 auto;

  }

.row.vip {
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  color: #ffffff;
}

.row.vip .section-title {
  text-transform: uppercase;
}

.row.vip > .col {
  flex-basis: 50%;
}

/* Chairman */
.row.chairman {
  background-image: url(../images/chairman-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: stretch;
  margin-top: 175px !important;
  width: 100%;
}

/* Portrait Column Styling */
.row.chairman .col.portrait {
  position: relative;
  min-height: 500px;
  overflow: visible;
}

.row.chairman .col.portrait:after {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 135%;

  bottom: 0px;
  background-image: url(../images/chairman-portrait.png);
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  z-index: 2;
}

/* Chairman First Column Padding */
.row.chairman .col:first-child {
  padding: 48px 0 48px 48px;
  flex-basis: 45%;
  justify-content: center;
}

/* Chairman Portrait Column */
.row.chairman .col.portrait {
  flex-basis: 35%;
}

/* Chairman Metrics Column */
.row.chairman .col.chairman-metrics {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  flex-basis: 20%;
}

.row.chairman .chairman-metrics-container {
  height: 90%;
  background-color: #fff2eb;
  border-bottom: 20px solid #9b2f3f;
  border-radius: 30px 0px 0px 0px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.row.chairman .chairman-metrics .metric-item {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 2px dotted #f47c44;
}

.row.chairman .chairman-metrics .metric-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.row.chairman .chairman-metrics .metric-label {
  font-size: 1rem;
  color: #000000;
  margin-bottom: 24px;
  padding-bottom: 0px;
  font-weight: 400;
  min-height: 0px;
  border-bottom: 0px;
}

.row.chairman .chairman-metrics .metric-value-large {
  font-size: 3rem;
  font-weight: 900;
  color: #ff6b35;
  line-height: 1.1;
  margin-bottom: 5px;
}

.row.chairman .chairman-metrics .metric-value-medium {
  font-size: 2rem;
  font-weight: 400;
  color: #ff6b35;

  margin-bottom: 5px;
}
.row.chairman .chairman-metrics .metric-value-large .unit {
  font-size: 1.8rem;
  margin-left: 2px;
}

.row.chairman .chairman-metrics .metric-note {
  font-size: 1rem;
  color: #000000;
  margin-bottom: 2px;
}

/* GCEO */
.row.gceo {
  display: flex;
  align-items: stretch;
  background-image: url(../images/chief-bg.png);
  position: relative;
  overflow: visible;
  background-size: cover;
  margin-top: 200px !important;
  width: 100%;
}

/* GCEO First Column (Content) */
.row.gceo .col:first-child {
  padding: 48px 0 48px 48px;
  flex-basis: 45%;
  justify-content: center;
}

/* GCEO Portrait Column */
.row.gceo .col.portrait {
  position: relative;
  flex-basis: 35%;
  justify-content: center;
  align-items: center;
}

.row.gceo .col.portrait:after {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 135%;
  left: -100px;
  bottom: 0px;
  background-image: url(../images/chief-portrait.png);
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  z-index: 2;
}

/* GCEO Metrics Column */
.row.gceo .col.gceo-metrics {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-basis: 20%;
}

.row.gceo .gceo-metrics-container {
  height: 90%;
  background-color: #fff2eb;
  border-bottom: 20px solid #9b2f3f;
  border-radius: 30px 0px 0px 0px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.row.gceo .gceo-metrics .metric-item {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 2px dotted #f47c44;
}

.row.gceo .gceo-metrics .metric-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.row.gceo .gceo-metrics .metric-label {
  font-size: 1rem;
  color: #000000;
  margin-bottom: 24px;
  padding-bottom: 0px;
  font-weight: 400;
  min-height: 0px;
  border-bottom: 0px;
}

.row.gceo .gceo-metrics .metric-value-large {
  font-size: 3rem;
  font-weight: 900;
  color: #ff6b35;
  line-height: 1.1;
  margin-bottom: 5px;
}

.row.gceo .gceo-metrics .metric-value-medium {
  font-size: 2rem;
  font-weight: 400;
  color: #ff6b35;
  margin-bottom: 5px;
}

.row.gceo .gceo-metrics .metric-value-large .unit {
  font-size: 1.8rem;
  margin-left: 2px;
}

.row.gceo .gceo-metrics .metric-note {
  font-size: 1rem;
  color: #000000;
  margin-bottom: 2px;
}

/* GCEO Two-Column Section */
.row.gceo .gceo-metrics .metric-two-column {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}

.row.gceo .gceo-metrics .metric-col {
  flex: 1;
}

.row.gceo .gceo-metrics .metric-sub-item {
  margin-bottom: 15px;
}

.row.gceo .gceo-metrics .metric-sub-item:last-child {
  margin-bottom: 0;
}

.row.gceo .gceo-metrics .metric-sub-label {
  font-size: 0.85rem;
  color: #000000;
  margin-bottom: 5px;
  font-weight: 500;
}

/* Specific styling for metric-sub-label elements that contain arrow icons */
.row.gceo .gceo-metrics .metric-sub-label.with-arrow {
  color: #ff6b35;
}

.row.gceo .gceo-metrics .metric-sub-label-small {
  font-size: 0.75rem;
  color: #000000;
  margin-bottom: 5px;
  font-weight: 400;
}

.row.gceo .gceo-metrics .metric-sub-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ff6b35;
}

.row.gceo .gceo-metrics .metric-sub-value-with-arrow {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ff6b35;
  display: flex;
  align-items: center;
  gap: 5px;
}

.row.gceo .gceo-metrics .arrow-icon {
  width: 12px;
  height: 12px;
  object-fit: contain;
}

.row.gceo .gceo-metrics .metric-sub-value .unit,
.row.gceo .gceo-metrics .metric-sub-value-with-arrow .unit {
  font-size: 1rem;
  margin-left: 2px;
}

/* CFO */
.row.cfo {
  display: flex;
  align-items: stretch;
  background-color: #fff2eb;
  position: relative;
  overflow: visible;
  width: 100%;
  margin-top: 76px;
  color: #000000;
  justify-content: space-between;
}

/* CFO First Column (Content) */
.row.cfo .col:first-child {
  padding: 48px 0 48px 48px;
  flex-basis: 80%;
  justify-content: center;
}

.row.cfo .col.portrait:after {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 135%;
  left: -100px;
  bottom: 0px;
  background-image: url(../images/cfo-portrait.png);
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  z-index: 2;
}

/* CFO Metrics Column */
.row.cfo .col.cfo-metrics {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-basis: 20%;
}

.row.cfo .cfo-metrics-container {
  height: 90%;
  background-color: #fddcc7;
  border-bottom: 20px solid #ee501f;
  border-radius: 30px 0px 0px 0px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}

.row.cfo .cfo-metrics .metric-item {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 2px dotted #f47c44;
}

.row.cfo .cfo-metrics .metric-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.row.cfo .cfo-metrics .metric-label {
  font-size: 1rem;
  color: #000000;
  margin-bottom: 24px;
  padding-bottom: 0px;
  font-weight: 400;
  min-height: 0px;
  border-bottom: 0px;
}

.row.cfo .cfo-metrics .cfo-icon {
  width: 90px;
  height: 90px;
  margin-bottom: 15px;
  object-fit: contain;
}

.row.cfo .cfo-metrics .metric-value-large {
  font-size: 3rem;
  font-weight: 900;
  color: #ee501f;
  line-height: 1.1;
  margin-bottom: 5px;
}

.row.cfo .cfo-metrics .metric-value-medium {
  font-size: 2rem;
  font-weight: 400;
  color: #ee501f;
  margin-bottom: 5px;
}

.row.cfo .cfo-metrics .metric-value-large .unit {
  font-size: 1.8rem;
  margin-left: 2px;
}

/* Download Button Container */
.download-button-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  padding: 8px;
}


/* Navigation area padding for share button */
.nav-right {
  padding: 10px 15px;
}

/* Ensure button containers allow shadow expansion */
.action,
.section-footer,
.download-button-container,
.business-inner-container .action,
.nav-right,
.row.flex.nopad.justify-end,
.section-footer.row.flex.nopad,
.row.flex.justify-end {
  overflow: visible;
}

/* Performance highlights download button container - extra space for shadow */
.performance-download-container {
  overflow: visible !important;
  position: relative;
  max-width: 1760px;
  margin: 0 auto;
  padding: 30px 0px;
}



.chart-footnote-text {
  font-style: italic;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 20px;
  text-align: left;
  color: var(--ab-text-black);
}

.row.cfo .cfo-metrics .metric-note {
  font-size: 1rem;
  color: #000000;
  margin-bottom: 2px;
}

/* CFO Two-Column Section */
.row.cfo .cfo-metrics .metric-two-column {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}

.row.cfo .cfo-metrics .metric-col {
  flex: 1;
}

.row.cfo .cfo-metrics .metric-sub-item {
  margin-bottom: 15px;
}

.row.cfo .cfo-metrics .metric-sub-item:last-child {
  margin-bottom: 0;
}

.row.cfo .cfo-metrics .metric-sub-label {
  font-size: 0.85rem;
  color: #000000;
  margin-bottom: 5px;
  font-weight: 500;
}

/* Specific styling for metric-sub-label elements that contain arrow icons */
.row.cfo .cfo-metrics .metric-sub-label.with-arrow {
  color: #ff6b35;
}

.row.cfo .cfo-metrics .metric-sub-label-small {
  font-size: 0.75rem;
  color: #000000;
  margin-bottom: 5px;
  font-weight: 400;
}

.row.cfo .cfo-metrics .metric-sub-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ff6b35;
}

.row.cfo .cfo-metrics .metric-sub-value-with-arrow {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ff6b35;
  display: flex;
  align-items: center;
  gap: 5px;
}

.row.cfo .cfo-metrics .arrow-icon {
  width: 12px;
  height: 12px;
  object-fit: contain;
}

.row.cfo .cfo-metrics .metric-sub-value .unit,
.row.cfo .cfo-metrics .metric-sub-value-with-arrow .unit {
  font-size: 1rem;
  margin-left: 2px;
}

/* CFO Sidebar Growth Indicator */
.row.cfo .cfo-metrics .growth-indicator {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: var(--gap10) 0;
  position: relative;
  padding-bottom: 5px;
}

.row.cfo .cfo-metrics .growth-indicator.positive .growth-text {
  font-size: 3rem;
  font-weight: 900;
  color: #000000;
  position: relative;
  padding-top: 35px;
  text-align: left;
}

.row.cfo .cfo-metrics .growth-indicator.positive .growth-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  background-image: url("../images/up-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* CFO Performance Metrics Grid */
.row.cfo .cfo-performance-metrics {
  display: flex;
  gap: var(--gap18);
  margin: var(--gap) 0;
  padding: var(--gap24) 0;
}

.row.cfo .cfo-performance-metrics .metric {
  flex: 1;
  background-color: #fddcc7;
  border-bottom: 20px solid #ee501f;
  padding: 30px;
  text-align: center;
  position: relative;
}

.row.cfo .cfo-performance-metrics .metric .metric-label {
  font-size: 0.85rem;
  color: #000000;
  margin-bottom: var(--gap10);
  font-weight: 500;
  line-height: 1.3;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.row.cfo .cfo-performance-metrics .metric .metric-value {
  font-size: 1.8rem;
  font-weight: 900;
  color: #ff6b35;
  margin-bottom: var(--gap10);
  line-height: 1.2;
}

.row.cfo .cfo-performance-metrics .metric .metric-sub-label {
  font-size: 0.75rem;
  color: #000000;
  margin: 4px 0 2px 0;
  font-weight: 400;
  line-height: 1.2;
}

.row.cfo .cfo-performance-metrics .metric .growth-indicator {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: var(--gap10);
}

.row.cfo .cfo-performance-metrics .metric .growth-indicator.positive {
  background: #e8f5e8;
  color: #2e7d32;
}

.row.cfo .cfo-performance-metrics .metric .metric-note {
  font-size: 0.75rem;
  color: #666;
  margin-top: var(--gap10);
  padding-top: var(--gap10);
  border-top: 1px solid #eee;
}

/* CFO Alternative Metrics Grid - Different Design */
.row.cfo .cfo-metrics-grid {
  display: flex;
  gap: var(--gap18);
  width: 90%;
}

.row.cfo .cfo-metrics-grid .metric {
  flex: 1;
  background-color: #fddcc7;
  border-bottom: 20px solid #ee501f;
  padding: 12px;
  text-align: left;
  position: relative;
  border-right: 0px;
  gap: 0px;
  display: flex;
  flex-direction: column;
}

/* First Column - Unique Color Palette */
.row.cfo .cfo-metrics-grid .metric:nth-child(1) {
  background-color: #e9d7cf;
  border-bottom: 20px solid #9b2f3f;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(1) .metric-value {
  color: #9b2f3f;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(1) .metric-value-medium {
  color: #9b2f3f;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(1) .growth-indicator::before {
  border-top: 2px dotted #9b2f3f;
}

/* Second Column - Unique Color Palette */
.row.cfo .cfo-metrics-grid .metric:nth-child(2) {
  background-color: #ddbbaf;
  border-bottom: 20px solid #8c1a1e;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(2) .metric-value {
  color: #8c1a1e;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(2) .metric-value-medium {
  color: #8c1a1e;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(2) .growth-indicator::before {
  border-top: 2px dotted #8c1a1e;
}

/* Third Column - Unique Color Palette */
.row.cfo .cfo-metrics-grid .metric:nth-child(3) {
  background-color: #fddcc7;
  border-bottom: 20px solid #f1703c;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(3) .metric-value {
  color: #f1703c;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(3) .metric-value-medium {
  color: #f1703c;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(3) .growth-indicator::before {
  border-top: 2px dotted #f1703c;
}

/* Fourth Column - Unique Color Palette */
.row.cfo .cfo-metrics-grid .metric:nth-child(4) {
  background-color: #fde1c3;
  border-bottom: 20px solid #f28b1d;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(4) .metric-value {
  color: #f28b1d;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(4) .metric-value-medium {
  color: #f28b1d;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(4) .growth-indicator::before {
  border-top: 2px dotted #f28b1d;
}

.row.cfo .cfo-metrics-grid .metric:nth-child(4) .dpr-container::before {
  border-top: 2px dotted #f28b1d;
}

/* Fourth column DPR separator color override */
.row.cfo .cfo-metrics-grid .metric:nth-child(4) .dpr-column:first-child {
  border-right: 2px dotted #f28b1d;
}

.row.cfo .cfo-metrics-grid .metric .metric-label {
  font-size: 1rem;
  color: #000000;
  margin-bottom: var(--gap10);
  font-weight: 500;
  line-height: 1.3;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.row.cfo .cfo-metrics-grid .metric .metric-value {
  font-size: 2.2rem !important;
  font-weight: 900;
  color: #ff6b35;
  margin-bottom: var(--gap10);
  line-height: 1.2;
  margin-bottom: 0px;
}

.row.cfo .cfo-metrics-grid .metric .metric-value.small {
  margin-top: 3px;
  font-size: 1.1rem !important;
}

.row.cfo .cfo-metrics-grid .metric .metric-value-medium {
  font-size: 1rem;
  color: #000000;
  font-weight: 400;
}

.row.cfo .cfo-metrics-grid .metric .metric-sub-label {
  font-size: 0.9rem;
  color: #000000;

  font-weight: 400;
  line-height: 1.2;
}

.row.cfo .cfo-metrics-grid .metric .growth-indicator {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  margin-top: auto;
}

.row.cfo .cfo-metrics-grid .metric .growth-indicator::before {
  content: "";
  flex: 0.8;
  height: 2px;
  border-top: 2px dotted #9b2f3f;
  margin-right: 8px;
}

.row.cfo .cfo-metrics-grid .metric .growth-indicator.positive {
  color: #000000;
  height: 12px;
}

.row.cfo .cfo-metrics-grid .metric .growth-indicator.positive .growth-text {
  flex: 0.2;
  text-align: center;
  position: relative;
  font-size: 1.1rem;
  font-weight: 900;
  padding-top: 20px;
}

.row.cfo
  .cfo-metrics-grid
  .metric
  .growth-indicator.positive
  .growth-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  background-image: url("../images/up-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.row.cfo .cfo-metrics-grid .metric .metric-note {
  font-size: 0.9rem;
}

/* Fourth column metric-note should also be at bottom */
.row.cfo .cfo-metrics-grid .metric:nth-child(4) .metric-note {
  border-top: 2px dotted #f28b1d;
  margin-top: auto;
  padding-top: 4px;
}

/* DPR container styling for fourth column */
.row.cfo .cfo-metrics-grid .metric .dpr-container {
  display: flex;
}

.row.cfo .cfo-metrics-grid .metric .dpr-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.row.cfo .cfo-metrics-grid .metric .dpr-column:first-child {
  border-right: 2px dotted #ccc;
  padding-right: var(--gap18);
}

.row.cfo .cfo-metrics-grid .metric .dpr-column:last-child {
  padding-left: var(--gap18);
}

/* Responsive design for CFO metrics grid */
@media (max-width: 900px) {
  .row.cfo .cfo-metrics-grid {
    flex-direction: column;
    gap: var(--gap18);
  }

  .row.cfo .cfo-metrics-grid .metric {
    text-align: center;
  }

  .row.cfo .cfo-metrics-grid .metric .dpr-container {
    flex-direction: column;
    gap: var(--gap10);
  }

  .row.cfo .cfo-metrics-grid .metric .dpr-column:first-child {
    border-right: none;
   
    padding-right: 0;
    padding-bottom: var(--gap10);
  }

  .row.cfo .cfo-metrics-grid .metric .dpr-column:last-child {
    padding-left: 0;
    padding-top: var(--gap10);
  }
}

/* Investment */

.row.investment {
  display: block;
}

.row.investment .flex.heading {
  margin-bottom: var(--gap);
}

/* Business Review */
.row.business {
  background-image: url("../images/Business-Review-bg.png");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.row.investment .action {
  padding-top: var(--gap);
}

.icon-charts {
  align-items: stretch;
}

.icon-charts.gap {
  gap: var(--gap24);
}

.icon-charts > .col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.icon-charts .icon-chart {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
}

.icon-chart .chart-title {
  line-height: 1em;
  padding: 1.2em 1em;
  font-weight: var(--font-weight-bold);
  flex-basis: auto;
  font-size: 1rem;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
}

.icon-charts .icon-chart .chart-arrow {
  height: 12px;
  margin: var(--gap12) 0;
  background: transparent url(../images/icon-chart-down.svg) center center
    no-repeat;
}

.icon-charts .icon-chart.business .chart-title {
  background-color: var(--ab-dark-red);
  color: var(--ab-white);
}

.icon-charts .icon-chart.business .number {
  color: var(--ab-dark-red) !important;
}

.icon-chart.business .chart-content .icon-list .icon-stat {
  border-color: var(--ab-dark-red);
}

.icon-charts .icon-chart.financial .chart-title {
  background-color: var(--ab-orange);
  color: var(--ab-white);
}

.icon-charts .icon-chart.financial .number {
  color: var(--ab-orange) !important;
}

.icon-chart.financial .chart-content .icon-list .icon-stat {
  border-color: var(--ab-orange);
}

.icon-chart.financial .slider-wrapper .slick-nav a.next,
.icon-chart.financial .slider-wrapper .slick-nav a.prev {
  color: var(--ab-orange) !important;
}

.icon-chart.financial .slider-wrapper .slick-dots li button:before {
  color: var(--ab-orange) !important;
}

.icon-charts .icon-chart.sustainability .chart-title {
  background-color: var(--ab-teal);
  color: var(--ab-white);
}

.icon-charts .icon-chart.sustainability .number {
  color: var(--ab-teal) !important;
}

.icon-chart.sustainability .slider-wrapper .slick-nav a.next,
.icon-chart.sustainability .slider-wrapper .slick-nav a.prev {
  background-color: var(--ab-teal) !important;
}

.icon-chart.sustainability .chart-content .icon-list .icon-stat {
  border-color: var(--ab-teal);
}

.icon-chart.sustainability .slider-wrapper .slick-dots li button:before {
  color: var(--ab-green) !important;
}

.icon-chart .chart-content {
  flex-basis: 100%;
  width: 100%;
  min-width: 0;
  min-height: 0;
}

.icon-chart .chart-content .group {
  display: flex;
  align-items: stretch;
  flex-basis: 100%;
}

.icon-chart .chart-content .group .icon-list {
  display: flex;
  flex-direction: column;
  gap: var(--gap12);
  flex-basis: 100%;
}

.icon-chart .chart-content .group .icon-list .icon-list-group {
  display: flex;
  gap: var(--gap12);
  flex-basis: 100%;
  justify-content: stretch;
  position: relative;
  box-sizing: border-box;
}

.icon-chart .chart-content .icon-list .icon-list-title {
  font-weight: var(--font-weight-black);
  text-transform: uppercase;
  text-align: center;
  padding: 0.4em 1em;
  line-height: 1em;
  font-size: 0.9em;
  background-color: var(--ab-black);
  color: var(--color-white);
}

.icon-chart .chart-content .icon-list .icon-stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap12);
  align-items: start;
  padding: var(--gap18);
  font-size: 1em;
  position: relative;
  flex-basis: 100%;
  border: 1px solid var(--ab-text-black);
}

.icon-chart .chart-content .icon-list .icon-stat.center {
  align-items: center;
}

.icon-chart .chart-content .icon-list .icon-stat.vertical {
  flex-direction: column;
}

.icon-chart .chart-content .icon-list .icon-stat .icon {
  width: 100%;
  max-width: 48px;
  flex-basis: 48px;
  flex-shrink: 0;
  flex-grow: 0;
  align-self: flex-end;
}

.icon-chart .chart-content .icon-list .icon-stat .icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.icon-chart .chart-content .icon-list .icon-stat .stat {
  line-height: 1.2em;
}

.icon-chart .chart-content .icon-list .icon-stat .stat > * {
  margin-bottom: 0.1em;
}

.icon-chart .chart-content .icon-list .icon-stat .stat .text {
  font-size: 0.9rem;
  font-weight: bold;
}

.icon-chart .chart-content .icon-list .icon-stat .stat .number {
  font-size: 1.8rem;
  line-height: 1em;
  color: var(--ab-orange);
  font-weight: var(--font-weight-black);
}
.icon-chart .chart-content .icon-list .icon-stat .stat i {
  font-style: italic;
}
.icon-chart .chart-content .icon-list .icon-stat .stat .number.txt {
  font-size: 1.4rem;
  line-height: 1em;
}

.business-tab + .metrics-grid .metric .number.txt {
  font-size: 1.4rem;
  line-height: 1em;
  color: #cb3235;
  font-weight: 800;
  margin-bottom: 18px;
}

.sustainability-tab + .metrics-grid .metric .number.txt {
  font-size: 1.4rem;
  line-height: 1em;
  color: var(--ab-teal);
  font-weight: 800;
}

.icon-chart .chart-content .icon-list .icon-stat .stat .inline {
  display: inline;
}

.icon-chart .chart-content .icon-list .icon-stat .stat .number.txt2 {
  font-size: 1.5rem;
  line-height: 1em;
}

.icon-chart .chart-content .icon-list .icon-stat .stat .number .unit {
  display: block;
  font-weight: 700;
  font-size: 0.6em;
  line-height: 1em;
}

.icon-chart .chart-content .icon-list .icon-stat .stat .number sub {
  font-size: 0.7em;
}

.icon-chart .chart-content .icon-list .icon-stat .stat .number sub i {
  font-style: italic;
}

.icon-chart .chart-content .icon-list .icon-stat .stat .number .unit.inline {
  display: inline;
}

.subtext {
  font-size: 0.9rem;
  line-height: 1.1em;
}

.icon-chart .chart-content .icon-list .icon-list-group.full .icon-stat {
  flex-basis: 100%;
  flex-direction: row;
}

.icon-chart .chart-content .icon-list .icon-list-group.full .icon-stat .icon {
  flex-basis: 42px;
  flex-grow: 0;
  flex-shrink: 0;
}

.icon-chart
  .chart-content
  .icon-list
  .icon-list-group.full
  .icon-stat.vertical {
  flex-basis: 100%;
  flex-direction: column;
}

.icon-chart .chart-content .icon-list .icon-list-group .inline {
  display: inline;
}

/* Download */
.row.download {
  padding-bottom: 72px;
  display: block;
  max-width: 1760px;
  margin: 0 auto;
}

.row.download .section-heading {
  margin-bottom: var(--gap);
}

.row.download .download-list {
  flex-basis: 20%;
}

/* Download Section Grid Layout */
.download-grid {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
  max-width: 1760px;
  margin: 0 auto;
}

.download-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  width: 100%;
}

.download-row.main-reports {
  grid-template-columns: repeat(3, 1fr);
}

.download-row.additional-docs {
  display: flex;
  justify-content: center;
  gap: 24px;
}

.download-row.additional-docs .download-book {
  flex: 0 0 calc((100% - 48px) / 3);
  max-width: calc((100% - 48px) / 3);
}

.download-row.additional-docs .download-book:nth-child(3) {
  display: none;
}

.download-book {
  background: #e6e7e8;
  overflow: hidden;
  transition: transform 0.3s ease;
  position: relative;
}

/* Colored borders for main reports */
.download-book.integrated-report::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: #cb3235;
}

.download-book.sustainability-report::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: #239189;
}

.download-book.financial-report::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: #f59720;
}

.download-book.net-zero::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: #f47c44;
}

.download-book.sustainable-finance::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: #ee3124;
}

/* Title colors for each card */
.download-book.integrated-report .title {
  color: #cb3235;
}

.download-book.sustainability-report .title {
  color: #239189;
}

.download-book.financial-report .title {
  color: #f59720;
}

.download-book.net-zero .title {
  color: #f47c44;
}

.download-book.sustainable-finance .title {
  color: #ee3124;
}

.download-book .cover {
  padding: 32px;
  text-align: center;
  background: #e6e7e8;
}

.download-book .cover img {
  width: 60%;
  height: auto;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
  margin-bottom: 24px;
}

.download-book .download-info {
  padding: 24px;
  text-align: center;
}

.download-book .title {
  font-size: 18px;
  font-weight: 600;
  color: var(--ab-black);
  margin-bottom: 16px;
  line-height: 1.4;
}

.download-book .download-cta {
  display: inline-block;
  background: var(--ab-red);
  color: white;
  padding: 12px 24px;
  border-radius: 24px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  position: relative;
}

.download-book .download-cta:before {
  content: "";
  width: 18px;
  height: 18px;
  margin-right: 8px;
  display: inline-block;
  background: transparent url(../images/icon-download-white.svg) no-repeat
    center center;
  background-size: contain;
  vertical-align: middle;
}

.download-book .download-cta:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 16px rgba(255, 0, 50, 0.25);
}

/* Other Documents Section */
.other-documents {
  text-align: center;
  margin-top: 24px;
}

.other-documents .section-subtitle {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--ab-black);
  margin-bottom: 32px;
}

.other-docs-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

.other-doc-btn {
  position: relative;
  right: auto;
  top: auto;
  transform: none;
  padding: 0.6em 2.5em;
  background-color: #af252a;
  color: var(--ab-white);
  text-decoration: none;
  border-radius: 999px;
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  min-width: 180px;
  text-align: center;
  transition: all 0.3s ease;
}

.other-doc-btn:after {
  content: " ";
  display: block;
  background: transparent url(../images/icon-download-white.png) no-repeat
    center center;
  background-size: contain;
  width: 22px;
  height: 22px;
}

.other-doc-btn:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 16px rgba(255, 0, 50, 0.25);
}

.row.footnote {
  font-size: 0.9em;
  text-align: center;
  padding: var(--gap24);
  justify-content: center;
  background-color: var(--ab-red);
  color: var(--ab-white);
}

.slick-next:before,
.slick-prev:before {
  opacity: 0 !important;
}

.slick-next {
  cursor: pointer;
  background: transparent url(../images/icon-slick-arrow-right.svg) no-repeat
    center center !important;
  background-size: contain !important;
  width: var(--gap);
  height: var(--gap);
  right: auto;
  position: relative;
}

.slick-prev {
  cursor: pointer;
  background: transparent url(../images/icon-slick-arrow-right.svg) no-repeat
    center center !important;
  background-size: contain !important;
  width: var(--gap);
  height: var(--gap);
  right: auto;
  position: relative;
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
  display: none !important;
}

.slick-arrow.slick-hidden {
  display: block;
  visibility: hidden;
}

.slick-nav {
  display: flex;
  justify-content: center;
  gap: var(--gap10);
  margin-top: var(--gap18);
}

.slick-nav a {
  display: block;
  width: calc(var(--gap) * 0.8);
  height: calc(var(--gap) * 0.8);
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}

.slick-nav a.prev {
  background: var(--ab-black) url(../images/icon-slick-arrow-right.svg)
    no-repeat center center !important;
  background-size: 40% !important;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}

.slick-nav a.next {
  background: var(--ab-black) url(../images/icon-slick-arrow-right.svg)
    no-repeat center center !important;
  background-size: 40% !important;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}

.slick-nav a.slick-disabled {
  opacity: 0.2;
}

.floating-menu {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99999;
  left: 0;
  padding: var(--gap12) var(--gap24);
  background-color: var(--ab-bg-gray);
}

.floating-menu .wrap {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.floating-menu .logo {
  order: 1;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.floating-menu .logo img {
  display: block;
  height: 48px;
}

.floating-menu .nav-right {
  order: 3;
  display: flex;
  align-items: center;
  gap: var(--gap18);
}

.floating-menu .nav {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: var(--gap18);
}

.floating-menu .nav .share-toggle {
  display: block;
  cursor: pointer;
  position: relative;
}

.menu-toggle {
  display: block;
  width: var(--gap);
  height: calc(var(--gap) / 2);
  cursor: pointer;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}

.menu-toggle span {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: var(--ab-red);
  left: 0;
  top: calc(50% - 1px);
  transform-origin: 50% 50%;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

body:not(.open-menu) .menu-toggle span:nth-child(1) {
  transform: translateY(calc(var(--gap18) / 2 * -1));
}

body:not(.open-menu) .menu-toggle span:nth-child(3) {
  transform: translateY(calc(var(--gap18) / 2));
}

.open-menu .menu-toggle span:nth-child(1) {
  transform: rotate(45deg) translate(0, 0);
}

.open-menu .menu-toggle span:nth-child(2) {
  opacity: 0;
}

.open-menu .menu-toggle span:nth-child(3) {
  transform: rotate(-45deg) translate(0, 0);
}

.open-menu .floating-menu .logo {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.menu {
  position: fixed;
  box-sizing: border-box;
  padding: var(--gap);
  margin: 0px;
  left: -100%;
  top: 0;
  width: 40%;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  height: 100vh;
  overflow-y: auto;
  opacity: 0;
  z-index: 10;
  transition: all 0.8s cubic-bezier(0.77, 0.2, 0.05, 1);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--ab-bg-gray);
  font-size: 1.4rem;
  line-height: 1.3em;
  font-weight: var(--font-weight-bold);
}

.menu.active {
  opacity: 1;
  left: 0;
}

.menu ul li {
  padding: 0.5em 0;
  margin: 0;
}

.menu ul li:last-of-type {
  border-bottom: 0;
}

.menu ul li a {
  color: var(--ab-black);
}

@keyframes spin {
  100% {
    transform: rotate(1turn);
  }
}

.slick-wrapper {
  width: 100%;
  position: relative;
}

/* Fix flex vs slick issue */
* {
  min-width: 0;
  min-height: 0;
}

.icon-chart.business .pages .page {
  background-color: var(--OSK-Light-Gray);
}

.icon-chart .slider-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.icon-chart .slider-wrapper .slick-slider {
  flex-basis: 100%;
  display: flex;
}

.icon-chart .slider-wrapper .slick-list {
  display: flex;
  flex-direction: column;
}

.icon-chart .slider-wrapper .slick-list .slick-track {
  display: flex;
  flex-basis: 100%;
}

.icon-chart .slider-wrapper .slick-list .slick-track .slick-slide {
  float: none;
  display: flex;
  height: auto;
  margin: 0;
  padding: 0 10px;
}

.icon-chart
  .slider-wrapper
  .slick-list
  .slick-track
  .slick-slide
  .group
  .icon-list {
  height: 100%;
}

.icon-chart .chart-content .icon-list .icon-list-title {
  flex-basis: auto;
}

.icon-chart .chart-content .icon-list .icon-list-title {
  flex-basis: auto;
}

.icon-chart
  .chart-content
  .group
  .icon-list
  .icon-list-group
  .icon-list-subgroup
  .icon-stat {
  flex-basis: 100%;
}

/* Performance Highlights */
.row.performance-highlights {
  max-width: 1760px;
  margin: 0 auto;
padding-top: 50px;
}

/* Sustainability */
.row.sustainability {
  position: relative;
  flex-direction: column;
  max-width: 1760px;
  margin: 0 auto;
  padding: 50px 0px;
}

.row.sustainability > * {
  z-index: 2;
}

.row.sustainability:before {
  content: " ";
  display: block;
  background-color: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}

.row.sustainability .section-title {
  color: var(--ab-black);
}

.row.business .section-title {
  color: var(--ab-red);
}

.icon-stat .text .title {
  font-size: 1.1em;
  font-weight: var(--font-weight-bold);
}

.icon-stat .text ul {
  list-style: disc;
  margin-left: 2em;
  margin-top: 0.5em;
}

.icon-stat-title {
  font-size: 1.1rem;
  font-weight: var(--font-weight-bold);
  padding: var(--gap24);
  padding-bottom: 0;
  color: var(--OSK-Blue);
}

.row .action {
  text-align: center;
}

.download-list {
  display: flex;
  flex-direction: column;
  gap: var(--gap10);
}

.download-cta {
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--font-weight-bold);
  line-height: 1em;
  display: inline-flex;
  align-items: center;
  color: var(--ab-red);
}

.download-cta:before {
  content: " ";
  display: block;
  background: transparent url(../images/icon-download.svg) no-repeat center
    center;
  background-size: contain;
  width: 2em;
  height: 2em;
  margin-right: 0.5em;
  flex-basis: 2em;
  flex-shrink: 0;
  flex-grow: 0;
}

.download-cta:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 16px rgba(255, 0, 50, 0.2);
}

.download-cta sup {
  font-size: 0.8em;
  margin-right: 0.3em;
}

.section-quote .dear {
  font-size: 1.3rem;
  font-weight: bold;
  margin: 0.5em 0;
}

.section-quote p {
  margin: 0.5em 0;
}

.section-quote p:first-of-type {
  margin-top: 0;
}

.section-quote p:last-of-type {
  margin-bottom: 0;
}

.section-quote ul {
  list-style: disc;
  margin-left: 1.4em;
}

.section-who {
  text-align: right;
}

.section-who .name {
  font-weight: var(--font-weight-bold);
  margin-bottom: 0.1em;
}

.section-who .position {
  font-size: 0.9rem;
  font-weight: 400;
}

.section-quote {
  width: 100%;
}

.section-who {
  width: 100%;
}

/* Section Footer Layout */
.section-footer {
  align-items: center;
  gap: var(--gap);
  width: 100%;
  padding: 6px;
  margin: 0;
}

.section-footer .section-action {
  flex: 0 0 auto;
}

.section-footer .section-who {
  flex: 1;
  text-align: right;
}

/* Animation Overflow Fix */
.row.vip,
.section-quote,
.section-heading,
.section-footer,
.section-action,
.section-who {
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Financial */

.row.financial,
.row.financial-highlights-section {
  background-color: var(--ab-white);
  max-width: 1760px;
  margin: 0 auto;
  padding: 72px 0px;
}

.row.financial .row,
.row.financial-highlights-section .row {
  width: 100%;
}

.row.financial .action,
.row.financial-highlights-section .action {
  text-align: center;
  width: 100%;
}

.charts {
  display: flex;
  gap: 0;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid #f47c44;
  border-bottom: 20px solid #f47c44;
}

.charts .chart {
  flex-basis: calc(100% / 3);
  height: 100%;
  position: relative;
  border-right: 1px solid #f47c44;
  border-bottom: 1px solid #f47c44;
  padding: var(--gap) var(--gap24) var(--gap18);
  display: flex;
  flex-direction: column;
  background: white;
}

.charts .chart:nth-child(3n) {
  border-right: none;
}

.charts .chart:nth-last-child(-n + 3) {
  border-bottom: none;
}

.charts .chart .chart-title {
  background: #ffffff;
  border: 1px solid #f47c44;
  text-align: center;
  font-weight: bold;

  line-height: 1em;
  padding: 0.6em;
  position: absolute;
  width: calc(100% - var(--gap24) * 2);
  top: 0;
  transform: translateY(calc(var(--gap18) * -1));
  flex-shrink: 0;
}
.charts .chart .chart-title .title-unit {
  display: block;
  font-weight: 900;
  font-size: 1.2rem;
  margin-bottom: 2px;
}
.charts .chart .chart-title .unit {
  display: block;
  font-weight: 400;
  font-size: 0.9em;
}

.charts .chart .chart-content {
  position: relative;

  padding: 24px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.charts .chart .chart-content canvas {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 300px;
  display: block;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1));
}

.charts .chart .chart-content .placeholder {
  display: none;
  width: 100%;
  height: auto;
}

/* Chart Image Animations - Fixed size with 75% height centering */
.charts .chart .chart-content img {
  position: relative;
  width: 500px;
  height: 300px;
  display: block;
  object-fit: contain;

  filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.15));
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  animation: chartSlideIn 0.8s ease-out forwards;
  opacity: 0;
  transform: translateY(30px) scale(0.9) rotateX(15deg);
  transform-style: preserve-3d;
}

/* Progressive delays for each chart - more staggered */
.charts .chart:nth-child(1) .chart-content img {
  animation-delay: 0.3s !important;
  animation: chartSlideIn 0.8s ease-out forwards !important;
}
.charts .chart:nth-child(2) .chart-content img {
  animation-delay: 0.5s;
}
.charts .chart:nth-child(3) .chart-content img {
  animation-delay: 0.7s;
}
.charts .chart:nth-child(4) .chart-content img {
  animation-delay: 0.9s;
}
.charts .chart:nth-child(5) .chart-content img {
  animation-delay: 1.1s;
}
.charts .chart:nth-child(6) .chart-content img {
  animation-delay: 1.3s;
}

.charts .chart .chart-content img:hover {
  transform: scale(1.03) translateY(-3px) rotateX(0deg);
  filter: drop-shadow(6px 12px 20px rgba(0, 0, 0, 0.25));
}

@keyframes chartSlideIn {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.icon-charts .icon-chart.sustain2 .chart-title {
  background: var(--ab-gradient);
  color: var(--ab-white);
  line-height: 1.1em;
  font-size: 1rem;
  text-align: center;
}

.icon-charts .icon-chart.sustain2 .chart-content {
  background-color: rgba(255, 255, 255, 0.8);
  padding: var(--gap24);
}

.icon-charts .icon-chart.sustain2 .chart-content p {
  margin-bottom: 1em;
}

.icon-charts .icon-chart.sustain2 .chart-content .chart {
  max-width: 360px;
  display: block;
  margin: 0 auto;
}

.icon-charts .icon-chart.sustain2 .chart-content.netzero {
  padding: var(--gap);
}

.icon-charts .icon-chart.sustain2 .chart-content.netzero .icon {
  display: block;
  width: 40%;
  max-width: 100px;
  margin-bottom: var(--gap);
}

.icon-charts .icon-chart.sustain2 .chart-content.netzero p {
  font-size: 1.4rem;
  line-height: 1.4em;
}

.icon-charts .icon-chart.sustain2 .chart-content.netzero p em {
  font-weight: bold;
  color: var(--ab-orange);
  font-size: 1.3em;
}

.agenda {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap18);
  margin-bottom: var(--gap);
  --inherit-gap: var(--gap18);
}

.agenda img {
  display: block;
  flex-basis: calc((100% - var(--inherit-gap) * 2) / 3);
  width: 100%;
  height: auto;
}

.share-menu {
  padding: var(--gap18) var(--gap24);
  position: absolute;
  left: 0;
  background-color: var(--ab-white);
  font-weight: bold;
  display: flex;
  flex-direction: column;
  gap: var(--gap10);
}

.share-menu:not(.show) {
  display: none;
}

.slick-dots {
  bottom: calc(var(--gap) * -1);
}

.slick-dots li {
  margin: 0 var(--gap10) !important;
}

.slick-dots li button:before {
  font-size: var(--gap12);
}

.heading-curved {
  background-color: #69c8c6;
  color: #ffffff;
  text-align: center;
  border-radius: 999px;
  padding: var(--gap10) var(--gap72);
  position: relative;
  z-index: 2;
  margin-bottom: -15px; /* Half insert to bottom content */
}

.heading-curved.theme {
  background-color: #f26341;
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 20px 20px 0px 0px;
}

.heading-curved.theme::after {
  content: "";
  position: absolute;
  bottom: -10px; /* Adjust the distance from the bottom */
  left: 50%;
  transform: translateX(-50%); /* Center the arrow */
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #f26341; /* Match the background color */
}

/* Row intro styling */
.row-intro {
  padding: 24px;
  text-align: center;
  background-color: #eef7f6;
}

.row-intro p:not(:first-of-type):not(:last-of-type) {
  margin: 1em 0;
}
.row-intro .sus-heading {
  color: #ee3124;
  text-transform: uppercase;
}
.sustain-framework-box {
  background-color: #fdeee7;
  font-size: 0.9em;

  padding: 24px;
  text-align: center;
}

.sustain-framework-box p {
  padding: 0px 250px;
}

.sustain-framework-box2 {
  background: transparent;
  font-size: 0.9em;
  align-items: stretch;
  display: flex;
  width: 100vw;
  max-width: 100%;
  gap: 24px;
}

.sustain-framework-box2 .col {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

.sustain-framework-box2 .col-heading {
  background-color: #ee3124;
  padding: var(--gap24);
  color: white;
  flex-basis: auto;
  flex-shrink: 0;
  min-height: 115px;
}

.sustain-framework-box2 .col-content {
  padding: var(--gap24);
  border: 1px solid var(--ab-text-black);
  text-align: left;
  flex-basis: 100%;
}

.sustain-framework-box2 .col-content ul {
  list-style: disc;
  margin-left: var(--gap24);
}

.sustain-framework-box2 .col-content ul li {
  margin-bottom: 0;
}

.busines-reviews {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: var(--gap24);
}

.busines-reviews .col {
  padding: var(--gap);
  flex-basis: calc((100% - var(--gap24) * 2) / 3);
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.busines-reviews .col .review-title {
  color: var(--ab-red);
  text-align: left;
}

.busines-reviews .col .action {
  text-align: right;
}

.chart-footnote {
  font-size: 12px;
}
.sustain-framework-box2 .col-heading i {
  font-style: italic;
}
.sustain-framework-box2 .col-heading.col1 {
  background-color: #ee3124;
}
.sustain-framework-box2 .col-heading.col2 {
  background-color: #cb3235;
}
.sustain-framework-box2 .col-heading.col3 {
  background-color: #f47b44;
}

/* Smooth Animation Enhancements */
.row.chairman .section-who,
.row.chairman .section-action,
.row.chairman .cta,
.row.gceo .section-who,
.row.gceo .section-action,
.row.gceo .cta,
.row.gcfo .section-who,
.row.gcfo .section-action,
.row.gcfo .cta {
  will-change: transform, opacity;
  transform: translateZ(0);
}

.row.chairman .section-who .name,
.row.chairman .section-who .position,
.row.gceo .section-who .name,
.row.gceo .section-who .position,
.row.gcfo .section-who .name,
.row.gcfo .section-who .position {
  transition: transform 0.3s ease, color 0.3s ease;
}

.row.chairman .section-who .name:hover,
.row.gceo .section-who .name:hover,
.row.gcfo .section-who .name:hover {
  transform: translateY(-2px);
  color: var(--ab-red);
}

/* VIP section CTA button hover effects */
.row.chairman .cta:hover,
.row.gceo .cta:hover,
.row.gcfo .cta:hover,
.row.cfo .cta:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(255, 0, 50, 0.25);
}

/* Business Review Layout */
.busines-reviews-container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: var(--gap24);
  max-width: 1200px;
}

.busines-reviews-grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: var(--gap24);
  padding-bottom: 8px !important;
}
/* Business Container Design */
.business-container {
  padding: 20px;
  background-image: url("../images/Bussiness-container.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 225px;
}

.business-inner-container {
  background: #ffffff;
  width: 100%;
  height: 100%;
  max-width: 300px;
  padding: 0px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-left: 20px;
  position: relative;
}

.business-inner-container .review-title {
  color: var(--ab-red) !important;
  font-size: 1.3rem;
  font-weight: bold;
  margin: 0;
  text-align: center;
  width: 100%;
}

.business-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: var(--ab-red);
  color: white;
  text-decoration: none;
  border-radius: 25px;
  font-weight: bold;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 10;
}

.business-cta::after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("../images/arrow-right.png");
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}

.business-cta:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 16px rgba(255, 0, 50, 0.25);
}
.busines-reviews-grid .col {
  flex-basis: calc((100% - var(--gap24) * 2) / 3);
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.busines-reviews-grid .col .review-title {
  color: var(--ab-red);
  text-align: center;
}

.busines-reviews-grid .col .action {
  text-align: left;
}

/* Center single column in last row */
.business-single-center {
  margin: 0 auto;
  max-width: calc(100% / 3);
}

@media (max-width: 900px) {
  .business-single-center {
    max-width: 100%;
  }
}

.business-review-image {
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 0;
  height: 100%;
}

.business-review-image img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;

  filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.1));
}

/* Professional Class Name Aliases - No additional styles needed, used via dual classes in HTML */

/* Financial Grid Layout */
.financial-grid {
  display: flex;
  flex-direction: column;
  gap: var(--gap18);
  width: 100%;
  padding: var(--gap18);
}

.financial-row {
  display: flex;
  gap: var(--gap18);
  width: 100%;
}

.financial-row .icon-stat {
  flex: 1;
  min-width: 0;
}

/* Override swiper styles for financial grid */
.icon-chart.financial .chart-content .financial-grid .financial-row .icon-stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap12);
  align-items: start;
  padding: var(--gap18);
  font-size: 1em;
  position: relative;
  flex-basis: 100%;
  border: 1px solid var(--ab-text-black);
  background: white;
}

.icon-chart.financial
  .chart-content
  .financial-grid
  .financial-row
  .icon-stat
  .icon {
  width: 100%;
  max-width: 48px;
  flex-basis: 48px;
  flex-shrink: 0;
  flex-grow: 0;
  align-self: flex-end;
}

.icon-chart.financial
  .chart-content
  .financial-grid
  .financial-row
  .icon-stat
  .icon
  img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.icon-chart.financial
  .chart-content
  .financial-grid
  .financial-row
  .icon-stat
  .stat {
  line-height: 1.2em;
}

.icon-chart.financial
  .chart-content
  .financial-grid
  .financial-row
  .icon-stat
  .stat
  .text {
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--ab-text-black);
  margin-bottom: 0.5rem;
}

.icon-chart.financial
  .chart-content
  .financial-grid
  .financial-row
  .icon-stat
  .stat
  .number {
  font-size: 1.8rem;
  line-height: 1em;
  color: var(--ab-orange);
  font-weight: var(--font-weight-black);
}

.icon-chart.financial
  .chart-content
  .financial-grid
  .financial-row
  .icon-stat
  .stat
  .number
  .unit {
  display: block;
  font-weight: 700;
  font-size: 0.6em;
  line-height: 1em;
  color: var(--ab-orange);
}



.financial-tab {
  background-color: #ff6b35;
  color: white;
  padding: 15px 30px;
  border-radius: 0px 30px 0 0;
  display: inline-block;
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 0;
  width: 285px;
  text-align: center;
  letter-spacing: 1px;
}

/* Business Highlights Tab - using #cb3235 main color and #fdeee7 background */
.business-tab {
  background-color: #cb3235;
  color: white;
  padding: 15px 30px;
  border-radius: 0px 30px 0 0;
  display: inline-block;
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 0;
}

.business-tab + .metrics-grid {
  background-color: #fdeee7;
}

/* Business Highlights number.txt styling */
.business-tab + .metrics-grid .number.txt {
  color: #cb3235;
  font-weight: 700;
}

/* Business Highlights border color and layout */
.business-tab + .metrics-grid .metric {
  border-right-color: #cb3235;
}

.business-tab + .metrics-grid .metrics-row {
  display: flex;
}

.business-tab + .metrics-grid .metric {
  flex: 1;
  width: 20%; /* 5 columns = 20% each */
}

.business-tab + .metrics-grid .metric:last-child {
  border-right: none;
}

/* Sustainability Highlights Tab - using #275859 main color and #e7edec background */
.sustainability-tab {
  background-color: #275859;
  color: white;
  padding: 15px 30px;
  border-radius: 0px 30px 0 0;
  display: inline-block;
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 0;
}

.sustainability-tab + .metrics-grid {
  background-color: #e7edec;
}

/* Sustainability Highlights border color and layout */
.sustainability-tab + .metrics-grid .metrics-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.sustainability-tab + .metrics-grid .metric {
  border-right-color: #275859;
}

.sustainability-tab + .metrics-grid .metric:last-child {
  border-right: none;
}

/* Sustainability metric-label and subtext dotted bottom border */
.sustainability-tab + .metrics-grid .metric-label {
  border-bottom: 2px dotted #275859;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.sustainability-tab + .metrics-grid .subtext {
  border-bottom: 2px dotted #275859;
  padding-bottom: 18px;
  min-height: 105px;
}

/* Sustainability download button - icon on right */
.sustainability-download {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
}

.sustainability-download img {
  order: -1;
}

.justify-end {
  justify-content: flex-end;
}

.metrics-grid {
  background-color: #fff2eb;
  padding: var(--gap);
  border-radius: 0 30px 0px 0px;
}

.metrics-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
  width: 100%;
  margin-bottom: var(--gap24);
}

.metrics-row:last-child {
  margin-bottom: 0;
}

.metric img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-bottom: var(--gap18);
}

/* Performance Highlights Title Centered */
.performance-highlights-title-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
.performance-highlights-title {
  font-size: 4rem;
  font-weight: 800;
  text-align: center;
  color: #222;
  letter-spacing: -1px;
  line-height: 1.2;
}

/* Financial Highlights Section Design */
.financial-highlights-wrapper {
  width: 100%;
  max-width: 1761px;
  padding: 0;
  text-align: left;
}

.metric {
  display: flex;
  flex-direction: column;
  padding: 0px 36px;
  box-sizing: border-box;
  border-right: 1px solid #ff6b35;
  gap: 24px;
}

.metric:first-child {
  padding-left: 0;
}

.metric:last-child {
  border-right: none;
  padding-right: 0;
}

.metric-top {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.metric-main {
  text-align: center;
  width: 100%;
}

.metric-bottom {
  width: 100%;
}

.metric-label {
  font-size: 0.9rem;
  color: #000000;
  min-height: 49.5px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -0.2px;
  padding-bottom: 8px;
  border-bottom: 2px dotted #000000;
  margin-bottom: 12px;
  display: flex;
  align-items: flex-end;
}

.metric-value {
  font-size: 1.4rem !important;
  font-weight: 700;
  color: #ff6b35;
  margin-bottom: 0;
}

.metric-value .num {
  font-weight: 800;
}

/* Bottom section styling */
.metric-bottom .metric-label {
  font-size: 12px;
  margin-bottom: 4px;
}

.metric-bottom .metric-value {
  font-size: 16px;
  color: #666;
}

.metric-label.sub {
  font-size: 0.95rem;
  color: #ff6b35;
  font-weight: 500;
  margin-top: 12px;
  margin-bottom: 2px;
}
.metric-value.sub {
  font-size: 1.25rem;
  color: #ff6b35;
  font-weight: 700;
  margin-bottom: 0;
}
.metric .unit {
  font-size: 0.9rem;
  color: #ff6b35;
  font-weight: 600;
}

/* Override global list-style reset for .subtext ul elements */
.subtext ul {
  list-style: disc;
  margin-top: 5px;
}

/* Align growth indicator to the right */
.growth-indicator {
  text-align: right;
}

/* Single column layout for growth comparison */
.growth-comparison {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  gap: 5px;
}

.growth-comparison .metric-note {
  white-space: nowrap;
  margin: 0;
}

.growth-with-arrow {
  display: flex;
  align-items: center;
  gap: 5px;
}

.growth-with-arrow .arrow-icon {
  width: 16px;
  height: 16px;
}