@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway.zip') format("undefined"), url('../fonts/Raleway-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-ExtraBold.ttf') format("truetype"), url('../fonts/PathwayExtreme_14pt-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-BoldItalic.ttf') format("truetype"), url('../fonts/PathwayExtreme_14pt-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Pathwayextreme 14 Pt";
  src: url('../fonts/PathwayExtreme_14pt-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-ExtraBold.ttf') format("truetype"), url('../fonts/Raleway-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-BoldItalic.ttf') format("truetype"), url('../fonts/Raleway-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Raleway;
  src: url('../fonts/Raleway-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --untitled-ui--gray600: #475467;
  --untitled-ui--gray500: #667085;
  --untitled-ui--gray400: #98a2b3;
  --untitled-ui--gray700: #344054;
  --untitled-ui--gray200: #eaecf0;
  --untitled-ui--gray900: #101828;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--white: white;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--primary800: #53389e;
  --untitled-ui--success50: #ecfdf3;
  --untitled-ui--success700: #027a48;
  --untitled-ui--primary50: #f9f5ff;
  --radiant-ui-components-library-marketplace--color--theme-color: #116df8;
  --radiant-ui-components-library-marketplace--color--heading-dark: #150438;
  --untitled-ui--primary300: #d6bbfb;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.section {
  background-color: #585a5a;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.div-block {
  filter: contrast(141%) brightness(99%) saturate(82%) blur(40px);
  background-image: url('../images/Untitled-Project-94.avif'), url('../images/Untitled-Project-93.avif'), url('../images/Untitled-Project-92.avif'), url('../images/Untitled-Project-91.avif'), url('../images/Untitled-Project-90.avif'), url('../images/Untitled-Project-88.avif'), url('../images/krzysztof-kowalik-t8p9dbMpAzg-unsplash.avif'), url('../images/ChatGPT-Image-3.-syysk.-2025-klo-13.20.18.png'), url('../images/Untitled-Project-37.jpg');
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, -100px -100px, -120px -170px;
  background-size: cover, cover, cover, cover, cover, 1960px, cover, auto, auto;
  position: absolute;
  inset: 0%;
}

.div-block-2 {
  z-index: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000008f;
  background-image: linear-gradient(#0000004f, #0000 72%, #0006 104%);
  flex-flow: column;
  justify-content: flex-end;
  padding-bottom: 2rem;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.section-2 {
  background-color: #f3f3f3;
  background-image: none;
  height: auto;
  padding: 4rem 2rem;
  overflow: hidden;
}

.grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  max-width: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  background-image: none;
  border: 1px #fff3;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-content: start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.display {
  color: #fff;
  letter-spacing: -2px;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-family: Montserrat, sans-serif;
  font-size: 4.4rem;
  font-weight: 400;
  line-height: 100%;
  overflow: visible;
}

.display.tumma, .display.musta {
  color: #000;
}

.display.landing {
  font-size: 4rem;
  font-weight: 400;
}

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

.div-block-3 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-bottom: 1px #fff3;
  flex-flow: column;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: #fff;
  border-top: 1px solid #fff3;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 2rem 0 1rem;
  display: flex;
}

.bodytext {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.bodytext.iso {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
}

.bodytext.iso.tumma {
  font-size: 1.1rem;
  font-weight: 400;
}

.bodytext.ominaisuus {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  width: auto;
  padding: 0;
}

.bodytext.iso {
  color: #ffffffe6;
  font-size: 1.2rem;
  font-weight: 400;
}

.bodytext.iso.valko {
  color: #fff;
  font-size: 1.2rem;
}

.bodytext.tumma {
  opacity: .9;
  color: #273133;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.bodytext.tumma.center {
  color: #293335;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
}

.bodytext.tumma.hinta {
  text-align: right;
  font-size: 1rem;
}

.bodytext.tumma.hinta.pieni {
  font-size: .8rem;
}

.bodytext.tumma.bold {
  align-items: center;
  margin-top: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
  display: flex;
}

.bodytext.tumma.bold.l-nd-ri {
  font-size: 2rem;
  font-weight: 500;
  display: block;
}

.bodytext.tumma.bold.l-nd-ri.valko {
  color: #fff;
}

.bodytext.tumma.bold.l-nd-ri.valko.center {
  font-size: 3rem;
}

.bodytext.tumma.green {
  color: #3f727e;
  font-weight: 500;
}

.bodytext.tumma.iso.isompi {
  font-size: 1.6rem;
  font-weight: 400;
}

.bodytext.tumma.iso.isompi.center {
  font-size: 2rem;
}

.bodytext.tumma.pienibold {
  font-weight: 500;
}

.bodytext.tumma.selke {
  letter-spacing: -.1px;
  font-weight: 400;
}

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

.bodytext.sini {
  color: #d6e6f5;
  line-height: 120%;
}

.rkeirkeikrei {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #08070700;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.nappi {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #fff;
  background-color: #fff0;
  border: 1px solid #fff9;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  padding: .7rem 2rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 100%;
  transition: all .2s;
  display: flex;
}

.nappi:hover {
  color: #fff9;
  direction: ltr;
  font-style: normal;
  text-decoration: none;
}

.nappi.sini {
  background-color: #6d8aaa;
  border-style: none;
  display: none;
  box-shadow: inset 0 2px 13px #0000002e;
}

.nappi.sumea {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  border-color: #ffffff4d;
}

.nappi.tumma {
  color: #fff;
  background-color: #737e8a;
  border-style: solid;
  border-color: #38464900;
}

.nappi.tumma:hover {
  background-color: #384649b3;
}

.nappi.tumma.reuna {
  color: #384649;
  background-color: #38464900;
  border-color: #384649;
  justify-content: center;
}

.nappi.tumma.reuna:hover {
  color: #384649b3;
  border-color: #38464999;
}

.nappi.tumma.reuna.mob {
  display: none;
}

.nappi.tumma.huomio {
  background-color: #1f272c;
  background-image: none;
}

.nappi.tumma.huomio:hover {
  opacity: .8;
  background-image: linear-gradient(122deg, #384649, #647579 19%, #384649 48%, #647579 80%, #384649);
}

.nappi.tumma.musta {
  background-color: #1f272c;
  text-decoration: none;
}

.nappi.tumma.musta:hover {
  background-color: #1f272ce6;
}

.nappi.tumma.tyhj {
  color: #444c4d;
  background-color: #737e8a00;
  padding-left: 1rem;
}

.nappi.valko {
  color: #384649;
  background-color: #fff;
}

.nappi.valko:hover {
  background-color: #ffffffb3;
  border-color: #fff0;
}

.nappi.tyhj {
  border-style: none;
}

.nappi.cta {
  color: #fff;
  text-shadow: 0 1px 3px #0000001c;
  background-color: #9faebd;
  background-image: linear-gradient(158deg, #92a7bd, #525f6d);
  border-style: solid;
  border-color: #fff0;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
}

.nappi.cta:hover {
  transform: translate(0, -8px);
}

.nappi.cta.mobcta {
  background-image: linear-gradient(#1f272c, #1f272c), linear-gradient(158deg, #92a7bd, #525f6d);
}

.nappi.cta.verk2 {
  padding: .8rem 2.4rem;
  font-size: 1.2rem;
}

.nappi.reuna {
  background-color: #fff0;
}

.nappi.reuna.mob, .nappi.mob {
  display: none;
}

.otsikko {
  color: #232d30;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 120%;
}

.otsikko.pieni {
  color: #232d30;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

.otsikko.pieni.valko {
  font-size: 2rem;
}

.otsikko.pieni.valko.pienempi, .otsikko.pieni.pienempi {
  font-size: 1.6rem;
}

.otsikko.valko {
  color: #fff;
  font-size: 3rem;
  font-weight: 400;
}

.otsikko.valko.center {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.4rem;
  line-height: 120%;
}

.otsikko.valko.center.pieni {
  font-size: 3rem;
}

.otsikko.center {
  color: #242d30;
  text-align: center;
  font-size: 4rem;
  font-weight: 400;
  line-height: 100%;
}

.otsikko.kortti {
  font-size: 3rem;
}

.otsikko.keski {
  font-size: 3rem;
  line-height: 120%;
}

.otsikko.keski.small {
  font-size: 2.2rem;
  font-weight: 500;
}

.otsikko.keski.lnd-rismall {
  font-size: 2rem;
}

.otsikko.keski.lnd-rismall-mob {
  font-size: 3rem;
}

.otsikko.keski.lndsmallv2 {
  font-size: 2.3rem;
}

.isoteksti {
  color: #384649;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 140%;
}

.text-span {
  color: #fff;
}

.div-block-5 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  align-items: flex-start;
  width: 90%;
  max-width: none;
  margin-left: 0;
  display: flex;
}

.section-3 {
  z-index: 1;
  background-color: #000;
  background-image: none;
  flex-flow: column;
  align-items: center;
  padding: 4rem 2rem 12rem;
  display: none;
  position: relative;
  overflow: hidden;
}

.div-block-6 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.div-block-7 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  aspect-ratio: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 100%;
  margin-top: 8rem;
  display: grid;
  position: relative;
}

.heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Pathwayextreme 14 Pt", Arial, sans-serif;
}

.ominaisuus {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff1a;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  padding: 2rem;
  display: flex;
  position: relative;
}

.ominaisuus._2 {
  width: auto;
}

.ominaisuus._4 {
  max-width: none;
}

.div-block-9 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  align-items: center;
  width: 100%;
  display: flex;
}

.silm {
  opacity: .7;
}

.div-block-10 {
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image {
  opacity: .2;
  filter: saturate(78%) blur(17px) brightness(116%);
  width: 100%;
  overflow: visible;
}

.div-block-11 {
  width: 100%;
}

.body {
  background-color: #fff;
}

.container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1100px;
  margin-left: auto;
  display: flex;
}

.div-block-12 {
  margin-top: 0;
  display: flex;
}

.navbar-logo-left {
  z-index: 9999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0000;
  background-image: linear-gradient(#0000004d, #0003);
  border-bottom: 1px solid #fff3;
  justify-content: center;
  align-items: center;
  height: 4rem;
  display: none;
  position: static;
  inset: 0% 0% auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: none;
}

.r-rastiikoni {
  display: none;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  margin-left: 2rem;
  margin-right: 2rem;
  padding: 0;
  display: flex;
}

.list-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.nav-menu-two {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #fff;
  letter-spacing: .25px;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 0;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  transition: all .2s;
}

.nav-link:hover {
  color: #ffffffbf;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nappi-2 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #fff;
  background-color: #ffffff1a;
  border: 1px solid #fff9;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  padding: .7rem 2rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 100%;
  transition: all .2s;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 2px 20px -2px #00000042;
}

.nappi-2:hover {
  letter-spacing: 1px;
}

.nappi-2.reuna {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  border-radius: 60px;
}

.navbar-brand {
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 4rem;
  display: flex;
}

.image-2 {
  opacity: 1;
  width: 100%;
}

.text-span-2 {
  color: #fff;
}

.text-span-3 {
  color: #384549;
  font-family: Montserrat, sans-serif;
}

.label {
  color: #303b3e;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
}

.label.valko {
  color: #fff;
}

.label.valko.piilota {
  display: none;
}

.label.valko.center, .label.center {
  text-align: center;
}

.section-4 {
  z-index: 900;
  background-color: #fff;
  padding: 0 0 2rem;
  position: relative;
  overflow: clip;
}

.div-block-13 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fff;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 6rem 4rem 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 18px #0000001a;
}

.link-block {
  border: 1px #fff;
  border-radius: 20px;
  width: 20rem;
  height: auto;
  margin-top: -2rem;
  margin-left: -18px;
}

.link-block.w--current {
  width: 18rem;
  height: auto;
  margin-top: 0;
}

.image-3 {
  width: 100%;
  height: 100%;
  margin-top: 0;
}

.div-block-14 {
  justify-content: center;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: flex;
}

.footlink {
  color: #232d30;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 100%;
  text-decoration: none;
}

.div-block-15 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.text-block-2 {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
}

.div-block-16 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-top: 1px solid #ffffff4d;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 2rem;
  display: flex;
}

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

.text-block-4 {
  color: #000;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-weight: 200;
  line-height: 100%;
}

.section-5 {
  background-color: #000;
  background-image: url('../images/Untitled-Project-90.avif');
  background-position: 0 0;
  background-size: auto;
  padding: 8rem 4rem;
  position: relative;
  overflow: hidden;
}

.container-2 {
  z-index: 2;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #ffffff0d;
  background-image: none;
  border: 1px solid #ffffff1a;
  border-radius: 30px;
  flex-flow: column;
  align-items: center;
  padding: 2rem;
  display: flex;
  position: relative;
}

.text-block-5 {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.section-6 {
  margin-top: 4rem;
  padding: 8rem 2rem;
  overflow: hidden;
}

.text-span-4 {
  color: #727272;
}

.text-block-14 {
  color: #000;
  text-align: center;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 200;
}

.link-2 {
  color: #0009;
  text-decoration: none;
}

.div-block-17 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 0;
  display: flex;
}

.uui-text-size-small {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.uui-text-size-small.text-color-gray500 {
  color: var(--untitled-ui--gray500);
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding {
  padding-left: 4rem;
  padding-right: 4rem;
}

.uui-footer07_top-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-footer07_legal-link {
  color: var(--untitled-ui--gray500);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  text-decoration: none;
  transition: all .3s;
}

.uui-footer07_legal-link:hover {
  color: var(--untitled-ui--gray600);
}

.uui-footer07_logo-link {
  margin-bottom: 2rem;
  padding-left: 0;
}

.uui-footer07_link {
  color: var(--untitled-ui--gray600);
  text-align: center;
  padding: .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
}

.uui-footer07_link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-footer07_bottom-wrapper {
  border-top: 1px solid var(--untitled-ui--gray200);
  justify-content: space-between;
  margin-top: 4rem;
  padding-top: 2rem;
  display: flex;
}

.uui-footer07_legal-list {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.uui-footer07_link-list {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: start;
  display: grid;
}

.uui-logo_component {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-logo_logomark {
  border: .5px solid #fff;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-styleguide_logomark-bg {
  border-radius: 8px;
  width: 4rem;
  height: 4rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-blur {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-logo_logomark-dot {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logotype {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-padding-vertical-xlarge {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.uui-logo_image {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.uui-text-size-medium {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-heading-xxsmall {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-heading-medium {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row.is-reverse-mobile-landscape {
  margin-bottom: 4rem;
}

.uui-icon-1x1-xsmall {
  opacity: 1;
  color: #fff;
  width: 2rem;
  height: 2rem;
}

.uui-layout32_timeline-wrapper {
  position: relative;
}

.uui-layout32_progress-bar {
  z-index: 0;
  background-color: #4c4c4c;
  width: 2px;
  height: 100%;
  margin-top: -50vh;
  position: sticky;
  top: 0;
}

.uui-layout32_progress-bar-wrapper {
  background-color: #000;
  width: 2px;
  height: 75%;
  display: none;
  position: absolute;
  top: 10%;
  left: 2.5rem;
  right: auto;
}

.uui-layout32_timeline-icon-wrapper {
  z-index: 1;
  background-color: #0000;
  margin-top: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}

.uui-layout32_timeline-step {
  grid-column-gap: 2.5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  margin-bottom: 2rem;
}

.uui-layout32_timeline-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.uui-layout32_timeline-right {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.uui-layout32_content-left {
  margin-left: 0;
  position: sticky;
  top: 6rem;
}

.uui-layout32_component {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.uui-section_layout32 {
  background-color: #fff;
  padding-top: 4rem;
  padding-bottom: 4rem;
  overflow: visible;
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-icon-featured-outline-large {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  background-color: #000000b3;
  border: .5rem #f9f5ff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: .5rem;
}

.uui-padding-vertical-xhuge {
  padding-top: 0;
  padding-bottom: 0;
}

.uui-heading-subheading {
  color: var(--untitled-ui--primary600);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.div-block-18 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  align-items: flex-start;
  max-width: 480px;
  margin-bottom: 2rem;
  margin-left: 0;
  display: flex;
}

.div-block-19 {
  width: 50%;
  margin-bottom: 0;
}

.text-span-5 {
  color: #384649bf;
}

.section-7 {
  background-color: #fff;
  flex-flow: column;
  align-items: center;
  padding: 8rem 5%;
  display: none;
  position: relative;
  box-shadow: 0 2px 16px #0000001a;
}

.div-block-20 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

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

.div-block-21 {
  width: 70%;
  margin-top: 2rem;
}

.div-block-22 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  max-width: none;
  margin-top: 4rem;
  display: grid;
}

.div-block-23 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  display: grid;
}

.div-block-24 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.lappu {
  background-color: #0000;
  background-image: url('../images/Untitled-Project-98.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('../images/Untitled-Project-98.jpg'), url('../images/Untitled-Project-95.avif');
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: cover, auto, cover, cover;
  border: 1px solid #0000001a;
  border-radius: 12px;
  width: 100%;
  height: 300px;
  padding: 2rem;
  position: relative;
  overflow: hidden;
}

.lappu._1 {
  background-image: url('../images/Untitled-Project-98.jpg'), url('../images/Untitled-Project-95.avif');
  background-position: 0 0, 0 0;
  background-size: cover, cover;
}

.lappu._2 {
  background-image: url('../images/Untitled-Project-97.jpg'), url('../images/Untitled-Project-95.avif');
  background-position: 0 0, 0 0;
  background-size: cover, cover;
}

.lappu._3 {
  background-image: url('../images/Untitled-Project-99.jpg'), url('../images/Untitled-Project-98.jpg'), url('../images/Untitled-Project-95.avif');
  background-position: 0 0, 0 0, 0 0;
  background-size: cover, cover, cover;
}

.lappu._4 {
  background-image: url('../images/Untitled-Project-100.jpg'), url('../images/Untitled-Project-98.jpg'), url('../images/Untitled-Project-95.avif');
  background-position: 0 0, 0 0, 0 0;
  background-size: cover, cover, cover;
}

.lappu._5 {
  background-image: url('../images/Untitled-Project---2025-10-14T090755.290.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('../images/Untitled-Project-98.jpg'), url('../images/Untitled-Project-95.avif');
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: cover, auto, cover, cover;
}

.div-block-25 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  -webkit-backdrop-filter: contrast(105%) blur(5px);
  backdrop-filter: contrast(105%) blur(5px);
  background-color: #0006;
  background-image: linear-gradient(#0000, #000c);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lapputext {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
}

.div-block-26 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.grid-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #fff0;
  border: 1px #fff3;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-content: start;
  align-items: flex-start;
  width: auto;
  margin-left: 0;
  padding: 2rem;
  display: flex;
}

.div-block-27 {
  flex-flow: column;
  align-items: center;
  max-width: 1100px;
  display: flex;
}

.section-2-copy {
  background-color: #fff;
  background-image: none;
  height: auto;
  padding: 4rem 2rem 0;
  display: flex;
  overflow: hidden;
}

.background-video {
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.uui-text-size-small-2 {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.5;
}

.show-tablet {
  display: none;
}

.uui-button-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-2:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-2:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-dropdown-icon {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-button-row-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-icon-1x1-xsmall-2 {
  width: 1.5rem;
  height: 1.5rem;
}

.uui-navbar01_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: .5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar01_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar01_logo-link {
  padding-left: 0;
}

.uui-navbar01_link {
  color: #fff;
  align-items: center;
  padding: 1.75rem 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  transition: all .3s;
}

.uui-navbar01_link:hover {
  color: #fff9;
}

.uui-navbar01_link.w--current {
  color: #fff;
  font-weight: 500;
}

.uui-navbar01_dropdown-content-left {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 2rem 2rem 0;
  display: grid;
}

.uui-navbar01_blog-image-wrapper {
  border-radius: .375rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 11rem;
  height: 6.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.uui-navbar01_blog-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-navbar01_button-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.uui-navbar01_dropdown-toggle {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar01_dropdown-toggle:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar01_blog-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar01_blog-item:hover {
  background-color: var(--untitled-ui--white);
}

.uui-navbar01_dropdown-content-wrapper {
  z-index: 1;
  grid-row-gap: .75rem;
  grid-template-rows: min-content;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.uui-navbar01_dropdown-blog-list {
  grid-column-gap: 0rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.uui-navbar01_component {
  border-bottom: 1px none var(--untitled-ui--gray100);
  background-color: #fff0;
  align-items: center;
  height: 5rem;
  min-height: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.uui-navbar01_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar01_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 2rem;
  display: flex;
  position: static;
}

.uui-navbar01_dropdown-content {
  width: 100%;
  display: flex;
}

.uui-navbar01_dropdown-content-right {
  flex: 1;
  max-width: 35rem;
  padding: 2rem 0 2rem 1.25rem;
  display: flex;
  position: relative;
}

.uui-navbar01_icon-wrapper {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar01_menu-button {
  padding: 0;
}

.uui-navbar01_menu-dropdown {
  position: static;
}

.uui-navbar01_large-item-content {
  flex-direction: column;
  justify-content: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar01_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar01_dropdown-link:hover {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-navbar01_dropdown-right-overlay-absolute {
  background-color: var(--untitled-ui--gray50-2);
  min-width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.uui-button-link {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link:hover {
  color: var(--untitled-ui--primary800);
}

.uui-button-link.is-button-xsmall {
  font-size: .875rem;
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-navbar01_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .25rem;
  display: flex;
}

.uui-navbar01_dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar01_dropdown-list.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 5.0625rem auto auto 0%;
  overflow: hidden;
}

.uui-navbar01_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.uui-button-secondary-gray-2 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-2:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-2:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-2.show-tablet {
  display: none;
}

.uui-button-tertiary-gray {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-tertiary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray700);
}

.uui-logo_component-2 {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-logo_logomark-2 {
  width: 8rem;
  height: auto;
  box-shadow: none;
  border: .1px #dae0e8;
  border-right: 1px #fff;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.uui-styleguide_logomark-bg-2 {
  border-radius: 8px;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  inset: 0%;
}

.uui-logo_logomark-blur-2 {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-logo_logomark-dot-2 {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logotype-2 {
  flex: none;
  width: auto;
  height: 100%;
}

.uui-navbar01_heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-navbar01_item-heading {
  color: var(--untitled-ui--gray900);
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar01_item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-navbar01_item-button-wrapper {
  margin-top: .75rem;
}

.uui-navbar01_dropdown-content-heading {
  color: var(--untitled-ui--primary600);
  letter-spacing: normal;
  margin-left: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
}

.uui-navbar01_dropdown-content-button-wrapper {
  letter-spacing: normal;
  margin-top: 1rem;
  margin-left: .75rem;
  font-size: .875rem;
}

.uui-badge-small-success {
  grid-column-gap: .25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-logo_image-2 {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.text-block-16 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.div-block-28 {
  margin-top: 1rem;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.text-size-medium {
  font-size: 1.125rem;
}

.padding-section-large {
  padding-top: 10%;
  padding-bottom: 10%;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacer-small {
  width: 100%;
  padding-top: 1.5rem;
}

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.cta1_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  padding: .75rem 1.5rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.cta1_image {
  width: 100%;
  height: 100%;
}

.section-8 {
  background-color: #fff;
  padding: 4rem 2rem;
}

.div-block-29 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.timeline1_progress {
  z-index: 0;
  color: #000;
  flex-direction: column;
  align-items: center;
  width: 2rem;
  height: 100%;
  display: flex;
  position: absolute;
  left: 1.6rem;
}

.timeline1_progress-line {
  z-index: 1;
  opacity: 1;
  outline-offset: 0px;
  color: #fff;
  background-color: #a5b2c2;
  border: 1px #000;
  border-radius: 0;
  outline: 1px #000;
  width: 4px;
  height: 50vh;
  margin-top: -50vh;
  position: sticky;
  top: 0;
}

.timeline1_line {
  opacity: .15;
  color: #000;
  width: 3px;
  height: 100%;
}

.timeline1_progress-line-cover {
  z-index: 2;
  width: 100%;
  height: 50vh;
  position: absolute;
  top: -50vh;
}

.uui-navbar07_dropdown-toggle {
  color: #fff;
  align-items: center;
  padding: .75rem 2.5rem .75rem 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
  transition: all .3s;
  display: none;
}

.uui-navbar07_dropdown-toggle:hover {
  color: #fffc;
  letter-spacing: 0;
}

.uui-navbar07_dropdown-link-list-copy-copy {
  grid-column-gap: 0px;
  grid-row-gap: .5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: block;
}

.nappi-3 {
  color: #000;
  background-color: #fff;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  padding: .7rem 2rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 100%;
  transition: all .2s;
  display: flex;
}

.nappi-3:hover {
  letter-spacing: 1px;
  text-indent: 0;
  padding-top: .7rem;
  padding-bottom: .7rem;
  font-style: normal;
  line-height: 100%;
}

.nappi-3.sumea {
  box-shadow: none;
  color: #fff;
  background-color: #a3a398;
  border: 1px solid #9b9b8e;
}

.nappi-3.sumea.mob {
  display: none;
}

.nappi-3.reuna {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #fff;
  background-color: #fff0;
  border: 1px solid #fff9;
}

.nappi-3.reuna.desk {
  font-weight: 300;
}

.nappi-3.reuna.desk:hover {
  color: #ffffffb3;
  letter-spacing: 0;
}

.nappi-3.reuna.desk.yhteytta {
  border-color: #fff0;
  font-weight: 300;
}

.uui-navbar07_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar07_dropdown-link:hover {
  background-color: #f9fafb;
}

.uui-navbar07_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar07_item-heading {
  color: #000;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.uui-navbar07_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: .5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: none;
}

.uui-logo_component-3 {
  flex-wrap: nowrap;
  width: auto;
  height: 3rem;
  display: flex;
}

.uui-navbar07_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar07_menu-button {
  padding: 0;
}

.uui-navbar07_logo-link {
  padding-left: 0;
}

.uui-navbar07_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.uui-navbar07_menu {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-navbar07_button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.uui-dropdown-icon-2 {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-navbar07_dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar07_dropdown-list.w--open {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: .75rem;
  width: 20rem;
  padding: .75rem;
  right: -100%;
  box-shadow: 0 12px 16px -4px #0000004d;
}

.section-9 {
  background-color: #10171b;
  height: auto;
  min-height: 100vh;
  padding: 8rem 2rem;
  display: flex;
  position: relative;
}

.div-block-30 {
  z-index: 2;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  align-items: stretch;
  display: flex;
  position: relative;
}

.div-block-31 {
  width: 40%;
  height: auto;
  position: static;
  top: 0;
}

.div-block-32 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-block-33 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #ffffff26;
  border: 1px #ffffff26;
  border-radius: 4px;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  padding: 2rem 1rem;
  display: flex;
  box-shadow: inset 0 2px 15px -3px #ffffff21;
}

.section-10 {
  background-color: #fff;
  padding: 6rem 10%;
}

.heading-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 100%;
}

.div-block-34 {
  background-color: #fff6;
  border-top: 1px #fff;
  width: 100%;
  height: 1px;
}

.div-block-35 {
  background-color: #0000;
  background-image: url('../images/Untitled-Project-91.avif');
  background-position: 0 0;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.div-block-36 {
  z-index: 1;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #000000b0;
  padding: 10% 5%;
  position: absolute;
  inset: 0%;
}

.div-block-37 {
  position: static;
}

.div-block-38 {
  position: static;
  top: 4rem;
}

.text-span-6 {
  color: #384649cc;
}

.button-2 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-2.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button-2.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-2.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin: 0;
}

.margin-bottom.margin-xsmall, .margin-bottom.margin-large, .margin-bottom.margin-xxsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xxlarge {
  flex-flow: column;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.margin-bottom.margin-small-copy {
  margin: 0;
}

.margin-bottom.margin-small, .margin-bottom.margin-tiny, .margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.layout353_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.button-group-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.button-group-2.is-center {
  justify-content: center;
}

.layout353_icon-wrapper {
  display: inline-block;
}

.layout353_content-left {
  position: sticky;
  top: 30%;
}

.heading-style-h5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.margin-top, .margin-top.margin-medium, .margin-top.margin-small, .margin-top.margin-xxlarge, .margin-top.margin-medium {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-top.margin-medium.mob {
  display: none;
}

.margin-top.margin-medium {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.icon-1x1-medium {
  color: #fff;
  width: 3rem;
  height: 3rem;
}

.layout353_content-item {
  border: var(--\<unknown\|relume-variable-border-width\>) solid var(--\<unknown\|relume-variable-color-scheme-1-border\>);
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-foreground\>);
  margin-bottom: 2rem;
  padding: 2rem;
  position: sticky;
  overflow: hidden;
}

.layout353_content-item.content-item-1 {
  top: 30%;
}

.layout353_content-item.content-item-2 {
  top: 32%;
}

.layout353_content-item.content-item-3 {
  top: 34%;
}

.layout353_content-item.content-item-4 {
  top: 36%;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.section_layout353.color-scheme-1 {
  background-color: #fff;
  padding: 10% 5%;
}

.div991991 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 30%;
}

.text-span-7 {
  color: #384649cc;
}

.layout423_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.bodytext-2 {
  color: #fff;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 160%;
}

.layout423_card-content-bottom {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.button-3 {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-3.is-link {
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-3.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.layout423_image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.v-liotsikko {
  color: #000;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 120%;
}

.v-liotsikko.valko {
  color: #fff;
  font-size: 2.2rem;
  line-height: 120%;
}

.layout423_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.layout423_overlay {
  -webkit-backdrop-filter: saturate(114%) blur(6px);
  backdrop-filter: saturate(114%) blur(6px);
  background-color: #21272acc;
  position: absolute;
  inset: 0%;
}

.layout423_card-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-end;
  max-width: none;
  display: flex;
  position: relative;
}

.layout423_card {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  width: 50%;
  height: 100%;
  min-height: 70vh;
  padding: 2rem;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.layout423_card.text-color-white {
  color: #fff;
  border-radius: 8px;
  height: 100%;
  min-height: 40vh;
}

.layout423_hover-content {
  display: none;
}

.div-block-39 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  margin-top: 4rem;
  display: flex;
}

.button-4 {
  border: 1px solid var(--\<unknown\|relume-variable-neutral-shade-7\>);
  background-color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  color: var(--\<unknown\|relume-variable-neutral-white\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-4.is-secondary {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
}

.button-4.is-link {
  background-color: var(--\<unknown\|relume-variable-transparent\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-4.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.layout16_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  overflow: hidden;
}

.layout16_item-icon-wrapper {
  flex: none;
  align-self: flex-start;
}

.info-kohta {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  max-width: none;
  box-shadow: none;
  background-color: #fff;
  border: 1px #0000001a;
  border-radius: 10px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  margin-left: 0;
  padding: 2rem 0;
  display: flex;
}

.layout16_image {
  aspect-ratio: 1;
  filter: brightness(80%) saturate(72%);
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.icon-embed-xsmall.green {
  color: #57828c;
}

.layout16_content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: relative;
  inset: 0%;
}

.layout16_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.layout352_centre {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.rl-styleguide_label {
  color: #1e51f7;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #e8edff;
  padding: .25rem .5rem;
  font-size: .75rem;
  display: inline-block;
}

.component-instructions-list {
  padding-left: 1.25rem;
}

.layout352_layout {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.component-instructions-delete {
  z-index: 1;
  background-color: var(--\<unknown\|relume-variable-neutral-shade-1\>);
  color: var(--\<unknown\|relume-variable-neutral-shade-7\>);
  text-align: left;
  padding: 2rem;
  position: relative;
}

.layout352_progress-bar {
  z-index: -1;
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  width: 3px;
  height: 50vh;
  position: fixed;
  top: 0;
  bottom: 50vh;
}

.component-instructions-callout {
  background-color: #0000001a;
  align-items: center;
  padding: 1.5rem;
  line-height: 1.6;
}

.layout352_image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.hide {
  display: none;
}

.layout352_date-text {
  text-align: right;
}

.layout352_fade-overlay-top {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--\<unknown\|relume-variable-color-scheme-1-background\>), #fff0);
  width: 100%;
  height: 6rem;
  position: absolute;
  inset: 0% 0% auto;
}

.layout352_fade-overlay-bottom {
  z-index: 1;
  background-image: linear-gradient(0deg, var(--\<unknown\|relume-variable-color-scheme-1-background\>), #fff0);
  width: 100%;
  height: 6rem;
  position: absolute;
  inset: auto 0% 0%;
}

.layout352_image-wrapper {
  border-radius: var(--\<unknown\|relume-variable-radius-large\>);
  overflow: hidden;
}

.layout352_progress-background {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  opacity: .1;
  width: 100%;
  height: 100%;
}

.layout352_item {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr 12rem 1fr;
  grid-auto-columns: 1fr;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: grid;
  position: relative;
}

.timeline-on-page {
  z-index: 0;
  position: relative;
}

.layout352_timeline {
  z-index: -3;
}

.section_layout352 {
  z-index: -3;
  position: relative;
}

.section_layout352.color-scheme-1 {
  background-color: #1c262e;
}

.layout352_circle {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
  width: .9375rem;
  height: .9375rem;
  box-shadow: 0 0 0 8px var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  border-radius: 100%;
  position: sticky;
  top: 50vh;
}

.layout352_heading {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
}

.layout352_right {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
}

.text-weight-semibold {
  font-weight: 600;
}

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

.layout352_progress {
  z-index: -2;
  width: 3px;
  height: 100%;
  position: absolute;
}

.component-instructions-item {
  padding-left: .5rem;
}

.layout349_content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.background-holder {
  z-index: -999;
  opacity: 0;
  position: relative;
}

.button-5 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-5.is-secondary {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: #0000;
}

.button-5.is-link {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: #0000;
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-5.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.layout349_mobile-image {
  width: 100%;
  position: absolute;
}

.layout349_desktop-image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}

.layout349_component {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  position: relative;
}

.layout349_mobile-image-wrapper {
  display: none;
}

.ominaisuudet-kohta {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  margin-top: -2rem;
  margin-bottom: -2rem;
  display: flex;
}

.layout349_image {
  width: 100%;
  position: absolute;
}

.layout349_image.is-image3 {
  box-shadow: none;
  border-radius: 10px;
}

.layout349_image.is-image1 {
  box-shadow: none;
  border-radius: 16px;
}

.layout349_image.is-image2 {
  box-shadow: none;
  border-radius: 10px;
}

.layout349_image.is-image4 {
  box-shadow: none;
  border-radius: 12px;
  overflow: clip;
}

.background-layer {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.background-layer.background-color-1 {
  background-color: #e5e5e5;
}

.background-layer.background-color-2 {
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
}

.background-layer.background-color-3 {
  background-color: #e5e5e5;
}

.background-layer.background-color-4 {
  background-color: var(--\<unknown\|relume-variable-color-neutral-2\>);
}

.section-11 {
  background-image: url('../images/Untitled-Project-91.avif');
  background-position: 0 0;
  background-size: cover;
  padding: 0%;
  position: relative;
}

.div-block-40 {
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  background-color: #000c;
  background-image: linear-gradient(90deg, #0000, #9e9e9e00 62%, #ffffff47);
  padding: 10% 5%;
}

.section-11-copy {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  padding: 0%;
  position: relative;
}

.text-span-8, .text-span-9 {
  color: #384649cc;
}

.text-span-10 {
  color: #384649d9;
  font-weight: 500;
}

.section-12 {
  background-color: #fff;
  padding: 10% 5%;
}

.layout245_item {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  width: 100%;
  box-shadow: none;
  background-color: #f5f5f500;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.layout245_item:hover {
  box-shadow: none;
}

.layout245_content-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.layout245_list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-top: 1px #495b61;
  border-bottom: 1px #495b61;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  width: 100%;
  margin-top: 6rem;
  margin-bottom: 4rem;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.heading-style-h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.section_layout245 {
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-background\>);
  color: var(--\<unknown\|relume-variable-color-scheme-1-text\>);
}

.layout245_item-icon-wrapper {
  display: inline-block;
}

.layout245_content {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  width: 100%;
  margin-top: 1rem;
  display: grid;
}

.icon-embed-small-2 {
  opacity: 1;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.div-block-42 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px #38464980;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 1rem;
  padding-bottom: 0;
  display: flex;
}

.div-block-43 {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #0f181d66;
  background-image: none;
  position: absolute;
  inset: 0%;
}

.grid-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  width: 100%;
  max-width: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  background-image: none;
  border: 1px #fff3;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-content: start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.layout121_timeline-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.bodytext-3 {
  opacity: 1;
  font-weight: 300;
}

.container-large-2 {
  z-index: 2;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.layout121_timeline-icon-wrapper {
  z-index: 1;
  background-color: #75848c;
  border: 1px solid #ffffff1a;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  margin-top: -1.5rem;
  padding: 1rem;
  display: flex;
  position: relative;
}

.button-group-3 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.layout121_timeline-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.layout121_content {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
}

.button-6 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #204a8d;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  font-weight: 500;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, background-color .2s;
  display: flex;
  box-shadow: inset 0 -2px 1px #0003, inset 0 32px 24px #ffffff0d, inset 0 1px 1px 1px #ffffff40, inset 0 0 0 1px #00000026, 0 1px 2px #0000000d;
}

.button-6:hover {
  background-color: #193b70;
  transform: translate(0, -2px);
  box-shadow: inset 0 -2px 1px #0003, inset 0 32px 24px #ffffff0d, inset 0 1px 1px 1px #ffffff40, inset 0 0 0 1px #00000026, 0 2px 4px #0000000d;
}

.button-6.is-secondary {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #000;
  background-color: #0000000d;
  box-shadow: 0 1px 2px #0000000d, inset 0 -2px 1px #0000000d, inset 0 0 0 1px #0000000d;
}

.button-6.is-secondary:hover {
  background-color: #00000026;
  box-shadow: inset 0 24px 12px #ffffff14, inset 0 2px 1px #ffffff4d, inset 0 0 0 1px #0000001a, inset 0 -2px 1px #0000000d, 0 2px 4px #0000000d;
}

.button-6.is-secondary.is-alternate {
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  color: #fff;
  background-color: #ffffff1a;
  box-shadow: 0 1px 2px #0000000d, inset 0 -2px 1px #0000000d, inset 0 0 0 1px #ffffff1a;
}

.button-6.is-secondary.is-alternate:hover {
  background-color: #fff3;
}

.button-6.is-link {
  box-shadow: none;
  color: #000;
  background-color: #0000;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-6.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.layout121_progress-bar-wrapper {
  background-color: #0000;
  width: 2px;
  height: 75%;
  margin-bottom: 5rem;
  position: absolute;
  top: 10%;
  left: 2.4375rem;
  right: auto;
}

.layout121_progress-bar {
  background-color: #fff;
  width: 2px;
  height: 100%;
}

.layout121_progress-bar.veer {
  margin-top: -12px;
}

.layout121_content-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 2rem;
  display: flex;
  position: sticky;
  top: 25vh;
  bottom: 0;
}

.layout121_timeline-wrapper {
  position: relative;
}

.heading-style-h2-2 {
  letter-spacing: -.03rem;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.2;
}

.heading-style-h6 {
  letter-spacing: -.0125rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
}

.layout121_timeline-step {
  grid-column-gap: 2.5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.section-13 {
  background-image: url('../images/Untitled-Project-95.avif');
  background-position: 0 0;
  background-size: cover;
  padding: 0%;
  position: relative;
}

.div-block-44 {
  z-index: 1;
  -webkit-backdrop-filter: blur(60px);
  backdrop-filter: blur(60px);
  background-color: #0009;
  padding: 10% 5%;
  position: absolute;
  inset: 0%;
}

.section-14 {
  padding: 10% 5%;
}

.div-block-45 {
  margin-bottom: 1rem;
}

.svg-icon {
  color: #fff;
  width: 3rem;
  height: 3rem;
}

.svg-icon:hover {
  cursor: pointer;
}

.text-style-tagline {
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.pricing40_icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: .5rem;
}

.heading-style-h1 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.pricing40_plan {
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
  padding: 2rem 1.6rem;
  overflow: hidden;
  box-shadow: 0 2px 50px -5px #00000029;
}

.pricing40_plan.vakio {
  border: 1px solid #62727633;
  border-radius: 16px;
  box-shadow: 0 2px 50px -5px #0000001c;
}

.padding-section-large-2 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.margin-vertical, .margin-vertical.margin-medium {
  margin-left: 0;
  margin-right: 0;
}

.pricing40_grid-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: flex-end;
  margin-top: 4rem;
  display: flex;
}

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

.pricing40_feature.green {
  border-bottom: 1px solid #38464980;
  margin-bottom: 0;
  padding-bottom: 1rem;
}

.heading-style-h6-2 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.divider-horizontal {
  width: 100%;
  height: var(--\<unknown\|relume-variable-divider-width\>);
  background-color: var(--\<unknown\|relume-variable-color-scheme-1-border\>);
}

.pricing40_feature-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
  padding-bottom: .5rem;
  display: grid;
}

.heading-style-h2-3 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.mrgnb {
  margin: 1rem 0 2rem;
}

.mrgnb.margin-small {
  margin: 0;
}

.mrgnb.margin-xsmall, .mrgnb.margin-large, .mrgnb.margin-xxsmall, .mrgnb.margin-xxlarge {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.mrgnb.margin-small-copy {
  margin: 0;
}

.mrgnb.margin-small, .mrgnb.margin-tiny {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.pr-yl-osa {
  justify-content: space-between;
  margin: 0;
  display: flex;
}

.pr-yl-osa.margin-small {
  margin: 0;
}

.pr-yl-osa.margin-xsmall, .pr-yl-osa.margin-large, .pr-yl-osa.margin-xxsmall, .pr-yl-osa.margin-xxlarge {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.pr-yl-osa.margin-small-copy {
  margin: 0;
}

.pr-yl-osa.margin-small, .pr-yl-osa.margin-tiny {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.div-block-46 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.hinnmat {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  max-width: 48rem;
  display: flex;
}

.div-block-47 {
  border-top: 1px solid #38464980;
  margin-bottom: 1rem;
  padding-top: 1rem;
}

.div-block-48 {
  flex-flow: row;
  margin-top: 1rem;
  display: flex;
}

.section-15 {
  flex-flow: column;
  align-items: center;
  padding: 10% 5%;
  display: flex;
}

.faq5_accordion {
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 0;
  overflow: hidden;
  box-shadow: -5px 6px 30px -7px #38414742;
}

.faq5_question {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.button-group-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.heading-style-h2-4 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.icon-embed-small {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.faq5_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: start stretch;
  width: 90%;
  margin-top: 0;
  display: grid;
}

.faq5_icon-wrapper {
  align-self: flex-start;
  width: 2rem;
  display: flex;
}

.faq5_answer {
  padding: 0 1.5rem;
  overflow: hidden;
}

.faq5_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-49 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  margin-top: 2rem;
  display: flex;
}

.div-block-50 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.faq {
  background-color: #000;
  background-image: url('../images/Untitled-Project-91.avif');
  background-position: 0 0;
  background-size: cover;
  padding: 8rem 4rem;
  position: relative;
  overflow: hidden;
}

.div-block-51 {
  z-index: 2;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
  position: relative;
}

.div-block-52 {
  margin-bottom: 2rem;
}

.div-block-55 {
  border-radius: 10px;
  padding: 1rem;
  box-shadow: 0 2px 20px -7px #00000054;
}

.yhteys-hero {
  background-color: #585a5a;
  height: 50vh;
  position: relative;
  overflow: hidden;
}

.uui-text-style-link {
  color: var(--untitled-ui--gray600);
  text-decoration: underline;
  transition: color .3s;
}

.uui-text-style-link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-container-large-2 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding-2 {
  padding-left: 0;
  padding-right: 0;
}

.uui-text-size-large {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-form-checkbox-label {
  color: var(--untitled-ui--gray700);
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.uui-form-checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.uui-heading-medium-2 {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-field-label {
  color: var(--untitled-ui--gray700);
  margin-bottom: .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
}

.uui-button-3 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-3:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-3:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-form_input {
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: #101828;
  border-radius: .5rem;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .875rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  transition: all .3s;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-form_input:focus {
  color: var(--untitled-ui--gray900);
  border-color: #6885afab;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #6885af33;
}

.uui-form_input::placeholder {
  color: var(--untitled-ui--gray500);
}

.uui-form_input.text-area {
  color: #101828;
  height: auto;
  min-height: 8rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-family: Montserrat, sans-serif;
  overflow: auto;
}

.uui-form_input.text-area.alempi {
  min-height: 6rem;
}

.uui-form-checkbox-icon {
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  cursor: pointer;
  border-radius: .375rem;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .75rem;
  transition: all .3s;
}

.uui-form-checkbox-icon:hover {
  border-color: var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary50);
}

.uui-form-checkbox-icon.w--redirected-checked {
  background-color: var(--untitled-ui--primary50);
  box-shadow: none;
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .875rem .875rem;
  background-attachment: scroll;
  border-width: 1px;
  border-color: #5f7480;
  border-radius: .25rem;
}

.uui-form-checkbox-icon.w--redirected-focus {
  border-color: var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary50);
  box-shadow: 0 0 0 4px var(--untitled-ui--primary100);
  border-radius: .25rem;
}

.uui-form-field-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.uui-icon-1x1-xsmall-3 {
  color: #000;
  width: 1.5rem;
  height: 1.5rem;
}

.success-message {
  background-color: #f4f4f4;
  padding: 1.5rem;
}

.success-text {
  font-weight: 600;
}

.error-message {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.error-text {
  color: #e23939;
}

.uui-contact03_form-wrapper {
  flex-direction: column;
  align-items: stretch;
}

.uui-contact03_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

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

.uui-contact03_icon-wrapper {
  color: var(--untitled-ui--primary600);
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
}

.uui-contact03_contact-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 3rem;
  display: grid;
}

.uui-contact03_form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-text-style-link-02 {
  color: var(--untitled-ui--primary700);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 0;
  padding-bottom: 0;
}

.uui-form-button-wrapper {
  flex-direction: column;
  margin-top: .5rem;
  display: flex;
}

.link-3 {
  color: #667a7e;
  text-decoration: none;
}

.checkbox {
  margin-top: 0;
  margin-left: 0;
}

.checkbox-field {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-left: -1rem;
  padding-left: 0;
  display: flex;
}

.link-4 {
  color: #57696d;
  text-decoration: none;
}

.section-12-copy {
  background-color: #fff;
  padding: 4rem;
}

.div-block-56 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.div-block-57 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.mobprosnappi {
  display: none;
}

.yhteys-p-osio {
  background-image: url('../images/Untitled-Project-91.avif');
  background-position: 0 0;
  background-size: cover;
  padding: 0%;
  position: relative;
}

.link-5 {
  color: #999;
  text-decoration: none;
}

.tilaa-demo-form {
  z-index: 9999;
  background-color: #0006;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-72 {
  background-color: #fff;
  border-radius: 10px;
  min-width: 800px;
  padding: 1rem;
  position: relative;
  box-shadow: 0 0 40px -8px #00000021;
}

.link-block-2 {
  padding: 1rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.formi {
  margin-top: 1rem;
  margin-bottom: 0;
  display: block;
}

.code-embed {
  margin-bottom: 0;
  display: none;
}

.div-block-73 {
  z-index: 9999;
  background-color: #0003;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-74 {
  background-color: #fff;
  border-radius: 10px;
  min-width: 800px;
  padding: 2rem 1rem 1rem;
  position: relative;
}

.link-block-3 {
  padding: 1rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.div-block-75 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px #38464980;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 1rem;
  padding-bottom: 0;
  display: flex;
}

.div-block-61 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: space-between;
  display: flex;
}

.otsikko-2 {
  color: #000;
  letter-spacing: -3px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 4.6rem;
  font-weight: 400;
  line-height: 100%;
}

.otsikko-2.pieni {
  color: #232d30;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

.otsikko-2.pieni.valko {
  color: #fff;
  letter-spacing: -1px;
  font-size: 2rem;
}

.otsikko-2.pieni.maksimi {
  -webkit-text-fill-color: transparent;
  background-color: #4d5d6d;
  background-image: linear-gradient(124deg, #000, #537692 33%, #000 56%, #4f697e 80%, #000);
  -webkit-background-clip: text;
  background-clip: text;
}

.otsikko-2.pieni.hinta2 {
  font-size: 1.6rem;
}

.otsikko-2.valko {
  color: #000;
  letter-spacing: -3px;
  font-size: 4.4rem;
  font-weight: 400;
}

.otsikko-2.valko.center {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  line-height: 120%;
}

.div-block-60 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 10px;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-60.ver {
  margin-top: 2rem;
}

.icon-embed-small-3 {
  opacity: 1;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.div-block-76 {
  background-color: #fff;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
  box-shadow: -5px 11px 20px -9px #778f9eab;
}

.div-block-68 {
  display: none;
}

.hy-tybox {
  background-color: #fdfdfd;
  border: 1px #0000001a;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  height: 22.5rem;
  padding: 0 1.5rem 2rem;
  display: flex;
  box-shadow: 0 0 20px -5px #00000036;
}

.hy-tybox.ver {
  width: 33%;
  height: auto;
  padding-top: 2rem;
}

.bodytext-4 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.bodytext-4.tumma {
  opacity: .9;
  color: #273133;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.section-16 {
  z-index: 2;
  background-color: #fafafa;
  background-image: none;
  flex-flow: column;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4rem;
  display: flex;
  position: relative;
}

.bold-text-3 {
  font-weight: 500;
}

.div-block-77 {
  margin-bottom: 1rem;
  position: static;
}

.div-block-78 {
  -webkit-backdrop-filter: saturate(65%) blur(80px);
  backdrop-filter: saturate(65%) blur(80px);
  background-color: #000000b3;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#00000061, #fff0), linear-gradient(#0000, #5c6b7e1a), linear-gradient(90deg, #0000, #9e9e9e00 62%, #fff3);
  padding: 0% 4rem 0;
  position: relative;
  box-shadow: 0 2px 20px #0000001f;
}

.section-17 {
  background-image: url('../images/Untitled-Project-91.avif');
  background-position: 0 0;
  background-size: cover;
  padding: 0%;
  display: none;
  position: relative;
}

.div-block-79 {
  width: 90%;
}

.bodytext-5 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.bodytext-5.iso {
  color: #000000f2;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1rem;
}

.div-block-80 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px #38464980;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 1rem;
  padding-bottom: 0;
  display: flex;
}

.section-18 {
  background-color: #fff;
  padding: 2rem 4rem 6rem;
}

.div-block-81 {
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
  box-shadow: 0 2px 30px -9px #00000069;
}

.bodytext-6 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.bodytext-6.tumma {
  opacity: .9;
  color: #273133;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.div-block-82 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px #38464980;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 1rem;
  padding-bottom: 0;
  display: flex;
}

.section-19 {
  background-color: #fff;
  padding: 10% 5%;
}

.div-block-83 {
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: .5rem;
  display: flex;
  box-shadow: 0 2px 30px -9px #00000069;
}

.bodytext-7 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.bodytext-7.tumma {
  opacity: .9;
  color: #273133;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.div-block-84 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.div-block-85 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  aspect-ratio: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 100%;
  margin-top: 8rem;
  display: grid;
  position: relative;
}

.div-block-86 {
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-87 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-88 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  align-items: flex-start;
  width: 90%;
  max-width: none;
  margin-left: 0;
  display: flex;
}

.div-block-89 {
  margin-top: 0;
  display: flex;
}

.text-span-11 {
  color: #727272;
}

.image-4 {
  opacity: .2;
  filter: saturate(78%) blur(17px) brightness(116%);
  width: 100%;
  overflow: visible;
}

.div-block-90 {
  width: 100%;
}

.bodytext-8 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.bodytext-8.ominaisuus {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  width: auto;
  padding: 0;
}

.bodytext-8.iso {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
}

.section-20 {
  z-index: 1;
  background-color: #000;
  background-image: none;
  flex-flow: column;
  align-items: center;
  padding: 4rem 2rem 12rem;
  display: none;
  position: relative;
  overflow: hidden;
}

.div-block-91 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.div-block-92 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  aspect-ratio: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 100%;
  margin-top: 8rem;
  display: grid;
  position: relative;
}

.div-block-93 {
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-94 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-95 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  align-items: flex-start;
  width: 90%;
  max-width: none;
  margin-left: 0;
  display: flex;
}

.div-block-96 {
  margin-top: 0;
  display: flex;
}

.text-span-12 {
  color: #727272;
}

.image-5 {
  opacity: .2;
  filter: saturate(78%) blur(17px) brightness(116%);
  width: 100%;
  overflow: visible;
}

.div-block-97 {
  width: 100%;
}

.bodytext-9 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.bodytext-9.ominaisuus {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  width: auto;
  padding: 0;
}

.bodytext-9.iso {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
}

.section-21 {
  z-index: 1;
  background-color: #000;
  background-image: none;
  flex-flow: column;
  align-items: center;
  padding: 4rem 2rem 12rem;
  display: none;
  position: relative;
  overflow: hidden;
}

.div-block-98 {
  position: static;
}

.div-block-99 {
  z-index: 2;
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
  position: relative;
}

.faq-2 {
  background-color: #000;
  background-image: url('../images/Untitled-Project-90.avif');
  background-position: 0 0;
  background-size: cover;
  padding: 8rem 4rem;
  position: relative;
  overflow: hidden;
}

.layout16_image-wrapper-2 {
  width: 100%;
  overflow: hidden;
}

.bodytext-10 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.div-block-100 {
  z-index: 1;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #0006;
  background-image: linear-gradient(90deg, #0000, #96969600 59%, #ffffff26);
  padding: 10% 4rem;
  position: absolute;
  inset: 0%;
}

.div-block-101 {
  flex-flow: row;
  margin-top: 1rem;
  display: flex;
}

.container-large-3 {
  z-index: 2;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.div-block-103 {
  margin-bottom: 1rem;
}

.section-22 {
  background-image: url('../images/Untitled-Project-95.avif');
  background-position: 0 0;
  background-size: cover;
  padding: 0% 2rem;
  position: relative;
}

.padding-section-large-3 {
  padding-top: 10%;
  padding-bottom: 10%;
}

.div-block-104 {
  z-index: 1;
  -webkit-backdrop-filter: saturate(80%) blur(60px);
  backdrop-filter: saturate(80%) blur(60px);
  background-color: #0009;
  background-image: none;
  padding: 10% 0;
  position: absolute;
  inset: 0%;
}

.bodytext-11 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.div-block-105 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.divider-horizontal-2 {
  width: 100%;
}

.bodytext-12 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.bodytext-12.tumma {
  opacity: .9;
  color: #273133;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.bodytext-12.tumma.green {
  color: #3f727e;
  font-weight: 500;
}

.bodytext-12.tumma.hinta {
  text-align: right;
  font-size: 1rem;
}

.bodytext-12.tumma.hinta.pieni, .bodytext-12.tumma.hinta.pieni.hinta2 {
  font-size: .8rem;
}

.bodytext-12.tumma.hinta.hinta2 {
  text-align: left;
  font-size: .8rem;
}

.bodytext-12.tumma.pienempi {
  margin-top: 1rem;
  font-size: .8rem;
  font-weight: 400;
}

.bodytext-12.tumma.bold {
  font-weight: 500;
}

.div-block-106 {
  border-top: 1px solid #38464980;
  margin-bottom: 1rem;
  padding-top: 1rem;
}

.div-block-106.hinta2 {
  margin-bottom: 2rem;
  padding-top: 1.5rem;
}

.section-23 {
  padding: 6rem 4rem;
}

.section-24 {
  flex-flow: column;
  align-items: center;
  padding: 10% 4rem;
  display: flex;
}

.div-block-107 {
  margin-bottom: 2rem;
}

.icon-embed-small-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.bodytext-13 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.bodytext-13.tumma {
  opacity: .9;
  color: #273133;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.bodytext-13.tumma.bold {
  margin-top: 0;
  font-size: 1.2rem;
  font-weight: 400;
  text-decoration: none;
}

.div-block-108 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.logo3_wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-109 {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  filter: none;
  -webkit-backdrop-filter: saturate(65%);
  backdrop-filter: saturate(65%);
  background-color: #00000087;
  background-image: linear-gradient(#00000073, #3330 20%, #fff0);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 4rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-109.t2 {
  align-items: flex-start;
}

.div-block-65 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-110 {
  width: 65%;
  max-width: 920px;
  margin-bottom: 0;
}

.div-block-110.l2 {
  width: 90%;
  max-width: 840px;
}

.div-block-110.l2.t2 {
  margin-left: 0;
}

.div-block-66 {
  justify-content: flex-end;
  display: flex;
}

.rkeirkeikrei-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #08070700;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.text-span-13 {
  color: #805997;
  -webkit-text-fill-color: transparent;
  background-color: #c5dbf1;
  background-image: linear-gradient(#b6d1eb, #fff);
  -webkit-background-clip: text;
  background-clip: text;
}

.uui-navbar01_menu-left-2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000000b3;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 40vw;
  height: 100vh;
  margin-right: 0;
  padding-top: 8rem;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: absolute;
  inset: 0% -2rem 0% auto;
}

.uui-logo_component-4 {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 2rem;
  display: flex;
}

.text-span-14 {
  color: #fff;
  font-weight: 600;
}

.div-block-67 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: none;
}

.div-block-62 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  opacity: .8;
  align-items: center;
  display: flex;
}

.text-span-15 {
  color: #d8e0eb;
  text-shadow: 0 1px 1px #000000a8;
  font-style: normal;
  font-weight: 600;
}

.div-block-111 {
  filter: contrast(141%) brightness(99%) saturate(82%) blur(40px);
  background-image: url('../images/Untitled-Project-94.avif');
  background-position: 0 0;
  background-size: cover;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0%;
}

.div-block-69 {
  margin-bottom: 1rem;
  display: flex;
}

.text-block-20 {
  text-decoration: none;
}

.menu-icon_line-middle-inner-2 {
  background-color: #fff0;
  width: 4px;
}

.menu-icon_line-middle-3 {
  background-color: #fff;
  width: 24px;
  height: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.menu-icon_line-middle-3.tumma {
  background-color: #000;
}

.logo3_list {
  grid-column-gap: 6rem;
  grid-row-gap: 1rem;
  white-space: nowrap;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center start;
  margin-right: 0;
  display: flex;
}

.section-25 {
  background-color: #585a5a;
  height: 100vh;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.section-25.l-nd-ri2.piilo {
  display: none;
}

.grid-copy-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  width: 100%;
  max-width: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  background-image: none;
  border: 1px #fff3;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-content: start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.grid-copy-2.t2 {
  align-items: flex-start;
}

.uui-navbar01_link-2 {
  color: #fff;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 1.75rem 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s;
}

.uui-navbar01_link-2:hover {
  color: #fff9;
}

.uui-navbar01_link-2.w--current {
  color: #fff;
  font-weight: 500;
}

.menu-icon_line-top-3 {
  background-color: #fff;
  border: 1px #fff;
  width: 24px;
  height: 2px;
}

.menu-icon_line-top-3.tumma {
  background-color: #000;
}

.bodytext-14 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.bodytext-14.iso {
  color: #ffffffe6;
  font-size: 1.2rem;
  font-weight: 400;
}

.bodytext-14.iso.hero {
  color: #fffc;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 400;
}

.bodytext-14.iso.hero.t2 {
  text-align: left;
}

.logo3_component {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  display: flex;
}

.menu-icon_line-bottom-3 {
  background-color: #fff;
  width: 24px;
  height: 2px;
}

.menu-icon_line-bottom-3.tumma {
  background-color: #000;
}

.uui-navbar01_component-2 {
  z-index: 9999;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  border-bottom: 1px #f2f4f7;
  align-items: center;
  height: 5rem;
  min-height: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.uui-navbar01_component-2.static {
  background-color: #fff0;
  position: relative;
}

.uui-navbar01_component-2.static-copy {
  background-color: #fff;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.uui-navbar01_container-2 {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.75fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.text-block-18 {
  color: #fff;
  text-align: center;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}

.display-2 {
  color: #fff;
  text-align: center;
  letter-spacing: -3px;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-family: Montserrat, sans-serif;
  font-size: 4.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  overflow: visible;
}

.display-2.left {
  text-align: left;
}

.display-2.tumma {
  color: #000;
}

.display-2.l-nd-ri {
  font-size: 3.8rem;
}

.display-2.l-nd-ri.tabhero-l2.t2 {
  text-align: left;
  font-size: 3rem;
}

.display-2.verk {
  font-size: 3.8rem;
}

.uui-navbar01_menu-2 {
  background-color: #0000;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 4rem;
  display: flex;
  position: static;
}

.div-block-59 {
  flex-flow: column;
  align-items: center;
  width: 100%;
  max-width: 1250px;
  margin-bottom: 1rem;
  display: flex;
}

.div-block-59.t2 {
  align-items: flex-start;
  margin-left: 0;
}

.div-block-59.verk {
  max-width: 1160px;
}

.div-block-112 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #fff;
  border-top: 1px #fff3;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 1rem 0 0;
  display: flex;
}

.div-block-112.l.t2 {
  align-items: flex-start;
}

.uui-navbar01_menu-button-2 {
  padding: 0;
  display: block;
}

.uui-navbar01_menu-button-2.w--open {
  background-color: #fff0;
}

.section_logo3 {
  overflow: visible;
}

.section_logo3.mob {
  display: none;
}

.div-block-58 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  border: 1px #fff3;
  border-radius: 100px;
  width: 80%;
  margin-bottom: 2rem;
  padding: .7rem 0;
  overflow: hidden;
}

.div-block-58.desk {
  border-top-style: solid;
  border-top-color: #fff9;
  border-radius: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1.4rem;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-58.desk.ver {
  margin-top: 6rem;
}

.div-block-58.desk.landing {
  margin-top: 0;
}

.div-block-58.desk.t2 {
  margin-top: 4rem;
}

.div-block-58.desk.l3 {
  margin-top: 0;
  padding-bottom: 1.4rem;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-58.mob {
  display: none;
}

.bold-text-4 {
  font-weight: 500;
}

.layout245_component-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1.75fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-113 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  box-shadow: none;
  background-color: #fff0;
  border: 1px #000;
  border-radius: 10px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: 0;
  display: grid;
}

.div-block-114 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.div-block-115 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.div-block-116 {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
}

.bold-text-5 {
  font-weight: 500;
}

.div-block-117 {
  margin-top: 2rem;
}

.section-26 {
  margin-bottom: 4rem;
  padding: 4rem;
  display: none;
}

.div-block-118 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border: 1px #232d3033;
  border-radius: 10px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  height: 610px;
  max-height: none;
  padding: 4rem 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 40px -4px #00000038;
}

.div-block-119 {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0000;
  border-radius: 0;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-120 {
  width: auto;
  height: 100%;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.div-block-121 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-6 {
  border-radius: 10px;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: clip;
}

.section-27 {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 6rem 4rem;
  display: none;
}

.div-block-122 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  max-width: 1200px;
  display: grid;
}

.div-block-122._2 {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-columns: .75fr 1fr;
}

.image-7 {
  border-radius: 10px;
}

.div-block-123 {
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 4rem;
  margin-left: 0;
  display: flex;
}

.section-28 {
  padding: 4rem;
}

.section-29 {
  padding: 10% 5%;
  display: flex;
}

.div-block-124 {
  position: static;
}

.kortti-mat {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  max-width: none;
  box-shadow: none;
  background-color: #fff;
  border: 1px #0000001a;
  border-radius: 10px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.div-block-125 {
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.image-8 {
  border-radius: 16px;
}

.div-block-126 {
  width: 70%;
}

.container-3 {
  max-width: 1000px;
  margin-top: 2rem;
}

.div-block-127 {
  margin-bottom: 1rem;
}

.info-kohta-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  max-width: none;
  box-shadow: none;
  background-color: #fff0;
  border: 1px #0000001a;
  border-radius: 10px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  margin-left: 0;
  padding: 2rem 0;
  display: flex;
}

.div-block-128 {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.code-embed-2 {
  z-index: 9999;
  position: fixed;
  inset: 0%;
}

.section-30 {
  height: 100vh;
}

.code-embed-3 {
  position: absolute;
}

.grid-copy-2-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  width: 100%;
  max-width: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  background-image: none;
  border: 1px #fff3;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-content: start;
  align-items: flex-start;
  margin-top: 4rem;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.div-block-112-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #fff;
  border: 1px #fff;
  border-top-color: #fff3;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.div-block-59-copy {
  width: 100%;
}

.div-block-110-copy {
  width: 70%;
  margin-bottom: 0;
}

.div-block-109-copy {
  z-index: 1;
  filter: none;
  -webkit-backdrop-filter: saturate(65%);
  backdrop-filter: saturate(65%);
  background-color: #00000087;
  background-image: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6rem 4rem;
  display: flex;
  position: relative;
  inset: 0%;
}

.section-31 {
  padding: 4rem 2rem;
}

.div-block-129 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  margin-top: 4rem;
  display: none;
}

.div-block-130 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid #0000004d;
  border-radius: 10px;
  flex-flow: column;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
}

.link-6 {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
}

.link-6:hover {
  opacity: .7;
}

.link-6.valko {
  color: #fff;
}

.link-6.valko.desk, .link-6.valko.desk.etuhero {
  display: flex;
}

.link-6.valko.desk.l2 {
  display: none;
}

.div-block-131 {
  margin-top: 1rem;
}

.div-block-132 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.section-32 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  min-height: 75vh;
  padding-bottom: 6rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.div-block-133 {
  z-index: 9999;
  position: static;
}

.heading-3 {
  color: #232d30;
  font-family: Montserrat, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 100%;
}

.div-block-134 {
  width: 70%;
}

.rkeirkeikrei-2-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #08070700;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.herootsikko {
  color: #232d30;
  font-family: Montserrat, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 100%;
  display: block;
}

.herootsikko.center {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-135 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.div-block-136 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #ffffff12;
  background-image: none;
  background-position: 0 0;
  border: 1px solid #ffffff1a;
  border-radius: 16px;
  flex-flow: column;
  align-items: flex-start;
  padding: 1rem 1rem 2rem 2rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-136:hover {
  background-color: #ffffff26;
}

.div-block-137, .div-block-138 {
  margin-top: 2rem;
}

.div-block-139 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-25-copy {
  background-color: #585a5a;
  height: auto;
  min-height: 0;
  padding-left: 0%;
  padding-right: 0%;
  position: relative;
  overflow: hidden;
}

.div-block-140 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000;
  background-image: linear-gradient(#0000005c, #fff0);
  position: absolute;
  inset: 0%;
}

.div-block-141 {
  z-index: 2;
  margin-top: 1rem;
  position: relative;
}

.italic-text {
  color: #232d30;
  font-style: italic;
  font-weight: 500;
}

.image-10 {
  display: block;
}

.uui-navbar01_container-2-copy {
  z-index: 120;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.75fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.menu-icon_line-top-3-copy {
  background-color: #fff;
  border: 1px #fff;
  width: 24px;
  height: 2px;
}

.div-block-142 {
  width: 70%;
}

.div-block-143 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-top: 1px #000000b3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.div-block-144 {
  border-left: 1px solid #232d30;
  border-right: 1px #000000b3;
  width: 33%;
  padding: 1rem 1rem 0;
}

.div-block-144.reuna {
  border-right-style: none;
}

.div-block-145 {
  margin-top: 1rem;
}

.section-33 {
  padding: 4rem 2rem;
}

.div-block-146 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
}

.div-block-147 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.div-block-148 {
  background-color: #fdfdfd;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
  box-shadow: 0 2px 20px -5px #00000024;
}

.image-11 {
  width: 80%;
}

.div-block-149 {
  justify-content: flex-end;
  align-items: center;
  margin-top: -2rem;
  margin-bottom: -2rem;
  padding: 2rem;
  display: flex;
}

.menu-sv {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  display: none;
}

.burger-link {
  display: none;
}

.link-block-8 {
  justify-content: flex-start;
  align-items: center;
  width: 6rem;
  height: 100%;
  display: flex;
}

.div-block-310 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.sv-nappi-2-teksti-valko {
  color: #fff;
  background-color: #fff0;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.sv-nappi-2-teksti-valko:hover {
  color: #fffc;
  letter-spacing: 0;
}

.div-block-282 {
  z-index: 9999;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  background-image: none;
  border-bottom: 1px #ffffff26;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 4rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
  overflow: hidden;
}

.div-block-297 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  display: flex;
}

.image-35 {
  width: 100%;
}

.div-block-311 {
  z-index: 2;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-312 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-313 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.uui-navbar07_component {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background-color: #fff0;
  background-image: linear-gradient(#0006, #0003);
  border-bottom: 1px solid #fff3;
  align-items: center;
  height: 5rem;
  min-height: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.nappi-4 {
  color: #000;
  background-color: #fff;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  padding: .7rem 2rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 100%;
  transition: all .2s;
  display: flex;
}

.nappi-4:hover {
  letter-spacing: 1px;
  text-indent: 0;
  padding-top: .7rem;
  padding-bottom: .7rem;
  font-style: normal;
  line-height: 100%;
}

.nappi-4.sumea {
  box-shadow: none;
  color: #fff;
  background-color: #a3a398;
  border: 1px solid #9b9b8e;
}

.nappi-4.sumea.mob {
  display: none;
}

.nappi-4.reuna {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: #fff;
  background-color: #fff0;
  border: 1px solid #fff9;
}

.nappi-4.reuna.desk {
  font-weight: 300;
}

.nappi-4.reuna.desk:hover {
  color: #ffffffb3;
  letter-spacing: 0;
}

.nappi-4.reuna.desk.yhteytta {
  border-color: #fff0;
  font-weight: 300;
}

.image-55 {
  width: 100%;
}

.uui-logo_component-5 {
  flex-wrap: nowrap;
  width: 8rem;
  height: auto;
  display: flex;
}

.div-block-314 {
  width: 90%;
  margin-bottom: 1rem;
}

.rt-autofit {
  object-fit: cover;
}

.rt-underline-off {
  z-index: 1;
  text-decoration: none;
  position: relative;
}

.rt-change-padding {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 45px;
}

.rt-display-off {
  display: none;
}

.rt-autofit-2 {
  object-fit: cover;
  border-radius: 10px;
}

.rt-overflow-off {
  overflow: hidden;
}

.rt-menu-icon {
  filter: invert();
}

.rt-menu-icon.rt-dropdown-arrow {
  margin-top: 3px;
}

.rt-header-2 {
  background-color: #fff;
  position: relative;
}

.rt-header-2.rt-change-padding {
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: Outfit;
  font-weight: 300;
  display: none;
}

.rt-button-circle-block {
  background-color: var(--radiant-ui-components-library-marketplace--color--theme-color);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.rt-button-circle-block.rt-overflow-off {
  flex: none;
}

.rt-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr .7fr;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.rt-nav-main {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.rt-arrow-white-2 {
  position: relative;
}

.rt-padding-all {
  max-width: none;
  overflow: visible;
}

.rt-button-circle-main {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 37px;
  min-width: 37px;
  height: 37px;
  min-height: 37px;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.rt-button-main-7 {
  color: #fff;
  letter-spacing: .0625em;
  text-transform: capitalize;
  background-color: #0000;
  font-size: 1.25rem;
  line-height: 1.6875rem;
  position: relative;
}

.rt-button-main-7.rtcolor-black {
  color: var(--radiant-ui-components-library-marketplace--color--heading-dark);
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.rt-dropdown-list-4 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  min-width: 260px;
  padding: 20px;
  display: flex;
  box-shadow: 0 2px 30px #0000001a;
}

.rt-dropdown-list-4.w--open {
  display: flex;
}

.rt-dropdown-list-4.rt-display-off {
  display: none;
}

.rt-dropdown-toggle-3 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 30px;
  display: flex;
}

.rt-agentic {
  z-index: 99;
}

.rt-button-13 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--radiant-ui-components-library-marketplace--color--theme-color);
  border-radius: 50px;
  grid-template-rows: auto;
  grid-template-columns: auto 18px;
  grid-auto-columns: 1fr;
  align-content: center;
  place-items: center start;
  padding: 5px 20px 5px 25px;
  display: grid;
}

.rt-button-13.rt-underline-off.rtresponsive-display-off {
  grid-template-columns: auto 30px;
}

.rt-hamburger {
  z-index: 9;
  position: relative;
}

.rt-menu-hamburger-main {
  display: none;
}

.rt-menu-font {
  color: #0d1018;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.rt-menu-font.rt-menu-font-small {
  font-size: 14px;
  line-height: 24px;
}

.rt-menu-font.rt-menu-font-small:hover {
  color: var(--radiant-ui-components-library-marketplace--color--theme-color);
}

.rt-responsive-display-off {
  z-index: 9;
}

.uui-text-size-small-3 {
  color: #fff;
  letter-spacing: normal;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  line-height: 1.5;
}

.show-tablet-2 {
  display: none;
}

.uui-button-4 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-4:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button-4:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-dropdown-icon-3 {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-icon-1x1-xsmall-4 {
  color: #6c7986;
  -webkit-text-stroke-color: #fff;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.uui-navbar05_dropdown-content-left {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.uui-navbar05_bottom-bar {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.uui-navbar05_bottom-bar-content {
  z-index: 1;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.uui-navbar05_bottom-bar-background {
  background-color: var(--untitled-ui--gray50-2);
  width: 200vw;
  position: absolute;
  inset: 0% -50vw;
}

.uui-navbar05_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: 1rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar05_dropdown-content {
  width: 100%;
  display: flex;
}

.uui-button-link-2 {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--primary700);
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-link-2:hover {
  color: var(--untitled-ui--primary800);
}

.uui-navbar05_component {
  z-index: 99999;
  background-color: #0000;
  background-image: none;
  border-bottom: 1px #fff3;
  align-items: center;
  height: 5rem;
  min-height: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.uui-navbar05_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.uui-navbar05_logo-link {
  width: 8rem;
  height: 4rem;
  padding-left: 0;
}

.uui-navbar05_menu {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: 5rem;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-navbar05_menu-left {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.uui-navbar05_link {
  color: #fff;
  align-items: center;
  padding: 1.75rem 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s;
}

.uui-navbar05_link:hover {
  color: #ffffffb3;
}

.uui-navbar05_link.w--current {
  color: #fff;
}

.uui-navbar05_menu-dropdown {
  position: static;
}

.uui-navbar05_dropdown-toggle {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar05_dropdown-toggle:hover {
  color: #fffc;
}

.uui-navbar05_dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar05_dropdown-list.w--open {
  background-color: #fff;
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 5.0625rem auto auto 0%;
  overflow: hidden;
}

.uui-navbar05_menu-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar05_menu-button {
  padding: 0;
}

.uui-navbar05_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.uui-navbar05_icon-holder {
  flex: none;
}

.uui-navbar05_dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar05_dropdown-link:hover {
  background-color: var(--untitled-ui--gray50-2);
}

.uui-navbar05_text-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.uui-button-secondary-gray-3 {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray-3:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray-3:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray-3.show-tablet-2 {
  display: none;
}

.uui-button-tertiary-gray-2 {
  grid-column-gap: .5rem;
  color: var(--untitled-ui--gray600);
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-button-tertiary-gray-2:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray700);
}

.uui-navbar05_button-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.uui-logo_component-6 {
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.uui-logo_logomark-3 {
  border: .1px solid #dae0e8;
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}

.uui-styleguide_logomark-bg-3 {
  border-radius: 8px;
  width: 2rem;
  height: 2rem;
  position: absolute;
  inset: 0%;
}

.uui-logo_logomark-blur-3 {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #fff3;
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: 50% 0% 0%;
  overflow: hidden;
}

.uui-logo_logomark-dot-3 {
  z-index: 1;
  background-image: linear-gradient(26.5deg, #6941c6, #53389e);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: relative;
}

.uui-logo_logotype-3 {
  flex: none;
  width: auto;
  height: 100%;
}

.icon-featured-large {
  background-color: var(--untitled-ui--primary100);
  width: 3rem;
  height: 3rem;
  color: var(--untitled-ui--primary600);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uui-badge-small-success-2 {
  grid-column-gap: .25rem;
  background-color: var(--untitled-ui--success50);
  color: var(--untitled-ui--success700);
  white-space: nowrap;
  mix-blend-mode: multiply;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.uui-navbar05_item-heading {
  color: var(--untitled-ui--gray900);
  margin-bottom: .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.uui-navbar05_item-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.uui-logo_image-3 {
  flex: none;
  width: auto;
  height: 100%;
  display: none;
}

.text-block-21 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.uui-dropdown-icon-4 {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-navbar07_item-right-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.uui-navbar07_icon-wrapper {
  color: var(--untitled-ui--primary600);
  flex: none;
}

.uui-navbar07_dropdown-link-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 1rem .75rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
}

.uui-navbar07_dropdown-link-2:hover {
  opacity: 1;
  background-color: #0000000d;
  border: 1px #00000026;
}

.uui-navbar07_dropdown-link-list-2 {
  grid-column-gap: 0px;
  grid-row-gap: .5rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.uui-navbar07_component-2 {
  border-bottom: 1px solid var(--untitled-ui--gray100);
  background-color: #fff;
  align-items: center;
  min-height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.uui-navbar07_container-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-navbar07_logo-link-2 {
  padding-left: 0;
}

.uui-navbar07_menu-2 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-navbar07_link {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: .75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
}

.uui-navbar07_link:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar07_link.w--current {
  color: #000;
}

.uui-navbar07_dropdown-toggle-2 {
  color: var(--untitled-ui--gray600);
  align-items: center;
  padding: .75rem 2rem .75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar07_dropdown-toggle-2:hover {
  color: var(--untitled-ui--gray700);
}

.uui-navbar07_menu-right-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.uui-navbar07_menu-button-2 {
  padding: 0;
}

.uui-navbar07_dropdown-list-2 {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar07_dropdown-list-2.w--open {
  border: 1px none var(--untitled-ui--gray200);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0003;
  border-radius: .75rem;
  width: 20rem;
  padding: .75rem;
  right: -100%;
  box-shadow: 0 12px 16px -4px #00000030, 0 4px 6px -2px #1018281c;
}

.uui-navbar07_button-wrapper-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.uui-logo_component-7 {
  flex-wrap: nowrap;
  width: auto;
  height: 2rem;
  display: flex;
}

.uui-navbar07_item-heading-2 {
  color: #fff;
  text-shadow: none;
  margin-top: 0;
  margin-bottom: .25rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.text-block-22 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.section-34 {
  z-index: 10;
  box-shadow: none;
  background-color: #fff;
  flex-flow: column;
  align-items: center;
  padding: 6rem 4rem 4rem;
  display: block;
  position: relative;
}

.section-34.l2 {
  padding-top: 2rem;
}

.div-block-315 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  display: grid;
}

.div-block-316 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border: 1px solid #00000029;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 1.5rem 1.5rem;
  display: flex;
  box-shadow: 0 2px 12px -5px #00000063;
}

.div-block-316.ver {
  padding-bottom: 2rem;
}

.div-block-316.kaksois {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding-bottom: 2rem;
}

.text-block-23 {
  color: #00000080;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.image-56 {
  filter: brightness(97%);
  border-radius: 16px;
  width: 100%;
  margin-top: 0;
}

.div-block-317 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.div-block-318 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  align-items: flex-start;
  width: 90%;
  margin-left: 0;
  display: flex;
}

.div-block-318.ver {
  width: 80%;
}

.mustalogo-nav {
  display: block;
}

.valkologo-nav {
  flex: none;
  width: auto;
  height: auto;
  display: block;
}

.valkologo-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.mustalogo-wrap {
  opacity: 0;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-319 {
  width: 80%;
}

.div-block-320 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.section-35 {
  padding: 6rem 4rem 4rem;
}

.section-35.l-nd-ri2 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section-35.verk {
  z-index: 2;
  position: relative;
  box-shadow: 0 2px 30px -2px #00000024;
}

.div-block-321 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.div-block-322, .div-block-323 {
  margin-top: 1rem;
}

.div-block-324 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.div-block-325 {
  margin-top: 1rem;
}

.div-block-115-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  align-items: flex-start;
  max-width: 560px;
  margin: 2rem 0;
  display: flex;
}

.image-57 {
  filter: contrast(109%) brightness(97%);
  border-radius: 16px;
  width: 80%;
}

.div-block-326 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.bold-text-6, .bold-text-7 {
  font-weight: 500;
}

.boxilabel {
  color: #cad6e2;
  text-align: center;
  text-transform: none;
  border: 1px solid #b3c2cf80;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: .5rem 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
}

.ver-ref-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fdfdfd;
  border: 1px #0000001a;
  border-radius: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding: 1.5rem 0 0 2rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 4px 3px 20px -5px #00000026;
}

.ver-ref-box:hover {
  background-color: #fff;
  box-shadow: 4px 3px 20px -2px #0000003d;
}

.ver-ref-box.ver {
  width: 33%;
  height: auto;
  padding-top: 2rem;
}

.div-block-61-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.div-block-329 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-58 {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.div-block-330 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-331 {
  margin-top: 1rem;
}

.div-block-123-copy {
  flex-flow: column;
  align-items: center;
  margin-bottom: 4rem;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.section-16-copy.verk {
  z-index: 1;
  background-color: #fafafa00;
}

.div-block-332 {
  margin-top: 2rem;
  display: flex;
}

.div-block-333 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  height: 100%;
  display: flex;
}

.footlinkots {
  color: #232d30;
  margin-bottom: 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}

.text-block-24 {
  color: #232d30;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  position: static;
}

.div-block-334 {
  margin-top: 1rem;
}

.code-embed-4 {
  width: 4rem;
  height: 4rem;
  margin-top: 1rem;
}

.icon-embed-xsmall-2 {
  color: #232d30;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-top: 1rem;
  margin-bottom: -4px;
  display: flex;
}

.div-block-335 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.div-block-336 {
  margin-top: 0;
}

.div-block-337 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #62727633;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 2rem;
  padding: 2rem;
  display: grid;
  box-shadow: 0 2px 50px -5px #0000001c;
}

.div-block-338 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.section-16-copy {
  z-index: 2;
  background-color: #fafafa;
  background-image: none;
  flex-flow: column;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4rem;
  display: flex;
  position: relative;
}

.hy-dyt-ai {
  z-index: 2;
  background-color: #fafafa;
  background-image: none;
  flex-flow: column;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 4rem;
  display: none;
  position: relative;
}

.ikonivalkoh {
  opacity: 1;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-left: -8px;
  display: flex;
}

.section-36 {
  padding: 4rem 4rem 2rem;
}

.section-36.l2 {
  z-index: 9;
  padding-top: 2rem;
  padding-bottom: 4rem;
  position: relative;
  box-shadow: 0 0 30px 3px #00000014;
}

.section-36.verk {
  z-index: 3;
  background-color: #fff;
  position: relative;
}

.section-34-copy {
  z-index: 3;
  box-shadow: none;
  flex-flow: column;
  align-items: center;
  padding: 6rem 4rem 4rem;
  display: block;
  position: relative;
}

.div-block-320-copy, .div-block-320-copy-copy, .div-block-320-copy-copy-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  margin-top: 4rem;
  display: flex;
}

.uui-contact03_item-copy {
  align-items: center;
  margin-top: 1.5rem;
  margin-bottom: .5rem;
  display: flex;
}

.icon-embed-xsmall-2-copy {
  opacity: 1;
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  transition: all .2s;
  display: flex;
}

.icon-embed-xsmall-2-copy:hover {
  opacity: 100;
}

.link-block-9 {
  grid-column-gap: .9rem;
  grid-row-gap: .9rem;
  align-items: center;
  width: 2rem;
  height: 2rem;
  text-decoration: none;
  display: flex;
}

.hinta-arvio-wf-lomake {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.hinta-arvio-form {
  z-index: 9999;
  background-color: #0000004d;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.hinta-arvio-form-box {
  background-color: #fff;
  border-radius: 10px;
  min-width: 800px;
  padding: 0 1rem;
  position: relative;
  box-shadow: 0 0 40px -8px #00000021;
}

.varauskalentericomponent {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

.code-embed-5 {
  width: 100%;
  margin-bottom: 0;
}

.uui-contact03_content-copy {
  width: 90%;
}

.div-block-339 {
  margin-top: 1rem;
}

.uui-contact03_content-copy-copy {
  width: 90%;
}

.div-block-340 {
  margin-top: 1rem;
}

.italic-text-2 {
  font-style: normal;
  font-weight: 400;
}

.landing-hero {
  background-color: #585a5a;
  height: 60vh;
  position: relative;
  overflow: hidden;
}

.div-block-3-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-bottom: 1px #fff3;
  flex-flow: column;
  width: 90%;
  max-width: 900px;
  margin-bottom: 2rem;
  margin-left: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-58-copy {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  border: 1px #fff3;
  border-radius: 100px;
  width: 80%;
  margin-bottom: 2rem;
  padding: .7rem 0;
  overflow: hidden;
}

.div-block-58-copy.desk {
  border-top-style: solid;
  border-top-color: #fff9;
  border-radius: 0;
  width: 100%;
  margin-top: 6rem;
  margin-bottom: 0;
  padding-top: 1rem;
}

.div-block-58-copy.desk.ver {
  margin-top: 6rem;
}

.div-block-58-copy.desk.landing {
  margin-top: 0;
}

.div-block-58-copy.mob {
  display: none;
}

.section-12-copy-copy {
  background-color: #fff;
  padding: 4rem;
}

.landing-hy-dyt {
  background-color: #585a5a;
  height: auto;
  min-height: 0;
  padding-left: 0%;
  padding-right: 0%;
  position: relative;
  overflow: hidden;
}

.div-block-138-copy {
  margin-top: 2rem;
}

.layout121_content-left-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 2rem;
  padding-top: 1rem;
  display: flex;
  position: sticky;
  top: 25vh;
  bottom: 0;
}

.div-block-341 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-top: 2rem;
  display: flex;
}

.l-nd-rin-navi {
  z-index: 99999;
  background-color: #0000;
  background-image: none;
  border-bottom: 1px #fff3;
  align-items: center;
  height: 5rem;
  min-height: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.link-block-10 {
  width: 100%;
}

.varaustehty-hero {
  background-color: #585a5a;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.div-block-2-copy {
  z-index: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000008f;
  background-image: linear-gradient(#0000004f, #0000 72%, #0006 104%);
  flex-flow: column;
  justify-content: center;
  padding-bottom: 2rem;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-342 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: row;
  align-items: flex-end;
  display: flex;
}

.link-block-11 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  text-decoration: none;
  display: flex;
}

.varaustehtyboxi {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  max-width: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  background-image: none;
  border: 1px #fff3;
  border-radius: 12px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-content: start;
  align-items: center;
  margin-bottom: 1rem;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.div-block-343 {
  justify-content: center;
  display: flex;
}

.div-block-343.mob {
  display: none;
}

.varaustehtyheroovelay {
  z-index: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000008f;
  background-image: linear-gradient(#0000004f, #0000 72%, #0006 104%);
  flex-flow: column;
  justify-content: center;
  padding-bottom: 2rem;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-344 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 2rem;
  display: flex;
}

.italic-text-3 {
  font-style: normal;
  font-weight: 500;
}

.div-block-345 {
  justify-content: center;
  align-items: center;
  width: 4rem;
  display: flex;
}

.code-embed-6, .code-embed-7 {
  color: #fff;
}

.kiitossivuicon {
  opacity: .9;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  transition: all .2s;
  display: flex;
}

.kiitossivuicon:hover {
  opacity: 100;
}

.code-embed-8 {
  color: #fff;
}

.div-block-346 {
  width: 4rem;
  height: 4rem;
}

.div-block-344-copy {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  margin-top: 2rem;
  display: flex;
}

._1kaoverlayhero {
  z-index: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000008f;
  background-image: linear-gradient(#0000004f, #0000 72%, #0006 104%);
  flex-flow: column;
  justify-content: flex-end;
  padding-bottom: 2rem;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.uui-navbar05_component-copy, .uui-navbar05_component-copy-copy {
  z-index: 99999;
  background-color: #0000;
  background-image: none;
  border-bottom: 1px #fff3;
  align-items: center;
  height: 5rem;
  min-height: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.varaustehtynavi {
  z-index: 99999;
  background-color: #0000;
  background-image: none;
  border-bottom: 1px #fff3;
  align-items: center;
  height: 5rem;
  min-height: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-328-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.italic-text-4 {
  font-style: normal;
}

.div-block-348 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-top: 2rem;
  display: flex;
}

.section-37 {
  background-image: url('../images/Untitled-Project-94.avif');
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.section-37.esitietolomake {
  height: 110vh;
}

.div-block-349 {
  z-index: 2;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #00000080;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4rem;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.code-embed-9 {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
}

.code-embed-9.mob {
  display: none;
}

.code-embed-9.desk {
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.checkmark-land {
  color: #fff;
  width: 1rem;
  height: 1rem;
}

.div-block-350 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.div-block-351 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.italic-text-5 {
  font-style: normal;
  font-weight: 400;
}

.div-block-352 {
  width: 90%;
}

.div-block-353 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.section-12-copy-copy-copy {
  background-color: #fff;
  padding: 4rem 4rem 2rem;
}

.italic-text-6 {
  font-style: normal;
  font-weight: 400;
}

.uui-navbar05_component-copy, .uui-navbar05_component-copy-copy {
  z-index: 99999;
  background-color: #0000;
  background-image: none;
  border-bottom: 1px #fff3;
  align-items: center;
  height: 5rem;
  min-height: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.esitietolomakenavi {
  z-index: 99999;
  background-color: #0000;
  background-image: none;
  border-bottom: 1px #fff3;
  align-items: center;
  height: 5rem;
  min-height: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.div-block-355 {
  width: 100%;
  height: 100%;
}

.code-embed-10 {
  width: 100%;
}

.otayhteytt-linkit {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-top: 2rem;
  display: flex;
}

.uui-contact03_component-copy {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.l-nd-ri-hinnoittelu {
  padding: 6rem 4rem;
}

.italic-text-7 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(119deg, #c2dbe9, #fff 53%, #cfe5f1);
  -webkit-background-clip: text;
  background-clip: text;
  font-style: normal;
}

.esititetolomake-prehero {
  background-image: url('../images/Untitled-Project-94.avif');
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  height: 60vh;
  position: relative;
  overflow: hidden;
}

.etlherooverlay {
  z-index: 2;
  -webkit-backdrop-filter: saturate(74%) contrast(170%) blur(40px);
  backdrop-filter: saturate(74%) contrast(170%) blur(40px);
  background-color: #00000080;
  background-image: linear-gradient(#00000096, #0000004a 50%, #00000029);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 2rem 2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-356 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.section-38 {
  padding: 4rem;
}

.div-block-357 {
  max-width: 1030px;
  margin-bottom: 2rem;
  margin-left: 0;
}

.italic-text-8 {
  font-style: normal;
  font-weight: 400;
}

.div-block-358 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  margin-top: 2rem;
  margin-bottom: 0;
  display: flex;
}

.div-block-358.mob, .div-block-358.mobweb {
  display: none;
}

.div-block-359 {
  width: 100%;
  max-width: 910px;
  margin-left: 0;
  margin-right: auto;
}

.etlpresec2 {
  z-index: 1;
  filter: none;
  -webkit-backdrop-filter: saturate(65%);
  backdrop-filter: saturate(65%);
  background-color: #00000087;
  background-image: linear-gradient(#f8f8f8, #f8f8f8);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4rem;
  display: flex;
  position: relative;
  inset: 0%;
}

.preesitietolomakenavi {
  z-index: 99999;
  background-color: #0000;
  background-image: none;
  border-bottom: 1px #fff3;
  align-items: center;
  height: 5rem;
  min-height: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.italic-text-9 {
  font-style: normal;
  font-weight: 400;
}

.g-ads-l-nd-ri-navi {
  z-index: 99999;
  background-color: #0000;
  background-image: none;
  border-bottom: 1px #fff3;
  align-items: center;
  height: 5rem;
  min-height: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.div-block-360 {
  margin-bottom: 1rem;
}

.etlpresec {
  z-index: 1;
  flex-flow: column;
  align-items: flex-start;
  padding: 4rem;
  display: flex;
  position: relative;
}

.div-block-111-copy {
  filter: contrast(141%) brightness(99%) saturate(97%);
  background-image: url('../images/Untitled-Project-94.avif');
  background-position: 0 0;
  background-size: cover;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0%;
}

.div-block-109-copy {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  filter: none;
  -webkit-backdrop-filter: saturate(86%) blur(30px);
  backdrop-filter: saturate(86%) blur(30px);
  background-color: #00000087;
  background-image: linear-gradient(#00000073, #3330 20%, #c9c9c900 46%, #0000001a);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 4rem 4rem 2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.section-37-copy {
  background-image: url('../images/Untitled-Project-94.avif');
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  height: auto;
  min-height: 400vh;
  position: relative;
  overflow: hidden;
}

.div-block-349-copy {
  z-index: 2;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  padding-top: 4rem;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.code-embed-5-copy {
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.section-39 {
  background-color: #fff;
  height: 100vh;
}

.div-block-109-copy-copy {
  z-index: 1;
  filter: none;
  -webkit-backdrop-filter: saturate(65%);
  backdrop-filter: saturate(65%);
  z-index: 1;
  inset: 0%;
  background-color: #00000087;
  background-image: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6rem 4rem;
  display: flex;
  position: relative;
  inset: 0%;
}

.div-block-109-copy-copy-copy {
  z-index: 1;
  filter: none;
  -webkit-backdrop-filter: saturate(65%);
  backdrop-filter: saturate(65%);
  background-color: #00000087;
  background-image: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6rem 4rem;
  display: flex;
  position: relative;
  inset: 0%;
}

.div-block-361 {
  width: 100%;
  height: 100%;
}

.etlprekal {
  z-index: 1;
  filter: none;
  -webkit-backdrop-filter: saturate(65%);
  backdrop-filter: saturate(65%);
  background-color: #00000087;
  background-image: none;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem 4rem;
  display: flex;
  position: relative;
  inset: 0%;
}

.div-block-362 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-359-copy {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.text-span-16 {
  font-weight: 500;
}

.div-block-363 {
  margin-bottom: 1rem;
}

.div-block-364 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.italic-text-10 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(97deg, #cae1ee, #f0f5f8 50%, #bad9e7 101%);
  -webkit-background-clip: text;
  background-clip: text;
  font-style: normal;
}

.div-block-319-copy {
  width: 90%;
}

.div-block-322-copy {
  margin-top: 1rem;
}

.div-block-365 {
  width: 100%;
  margin-top: 0;
}

.italic-text-11 {
  font-style: normal;
  font-weight: 500;
}

.websl-nds2 {
  z-index: 3;
  box-shadow: none;
  flex-flow: column;
  align-items: center;
  padding: 6rem 4rem;
  display: flex;
  position: relative;
}

.div-block-316-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  box-shadow: none;
  background-color: #fff;
  border: 1px #00000029;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.div-block-316-copy.ver {
  padding-bottom: 2rem;
}

.div-block-320-copy-copy-copy-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.italic-text-12 {
  letter-spacing: -1px;
  font-size: 2.2rem;
  font-style: normal;
}

.text-span-17 {
  font-weight: 400;
}

.div-block-59-copy {
  flex-flow: column;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.section-40 {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 6rem 2rem 4rem;
  display: flex;
}

.div-block-366 {
  margin-top: 2rem;
}

.div-block-367 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.italic-text-13, .italic-text-14, .italic-text-15 {
  font-style: normal;
  font-weight: 500;
}

.div-block-368 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-59 {
  width: 40%;
  position: absolute;
}

.image-59.kone {
  width: 80%;
  transform: translate(-20px, -16px);
}

.image-59.toimitus {
  z-index: 0;
  width: 45%;
  transform: translate(-115px, 65px);
}

.image-59.wap {
  z-index: 1;
  width: 45%;
  transform: translate(165px, 65px);
}

.image-59._2kone {
  width: 80%;
  transform: translate(-34px);
}

.image-59._2vahvistus {
  z-index: 1;
  width: 45%;
  transform: translate(-169px, -56px);
}

.image-59.chat {
  z-index: 1;
  width: 45%;
  transform: translate(92px, -11px);
}

.italic-text-16, .italic-text-17, .italic-text-18 {
  font-style: normal;
  font-weight: 500;
}

.div-block-369 {
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.italic-text-19 {
  font-style: normal;
  font-weight: 300;
}

.italic-text-20 {
  font-size: 1.15rem;
  font-style: normal;
  font-weight: 500;
}

.text-span-18 {
  font-size: 4rem;
}

.div-block-370 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  opacity: .9;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.div-block-370.home {
  display: none;
}

.text-block-25 {
  color: #c3d2dd;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.code-embed-11 {
  align-items: center;
  display: flex;
}

.div-block-371 {
  z-index: 9999;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #fffc;
  width: 100%;
  height: 3rem;
  position: fixed;
  inset: auto 0% 0%;
}

.div-block-322-copy {
  width: 100%;
  margin-top: 1rem;
}

.italic-text-21 {
  font-style: normal;
  font-weight: 500;
}

.image-60 {
  width: 80%;
  position: absolute;
}

.image-61 {
  width: 40%;
  position: absolute;
  transform: translate(20%, -30%);
}

.image-62 {
  width: 40%;
  position: absolute;
  transform: translate(-20%, -20%);
}

.div-block-372 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-372.t2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  place-items: center stretch;
}

.italic-text-22 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(105deg, #d0e3ee, #fff 54%, #cce1ee);
  -webkit-background-clip: text;
  background-clip: text;
  font-style: normal;
}

.italic-text-23 {
  font-style: normal;
  font-weight: 300;
}

.italic-text-24 {
  font-style: normal;
}

.italic-text-25 {
  font-style: normal;
  font-weight: 300;
}

.italic-text-26 {
  font-style: normal;
  font-weight: 500;
}

.hy-tytausta {
  filter: contrast(141%) brightness(99%) saturate(82%) blur(40px);
  background-image: url('../images/Untitled-Project-94.avif');
  background-position: 0 0;
  background-size: cover;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0%;
}

.italic-text-28 {
  font-style: normal;
  font-weight: 300;
}

.div-block-374 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: -1rem;
  display: flex;
}

.div-block-375 {
  border-left: 1px solid #d6e5f5;
  border-right: 1px solid #d6e5f5;
  padding-left: 1rem;
  padding-right: 1rem;
}

.italic-text-29 {
  font-style: normal;
  font-weight: 300;
}

.section-41 {
  height: 100vh;
}

.image-63 {
  width: 100%;
  height: 100%;
}

.section-42 {
  height: 100vh;
}

.image-64 {
  display: none;
}

.t-htiikon {
  opacity: 1;
  align-items: center;
  display: flex;
}

.div-block-370-copy {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  opacity: .9;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.div-block-370-copy.home {
  display: none;
}

.text-block-25-copy {
  color: #c3d2dd;
  margin-left: .2rem;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.t-htiarvio-label {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  opacity: .9;
  align-items: center;
  margin-bottom: .5rem;
  display: none;
}

.t-htiarvio-label.home {
  display: none;
}

.home-hero-label {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  opacity: .9;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.home-hero-label.home {
  display: none;
}

.div-block-376 {
  max-width: 800px;
  margin-top: 6rem;
  margin-bottom: 4rem;
  padding-left: 0;
  padding-right: 0;
}

.text-block-26 {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 140%;
}

.div-block-377 {
  flex-flow: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-378 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-379 {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  margin-top: 2rem;
  padding: 2rem 1rem .5rem;
}

.italic-text-30 {
  font-weight: 400;
}

.section-43 {
  height: 100vh;
}

.section-44 {
  padding: 2rem 0;
  overflow: hidden;
}

.logo3_list-copy, .logo3_list-copy-copy {
  grid-column-gap: 6rem;
  grid-row-gap: 1rem;
  white-space: nowrap;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center start;
  margin-right: 0;
  display: flex;
}

.logolista {
  grid-column-gap: 12rem;
  grid-row-gap: 12rem;
  white-space: nowrap;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center start;
  width: auto;
  margin-right: 0;
  display: flex;
}

.image-65 {
  filter: saturate(0%);
  width: 20%;
  transition: all .2s;
}

.image-65:hover {
  filter: none;
}

.image-65.h2h {
  opacity: .5;
  width: 20%;
}

.image-65.h2h:hover {
  opacity: 100;
  filter: none;
}

.image-65.kpakaa {
  opacity: .6;
  width: 10%;
}

.image-65.kpakaa:hover {
  opacity: 100;
}

.image-65.mceb {
  width: 10%;
}

.image-66, .image-67, .image-68 {
  width: 25%;
}

.logocompontent {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  display: flex;
}

.section_logo3-copy {
  overflow: visible;
}

.section_logo3-copy.mob {
  display: none;
}

.section_logo3-copy-copy {
  overflow: visible;
}

.section_logo3-copy-copy.mob {
  display: none;
}

.logot-trigger {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
  overflow: visible;
}

.logot-trigger.mob {
  display: none;
}

.italic-text-31 {
  font-style: normal;
  font-weight: 300;
}

.italic-text-32 {
  font-style: normal;
  font-weight: 400;
}

.italic-text-33 {
  font-style: normal;
  font-weight: 500;
}

.crmmgrid {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: -2rem;
  display: grid;
}

.italic-text-34 {
  font-style: normal;
  font-weight: 600;
}

.image-57-copy {
  filter: contrast(109%) brightness(97%);
  border-radius: 16px;
  width: 100%;
}

.div-block-322-copy {
  width: 110%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.div-block-323-copy {
  width: 90%;
  margin-top: 1rem;
}

.bodytext-15 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.bodytext-15.tumma {
  opacity: .9;
  color: #273133;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.bodytext-15.tumma.hinta {
  text-align: right;
  font-size: 1rem;
}

.bodytext-15.tumma.hinta.pieni {
  font-size: .8rem;
}

.icon-embed-xsmall-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.div-block-380 {
  border-top: 1px solid #38464980;
  margin-bottom: 1rem;
  padding-top: 1rem;
}

.div-block-381 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.div-block-382 {
  width: 80%;
}

.div-block-383 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-384 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 10px;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.image-69 {
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.div-block-385 {
  margin-bottom: 1rem;
}

.bodytext-16 {
  color: #fffffff2;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.bodytext-16.tumma {
  opacity: .9;
  color: #273133;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.bodytext-16.tumma.pienibold {
  font-weight: 500;
}

.div-block-386 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.otsikko-3 {
  color: #232d30;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 120%;
}

.otsikko-3.keski {
  font-size: 3rem;
  line-height: 120%;
}

.uui-navbar05_menu-left-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.uui-navbar05_menu-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  height: 5rem;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.div-block-388 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 4rem;
  display: grid;
}

.div-block-389 {
  background-color: #fff;
  border: 1px solid #00000017;
  width: auto;
  padding: 2rem;
  box-shadow: 0 2px 30px -7px #00000012;
}

.div-block-390 {
  margin-top: 2rem;
  margin-bottom: .5rem;
}

.code-embed-12 {
  margin-top: 4rem;
}

.italic-text-35, .italic-text-36 {
  font-style: normal;
  font-weight: 600;
}

.italic-text-37 {
  font-style: normal;
  font-weight: 300;
}

.italic-text-38 {
  font-size: 1.4rem;
  font-style: normal;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.rt-marquee-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 1.875rem;
  position: relative;
  overflow: hidden;
}

.rt-marquee-train {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-right: 5.625rem;
}

.karusellilogo {
  filter: saturate(75%);
  width: 10rem;
  height: auto;
  transition: all .2s;
}

.karusellilogo:hover {
  filter: none;
}

.karusellilogo.mkoti {
  width: 7rem;
}

.karusellilogo.dso, .karusellilogo.mceb, .karusellilogo.kpa {
  width: 8rem;
}

.rt-marquee-overlay-copy {
  background-image: linear-gradient(90deg, #ffffffb3, #2e3f3400 20% 80%, #ffffffb3);
  position: absolute;
  inset: 0%;
}

.rt-marquee-train-mob {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-right: 5.625rem;
}

@media screen and (min-width: 1280px) {
  .bodytext.sini {
    line-height: 120%;
  }

  .nappi.tumma.reuna.hex {
    background-color: #9bb1b6;
  }

  .div-block-60.ver {
    margin-top: 2rem;
  }

  .div-block-110.l2 {
    max-width: 860px;
  }

  .display-2.l-nd-ri.tabhero-l2.uusikoti {
    font-size: 3.8rem;
  }

  .div-block-59.uk {
    width: 100%;
    max-width: 1110px;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-58.desk {
    border-style: solid none none;
    border-top-color: #ffffff7d;
    border-radius: 0;
    width: 100%;
    margin-top: 7rem;
    padding-top: 1rem;
  }

  .div-block-58.desk.ver {
    margin-top: 7rem;
  }

  .div-block-58.desk.webland {
    margin-top: 9rem;
  }

  .div-block-58.desk.l3 {
    margin-top: 7rem;
  }

  .rt-nav-main {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .uui-navbar05_component {
    background-color: #0000;
    background-image: none;
    border-bottom-style: none;
    border-bottom-color: #f2f4f733;
  }

  .uui-navbar05_logo-link {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .uui-navbar05_menu {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-end;
    margin-left: 0;
  }

  .uui-navbar05_menu-left {
    justify-content: space-between;
    margin-left: 2rem;
  }

  .uui-logo_component-6 {
    height: 2rem;
  }

  .div-block-316 {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .image-56 {
    width: 100%;
  }

  .div-block-318 {
    width: 80%;
  }

  .div-block-318.ver {
    width: 60%;
  }

  .section-35.verk {
    z-index: 2;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
  }

  .div-block-123-copy {
    margin-right: 0;
  }

  .section-16-copy.verk {
    background-color: #fff;
  }

  .code-embed-5 {
    width: 100%;
  }

  .div-block-58-copy.desk {
    border-style: solid none none;
    border-top-color: #ffffff7d;
    border-radius: 0;
    width: 100%;
    margin-top: 11rem;
    padding-top: 1rem;
  }

  .div-block-58-copy.desk.ver {
    margin-top: 10rem;
  }

  .l-nd-rin-navi {
    background-color: #0000;
    background-image: none;
    border-bottom-style: none;
    border-bottom-color: #f2f4f733;
  }

  .div-block-342 {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #ffffff1a;
    border-radius: 16px;
    align-items: center;
    padding: 2rem;
  }

  .varaustehtyboxi {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .uui-navbar05_component-copy, .uui-navbar05_component-copy-copy, .varaustehtynavi, .uui-navbar05_component-copy, .uui-navbar05_component-copy-copy, .esitietolomakenavi {
    background-color: #0000;
    background-image: none;
    border-bottom-style: none;
    border-bottom-color: #f2f4f733;
  }

  .esititetolomake-prehero {
    height: 60vh;
  }

  .section-38 {
    height: auto;
  }

  .div-block-358 {
    margin-top: 2rem;
  }

  .preesitietolomakenavi, .g-ads-l-nd-ri-navi {
    background-color: #0000;
    background-image: none;
    border-bottom-style: none;
    border-bottom-color: #f2f4f733;
  }

  .etlpresec {
    height: auto;
  }

  .div-block-111-copy {
    background-position: 0 -60px;
  }

  .code-embed-5-copy, .div-block-319-copy {
    width: 100%;
  }

  .div-block-365 {
    width: 100%;
  }

  .div-block-316-copy {
    padding-bottom: 1rem;
  }

  .div-block-59-copy {
    width: 90%;
  }

  .div-block-322-copy {
    width: 100%;
  }

  .italic-text-27 {
    font-style: normal;
    font-weight: 400;
  }

  .uui-navbar05_menu-left-2 {
    justify-content: space-between;
    margin-left: 2rem;
  }

  .uui-navbar05_menu-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-end;
    margin-left: 0;
  }
}

@media screen and (min-width: 1920px) {
  .rt-overflow-off {
    align-self: center;
  }

  .rt-header-2.rt-change-padding {
    z-index: 8;
  }

  .rt-dropdown-toggle-3 {
    padding-right: 20px;
  }
}

@media screen and (max-width: 991px) {
  .div-block-2 {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .grid {
    flex-flow: column;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .display {
    font-size: 3.4rem;
    font-weight: 400;
  }

  .div-block-3 {
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    margin-right: 0;
  }

  .div-block-4 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    align-items: flex-start;
  }

  .bodytext.tumma.center {
    color: #374346;
  }

  .bodytext.takuu {
    line-height: 120%;
  }

  .nappi.reuna.navi {
    color: #fff;
    border-color: #fff9;
  }

  .otsikko.center {
    color: #232d30;
    font-size: 3rem;
  }

  .div-block-7 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    justify-items: stretch;
  }

  .ominaisuus {
    width: 20rem;
  }

  .container {
    max-width: 760px;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf00;
  }

  .navbar-logo-left-container.shadow-three {
    position: static;
  }

  .r-menuikoni {
    width: 100%;
  }

  .nav-menu-two {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: #000000e6;
    border-radius: 0;
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin-top: 0;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-menu-wrapper {
    background-color: #0000;
    width: 100vw;
    margin-left: 0;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .div-block-13 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-padding-vertical-xlarge {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .uui-layout32_timeline-step {
    grid-column-gap: 24px;
  }

  .uui-layout32_component {
    grid-column-gap: 2rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-block-19 {
    width: 100%;
  }

  .hide-tablet {
    display: none;
  }

  .show-tablet {
    display: block;
  }

  .uui-dropdown-icon {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-navbar01_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar01_link {
    width: 100%;
    color: var(--untitled-ui--gray900);
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar01_link:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_dropdown-content-left {
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar01_dropdown-toggle {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar01_dropdown-toggle:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar01_blog-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_blog-item:hover {
    background-color: #0000;
  }

  .menu-icon_line-bottom {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-blog-list {
    width: 100%;
  }

  .menu-icon_line-middle {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar01_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .menu-icon_line-top {
    background-color: var(--untitled-ui--gray700);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-navbar01_menu {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar01_dropdown-content {
    flex-direction: column;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar01_dropdown-content-right {
    align-items: flex-start;
    max-width: none;
    padding-left: 2rem;
    padding-right: 2rem;
    overflow: hidden;
  }

  .uui-navbar01_menu-button.w--open {
    background-color: #0000;
  }

  .uui-navbar01_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-navbar01_large-item-content {
    width: 100%;
  }

  .uui-navbar01_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar01_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-navbar01_dropdown-right-overlay-absolute {
    border-radius: .5rem;
    min-width: 100%;
  }

  .uui-navbar01_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar01_dropdown-list.w--open {
    min-width: auto;
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-button-secondary-gray-2.show-tablet {
    display: block;
  }

  .uui-navbar01_dropdown-content-heading, .uui-navbar01_dropdown-content-button-wrapper {
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .cta1_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-navbar07_dropdown-toggle {
    color: #101828;
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar07_dropdown-toggle:hover {
    color: #101828;
  }

  .uui-navbar07_dropdown-link-list-copy-copy {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .menu-icon_line-top-2 {
    background-color: #fff;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-navbar07_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: #101828;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar07_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar07_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-navbar07_dropdown-link-list {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar07_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar07_menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon_line-middle-2 {
    background-color: #fff;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-bottom-2 {
    background-color: #fff;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-navbar07_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-navbar07_menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-top: 1px solid #f2f4f7;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar07_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .menu-icon_component-2 {
    color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-dropdown-icon-2 {
    color: #667085;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .uui-navbar07_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .uui-navbar07_dropdown-list.w--open {
    width: auto;
    box-shadow: none;
    border-style: none;
    border-color: #0000;
    padding: 0;
  }

  .section-10 {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .layout353_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .layout423_image {
    object-fit: cover;
  }

  .layout423_row {
    flex-direction: column;
  }

  .layout423_card {
    width: 100%;
  }

  .info-kohta {
    width: 100%;
    padding-bottom: 0;
  }

  .layout16_image {
    width: 60%;
  }

  .layout16_content {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .layout352_date-text {
    text-align: right;
  }

  .layout352_item {
    grid-template-columns: 1fr 10rem 1fr;
  }

  .layout349_mobile-image {
    border-radius: 10px;
    position: static;
  }

  .layout349_desktop-image-wrapper {
    display: none;
  }

  .layout349_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .layout349_mobile-image-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 50%;
    margin-top: 0;
    display: block;
  }

  .ominaisuudet-kohta {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  .layout245_list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
  }

  .layout245_content {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    width: 100%;
  }

  .grid-copy {
    flex-flow: column;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .layout121_content {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .layout121_progress-bar-wrapper {
    height: 70%;
  }

  .layout121_content-left {
    position: static;
  }

  .heading-style-h2-2 {
    font-size: 2.75rem;
  }

  .layout121_timeline-step {
    grid-column-gap: 1.5rem;
  }

  .heading-style-h1 {
    font-size: 3.25rem;
  }

  .padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .pricing40_grid-list {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .heading-style-h2-3 {
    font-size: 2.75rem;
  }

  .mrgnb, .pr-yl-osa {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2-4 {
    font-size: 2.75rem;
  }

  .faq5_component {
    flex-flow: column;
  }

  .uui-contact03_component {
    grid-column-gap: 3rem;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-12-copy {
    padding: 4rem 2rem;
  }

  .div-block-60 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    place-items: start center;
    display: flex;
  }

  .div-block-60.ver {
    flex-flow: column;
  }

  .div-block-68 {
    justify-content: center;
    margin-top: 2rem;
    display: none;
  }

  .hy-tybox {
    width: 100%;
    height: 16rem;
    padding-bottom: 1rem;
  }

  .hy-tybox.ver {
    width: auto;
    padding-top: 1rem;
    padding-right: 6rem;
  }

  .section-16 {
    height: auto;
    margin-bottom: 0;
    padding: 4rem 2rem;
  }

  .div-block-78 {
    padding-bottom: 4rem;
  }

  .section-18 {
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-85, .div-block-92 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    justify-items: stretch;
  }

  .div-block-99 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .faq-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .layout16_image-wrapper-2 {
    justify-content: flex-end;
    display: flex;
  }

  .div-block-100 {
    padding: 6rem 2rem;
  }

  .section-22 {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-section-large-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .section-23, .section-24 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-109 {
    padding-top: 4rem;
    padding-bottom: 0;
  }

  .div-block-110, .div-block-110.l2 {
    width: 100%;
  }

  .uui-navbar01_menu-left-2 {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: #101828;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .menu-icon_line-middle-inner-2 {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-3 {
    background-color: #fff;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .logo3_list {
    grid-column-gap: 4rem;
  }

  .grid-copy-2 {
    flex-flow: column;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .uui-navbar01_link-2 {
    color: #101828;
    width: 100%;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar01_link-2:hover {
    color: #101828;
  }

  .menu-icon_line-top-3 {
    background-color: #fff;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .logo3_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .menu-icon_line-bottom-3 {
    background-color: #fff;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-navbar01_component-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .display-2 {
    font-size: 3.4rem;
    font-weight: 400;
  }

  .display-2.l-nd-ri.tabhero-l2 {
    font-size: 3rem;
  }

  .display-2.verk {
    font-size: 3.6rem;
  }

  .uui-navbar01_menu-2 {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-top: 1px solid #f2f4f7;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .div-block-59 {
    max-width: none;
  }

  .div-block-112 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    align-items: center;
  }

  .uui-navbar01_menu-button-2.w--open {
    background-color: #0000;
  }

  .layout245_component-copy {
    grid-template-columns: 2.5fr;
  }

  .kortti-mat, .info-kohta-copy {
    width: 100%;
  }

  .image-9 {
    width: 60%;
  }

  .grid-copy-2-copy {
    flex-flow: column;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .div-block-112-copy {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    align-items: center;
  }

  .div-block-110-copy {
    width: 100%;
  }

  .div-block-109-copy {
    padding: 4rem 2rem;
  }

  .link-6.ominaisuudet {
    display: none;
  }

  .div-block-135 {
    flex-flow: column;
    display: flex;
  }

  .div-block-136 {
    padding-bottom: 2rem;
  }

  .menu-icon_line-top-3-copy {
    background-color: #fff;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-144 {
    padding-right: 0;
  }

  .menu-sv {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem;
    display: none;
  }

  .burger-link {
    justify-content: flex-end;
    align-items: center;
    width: 10%;
    height: 100%;
    display: flex;
  }

  .link-block-8 {
    width: 10%;
  }

  .div-block-310 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .div-block-282 {
    border-radius: 20px;
    flex-flow: column;
    align-items: flex-start;
    height: auto;
  }

  .burger-lottie {
    width: 35%;
    margin-top: 0;
    padding-top: 5px;
  }

  .div-block-297 {
    display: none;
  }

  .image-35 {
    width: 100%;
  }

  .menu-icon_line-middle-4 {
    background-color: #fff;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-bottom-4 {
    background-color: #fff;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-inner-3 {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component-4 {
    color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .rt-grid-2 {
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .rt-hamburger-line-three {
    background-color: #fff;
    width: 40px;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .rt-hamburger-line-three.rt-change-line-bg-color {
    background-color: #0d1018;
  }

  .rt-hamburger-line-one {
    background-color: #fff;
    width: 40px;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .rt-hamburger-line-one.rt-change-line-bg-color {
    background-color: #0d1018;
  }

  .rt-button-13.rt-underline-off.rtresponsive-display-off {
    display: none;
  }

  .rt-haamburger-line-two {
    background-color: #fff;
    width: 40px;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .rt-haamburger-line-two.rt-change-line-bg-color {
    background-color: #0d1018;
  }

  .rt-hamburger {
    justify-content: flex-end;
    display: flex;
  }

  .rt-menu-hamburger-main {
    z-index: 99;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
    display: flex;
    position: relative;
  }

  .rt-menu-hamburger-main.rt-padding-right-off {
    padding-right: 0;
  }

  .rt-responsive-display-off, .hide-tablet-2 {
    display: none;
  }

  .uui-text-size-small-3 {
    color: #fff;
  }

  .show-tablet-2 {
    display: block;
  }

  .uui-dropdown-icon-3 {
    color: var(--untitled-ui--gray500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .menu-icon_line-middle-inner-4 {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .uui-icon-1x1-xsmall-4 {
    background-color: #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
  }

  .menu-icon_line-bottom-5 {
    background-color: #fff;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-middle-5 {
    background-color: #fff;
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top-4 {
    background-color: #fff;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_component-5 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar05_dropdown-content-left {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar05_bottom-bar {
    border-radius: .5rem;
    flex-direction: column;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    overflow: hidden;
  }

  .uui-navbar05_dropdown-content {
    flex-direction: column;
  }

  .uui-navbar05_component {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-navbar05_menu {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-text-fill-color: inherit;
    background-color: #0003;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar05_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar05_link {
    color: #fff;
    width: 100%;
    padding: .75rem 0;
    font-size: 1.2rem;
  }

  .uui-navbar05_link:hover {
    color: #fffc;
  }

  .uui-navbar05_menu-dropdown {
    width: 100%;
    position: relative;
  }

  .uui-navbar05_dropdown-toggle {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar05_dropdown-toggle:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar05_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar05_dropdown-list.w--open {
    min-width: auto;
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .uui-navbar05_menu-right {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar05_menu-button.w--open {
    background-color: #0000;
  }

  .uui-navbar05_dropdown-link {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar05_dropdown-link:hover {
    background-color: #0000;
  }

  .uui-button-secondary-gray-3.show-tablet-2 {
    display: block;
  }

  .uui-navbar05_button-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-dropdown-icon-4 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .uui-navbar07_dropdown-link-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-navbar07_dropdown-link-2:hover {
    background-color: #0000;
  }

  .uui-navbar07_dropdown-link-list-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }

  .uui-navbar07_menu-2 {
    border-top: 1px solid var(--untitled-ui--gray100);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .uui-navbar07_menu-left-2 {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: var(--untitled-ui--gray900);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar07_link {
    width: 100%;
    color: var(--untitled-ui--gray900);
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .uui-navbar07_link:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar07_menu-dropdown-2 {
    width: 100%;
    position: relative;
  }

  .uui-navbar07_dropdown-toggle-2 {
    color: var(--untitled-ui--gray900);
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar07_dropdown-toggle-2:hover {
    color: var(--untitled-ui--gray900);
  }

  .uui-navbar07_menu-right-2 {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    padding-bottom: 7rem;
  }

  .uui-navbar07_menu-button-2.w--open {
    background-color: #0000;
  }

  .uui-navbar07_dropdown-list-2 {
    position: static;
    overflow: hidden;
  }

  .uui-navbar07_dropdown-list-2.w--open {
    width: auto;
    box-shadow: none;
    background-color: #fff0;
    border-style: none;
    border-color: #0000;
    padding: 0;
  }

  .uui-navbar07_button-wrapper-2 {
    flex-direction: column-reverse;
    align-items: stretch;
    display: flex;
  }

  .uui-navbar07_item-heading-2 {
    color: #fff;
  }

  .section-34 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-315 {
    flex-flow: column;
    display: flex;
  }

  .div-block-316 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
  }

  .div-block-316.kaksois {
    display: flex;
  }

  .div-block-319 {
    width: 100%;
  }

  .section-35 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-321 {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }

  .div-block-326 {
    align-items: flex-start;
    height: 100%;
    padding-right: 5%;
  }

  .div-block-328 {
    margin-top: 2rem;
    display: flex;
  }

  .ver-ref-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    height: auto;
    box-shadow: none;
    background-color: #fff0;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    padding-bottom: 1rem;
    display: grid;
  }

  .ver-ref-box._2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row-reverse;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .div-block-61-copy {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .div-block-330 {
    box-shadow: none;
    background-color: #fff;
    border-radius: 16px;
    margin-right: 0;
    padding: 1.5rem 2rem 2rem 1.5rem;
  }

  .div-block-330._2 {
    padding-left: 1.5rem;
    padding-right: 2rem;
  }

  .div-block-331 {
    margin-top: 1.5rem;
  }

  .div-block-123-copy {
    margin-bottom: 0;
  }

  .div-block-334 {
    margin-top: 1rem;
  }

  .div-block-337 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: flex-start;
  }

  .section-16-copy, .hy-dyt-ai {
    height: auto;
    margin-bottom: 0;
    padding: 4rem 2rem;
  }

  .section-36, .section-34-copy {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-contact03_component-copy, .varauskalentericomponent {
    grid-column-gap: 3rem;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-contact03_content-copy, .uui-contact03_content-copy-copy {
    width: 100%;
  }

  .div-block-3-copy {
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    margin-right: 0;
  }

  .section-12-copy-copy {
    padding: 4rem 2rem;
  }

  .layout121_content-left-copy {
    position: static;
  }

  .l-nd-rin-navi {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-2-copy {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-342 {
    flex-flow: wrap;
  }

  .varaustehtyboxi {
    flex-flow: column;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .div-block-343.desk {
    display: none;
  }

  .div-block-343.mob {
    display: flex;
  }

  .varaustehtyheroovelay, ._1kaoverlayhero {
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-navbar05_component-copy, .uui-navbar05_component-copy-copy, .varaustehtynavi {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-328-copy {
    margin-top: 2rem;
    display: flex;
  }

  .div-block-350 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .div-block-351 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .section-12-copy-copy-copy {
    padding: 4rem 2rem;
  }

  .uui-navbar05_component-copy, .uui-navbar05_component-copy-copy, .esitietolomakenavi {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-contact03_component-copy {
    grid-column-gap: 3rem;
    grid-auto-flow: row;
    min-height: auto;
  }

  .l-nd-ri-hinnoittelu, .etlherooverlay, .section-38 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-358.desk {
    display: none;
  }

  .div-block-358.mob {
    display: flex;
  }

  .etlpresec2 {
    padding: 4rem 2rem;
  }

  .preesitietolomakenavi, .g-ads-l-nd-ri-navi, .etlpresec {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-109-copy {
    padding-top: 4rem;
    padding-bottom: 1rem;
  }

  .div-block-349-copy {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-109-copy-copy, .div-block-109-copy-copy-copy, .etlprekal {
    padding: 4rem 2rem;
  }

  .div-block-362 {
    grid-template-columns: 1fr;
  }

  .div-block-319-copy {
    width: 100%;
  }

  .websl-nds2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-316-copy {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: flex;
  }

  .italic-text-12 {
    font-size: 2rem;
  }

  .image-59.kone {
    transform: translate(-20px, -174px);
  }

  .image-59.toimitus {
    width: 60%;
    transform: translate(29px, 2px);
  }

  .image-59.wap {
    width: 60%;
    transform: translate(-25px, -7px);
  }

  .image-59._2kone {
    transform: translate(-34px, -115px);
  }

  .image-59._2vahvistus {
    width: 60%;
    transform: translate(-83px, 47px);
  }

  .image-59.chat {
    width: 60%;
    transform: translate(74px, -47px);
  }

  .image-61 {
    transform: translate(20%, 10%);
  }

  .image-62 {
    transform: translate(-20%, 20%);
  }

  .italic-text-27 {
    font-style: normal;
    font-weight: 400;
  }

  .div-block-374 {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .div-block-375 {
    border-left-style: none;
    border-right-style: none;
    padding-left: 0;
    padding-right: 0;
  }

  .logo3_list-copy, .logo3_list-copy-copy, .logolista {
    grid-column-gap: 4rem;
  }

  .logocompontent {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .crmmgrid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    align-items: start;
    margin-top: 4rem;
  }

  .image-57-copy {
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }

  .div-block-382 {
    width: 100%;
  }

  .div-block-383 {
    box-shadow: none;
    background-color: #fff;
    border-radius: 16px;
    margin-right: 0;
    padding: 1.5rem 2rem 2rem 1.5rem;
  }

  .div-block-383._2 {
    padding-left: 1.5rem;
    padding-right: 2rem;
  }

  .div-block-384 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    place-items: start center;
    display: flex;
  }

  .menu-icon_component-6 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-top-5 {
    background-color: #fff;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-387 {
    margin-top: 2rem;
    display: flex;
  }

  .uui-navbar05_menu-left-2 {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    color: #101828;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-navbar05_menu-2 {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-text-fill-color: inherit;
    background-color: #0003;
    background-clip: border-box;
    border-top: 1px solid #f2f4f7;
    align-items: flex-start;
    height: 100vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .menu-icon_line-bottom-6 {
    background-color: #fff;
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .rt-marquee-train, .rt-marquee-train-mob {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    padding-right: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .div-block-2 {
    background-color: #0000004d;
    background-image: linear-gradient(#00000080, #0000002e 36%, #0006 58%, #000000b3 104%);
    padding-top: 6rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .grid {
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .display {
    font-size: 3.4rem;
  }

  .div-block-4 {
    padding-top: 1rem;
  }

  .bodytext.ominaisuus {
    font-size: 1rem;
  }

  .bodytext.tumma.center {
    text-align: left;
  }

  .bodytext.tumma.bold.l-nd-ri.valko.center {
    text-align: center;
    font-size: 2rem;
  }

  .nappi.cta.mobcta {
    background-image: linear-gradient(158deg, #92a7bd, #525f6d);
  }

  .nappi.reuna.navi {
    color: #fff;
    border-color: #fff9;
  }

  .otsikko {
    font-size: 2rem;
    font-weight: 400;
  }

  .otsikko.pieni.pienempi {
    font-size: 1.4rem;
  }

  .otsikko.valko {
    font-size: 2rem;
    font-weight: 400;
  }

  .otsikko.valko.center {
    font-size: 3rem;
  }

  .otsikko.valko.center.pieni {
    font-size: 2.4rem;
  }

  .otsikko.center {
    text-align: center;
    font-size: 2.6rem;
  }

  .otsikko.keski {
    font-size: 2rem;
  }

  .isoteksti {
    font-size: 1.6rem;
    line-height: 140%;
  }

  .div-block-7 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .ominaisuus {
    width: 15rem;
  }

  .menu-button {
    margin-right: -12px;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-logo-left-container.shadow-three {
    position: static;
  }

  .list-item {
    flex-flow: column;
    align-items: flex-end;
  }

  .nav-menu-two {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #000000e6;
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-end;
    width: 100vw;
    margin-left: 0;
    margin-right: 0;
    padding: 2rem;
  }

  .nav-menu-wrapper {
    position: absolute;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.6rem;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .navbar-brand {
    justify-content: flex-start;
    margin-left: -12px;
    padding-left: 0;
  }

  .image-2 {
    width: 70%;
  }

  .div-block-13 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    align-items: flex-start;
  }

  .div-block-15 {
    align-items: flex-start;
  }

  .div-block-16 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .section-5 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-footer07_legal-link:hover {
    color: var(--untitled-ui--gray400);
  }

  .uui-footer07_link:hover {
    color: var(--untitled-ui--gray500);
  }

  .uui-footer07_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 3rem;
  }

  .uui-footer07_legal-list {
    margin-bottom: 1rem;
  }

  .uui-footer07_link-list {
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
  }

  .uui-styleguide_logomark-bg {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-padding-vertical-xlarge {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .uui-layout32_component {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section-7 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-20 {
    align-items: flex-start;
  }

  .div-block-21 {
    width: 100%;
  }

  .div-block-27 {
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
  }

  .uui-text-size-small-2.hide-mobile-landscape, .hide-mobile-landscape {
    display: none;
  }

  .uui-button-2 {
    font-size: 1rem;
  }

  .uui-button-2:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button-row-2 {
    align-self: stretch;
  }

  .uui-navbar01_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .uui-navbar01_link {
    font-size: 1rem;
  }

  .uui-navbar01_dropdown-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .uui-navbar01_dropdown-toggle {
    font-size: 1rem;
  }

  .uui-navbar01_blog-item {
    grid-column-gap: 1rem;
    grid-template-columns: .6fr 1fr;
  }

  .menu-icon_line-bottom {
    background-color: var(--untitled-ui--white);
  }

  .uui-navbar01_component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .menu-icon_line-middle {
    background-color: var(--untitled-ui--white);
  }

  .menu-icon_line-top {
    background-color: var(--untitled-ui--white);
    color: #fff;
  }

  .uui-navbar01_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .menu-icon_component {
    color: #fff;
  }

  .uui-navbar01_dropdown-content-right {
    padding: 1.5rem 1rem;
  }

  .uui-button-link {
    font-size: 1rem;
  }

  .uui-button-link:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-button-secondary-gray-2 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-2:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-tertiary-gray:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-badge-small-success {
    padding: .125rem .5rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .cta1_component {
    grid-row-gap: 3rem;
  }

  .timeline1_progress {
    z-index: 0;
  }

  .uui-navbar07_dropdown-toggle {
    font-size: 1rem;
  }

  .uui-navbar07_dropdown-link-list-copy-copy, .uui-navbar07_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .uui-navbar07_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-10 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .layout353_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .layout353_content-left {
    position: static;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .div991991 {
    position: static;
  }

  .bodytext-2 {
    font-size: 1rem;
  }

  .v-liotsikko.valko {
    text-align: center;
  }

  .layout423_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .layout423_card {
    grid-template-columns: 1fr;
    width: 100%;
    padding: 1.5rem;
  }

  .layout16_content {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .layout352_centre {
    justify-content: flex-start;
  }

  .layout352_date-text {
    text-align: left;
  }

  .layout352_item {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 4rem 1fr;
    width: 100%;
  }

  .layout352_progress {
    left: .375rem;
  }

  .layout349_content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .layout349_mobile-image {
    width: 80%;
    position: static;
  }

  .layout349_desktop-image-wrapper {
    display: none;
  }

  .layout349_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .layout349_mobile-image-wrapper {
    width: 100%;
    margin-top: 2.5rem;
    display: block;
  }

  .ominaisuudet-kohta {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    height: auto;
  }

  .text-span-10 {
    color: #384649cc;
  }

  .layout245_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .layout245_content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .grid-copy {
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .layout121_timeline-icon-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .layout121_content {
    grid-template-columns: 1fr;
  }

  .layout121_progress-bar-wrapper {
    left: 2rem;
  }

  .layout121_content-left {
    position: static;
  }

  .heading-style-h2-2 {
    font-size: 2.25rem;
  }

  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .pricing40_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .pricing40_grid-list {
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }

  .heading-style-h6-2 {
    font-size: 1.125rem;
  }

  .heading-style-h2-3 {
    font-size: 2.25rem;
  }

  .mrgnb, .pr-yl-osa {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .faq5_question {
    padding: 1rem 1.25rem;
  }

  .heading-style-h2-4 {
    font-size: 2.25rem;
  }

  .faq5_list {
    width: 100%;
  }

  .faq5_icon-wrapper {
    width: 1.75rem;
  }

  .faq5_answer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .faq5_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .uui-page-padding-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-heading-medium-2 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-button-3 {
    font-size: 1rem;
  }

  .uui-button-3:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-contact03_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-contact03_contact-list {
    margin-top: 2rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .otsikko-2, .otsikko-2.valko {
    font-size: 3rem;
    font-weight: 400;
  }

  .otsikko-2.valko.center {
    font-size: 3rem;
  }

  .hy-tybox {
    width: 100%;
    height: 18rem;
  }

  .section-16 {
    padding-bottom: 2rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-85 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .bodytext-8.ominaisuus {
    font-size: 1rem;
  }

  .div-block-92 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .bodytext-9.ominaisuus {
    font-size: 1rem;
  }

  .faq-2 {
    padding: 4rem 5%;
  }

  .layout16_image-wrapper-2 {
    justify-content: center;
  }

  .div-block-100, .padding-section-large-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .logo3_wrapper {
    padding: .75rem 1rem;
  }

  .div-block-109 {
    background-color: #0000004d;
    background-image: linear-gradient(#00000080, #0000002e 36%, #0006 58%, #000000b3 104%);
    padding: 5rem 5% 1rem;
  }

  .div-block-110.l2 {
    width: 100%;
  }

  .rkeirkeikrei-2 {
    flex-flow: row;
    align-items: stretch;
  }

  .menu-icon_line-middle-3 {
    background-color: #fff;
  }

  .logo3_list {
    grid-column-gap: 1rem;
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    padding-top: 1rem;
  }

  .grid-copy-2 {
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .uui-navbar01_link-2 {
    font-size: 1rem;
  }

  .menu-icon_line-top-3 {
    color: #fff;
    background-color: #fff;
  }

  .menu-icon_component-3 {
    color: #fff;
  }

  .menu-icon_line-bottom-3 {
    background-color: #fff;
  }

  .uui-navbar01_component-2 {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .display-2 {
    letter-spacing: -2px;
    font-size: 2.6rem;
  }

  .display-2.l-nd-ri.tabhero-l2 {
    font-size: 3rem;
  }

  .display-2.verk {
    font-size: 2.6rem;
  }

  .uui-navbar01_menu-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-block-59 {
    width: 100%;
  }

  .div-block-112 {
    padding-top: 0;
  }

  .div-block-58 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-58.desk {
    margin-top: 4rem;
    padding-top: 0;
  }

  .layout245_component-copy {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .div-block-116 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
  }

  .div-block-117 {
    display: none;
  }

  .div-block-123 {
    margin-bottom: 2rem;
  }

  .grid-copy-2-copy {
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .div-block-112-copy {
    padding-top: 0;
  }

  .rkeirkeikrei-2-copy {
    flex-flow: row;
    align-items: stretch;
  }

  .menu-icon_line-top-3-copy {
    color: #fff;
    background-color: #fff;
  }

  .div-block-143 {
    flex-flow: column;
  }

  .div-block-144 {
    width: auto;
    padding-bottom: 1rem;
    padding-right: 6rem;
  }

  .menu-sv {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: none;
  }

  .link-block-8 {
    width: 20%;
  }

  .div-block-297 {
    display: none;
  }

  .image-35 {
    width: 70%;
  }

  .uui-navbar07_component {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .rt-autofit {
    height: auto;
  }

  .rt-agentic {
    padding-left: 0;
  }

  .uui-button-4 {
    font-size: 1rem;
  }

  .uui-button-4:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-navbar05_dropdown-content-left {
    grid-row-gap: .5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .uui-navbar05_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .uui-button-link-2 {
    font-size: 1rem;
  }

  .uui-button-link-2:hover {
    color: var(--untitled-ui--primary700);
  }

  .uui-navbar05_component {
    min-height: 4.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-navbar05_menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar05_link {
    color: #fff;
    font-size: 1.2rem;
  }

  .uui-navbar05_dropdown-toggle {
    font-size: 1rem;
  }

  .uui-button-secondary-gray-3 {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray-3:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-tertiary-gray-2:hover {
    color: var(--untitled-ui--gray600);
    background-color: #0000;
  }

  .uui-styleguide_logomark-bg-3 {
    background-image: url('../images/untitled-ui-logomark.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .uui-badge-small-success-2 {
    padding: .125rem .5rem;
  }

  .uui-navbar07_dropdown-link-list-2 {
    grid-row-gap: .5rem;
    max-width: none;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .uui-navbar07_component-2 {
    min-height: 4.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar07_menu-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar07_link, .uui-navbar07_dropdown-toggle-2 {
    font-size: 1rem;
  }

  .section-34 {
    padding-top: 4rem;
    display: flex;
  }

  .div-block-315 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    align-items: center;
    margin-top: 2rem;
  }

  .div-block-316 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: #fff;
    border-style: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 105%;
    padding: 1rem;
    display: grid;
  }

  .div-block-316.kaksois {
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .div-block-318 {
    width: 100%;
  }

  .div-block-320 {
    flex-flow: row;
    align-items: center;
  }

  .div-block-321 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .div-block-115-copy {
    margin-top: 3rem;
  }

  .image-57 {
    width: 60%;
  }

  .div-block-326 {
    justify-content: flex-start;
  }

  .div-block-327 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .ver-ref-box {
    background-color: #fff;
    width: 100%;
    height: auto;
    box-shadow: 0 0 20px -5px #00000036;
  }

  .div-block-61-copy {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .image-58 {
    height: auto;
  }

  .div-block-330 {
    box-shadow: none;
    background-color: #fff0;
    padding: 0;
  }

  .div-block-123-copy {
    margin-bottom: 2rem;
  }

  .div-block-333 {
    flex-flow: row-reverse;
  }

  .div-block-336 {
    margin-top: 2rem;
  }

  .div-block-337 {
    display: flex;
  }

  .section-16-copy, .hy-dyt-ai {
    padding-bottom: 2rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-34-copy {
    padding-top: 4rem;
    display: flex;
  }

  .div-block-320-copy, .div-block-320-copy-copy, .div-block-320-copy-copy-copy {
    flex-flow: row;
    align-items: center;
  }

  .uui-contact03_component-copy, .varauskalentericomponent {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .div-block-58-copy {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-58-copy.desk {
    margin-top: 6rem;
    padding-top: 0;
  }

  .layout121_content-left-copy {
    position: static;
  }

  .l-nd-rin-navi {
    min-height: 4.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-2-copy {
    background-color: #0000004d;
    background-image: linear-gradient(#00000080, #0000002e 36%, #0006 58%, #000000b3 104%);
    padding-top: 6rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .varaustehtyboxi {
    grid-row-gap: 2rem;
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .varaustehtyheroovelay, ._1kaoverlayhero {
    background-color: #0000004d;
    background-image: linear-gradient(#00000080, #0000002e 36%, #0006 58%, #000000b3 104%);
    padding-top: 6rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-navbar05_component-copy, .uui-navbar05_component-copy-copy, .varaustehtynavi {
    min-height: 4.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-349 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-351 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .uui-navbar05_component-copy, .uui-navbar05_component-copy-copy, .esitietolomakenavi {
    min-height: 4.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-contact03_component-copy {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .div-block-359 {
    margin-right: 0;
  }

  .etlpresec2 {
    background-color: #0000004d;
    background-image: linear-gradient(#00000080, #0000002e 36%, #0006 58%, #000000b3 104%);
    padding: 5rem 2rem;
  }

  .preesitietolomakenavi, .g-ads-l-nd-ri-navi {
    min-height: 4.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-109-copy {
    background-color: #0000004d;
    background-image: linear-gradient(#00000080, #0000002e 36%, #0006 58%, #000000b3 104%);
    padding: 5rem 5% 1rem;
  }

  .div-block-109-copy-copy, .div-block-109-copy-copy-copy, .etlprekal {
    background-color: #0000004d;
    background-image: linear-gradient(#00000080, #0000002e 36%, #0006 58%, #000000b3 104%);
    padding: 5rem 2rem;
  }

  .div-block-359-copy {
    margin-right: 0;
  }

  .div-block-365 {
    width: 100%;
  }

  .websl-nds2 {
    align-items: flex-start;
    padding-top: 4rem;
    display: flex;
  }

  .div-block-316-copy {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: #fff;
    border-style: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    width: 105%;
    padding: 0;
    display: flex;
  }

  .div-block-320-copy-copy-copy-copy {
    flex-flow: row;
    align-items: center;
  }

  .italic-text-12 {
    display: none;
  }

  .div-block-59-copy {
    width: 100%;
  }

  .section-40 {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-367 {
    grid-template-columns: 1fr;
  }

  .div-block-367._2 {
    flex-flow: column-reverse;
    display: flex;
  }

  .div-block-368 {
    height: auto;
  }

  .image-59.kone {
    position: relative;
    transform: translate(-370px, -20px);
  }

  .image-59.toimitus {
    width: 50%;
    position: relative;
    transform: translate(-156%, 11px);
  }

  .image-59.wap {
    position: relative;
    transform: translate(500px, -20px);
  }

  .image-59._2kone {
    position: relative;
    transform: translate(20%);
  }

  .image-59._2vahvistus {
    width: 50%;
    position: relative;
    transform: translate(60%);
  }

  .image-59.chat {
    position: relative;
    transform: translate(79px, -20px);
  }

  .italic-text-20 {
    font-size: 1rem;
  }

  .text-span-18 {
    font-size: 3rem;
  }

  .image-60 {
    position: relative;
  }

  .image-61 {
    transform: translate(115%, 10%);
  }

  .image-62 {
    transform: translate(70%, 20%);
  }

  .section-44 {
    padding-top: 0;
  }

  .logo3_list-copy, .logo3_list-copy-copy {
    grid-column-gap: 1rem;
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    padding-top: 1rem;
  }

  .logolista {
    grid-column-gap: 4rem;
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    padding-top: 1rem;
  }

  .crmmgrid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .image-57-copy, .div-block-322-copy, .div-block-323-copy {
    width: 100%;
  }

  .div-block-383 {
    box-shadow: none;
    background-color: #fff0;
    padding: 0;
  }

  .image-69 {
    height: auto;
  }

  .otsikko-3 {
    font-size: 2rem;
    font-weight: 400;
  }

  .otsikko-3.keski {
    font-size: 2rem;
  }

  .uui-navbar05_menu-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 479px) {
  .section {
    height: 97vh;
  }

  .div-block {
    filter: contrast(95%) brightness(135%) saturate(95%) blur(40px);
    background-image: url('../images/Untitled-Project-94.avif'), url('../images/Untitled-Project-88.avif');
    background-position: 160% 100%, 0 0;
    background-size: cover, cover;
  }

  .div-block-2 {
    background-color: #00000080;
    background-image: none;
    align-items: flex-start;
    padding: 4rem 5% 2rem;
  }

  .section-2 {
    background-image: none;
    padding: 0 1rem 6rem;
  }

  .grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .display {
    padding-top: 0;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 100%;
  }

  .display.landing {
    font-size: 2.4rem;
  }

  .display.webesitieto {
    font-size: 2.3rem;
  }

  .div-block-3 {
    width: 101%;
    margin-right: 0;
  }

  .div-block-4 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-top: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .bodytext.iso {
    font-size: 1rem;
  }

  .bodytext.tumma {
    font-weight: 400;
  }

  .bodytext.tumma.center {
    text-align: left;
  }

  .bodytext.tumma.hinta {
    text-align: left;
    font-size: .8rem;
  }

  .bodytext.tumma.bold {
    font-size: 1.1rem;
    font-weight: 500;
  }

  .bodytext.tumma.bold.l-nd-ri {
    font-size: 1.2rem;
    line-height: 150%;
  }

  .bodytext.tumma.bold.l-nd-ri.valko.center {
    letter-spacing: -1px;
    font-weight: 400;
    line-height: 120%;
  }

  .bodytext.tumma.iso.isompi.center {
    font-size: 1.4rem;
  }

  .bodytext.tumma.iso.l {
    font-size: 1rem;
  }

  .bodytext.mobiso {
    font-size: 1.1rem;
  }

  .bodytext.takuu {
    font-size: .8rem;
  }

  .rkeirkeikrei {
    flex-flow: column;
    align-items: stretch;
    width: 90%;
  }

  .nappi {
    background-color: #fff0;
    border-color: #fff9;
  }

  .nappi.sini {
    background-color: #6d8aaa;
    border-style: none;
  }

  .nappi.reuna.desk {
    display: none;
  }

  .nappi.tumma {
    background-color: #5f6a75;
  }

  .nappi.tumma.reuna {
    font-size: 1rem;
  }

  .nappi.tumma.reuna.mob {
    display: flex;
  }

  .nappi.tumma.reuna._200 {
    width: 100%;
  }

  .nappi.tumma.musta.mobreuna {
    color: #1f272c;
    background-color: #1f272c00;
    border-color: #1f272c;
  }

  .nappi.cta {
    font-size: 1.1rem;
  }

  .nappi.cta.mobmusta {
    background-image: linear-gradient(#1f272c, #1f272c), linear-gradient(158deg, #9faebd, #6c7986);
  }

  .nappi.cta.verk2 {
    font-size: 1.1rem;
  }

  .nappi.reuna {
    font-size: .9rem;
  }

  .nappi.reuna.mob, .nappi.mob {
    display: flex;
  }

  .nappi.reuna.navi {
    font-size: 1rem;
  }

  .otsikko {
    letter-spacing: -1px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 120%;
  }

  .otsikko.pieni {
    font-weight: 400;
  }

  .otsikko.pieni.valko.pienempi {
    letter-spacing: -1px;
  }

  .otsikko.pieni.valko.pienempi.laiha {
    font-weight: 300;
  }

  .otsikko.pieni.hinta {
    font-size: 1.4rem;
    font-weight: 400;
  }

  .otsikko.pieni.mobpieni {
    font-size: 1.6rem;
  }

  .otsikko.valko {
    font-size: 2rem;
    font-weight: 400;
    line-height: 120%;
  }

  .otsikko.valko.center {
    text-align: left;
    font-size: 3rem;
  }

  .otsikko.valko.l2 {
    font-size: 1.8rem;
  }

  .otsikko.center {
    text-align: left;
    font-size: 2.6rem;
    font-weight: 400;
  }

  .otsikko.keski {
    font-size: 2rem;
  }

  .otsikko.keski.valko {
    letter-spacing: -1px;
  }

  .otsikko.keski.small {
    width: 100%;
    font-size: 1.8rem;
  }

  .otsikko.keski.lnd-rismall, .otsikko.keski.lnd-rismall-mob {
    font-size: 1.6rem;
  }

  .otsikko.keski.l2 {
    font-size: 2rem;
  }

  .otsikko.l2 {
    font-size: 1.8rem;
  }

  .isoteksti {
    color: #21292b;
    letter-spacing: .2px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 120%;
  }

  .div-block-5 {
    width: 100%;
  }

  .section-3 {
    background-image: linear-gradient(#02090e, #000 3%, #000);
    align-items: flex-start;
    padding: 6rem 1rem 8rem;
    overflow: hidden;
  }

  .div-block-6 {
    align-items: flex-start;
    width: 80%;
    margin-left: 0;
    padding-bottom: 1rem;
  }

  .div-block-7 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: flex-start;
    margin-top: 4rem;
    display: flex;
  }

  .ominaisuus {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    width: auto;
  }

  .div-block-9 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .div-block-10 {
    aspect-ratio: 1;
    width: 190%;
    height: auto;
    margin-left: -43px;
  }

  .image {
    opacity: .2;
    width: 100%;
    height: 100%;
  }

  .div-block-11 {
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    display: flex;
  }

  .body {
    background-color: #fff;
  }

  .div-block-12 {
    margin-top: 0;
    margin-bottom: 1rem;
    display: block;
  }

  .navbar-logo-left {
    width: 100%;
  }

  .menu-button {
    margin-right: -12px;
  }

  .r-rastiikoni {
    display: none;
  }

  .navbar-logo-left-container.shadow-three {
    margin-left: 1rem;
    margin-right: 1rem;
    position: static;
  }

  .nav-menu-two {
    background-color: #0000;
    flex-direction: column;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .nav-menu-wrapper {
    z-index: 9990;
    background-color: #000000e6;
    width: 100vw;
    margin-left: 0;
    padding: 2rem 1rem;
    position: absolute;
    left: 0;
    right: 0;
  }

  .navbar-brand {
    margin-left: 0;
  }

  .image-2 {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  .label, .label.valko {
    font-size: .8rem;
    font-weight: 200;
  }

  .label.valko.center, .label.center {
    text-align: left;
  }

  .section-4 {
    flex-flow: column;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
  }

  .div-block-13 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    align-items: flex-start;
    padding: 4rem 5% 2rem;
  }

  .link-block {
    width: 16rem;
    height: auto;
    margin-top: 0;
    margin-left: -14px;
  }

  .image-3 {
    width: auto;
    height: auto;
    margin-left: 0;
    overflow: hidden;
  }

  .div-block-14 {
    justify-content: flex-start;
    margin-bottom: 2rem;
    padding-left: 1rem;
  }

  .div-block-15 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: flex-start;
    margin-bottom: 2rem;
  }

  .div-block-16 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-block-4 {
    text-align: left;
    line-height: 160%;
  }

  .section-5 {
    padding: 6rem .5rem;
  }

  .container-2 {
    background-color: #fff0;
    border-style: solid;
    border-radius: 16px;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-block-14 {
    color: #000;
    text-align: left;
    font-family: Montserrat, sans-serif;
  }

  .link-2 {
    color: #ffffff80;
    font-family: Montserrat, sans-serif;
  }

  .div-block-17 {
    padding-left: 0;
  }

  .uui-footer07_link-list {
    grid-template-rows: auto auto auto;
  }

  .div-block-19 {
    width: 100%;
  }

  .section-7 {
    align-items: flex-start;
    padding: 6rem 1rem 4rem;
  }

  .div-block-20 {
    align-items: flex-start;
  }

  .div-block-21 {
    width: 100%;
  }

  .div-block-22 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 4rem;
  }

  .div-block-23 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .div-block-24 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .lappu {
    height: 220px;
  }

  .div-block-25 {
    padding: 1rem;
  }

  .section-2-copy {
    background-image: none;
    padding: 0 1rem 6rem;
  }

  .uui-navbar01_link {
    color: #fff;
    font-size: 1.2rem;
  }

  .uui-navbar01_dropdown-content-left {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar01_blog-item {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar01_dropdown-blog-list {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .uui-navbar01_menu {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #fff0;
  }

  .uui-navbar01_large-item-content {
    margin-top: 1rem;
  }

  .uui-navbar01_dropdown-link, .padding-section-large {
    padding-left: 0;
  }

  .cta1_component {
    grid-template-columns: 1fr;
  }

  .uui-navbar07_dropdown-toggle, .uui-navbar07_dropdown-link-list-copy-copy {
    display: none;
  }

  .menu-icon_line-top-2 {
    color: #fff;
    background-color: #fff;
  }

  .nappi-3.sumea.mob {
    display: block;
  }

  .nappi-3.reuna {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .nappi-3.reuna.desk {
    display: none;
  }

  .nappi-3.reuna.desk.yhteytta {
    color: #26211d;
    text-transform: uppercase;
    border-color: #26211d;
    display: block;
  }

  .uui-navbar07_dropdown-link {
    padding-left: 0;
  }

  .uui-navbar07_item-heading {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
  }

  .uui-navbar07_dropdown-link-list {
    display: block;
  }

  .uui-navbar07_menu-button {
    color: #fff;
  }

  .uui-navbar07_menu-button.w--open {
    z-index: 5;
    position: relative;
  }

  .uui-navbar07_logo-link {
    z-index: 5;
  }

  .uui-navbar07_container {
    z-index: 99999;
    background-image: none;
    padding: .5rem 1rem;
    position: relative;
  }

  .menu-icon_line-middle-2, .menu-icon_line-bottom-2 {
    background-color: #fff;
  }

  .uui-navbar07_menu {
    z-index: 4;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #000000e6;
    border-top-style: none;
    padding-top: 6rem;
    padding-left: 5%;
    padding-right: 5%;
    display: none;
    inset: 0%;
  }

  .uui-navbar07_button-wrapper {
    display: flex;
  }

  .uui-navbar07_dropdown-list {
    box-shadow: none;
    background-color: #ddd0;
    display: none;
  }

  .section-9 {
    min-height: 0;
    padding: 0;
  }

  .section-10 {
    padding-top: 20%;
    padding-bottom: 20%;
  }

  .div-block-35 {
    inset: 0%;
  }

  .div-block-36 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .layout353_component {
    grid-template-columns: 1fr;
  }

  .button-group-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: stretch;
    width: 90%;
    margin-top: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-top.margin-medium {
    width: 100%;
  }

  .margin-top.margin-medium.desk, .margin-top.margin-medium.mob {
    display: flex;
  }

  .bodytext-2 {
    color: #ffffffe6;
  }

  .v-liotsikko {
    font-family: Montserrat, sans-serif;
    font-size: 2rem;
    font-weight: 400;
  }

  .v-liotsikko.valko {
    font-size: 1.6rem;
    font-weight: 400;
  }

  .v-liotsikko.valko.pieni {
    text-align: left;
  }

  .layout423_row {
    grid-template-columns: 1fr;
  }

  .layout423_card.text-color-white {
    padding: 1rem;
  }

  .info-kohta {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .layout16_image {
    width: 100%;
  }

  .layout16_content {
    grid-template-columns: 1fr;
  }

  .layout352_item {
    grid-template-columns: 3rem 1fr;
  }

  .layout349_content-wrapper {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .layout349_mobile-image {
    border-radius: 16px;
    width: 100%;
  }

  .layout349_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .ominaisuudet-kohta {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-40 {
    background-image: linear-gradient(90deg, #0000, #9e9e9e00 34%, #ffffff24);
  }

  .text-span-10 {
    color: #303c3fe6;
    font-weight: 500;
  }

  .div-block-41 {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .section-12 {
    padding-top: 20%;
  }

  .layout245_item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    box-shadow: none;
    padding: 0;
  }

  .layout245_item:hover {
    box-shadow: none;
  }

  .layout245_list {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    border-top-color: #495b6180;
    grid-template-columns: 1fr;
    margin-top: 4rem;
    padding-top: 0;
  }

  .layout245_content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .icon-embed-small-2 {
    opacity: 1;
    color: #fff;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(145deg, #596e77, #b1b7ba);
    -webkit-background-clip: text;
    background-clip: text;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0;
  }

  .div-block-42 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom-style: none;
    flex-flow: column;
    align-items: flex-start;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .div-block-43 {
    background-image: none;
  }

  .grid-copy {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .layout121_timeline-icon-wrapper {
    background-color: #67747a;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .button-group-3 {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 90%;
  }

  .layout121_timeline-right {
    margin-top: -10px;
  }

  .layout121_content {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .button-6.is-link.is-icon {
    display: none;
  }

  .layout121_progress-bar-wrapper {
    height: 75%;
    top: 2.2%;
    left: 1.6rem;
  }

  .layout121_progress-bar {
    height: 100%;
    margin-top: 0%;
  }

  .layout121_content-left {
    margin-bottom: 0;
  }

  .heading-style-h2-2 {
    font-size: 2.2rem;
  }

  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .div-block-44 {
    background-image: linear-gradient(#0000004d, #fff0);
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-14 {
    padding-top: 20%;
  }

  .svg-icon {
    width: 2.2rem;
    height: 2.2rem;
  }

  .pricing40_plan {
    border-radius: 16px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .pricing40_plan.vakio {
    border-radius: 16px;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .pricing40_grid-list {
    margin-top: 2rem;
  }

  .mrgnb {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .pr-yl-osa {
    flex-flow: row;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section-15 {
    padding-top: 20%;
  }

  .faq5_accordion {
    border-radius: 16px;
  }

  .faq5_list {
    width: 100%;
  }

  .faq5_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .faq {
    padding: 20% 0;
  }

  .div-block-51 {
    grid-template-columns: 1fr;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-53 {
    flex-flow: column;
    display: flex;
  }

  .div-block-54 {
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }

  .div-block-55 {
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 40px -5px #00000047;
  }

  .yhteys-hero {
    height: 40vh;
  }

  .uui-page-padding-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-contact03_component {
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-12-copy {
    padding-top: 4rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .mobprosnappi {
    flex-flow: column;
    display: flex;
  }

  .deskprosnappi {
    display: none;
  }

  .tilaa-demo-form {
    background-color: #0006;
    background-image: none;
    padding-left: .5rem;
    padding-right: .5rem;
    display: none;
  }

  .div-block-72 {
    min-width: auto;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .link-block-2 {
    top: 0;
    right: 0;
  }

  .formi {
    display: none;
  }

  .code-embed {
    display: flex;
  }

  .div-block-73 {
    background-color: #0000;
    padding-left: .5rem;
    padding-right: .5rem;
    display: none;
  }

  .div-block-74 {
    min-width: auto;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .link-block-3 {
    top: 0;
    right: 0;
  }

  .div-block-75 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border-bottom-style: none;
    flex-flow: column;
    align-items: flex-start;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .otsikko-2 {
    letter-spacing: -2px;
    font-size: 2rem;
    font-weight: 400;
  }

  .otsikko-2.pieni {
    letter-spacing: -1px;
    font-weight: 400;
  }

  .otsikko-2.pieni.hinta {
    font-size: 1.4rem;
    font-weight: 400;
  }

  .otsikko-2.valko {
    letter-spacing: -1px;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 100%;
  }

  .otsikko-2.valko.center {
    text-align: left;
    font-size: 3rem;
  }

  .div-block-60 {
    margin-top: 0;
  }

  .icon-embed-small-3 {
    opacity: 1;
    color: #fff;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(145deg, #596e77, #b1b7ba);
    -webkit-background-clip: text;
    background-clip: text;
    width: 2rem;
    height: 2rem;
    margin-left: 0;
  }

  .div-block-76 {
    border-radius: 16px;
    padding: .5rem;
    box-shadow: -4px 7px 12px -5px #727e8c52;
  }

  .div-block-68 {
    flex-flow: column;
    align-items: center;
    width: auto;
    margin-top: 2rem;
    display: none;
  }

  .hy-tybox {
    background-color: #fcfcfc;
    border-radius: 16px;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding: 1rem 1rem 2rem;
    box-shadow: 0 0 18px -6px #00000029;
  }

  .hy-tybox.ver {
    padding-right: 1rem;
    box-shadow: 0 0 18px -6px #0000005e;
  }

  .section-16 {
    background-color: #f7f7f7;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .bold-text-3 {
    font-weight: 500;
  }

  .div-block-78 {
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #0000, #9e9e9e00 34%, #ffffff24);
    padding-bottom: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-79 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .bodytext-5.iso {
    color: #fffffff2;
  }

  .div-block-80 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom-style: none;
    flex-flow: column;
    align-items: flex-start;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .section-18 {
    padding: 2rem 5% 4rem;
  }

  .div-block-81 {
    border-radius: 10px;
    padding: .5rem;
    box-shadow: 0 2px 40px -5px #00000047;
  }

  .div-block-82 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-bottom-style: none;
    flex-flow: column;
    align-items: flex-start;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .section-19 {
    padding-top: 20%;
  }

  .div-block-83 {
    border-radius: 10px;
    padding: .5rem;
    box-shadow: 0 2px 40px -5px #00000047;
  }

  .div-block-84 {
    align-items: flex-start;
    width: 80%;
    margin-left: 0;
    padding-bottom: 1rem;
  }

  .div-block-85 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: flex-start;
    margin-top: 4rem;
    display: flex;
  }

  .div-block-86 {
    aspect-ratio: 1;
    width: 190%;
    height: auto;
    margin-left: -43px;
  }

  .div-block-87 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .div-block-88 {
    width: 100%;
  }

  .div-block-89 {
    margin-top: 0;
    margin-bottom: 1rem;
    display: block;
  }

  .image-4 {
    opacity: .2;
    width: 100%;
    height: 100%;
  }

  .div-block-90 {
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    display: flex;
  }

  .bodytext-8.iso {
    color: #fffffff2;
  }

  .section-20 {
    background-image: linear-gradient(#02090e, #000 3%, #000);
    align-items: flex-start;
    padding: 6rem 1rem 8rem;
    overflow: hidden;
  }

  .div-block-91 {
    align-items: flex-start;
    width: 80%;
    margin-left: 0;
    padding-bottom: 1rem;
  }

  .div-block-92 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: flex-start;
    margin-top: 4rem;
    display: flex;
  }

  .div-block-93 {
    aspect-ratio: 1;
    width: 190%;
    height: auto;
    margin-left: -43px;
  }

  .div-block-94 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .div-block-95 {
    width: 100%;
  }

  .div-block-96 {
    margin-top: 0;
    margin-bottom: 1rem;
    display: block;
  }

  .image-5 {
    opacity: .2;
    width: 100%;
    height: 100%;
  }

  .div-block-97 {
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
    display: flex;
  }

  .bodytext-9.iso {
    color: #fffffff2;
  }

  .section-21 {
    background-image: linear-gradient(#02090e, #000 3%, #000);
    align-items: flex-start;
    padding: 6rem 1rem 8rem;
    overflow: hidden;
  }

  .div-block-99 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    padding-left: 5%;
    padding-right: 5%;
  }

  .faq-2 {
    padding: 20% 0;
  }

  .layout16_image-wrapper-2 {
    display: none;
  }

  .div-block-100 {
    padding: 20% 0% 2rem;
  }

  .div-block-102 {
    flex-flow: column;
    display: flex;
  }

  .div-block-103 {
    margin-bottom: 0;
  }

  .section-22 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .padding-section-large-3 {
    padding-top: 20%;
  }

  .div-block-104 {
    background-image: linear-gradient(#0000004d, #fff0);
    padding-top: 20%;
  }

  .bodytext-12.tumma.hinta {
    text-align: left;
    font-size: .8rem;
  }

  .div-block-106 {
    margin-bottom: 1.5rem;
  }

  .section-23, .section-24 {
    padding: 4rem 5%;
  }

  .bodytext-13.tumma.bold {
    font-size: 1.1rem;
    font-weight: 400;
  }

  .logo3_wrapper {
    justify-content: center;
    align-items: flex-start;
    padding-left: 0;
  }

  .div-block-109 {
    -webkit-backdrop-filter: saturate(76%);
    backdrop-filter: saturate(76%);
    background-color: #00000059;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 6rem 5%;
  }

  .div-block-110 {
    width: 100%;
  }

  .div-block-110.l2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .rkeirkeikrei-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: stretch;
    width: auto;
    margin-top: 2rem;
  }

  .text-span-13 {
    background-image: linear-gradient(#8cb0d4, #fff);
  }

  .text-span-14 {
    display: none;
  }

  .div-block-62 {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
  }

  .text-span-15 {
    display: none;
  }

  .div-block-111 {
    filter: brightness(101%) saturate(114%) blur(40px);
    background-image: url('../images/Untitled-Project-94.avif');
    background-position: -90px -20px;
    background-size: cover;
  }

  .div-block-69 {
    margin-bottom: 1rem;
  }

  .logo3_list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
  }

  .section-25 {
    height: 100vh;
  }

  .section-25.l-nd-ri2 {
    height: 95vh;
  }

  .grid-copy-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .uui-navbar01_link-2 {
    color: #fff;
    font-size: 1.2rem;
  }

  .uui-navbar01_link-2.alusta {
    display: none;
  }

  .bodytext-14.iso {
    font-size: 1rem;
  }

  .bodytext-14.iso.hero {
    color: #ffffffe6;
    text-align: left;
    font-size: 1rem;
    font-weight: 300;
  }

  .bodytext-14.iso.hero.lndhero {
    font-size: .9rem;
  }

  .logo3_component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .uui-navbar01_component-2 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    min-height: 0;
  }

  .display-2 {
    text-align: left;
    width: 101%;
    padding-top: 0;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 100%;
  }

  .display-2.webland {
    width: 107%;
  }

  .display-2.l-nd-ri {
    color: #fff;
    letter-spacing: -.7px;
    width: 103%;
    font-family: Raleway, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 500;
  }

  .display-2.l-nd-ri.tabhero-l2 {
    font-family: Montserrat, sans-serif;
    font-size: 2rem;
    font-weight: 500;
  }

  .display-2.l-nd-ri.tabhero-l2.uusikoti {
    margin-right: -3%;
    font-family: Raleway, Arial, sans-serif;
    font-size: 2.5rem;
    line-height: 100%;
  }

  .display-2.l-nd-ri.tabhero-l2.lv2 {
    width: 100%;
    font-size: 2.25rem;
  }

  .display-2.verk {
    font-size: 2.3rem;
    line-height: 110%;
  }

  .uui-navbar01_menu-2 {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #fff0;
    margin-top: 5rem;
    margin-right: 0;
    padding-top: 2rem;
  }

  .div-block-59 {
    margin-bottom: 1rem;
  }

  .div-block-59.uk.home {
    margin-bottom: 1.5rem;
  }

  .div-block-112 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    align-items: flex-start;
    padding: 0 0 3rem;
  }

  .div-block-112.l, .div-block-112.verk {
    padding-bottom: 1rem;
  }

  .section_logo3.mob {
    display: block;
  }

  .section_logo3.desk {
    display: flex;
  }

  .div-block-58 {
    width: 100%;
    margin-bottom: 1rem;
  }

  .div-block-58.desk {
    border-top-style: none;
    padding-bottom: 1rem;
    display: block;
  }

  .div-block-58.mob {
    display: flex;
  }

  .div-block-58.mob.l-nd-ri2 {
    border-radius: 0;
    display: none;
  }

  .bold-text-4 {
    font-weight: 600;
  }

  .layout245_component-copy {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 2.5fr;
  }

  .div-block-114 {
    align-items: flex-start;
  }

  .div-block-116, .div-block-117 {
    display: none;
  }

  .div-block-123 {
    margin-bottom: 2rem;
  }

  .kortti-mat, .info-kohta-copy {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .image-9 {
    width: 100%;
  }

  .grid-copy-2-copy {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-112-copy {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    align-items: flex-start;
    padding: 0 0 2rem;
  }

  .div-block-110-copy {
    width: 100%;
  }

  .div-block-109-copy {
    -webkit-backdrop-filter: brightness(109%) saturate(84%);
    backdrop-filter: brightness(109%) saturate(84%);
    background-image: linear-gradient(#00000063, #00000045 36%, #00000087 58%, #00000080 85%, #00000087 104%);
    justify-content: center;
    align-items: flex-start;
    padding: 4rem 5%;
  }

  .link-6.valko.desk, .link-6.valko.mob, .link-6.ominaisuudet, .link-6.desk {
    display: none;
  }

  .rkeirkeikrei-2-copy {
    flex-flow: column;
    align-items: stretch;
    width: auto;
    margin-top: 2rem;
  }

  .div-block-135 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .div-block-136 {
    padding-left: 1rem;
  }

  .section-25-copy {
    height: auto;
  }

  .div-block-143 {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .div-block-144 {
    border-bottom: 1px #232d3066;
    border-left-color: #232d30;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-sv {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: stretch;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: none;
  }

  .burger-link {
    width: 20%;
    height: 100%;
  }

  .link-block-8 {
    width: 20%;
  }

  .sv-nappi-2-teksti-valko {
    border: 1px solid #fff;
  }

  .div-block-282 {
    width: 90%;
    height: auto;
    margin-left: 5%;
    margin-right: 5%;
    overflow: hidden;
  }

  .burger-lottie {
    width: 35%;
    padding-top: 5px;
  }

  .image-35 {
    width: 100%;
  }

  .uui-navbar07_component {
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background-image: linear-gradient(#00000080, #0000001a);
    height: 5rem;
    min-height: 0;
    padding: 0;
    top: 0%;
  }

  .nappi-4.sumea {
    background-color: #9c9c8a;
  }

  .nappi-4.sumea.mob {
    display: block;
  }

  .nappi-4.reuna {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .nappi-4.reuna.desk {
    display: none;
  }

  .nappi-4.reuna.desk.yhteytta {
    color: #26211d;
    text-transform: uppercase;
    border-color: #26211d;
    display: block;
  }

  .uui-logo_component-5 {
    width: 5.5rem;
  }

  .menu-icon_line-middle-4, .menu-icon_line-bottom-4 {
    background-color: #fff;
  }

  .rt-grid-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .rt-agentic {
    padding-left: 0;
    padding-right: 0;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .uui-text-size-small-3 {
    color: #fff;
    font-size: .9rem;
    font-weight: 300;
  }

  .uui-icon-1x1-xsmall-4 {
    background-color: #fff;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    display: flex;
  }

  .menu-icon_line-bottom-5 {
    background-color: #fff;
  }

  .menu-icon_line-middle-5 {
    color: #fff;
    background-color: #fff;
  }

  .menu-icon_line-top-4 {
    background-color: #fff;
  }

  .uui-navbar05_dropdown-content-left {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-navbar05_bottom-bar {
    align-items: center;
  }

  .uui-navbar05_bottom-bar-content {
    flex-direction: column;
    display: flex;
  }

  .uui-navbar05_component {
    height: 4rem;
    min-height: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .uui-navbar05_menu {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: #0003;
  }

  .uui-navbar05_menu-left {
    margin-bottom: 1rem;
  }

  .uui-navbar05_link {
    color: #fff;
    font-size: 1.4rem;
  }

  .uui-navbar05_link:hover {
    color: #fffc;
  }

  .uui-dropdown-icon-4 {
    color: #fff;
  }

  .uui-navbar07_dropdown-link-2 {
    padding-left: 0;
  }

  .uui-navbar07_dropdown-list-2.w--open {
    background-color: #fff0;
  }

  .uui-navbar07_item-heading-2 {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
    font-weight: 400;
  }

  .text-block-22 {
    font-size: 1.4rem;
  }

  .section-34 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-34.l-nd-riv-mt {
    display: none;
  }

  .div-block-315 {
    margin-top: 2rem;
  }

  .div-block-316 {
    background-color: #fff;
    border-style: solid;
    grid-template-columns: 1fr;
    align-content: end;
    width: 100%;
    padding: 2rem 1rem 1.5rem;
    box-shadow: 0 2px 16px -6px #00000063;
  }

  .text-block-23 {
    color: #000000bf;
  }

  .div-block-318, .div-block-318.ver {
    width: 100%;
  }

  .mustalogo-nav, .valkologo-nav {
    margin-left: -4px;
  }

  .div-block-320 {
    flex-flow: column;
    align-items: stretch;
  }

  .section-35 {
    padding-top: 4rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-35.l-nd-ri2 {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }

  .div-block-321 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .div-block-324 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: stretch;
    width: 90%;
  }

  .div-block-324._200 {
    width: 100%;
  }

  .div-block-115-copy {
    flex-flow: column;
    margin-top: 2rem;
  }

  .image-57 {
    width: 100%;
  }

  .div-block-327 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .bold-text-6, .bold-text-7 {
    font-weight: 500;
  }

  .ver-ref-box {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: #fafafa;
    border-radius: 16px;
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding: 2rem 1rem 0;
    display: flex;
    box-shadow: 0 0 18px -6px #0000005e;
  }

  .div-block-330._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-123-copy {
    align-items: flex-start;
    margin-bottom: 2rem;
  }

  .div-block-333 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .footlinkots {
    margin-bottom: .5rem;
  }

  .div-block-336 {
    margin-top: 0;
  }

  .div-block-337 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-16-copy, .hy-dyt-ai {
    background-color: #f7f7f7;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .ikonivalkoh {
    opacity: 1;
    color: #fff;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(145deg, #596e77, #b1b7ba);
    -webkit-background-clip: text;
    background-clip: text;
    width: 2rem;
    height: 2rem;
    margin-left: 0;
  }

  .div-block-320-copy {
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 2rem;
  }

  .section-36 {
    padding-bottom: 1rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-34-copy {
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-320-copy, .div-block-320-copy-copy {
    flex-flow: column;
    align-items: stretch;
  }

  .div-block-320-copy-copy-copy {
    flex-flow: column;
    align-items: stretch;
    margin-top: 2rem;
  }

  .icon-embed-xsmall-2-copy {
    opacity: 1;
    color: #232d30;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 0;
    margin-right: 0;
  }

  .link-block-9 {
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    margin-top: .5rem;
  }

  .hinta-arvio-form {
    background-color: #0000;
    background-image: radial-gradient(circle, #0006 30%, #a3a3a326 71%, #fff0);
    padding-left: .5rem;
    padding-right: .5rem;
    display: none;
  }

  .hinta-arvio-form-box {
    min-width: auto;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-contact03_component-copy {
    grid-template-columns: 1fr;
  }

  .varauskalentericomponent {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    margin-top: 0;
  }

  .code-embed-5 {
    height: 100%;
    min-height: 0;
    margin-bottom: 0;
  }

  .landing-hero {
    height: 60vh;
  }

  .div-block-3-copy {
    width: 100%;
    margin-right: 0;
  }

  .logo3_list-copy {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
    padding-top: 0;
  }

  .div-block-58-copy {
    width: 100%;
    margin-bottom: 1rem;
  }

  .div-block-58-copy.desk {
    display: none;
  }

  .div-block-58-copy.mob {
    margin-top: 1rem;
    margin-bottom: 0;
    display: flex;
  }

  .section-12-copy-copy {
    min-height: 0;
    padding: 2rem 5%;
  }

  .landing-hy-dyt {
    height: auto;
  }

  .div-block-138-copy {
    margin-top: 1rem;
  }

  .layout121_content-left-copy {
    margin-bottom: 0;
  }

  .div-block-341 {
    flex-flow: column;
    width: 100%;
  }

  .l-nd-rin-navi {
    height: 4rem;
    min-height: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .varaustehty-hero {
    height: 100vh;
  }

  .div-block-2-copy {
    background-color: #00000080;
    background-image: none;
    align-items: flex-start;
    padding: 4rem 5% 2rem;
  }

  .div-block-342 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .link-block-11 {
    align-items: flex-start;
  }

  .varaustehtyboxi {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    align-items: center;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-343 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .div-block-343.mob {
    margin-top: 4rem;
  }

  .varaustehtyheroovelay {
    background-color: #0009;
    background-image: none;
    align-items: flex-start;
    padding: 4rem 5% 2rem;
  }

  .div-block-344 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    margin-top: 2rem;
    margin-left: -6px;
    display: flex;
  }

  .kiitossivuicon {
    color: #fff;
    width: 3.5rem;
    height: 3.5rem;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-346 {
    margin-bottom: 2rem;
  }

  .div-block-344-copy {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    margin-top: 0;
    margin-left: 0;
    display: flex;
  }

  .div-block-347 {
    margin-top: 2rem;
  }

  ._1kaoverlayhero {
    background-color: #0000004d;
    background-image: linear-gradient(#00000080, #0000002e 36%, #0006 58%, #000000b3 104%);
    align-items: flex-start;
    padding: 4rem 5% 0;
  }

  .uui-navbar05_component-copy, .uui-navbar05_component-copy-copy, .varaustehtynavi {
    height: 4rem;
    min-height: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-328-copy {
    flex-flow: column;
  }

  .div-block-348 {
    flex-flow: column;
    margin-bottom: 2rem;
  }

  .section-37 {
    height: auto;
    min-height: 120vh;
  }

  .section-37.esitietolomake {
    height: auto;
    min-height: 160vh;
  }

  .div-block-349 {
    background-color: #0009;
    padding-top: 4rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .code-embed-9, .code-embed-9.mob {
    display: block;
  }

  .code-embed-9.desk {
    display: none;
  }

  .checkmark-land {
    width: 1rem;
    height: 1rem;
  }

  .div-block-350 {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
  }

  .div-block-351 {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    flex-flow: wrap;
    width: 99vw;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .div-block-352 {
    width: 100%;
  }

  .div-block-353 {
    flex-flow: column;
  }

  .section-12-copy-copy-copy {
    padding-top: 2rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .italic-text-6 {
    font-style: normal;
    font-weight: 400;
  }

  .div-block-354 {
    width: 100%;
  }

  .uui-navbar05_component-copy, .uui-navbar05_component-copy-copy, .esitietolomakenavi {
    height: 4rem;
    min-height: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .otayhteytt-linkit {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    margin-top: 0;
    margin-left: -6px;
    display: flex;
  }

  .uui-contact03_component-copy {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .l-nd-ri-hinnoittelu {
    padding: 0 5% 4rem;
  }

  .esititetolomake-prehero {
    height: 50vh;
    min-height: 0;
  }

  .etlherooverlay {
    background-color: #00000080;
    padding: 6rem 5% 0;
  }

  .section-38 {
    padding: 2rem 5%;
  }

  .div-block-357 {
    width: 105%;
    margin-bottom: 0;
  }

  .div-block-358 {
    flex-flow: column;
  }

  .div-block-358.desk {
    display: none;
  }

  .div-block-358.mob, .div-block-358.mobweb {
    display: flex;
  }

  .etlpresec2 {
    -webkit-backdrop-filter: brightness(109%) saturate(84%);
    backdrop-filter: brightness(109%) saturate(84%);
    background-color: #0000001a;
    background-image: linear-gradient(#f7f7f7, #f7f7f7), linear-gradient(#00000063, #00000045 36%, #00000087 58%, #00000080 85%, #00000087 104%);
    justify-content: center;
    align-items: flex-start;
    padding: 3rem 5% 4rem;
  }

  .preesitietolomakenavi, .g-ads-l-nd-ri-navi {
    height: 4rem;
    min-height: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .etlpresec {
    padding: 2rem 5%;
  }

  .div-block-111-copy {
    filter: contrast(116%) saturate(114%);
    background-image: url('../images/Untitled-Project-94.avif'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 160% 130%, 0 0;
    background-size: cover, cover;
  }

  .div-block-109-copy {
    -webkit-backdrop-filter: saturate(93%) blur(40px);
    backdrop-filter: saturate(93%) blur(40px);
    background-color: #00000040;
    background-image: linear-gradient(#0000005e, #00000045 36%, #00000080 70%, #00000059 104%);
    justify-content: flex-end;
    align-items: flex-start;
    padding: 6rem 5% 0;
  }

  .section-37-copy {
    height: auto;
    min-height: 1000vh;
  }

  .div-block-349-copy {
    background-color: #0009;
    padding-top: 6rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .code-embed-5-copy {
    height: 100%;
    min-height: 0;
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .div-block-109-copy-copy {
    -webkit-backdrop-filter: brightness(109%) saturate(84%);
    backdrop-filter: brightness(109%) saturate(84%);
    background-color: #00000052;
    background-image: linear-gradient(#0003, #00000069 36%, #0000005e 58% 85%, #0000002b 104%);
    justify-content: center;
    align-items: flex-start;
    padding: 4rem 5%;
  }

  .div-block-109-copy-copy-copy {
    -webkit-backdrop-filter: brightness(109%) saturate(84%);
    backdrop-filter: brightness(109%) saturate(84%);
    background-image: linear-gradient(#00000063, #00000045 36%, #00000087 58%, #00000080 85%, #00000087 104%);
    justify-content: center;
    align-items: flex-start;
    padding: 4rem 5%;
  }

  .div-block-361 {
    margin-top: 1rem;
  }

  .etlprekal {
    -webkit-backdrop-filter: brightness(109%) saturate(84%);
    backdrop-filter: brightness(109%) saturate(84%);
    background-image: linear-gradient(#00000063, #00000045 36%, #00000087 58%, #00000080 85%, #00000087 104%);
    justify-content: center;
    align-items: flex-start;
    padding: 2rem 5%;
  }

  .div-block-362 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .websl-nds2 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-316-copy {
    width: 100%;
    box-shadow: none;
    background-color: #fff;
    border-style: none;
    grid-template-columns: 1fr;
    align-content: end;
    padding: 0;
  }

  .div-block-320-copy-copy-copy-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: stretch;
    margin-top: 2rem;
  }

  .italic-text-12 {
    display: none;
  }

  .div-block-59-copy {
    margin-bottom: 1rem;
  }

  .section-40 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .image-59.kone {
    transform: translate(-84%, -20px);
  }

  .image-59.toimitus {
    width: 56%;
    transform: translate(-172%, -2px);
  }

  .image-59.wap {
    width: 56%;
    transform: translate(146%, -16px);
  }

  .image-59._2kone {
    transform: translate(10%);
  }

  .image-59._2vahvistus {
    width: 56%;
    transform: translate(92%, 43px);
  }

  .image-59.chat {
    width: 56%;
    transform: translate(70%, 34px);
  }

  .div-block-369 {
    margin-bottom: 2rem;
  }

  .italic-text-19 {
    font-style: normal;
    font-weight: 300;
  }

  .italic-text-20 {
    color: #fff;
    font-style: normal;
    font-weight: 400;
  }

  .text-span-18 {
    color: #fff;
    letter-spacing: -1px;
    -webkit-text-fill-color: transparent;
    background-image: none;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 100%;
  }

  .div-block-370 {
    opacity: .75;
    width: 100%;
    margin-bottom: 2rem;
  }

  .text-block-25 {
    color: #c3d2dd;
    font-family: Montserrat, sans-serif;
  }

  .image-60 {
    width: 100%;
  }

  .image-61 {
    width: 60%;
    transform: translate(70%, 10%);
  }

  .image-62 {
    width: 60%;
    transform: translate(30%, 40%);
  }

  .italic-text-23 {
    font-weight: 300;
  }

  .italic-text-24 {
    font-style: normal;
    font-weight: 300;
  }

  .div-block-373 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
  }

  .italic-text-26 {
    font-style: normal;
    font-weight: 500;
  }

  .desk {
    display: none;
  }

  .hy-tytausta {
    filter: brightness(101%) saturate(44%) blur(40px);
    background-image: url('../images/Untitled-Project-91.avif'), url('../images/krzysztof-kowalik-t8p9dbMpAzg-unsplash.avif');
    background-position: 0 0, 0 0;
    background-size: cover, 1960px;
  }

  .div-block-374 {
    grid-row-gap: .5rem;
    justify-content: flex-start;
    margin-top: 2rem;
  }

  .image-63.deskkuvarr {
    display: none;
  }

  .image-64.mobkuvarr {
    width: 100%;
    height: 100%;
    display: block;
  }

  .div-block-370-copy {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    opacity: 1;
    width: 100%;
    margin-bottom: 2rem;
  }

  .text-block-25-copy {
    color: #c3d2dd;
    margin-left: .3rem;
    font-family: Montserrat, sans-serif;
  }

  .t-htiarvio-label {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    opacity: 1;
    width: 100%;
    margin-bottom: 2rem;
    display: none;
  }

  .home-hero-label {
    opacity: .75;
    width: 100%;
    margin-bottom: 1rem;
  }

  .div-block-376 {
    margin-top: 4rem;
  }

  .text-block-26 {
    text-align: left;
    font-size: 1.6rem;
  }

  .div-block-379 {
    margin-bottom: 4rem;
    padding-left: .7rem;
  }

  .logo3_list-copy, .logo3_list-copy-copy {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: center;
  }

  .logolista {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    justify-content: center;
  }

  .image-65, .image-65.h2h {
    width: 25%;
  }

  .image-65.kpakaa, .image-65.mceb {
    width: 15%;
  }

  .logocompontent {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .section_logo3-copy.mob {
    display: block;
  }

  .section_logo3-copy.desk {
    display: flex;
  }

  .section_logo3-copy-copy.mob {
    display: block;
  }

  .section_logo3-copy-copy.desk {
    display: flex;
  }

  .logot-trigger {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .logot-trigger.mob {
    display: block;
  }

  .logot-trigger.desk {
    display: flex;
  }

  .italic-text-31 {
    font-style: normal;
    font-weight: 400;
  }

  .crmmgrid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .image-57-copy, .div-block-322-copy {
    width: 100%;
  }

  .bodytext-15.tumma.hinta {
    text-align: left;
    font-size: .8rem;
  }

  .div-block-380 {
    margin-bottom: 1.5rem;
  }

  .div-block-383._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-384 {
    margin-top: 0;
  }

  .bodytext-16.tumma {
    font-weight: 400;
  }

  .otsikko-3 {
    letter-spacing: -1px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 120%;
  }

  .otsikko-3.keski {
    font-size: 2rem;
  }

  .menu-icon_line-top-5 {
    background-color: #fff;
  }

  .uui-navbar05_menu-left-2 {
    margin-bottom: 1rem;
  }

  .uui-navbar05_menu-2 {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: #0003;
  }

  .menu-icon_line-bottom-6 {
    background-color: #fff;
  }

  .karusellilogo {
    width: 10rem;
  }

  .rt-marquee-train-mob {
    justify-content: flex-end;
  }
}

#w-node-_95165b22-26b2-913a-3e48-1a7a998acaec-31098854 {
  grid-area: 1 / 1 / 2 / 12;
}

#w-node-_664ef640-eca2-d14b-9328-7c00c76cc90a-f870f8a6 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_95165b22-26b2-913a-3e48-1a7a998acaec-3c69a5a0 {
  grid-area: 1 / 1 / 2 / 12;
}

#w-node-e7e29276-18b6-2b07-825a-8d4443688760-3c69a5a0, #w-node-e7e29276-18b6-2b07-825a-8d444368876e-3c69a5a0, #w-node-_66757caf-b381-694c-f04f-e84178e9c4ff-3c69a5a0, #w-node-_66757caf-b381-694c-f04f-e84178e9c50d-3c69a5a0 {
  align-self: start;
}

#w-node-_8b5134af-2487-90fe-d986-9d3ccec2bd19-3c69a5a0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_30921c07-767b-f9db-4653-6da6e8ec5c5a-3c69a5a0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_80ccf86a-a2c9-e054-79da-a42e30881b01-3c69a5a0 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_80ccf86a-a2c9-e054-79da-a42e30881b04-3c69a5a0 {
  grid-area: 1 / 4 / 2 / 11;
}

#w-node-_983bf60e-4771-ef18-e9fa-d18507aac11d-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac122-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac127-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac131-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac15a-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac15f-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac164-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac16e-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0a0-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0a5-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0aa-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0b4-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0dd-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0e2-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0e7-550978c5, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0f1-550978c5 {
  justify-self: center;
}

#w-node-_3693b6a0-af9a-0c71-c72b-baca9b9e434e-550978c5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-acb61a3e-a326-9590-b07b-cf1e56d6b531-550978c5, #w-node-db83eba7-8224-51bc-52ee-9f6740562ae7-550978c5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-db83eba7-8224-51bc-52ee-9f6740562af3-550978c5, #w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c668-550978c5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c674-550978c5, #w-node-_0eb35948-d853-d3b9-e803-15848ab3dbe5-550978c5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0eb35948-d853-d3b9-e803-15848ab3dbf1-550978c5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec97518-2df4-2666-9603-b45aa1f77855-550978c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_062ee0e8-63cc-3e50-c01e-e09495c2355e-550978c5, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23563-550978c5, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23568-550978c5, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c2356d-550978c5, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23572-550978c5, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23589-550978c5, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c2358e-550978c5, #w-node-b155b5a2-4ae5-4ce3-c58e-981deb6559ef-550978c5, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c235a2-550978c5, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23598-550978c5, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c2359d-550978c5, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23593-550978c5, #w-node-ab641f8c-5972-6f23-d358-4e6e9b2c85a9-550978c5, #w-node-f1f3ded5-1cb2-c1d3-f633-18b8ef9f2cc1-550978c5 {
  align-self: start;
}

#w-node-b116fc8c-7032-c28a-8838-96a45a75ffd9-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a75ffde-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a75ffe3-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a75ffed-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a760016-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a76001b-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a760020-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a76002a-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a760056-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a76005b-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a760060-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a76006a-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a760093-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a760098-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a76009d-5903b5ee, #w-node-b116fc8c-7032-c28a-8838-96a45a7600a7-5903b5ee {
  justify-self: center;
}

#w-node-_7cfbfa4c-2071-2d3a-8186-fcc47f7b1bb8-fd4a5121 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-a6efd213-58a4-3f33-ef09-60e1ca36fc96-fd4a5121, #w-node-bcea29cf-b2b3-a292-4402-ba0e3f120c61-fd4a5121, #w-node-_82b58781-d714-ae89-6c63-5662de1c7894-fd4a5121 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_983bf60e-4771-ef18-e9fa-d18507aac0aa-f1d14cdb, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0a0-f1d14cdb, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0b4-f1d14cdb, #w-node-_8371c225-552f-33a5-1af4-42786131aeaa-f1d14cdb, #w-node-_8371c225-552f-33a5-1af4-42786131aeaf-f1d14cdb, #w-node-_8371c225-552f-33a5-1af4-42786131aeb4-f1d14cdb {
  justify-self: center;
}

#w-node-_19a68d0c-9789-4d13-651a-ba2d7cfacc8d-f1d14cdb, #w-node-bf742177-c4fe-72fc-dfbc-7838c5c07076-f1d14cdb, #w-node-_0d6f2722-6e5f-42fe-5f62-8d9a81a86978-f1d14cdb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3693b6a0-af9a-0c71-c72b-baca9b9e434e-f1d14cdb {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-acb61a3e-a326-9590-b07b-cf1e56d6b531-f1d14cdb, #w-node-db83eba7-8224-51bc-52ee-9f6740562ae7-f1d14cdb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-db83eba7-8224-51bc-52ee-9f6740562af3-f1d14cdb, #w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c668-f1d14cdb {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c674-f1d14cdb, #w-node-_0eb35948-d853-d3b9-e803-15848ab3dbe5-f1d14cdb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0eb35948-d853-d3b9-e803-15848ab3dbf1-f1d14cdb {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec97518-2df4-2666-9603-b45aa1f77855-f1d14cdb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_062ee0e8-63cc-3e50-c01e-e09495c2355e-f1d14cdb, #w-node-_1696b7c1-a253-34da-db19-98ee95301cf2-f1d14cdb, #w-node-_32ccb9e8-f824-11f6-8e94-5d6e24a3cc87-f1d14cdb, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23563-f1d14cdb, #w-node-_22541b4e-3cca-21d2-161f-55c2387d51b8-f1d14cdb, #w-node-_73b3514d-1746-d1b8-5d4d-95b5f876761a-f1d14cdb, #w-node-_93185d59-0722-fe14-f345-d3b6d18f0e90-f1d14cdb, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23589-f1d14cdb, #w-node-_071efd49-ecc6-7b75-e993-92bc1c756368-f1d14cdb, #w-node-a4f3c64d-17d9-8637-8486-a84914cf5853-f1d14cdb, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23593-f1d14cdb, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23598-f1d14cdb, #w-node-_0b12e4c8-10e2-e11f-2ca1-09dfadbeda98-f1d14cdb, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c2359d-f1d14cdb, #w-node-_68974b18-f918-783b-42a8-28123948deec-f1d14cdb, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c235a2-f1d14cdb {
  align-self: start;
}

#w-node-_95165b22-26b2-913a-3e48-1a7a998acaec-876dc1fe, #w-node-_95165b22-26b2-913a-3e48-1a7a998acaec-3f1506f7 {
  grid-area: 1 / 1 / 2 / 12;
}

#w-node-_21889de8-2fd7-4b48-005d-40725c42b602-3f1506f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_21889de8-2fd7-4b48-005d-40725c42b603-3f1506f7 {
  justify-self: start;
}

#w-node-b2eeb340-a8b8-113b-e6ea-234b210f2d4b-3f1506f7 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_95165b22-26b2-913a-3e48-1a7a998acaec-1128ae39, #w-node-_95165b22-26b2-913a-3e48-1a7a998acaec-fff0b5ec {
  grid-area: 1 / 1 / 2 / 12;
}

#w-node-_9e40b955-9be6-9c6b-d308-60f558a843ed-fff0b5ec, #w-node-_9e40b955-9be6-9c6b-d308-60f558a843f2-fff0b5ec, #w-node-_9e40b955-9be6-9c6b-d308-60f558a843f7-fff0b5ec, #w-node-_9e40b955-9be6-9c6b-d308-60f558a843fc-fff0b5ec, #w-node-_9e40b955-9be6-9c6b-d308-60f558a84401-fff0b5ec, #w-node-_7bba01d5-dd4c-d09a-73be-7760c311f700-fff0b5ec, #w-node-_7bba01d5-dd4c-d09a-73be-7760c311f705-fff0b5ec, #w-node-_7bba01d5-dd4c-d09a-73be-7760c311f70a-fff0b5ec, #w-node-_7bba01d5-dd4c-d09a-73be-7760c311f70f-fff0b5ec, #w-node-_7bba01d5-dd4c-d09a-73be-7760c311f714-fff0b5ec, #w-node-_7bba01d5-dd4c-d09a-73be-7760c311f719-fff0b5ec, #w-node-_7bba01d5-dd4c-d09a-73be-7760c311f71e-fff0b5ec, #w-node-_7bba01d5-dd4c-d09a-73be-7760c311f723-fff0b5ec, #w-node-_7bba01d5-dd4c-d09a-73be-7760c311f728-fff0b5ec {
  align-self: start;
}

#w-node-_95165b22-26b2-913a-3e48-1a7a998acaec-3d3e1427, #w-node-_95165b22-26b2-913a-3e48-1a7a998acaec-9c9ccb75 {
  grid-area: 1 / 1 / 2 / 12;
}

#w-node-_4e4de583-c811-46dc-47bb-ab72d236c486-963f71ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3693b6a0-af9a-0c71-c72b-baca9b9e434e-947bf10f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-acb61a3e-a326-9590-b07b-cf1e56d6b531-947bf10f, #w-node-db83eba7-8224-51bc-52ee-9f6740562ae7-947bf10f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-db83eba7-8224-51bc-52ee-9f6740562af3-947bf10f, #w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c668-947bf10f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c674-947bf10f, #w-node-_0eb35948-d853-d3b9-e803-15848ab3dbe5-947bf10f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0eb35948-d853-d3b9-e803-15848ab3dbf1-947bf10f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec97518-2df4-2666-9603-b45aa1f77855-947bf10f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c06db442-cd09-8447-7b5c-64dcfd96eba3-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96eba8-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ebad-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ebb2-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ebb7-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ebbc-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ebd3-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ebd8-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ebdd-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ebe2-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ebe7-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ebec-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ebf1-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ebf6-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ec0d-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ec12-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ec17-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ec1c-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ec21-fd96eb90, #w-node-c06db442-cd09-8447-7b5c-64dcfd96ec26-fd96eb90 {
  align-self: start;
}

#w-node-_41839691-5cfd-9439-6a80-506a03f39d4f-03f39cca, #w-node-_41839691-5cfd-9439-6a80-506a03f39d54-03f39cca, #w-node-_41839691-5cfd-9439-6a80-506a03f39d59-03f39cca, #w-node-_41839691-5cfd-9439-6a80-506a03f39d63-03f39cca, #w-node-_41839691-5cfd-9439-6a80-506a03f39d8c-03f39cca, #w-node-_41839691-5cfd-9439-6a80-506a03f39d91-03f39cca, #w-node-_41839691-5cfd-9439-6a80-506a03f39d96-03f39cca, #w-node-_41839691-5cfd-9439-6a80-506a03f39da0-03f39cca, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac11d-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac122-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac127-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac131-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac15a-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac15f-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac164-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac16e-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0a5-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0aa-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0b4-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0e2-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0e7-36cbf2b7, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0f1-36cbf2b7 {
  justify-self: center;
}

#w-node-_3693b6a0-af9a-0c71-c72b-baca9b9e434e-36cbf2b7 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-acb61a3e-a326-9590-b07b-cf1e56d6b531-36cbf2b7, #w-node-db83eba7-8224-51bc-52ee-9f6740562ae7-36cbf2b7 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-db83eba7-8224-51bc-52ee-9f6740562af3-36cbf2b7, #w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c668-36cbf2b7 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c674-36cbf2b7, #w-node-_0eb35948-d853-d3b9-e803-15848ab3dbe5-36cbf2b7 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0eb35948-d853-d3b9-e803-15848ab3dbf1-36cbf2b7 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec97518-2df4-2666-9603-b45aa1f77855-36cbf2b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_062ee0e8-63cc-3e50-c01e-e09495c2355e-36cbf2b7, #w-node-_3b7a9931-bbf0-5b10-10de-14a5a861bb38-36cbf2b7, #w-node-_18a5a875-e0a6-2335-8982-00af33912016-36cbf2b7, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23563-36cbf2b7, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23568-36cbf2b7, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c2358e-36cbf2b7, #w-node-b9564a14-3705-0b52-4341-04aa18a44ef7-36cbf2b7, #w-node-b155b5a2-4ae5-4ce3-c58e-981deb6559ef-36cbf2b7, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c235a2-36cbf2b7, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23598-36cbf2b7, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c2359d-36cbf2b7, #w-node-_3802dee6-7171-cc04-e555-c5a9943c3e8b-36cbf2b7, #w-node-f1f3ded5-1cb2-c1d3-f633-18b8ef9f2cc1-36cbf2b7 {
  align-self: start;
}

#w-node-_4e4de583-c811-46dc-47bb-ab72d236c486-a3b3ef2f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_95165b22-26b2-913a-3e48-1a7a998acaec-97491090 {
  grid-area: 1 / 1 / 2 / 12;
}

#w-node-_983bf60e-4771-ef18-e9fa-d18507aac11d-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac122-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac127-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac131-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac15a-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac15f-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac164-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac16e-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0a0-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0a5-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0aa-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0b4-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0dd-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0e2-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0e7-6bf1db20, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0f1-6bf1db20 {
  justify-self: center;
}

#w-node-_3693b6a0-af9a-0c71-c72b-baca9b9e434e-6bf1db20 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-acb61a3e-a326-9590-b07b-cf1e56d6b531-6bf1db20, #w-node-db83eba7-8224-51bc-52ee-9f6740562ae7-6bf1db20 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-db83eba7-8224-51bc-52ee-9f6740562af3-6bf1db20, #w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c668-6bf1db20 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c674-6bf1db20, #w-node-_0eb35948-d853-d3b9-e803-15848ab3dbe5-6bf1db20 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0eb35948-d853-d3b9-e803-15848ab3dbf1-6bf1db20 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec97518-2df4-2666-9603-b45aa1f77855-6bf1db20 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_983bf60e-4771-ef18-e9fa-d18507aac11d-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac122-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac127-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac131-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac15a-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac15f-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac164-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac16e-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0a0-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0a5-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0aa-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0b4-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0dd-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0e2-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0e7-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0f1-99174997 {
  justify-self: center;
}

#w-node-_3693b6a0-af9a-0c71-c72b-baca9b9e434e-99174997 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-acb61a3e-a326-9590-b07b-cf1e56d6b531-99174997, #w-node-db83eba7-8224-51bc-52ee-9f6740562ae7-99174997 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-db83eba7-8224-51bc-52ee-9f6740562af3-99174997, #w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c668-99174997 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c674-99174997, #w-node-_0eb35948-d853-d3b9-e803-15848ab3dbe5-99174997 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0eb35948-d853-d3b9-e803-15848ab3dbf1-99174997 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec97518-2df4-2666-9603-b45aa1f77855-99174997 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_062ee0e8-63cc-3e50-c01e-e09495c2355e-99174997, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23563-99174997, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23568-99174997, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c2356d-99174997, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23572-99174997, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23589-99174997, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c2358e-99174997, #w-node-b155b5a2-4ae5-4ce3-c58e-981deb6559ef-99174997, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c235a2-99174997, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23598-99174997, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c2359d-99174997, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23593-99174997, #w-node-ab641f8c-5972-6f23-d358-4e6e9b2c85a9-99174997, #w-node-f1f3ded5-1cb2-c1d3-f633-18b8ef9f2cc1-99174997 {
  align-self: start;
}

#w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cefc1-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cefc6-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cefcb-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cefd5-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0ceffe-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cf003-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cf008-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cf012-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cf03e-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cf043-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cf048-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cf052-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cf07b-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cf080-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cf085-99174997, #w-node-_8bb58a4c-3a27-72ae-86c7-6a28aa0cf08f-99174997, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac11d-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac122-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac127-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac131-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac15a-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac15f-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac164-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac16e-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0a0-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0a5-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0aa-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0b4-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0dd-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0e2-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0e7-eddeb90f, #w-node-_983bf60e-4771-ef18-e9fa-d18507aac0f1-eddeb90f {
  justify-self: center;
}

#w-node-_3693b6a0-af9a-0c71-c72b-baca9b9e434e-eddeb90f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-acb61a3e-a326-9590-b07b-cf1e56d6b531-eddeb90f, #w-node-db83eba7-8224-51bc-52ee-9f6740562ae7-eddeb90f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-db83eba7-8224-51bc-52ee-9f6740562af3-eddeb90f, #w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c668-eddeb90f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c674-eddeb90f, #w-node-_0eb35948-d853-d3b9-e803-15848ab3dbe5-eddeb90f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0eb35948-d853-d3b9-e803-15848ab3dbf1-eddeb90f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec97518-2df4-2666-9603-b45aa1f77855-eddeb90f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_062ee0e8-63cc-3e50-c01e-e09495c2355e-eddeb90f, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23563-eddeb90f, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23568-eddeb90f, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c2356d-eddeb90f, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23572-eddeb90f, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23589-eddeb90f, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c2358e-eddeb90f, #w-node-b155b5a2-4ae5-4ce3-c58e-981deb6559ef-eddeb90f, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c235a2-eddeb90f, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23598-eddeb90f, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c2359d-eddeb90f, #w-node-_062ee0e8-63cc-3e50-c01e-e09495c23593-eddeb90f, #w-node-ab641f8c-5972-6f23-d358-4e6e9b2c85a9-eddeb90f, #w-node-f1f3ded5-1cb2-c1d3-f633-18b8ef9f2cc1-eddeb90f {
  align-self: start;
}

#w-node-_3693b6a0-af9a-0c71-c72b-baca9b9e434e-c96e83f6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-acb61a3e-a326-9590-b07b-cf1e56d6b531-c96e83f6, #w-node-db83eba7-8224-51bc-52ee-9f6740562ae7-c96e83f6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-db83eba7-8224-51bc-52ee-9f6740562af3-c96e83f6, #w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c668-c96e83f6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c674-c96e83f6, #w-node-_0eb35948-d853-d3b9-e803-15848ab3dbe5-c96e83f6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0eb35948-d853-d3b9-e803-15848ab3dbf1-c96e83f6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec97518-2df4-2666-9603-b45aa1f77855-c96e83f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3693b6a0-af9a-0c71-c72b-baca9b9e434e-74dc7897 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-acb61a3e-a326-9590-b07b-cf1e56d6b531-74dc7897, #w-node-db83eba7-8224-51bc-52ee-9f6740562ae7-74dc7897 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-db83eba7-8224-51bc-52ee-9f6740562af3-74dc7897, #w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c668-74dc7897 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c674-74dc7897, #w-node-_0eb35948-d853-d3b9-e803-15848ab3dbe5-74dc7897 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0eb35948-d853-d3b9-e803-15848ab3dbf1-74dc7897 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec97518-2df4-2666-9603-b45aa1f77855-74dc7897 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_486feed5-d9cc-4122-a3a1-482add0f0833-2aadd992, #w-node-_486feed5-d9cc-4122-a3a1-482add0f0838-2aadd992, #w-node-_486feed5-d9cc-4122-a3a1-482add0f083d-2aadd992, #w-node-_486feed5-d9cc-4122-a3a1-482add0f0847-2aadd992, #w-node-b7f96c3f-f5b0-03e8-ee40-c599263c098c-2aadd992, #w-node-b7f96c3f-f5b0-03e8-ee40-c599263c0991-2aadd992, #w-node-b7f96c3f-f5b0-03e8-ee40-c599263c0996-2aadd992, #w-node-b7f96c3f-f5b0-03e8-ee40-c599263c09a0-2aadd992 {
  justify-self: center;
}

#w-node-_19a68d0c-9789-4d13-651a-ba2d7cfacc8d-2aadd992, #w-node-bf742177-c4fe-72fc-dfbc-7838c5c07076-2aadd992, #w-node-_0d6f2722-6e5f-42fe-5f62-8d9a81a86978-2aadd992 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3693b6a0-af9a-0c71-c72b-baca9b9e434e-2aadd992 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-acb61a3e-a326-9590-b07b-cf1e56d6b531-2aadd992, #w-node-db83eba7-8224-51bc-52ee-9f6740562ae7-2aadd992 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-db83eba7-8224-51bc-52ee-9f6740562af3-2aadd992, #w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c668-2aadd992 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c674-2aadd992, #w-node-_0eb35948-d853-d3b9-e803-15848ab3dbe5-2aadd992 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0eb35948-d853-d3b9-e803-15848ab3dbf1-2aadd992 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec97518-2df4-2666-9603-b45aa1f77855-2aadd992 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e92079da-a0fb-9589-98f1-4e78ad78ee15-2aadd992, #w-node-e92079da-a0fb-9589-98f1-4e78ad78ee1a-2aadd992, #w-node-e92079da-a0fb-9589-98f1-4e78ad78ee1f-2aadd992, #w-node-e92079da-a0fb-9589-98f1-4e78ad78ee24-2aadd992, #w-node-e92079da-a0fb-9589-98f1-4e78ad78ee29-2aadd992, #w-node-e92079da-a0fb-9589-98f1-4e78ad78ee40-2aadd992, #w-node-e92079da-a0fb-9589-98f1-4e78ad78ee45-2aadd992, #w-node-e92079da-a0fb-9589-98f1-4e78ad78ee4a-2aadd992, #w-node-e92079da-a0fb-9589-98f1-4e78ad78ee4f-2aadd992, #w-node-e92079da-a0fb-9589-98f1-4e78ad78ee54-2aadd992, #w-node-e92079da-a0fb-9589-98f1-4e78ad78ee59-2aadd992, #w-node-e92079da-a0fb-9589-98f1-4e78ad78ee5e-2aadd992, #w-node-e92079da-a0fb-9589-98f1-4e78ad78ee63-2aadd992 {
  align-self: start;
}

#w-node-_3693b6a0-af9a-0c71-c72b-baca9b9e434e-9b9208fd {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-acb61a3e-a326-9590-b07b-cf1e56d6b531-9b9208fd, #w-node-db83eba7-8224-51bc-52ee-9f6740562ae7-9b9208fd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-db83eba7-8224-51bc-52ee-9f6740562af3-9b9208fd, #w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c668-9b9208fd {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7b28baf7-b967-a2a0-beb7-928b9b96c674-9b9208fd, #w-node-_0eb35948-d853-d3b9-e803-15848ab3dbe5-9b9208fd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0eb35948-d853-d3b9-e803-15848ab3dbf1-9b9208fd {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec97518-2df4-2666-9603-b45aa1f77855-9b9208fd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c783f802-a5bc-e98d-3b76-00e8a501e4ee-9b9208fd, #w-node-c783f802-a5bc-e98d-3b76-00e8a501e4f3-9b9208fd, #w-node-c783f802-a5bc-e98d-3b76-00e8a501e4f8-9b9208fd, #w-node-c783f802-a5bc-e98d-3b76-00e8a501e4fd-9b9208fd, #w-node-c783f802-a5bc-e98d-3b76-00e8a501e502-9b9208fd, #w-node-_5fc92342-d9e2-7e06-57d1-9bb5b722ffbc-9b9208fd, #w-node-c783f802-a5bc-e98d-3b76-00e8a501e507-9b9208fd, #w-node-c783f802-a5bc-e98d-3b76-00e8a501e520-9b9208fd, #w-node-c783f802-a5bc-e98d-3b76-00e8a501e525-9b9208fd, #w-node-c783f802-a5bc-e98d-3b76-00e8a501e52a-9b9208fd, #w-node-_36e931fa-fd16-3af7-50a0-67769bb43ca8-9b9208fd, #w-node-c783f802-a5bc-e98d-3b76-00e8a501e54d-9b9208fd, #w-node-c783f802-a5bc-e98d-3b76-00e8a501e52f-9b9208fd, #w-node-_6a1443b7-d97f-27e5-2098-125e1c105f6b-9b9208fd, #w-node-_62971b5b-012a-055f-ea85-0c08ce0fabd2-9b9208fd, #w-node-c783f802-a5bc-e98d-3b76-00e8a501e534-9b9208fd, #w-node-c783f802-a5bc-e98d-3b76-00e8a501e548-9b9208fd {
  align-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-_80ccf86a-a2c9-e054-79da-a42e30881b04-3c69a5a0 {
    grid-column: 3 / 11;
  }

  #w-node-bf742177-c4fe-72fc-dfbc-7838c5c0706d-f1d14cdb {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_0d6f2722-6e5f-42fe-5f62-8d9a81a8696f-f1d14cdb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bf742177-c4fe-72fc-dfbc-7838c5c0706d-2aadd992 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_0d6f2722-6e5f-42fe-5f62-8d9a81a8696f-2aadd992 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-cf59e9dc-4643-7188-0b7e-6e42292fa958-550978c5, #w-node-d7a68278-4692-c7cd-b242-576f24197213-24197212, #w-node-cf59e9dc-4643-7188-0b7e-6e42292fa958-36cbf2b7, #w-node-cf59e9dc-4643-7188-0b7e-6e42292fa958-6bf1db20, #w-node-cf59e9dc-4643-7188-0b7e-6e42292fa958-99174997, #w-node-cf59e9dc-4643-7188-0b7e-6e42292fa958-eddeb90f, #w-node-faaa82b5-75b1-cb5b-a85d-c6fda35f49a7-9b9208fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-f7710c24-e71a-2f26-d1a7-56234bbddb49-947bf10f, #w-node-f7710c24-e71a-2f26-d1a7-56234bbddb49-99174997, #w-node-f7710c24-e71a-2f26-d1a7-56234bbddb49-eddeb90f, #w-node-f7710c24-e71a-2f26-d1a7-56234bbddb49-c96e83f6, #w-node-f7710c24-e71a-2f26-d1a7-56234bbddb49-74dc7897, #w-node-f7710c24-e71a-2f26-d1a7-56234bbddb49-9b9208fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway.zip') format('undefined'), url('../fonts/Raleway-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-ExtraBold.ttf') format('truetype'), url('../fonts/PathwayExtreme_14pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-BoldItalic.ttf') format('truetype'), url('../fonts/PathwayExtreme_14pt-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Pathwayextreme 14 Pt';
  src: url('../fonts/PathwayExtreme_14pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ExtraBold.ttf') format('truetype'), url('../fonts/Raleway-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-BoldItalic.ttf') format('truetype'), url('../fonts/Raleway-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}