diff --git a/components/SectionWrapper.module.css b/components/SectionWrapper.module.css
new file mode 100644
index 0000000..65db0fa
--- /dev/null
+++ b/components/SectionWrapper.module.css
@@ -0,0 +1,4 @@
+.sectionWrapper h2 {
+ color: var(--primary-heading);
+ padding-left: 4rem;
+}
diff --git a/components/SectionWrapper.tsx b/components/SectionWrapper.tsx
new file mode 100644
index 0000000..fede352
--- /dev/null
+++ b/components/SectionWrapper.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+
+import styles from "./SectionWrapper.module.css";
+
+type SectionWrapperProps = {
+ title: string;
+};
+
+export function SectionWrapper({ title }: SectionWrapperProps) {
+ return (
+
+
{title}
+
+ );
+}
diff --git a/components/StackedBarGraph.module.css b/components/StackedBarGraph.module.css
index 4c25e0e..40646db 100644
--- a/components/StackedBarGraph.module.css
+++ b/components/StackedBarGraph.module.css
@@ -7,7 +7,6 @@
}
.legend {
- position: absolute;
display: flex;
font-size: calc(16rem / 16);
top: 0;
diff --git a/components/StackedBarGraph.tsx b/components/StackedBarGraph.tsx
index 9b0bd44..c9f77fd 100644
--- a/components/StackedBarGraph.tsx
+++ b/components/StackedBarGraph.tsx
@@ -88,7 +88,7 @@ export const StackedBarGraphVertical = withTooltip<
strokeDashArray = "10,4",
legendLeftOffset = 40,
legendTopOffset = 40,
- itemMargin = "15px 0 0 0",
+ itemMargin = "0 0 0 15px",
categoryAxisLeftFactor = 1,
tooltipOpen,
tooltipLeft,
@@ -134,6 +134,18 @@ export const StackedBarGraphVertical = withTooltip<
return width < 10 ? null : (
+
+
+
+
-
-
-
{tooltipOpen && tooltipData ? (
+
+
+
+
-
-
-
{tooltipOpen && tooltipData ? (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/pages/samplePage.module.css b/pages/samplePage.module.css
index f3761c2..5a817c9 100644
--- a/pages/samplePage.module.css
+++ b/pages/samplePage.module.css
@@ -8,6 +8,14 @@
padding: 0 calc(70rem / 16);
}
+.quotationCarouselContainer {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: calc(48rem / 16);
+ margin: calc(32rem / 16);
+}
+
@media screen and (max-width: 1200px) {
.graphContainer {
padding: 0 calc(40rem / 16);