Files
am-d-model.eu/src/LandingPage/LandingPage.svelte

938 lines
27 KiB
Svelte

<script>
let className = "";
export { className as class };
</script>
<div class="{'landing-page ' + className}">
<div class="navigation-footer">
<div class="items">
<div class="topic">Topic</div>
<div class="data-repository">Data Repository</div>
<div class="how-to-contribute">How to Contribute</div>
<div class="contact-us">Contact Us</div>
</div>
<div class="return-to-top">↥↥↥ Return to top ↥↥↥</div>
<div class="site-name">AM-D-Model.eu</div>
<div class="social-icons">
<div class="buttons-icon">
<img class="icon" src="icon0.svg" />
</div>
<div class="buttons-icon">
<img class="icon2" src="icon1.svg" />
</div>
<div class="buttons-icon">
<img class="icon3" src="icon2.svg" />
</div>
<div class="buttons-icon">
<img class="icon4" src="icon3.svg" />
</div>
</div>
<div class="divider"></div>
</div>
<div class="bottom-call">
<div class="buttons">
<div class="button">
<div class="get-involved">Get Involved!</div>
</div>
<div class="button2">
<div class="contact-us2">Contact Us</div>
</div>
</div>
<div class="interested-in-the-project">Interested in the project?</div>
</div>
<div class="section-3">
<img
class="open-science-palettematched"
src="open-science-palettematched0.png"
/>
<div class="text">
<div class="text2">
<div class="fair-transparent-and-open">FAIR, Transparent, and Open</div>
<div
class="the-am-d-model-benchmark-project-is-designed-with-open-science-in-mind-following-fair-principles-of-transparency-and-openness"
>
The AM-D-Model benchmark project is designed with open science in
mind, following FAIR principles of transparency and openness.
</div>
</div>
<div class="text2">
<div class="visibility-accessibility-and-impact">
Visibility, Accessibility and Impact
</div>
<div
class="by-making-these-results-open-we-believe-that-visibility-and-accessibility-will-maximize-their-impact-on-the-l-pbf-field"
>
By making these results open, we believe that visibility and
accessibility will maximize their impact on the L-PBF field.
</div>
</div>
<div class="text2">
<div class="serving-the-research-community">
Serving the Research Community
</div>
<div
class="we-aim-to-contribute-to-the-l-pbf-research-community-by-providing-a-universally-accessible-benchmark-similar-to-those-driving-other-cutting-edge-research-fields"
>
We aim to contribute to the L-PBF research community by providing a
universally accessible benchmark similar to those driving other
cutting-edge research fields.
</div>
</div>
</div>
<div class="open-science">Open Science</div>
</div>
<div class="section-2">
<img class="data" src="data0.png" />
<div class="text3">
<div class="text2">
<div class="building-the-future-of-l-pbf">
Building the Future of L-PBF
</div>
<div
class="am-d-model-aims-to-provide-a-key-cornerstone-for-the-future-of-l-pbf-research-a-universal-benchmark-for-process-modelling"
>
AM-D-Model aims to provide a key cornerstone for the future of L-PBF
research: a universal benchmark for process modelling.
</div>
</div>
<div class="text2">
<div class="community-focused-data-management">
Community Focused Data Management
</div>
<div
class="we-aim-to-provide-a-blueprint-for-future-big-data-am-projects-working-with-contributors-to-ensure-this-benchmarking-dataset-is-managed-responsibly"
>
We aim to provide a blueprint for future big data AM projects, working
with contributors to ensure this benchmarking dataset is managed
responsibly.
</div>
</div>
<div class="text2">
<div class="data-science-as-a-core-discipline">
Data Science, as a Core Discipline
</div>
<div
class="our-team-includes-expert-data-scientists-responsible-for-managing-data-contributions-and-maximizing-data-impact"
>
Our team includes expert data scientists, responsible for managing
data contributions and maximizing data impact.
</div>
</div>
</div>
<div class="data-driven-research">Data Driven Research</div>
</div>
<div class="section-1">
<img class="buildplate" src="buildplate0.png" />
<div class="text4">
<div class="text2">
<div class="experienced-research-teams">Experienced Research Teams</div>
<div
class="our-collaboration-is-comprised-of-expert-l-pbf-researchers-with-years-of-experience-in-the-field"
>
Our collaboration is comprised of expert L-PBF researchers with years
of experience in the field.
</div>
</div>
<div class="text2">
<div class="international-excellence">International Excellence</div>
<div
class="am-d-model-contributors-include-scientists-and-engineers-from-respected-research-institutions-across-europe"
>
AM-D-Model contributors include scientists and engineers from
respected research institutions across Europe.
</div>
</div>
<div class="text2">
<div class="backed-by-research-associations">
Backed by Research Associations
</div>
<div
class="am-d-model-is-supported-and-funded-by-esaform-a-globally-recognized-association-of-research-leaders-in-additive-manufacturing"
>
AM-D-Model is supported and funded by ESAFORM, a globally recognized
association of research leaders in additive manufacturing.
</div>
</div>
</div>
<div class="experts-in-l-pbf">Experts in L-PBF</div>
</div>
<div class="bottom-blend"></div>
<img class="background-f-000143-1" src="background-f-000143-10.png" />
<div class="copy">
<div class="page-title">
<div class="benchmarking-the-future-of-metal-3-d-printing">
Benchmarking the future of metal 3d printing
</div>
<div
class="am-d-model-is-an-esaform-benchmark-project-aiming-to-create-the-data-that-will-drive-the-future-of-laser-powder-bed-fusion-l-pbf-research-and-innovation-by-connecting-an-international-network-of-collaborators-am-d-model-will-create-a-comprehensive-open-l-pbf-benchmark-dataset-as-part-of-our-commitment-to-open-science-this-dataset-will-be-openly-shared-with-the-research-community-our-goal-is-to-create-a-universal-benchmark-for-the-l-pbf-community-sparking-the-collaboration-and-innovation-that-will-build-the-future-of-this-technology"
>
AM-D-Model is an ESAFORM benchmark project aiming to create the data
that will drive the future of Laser Powder-Bed-Fusion (L-PBF) research
and innovation. By connecting an international network of collaborators
AM-D-Model will create a comprehensive, open L-PBF benchmark dataset. As
part of our commitment to open science, this dataset will be openly
shared with the research community. Our goal is to create a universal
benchmark for the L-PBF community, sparking the collaboration and
innovation that will build the future of this technology.
</div>
</div>
<div class="button3">
<div class="get-involved2">Get Involved!</div>
</div>
</div>
<div class="navigation">
<div class="items2">
<div class="data-repository2">Data Repository</div>
<div class="how-to-contribute2">How to Contribute</div>
<div class="button4">
<div class="contact-us3">Contact Us</div>
</div>
</div>
</div>
</div>
<style>
.landing-page,
.landing-page * {
box-sizing: border-box;
}
.landing-page {
background: var(--background, #090541);
height: 3860px;
position: relative;
overflow: hidden;
}
.navigation-footer {
background: #ffffff;
height: 264px;
position: absolute;
right: 0px;
left: 0px;
bottom: 0px;
overflow: hidden;
}
.items {
display: flex;
flex-direction: column;
gap: var(--spacing-s, 24px);
align-items: flex-end;
justify-content: center;
width: 187px;
position: absolute;
right: 80px;
top: 42px;
}
.topic {
color: #000000;
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
align-self: stretch;
display: flex;
align-items: center;
justify-content: flex-start;
}
.data-repository {
color: #454545;
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
align-self: stretch;
display: flex;
align-items: center;
justify-content: flex-start;
}
.how-to-contribute {
color: #454545;
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
align-self: stretch;
display: flex;
align-items: center;
justify-content: flex-start;
}
.contact-us {
color: #454545;
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
align-self: stretch;
display: flex;
align-items: center;
justify-content: flex-start;
}
.return-to-top {
color: rgba(69, 69, 69, 0.5);
text-align: left;
font-family: var(--small-text-font-family, "Inter-Medium", sans-serif);
font-size: var(--small-text-font-size, 16px);
line-height: var(--small-text-line-height, 150%);
font-weight: var(--small-text-font-weight, 500);
position: absolute;
left: 627px;
top: 114px;
width: 187px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.site-name {
color: #000000;
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: absolute;
left: 80px;
top: 55px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.social-icons {
display: flex;
flex-direction: row;
gap: var(--spacing-xs, 8px);
align-items: flex-start;
justify-content: flex-start;
position: absolute;
left: 80px;
top: 176px;
}
.buttons-icon {
border-radius: 4px;
padding: 8px;
flex-shrink: 0;
width: 40px;
height: 40px;
position: relative;
}
.icon {
width: 24px;
height: 24px;
position: absolute;
left: 8px;
top: 8px;
overflow: visible;
}
.icon2 {
width: 24px;
height: 24px;
position: absolute;
left: 8px;
top: 8px;
overflow: visible;
}
.icon3 {
width: 24px;
height: 24px;
position: absolute;
left: 8px;
top: 8px;
overflow: visible;
}
.icon4 {
width: 24px;
height: 24px;
position: absolute;
left: 8px;
top: 8px;
overflow: visible;
}
.divider {
margin-top: -1px;
border-style: solid;
border-color: #e6e6e6;
border-width: 1px 0 0 0;
width: 1280px;
height: 0px;
position: absolute;
left: 80px;
top: 1px;
transform-origin: 0 0;
transform: rotate(0deg) scale(1, 1);
}
.bottom-call {
background: #f7f7f7;
width: 1440px;
height: 236px;
position: absolute;
left: 0px;
top: 3365px;
overflow: hidden;
}
.buttons {
display: flex;
flex-direction: row;
gap: 24px;
align-items: center;
justify-content: flex-end;
position: absolute;
right: 80px;
top: 80px;
}
.button {
background: var(--background, #090541);
border-radius: 8px;
padding: 20px 32px 20px 32px;
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
justify-content: flex-start;
flex-shrink: 0;
position: relative;
box-shadow: var(
--button-shadow-box-shadow,
0px 1px 2px 0px rgba(0, 0, 0, 0.05)
);
}
.get-involved {
color: var(--cpalettecomplimentary, #ffffff);
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.button2 {
background: var(--cpalettecomplimentary, #ffffff);
border-radius: 8px;
padding: 20px 32px 20px 32px;
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
justify-content: flex-start;
flex-shrink: 0;
position: relative;
box-shadow: var(
--button-shadow-box-shadow,
0px 1px 2px 0px rgba(0, 0, 0, 0.05)
);
}
.contact-us2 {
color: var(--background, #090541);
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.interested-in-the-project {
color: var(--background, #090541);
text-align: left;
font-family: var(--title-font-family, "Martel-Regular", sans-serif);
font-size: var(--title-font-size, 64px);
font-weight: var(--title-font-weight, 400);
position: absolute;
left: calc(50% - 675px);
top: 64px;
width: 874px;
}
.sections {
position: absolute;
inset: 0;
}
.section-3 {
width: 1348px;
height: 680px;
position: static;
}
.open-science-palettematched {
border-radius: var(--corner-extra-large, 28px);
width: 680px;
height: 680px;
position: absolute;
left: 53px;
top: 2571px;
object-fit: cover;
}
.text {
display: flex;
flex-direction: column;
gap: 48px;
align-items: flex-end;
justify-content: flex-start;
width: 35.83%;
height: 13.55%;
position: absolute;
right: 10.21%;
left: 53.96%;
bottom: 16.75%;
top: 69.7%;
}
.text2 {
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
justify-content: center;
align-self: stretch;
flex-shrink: 0;
position: relative;
}
.fair-transparent-and-open {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Assistant-SemiBold", sans-serif;
font-size: 24px;
font-weight: 600;
position: relative;
width: 515px;
}
.the-am-d-model-benchmark-project-is-designed-with-open-science-in-mind-following-fair-principles-of-transparency-and-openness {
color: var(--cpalettecomplimentary, #ffffff);
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
width: 515px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.visibility-accessibility-and-impact {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Assistant-SemiBold", sans-serif;
font-size: 24px;
font-weight: 600;
position: relative;
width: 515px;
}
.by-making-these-results-open-we-believe-that-visibility-and-accessibility-will-maximize-their-impact-on-the-l-pbf-field {
color: var(--cpalettecomplimentary, #ffffff);
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
width: 515px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.serving-the-research-community {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Assistant-SemiBold", sans-serif;
font-size: 24px;
font-weight: 600;
position: relative;
align-self: stretch;
}
.we-aim-to-contribute-to-the-l-pbf-research-community-by-providing-a-universally-accessible-benchmark-similar-to-those-driving-other-cutting-edge-research-fields {
color: var(--cpalettecomplimentary, #ffffff);
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
align-self: stretch;
display: flex;
align-items: center;
justify-content: flex-start;
}
.open-science {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Martel-Bold", sans-serif;
font-size: 54px;
font-weight: 700;
position: absolute;
right: 2.71%;
left: 53.96%;
width: 43.33%;
bottom: 31.04%;
top: 66.61%;
height: 2.36%;
}
.section-2 {
width: 1305px;
height: 680px;
position: static;
}
.data {
border-radius: var(--corner-extra-large, 28px);
width: 680px;
height: 680px;
position: absolute;
left: 721px;
top: 1805px;
object-fit: cover;
}
.text3 {
display: flex;
flex-direction: column;
gap: 48px;
align-items: flex-end;
justify-content: flex-start;
width: 35.83%;
position: absolute;
right: 57.5%;
left: 6.67%;
top: 50%;
translate: 0 -50%;
}
.building-the-future-of-l-pbf {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Assistant-SemiBold", sans-serif;
font-size: 24px;
font-weight: 600;
position: relative;
width: 515px;
}
.am-d-model-aims-to-provide-a-key-cornerstone-for-the-future-of-l-pbf-research-a-universal-benchmark-for-process-modelling {
color: var(--cpalettecomplimentary, #ffffff);
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
width: 515px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.community-focused-data-management {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Assistant-SemiBold", sans-serif;
font-size: 24px;
font-weight: 600;
position: relative;
width: 515px;
}
.we-aim-to-provide-a-blueprint-for-future-big-data-am-projects-working-with-contributors-to-ensure-this-benchmarking-dataset-is-managed-responsibly {
color: var(--cpalettecomplimentary, #ffffff);
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
width: 515px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.data-science-as-a-core-discipline {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Assistant-SemiBold", sans-serif;
font-size: 24px;
font-weight: 600;
position: relative;
align-self: stretch;
}
.our-team-includes-expert-data-scientists-responsible-for-managing-data-contributions-and-maximizing-data-impact {
color: var(--cpalettecomplimentary, #ffffff);
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
align-self: stretch;
display: flex;
align-items: center;
justify-content: flex-start;
}
.data-driven-research {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Martel-Bold", sans-serif;
font-size: 54px;
font-weight: 700;
position: absolute;
right: 49.93%;
left: 6.74%;
width: 43.33%;
bottom: 50.88%;
top: 46.76%;
height: 2.36%;
}
.section-1 {
width: 1347px;
height: 680px;
position: static;
}
.buildplate {
border-radius: var(--corner-extra-large, 28px);
width: 680px;
height: 680px;
position: absolute;
left: 54px;
top: 1040px;
object-fit: cover;
}
.text4 {
display: flex;
flex-direction: column;
gap: 48px;
align-items: flex-end;
justify-content: flex-start;
width: 35.83%;
height: 11.94%;
position: absolute;
right: 10.28%;
left: 53.89%;
bottom: 58.12%;
top: 29.94%;
}
.experienced-research-teams {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Assistant-SemiBold", sans-serif;
font-size: 24px;
font-weight: 600;
position: relative;
width: 515px;
}
.our-collaboration-is-comprised-of-expert-l-pbf-researchers-with-years-of-experience-in-the-field {
color: var(--cpalettecomplimentary, #ffffff);
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
width: 515px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.international-excellence {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Assistant-SemiBold", sans-serif;
font-size: 24px;
font-weight: 600;
position: relative;
width: 515px;
}
.am-d-model-contributors-include-scientists-and-engineers-from-respected-research-institutions-across-europe {
color: var(--cpalettecomplimentary, #ffffff);
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
width: 515px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.backed-by-research-associations {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Assistant-SemiBold", sans-serif;
font-size: 24px;
font-weight: 600;
position: relative;
align-self: stretch;
}
.am-d-model-is-supported-and-funded-by-esaform-a-globally-recognized-association-of-research-leaders-in-additive-manufacturing {
color: var(--cpalettecomplimentary, #ffffff);
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: relative;
width: 520px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.experts-in-l-pbf {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Martel-Bold", sans-serif;
font-size: 54px;
font-weight: 700;
position: absolute;
right: 2.71%;
left: 53.96%;
width: 43.33%;
bottom: 70.7%;
top: 26.94%;
height: 2.36%;
}
.landing-splash {
position: absolute;
inset: 0;
}
.bottom-blend {
background: var(--background, #090541);
width: 1522.79px;
height: 33.31px;
position: absolute;
left: -45px;
top: 905.69px;
box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.background-f-000143-1 {
width: 1545px;
height: 922.88px;
position: absolute;
left: -45px;
top: 0px;
object-fit: cover;
}
.copy {
display: flex;
flex-direction: column;
gap: 40px;
align-items: flex-start;
justify-content: flex-start;
width: 892.53px;
height: 647.85px;
position: absolute;
left: 48.06px;
top: 227.77px;
}
.page-title {
align-self: stretch;
flex-shrink: 0;
height: 492px;
position: relative;
}
.benchmarking-the-future-of-metal-3-d-printing {
color: var(--cpalettecomplimentary, #ffffff);
text-align: left;
font-family: "Martel-Bold", sans-serif;
font-size: 64px;
letter-spacing: -0.02em;
font-weight: 700;
position: absolute;
left: 0px;
top: 0px;
width: 844px;
}
.am-d-model-is-an-esaform-benchmark-project-aiming-to-create-the-data-that-will-drive-the-future-of-laser-powder-bed-fusion-l-pbf-research-and-innovation-by-connecting-an-international-network-of-collaborators-am-d-model-will-create-a-comprehensive-open-l-pbf-benchmark-dataset-as-part-of-our-commitment-to-open-science-this-dataset-will-be-openly-shared-with-the-research-community-our-goal-is-to-create-a-universal-benchmark-for-the-l-pbf-community-sparking-the-collaboration-and-innovation-that-will-build-the-future-of-this-technology {
color: var(--cpalettecomplimentary, #ffffff);
text-align: left;
font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
font-size: var(--body-font-size, 24px);
font-weight: var(--body-font-weight, 400);
position: absolute;
left: 0px;
top: 258px;
width: 844px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.button3 {
background: var(--cpalettemedium, #074799);
border-radius: 8px;
padding: 20px 32px 20px 32px;
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
justify-content: flex-start;
flex-shrink: 0;
position: relative;
box-shadow: var(
--button-shadow-box-shadow,
0px 1px 2px 0px rgba(0, 0, 0, 0.05)
);
}
.get-involved2 {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Assistant-Bold", sans-serif;
font-size: 24px;
font-weight: 700;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.navigation {
height: 116.03px;
position: absolute;
right: -47.31px;
left: -35.482441902160645px;
top: 0px;
overflow: hidden;
}
.items2 {
display: flex;
flex-direction: row;
gap: var(--spacing-m, 48px);
align-items: center;
justify-content: flex-end;
position: absolute;
right: 79.79px;
top: 28px;
}
.data-repository2 {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Assistant-Bold", sans-serif;
font-size: 24px;
font-weight: 700;
text-decoration: underline;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.how-to-contribute2 {
color: var(--cpalettelight, #009990);
text-align: left;
font-family: "Assistant-Bold", sans-serif;
font-size: 24px;
font-weight: 700;
text-decoration: underline;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.button4 {
background: var(--cpalettelight, #009990);
border-radius: 8px;
padding: 14px 24px 14px 24px;
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
box-shadow: var(
--button-shadow-box-shadow,
0px 1px 2px 0px rgba(0, 0, 0, 0.05)
);
}
.contact-us3 {
color: var(--cpalettedark, #001a6e);
text-align: left;
font-family: "Assistant-Bold", sans-serif;
font-size: 24px;
font-weight: 700;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
</style>