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

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-ExtraBlack-Italic.otf') format("opentype"), url('../fonts/TT-Norms-Pro-Black-Italic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-ExtraLight-Italic.otf') format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-ExtraBlack.otf') format("opentype"), url('../fonts/TT-Norms-Pro-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-Bold-Italic.otf') format("opentype"), url('../fonts/TT-Norms-Pro-ExtraBold-Italic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-Bold.otf') format("opentype"), url('../fonts/TT-Norms-Pro-ExtraBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-Light-Italic.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-Medium-Italic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-Thin-Italic.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Tt Norms Pro;
  src: url('../fonts/TT-Norms-Pro-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

:root {
  --background--solid--dark-mode--base: #0c022f;
  --spacing--24: 24px;
  --stroke--dark-mode--weak: #ffffff1a;
  --text--dark-mode--weak-light-mode\<deleted\|variable-158a491b-9ecf-5c80-7ba0-a84d4f14bca9\>: #000933a6;
  --spacing--4: 4px;
  --spacing--16: 16px;
  --spacing--0: 0px;
  --text--dark-mode--strong-light-mode\<deleted\|variable-16101a58-0acd-c7c2-940e-25f8e84aaeb5\>: #0c0230e6;
  --grey-slate-solid--0\<deleted\|variable-5ffcc1f6-46e5-8430-8414-6e55a56d6094\>: #fff;
  --fill--dark-mode--transparent: transparent;
  --product-blue--light-mode--1000: #005de5;
  --c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>: #fff;
  --grey-slate-solid--900\<deleted\|variable-84de0ca4-2c03-26b7-b5c0-7308c2898b2a\>: #0c0230;
  --opus-apeiro--blue-normal--light-mode--800\<deleted\|variable-616b3f17-0e95-875b-4594-437afd8d1196\>: #005ce4cc;
  --opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>: #0c0230;
  --text--dark-mode--weak: #ffffffb3;
  --background--transparent--dark-mode--overlay: #b7bbd15e;
  --grey-neutral--dark--100\<deleted\|variable-0719ef64-24e9-4255-df66-b5b724ef310b\>: #ffffff1f;
  --stroke--dark-mode--inverse-weak\<deleted\|variable-abbb6451-6e26-959f-0beb-b3e9b9d68e1d\>: #ffffff1f;
  --c247--white-normal-active\<deleted\|variable-7bc7bd6f-3c3c-fa45-72cd-cb3f569a8a01\>: #ccc;
  --c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>: #e6e6e6;
  --icon--inverse\<deleted\|variable-83e042c2-c697-7fdf-da27-4b87f2c5ec56\>: #000d4d0d;
  --grey-slate--light--500\<deleted\|variable-322e4225-0b8e-fed2-3c3c-592a69681dfb\>: #000d4d73;
  --c247--grey-light-hover\<deleted\|variable-a20000ff-7412-842c-4e87-0219b91555e7\>: #e1e1e1;
  --opus-apeiro--blue-normal--light-mode--1000\<deleted\|variable-dbadfbd5-1d7c-6519-1815-5ffc16de162a\>: #005ce4;
  --background--solid--dark-mode--sunken: #07011c;
  --grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>: #060117;
  --c247--green-normal\<deleted\|variable-13ef5de3-66cf-f078-47e2-c9d8192dcd10\>: #27be36;
  --global--dark-bg-base: #0c022f;
  --grey-slate--light--1000\<deleted\|variable-4f7c9b22-6de7-3aa9-6f62-b94afa1002ca\>: #0c0230e6;
  --opus-apeiro-brand--opus-blue\<deleted\|variable-6fce1800-e0e3-d473-6fda-cddf467667c6\>: #295efc;
  --information-blue--light-mode--200\<deleted\|variable-69bba922-284e-5ed6-5b3d-4632009a28da\>: #005de533;
  --opus-apeiro-brand--opus-blue-hover\<deleted\|variable-085bc386-bd52-6aab-49b7-f8d6e385f4ea\>: #134eff;
  --copia--blue\<deleted\|variable-5d55b2df-78a5-6d09-7ae9-b4593284c9c4\>: #01affb;
  --opus-apeiro--bg-base-lm\<deleted\|variable-c678de9e-870c-88cb-7893-bc4a4daef480\>: #fff;
  --stroke--dark-mode--weaker\<deleted\|variable-8aa92bb4-e438-f0dc-3091-90233b5759e1\>: #fff0;
  --background--solid--dark-mode--raised: #1e163c;
  --text--dark-mode--strong: white;
  --card-hover\<deleted\|variable-cad28f86-6896-f847-2a4b-61eeb11887de\>: #7735f60d;
  --opus-apeiro--dark-blue--dark-mode--500\<deleted\|variable-d904a5d1-f71b-2daf-b410-358604a55801\>: #0045ab99;
  --background--transparent--dark-mode--raised: #1e163c99;
  --marketing-brand-colours--vigil²⁴⁷-darker: #792af3;
  --vigil--600-h\<deleted\|variable-51b99de7-6971-9e6e-8c97-c5fbf7ba5699\>: #6d25ec;
  --c247--button-primary\<deleted\|variable-86996b17-e1b0-2e21-3147-8eeea1703aee\>: #e2007c;
  --c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>: #e23193;
  --c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>: #cb2c84;
  --c247--button-hover\<deleted\|variable-98b38f1a-d72f-1602-1697-8eb83d2352b9\>: #cb2c84;
  --c247--pink-dark\<deleted\|variable-b2d799e6-13cd-9f8e-fd2c-f31e4d8392f8\>: #aa256e;
  --c247--blue-normal\<deleted\|variable-67ae1773-c72f-f919-7063-e2af045c7ccb\>: #005ce4;
  --background--transparent--dark-mode--glass: #000d4d33;
  --background--dark-mode--card\<deleted\|variable-0d431979-ed62-980b-39b6-ef9bc8bec73e\>: #010c4a;
  --c247--violet\<deleted\|variable-70ad7a1c-b4be-0cee-f694-5067f250795b\>: #cd37ae;
  --ctrl--turquoise\<deleted\|variable-b7e71870-a612-a953-d36e-450e6cfab917\>: var(--copia--blue-hover\<deleted\|variable-a932f506-dee6-f8dc-90ea-10161a89392e\>);
  --ctrl--turquoise-hover\<deleted\|variable-35fe2500-cbc1-bcd2-98bf-47c891f9cb7f\>: #00c1be;
  --marketing-brand-colours--c247-product\<deleted\|variable-97fa61a5-d897-a98f-959d-fd0de26d3b9b\>: #cb2c84;
  --marketing-brand-colours--c247-darker\<deleted\|variable-e88b8a04-43f7-2e30-7e13-983d061a703b\>: #b52776;
  --failure-red--dark-mode--500\<deleted\|variable-8185fa70-89b8-1d6c-6557-08d485f62167\>: #ff9c9c80;
  --failure-red--dark-mode--50: #ff9c9c0d;
  --copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>: #0176d9;
  --copia--darker-blue-hover\<deleted\|variable-8b8f236b-20b4-3db1-39a8-d4498d0b900b\>: #0078dc;
  --copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>: #0263c7;
  --grey-slate--light--600\<deleted\|variable-d3785b4f-5ffe-812a-2cd0-0b20b6e0d7ab\>: #0c023099;
  --grey-neutral--dark--1000\<deleted\|variable-d40456aa-2a42-6d9b-e661-caadbf33af19\>: #fff;
  --grey-neutral--dark--700\<deleted\|variable-bbea1a98-e7a8-8125-19dd-fed7f0e2b873\>: #ffffffc7;
  --c247--blue-normal-active\<deleted\|variable-db840422-25a1-308d-fc1d-9d7d9760ac0f\>: #004ab6;
  --background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>: white;
  --c247-product-pink--light-mode--900-primary: #d00078;
  --c247-product-pink--light-mode--1000-hover: #ba0070;
  --c247--pink-normal-active\<deleted\|variable-44fefe67-ef8f-0b9c-fdcc-70bb87050804\>: #b52776;
  --copia--darker-blue\<deleted\|variable-aa1fb9a4-4284-32be-a8b7-5d6d8ef151b6\>: #0160e6;
  --product-blue--light-mode--800: #005de5cc;
  --marketing-brand-colours--ctrl²⁴⁷: #01ccbc;
  --marketing-brand-colours--vigil²⁴⁷: #8d51f5;
  --grey-slate--light--800\<deleted\|variable-4d51245a-8930-0706-89c9-89e50390eef3\>: #0c0230cc;
  --opus-apeiro-brand--opus-pink\<deleted\|variable-c966fdbe-86d0-a74b-0b0f-589a6ec67011\>: #e05db4;
  --opus-apeiro-brand--brand-medium-blue\<deleted\|variable-0bcc104a-2676-c64a-9e5c-281547e7d6f4\>: #0176d9;
  --grey-neutral-solid--0\<deleted\|variable-80fda0f3-6740-b360-afd5-d13c3bd800ac\>: #fff;
  --copia--blue-hover\<deleted\|variable-a932f506-dee6-f8dc-90ea-10161a89392e\>: #00a8f1;
  --ctrl--turquoise-darker\<deleted\|variable-9a976a63-ba66-0b21-698c-31530d80ae0e\>: #00b0ae;
  --vigil--400\<deleted\|variable-670f0ae7-f364-e979-ee02-b556e6ce1910\>: #9051f6;
  --laine--black: #040404;
  --laine--stroke-weak: #e8e8e1;
  --laine--stroke-strong: #dadad5;
  --laine--white: white;
  --background--solid--dark-mode--overlay: #4c466c;
  --laine--sunken: #e3e3de;
  --laine--button: #606eb2;
  --laine--button-hover: #828dc3;
  --laine--banner: #f8485e;
  --laine--rating: #399;
  --laine--footer-bg: #1c1d1d;
  --laine--footer-content: #ffc72c;
  --background--transparent--dark-mode--sunken: #07011ce6;
  --background--transparent--dark-mode--base: #0c022fcc;
  --background--solid--light-mode--base: white;
  --background--solid--light-mode--sunken: #f5f6fa;
  --background--solid--light-mode--raised: white;
  --background--solid--light-mode--overlay: white;
  --grey--light-mode--1000: #0c022fe6;
  --grey--light-mode--700: #0c022fb3;
  --grey--light-mode--500: #0c022f73;
  --grey--light-mode--100: #0c022f1a;
  --grey--light-mode--50: #0c022f0a;
  --grey--light-mode--25: #0c022f05;
  --grey--dark-mode--1000: white;
  --grey--dark-mode--700: #ffffffc7;
  --grey--dark-mode--500: #fff9;
  --grey--dark-mode--100: #ffffff1f;
  --grey--dark-mode--50: #ffffff0f;
  --grey--dark-mode--25: #ffffff08;
  --product-blue--light-mode--200: #005de533;
  --product-blue--light-mode--color: white;
  --product-blue--light-mode--50: #005de50d;
  --product-blue--dark-mode--1000: #6ba7ff;
  --product-blue--dark-mode--800: #6ba7ffcc;
  --product-blue--dark-mode--200: #6ba7ff33;
  --product-blue--dark-mode--50: #6ba7ff0f;
  --c247-product-pink--light-mode--800: #d00078cc;
  --c247-product-pink--light-mode--200: #d0007833;
  --c247-product-pink--light-mode--50: #d000780d;
  --c247-product-pink--dark-mode--1000-hover: #e45ba8;
  --c247-product-pink--dark-mode--900-primary: #e98bc1;
  --c247-product-pink--dark-mode--800: #e98bc1cc;
  --c247-product-pink--dark-mode--200: #e98bc133;
  --c247-product-pink--dark-mode--50: #e98bc10f;
  --amber--dark-mode--1000: #e0be70;
  --amber--dark-mode--800: #e0be70cc;
  --amber--dark-mode--200: #e0be7033;
  --amber--dark-mode--50: #e0be7014;
  --amber--light-mode--1000: #8f6c1a;
  --amber--light-mode--800: #8f6c1acc;
  --amber--light-mode--200: #8f6c1a33;
  --amber--light-mode--50: #ffc02e0d;
  --success-green--light-mode--1000: #067a57;
  --success-green--light-mode--800: #067a57cc;
  --success-green--light-mode--200: #067a5733;
  --success-green--light-mode--50: #0acc920d;
  --success-green--dark-mode--1000: #77c7af;
  --success-green--dark-mode--800: #77c7afcc;
  --success-green--dark-mode--200: #77c7af33;
  --success-green--dark-mode--50: #77c7af0d;
  --failure-red--light-mode--1000: #c73a3a;
  --failure-red--light-mode--800: #c73a3acc;
  --failure-red--light-mode--200: #c73a3a24;
  --failure-red--light-mode--50: #ff4a4a0d;
  --failure-red--dark-mode--1000: #ff9c9c;
  --failure-red--dark-mode--800: #ff9c9ccc;
  --failure-red--dark-mode--200: #ff9c9c33;
  --yellow-solid--1000: #fec62e;
  --fill--dark-mode--strong: white;
  --fill--dark-mode--weak: #ffffff0f;
  --fill--dark-mode--weaker: #ffffff08;
  --fill--dark-mode--hover: #ffffff0f;
  --fill--dark-mode--press: #ffffff1a;
  --fill--dark-mode--selected: #6ba7ff;
  --fill--dark-mode--disabled: #ffffff1a;
  --fill--light-mode--transparent: #0000;
  --fill--light-mode--strong: #0c022f;
  --fill--light-mode--weak: #0c022f0d;
  --fill--light-mode--weaker: #0c022f08;
  --fill--light-mode--hover: #0c022f0d;
  --fill--light-mode--press: #0c022f1a;
  --fill--light-mode--selected: #005de5;
  --fill--light-mode--disabled: #0c022f1a;
  --stroke--dark-mode--strong: #ffffff80;
  --stroke--dark-mode--selected: #6ba7ff;
  --stroke--dark-mode--focus: #6ba7ff;
  --stroke--dark-mode--disabled: #ffffff1a;
  --stroke--light-mode--strong: #0c022f80;
  --stroke--light-mode--weak: #0c022f1a;
  --stroke--light-mode--selected: #005de5cc;
  --stroke--light-mode--focus: #005de5;
  --stroke--light-mode--disabled: #0c022f1a;
  --text--dark-mode--disabled: #fff3;
  --text--light-mode--strong: #0c022f;
  --text--light-mode--weak: #0c022fb3;
  --text--light-mode--disabled: #0c022f33;
  --marketing-brand-colours--opus-blue: #295efc;
  --marketing-brand-colours--opus-blue-darker: #134eff;
  --marketing-brand-colours--opus-pink: #e05db4;
  --marketing-brand-colours--c247-brand-pink: #e23193;
  --marketing-brand-colours--copia²⁴⁷: #00aff9;
  --marketing-brand-colours--findr²⁴⁷: #ff940d;
  --spacing--64: 64px;
  --spacing--96: 96px;
  --spacing--8: 8px;
  --spacing--80: 80px;
  --spacing--32: 32px;
}

.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-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.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-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

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

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

body {
  background-color: var(--background--solid--dark-mode--base);
  color: #333;
  font-family: Tt Norms Pro, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.content {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-text {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.type-header-left-state-default-sortable-no {
  padding-right: var(--spacing--24);
  padding-left: var(--spacing--24);
  border-style: solid;
  border-width: 1px 0;
  border-color: var(--stroke--dark-mode--weak);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 48px;
  display: flex;
}

.heading {
  color: var(--text--dark-mode--weak-light-mode\<deleted\|variable-158a491b-9ecf-5c80-7ba0-a84d4f14bca9\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: TT Norms Pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.cell-description {
  padding: 44px var(--spacing--24);
  grid-row-gap: var(--spacing--4);
  border-style: solid;
  border-width: 0 0 1px;
  border-color: var(--stroke--dark-mode--weak);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 492px;
  height: 112px;
  text-decoration: none;
  display: flex;
}

.text-strong {
  color: var(--text--dark-mode--weak-light-mode\<deleted\|variable-158a491b-9ecf-5c80-7ba0-a84d4f14bca9\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: TT Norms Pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.error-c7721a6c-22e0-8229-676c-06cbf88db82e {
  color: var(--text--dark-mode--weak-light-mode\<deleted\|variable-158a491b-9ecf-5c80-7ba0-a84d4f14bca9\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: TT Norms Pro, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.cell-colour-swatch {
  padding-top: var(--spacing--24);
  padding-right: var(--spacing--24);
  padding-bottom: var(--spacing--24);
  grid-column-gap: var(--spacing--16);
  border-style: solid;
  border-width: 0 0 1px;
  border-color: var(--stroke--dark-mode--weak);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 340px;
  text-decoration: none;
  display: flex;
}

.details {
  grid-row-gap: var(--spacing--0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

._1000 {
  color: var(--text--dark-mode--strong-light-mode\<deleted\|variable-16101a58-0acd-c7c2-940e-25f8e84aaeb5\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: TT Norms Pro, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}

.hsba-230-100-15-0-90 {
  color: var(--text--dark-mode--weak-light-mode\<deleted\|variable-158a491b-9ecf-5c80-7ba0-a84d4f14bca9\>);
  margin-top: 0;
  margin-bottom: 0;
  font-family: TT Norms Pro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.copy {
  color: #000933a6;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.m-heading-1-dm {
  color: #fff;
  letter-spacing: -.5px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-decoration: none;
  display: flex;
}

.m-heading-3-dm {
  color: #fff;
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Tt Norms Pro, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.secondary-button-desktop {
  border: 1px solid var(--grey-slate-solid--0\<deleted\|variable-5ffcc1f6-46e5-8430-8414-6e55a56d6094\>);
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 20px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding: 12px 22px;
  font-family: Tt Norms Pro, Arial, sans-serif;
  font-weight: 700;
  display: block;
}

.secondary-button-desktop:hover {
  border-color: var(--product-blue--light-mode--1000);
  background-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  color: var(--grey-slate-solid--900\<deleted\|variable-84de0ca4-2c03-26b7-b5c0-7308c2898b2a\>);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--opus-apeiro--blue-normal--light-mode--800\<deleted\|variable-616b3f17-0e95-875b-4594-437afd8d1196\>);
}

.title-section-2 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.home-container {
  max-width: 1000px;
  min-height: 500px;
  margin-top: 100px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.hero-stack-3 {
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 120px 24px 64px;
  text-decoration: none;
  display: flex;
}

.small-container-4 {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 794px;
  text-decoration: none;
  display: flex;
}

.content-18 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 789px;
  text-decoration: none;
  display: flex;
}

.hero-display-text-product {
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
  text-shadow: 0 1px 20px #0009;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 400;
  line-height: 64px;
  text-decoration: none;
  display: flex;
}

.background-video {
  background-image: linear-gradient(0deg, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>), #fff0 38%);
  min-height: 700px;
}

.frame-74 {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  padding: 60px 20px;
  text-decoration: none;
  display: grid;
}

.hero-content-wrap {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  margin-top: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.container-14 {
  max-width: 1000px;
  margin-bottom: 140px;
}

.text-77 {
  color: var(--text--dark-mode--weak);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.card-item {
  border-radius: .25rem;
  width: 100%;
  height: 35rem;
  position: relative;
  overflow: hidden;
}

.card-item-2 {
  border-radius: .25rem;
  width: 250px;
  height: 400px;
  position: relative;
  overflow: hidden;
}

.cards {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  margin-top: 60px;
  display: flex;
  position: relative;
}

.card_component-c247 {
  background-image: url('../images/cardimage2.jpg'), linear-gradient(#161616, #161616);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border: 1px solid #1d1b1d;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 26rem;
  padding: 1.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -1px #8f00ff;
}

.card_component-c247:hover {
  opacity: 1;
}

.c247-card_front-content {
  grid-column-gap: 2.2rem;
  grid-row-gap: 2.2rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 18rem;
  height: 25.9rem;
  display: flex;
}

.card_scroll {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--background--solid--dark-mode--base);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15rem;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(0, 101%);
}

.image-11 {
  min-width: 100px;
  max-width: 200px;
  max-height: 50px;
}

.key-point-tiny {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 19px;
  text-decoration: none;
  display: flex;
}

.key-point-lost-tiny-3 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 272px;
  text-decoration: none;
  display: flex;
}

.frame-102 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 19px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-18 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  text-decoration: none;
  display: flex;
}

.text-84 {
  opacity: .8;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.rectangle-352 {
  object-fit: cover;
}

.title-desc-8 {
  grid-column-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 174px;
  text-decoration: none;
  display: flex;
}

.product {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none;
}

.product-category-small-2 {
  grid-column-gap: 10px;
  background-color: #002050;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 3px 8px;
  text-decoration: none;
  display: flex;
}

.tag-2 {
  color: #7ec0e5;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.frame-114 {
  grid-row-gap: 10px;
  background-color: var(--background--solid--dark-mode--base);
  border: 1px solid #ffffff1f;
  border-top-width: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 238px;
  height: 170px;
  padding: 15px 20px 20px;
  text-decoration: none;
  display: flex;
}

.category-row-small-5 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 197px;
  text-decoration: none;
  display: flex;
}

.frame-115 {
  grid-column-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 229px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.title-desc-11 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 39px;
  text-decoration: none;
  display: flex;
}

.frame-116 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-117 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.main-highlights {
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-top: 100px;
  padding-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.section-title-5 {
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.text-95 {
  color: var(--text--dark-mode--weak);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.main-highlights-list {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-bottom: .5px solid var(--background--transparent--dark-mode--overlay);
  flex-flow: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  padding-top: 60px;
  padding-bottom: 100px;
  text-decoration: none;
  display: flex;
}

.pillars-drop-item-4 {
  grid-row-gap: 20px;
  border-bottom: 1px none var(--grey-neutral--dark--100\<deleted\|variable-0719ef64-24e9-4255-df66-b5b724ef310b\>);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  height: auto;
  max-height: none;
  text-decoration: none;
  display: flex;
}

.frame-125 {
  grid-row-gap: 25px;
  border-bottom: 1px none var(--stroke--dark-mode--inverse-weak\<deleted\|variable-abbb6451-6e26-959f-0beb-b3e9b9d68e1d\>);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 276px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.navbar-wrapper-2 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  min-width: 992px;
  max-width: 992px;
  display: flex;
}

.nav-link-3 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-3:hover, .nav-link-3:focus {
  color: var(--c247--white-normal-active\<deleted\|variable-7bc7bd6f-3c3c-fa45-72cd-cb3f569a8a01\>);
}

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

.nav-dropdown-3 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle-3 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  letter-spacing: .25px;
  margin-right: 20px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle-3:hover {
  color: var(--c247--white-normal-active\<deleted\|variable-7bc7bd6f-3c3c-fa45-72cd-cb3f569a8a01\>);
}

.nav-dropdown-toggle-3:focus-visible, .nav-dropdown-toggle-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  border-radius: 5px;
  outline: 2px #0050bd;
}

.nav-dropdown-toggle-3.w--open:hover {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
}

.nav-dropdown-icon-3 {
  margin-right: 10px;
}

.nav-dropdown-list-3 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-3.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list-3.shadow-three.mobile-shadow-hide.w--open {
  background-color: var(--grey-slate--light--500\<deleted\|variable-322e4225-0b8e-fed2-3c3c-592a69681dfb\>);
  border-radius: 12px;
  padding-top: 0;
  padding-bottom: 0;
}

.nav-dropdown-link-3 {
  background-color: var(--fill--dark-mode--transparent);
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}

.nav-dropdown-link-3:hover {
  background-color: var(--product-blue--light-mode--1000);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-dropdown-link-3:active {
  text-decoration: underline;
}

.nav-dropdown-link-3:focus {
  background-color: var(--product-blue--light-mode--1000);
}

.nav-dropdown-link-3:focus-visible, .nav-dropdown-link-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

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

.navbar-logo-left-container-2.shadow-three {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1300px;
  margin-bottom: 0;
  padding: 20px 0;
  display: block;
}

.container-21 {
  width: 100%;
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
}

.product-hero {
  z-index: 2;
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  align-self: center;
  place-items: center stretch;
  min-width: auto;
  max-width: 1200px;
  margin-top: 220px;
  margin-left: 0;
  margin-right: 0;
  display: grid;
  position: relative;
  inset: 0% 0% auto;
  overflow: visible;
}

.container-22-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom-style: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 992px;
  padding-bottom: 100px;
  padding-right: 20px;
  display: grid;
}

.title-3 {
  color: #ffffffc7;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.image-13 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 10px;
  min-width: 500px;
  max-width: 300px;
  margin-left: 0;
}

.frame-126 {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 40px;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.title-desc-12 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  height: 144px;
  text-decoration: none;
  display: flex;
}

.body-weak-16pt {
  opacity: .8;
  color: #ffffffc7;
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.next-steps-section-copia {
  background-image: linear-gradient(0deg, var(--background--solid--dark-mode--sunken), #fff0 23%), linear-gradient(180deg, #0c0230 3%, #fff0 45%), url('../images/Copia-next-steps-bg.png');
  background-position: 0 0, 0 0, 0%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, scroll;
  margin-top: 100px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 100px;
}

.rectangle-351 {
  object-fit: cover;
  min-width: 50%;
  max-width: 80%;
}

.frame-135 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 545px;
  text-decoration: none;
  display: flex;
}

.prefooter-content-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  max-width: 545px;
  text-decoration: none;
  display: flex;
}

.footer-products {
  margin-top: 0;
}

.hero-container {
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 0;
  max-width: 1200px;
  height: auto;
  margin-top: 0;
  margin-bottom: 100px;
  padding: 40px 20px;
  display: block;
  position: static;
}

.key-tick-list-small-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.key-tick-item-small-3 {
  grid-column-gap: 18px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 485px;
  height: 48px;
  text-decoration: none;
  display: flex;
}

.icon-container-14 {
  grid-column-gap: 5.5px;
  border: .6875px solid #77c7af;
  border-radius: 33px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8.25px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-41 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 16.5px;
  height: 16.5px;
  text-decoration: none;
  display: flex;
}

.text-107 {
  opacity: .8;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.quick-stack-2 {
  width: 100%;
  padding: 30px 0 0;
}

.product-image-1-column {
  padding-top: 5px;
  padding-bottom: 5px;
}

.body-weak-large-feature {
  opacity: .8;
  color: #ffffffc7;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.product-image-1-column-copy {
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.nav-menu-3 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.brand {
  margin-right: 44px;
}

.navigation-container-mob {
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation-link-block {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  border-radius: 20px;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 22px;
  font-size: 16px;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.navigation-link-block:hover {
  color: var(--product-blue--light-mode--1000);
  background-color: #7735f60d;
}

.large-link {
  color: #6127da;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px;
  text-decoration: none;
  display: flex;
}

.dropdown-list {
  min-width: 100%;
}

.dropdown-list.w--open {
  background-color: #0000;
  border-radius: 20px;
  max-width: 992px;
  padding-top: 25px;
  position: absolute;
  inset: 80px 0 auto;
  box-shadow: 2px 30px 50px #00000014;
}

.dropdown {
  margin-left: 5px;
  margin-right: 5px;
  position: static;
}

.navigation {
  z-index: 9;
  opacity: 1;
  outline-offset: 0px;
  backface-visibility: hidden;
  mix-blend-mode: normal;
  background-color: #0000;
  border: 0 #0000;
  outline: 0 #fff0;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.navigation:hover {
  pointer-events: auto;
}

.navigation-mob {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.navigation-bottom-bar {
  background-color: #7735f614;
  background-image: url('../images/scribble-5.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation-column {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  justify-content: center;
  align-items: center;
  width: 25%;
  padding: 10px 15px 0;
}

.global-logo {
  width: 160px;
}

.navigation-right {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 20%;
  font-size: 16px;
  display: flex;
}

.navigation-link-block-mob {
  color: #283338;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 22px;
  font-size: 16px;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.navigation-link-block-mob:hover {
  color: #7735f6;
  background-color: #7735f60d;
}

.drop-arrow-plain {
  margin-right: 5px;
  padding-top: 2px;
  font-size: 14px;
}

.global-icon-x-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.nav-content-wrap {
  flex-direction: column;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 20px;
  display: flex;
}

.home-button-primary {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--opus-apeiro-brand--opus-blue\<deleted\|variable-6fce1800-e0e3-d473-6fda-cddf467667c6\>);
  box-shadow: inset 0 4px 12px 0 var(--information-blue--light-mode--200\<deleted\|variable-69bba922-284e-5ed6-5b3d-4632009a28da\>), 0 0 0 1px var(--opus-apeiro--blue-normal--light-mode--1000\<deleted\|variable-dbadfbd5-1d7c-6519-1815-5ffc16de162a\>);
  color: #fff;
  white-space: nowrap;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 25px 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s ease-out, background-color .3s ease-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-button-primary:hover {
  background-color: var(--opus-apeiro-brand--opus-blue-hover\<deleted\|variable-085bc386-bd52-6aab-49b7-f8d6e385f4ea\>);
}

.home-button-primary:active {
  background-color: var(--copia--blue\<deleted\|variable-5d55b2df-78a5-6d09-7ae9-b4593284c9c4\>);
}

.flowbase-logo {
  width: 54px;
}

.nav-title-2 {
  margin-bottom: 10px;
  font-size: 16px;
}

.navigation-drop-container-2 {
  background-color: var(--global--dark-bg-base);
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dropdown-list-full-wrapper-2 {
  background-color: var(--global--dark-bg-base);
}

.navigation-link-2 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  justify-content: center;
  align-items: center;
  padding: 20px 12px;
  font-size: 15px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link-2:hover {
  color: var(--product-blue--light-mode--1000);
}

.navigation-link-2.w--current {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  text-decoration: none;
}

.navigation-link-2.w--current:hover {
  color: var(--product-blue--light-mode--1000);
}

.navigation-container-2 {
  align-items: center;
  width: 100%;
  max-width: 992px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-menu-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #283338;
  align-items: center;
  font-size: 15px;
  display: flex;
  position: static;
}

.dropdown-toggle-3 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  padding-left: 12px;
  padding-right: 24px;
  transition: all .2s;
}

.dropdown-toggle-3:hover {
  color: var(--product-blue--light-mode--1000);
}

.dropdown-toggle-3.w--open {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
}

.navigation-full-2 {
  z-index: 9;
  border-bottom: 1px solid #3d424b12;
  align-items: center;
  width: 100%;
  padding: 20px 3% 24px;
  display: flex;
  position: relative;
}

.nav-link-details-2 {
  color: var(--text--dark-mode--weak);
  font-size: 14px;
}

.navigation-left-2 {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.div-block-9 {
  align-self: flex-start;
  width: 20%;
}

.nav-title-3 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
}

.navigation-drop-container-3 {
  background-color: var(--global--dark-bg-base);
  border-radius: 0 0 12px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation-link-block-2 {
  border: 1px solid var(--stroke--dark-mode--weaker\<deleted\|variable-8aa92bb4-e438-f0dc-3091-90233b5759e1\>);
  background-color: var(--background--solid--dark-mode--raised);
  color: var(--text--dark-mode--strong);
  border-radius: 20px;
  width: 100%;
  height: 91%;
  margin-bottom: 20px;
  padding: 20px 22px;
  font-size: 16px;
  text-decoration: none;
  transition: none;
  display: flex;
}

.navigation-link-block-2:hover {
  border: 1px solid var(--stroke--dark-mode--weak);
  background-color: var(--background--transparent--dark-mode--raised);
  box-shadow: none;
  color: #e1e1e1;
  mix-blend-mode: normal;
}

.navigation-link-block-2.w--current {
  background-color: var(--background--solid--dark-mode--raised);
  color: var(--text--dark-mode--strong);
}

.dropdown-list-full-wrapper-3 {
  background-color: var(--global--dark-bg-base);
  border-radius: 0 0 20px 20px;
  padding-bottom: 10px;
}

.navigation-link-3 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  justify-content: center;
  align-items: center;
  padding: 20px 12px;
  font-size: 15px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link-3:hover {
  color: #7735f6;
}

.navigation-link-3.w--current {
  color: #99d715;
}

.navigation-container-3 {
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-menu-6 {
  color: #283338;
  align-items: center;
  font-size: 15px;
  display: flex;
  position: static;
}

.dropdown-toggle-4 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  padding-left: 12px;
  padding-right: 24px;
  transition: all .2s;
}

.dropdown-toggle-4:hover {
  color: #7735f6;
}

.navigation-column-2 {
  justify-content: center;
  align-items: center;
  width: 25%;
  padding: 10px 15px 0;
}

.navigation-full-3 {
  z-index: 9;
  border-bottom: 1px solid #3d424b12;
  align-items: center;
  width: 100%;
  padding: 20px 3%;
  display: flex;
  position: relative;
}

.global-logo-2 {
  width: 120px;
}

.nav-link-details-3 {
  color: #283338de;
  font-size: 14px;
}

.global-secondary-button {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--text--dark-mode--strong);
  background-color: var(--fill--dark-mode--transparent);
  box-shadow: none;
  color: #fff;
  text-align: left;
  white-space: nowrap;
  mix-blend-mode: normal;
  border-radius: 10px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 25px 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s ease-out, background-color .3s ease-out;
  display: flex;
  position: static;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.global-secondary-button:hover {
  border-style: solid;
  border-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  background-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  box-shadow: none;
  color: var(--background--solid--dark-mode--base);
}

.global-secondary-button:active {
  border-style: solid;
  border-color: var(--c247--white-normal-active\<deleted\|variable-7bc7bd6f-3c3c-fa45-72cd-cb3f569a8a01\>);
  background-color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.navigation-link-4 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  text-shadow: 0 1px 10px #000000e6;
  justify-content: center;
  align-items: center;
  padding: 20px 12px;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link-4:hover {
  color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.navigation-link-4.w--current {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
}

.navigation-container-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-menu-7 {
  color: #283338;
  align-items: center;
  font-size: 15px;
  display: flex;
  position: static;
}

.dropdown-toggle-5 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  padding-left: 0;
  padding-right: 24px;
  font-size: 18px;
  line-height: 28px;
  transition: all .2s;
}

.dropdown-toggle-5:hover, .dropdown-toggle-5.w--open:hover {
  color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.navigation-column-3 {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 25%;
  padding: 0 15px;
}

.navigation-full-4 {
  z-index: 9;
  opacity: 1;
  backface-visibility: hidden;
  border-bottom: 1px solid #3d424b12;
  align-items: center;
  width: 100%;
  padding: 25px 3% 20px;
  display: flex;
  position: relative;
}

.global-logo-3 {
  width: 200px;
  margin-right: 40px;
}

.nav-link-details-4 {
  color: var(--text--dark-mode--weak);
  font-size: 16px;
}

.navigation-link-block-mob-2 {
  color: #283338;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 22px;
  font-size: 16px;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.navigation-link-block-mob-2:hover {
  color: #7735f6;
  background-color: #7735f60d;
}

.global-button-primary-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff;
  white-space: nowrap;
  background-color: #6f5cff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s ease-out, background-color .3s ease-out;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 4px 12px #9b8eff4d, inset 0 1px #9b8eff99, 0 -1px 1px #5b29ffcc, 0 0 0 1px #6e5bff;
}

.global-button-primary-2:hover {
  background-color: #7f6fff;
}

.global-button-primary-2:active {
  background-color: #705cfa;
}

.mob-menu-logo {
  width: 54px;
}

.nav-wrap-global {
  z-index: 10000;
  mix-blend-mode: normal;
  position: absolute;
  inset: 0% 0% auto;
}

.copia-product-hero-section {
  background-image: url('../images/copiabggrad.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  padding-bottom: 40px;
}

.ctrl-product-hero-section {
  background-image: url('../images/ctrlbg-grad.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  padding-bottom: 60px;
}

.c247-primary {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--c247--button-primary\<deleted\|variable-86996b17-e1b0-2e21-3147-8eeea1703aee\>);
  box-shadow: none;
  color: #fff;
  white-space: nowrap;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 0;
  padding: 25px 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .4s, color .3s ease-out, background-color .3s ease-out;
  display: flex;
  position: static;
  inset: auto 0% 1% auto;
  overflow: hidden;
}

.c247-primary:hover {
  background-color: var(--c247--button-hover\<deleted\|variable-98b38f1a-d72f-1602-1697-8eb83d2352b9\>);
  box-shadow: 0 -1px 8px 0 var(--c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>), 0 0 0 1px var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-primary:active {
  background-color: var(--c247--pink-dark\<deleted\|variable-b2d799e6-13cd-9f8e-fd2c-f31e4d8392f8\>);
}

.global-card-secondary-button {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--text--dark-mode--strong);
  background-color: var(--fill--dark-mode--transparent);
  box-shadow: none;
  color: #fff;
  white-space: nowrap;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 195px;
  height: 32px;
  margin-top: 10px;
  padding: 25px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s ease-out, background-color .3s ease-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.global-card-secondary-button:hover {
  border-style: solid;
  border-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  background-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  box-shadow: none;
  color: var(--background--solid--dark-mode--base);
}

.global-card-secondary-button:active {
  border-style: solid;
  border-color: var(--c247--white-normal-active\<deleted\|variable-7bc7bd6f-3c3c-fa45-72cd-cb3f569a8a01\>);
  background-color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.home-section-6-copy {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  display: block;
}

.card_component-ctrl {
  background-image: url('../images/ctrlimage.jpg'), linear-gradient(#161616, #161616);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  border: 1px solid #1d1b1d;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 26rem;
  padding: 1.25rem;
  text-decoration: underline;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -1px #8f00ff;
}

.card_component-ctrl:hover {
  opacity: 1;
}

.card_component-copia {
  background-image: url('../images/copiacardimage.jpg'), linear-gradient(#161616, #161616);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border: 1px solid #1d1b1d;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 26rem;
  padding: 1.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -1px #8f00ff;
}

.card_component-copia:hover {
  opacity: 1;
}

.card_component-copia.w--current {
  background-image: url('../images/copiacardimage.jpg'), linear-gradient(#0000, #0000);
}

.card_component-vigil {
  background-image: url('../images/viglcardimage.jpg'), linear-gradient(#161616, #161616);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border: 1px solid #1d1b1d;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 26rem;
  padding: 1.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -1px #8f00ff;
}

.card_component-vigil:hover {
  opacity: 1;
}

.container-22-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 0px none var(--stroke--dark-mode--inverse-weak\<deleted\|variable-abbb6451-6e26-959f-0beb-b3e9b9d68e1d\>);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 5px;
  padding-bottom: 40px;
  padding-left: 20px;
  display: flex;
}

.c247-hero-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 10px;
  min-width: 450px;
  max-width: 300px;
  margin-left: 50px;
}

.x-twitter {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 1px;
  text-decoration: none;
  display: flex;
}

.facebook {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.linkedin {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.footer-bottom {
  border-top: 1px solid var(--stroke--dark-mode--inverse-weak\<deleted\|variable-abbb6451-6e26-959f-0beb-b3e9b9d68e1d\>);
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
}

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

.buttons-row.right {
  justify-content: flex-end;
}

.buttons-row.right.left-tablet {
  opacity: 0;
}

.grid-footer-2-column---logo-and-form {
  grid-column-gap: 210px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.8fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.input {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  background-color: #332859;
  border: 1px #eff0f6;
  border-radius: 10px;
  min-height: 50px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 20px;
  transition: box-shadow .3s, color .3s, border-color .3s;
  box-shadow: 0 2px 7px #14142b14;
}

.input:hover {
  border-color: #4a3aff;
  box-shadow: 0 2px 12px #14142b1a;
}

.input:focus {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  border-color: #4a3aff;
}

.input::placeholder {
  color: #6e7191;
  font-size: 18px;
}

.input.input-subscribe-footer {
  margin-bottom: 0;
}

.footer-wrapper {
  background-color: var(--grey-slate-solid--900\<deleted\|variable-84de0ca4-2c03-26b7-b5c0-7308c2898b2a\>);
  border-top: 1px solid #f7f7fc;
}

.btn-secondary {
  color: #211f54;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 48px;
  padding: 26px 38px;
  line-height: 20px;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  box-shadow: 0 4px 10px #14142b0a;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #4a3aff;
  border-color: #4a3aff;
  transform: translate3d(0, -3px, .01px);
}

.grid-footer---5-column---subcribe {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 2fr;
}

.footer-top {
  padding-top: 100px;
  padding-bottom: 20px;
}

.footer-top.pd-72px {
  padding-top: 72px;
  padding-bottom: 72px;
}

.social-icon-square {
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.social-icon-square:hover {
  background-color: var(--c247--blue-normal\<deleted\|variable-67ae1773-c72f-f919-7063-e2af045c7ccb\>);
  color: #fff;
  width: 36px;
}

.line-rounded-icon.success-message-check {
  margin-bottom: 6px;
  font-size: 22px;
}

.line-rounded-icon.success-message-check.large {
  margin-bottom: 16px;
  font-size: 80px;
  line-height: 88px;
}

.footer-list-wrapper {
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-size: 16px;
  list-style-type: none;
}

.social-icon-font {
  line-height: 21px;
}

.grid-footer-paragrah---social-media {
  grid-template-rows: auto;
  grid-template-columns: 1fr .4fr;
  align-items: center;
}

.grid-subscribe-form-button-down {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.footer-list-item {
  color: var(--text--dark-mode--weak);
  margin-bottom: 18px;
  padding-left: 0;
}

.footer-logo {
  transform-style: preserve-3d;
}

.footer-logo:hover {
  transform: scale3d(.92, .92, 1.01);
}

.error-message {
  color: #ff5a65;
  text-align: center;
  background-color: #ffeff0;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
}

.btn-primary {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #4a3aff;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.btn-primary:hover {
  color: #fff;
  background-color: #3324d5;
  transform: translate3d(0, -3px, .01px);
}

.btn-primary.small {
  padding: 18px 24px;
  font-size: 16px;
  line-height: 18px;
}

.btn-primary.button-row {
  margin-right: 28px;
}

.footer-link {
  color: var(--text--dark-mode--weak);
  text-decoration: none;
}

.footer-link:hover {
  color: #4a3aff;
}

.footer-logo-wrapper {
  margin-bottom: 24px;
}

.social-media-grid-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
  justify-content: start;
  justify-items: start;
  margin-top: 20px;
  margin-bottom: 20px;
}

.social-media-grid-top.right {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: end;
  justify-items: end;
}

.social-media-grid-top.right.center-tablet {
  justify-content: end;
  place-items: stretch end;
  margin-top: 0;
}

.footer-middle {
  padding-top: 0;
  padding-bottom: 20px;
}

.success-message {
  color: #4a3aff;
  background-color: #f6f5ff;
  border-radius: 24px;
  padding: 28px 28px 32px;
}

.mg-bottom-40px {
  color: var(--text--dark-mode--weak);
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 28px;
}

.mg-bottom-0 {
  color: var(--text--dark-mode--weak);
  margin-bottom: 0;
}

.text-301 {
  font-size: 22px;
  line-height: 22px;
}

.text-301.bold {
  font-weight: 700;
}

.text-301.bold.footer-title {
  color: #211f54;
  margin-bottom: 40px;
}

.testimonial-cont {
  max-width: 1200px;
  margin-bottom: 100px;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.text-302 {
  font-size: 22px;
  line-height: 22px;
}

.text-302.bold {
  font-weight: 700;
}

.text-302.bold.footer-title {
  color: #fff;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 28px;
}

.footer-nav {
  background-color: var(--background--solid--dark-mode--sunken);
  border-top: 0 solid #f7f7fc;
  height: 100%;
}

.footer-list-item-2 {
  color: var(--text--dark-mode--weak);
  margin-bottom: 18px;
  padding-left: 0;
  font-size: 16px;
}

.footer-link-2 {
  color: var(--text--dark-mode--weak);
  font-size: 16px;
  text-decoration: none;
}

.footer-link-2:hover {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
}

.footer-link-2.w--current {
  font-size: 16px;
  line-height: 26px;
}

.grid-footer-v1---5-column {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.mg-bottom-2 {
  color: var(--text--dark-mode--weak);
  margin-bottom: 0;
  line-height: 22px;
}

.vectors-wrapper-86 {
  opacity: .8;
  object-fit: cover;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 20.129px;
  height: 20.129px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-87 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 18.4516px;
  height: 16.6786px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-88 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 20.1294px;
  height: 20.0554px;
  text-decoration: none;
  display: flex;
}

.grid-4 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-content: space-between;
  max-width: 800px;
}

.div-block-28 {
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  display: flex;
}

.marquee_wrap {
  width: 200vw;
  margin-bottom: 60px;
  display: flex;
}

.image-20, .image-21, .image-22 {
  opacity: .8;
}

.frame-153 {
  grid-column-gap: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 60px;
  text-decoration: none;
  display: flex;
}

.frame-154 {
  grid-column-gap: 10px;
  background-color: var(--background--transparent--dark-mode--glass);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 268px;
  max-width: 275px;
  height: 380px;
  max-height: none;
  padding: 25px;
  text-decoration: none;
  display: block;
}

.frame-155 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 226px;
  text-decoration: none;
  display: flex;
}

.frame-156 {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 226px;
  text-decoration: none;
  display: flex;
}

.icon-container-38 {
  grid-column-gap: 8px;
  background-color: #5975ff1a;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  height: 48px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-100 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.icon-container-39 {
  grid-column-gap: 8px;
  background-color: #5975ff1a;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  height: 48px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-101 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.icon-container-40 {
  grid-column-gap: 8px;
  background-color: #5975ff1a;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  height: 48px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-102 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.image-23 {
  border-radius: 10px;
  width: 100%;
}

.icon-container-42 {
  grid-column-gap: 8px;
  background-color: #5975ff1a;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-104 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.icon-container-43 {
  grid-column-gap: 8px;
  background-color: #5975ff1a;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-105 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.icon-container-44 {
  grid-column-gap: 8px;
  background-color: #5975ff1a;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-106 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.icon-container-45 {
  grid-column-gap: 8px;
  background-color: #5975ff1a;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-107 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.container-22-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--stroke--dark-mode--inverse-weak\<deleted\|variable-abbb6451-6e26-959f-0beb-b3e9b9d68e1d\>);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--stroke--dark-mode--inverse-weak\<deleted\|variable-abbb6451-6e26-959f-0beb-b3e9b9d68e1d\>);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 5px;
  padding-bottom: 40px;
  display: flex;
}

.static-marquee_logos {
  justify-content: space-around;
  width: 100vw;
  margin-top: 40px;
  display: flex;
}

.logo-7 {
  object-fit: contain;
  width: 10%;
}

.logo-way {
  opacity: .8;
  margin-top: 100px;
  margin-bottom: 20px;
  padding-top: 40px;
  padding-bottom: 20px;
}

.icon-container-60 {
  grid-column-gap: 8px;
  background-color: #5975ff1a;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  height: 48px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-122 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.icon-container-61 {
  grid-column-gap: 8px;
  background-color: #5975ff1a;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  height: 48px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-123 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.icon-container-62 {
  grid-column-gap: 8px;
  background-color: #5975ff1a;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  height: 48px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-124 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.icon-container-63 {
  grid-column-gap: 8px;
  background-color: #5975ff1a;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48px;
  height: 48px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-125 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.our-pillars {
  flex-flow: column;
  max-width: 1200px;
  margin-top: 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.card-3 {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 2px 7px #14142b0f;
}

.card-3.content-left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 48px 32px;
  display: flex;
}

.card-3.content-left.pd-32px---48px---56px {
  background-color: var(--background--dark-mode--card\<deleted\|variable-0d431979-ed62-980b-39b6-ef9bc8bec73e\>);
  border-style: none;
  border-radius: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 600px;
  height: 400px;
  padding: 20px 32px 56px;
}

.card-3.content-left.testimonial-twitter {
  background-color: var(--icon--inverse\<deleted\|variable-83e042c2-c697-7fdf-da27-4b87f2c5ec56\>);
  border-style: none;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 30px;
  padding-left: 30px;
}

.card-3.form {
  background-color: var(--global--dark-bg-base);
  border-style: none;
  border-radius: 10px;
  width: 620px;
  min-height: 620px;
  margin-bottom: 0;
  padding: 72px 60px 72px 40px;
  display: block;
  position: static;
}

.mg-bottom-24px {
  color: var(--text--dark-mode--strong);
  overflow-wrap: normal;
  object-fit: contain;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 60px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  overflow: visible;
}

.value-a {
  background-color: var(--background--transparent--dark-mode--glass);
  border-radius: 10px;
  grid-template-rows: auto;
  grid-auto-flow: row;
  width: 100%;
  height: 300px;
}

.image-a {
  object-fit: cover;
  border-radius: 10px 0 0 10px;
  width: 572px;
  height: 300px;
}

.our-values-section {
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 1200px;
  max-width: 1200px;
  height: 2000px;
  margin-top: 140px;
  text-decoration: none;
  display: flex;
}

.value-content {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 300px;
  padding: 40px;
  display: flex;
}

.tag-title-5 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 499px;
  text-decoration: none;
  display: flex;
}

.title-desc-15 {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.values {
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.value-b {
  background-color: var(--background--transparent--dark-mode--glass);
  border-radius: 10px;
  grid-template-rows: auto;
  grid-auto-flow: row;
  width: 100%;
  height: 300px;
}

.image-b {
  object-fit: cover;
  border-radius: 0 10px 10px 0;
  width: 100%;
  height: 300px;
}

.ft-cont-left-img {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px none var(--stroke--dark-mode--inverse-weak\<deleted\|variable-abbb6451-6e26-959f-0beb-b3e9b9d68e1d\>);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  align-items: center;
  max-width: 1200px;
  margin-top: 100px;
  margin-bottom: 0;
  padding: 100px 20px;
  display: grid;
}

.process-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.line_03 {
  z-index: 999;
  background-color: var(--text--dark-mode--weak);
  opacity: .4;
  width: 13%;
  height: 1px;
  margin-left: -24.5%;
  position: absolute;
}

.proccess-wrap {
  width: 100%;
  max-width: 1140px;
  margin-top: 0;
  margin-bottom: 0;
}

.content_wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 74%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 16px;
  display: flex;
}

.block_wrap {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
}

.h1 {
  z-index: 15;
  opacity: .4;
  color: #f9f9f9;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 62px;
  font-weight: 500;
  line-height: 70px;
  position: absolute;
}

.ring_01 {
  border: 1px solid #eee;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  position: absolute;
}

.dot_container {
  z-index: 9999;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
  position: relative;
}

.ring_03 {
  opacity: .3;
  border: 1px solid #eee;
  border-radius: 100px;
  width: 120px;
  height: 120px;
  position: absolute;
}

.ring_02 {
  opacity: .6;
  border: 1px solid #eee;
  border-radius: 100px;
  width: 80px;
  height: 80px;
  position: absolute;
}

.h4 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.process-points-wrap {
  z-index: 1;
  flex-wrap: wrap;
  flex: 1;
  max-width: 1140px;
  display: flex;
  position: relative;
}

.line_01 {
  z-index: 999;
  background-color: var(--text--dark-mode--weak);
  opacity: .4;
  width: 13%;
  height: 1px;
  margin-left: 24.5%;
  position: absolute;
}

.plain_text {
  color: var(--text--dark-mode--weak);
  text-align: center;
  font-size: 16px;
  line-height: 26px;
}

.block {
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 120px;
  display: flex;
}

.green_dot {
  z-index: 9;
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 100px;
  width: 10px;
  height: 10px;
  position: relative;
}

.line_02 {
  z-index: 999;
  background-color: var(--text--dark-mode--weak);
  opacity: .4;
  width: 13%;
  height: 1px;
  margin-left: -25.5%;
  position: absolute;
}

.grid-top---text-2-buttons {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  align-items: end;
  margin-bottom: 48px;
}

.hidden-on-desktop {
  display: none;
}

.text-200 {
  line-height: 20px;
}

.text-200.color-accent-1 {
  color: var(--text--dark-mode--weak);
  font-size: 16px;
  line-height: 26px;
}

.btn-circle-secondary {
  color: #211f54;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  font-size: 26px;
  text-decoration: none;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  display: flex;
  box-shadow: 0 2px 12px #14142b14;
}

.btn-circle-secondary:hover {
  color: #fff;
  background-color: #4a3aff;
  border-color: #4a3aff;
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-secondary.slider-arrow {
  margin-top: 0;
  margin-bottom: 0;
}

.btn-circle-secondary.slider-arrow.left---center-center {
  top: 50%;
  transform: translate(0, -50%);
}

.btn-circle-secondary.slider-arrow.left---center-center:hover {
  transform: translate(0, -50%);
}

.btn-circle-secondary.slider-arrow.left---center-center.outside {
  left: -11px;
}

.btn-circle-secondary.slider-arrow.left---center-center.outside.testimonials-v12 {
  z-index: 5000000;
  background-color: var(--fill--dark-mode--transparent);
  border-style: none;
  width: 55px;
  min-width: 55px;
  height: 55px;
  min-height: 55px;
}

.btn-circle-secondary.slider-arrow.left---center-center.outside.testimonials-v12:hover {
  border-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  background-color: var(--icon--inverse\<deleted\|variable-83e042c2-c697-7fdf-da27-4b87f2c5ec56\>);
}

.btn-circle-secondary.slider-arrow.right---center-center {
  top: 50%;
  bottom: 0;
  right: -10px;
  transform: translate(0, -50%);
}

.btn-circle-secondary.slider-arrow.right---center-center:hover {
  transform: translate(0, -50%);
}

.btn-circle-secondary.slider-arrow.right---center-center.testimonials-v12 {
  z-index: 5000;
  border-style: none;
  border-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  background-color: var(--fill--dark-mode--transparent);
  opacity: 1;
  -webkit-text-stroke-color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
  width: 55px;
  min-width: 55px;
  height: 55px;
  min-height: 55px;
  display: flex;
}

.btn-circle-secondary.slider-arrow.right---center-center.testimonials-v12:hover {
  background-color: var(--icon--inverse\<deleted\|variable-83e042c2-c697-7fdf-da27-4b87f2c5ec56\>);
  color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.slider-mask {
  height: 100%;
}

.slider-mask.width-390px {
  max-width: 390px;
  overflow: visible;
}

.slide-item-mg {
  margin-right: 28px;
}

.inner-container._490px {
  flex-flow: column;
  width: 1200px;
  max-width: 1200px;
  display: flex;
}

.flex-horizontal {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  min-width: 250px;
  margin-top: 0;
  display: flex;
}

.flex-horizontal.space-between {
  justify-content: space-between;
}

.heading-h4-size {
  color: #211f54;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

.heading-h4-size.heading-link {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.slider-wrapper {
  background-color: #0000;
  height: 100%;
}

.paragraph-5 {
  color: var(--text--dark-mode--weak);
  margin-top: 20px;
  font-size: 18px;
  line-height: 28px;
}

.vectors-wrapper-127 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: flex;
  position: static;
  top: 13px;
  left: 13px;
}

.testimonials {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.body-weak-testimonialy {
  opacity: .8;
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.body-weak-testimonialy-copy {
  opacity: .8;
  color: #ffffffc7;
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.text-314 {
  line-height: 20px;
}

.text-314.bold {
  font-weight: 700;
}

.avatar-circle {
  border-radius: 50%;
  width: 100%;
  overflow: hidden;
  transform: translate(0);
}

.avatar-circle._03 {
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
}

.container-default-4 {
  max-width: 1200px;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-left: 24px;
  padding-right: 24px;
}

.text-315 {
  font-size: 16px;
  line-height: 18px;
}

.grid-3-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.width-100 {
  width: 100%;
}

.social-media-grid-top-2 {
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
  justify-content: start;
  justify-items: start;
}

.social-media-grid-top-2.right {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: end;
  justify-items: end;
}

.mg-top-24px {
  margin-top: 24px;
}

.avatar-image.link {
  transition: transform .3s;
}

.avatar-image.link:hover {
  transform: scale(1.1);
}

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

.flex-growth {
  flex: 1;
}

.social-icon-square-2 {
  background-color: #f2f1ff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.social-icon-square-2:hover {
  color: #fff;
  background-color: #4a3aff;
}

.social-icon-square-2.twitter-color {
  color: #1ba4ff;
  background-color: #eef8ff;
}

.social-icon-square-2.twitter-color:hover {
  color: #fff;
  background-color: #1ba4ff;
}

.mg-right-8px {
  margin-right: 8px;
}

.mg-bottom-3 {
  margin-bottom: 40px;
  font-size: 16px;
}

.image-28 {
  margin-top: 20px;
}

.body-weak-testimonialy-bold {
  opacity: .8;
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.grid-10 {
  grid-template-rows: auto;
  margin-top: 40px;
}

.div-block-33 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-block-34 {
  margin-bottom: 20px;
}

.home-logo-left-gradient-9 {
  z-index: 40000;
  background-image: linear-gradient(90deg, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>), #fff0 23%);
  width: 10%;
  margin-left: -26px;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: visible;
}

.home-logo-left-gradient-10 {
  background-image: linear-gradient(90deg, #000, #fff0);
  width: 10%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.home-logo-left-gradient-10.right {
  z-index: 4000;
  background-image: linear-gradient(270deg, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>), #fff0);
  margin-right: -32px;
  inset: 0% 0% 0% auto;
}

.div-block-35, .div-block-36, .div-block-37, .div-block-38, .div-block-39, .div-block-40 {
  margin-bottom: 20px;
}

.m-heading-2-dm-copy, .m-heading-2-dm-copy-copy, .m-heading-2-dm-copy-copy {
  color: #fff;
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none;
}

.product-tiles {
  max-width: 1200px;
  margin-top: 40px;
  margin-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

.frame-163 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
}

.frame-162 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-129 {
  object-fit: fill;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-164 {
  grid-column-gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 395px;
  padding-left: 10px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 37px;
  left: 40px;
}

.text-316 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none;
}

.frame-165 {
  grid-column-gap: 10px;
  border: 1px solid #fff;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  text-decoration: none;
  display: flex;
}

.text-317 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.c247-1 {
  object-fit: contain;
  width: 70px;
  height: 60px;
}

.grid-11 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-auto-flow: row;
}

.product-tile-a {
  border-radius: 10px;
  height: 75%;
  transition: box-shadow .4s;
}

.product-tile-a:hover {
  box-shadow: -1px -1px 20px 0 var(--c247--violet\<deleted\|variable-70ad7a1c-b4be-0cee-f694-5067f250795b\>);
  pointer-events: auto;
  border-radius: 10px;
  height: 79%;
}

.div-block-41 {
  border-top: 5px none var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  background-color: var(--background--dark-mode--card\<deleted\|variable-0d431979-ed62-980b-39b6-ef9bc8bec73e\>);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 100%;
  height: 100px;
  padding-left: 0;
  display: flex;
}

.frame-167 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 130px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  display: flex;
}

.text-319 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none;
}

.text-block-22 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  font-size: 18px;
}

.small-aroow-right {
  object-fit: cover;
  width: 25px;
  height: 25px;
}

.card-name {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 130px;
  margin-left: 40px;
  margin-right: 40px;
  padding-right: 60px;
  text-decoration: none;
  display: flex;
}

.ctrlicon, .vigilicon {
  object-fit: contain;
  width: 70px;
  height: 60px;
  margin-right: 10px;
}

.copiaicon {
  object-fit: contain;
  width: 60px;
  height: 70px;
  margin-right: 10px;
}

.text-95-copy {
  color: var(--text--dark-mode--weak);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 60px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.learn-more-card {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 130px;
  margin-top: 5px;
  margin-left: 100px;
  margin-right: 40px;
  text-decoration: none;
  display: flex;
}

.card-name-copy {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 130px;
  margin-left: 40px;
  margin-right: 40px;
  padding-right: 60px;
  text-decoration: none;
  display: flex;
}

.aroow-card-tlt {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 130px;
  margin-top: 5px;
  margin-left: 100px;
  margin-right: 40px;
  text-decoration: none;
  display: flex;
}

.product-tile-copia {
  border-radius: 10px;
  height: 75%;
  transition: box-shadow .4s;
}

.product-tile-copia:hover {
  box-shadow: -1px -1px 20px 0 var(--copia--blue\<deleted\|variable-5d55b2df-78a5-6d09-7ae9-b4593284c9c4\>);
  pointer-events: auto;
  border-radius: 10px;
  height: 79%;
}

.product-tile-ctrl {
  border-radius: 10px;
  height: 75%;
  transition: box-shadow .4s;
}

.product-tile-ctrl:hover {
  box-shadow: -1px -1px 20px 0 var(--ctrl--turquoise\<deleted\|variable-b7e71870-a612-a953-d36e-450e6cfab917\>);
  pointer-events: auto;
  border-radius: 10px;
  height: 79%;
}

.product-tile-vigil {
  border-radius: 10px;
  height: 75%;
  transition: box-shadow .4s;
}

.product-tile-vigil:hover {
  box-shadow: -1px -1px 20px 0 var(--vigil--600-h\<deleted\|variable-51b99de7-6971-9e6e-8c97-c5fbf7ba5699\>);
  pointer-events: auto;
  border-radius: 10px;
  height: 79%;
}

.cta-grid {
  z-index: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  margin-top: 40px;
  display: grid;
  position: relative;
  top: auto;
}

.container-44 {
  max-width: 1200px;
  margin-top: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

.grid-smal {
  grid-column-gap: 11px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 60px;
  margin-bottom: 100px;
}

.c247-nu-card {
  background-image: url('../images/Frame-177.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 356px;
  height: auto;
  min-height: 321px;
  padding: 28px 31px;
  text-decoration: none;
  transition: box-shadow .4s;
  display: flex;
}

.c247-nu-card:hover {
  box-shadow: 0 0 30px -10px var(--c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>);
}

.frame-184 {
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-326 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
}

.frame-185 {
  grid-column-gap: 29px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  text-decoration: none;
  display: flex;
}

.frame-186 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-top: 20px;
  text-decoration: none;
  display: flex;
}

.frame-187 {
  grid-column-gap: 10px;
  border: 1px solid #fff;
  border-radius: 10px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding: 5px 15px;
  text-decoration: none;
  display: flex;
}

.text-327 {
  color: #fff;
  width: 96.4488%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.product-card-icon {
  object-fit: contain;
  flex: 1;
  align-self: center;
  width: 50px;
  height: 40px;
  margin-right: 10px;
}

.link-block-10 {
  border-radius: 10px;
  text-decoration: none;
}

.text-326-copy {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none;
}

.grid-14 {
  grid-column-gap: 2px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  justify-content: center;
  margin-top: 20px;
}

.page-wrapper {
  z-index: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 800px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.panel-wrapper {
  flex: 1;
  justify-content: center;
  align-items: stretch;
  min-height: 80vw;
  max-height: 70vw;
  margin: -10vw;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.panel-ctrl {
  background-image: radial-gradient(circle farthest-side at 0% 0%, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>), #0000), radial-gradient(circle farthest-corner at 50% 0%, #015efe, transparent 58%), radial-gradient(circle farthest-side at 100% 0%, var(--ctrl--turquoise-hover\<deleted\|variable-35fe2500-cbc1-bcd2-98bf-47c891f9cb7f\>), transparent);
  filter: none;
  border-radius: 100vw;
  flex: 1;
  justify-content: center;
  padding: 80px;
  display: flex;
  position: relative;
  overflow: visible;
}

.m-heading-2-dm-copy {
  color: #fff;
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none;
}

.body-weak-prefootercopy-copy {
  opacity: .8;
  color: #ffffffc7;
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.upper-footer {
  grid-column-gap: 70px;
  background-color: var(--background--dark-mode--card\<deleted\|variable-0d431979-ed62-980b-39b6-ef9bc8bec73e\>);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  text-decoration: none;
  display: none;
}

.blur-3 {
  z-index: 1;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  pointer-events: none;
  cursor: auto;
  background-color: #00000003;
  align-self: auto;
  width: 100%;
  height: 1200px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-42 {
  display: flex;
}

.image-32 {
  width: 30px;
}

.copia-nu-card-copy {
  background-image: url('../images/Copiasmallbg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 356px;
  min-height: 321px;
  padding: 28px 31px;
  text-decoration: none;
  transition: box-shadow .4s;
  display: flex;
}

.copia-nu-card-copy:hover {
  box-shadow: 0 0 30px -10px var(--copia--blue\<deleted\|variable-5d55b2df-78a5-6d09-7ae9-b4593284c9c4\>);
}

.copia-nu-icon-copy {
  object-fit: contain;
  flex: 1;
  align-self: center;
  width: 50px;
  height: 40px;
  margin-right: 10px;
  padding-right: 0;
}

.ctrl-nu-card {
  background-image: url('../images/ctrl-tile-small.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 356px;
  min-height: 321px;
  padding: 28px 31px;
  text-decoration: none;
  transition: box-shadow .4s;
  display: flex;
}

.ctrl-nu-card:hover {
  box-shadow: 0 0 30px -10px var(--ctrl--turquoise\<deleted\|variable-b7e71870-a612-a953-d36e-450e6cfab917\>);
}

.ctrl-nu-icon {
  object-fit: contain;
  flex: 1;
  align-self: center;
  width: 50px;
  height: 40px;
  margin-right: 10px;
  padding-right: 0;
}

.vigil-nu-card {
  background-image: url('../images/vigil-tile-small.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 356px;
  min-height: 321px;
  padding: 28px 31px;
  text-decoration: none;
  transition: box-shadow .4s;
  display: flex;
}

.vigil-nu-card:hover {
  box-shadow: 0 0 30px -10px var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.vigil-nu-icon {
  object-fit: contain;
  flex: 1;
  align-self: center;
  width: 50px;
  height: 40px;
  margin-right: 10px;
  padding-right: 0;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.main-wrapper {
  width: 100%;
}

.grid-1-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-1-column.gap-row-0 {
  grid-row-gap: 0px;
  border-radius: 10px;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-right: 60px;
  display: flex;
}

.tabs-menu {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.tabs-menu.tabs-vertical {
  flex-direction: column;
  margin-bottom: 0;
}

.tabs-menu.tabs-vertical.width-226px {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-top: 40px;
  margin-right: 0;
  display: flex;
  overflow: visible;
}

.container-default-5 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1200px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.tabs-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  display: flex;
}

.tabs-wrapper.tabs-left {
  display: flex;
}

.tabs-wrapper.tabs-left.accordion-v8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  width: 100%;
  padding-bottom: 60px;
  display: flex;
}

.tablink {
  color: #211f54;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dcddeb;
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 2px 12px #14142b0f;
}

.tablink.tabs {
  margin-left: 12px;
  margin-right: 12px;
  transition: background-color .3s, border-color .3s, color .3s;
}

.tablink.tabs:hover, .tablink.tabs.w--current {
  color: #fff;
  background-color: #4a3aff;
  border-color: #4a3aff;
}

.tablink.tabs.vertical {
  background-color: var(--fill--dark-mode--transparent);
  opacity: .7;
  object-fit: contain;
  border-style: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 156px;
  height: 111px;
  margin: 0 0 24px;
  transition: opacity .2s, background-color .3s, border-color .3s, color .3s;
  display: flex;
  position: static;
}

.tablink.tabs.vertical:hover, .tablink.tabs.vertical.w--current {
  opacity: 1;
}

.card-3-copy {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 2px 7px #14142b0f;
}

.card-3-copy.content-left-copy {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 48px 32px;
  display: flex;
}

.card-3-copy.content-left-copy.pd-32px---48px---56px-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--card-hover\<deleted\|variable-cad28f86-6896-f847-2a4b-61eeb11887de\>);
  border-style: none;
  border-radius: 10px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 1200px;
  height: 100%;
  padding: 20px 30px;
  display: flex;
}

.section-15 {
  flex-flow: column;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.tab-content {
  flex: 0 auto;
  align-self: center;
}

.div-block-43 {
  flex-flow: column;
  align-self: center;
  width: 100%;
  min-width: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.image-33 {
  opacity: 1;
  object-fit: cover;
  width: 100px;
  max-width: none;
  height: 100%;
  padding-bottom: 0;
}

.image-33:active, .image-33:focus {
  opacity: 1;
}

.image-34 {
  width: 120px;
  max-width: none;
}

.image-35 {
  object-fit: contain;
  width: 100px;
  max-width: none;
  padding-top: 20px;
}

.image-36 {
  width: 100px;
  max-width: none;
}

.image-37, .image-38 {
  object-fit: contain;
  width: 100px;
  max-width: none;
}

.image-39 {
  opacity: .8;
}

.section-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 700px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  inset: 0% 0% 0% 8%;
}

.central-hero-coontent {
  grid-row-gap: 20px;
  pointer-events: none;
  flex-direction: column;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  margin-top: 0;
  text-decoration: none;
  display: flex;
}

.product-hero-cta {
  z-index: 2;
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  pointer-events: none;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  align-self: center;
  place-items: center stretch;
  min-width: auto;
  max-width: 1200px;
  margin-top: 60px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: static;
  inset: 0% 0% auto;
  overflow: visible;
}

.product-hero-central {
  z-index: 2;
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  pointer-events: none;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  align-self: center;
  place-items: center stretch;
  min-width: auto;
  max-width: 1200px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: static;
  inset: 0% 0% auto;
  overflow: visible;
}

.image-45 {
  pointer-events: none;
}

.panel-c247 {
  background-image: radial-gradient(circle farthest-side at 0% 0%, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>), #0000), radial-gradient(circle farthest-corner at 50% 0%, #015efe, transparent 58%), radial-gradient(circle farthest-side at 100% 0%, var(--c247--button-primary\<deleted\|variable-86996b17-e1b0-2e21-3147-8eeea1703aee\>), transparent);
  filter: none;
  border-radius: 100vw;
  flex: 1;
  justify-content: center;
  padding: 80px;
  display: flex;
  position: relative;
  overflow: visible;
}

.container-45 {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-44 {
  background-image: url('../images/Smalltilec247.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 90%;
  min-height: auto;
  max-height: none;
  padding: 50px;
  display: flex;
}

.grid-14-copy {
  grid-column-gap: 2px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: end start;
  align-self: stretch;
  margin-top: 40px;
  display: grid;
}

.frame-172 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-204 {
  grid-column-gap: 9.05833px;
  border: .905833px solid #fff;
  border-radius: 9.05833px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4.52917px 13.5875px;
  text-decoration: none;
  display: flex;
}

.text-330 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 21.74px;
  text-decoration: none;
}

.grid-16 {
  place-content: center;
}

.link-block-13 {
  border-radius: 20px;
  transition: box-shadow .6s;
}

.link-block-13:hover {
  box-shadow: 0 -12px 40px -10px var(--c247--violet\<deleted\|variable-70ad7a1c-b4be-0cee-f694-5067f250795b\>);
}

.link-block-14 {
  border-radius: 20px;
  transition: box-shadow .6s;
  box-shadow: 0 2px 5px #0003;
}

.link-block-14:hover {
  box-shadow: 0 -12px 40px -10px var(--copia--blue\<deleted\|variable-5d55b2df-78a5-6d09-7ae9-b4593284c9c4\>);
}

.link-block-15 {
  border-radius: 20px;
  transition: box-shadow .6s;
}

.link-block-15:hover {
  box-shadow: 0 -12px 40px -10px var(--ctrl--turquoise-hover\<deleted\|variable-35fe2500-cbc1-bcd2-98bf-47c891f9cb7f\>);
}

.link-block-16 {
  border-radius: 20px;
  transition: box-shadow .6s;
}

.link-block-16:hover {
  box-shadow: 0 -12px 40px -10px var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.copia-block {
  background-image: url('../images/Copiasmallbg.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 90%;
  min-height: auto;
  max-height: none;
  padding: 50px;
  display: flex;
}

.ctrl-block {
  background-image: url('../images/ctrl-tile-small.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 90%;
  min-height: auto;
  max-height: none;
  padding: 50px;
  display: flex;
}

.vigil-block {
  background-image: url('../images/vigiltile2.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 90%;
  min-height: auto;
  max-height: none;
  padding: 50px;
  display: flex;
}

.section-19 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.body {
  background-color: var(--background--solid--dark-mode--base);
}

.container-46 {
  max-width: 1200px;
  margin-top: 60px;
  padding: 0 20px;
}

.grid-18 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.grid-19 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.grid-21 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  display: flex;
}

.form07_link {
  color: #5b3acc;
  font-size: 13px;
  font-weight: 700;
}

.text-counter {
  color: var(--text--dark-mode--weak);
  font-size: 14px;
}

.paragraph-6 {
  color: var(--text--dark-mode--weak);
  text-align: left;
  align-self: flex-start;
  max-width: 550px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  font-size: 16px;
  line-height: 24px;
}

.error-message-2 {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.field-title {
  background-color: var(--fill--dark-mode--transparent);
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  margin-bottom: 5px;
  padding-left: 6px;
  font-size: 16px;
  font-weight: 400;
}

.checkbox {
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 10px;
  flex: 0 auto;
  order: 0;
  align-self: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  inset: 0%;
}

.checkbox:active {
  border: 1px solid #000;
}

.success-message-2 {
  letter-spacing: 1px;
  padding: 50px;
}

.form12_checkbox_field {
  background-color: #fff;
  border: 1.2px solid #3e34c81a;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  width: 140px;
  height: 120px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 35px 22px 22px;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 35px #c6d3ff47;
}

.form12_checkbox_field:hover {
  border-color: var(--product-blue--light-mode--1000);
}

.checkbox-title {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 14px;
  display: flex;
  position: static;
  inset: auto 0% 25%;
}

.form-title-wrap {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.slider {
  background-color: #0000;
  width: 1000px;
  max-width: none;
  height: 100%;
  display: flex;
  position: relative;
}

.mobile-nav-bottom {
  display: none;
}

.submit-button {
  box-shadow: none;
  letter-spacing: 1px;
  background-color: #5b3acc;
  border-radius: 5px;
  width: 260px;
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  transition: background-color .2s ease-in, box-shadow .2s ease-in;
  display: block;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.previous {
  opacity: .45;
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: auto;
  max-width: none;
  height: auto;
  margin: 0 0 30px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: auto auto 20px 44%;
}

.previous:hover {
  opacity: 1;
}

.mask {
  width: 100%;
}

.field-input {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  background-color: #332859;
  border: 1.5px solid #3e34c80a;
  border-radius: 6px;
  width: 100%;
  min-height: 45px;
  font-size: 16px;
}

.field-input:focus {
  border-color: #0064fe;
}

.field-input::placeholder {
  color: #0000371a;
  font-family: Varela Round, sans-serif;
}

.next {
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 159px;
  height: 96.1358%;
  margin: auto auto 25px;
  display: block;
  position: absolute;
  right: 60px;
  overflow: visible;
}

.checkbox-field {
  background-color: var(--background--dark-mode--card\<deleted\|variable-0d431979-ed62-980b-39b6-ef9bc8bec73e\>);
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 150px;
  min-width: 150px;
  height: 70%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: border .2s;
  display: flex;
  box-shadow: 1px 1px 0 -11px #c6d3ff47;
}

.checkbox_wrap {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: wrap;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.checkbox_wrap.checkbox_centre {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: block;
}

.title-left {
  margin-top: 15px;
  margin-left: 15px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.form-wrapper {
  background-color: var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  border-radius: 20px;
  width: 1000px;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.form-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 390px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  bottom: -6px;
  left: 0;
}

.form-section-title {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  text-align: left;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.form-full {
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding-top: 90px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.slide {
  border-radius: 20px;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.form07_legal {
  color: #101c2e8a;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

.slider-content-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--fill--dark-mode--transparent);
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: grid;
  position: relative;
}

.line-bottom {
  opacity: 0;
  background-color: #c5c7ca;
  height: 1px;
}

.form-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 618px;
  height: 100%;
  margin-bottom: 0;
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.form-content.final {
  margin-bottom: 0;
}

.text-block-23 {
  opacity: 0;
  color: var(--text--dark-mode--weak);
  align-self: center;
  display: flex;
}

.checkbox-image {
  flex: 0 auto;
  align-self: center;
  width: 45px;
  margin-top: -8px;
}

.counter-image {
  width: 16px;
  margin-right: 5px;
}

.flow-personal-details {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  display: grid;
  position: static;
}

.details-right {
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 60px;
  margin: 0;
  display: flex;
  position: static;
  inset: 0% 10% 72% auto;
}

.contact-hero-section {
  border-radius: 0;
  height: auto;
  overflow: hidden;
}

.color-neutral-300 {
  color: #eff0f6;
}

.success-message-3 {
  background-color: var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  color: #4a3aff;
  border-radius: 24px;
  padding: 28px 28px 32px;
}

.text-area {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  background-color: #332859;
  border: 1px #eff0f6;
  border-radius: 10px;
  min-height: 144px;
  margin-top: 10px;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 28px;
  transition: box-shadow .3s, color .3s, border-color .3s;
  position: static;
  box-shadow: 0 2px 7px #14142b14;
}

.text-area:hover {
  border-color: #4a3aff;
  box-shadow: 0 2px 12px #14142b1a;
}

.text-area:focus {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  border-color: #4a3aff;
}

.text-area::placeholder {
  color: #6e7191;
  font-size: 18px;
}

.container-default-6 {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}

.section-20 {
  padding-top: 176px;
  padding-bottom: 176px;
}

.section-20.position-relative {
  background-image: linear-gradient(0deg, var(--background--solid--dark-mode--sunken), #fff0 18%);
  overflow: hidden;
}

.grid-2-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-2-columns.form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.grid-2-columns.contact-v1 {
  grid-column-gap: 10px;
  grid-template-columns: 1fr 1.2fr;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.error-message-3 {
  color: #ff5a65;
  text-align: center;
  background-color: #ffeff0;
  border-radius: 16px;
  margin-top: 20px;
  padding: 20px 24px;
}

.half-bg-right {
  z-index: -1;
  background-color: #4a3aff;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.half-bg-right.width-36 {
  background-image: url('../images/Contact.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 36%;
  top: 11%;
  overflow: hidden;
}

.text-block-25 {
  color: var(--text--dark-mode--weak);
  font-size: 16px;
}

.div-block-45 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.frame-210 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 10px 10px 0;
  text-decoration: none;
  display: flex;
}

.grid-22 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.icon-container-69 {
  grid-column-gap: 8px;
  background-color: #5975ff1a;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-150 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.hero-logo {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-self: flex-start;
  width: 100%;
  margin-bottom: 40px;
  display: flex;
  position: relative;
}

.google-play, .app-store {
  align-self: center;
}

.x {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15px;
  height: 15px;
  padding: 6px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-160 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 4% 2% auto auto;
}

.close-modal {
  z-index: 100000000;
  width: 15px;
  height: 15px;
  margin-top: 20px;
  margin-right: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.radio-button-label {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  align-self: center;
  font-size: 16px;
}

.radio_wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.radio-button-custom {
  background-color: var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  border-width: 3px;
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

.radio-button-custom.w--redirected-checked {
  border-width: 3px;
  border-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  background-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  box-shadow: inset 0 0 0 7px var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  outline-color: var(--product-blue--light-mode--1000);
  outline-offset: 0px;
  outline-width: 4px;
  outline-style: solid;
}

.radio-button-field-2 {
  flex: 0 auto;
  align-self: auto;
  display: flex;
}

.radio-button-field-3, .radio-button-field-4 {
  display: flex;
}

.ms-input-wrap {
  color: #c5c5c5;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.ms-input {
  border: 1px solid var(--stroke--dark-mode--weak);
  background-color: var(--background--solid--dark-mode--raised);
  color: #fff;
  border-radius: 6px;
  width: 100%;
  min-height: 40px;
  margin-bottom: 0;
  padding: 8px 12px;
  font-size: 16px;
  transition: box-shadow .2s, border-color .2s;
  position: relative;
  box-shadow: 0 5px 20px -10px #000c;
}

.ms-input:hover {
  z-index: 2;
  box-shadow: none;
  border-color: #1e5eff;
}

.ms-input:focus {
  outline-offset: 0px;
  color: #fff;
  border-color: #1e5eff;
  outline: 3px solid #1e5efd40;
}

.ms-input::placeholder {
  color: #aaafbc;
}

.c247-primary-form {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--c247--button-primary\<deleted\|variable-86996b17-e1b0-2e21-3147-8eeea1703aee\>);
  box-shadow: none;
  color: #fff;
  white-space: nowrap;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 32px;
  padding: 25px 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2px;
  text-decoration: none;
  transition: box-shadow .4s, color .3s ease-out, background-color .3s ease-out;
  display: flex;
  position: static;
  inset: auto 6% 6% auto;
  overflow: hidden;
}

.c247-primary-form:hover {
  background-color: var(--c247--button-hover\<deleted\|variable-98b38f1a-d72f-1602-1697-8eb83d2352b9\>);
  box-shadow: 0 -1px 8px 0 var(--c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>), 0 0 0 1px var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-primary-form:active {
  background-color: var(--c247--pink-dark\<deleted\|variable-b2d799e6-13cd-9f8e-fd2c-f31e4d8392f8\>);
}

.ms-select-button {
  z-index: 2;
  flex: none;
  height: 100%;
  margin-bottom: 0;
  padding: 8px 16px;
  line-height: 1.4em;
  display: block;
  position: relative;
}

.ms-select-button:hover {
  border: 1px #1200ee;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 20px 30px -10px #00000021;
}

.ms-select-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.ms-dropdown-cb-label-2 {
  z-index: 5;
  pointer-events: none;
  color: #d4d4d4;
  width: 100%;
  font-size: 16px;
  position: relative;
}

.checkbox_wrap-2 {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.checkbox-field-3 {
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  min-width: 150px;
  height: 140px;
  margin-left: 6px;
  margin-right: 6px;
  display: flex;
}

.form12_checkbox_field-2 {
  border: 1px solid var(--stroke--dark-mode--weak);
  background-color: var(--background--solid--dark-mode--raised);
  border-radius: 8px;
  flex-direction: column;
  order: 0;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 140px;
  height: 120px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  padding: 35px 22px 22px;
  display: flex;
  position: relative;
}

.form12_checkbox_field-2:hover {
  border-color: var(--stroke--dark-mode--weak);
  background-color: var(--background--transparent--dark-mode--raised);
}

.checkbox-3 {
  z-index: 5;
  border: 1px solid var(--stroke--dark-mode--weak);
  opacity: 0;
  cursor: pointer;
  border-radius: 10px;
  align-self: auto;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.checkbox-3:active {
  border: 1px solid #000;
}

.checkbox-title-2 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  -webkit-text-stroke-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  justify-content: center;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 14px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.ms-link {
  color: #fff;
  border-bottom: 1px dashed #c5c5c5;
}

.ms-input-label {
  color: var(--text--dark-mode--weak);
  text-align: left;
  margin-bottom: 5px;
  font-weight: 500;
}

.ms-range-slider {
  align-items: center;
  width: 100%;
  margin-bottom: 45px;
  display: flex;
}

.ms-range-embed {
  width: 100%;
}

.ms-range-slider-value {
  background-color: var(--stroke--dark-mode--inverse-weak\<deleted\|variable-abbb6451-6e26-959f-0beb-b3e9b9d68e1d\>);
  color: #fff;
  text-align: center;
  border-color: #121331;
  border-radius: 4px;
  flex: none;
  width: 60px;
  margin-left: 12px;
  padding: 5px 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  display: inline-block;
  position: relative;
}

.slider-content {
  flex-flow: column;
  width: 100%;
  height: 70px;
  margin-top: 10px;
  margin-bottom: auto;
  display: flex;
}

.div-block-70 {
  flex-flow: row;
  flex: 0 auto;
  align-self: center;
  width: 100%;
  height: 40px;
  display: block;
}

.f-form-steps-item.is---2 {
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.flow-modal-window {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  border-radius: 20px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 1000px;
  height: 562.563px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
  inset: 26% 0%;
}

.field-title-2 {
  color: #fff;
  background-color: #0000;
  margin-bottom: 5px;
  padding-left: 6px;
  font-size: 16px;
  font-weight: 400;
}

.ms-button-cb-3 {
  z-index: 0;
  border: 1px solid var(--stroke--dark-mode--weak);
  background-color: var(--background--solid--dark-mode--raised);
  cursor: pointer;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: border .3s;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.ms-button-cb-3:hover {
  border-style: solid;
  border-color: var(--stroke--dark-mode--weak);
  background-color: var(--background--transparent--dark-mode--raised);
}

.ms-button-cb-3:active {
  background-color: #0000;
}

.ms-button-cb-3.w--redirected-checked {
  z-index: auto;
  color: #d4d4d4;
  background-color: #0000;
  background-image: linear-gradient(#323741cc, #323741cc), linear-gradient(#77c7af33, #77c7af33);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-width: 1px;
  border-color: #77c7af;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.ms-button-cb-3.w--redirected-focus {
  box-shadow: none;
}

.flow-container {
  z-index: 500000;
  background-color: var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  border-radius: 20px;
  flex: 0 auto;
  align-self: auto;
  width: 100%;
  max-width: 1000px;
  height: 100%;
  max-height: 562.563px;
  display: flex;
  position: static;
  inset: 26% 0% 0%;
}

.flow-modal-bg {
  z-index: 0;
  opacity: 1;
  background-color: #0000;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.flow-opacity-bg {
  opacity: .8;
  background-color: #000;
  display: flex;
  position: absolute;
  inset: 0%;
}

.flow-form-block {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.flow-form, .flow-form-step {
  width: 100%;
  height: 100%;
}

.flow-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
}

.image-72 {
  object-fit: cover;
  border-radius: 20px 0 0 20px;
  width: 100%;
  height: 100%;
}

.flow-form-content-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 0 40px 0 20px;
  display: flex;
}

.flow-form-content-wrapper {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.flow-form-upper-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  width: 100%;
  height: 10%;
  margin-bottom: 20px;
  display: flex;
}

.flow-form-question {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.flow-form-answer-input {
  background-color: var(--fill--dark-mode--transparent);
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.flow-form-button-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: auto;
  display: grid;
  position: static;
  inset: 30px 0% 0%;
  overflow: visible;
}

.flow-question {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.flow-q-subtext {
  color: var(--text--dark-mode--weak);
  font-size: 16px;
  line-height: 24px;
}

.c247-flow-next {
  box-sizing: border-box;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--marketing-brand-colours--c247-product\<deleted\|variable-97fa61a5-d897-a98f-959d-fd0de26d3b9b\>);
  box-shadow: none;
  color: #fff;
  white-space: nowrap;
  object-fit: fill;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 33px;
  padding: 25px 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2px;
  text-decoration: none;
  transition: box-shadow .4s, color .3s ease-out, background-color .3s ease-out;
  display: block;
  position: static;
  inset: auto 0% 2% auto;
  overflow: hidden;
}

.c247-flow-next:hover {
  background-color: var(--marketing-brand-colours--c247-darker\<deleted\|variable-e88b8a04-43f7-2e30-7e13-983d061a703b\>);
  box-shadow: 0 -1px 8px 0 var(--c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>), 0 0 0 1px var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-flow-next:active {
  background-color: var(--c247--pink-dark\<deleted\|variable-b2d799e6-13cd-9f8e-fd2c-f31e4d8392f8\>);
}

.flow-title {
  color: var(--text--dark-mode--weak);
  align-self: center;
  font-size: 16px;
}

.flow-logo {
  object-fit: contain;
  width: 100px;
}

.div-block-91 {
  flex: 1;
  align-self: center;
}

.text-block-32 {
  color: var(--text--dark-mode--weak);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.body-7 {
  height: 2000px;
}

.flow-welcome-header {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  display: block;
}

.flow-form-button-group-start {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch flex-end;
  align-self: baseline;
  align-items: center;
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: visible;
}

.flow-form-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: static;
  bottom: -6px;
  left: 0;
}

.flow-form-alert {
  border: 1px solid var(--failure-red--dark-mode--500\<deleted\|variable-8185fa70-89b8-1d6c-6557-08d485f62167\>);
  background-color: var(--failure-red--dark-mode--50);
  border-radius: 5px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-top: 5px;
  padding: 3px 10px;
  display: flex;
}

.flow-alert-text {
  color: var(--text--dark-mode--weak);
  justify-content: center;
  align-self: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.flow-alert-icon {
  object-fit: contain;
  width: 22px;
  height: 22px;
  padding-right: 5px;
}

.product-logo-hero {
  width: 200px;
  margin-bottom: 40px;
}

.contact-primary {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  box-shadow: none;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 25px 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 5px;
  text-decoration: none;
  transition: box-shadow .4s, color .3s ease-out, background-color .3s ease-out;
  display: flex;
  position: static;
  overflow: hidden;
}

.contact-primary:hover {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
  box-shadow: inset 0 4px 12px 0 #9b8eff4d, inset 0 1px 0 0 #9b8eff99, 0 -1px 1px 0 #5b29ffcc, 0 0 0 1px var(--copia--darker-blue-hover\<deleted\|variable-8b8f236b-20b4-3db1-39a8-d4498d0b900b\>);
}

.contact-primary:active {
  background-color: var(--copia--blue\<deleted\|variable-5d55b2df-78a5-6d09-7ae9-b4593284c9c4\>);
}

.email-form-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  bottom: -6px;
  left: 0;
}

.flow-text-box {
  background-color: var(--background--solid--dark-mode--raised);
  color: #fff;
  border: 1.5px solid #3e34c80a;
  border-radius: 6px;
  width: 100%;
  min-height: 45px;
  margin-bottom: 5px;
  font-size: 16px;
}

.flow-text-box:focus {
  border-color: #0064fe;
}

.flow-text-box::placeholder {
  color: var(--background--transparent--dark-mode--overlay);
  font-family: Tt Norms Pro, Arial, sans-serif;
}

.success-message-5 {
  background-color: var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  border-radius: 20px;
  height: 100%;
  padding: 0;
}

.results-wrapper {
  width: 100%;
  height: 100%;
}

.text-block-34 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  text-align: left;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.results-content {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding: 20px;
  display: flex;
}

.text-span {
  box-sizing: border-box;
  aspect-ratio: auto;
  vertical-align: baseline;
  font-size: 16px;
  display: inline;
}

.c247-book-a-demo {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--c247--button-primary\<deleted\|variable-86996b17-e1b0-2e21-3147-8eeea1703aee\>);
  box-shadow: none;
  color: #fff;
  white-space: nowrap;
  border-radius: 10px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40%;
  height: 32px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 25px 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .4s, color .3s ease-out, background-color .3s ease-out;
  display: flex;
  position: static;
  inset: auto 0% 5% auto;
  overflow: hidden;
}

.c247-book-a-demo:hover {
  background-color: var(--c247--button-hover\<deleted\|variable-98b38f1a-d72f-1602-1697-8eb83d2352b9\>);
  box-shadow: 0 -1px 8px 0 var(--c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>), 0 0 0 1px var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-book-a-demo:active {
  background-color: var(--c247--pink-dark\<deleted\|variable-b2d799e6-13cd-9f8e-fd2c-f31e4d8392f8\>);
}

.grid-26 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 6%;
}

.global-secondary-button-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid var(--text--dark-mode--strong);
  background-color: var(--fill--dark-mode--transparent);
  box-shadow: none;
  color: #fff;
  text-align: left;
  white-space: nowrap;
  border-radius: 10px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40%;
  height: 32px;
  margin-left: 40px;
  margin-right: 40px;
  padding: 25px 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s ease-out, background-color .3s ease-out;
  display: flex;
  position: static;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.global-secondary-button-copy:hover {
  border-style: solid;
  border-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  background-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  box-shadow: none;
  color: var(--background--solid--dark-mode--base);
}

.global-secondary-button-copy:active {
  border-style: solid;
  border-color: var(--c247--white-normal-active\<deleted\|variable-7bc7bd6f-3c3c-fa45-72cd-cb3f569a8a01\>);
  background-color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.flow-modal {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  border-radius: 20px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 1200px;
  height: 741.641px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  inset: 11% 0% 26%;
}

.flow-back {
  color: var(--text--dark-mode--weak);
  width: 80px;
  height: 34px;
  text-decoration: none;
  display: flex;
}

.flow-back:hover {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
}

.flow-back:focus-visible, .flow-back[data-wf-focus-visible] {
  border: 1px solid var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  border-radius: 5px;
}

.text-block-35 {
  align-self: center;
  margin-left: 5px;
  font-size: 16px;
  text-decoration: none;
}

.image-75 {
  object-fit: contain;
  width: 22px;
}

.grid-27 {
  grid-template-columns: 1fr;
}

.ms-checkbox-wrap-2 {
  margin-top: 10px;
  margin-bottom: 5px;
  display: flex;
}

.ms-checkbox-3 {
  border-width: 1.5px;
  border-color: var(--background--transparent--dark-mode--overlay);
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 4px;
  flex: none;
  width: 22px;
  height: 22px;
  margin-top: 0;
  margin-right: 10px;
  transition: border .2s;
}

.ms-checkbox-3:hover {
  border-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
}

.ms-checkbox-3.w--redirected-checked {
  background-color: #1e5eff;
  background-image: url('../images/smallcheck.svg');
  background-size: 70%;
  border-style: solid;
  border-color: #1e5eff;
  border-radius: 4px;
}

.ms-checkbox-3.w--redirected-focus {
  border-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  box-shadow: none;
}

.ms-checkbox-3.w--redirected-focus-visible {
  border-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
}

.div-block-92 {
  margin-top: 10px;
}

.checkbox-label-6, .checkbox-label-7 {
  color: var(--text--dark-mode--weak);
}

.image-76, .image-77 {
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
}

.hero-apps {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  display: flex;
}

.cta-block-container {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 1000px;
  max-width: none;
  min-height: 500px;
  padding-top: 60px;
  display: flex;
}

.cta-block-body {
  background-color: var(--background--dark-mode--card\<deleted\|variable-0d431979-ed62-980b-39b6-ef9bc8bec73e\>);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 602px;
  height: auto;
  display: flex;
  position: static;
  top: 60px;
}

.cta-block-content-wrap {
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
}

.cta-block-content-1 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  height: 100%;
  margin-right: 20px;
  padding-right: 20px;
  display: flex;
}

.cta-block-content-2 {
  flex-flow: wrap;
  width: 60%;
  height: 100%;
  display: flex;
}

.cta-block-cta {
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: static;
}

.cta-block-tick-list {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
  position: relative;
}

.cta-block-list-ticks {
  grid-row-gap: 7px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.cta-block-list-item {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-167 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
}

.text-333 {
  color: #fff;
  width: 300px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.div-block-94 {
  text-align: left;
  border-radius: 10px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 80%;
  padding-right: 0;
  display: flex;
}

.image-78 {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  max-width: none;
  height: 100%;
}

.image-79 {
  width: 55%;
}

.cta-block-listing {
  width: 100%;
}

.div-block-95 {
  text-align: center;
  align-self: center;
}

._3-cards-section {
  width: auto;
  min-height: auto;
}

._3-cards-container {
  max-width: 1000px;
  height: auto;
  min-height: auto;
  padding: 60px 20px;
}

._3-cards-wrap {
  justify-content: space-between;
  align-items: center;
  height: 300px;
  display: flex;
}

._3-card-item {
  background-color: var(--background--transparent--dark-mode--raised);
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  border-radius: 10px;
  width: 32%;
  height: 100%;
  text-decoration: none;
}

._3-card-content-wrap {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  height: 100%;
  text-decoration: none;
}

._3-card-image {
  height: 70%;
}

.image-80 {
  object-fit: cover;
  border-radius: 10px 10px 0 0;
  width: 100%;
  height: 100%;
}

._3-card-text-content-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--grey-slate--light--600\<deleted\|variable-d3785b4f-5ffe-812a-2cd0-0b20b6e0d7ab\>);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 30%;
  padding: 20px;
  display: flex;
}

._3-card-text-block {
  color: var(--grey-neutral--dark--1000\<deleted\|variable-d40456aa-2a42-6d9b-e661-caadbf33af19\>);
  font-weight: 400;
  text-decoration: none;
}

._4-card-section {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

._4-card-container {
  max-width: 1000px;
  padding: 60px 20px;
}

._4-cards-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  height: 350px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

._4-card-item-content-wrap {
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

._4-card-image {
  justify-content: center;
  align-items: center;
  height: 50%;
  display: flex;
}

.image-81 {
  border-radius: 10px;
  height: 80%;
  margin-top: 20px;
  padding-top: 0;
}

._4-card-text-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 50%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

._4-crad-title {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

._4-card-text {
  color: var(--grey-neutral--dark--700\<deleted\|variable-bbea1a98-e7a8-8125-19dd-fed7f0e2b873\>);
  text-align: center;
}

.image-82 {
  width: 30px;
}

._4-img-click-container {
  max-width: 1000px;
  padding: 60px 20px;
}

._4-img-click-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: 250px;
  display: flex;
}

.img-click-image {
  border-radius: 10px;
  width: 60%;
}

.img-click-text {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  font-size: 16px;
  font-weight: 700;
}

._4-img-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--background--transparent--dark-mode--raised);
  background-color: var(--background--transparent--dark-mode--raised);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 100%;
  padding-top: 10px;
  text-decoration: none;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

._4-img-item:hover {
  border-color: var(--c247--blue-normal-active\<deleted\|variable-db840422-25a1-308d-fc1d-9d7d9760ac0f\>);
  background-color: var(--card-hover\<deleted\|variable-cad28f86-6896-f847-2a4b-61eeb11887de\>);
  box-shadow: 0 0 8px 2px var(--opus-apeiro--dark-blue--dark-mode--500\<deleted\|variable-d904a5d1-f71b-2daf-b410-358604a55801\>);
}

.key-point-section {
  height: 800px;
}

.key-point-container {
  max-width: 1000px;
  height: 800px;
  padding: 60px 20px;
}

._3-key-point-row-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.key-point-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  height: 100%;
  display: flex;
}

._6-key-point-image {
  border-radius: 10px;
  width: 40%;
}

._6-key-point-text-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

._6-key-point-title {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.text-block-36 {
  color: var(--text--dark-mode--weak);
  text-align: center;
}

._6-key-point-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

._4-card-item {
  border: 1px solid var(--background--transparent--dark-mode--raised);
  background-color: var(--background--transparent--dark-mode--raised);
  border-radius: 10px;
  width: 25%;
  height: 100%;
  text-decoration: none;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
}

._4-card-item:hover {
  border: 1px solid var(--c247--blue-normal-active\<deleted\|variable-db840422-25a1-308d-fc1d-9d7d9760ac0f\>);
  background-color: var(--card-hover\<deleted\|variable-cad28f86-6896-f847-2a4b-61eeb11887de\>);
  box-shadow: 0 0 8px 2px var(--opus-apeiro--dark-blue--dark-mode--500\<deleted\|variable-d904a5d1-f71b-2daf-b410-358604a55801\>);
}

.feature-1-container {
  max-width: 1000px;
  padding: 60px 20px;
}

.feature-content-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-bottom: .5px solid var(--background--transparent--dark-mode--overlay);
  flex-flow: row;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  min-height: 500px;
  margin-top: 0;
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.copia-feature-1-frame {
  z-index: 2;
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 10px;
  order: -1;
  justify-content: center;
  align-items: flex-start;
  width: 56%;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.image-83 {
  border-radius: 10px;
  width: 90%;
}

.feature-text-content-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 50%;
  height: auto;
  padding: 0 0 10px 20px;
  display: flex;
  position: static;
}

.category-title {
  direction: ltr;
  color: var(--text--dark-mode--weak);
  letter-spacing: 3px;
  font-size: 12px;
  font-weight: 400;
}

.feature-title {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.feature-title-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-bottom: 10px;
  display: flex;
}

.feature-subheading {
  color: var(--text--dark-mode--weak);
  font-size: 16px;
  font-weight: 500;
}

.feature-info-wrap {
  height: auto;
}

.accordion-trigger-bottom {
  z-index: 5;
  width: 100%;
  height: 60%;
  padding-bottom: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.accordion-trigger-top {
  z-index: 5;
  width: 100%;
  height: 60%;
  position: absolute;
  inset: 0% 0% auto;
}

.accordion-highlight-bottom {
  z-index: -1;
  background-color: var(--fill--dark-mode--transparent);
  transform-origin: 50% 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.accordion-item-bottom-wrapper {
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  overflow: hidden;
}

.p-accordion-answer {
  color: var(--text--dark-mode--strong);
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: none;
  height: 100%;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 26px;
  display: flex;
}

.accordion-item {
  background-color: var(--background--transparent--dark-mode--raised);
  cursor: pointer;
  border-top: 1px #fff;
  border-radius: 10px;
  padding-bottom: 0;
  transition: background-color .2s;
  position: relative;
  overflow: hidden;
}

.accordion-item:hover {
  background-color: var(--background--transparent--dark-mode--overlay);
}

.accordion-highlight-top {
  z-index: -1;
  background-color: var(--fill--dark-mode--transparent);
  transform-origin: 50% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.accordion-arrow {
  width: 15px;
  max-width: none;
  margin-right: 0;
}

.accordion-item-top-wrapper {
  grid-column-gap: 2vw;
  grid-row-gap: 16px;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .5fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  font-size: 36px;
  display: grid;
}

.accordion-item-top-wrapper:hover {
  background-color: var(--fill--dark-mode--transparent);
}

.accordion {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 0 #fff;
  flex-flow: column;
  height: auto;
  display: flex;
}

.text-block-37 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  margin-left: 20px;
  font-size: 18px;
  font-weight: 500;
}

.faq-container {
  max-width: 1000px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px 20px;
}

.accordion-item-top-wrapper-bigger {
  grid-column-gap: 2vw;
  grid-row-gap: 16px;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .5fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 36px;
  display: grid;
}

.title-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.title-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.subheading-text {
  color: var(--text--dark-mode--weak);
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.buttons-container {
  flex-flow: column;
  max-width: 1000px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.buttons-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 60px;
  display: flex;
}

.new-buttons-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  font-size: 16px;
  display: flex;
}

.xl {
  border: 1px solid var(--background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>);
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 48px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s;
  display: flex;
}

.xl:hover {
  background-color: var(--background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>);
  color: var(--background--solid--dark-mode--base);
}

.l {
  border: 1px solid var(--background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>);
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s;
  display: flex;
}

.l:hover {
  background-color: var(--background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>);
  color: var(--background--solid--dark-mode--base);
}

.m {
  border: 1px solid var(--background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>);
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 32px;
  font-size: 14px;
  font-weight: 700;
  transition: background-color .3s;
  display: flex;
}

.m:hover {
  background-color: var(--background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>);
  color: var(--background--solid--dark-mode--base);
}

.s {
  border: 1px solid var(--background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>);
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 28px;
  font-size: 14px;
  font-weight: 700;
  transition: background-color .3s;
  display: flex;
}

.s:hover {
  background-color: var(--background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>);
  color: var(--background--solid--dark-mode--base);
}

.xs {
  border: 1px solid var(--background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>);
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 24px;
  font-size: 12px;
  font-weight: 500;
  transition: background-color .3s;
  display: flex;
}

.xs:hover {
  background-color: var(--background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>);
  color: var(--background--solid--dark-mode--base);
}

.c247-xl {
  border: 1px solid var(--c247-product-pink--light-mode--900-primary);
  background-color: var(--c247-product-pink--light-mode--900-primary);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.c247-xl:hover {
  border: 1px solid var(--c247-product-pink--light-mode--900-primary);
  background-color: var(--c247-product-pink--light-mode--1000-hover);
  box-shadow: 0 -1px 10px 2px var(--c247--pink-dark\<deleted\|variable-b2d799e6-13cd-9f8e-fd2c-f31e4d8392f8\>);
}

.c247-xl:active {
  background-color: var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-xl:focus, .c247-xl:focus-visible, .c247-xl[data-wf-focus-visible] {
  border: 1px solid var(--c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>);
  background-color: var(--c247--pink-normal-active\<deleted\|variable-44fefe67-ef8f-0b9c-fdcc-70bb87050804\>);
}

.c247-xl:visited {
  background-color: var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-l {
  border: 1px solid var(--c247-product-pink--light-mode--900-primary);
  background-color: var(--c247-product-pink--light-mode--900-primary);
  border-radius: 10px;
  order: 0;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: inline-flex;
}

.c247-l:hover {
  border: 1px solid var(--c247-product-pink--light-mode--900-primary);
  background-color: var(--c247-product-pink--light-mode--1000-hover);
  box-shadow: 0 -1px 10px 2px var(--c247--pink-dark\<deleted\|variable-b2d799e6-13cd-9f8e-fd2c-f31e4d8392f8\>);
}

.c247-l:active {
  background-color: var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-l:focus, .c247-l:focus-visible, .c247-l[data-wf-focus-visible] {
  border: 1px solid var(--c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>);
  background-color: var(--c247--pink-normal-active\<deleted\|variable-44fefe67-ef8f-0b9c-fdcc-70bb87050804\>);
}

.c247-l:visited {
  background-color: var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-m {
  border: 1px solid var(--c247-product-pink--light-mode--900-primary);
  background-color: var(--c247-product-pink--light-mode--900-primary);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.c247-m:hover {
  border: 1px solid var(--c247-product-pink--light-mode--900-primary);
  background-color: var(--c247-product-pink--light-mode--1000-hover);
  box-shadow: 0 -1px 10px 2px var(--c247--pink-dark\<deleted\|variable-b2d799e6-13cd-9f8e-fd2c-f31e4d8392f8\>);
}

.c247-m:active {
  background-color: var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-m:focus, .c247-m:focus-visible, .c247-m[data-wf-focus-visible] {
  border: 1px solid var(--c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>);
  background-color: var(--c247--pink-normal-active\<deleted\|variable-44fefe67-ef8f-0b9c-fdcc-70bb87050804\>);
}

.c247-m:visited {
  background-color: var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-s {
  border: 1px solid var(--c247-product-pink--light-mode--900-primary);
  background-color: var(--c247-product-pink--light-mode--900-primary);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.c247-s:hover {
  border: 1px solid var(--c247-product-pink--light-mode--900-primary);
  background-color: var(--c247-product-pink--light-mode--1000-hover);
  box-shadow: 0 -1px 10px 2px var(--c247--pink-dark\<deleted\|variable-b2d799e6-13cd-9f8e-fd2c-f31e4d8392f8\>);
}

.c247-s:active {
  background-color: var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-s:focus, .c247-s:focus-visible, .c247-s[data-wf-focus-visible] {
  border: 1px solid var(--c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>);
  background-color: var(--c247--pink-normal-active\<deleted\|variable-44fefe67-ef8f-0b9c-fdcc-70bb87050804\>);
}

.c247-s:visited {
  background-color: var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-xs {
  border: 1px solid var(--c247-product-pink--light-mode--900-primary);
  background-color: var(--c247-product-pink--light-mode--900-primary);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 500;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.c247-xs:hover {
  border: 1px solid var(--c247-product-pink--light-mode--900-primary);
  background-color: var(--c247-product-pink--light-mode--1000-hover);
  box-shadow: 0 -1px 10px 2px var(--c247--pink-dark\<deleted\|variable-b2d799e6-13cd-9f8e-fd2c-f31e4d8392f8\>);
}

.c247-xs:active {
  background-color: var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-xs:focus, .c247-xs:focus-visible, .c247-xs[data-wf-focus-visible] {
  border: 1px solid var(--c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>);
  background-color: var(--c247--pink-normal-active\<deleted\|variable-44fefe67-ef8f-0b9c-fdcc-70bb87050804\>);
}

.c247-xs:visited {
  background-color: var(--c247--pink-normal-hover\<deleted\|variable-afd217c8-cf54-986c-14fe-24e4e04f115a\>);
}

.c247-button-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.copia-xl {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  outline-color: var(--copia--darker-blue\<deleted\|variable-aa1fb9a4-4284-32be-a8b7-5d6d8ef151b6\>);
  outline-offset: 0px;
  mix-blend-mode: normal;
  border-radius: 10px;
  outline-width: 2px;
  outline-style: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.copia-xl:hover {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.copia-xl:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.copia-xl:focus, .copia-xl:focus-visible, .copia-xl[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.copia-xl:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.copia-button-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.copia-l {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.copia-l:hover {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.copia-l:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.copia-l:focus, .copia-l:focus-visible, .copia-l[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.copia-l:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.copia-m {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.copia-m:hover {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.copia-m:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.copia-m:focus, .copia-m:focus-visible, .copia-m[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.copia-m:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.copia-s {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.copia-s:hover {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.copia-s:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.copia-s:focus, .copia-s:focus-visible, .copia-s[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.copia-s:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.copia-xs {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 500;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.copia-xs:hover {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.copia-xs:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.copia-xs:focus, .copia-xs:focus-visible, .copia-xs[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.copia-xs:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.ctrl-xl {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.ctrl-xl:hover {
  border: 1px solid var(--marketing-brand-colours--ctrl²⁴⁷);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.ctrl-xl:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.ctrl-xl:focus, .ctrl-xl:focus-visible, .ctrl-xl[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.ctrl-xl:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.ctrl-l {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.ctrl-l:hover {
  border: 1px solid var(--marketing-brand-colours--ctrl²⁴⁷);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.ctrl-l:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.ctrl-l:focus, .ctrl-l:focus-visible, .ctrl-l[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.ctrl-l:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.ctrl-m {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.ctrl-m:hover {
  border: 1px solid var(--marketing-brand-colours--ctrl²⁴⁷);
  background-color: var(--product-blue--light-mode--1000);
  box-shadow: 0 -1px 10px 2px var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.ctrl-m:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.ctrl-m:focus, .ctrl-m:focus-visible, .ctrl-m[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.ctrl-m:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.ctrl-s {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.ctrl-s:hover {
  border: 1px solid var(--marketing-brand-colours--ctrl²⁴⁷);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.ctrl-s:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.ctrl-s:focus, .ctrl-s:focus-visible, .ctrl-s[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.ctrl-s:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.ctrl-xs {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 500;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.ctrl-xs:hover {
  border: 1px solid var(--marketing-brand-colours--ctrl²⁴⁷);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.ctrl-xs:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.ctrl-xs:focus, .ctrl-xs:focus-visible, .ctrl-xs[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.ctrl-xs:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.vigil-button-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.vigil-xl {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.vigil-xl:hover {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
  box-shadow: 0 -1px 10px 2px var(--vigil--600-h\<deleted\|variable-51b99de7-6971-9e6e-8c97-c5fbf7ba5699\>);
}

.vigil-xl:active {
  background-color: var(--vigil--600-h\<deleted\|variable-51b99de7-6971-9e6e-8c97-c5fbf7ba5699\>);
}

.vigil-xl:focus, .vigil-xl:focus-visible, .vigil-xl[data-wf-focus-visible] {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷-darker);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.vigil-xl:visited {
  border-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.vigil-l {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.vigil-l:hover {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
  box-shadow: 0 -1px 10px 2px var(--vigil--600-h\<deleted\|variable-51b99de7-6971-9e6e-8c97-c5fbf7ba5699\>);
}

.vigil-l:active {
  background-color: var(--vigil--600-h\<deleted\|variable-51b99de7-6971-9e6e-8c97-c5fbf7ba5699\>);
}

.vigil-l:focus, .vigil-l:focus-visible, .vigil-l[data-wf-focus-visible] {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷-darker);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.vigil-l:visited {
  border-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.vigil-m {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.vigil-m:hover {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
  box-shadow: 0 -1px 10px 2px var(--vigil--600-h\<deleted\|variable-51b99de7-6971-9e6e-8c97-c5fbf7ba5699\>);
}

.vigil-m:active {
  background-color: var(--vigil--600-h\<deleted\|variable-51b99de7-6971-9e6e-8c97-c5fbf7ba5699\>);
}

.vigil-m:focus, .vigil-m:focus-visible, .vigil-m[data-wf-focus-visible] {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷-darker);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.vigil-m:visited {
  border-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.vigil-s {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.vigil-s:hover {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
  box-shadow: 0 -1px 10px 2px var(--vigil--600-h\<deleted\|variable-51b99de7-6971-9e6e-8c97-c5fbf7ba5699\>);
}

.vigil-s:active {
  background-color: var(--vigil--600-h\<deleted\|variable-51b99de7-6971-9e6e-8c97-c5fbf7ba5699\>);
}

.vigil-s:focus, .vigil-s:focus-visible, .vigil-s[data-wf-focus-visible] {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷-darker);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.vigil-s:visited {
  border-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.vigil-xs {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 500;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.vigil-xs:hover {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
  box-shadow: 0 -1px 10px 2px var(--vigil--600-h\<deleted\|variable-51b99de7-6971-9e6e-8c97-c5fbf7ba5699\>);
}

.vigil-xs:active {
  background-color: var(--vigil--600-h\<deleted\|variable-51b99de7-6971-9e6e-8c97-c5fbf7ba5699\>);
}

.vigil-xs:focus, .vigil-xs:focus-visible, .vigil-xs[data-wf-focus-visible] {
  border: 1px solid var(--marketing-brand-colours--vigil²⁴⁷-darker);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.vigil-xs:visited {
  border-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
  background-color: var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.secondary-button-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.tertiary-button-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-self: flex-start;
  margin-top: 10px;
  display: flex;
}

.tertiary-text-xl {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  transition: color .2s;
}

.tertiary-text-xl:hover {
  color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.tertiary-xl {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  text-decoration: underline;
  transition: color .2s;
}

.tertiary-xl:hover {
  color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.tertiary-l {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  text-decoration: underline;
  transition: color .2s;
}

.tertiary-l:hover {
  color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.tertiary-text-l {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  transition: color .2s;
}

.tertiary-text-l:hover {
  color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.tertiary-m {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  text-decoration: underline;
  transition: color .2s;
}

.tertiary-m:hover {
  color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.tertiary-text-m {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  text-decoration: underline;
  transition: color .2s;
  display: flex;
}

.tertiary-text-m:hover {
  color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.tertiary-s {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  flex-flow: row;
  width: 100%;
  text-decoration: underline;
  transition: color .2s;
  display: block;
}

.tertiary-s:hover {
  color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.tertiary-text-s {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.tertiary-text-s:hover {
  color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.feature-cta {
  width: 50%;
}

.opus-button-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.opus-xl {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 10px;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 48px;
  margin-top: 0;
  font-size: 16px;
  font-weight: 700;
  transition: box-shadow .4s, background-color .4s, border .4s;
  display: flex;
}

.opus-xl:hover {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-xl:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.opus-xl:focus, .opus-xl:focus-visible, .opus-xl[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-xl:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-l {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.opus-l:hover {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-l:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.opus-l:focus, .opus-l:focus-visible, .opus-l[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-l:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-m {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.opus-m:hover {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-m:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.opus-m:focus, .opus-m:focus-visible, .opus-m[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-m:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-s {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 700;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.opus-s:hover {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-s:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.opus-s:focus, .opus-s:focus-visible, .opus-s[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-s:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-xs {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--1000);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 500;
  transition: box-shadow .4s, border-color .4s, background-color .4s;
  display: flex;
}

.opus-xs:hover {
  border: 1px solid var(--product-blue--light-mode--1000);
  background-color: var(--product-blue--light-mode--800);
  box-shadow: 0 -1px 10px 2px var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-xs:active {
  background-color: var(--copia--button-hover\<deleted\|variable-efc3291a-2b5c-8658-a0e5-bac459173851\>);
}

.opus-xs:focus, .opus-xs:focus-visible, .opus-xs[data-wf-focus-visible] {
  border: 1px solid var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.opus-xs:visited {
  background-color: var(--copia--button\<deleted\|variable-0fff4249-7f5b-93a4-1a38-06cd7ccefa26\>);
}

.feature-2-img {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 500px;
  padding-left: 40px;
  padding-right: 0;
  display: flex;
}

.typography-container {
  max-width: 1000px;
  height: auto;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 40px 0;
}

.colour-container {
  max-width: 1000px;
  padding: 40px 20px;
}

.p-xs-start {
  padding-top: 20px;
}

.teaser-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.teaser-img._3 {
  z-index: 2;
  height: 60%;
}

.teaser-img._1 {
  z-index: 4;
  height: 60%;
}

.teaser-img._2 {
  z-index: 3;
  height: 60%;
}

.teaser-img._4 {
  z-index: 1;
  height: 60%;
}

.teaser-img._3 {
  z-index: 2;
}

.teaser-img._1 {
  z-index: 4;
}

.teaser-img._2 {
  z-index: 3;
}

.teaser-img._4 {
  z-index: 1;
}

.teaser-img._3 {
  z-index: 2;
  border-radius: 20px;
  height: 70%;
  top: 15%;
}

.teaser-img._1 {
  z-index: 4;
  border-radius: 10px;
  height: 70%;
  top: 15%;
}

.teaser-img._2 {
  z-index: 3;
  border-radius: 20px;
  height: 70%;
  top: 15%;
}

.teaser-img._4 {
  z-index: 1;
  border-radius: 20px;
  height: 70%;
  top: 15%;
}

.teaser-copy {
  max-width: 650px;
  padding-right: 20%;
}

.teaser-img-tablet-down {
  display: none;
}

.teaser-column {
  order: 0;
  width: 50%;
  position: relative;
}

.teaser-copy-wrap {
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
}

.text-effect-overflow-hidden {
  overflow: hidden;
}

.text-overlap-end {
  background-color: var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  height: 100%;
  position: absolute;
  inset: auto 0% -100%;
}

.text-effect-wrapper {
  background-color: var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  height: 260vh;
  margin-top: -20vh;
  margin-bottom: -20vh;
}

.text-effect-gradient {
  background-image: linear-gradient(180deg, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>) 12%, #351073 26%, #c958de 38%, #fbb1f7 50%, #c958de 64%, #351073 76%, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>) 88%);
  mix-blend-mode: darken;
  height: 260vh;
  position: absolute;
  inset: 0%;
}

.text-effect-inner {
  background-color: var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  position: relative;
  overflow: hidden;
}

.section-text-gradient-effect {
  z-index: 0;
  position: static;
}

.text-effect-text {
  color: #f5f5f7;
  font-size: 3.3em;
  font-weight: 600;
  line-height: 1.2em;
}

.text-effect-sticky-element {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.container-w3 {
  width: 100%;
  max-width: 58em;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-7 {
  color: var(--text--dark-mode--weak);
}

.teaser-container-2 {
  max-width: 1000px;
  padding-left: 60px;
  padding-right: 60px;
}

.teaser-section {
  height: 51.7087%;
  margin-top: 220px;
}

.copy-small-2 {
  color: var(--text--dark-mode--weak);
  font-size: .95em;
}

.teaser-grid-2 {
  align-items: stretch;
  height: 99.9999%;
  display: flex;
}

.p-teaser-img-wrap-2 {
  justify-content: space-between;
  align-items: center;
  height: 90vh;
  display: block;
  position: sticky;
  top: 25vh;
  overflow: hidden;
}

.title1-2 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  font-size: 3.6em;
  font-weight: 400;
  line-height: 1.2em;
}

.supply-nav {
  background-color: var(--global--dark-bg-base);
  height: 6.60026%;
}

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

.supply-navbar-logo-left-container.shadow-three {
  width: 100%;
  max-width: 1000px;
  margin-bottom: 0;
  padding: 20px 0 20px 20px;
  position: static;
}

.supply-nav-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  max-width: 940px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.supply-nav-logo-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.supply-brand-name {
  border-left: 2px solid var(--background--transparent--dark-mode--overlay);
  display: flex;
}

.supply-brand-text {
  color: var(--text--dark-mode--weak);
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  font-size: 18px;
  display: flex;
}

.supply-logos-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.supply-heading-text-wrap {
  margin-top: 40px;
}

.supply-heading {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

.supply-link-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--text--dark-mode--weak);
  justify-content: flex-end;
  align-items: center;
  width: auto;
  font-size: 14px;
  text-decoration: underline;
  transition: color .3s;
  display: flex;
}

.supply-link-block:hover {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
}

.supply-link-text {
  color: var(--text--dark-mode--weak);
  flex-flow: row;
  text-decoration: none;
  display: flex;
  position: relative;
  inset: 0% 0% 0% auto;
}

.supply-link-text:hover {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
}

.accordion-item-trigger {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.body-8 {
  background-image: url('../images/supply-background.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.container-49 {
  max-width: 1000px;
}

.section-21 {
  z-index: -2;
  background-image: url('../images/stonegate_right.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 1800px;
  display: none;
  position: absolute;
}

.div-block-97 {
  background-color: var(--grey-slate--light--800\<deleted\|variable-4d51245a-8930-0706-89c9-89e50390eef3\>);
  height: 100%;
}

.supply-grid-section {
  min-width: 1000px;
  height: 100%;
  margin-bottom: 20px;
}

.supply-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  height: auto;
  margin-top: 100px;
}

.div-block-99 {
  flex-flow: wrap;
  margin-top: 0;
  display: flex;
}

.double-button-content-wrap {
  flex-flow: column;
  height: 600px;
  padding: 40px 20px 40px 100px;
  display: flex;
}

.doubble-button-grid {
  grid-row-gap: 29px;
  grid-template-rows: 220px 220px;
  grid-template-columns: 1fr;
}

.suply-button {
  border: 1px solid var(--background--transparent--dark-mode--overlay);
  background-color: var(--background--transparent--dark-mode--raised);
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  border-radius: 10px;
  height: 100%;
  text-decoration: none;
  transition: background-color .2s;
}

.suply-button:hover {
  border: 1px solid var(--background--transparent--dark-mode--overlay);
  background-color: var(--background--transparent--dark-mode--overlay);
}

.supply-button-text {
  color: var(--grey-neutral--dark--1000\<deleted\|variable-d40456aa-2a42-6d9b-e661-caadbf33af19\>);
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.supply-text-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--fill--dark-mode--transparent);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 30%;
  padding: 20px 10px;
  display: flex;
}

.supply-button-text-columns {
  border-radius: 10px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
  transition: background-color .3s;
  display: flex;
}

.supply-button-text-columns:hover {
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 10px;
}

.supply-images {
  height: 70%;
}

.display-subtext {
  color: var(--text--dark-mode--strong);
  text-align: center;
  text-shadow: 0 1px 9px #000c;
  width: 80%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Tt Norms Pro, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.display-subtext.bold {
  font-weight: 400;
}

.category {
  color: var(--text--dark-mode--strong);
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
}

.category.weak {
  color: var(--text--dark-mode--weak);
  width: auto;
  margin-bottom: 0;
}

.category.weak.central {
  text-align: center;
}

.category.left {
  text-align: left;
}

.regular {
  color: #fff;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.regular.weak {
  color: var(--text--dark-mode--weak);
}

.regular.medium {
  font-weight: 500;
}

.regular.bold {
  width: 100%;
  font-weight: 700;
  display: block;
}

.arrow {
  object-fit: contain;
  width: 30px;
}

.large {
  color: var(--text--dark-mode--strong);
  text-align: left;
  align-self: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.large.weak {
  color: var(--text--dark-mode--weak);
}

.large.underline {
  text-decoration: underline;
}

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

.large.bold {
  font-weight: 700;
}

.subheading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-decoration: none;
}

.subheading.medium {
  font-weight: 500;
}

.subheading.medium.weak {
  color: var(--text--dark-mode--weak);
}

.subheading.medium.weak.left {
  width: auto;
}

.subheading.underline {
  text-decoration: underline;
}

.subheading.underline.weak {
  color: var(--text--dark-mode--weak);
  transition: color .2s;
}

.subheading.underline.weak:hover {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
}

.body-large {
  color: var(--text--dark-mode--weak);
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.body-large.weak {
  color: var(--text--dark-mode--weak);
}

.body-large.bold {
  color: var(--text--dark-mode--strong);
  font-weight: 700;
}

.body-regular {
  color: var(--text--dark-mode--strong);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.body-regular.weak {
  color: var(--text--dark-mode--weak);
  align-self: center;
}

.body-regular.bold {
  font-weight: 700;
}

.body-small {
  color: var(--text--dark-mode--weak);
  margin-bottom: 0;
  line-height: 22px;
}

.body-small.weak {
  color: var(--text--dark-mode--weak);
}

.main-nav-text {
  text-shadow: 0 1px 10px #0003;
  font-size: 18px;
  line-height: 28px;
}

.main-navigation-link-2 {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  text-shadow: 0 1px 10px #000000e6;
  justify-content: center;
  align-items: center;
  padding: 20px 12px;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.main-navigation-link-2:hover {
  color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
}

.main-navigation-link-2.w--current {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
}

.main-navigation-logo {
  width: 200px;
  margin-right: 40px;
}

.display {
  color: #fff;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 400;
  line-height: 62px;
  text-decoration: none;
}

.display.bold {
  text-align: center;
  text-shadow: 0 4px 6px #0000006b;
  align-self: flex-start;
  width: 100%;
  font-weight: 700;
}

.headline-1 {
  color: #fff;
  text-align: left;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
  text-decoration: none;
  display: flex;
}

.headline-1.bold {
  color: var(--text--dark-mode--strong);
  text-align: left;
  margin-bottom: 0;
  font-weight: 700;
}

.headline-1.bold.centered {
  text-align: center;
  letter-spacing: 0;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
}

.headline-1.bold.inverse {
  color: var(--background--solid--dark-mode--base);
}

.headline-2 {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
  display: flex;
}

.headline-2.bold {
  font-weight: 700;
}

.body-tiny {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.table {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.table-column {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 339px;
  text-decoration: none;
  display: flex;
}

.table-heading-cell {
  border: 1px solid #0011661a;
  border-width: 1px 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.heading-16 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.table-data-cell {
  border: 0 solid #0011661a;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.table-data-cell-12 {
  border: 0 solid #0011661a;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.table-column-8 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.table-heading-cell-8 {
  border: 1px solid #0011661a;
  border-width: 1px 0;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.text-354 {
  color: #fff;
  text-align: right;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.table-data-cell-13 {
  grid-column-gap: 8px;
  border: 0 solid #0011661a;
  border-bottom-width: 1px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 44px 20px;
  text-decoration: none;
  display: flex;
}

.text-355 {
  color: #fff;
  text-align: right;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.table-data-cell-14 {
  grid-column-gap: 8px;
  border: 0 solid #0011661a;
  border-bottom-width: 1px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.table-data-cell-15 {
  grid-column-gap: 8px;
  border: 0 solid #0011661a;
  border-bottom-width: 1px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.display-sub {
  color: var(--text--dark-mode--strong);
  text-align: left;
  text-shadow: 0 1px 9px #000c;
  width: 80%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Tt Norms Pro, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.title-text-copy {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 60px;
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.h2 {
  color: #fff;
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
}

.h2.bold {
  font-weight: 700;
}

.supply-heading-content-wrap-copy {
  padding-left: 20px;
  padding-right: 40px;
}

.small {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.small.weak {
  color: var(--text--dark-mode--weak);
  text-align: left;
}

.small.weak.right {
  color: var(--text--dark-mode--weak);
  text-align: right;
}

.hero-plus {
  flex-flow: column;
  width: auto;
  margin-top: 140px;
  padding: 0;
  display: flex;
}

.hero-plus-content-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.hero-plus-item {
  width: 25%;
}

.hero-plus-item-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-top: 10px;
  display: flex;
}

.hero-plus-item-content-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.hero-plus-icon {
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  height: 55px;
  min-height: 55px;
  max-height: 55px;
  display: flex;
}

.ctrl-product-features {
  background-image: linear-gradient(356deg, #0c022f 11%, #fff0 38%), linear-gradient(#0c022f, #fff0 9%), url('../images/ctrlfeaturebg-grad.png');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  padding-top: 20px;
  padding-bottom: 0;
}

.product-features-container {
  flex-flow: column;
  max-width: 1200px;
  margin-top: 100px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.feature-image {
  object-fit: cover;
  border-radius: 10px;
  order: 0;
  width: 100%;
  height: 60%;
}

.hero-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.display-text {
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
  text-shadow: 0 1px 20px #0009;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 400;
  line-height: 64px;
  text-decoration: none;
  display: flex;
}

.display-text.bold {
  color: var(--text--dark-mode--strong);
  font-size: 50px;
  font-weight: 700;
  line-height: 62px;
}

.heading-3 {
  color: var(--text--dark-mode--strong);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.heading-3.bold {
  margin-top: 0;
  margin-bottom: 8px;
  font-weight: 700;
}

.heading-3.weak {
  color: var(--text--dark-mode--weak);
}

.heading-3.weak.central {
  font-size: 20px;
  line-height: 30px;
}

.step-block {
  flex-wrap: nowrap;
  place-content: center space-around;
  align-items: center;
  min-height: 80vh;
  margin-top: -1px;
  display: flex;
  position: relative;
}

.bold {
  color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
}

.copia-product-features {
  background-image: linear-gradient(2deg, #0c022f 9%, #fff0 34%), linear-gradient(#0c022f, #fff0 10%), url('../images/copia-feature-grad.png');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20px;
}

.feature-content-wrap-bottom {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-bottom: .5px solid var(--background--transparent--dark-mode--overlay);
  flex-flow: row;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  min-height: 500px;
  margin-top: 100px;
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.feature-cark-link-block {
  border-radius: 10px;
  text-decoration: none;
}

.c247-feature-card {
  background-image: url('../images/Frame-177.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 356px;
  height: 100%;
  min-height: 514px;
  padding: 26px 20px 28px;
  text-decoration: none;
  transition: box-shadow .4s;
  display: flex;
  overflow: hidden;
}

.c247-feature-card:hover {
  box-shadow: 0 0 30px -10px var(--c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>);
}

.card-info-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.key-points-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.key-point {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: .905833px #ffffff80;
  border-radius: 40px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 4px 0;
  text-decoration: none;
  display: flex;
}

.image-85 {
  opacity: .8;
  width: 22px;
  height: 22px;
}

.feature-card-logo-grid {
  grid-column-gap: 2px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  place-content: end center;
  width: 100%;
  margin-top: 20px;
}

.feature-card-logo {
  width: 120px;
  height: 58.0625px;
  display: flex;
}

.copia-feature-card {
  background-image: url('../images/Copiasmallbg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  height: 100%;
  min-height: 514px;
  padding: 26px 20px 28px;
  text-decoration: none;
  transition: box-shadow .4s;
  display: flex;
  overflow: hidden;
}

.copia-feature-card:hover {
  box-shadow: 0 0 30px -10px var(--copia--blue\<deleted\|variable-5d55b2df-78a5-6d09-7ae9-b4593284c9c4\>);
}

.ctrl-feature-card {
  background-image: url('../images/ctrl-tile-small.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  height: 100%;
  min-height: 514px;
  padding: 26px 20px 28px;
  text-decoration: none;
  transition: box-shadow .4s;
  display: flex;
  overflow: hidden;
}

.ctrl-feature-card:hover {
  box-shadow: 0 0 30px -10px var(--ctrl--turquoise-hover\<deleted\|variable-35fe2500-cbc1-bcd2-98bf-47c891f9cb7f\>);
}

.vigil-feature-card {
  background-image: url('../images/vigil-tile-small.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  height: 100%;
  min-height: 300px;
  padding: 26px 20px 28px;
  text-decoration: none;
  transition: box-shadow .4s;
  display: flex;
  overflow: hidden;
}

.vigil-feature-card:hover {
  box-shadow: 0 0 30px -10px var(--marketing-brand-colours--vigil²⁴⁷-darker);
}

.feature-card-vigil-logo {
  width: 140px;
  height: 58.0625px;
  display: flex;
}

.feature-card-copia-logo {
  width: 158px;
  height: 58.0625px;
  display: flex;
}

.about-hero-section {
  pointer-events: auto;
}

.panel-opus {
  background-image: radial-gradient(circle farthest-side at 0% 0%, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>), #0000), radial-gradient(circle farthest-corner at 50% 0%, var(--opus-apeiro-brand--opus-pink\<deleted\|variable-c966fdbe-86d0-a74b-0b0f-589a6ec67011\>), transparent 58%), radial-gradient(circle farthest-side at 100% 0%, var(--opus-apeiro-brand--brand-medium-blue\<deleted\|variable-0bcc104a-2676-c64a-9e5c-281547e7d6f4\>), transparent);
  filter: none;
  border-radius: 100vw;
  flex: 1;
  justify-content: center;
  padding: 80px;
  display: flex;
  position: relative;
  overflow: visible;
}

.opus-about {
  background-color: var(--global--dark-bg-base);
  background-image: linear-gradient(0deg, var(--background--solid--dark-mode--sunken) 4%, #fff0 17%), linear-gradient(180deg, #0c022f 7%, #fff0 19%), url('../images/about-bg.png');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, auto;
  background-attachment: scroll, scroll, fixed;
  padding-bottom: 100px;
  position: static;
}

.how-it-works-section---copia {
  background-image: linear-gradient(0deg, #0c022f 3%, #fff0 16%), linear-gradient(#0c022f 1%, #fff0 13%), url('../images/Copia-how-it-works-bg-2.png');
  background-position: 0 0, 0 0, 100% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, auto;
  background-attachment: scroll, scroll, fixed;
}

.teaser-container {
  max-width: 1920px;
  padding-left: 0;
  padding-right: 0;
}

.teaser-grid {
  align-items: stretch;
  display: flex;
}

.p-teaser-img-wrap {
  height: 90vh;
  position: sticky;
  top: 5vh;
  overflow: hidden;
}

.how-it-works-container {
  border-top: .5px none var(--background--transparent--dark-mode--overlay);
  border-bottom: .5px none var(--background--transparent--dark-mode--overlay);
  max-width: 1200px;
  margin-top: 0;
  padding-top: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

.steps-header {
  margin-top: 20px;
}

.benefit-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--background--dark-mode--card\<deleted\|variable-0d431979-ed62-980b-39b6-ef9bc8bec73e\>);
  border-radius: 10px;
  flex-flow: column;
  margin-top: 40px;
  padding: 15px 25px 25px;
  display: flex;
}

.benefit-headline {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
}

.benefit-headline-text {
  flex-flow: row;
  align-self: center;
  width: auto;
  display: flex;
}

.lottie-animation-reduce {
  order: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: 70%;
  padding-left: 0;
  display: flex;
}

.lottie-animation-eye {
  order: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: 80%;
  padding-left: 0;
  display: flex;
}

.lottie-animation-prevent {
  order: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: 60%;
  padding-left: 0;
  display: flex;
}

.lottie-animation-efficiency {
  order: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: 20%;
  height: 150%;
  padding-left: 0;
  display: flex;
}

.steps-intro-wrap {
  padding: 40px 20px 0 0;
}

.steps-intro-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-101 {
  border-radius: 20px;
  height: 500px;
  margin-right: 60px;
}

.image-86 {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.how-it-works-intro-container {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.hows-it-works-colums {
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.arrow-down-link {
  width: 80px;
  height: 80px;
  margin-top: 40px;
}

.how-it-works-header, .div-block-103 {
  margin-bottom: 10px;
}

.how-it-works-section-intro {
  margin-bottom: 60px;
  padding-bottom: 60px;
}

.scroll-down-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 30%;
  height: 50px;
  margin-top: 20px;
  text-decoration: none;
  display: flex;
}

.lottie-animation-scroll-down {
  order: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: 80%;
  padding-left: 0;
  display: flex;
}

.about-hero-paragraph {
  text-align: center;
}

.div-block-105 {
  margin-top: 40px;
}

.next-steps-section-ctrl {
  background-image: linear-gradient(0deg, var(--background--solid--dark-mode--sunken), #fff0 16%), linear-gradient(180deg, #0c0230 3%, #fff0 45%), url('../images/ctrl-how-it-works-bg-3.png');
  background-position: 0 0, 0 0, 10%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, scroll;
  margin-top: 100px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 100px;
}

.c247-hero-section {
  background-image: url('../images/C247-grad.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  padding-bottom: 100px;
}

.c247-product-features {
  background-image: linear-gradient(2deg, #0c022f 9%, #fff0 34%), linear-gradient(#0c022f, #fff0 10%), url('../images/C247-how-it-works-bg.png');
  background-position: 0 0, 0 0, 0%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20px;
}

.demo-step {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.demo-form-block {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.demo-form {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.demo-submit-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: stretch flex-end;
  align-self: baseline;
  align-items: center;
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: visible;
}

.div-block-92-copy {
  width: 100%;
  margin-top: 60px;
  padding-bottom: 10px;
}

.demo-image-logo-title {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  height: auto;
  margin-bottom: 40px;
  display: flex;
}

.demo-image-testimonial-wrap {
  box-sizing: border-box;
  clear: none;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  aspect-ratio: auto;
  background-color: var(--background--transparent--dark-mode--raised);
  object-fit: fill;
  border-radius: 10px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 60px;
  padding: 10px 20px;
  display: flex;
  position: static;
}

.product-logo {
  align-self: center;
  width: auto;
  height: 100%;
}

.book-a-demo-title {
  border-left: 2px solid var(--background--transparent--dark-mode--overlay);
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 100px;
  margin-left: 20px;
  padding-left: 40px;
  display: flex;
}

.demo-testimonial-quote {
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 98%;
  display: flex;
  position: static;
  overflow: visible;
}

.demo-testimonial-author {
  width: 100%;
  height: 100%;
  margin-top: 0;
}

.div-block-108 {
  object-fit: cover;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 100%;
  margin-top: 220px;
}

.success-header {
  margin-top: 20px;
  display: flex;
}

.success-text {
  margin-top: 60px;
}

.success-paragraph {
  margin-top: 20px;
}

.div-block-109 {
  width: 30%;
  margin-top: 60px;
  position: static;
}

.spacer-20px {
  height: 40px;
}

.div-block-110 {
  text-align: center;
  margin-top: 10px;
}

.tiny {
  color: var(--background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>);
  font-size: 12px;
}

.dropdown-select {
  background-color: var(--fill--dark-mode--transparent);
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 0;
}

.close-btn-w {
  z-index: 500;
  float: right;
  background-color: var(--background--transparent--dark-mode--glass);
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: 2rem;
  margin-right: 2rem;
  display: flex;
  position: relative;
  top: 0;
}

.close-btn-w:hover {
  background-color: var(--grey-neutral--dark--100\<deleted\|variable-0719ef64-24e9-4255-df66-b5b724ef310b\>);
}

.screen-reader-only {
  border: 1px #000;
  border-radius: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  inset: -1px;
  overflow: hidden;
}

.close-btn-line {
  background-color: #4353ff;
  border-radius: 1px;
  width: 1.75rem;
  height: 2px;
  position: absolute;
}

.close-btn-line.is--2nd {
  background-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  transform: rotate(45deg);
}

.close-btn-line.is--2nd:hover {
  background-color: var(--grey-neutral-solid--0\<deleted\|variable-80fda0f3-6740-b360-afd5-d13c3bd800ac\>);
}

.close-btn-line.is--1st {
  background-color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  transform: rotate(-45deg);
}

.close-btn-line.is--1st:hover {
  background-color: var(--grey-neutral-solid--0\<deleted\|variable-80fda0f3-6740-b360-afd5-d13c3bd800ac\>);
}

.modal-bg-3 {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.modal-content-w {
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
}

.modal-1-popup {
  z-index: 2147483647;
  background-color: #29282866;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 4rem 1rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.modal {
  border: .5px solid var(--background--transparent--dark-mode--overlay);
  background-color: var(--background--solid--dark-mode--base);
  border-radius: .75rem;
  flex-flow: wrap;
  flex: none;
  align-self: auto;
  width: 100%;
  max-width: 80rem;
  height: auto;
  margin: auto;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.columns-2 {
  background-image: url('../images/C247-how-it-works-bg.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 10px;
  align-self: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: block;
}

.column-5 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 20px 0 40px;
  display: flex;
  position: relative;
  top: 0;
}

.column-6 {
  flex-flow: column;
  height: 100%;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.div-block-112 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.div-block-113 {
  object-fit: cover;
}

.div-block-114 {
  margin-top: 20px;
}

.div-block-115 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding-bottom: 0;
  padding-right: 40px;
  display: flex;
}

.div-block-116 {
  width: 100%;
  height: 100%;
  padding: 60px 40px 40px 60px;
}

.div-block-118 {
  margin-bottom: 60px;
}

.next-steps-section-c247 {
  background-image: linear-gradient(0deg, var(--background--solid--dark-mode--sunken) 1%, #fff0 24%), linear-gradient(180deg, #0c0230 3%, #fff0 45%), url('../images/C247-STEPS--bg-3.png');
  background-position: 0 0, 0 0, 0%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, scroll;
  margin-top: 100px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 100px;
}

.div-block-120 {
  flex-flow: column;
  width: 80%;
  display: flex;
}

.div-block-121 {
  width: 80%;
}

.div-block-122 {
  height: 200px;
}

.ctrl-modal-columns {
  background-image: url('../images/Ctrl-how-it-works-bg.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 10px;
  align-self: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: block;
}

.copia-modal-columns {
  background-image: url('../images/Copia-how-it-works-bg.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: block;
}

.testimonials-long {
  width: 100%;
  max-width: none;
  margin-top: 140px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-123 {
  display: flex;
}

.div-block-124 {
  flex-flow: column;
  order: 0;
  display: flex;
}

.div-block-125 {
  height: 100%;
}

.image-90 {
  height: 100%;
}

.fs-consent_prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.section-22 {
  background-image: linear-gradient(0deg, var(--background--solid--dark-mode--sunken) 2%, #fff0 15%), linear-gradient(180deg, var(--background--solid--dark-mode--base), #fff0 11%), url('../images/Home-bg.png');
  background-position: 0 0, 0 0, 0%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  padding-bottom: 100px;
}

.vigil-product-features {
  background-image: linear-gradient(356deg, #0c022f 11%, #fff0 38%), linear-gradient(#0c022f, #fff0 9%), url('../images/vigil-features-bg.png');
  background-position: 0 0, 0 0, 50% 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  padding-top: 0;
  padding-bottom: 0;
}

.next-steps-section-vigil {
  background-image: linear-gradient(0deg, var(--background--solid--dark-mode--sunken), #fff0 25%), linear-gradient(180deg, #0c0230 3%, #fff0 45%), url('../images/vigil-steps-bg.png');
  background-position: 0 0, 0 0, 10%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, scroll;
  margin-top: 100px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 100px;
}

.vigil-product-hero {
  background-image: url('../images/vigil-hero-grad.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  padding-bottom: 40px;
}

.vigil-modal-columns {
  background-image: url('../images/vigil-features-bg.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 10px;
  align-self: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: block;
}

.copia-feature-2-frame {
  z-index: 2;
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 10px;
  order: 1;
  justify-content: center;
  align-items: flex-start;
  width: 560px;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.feature-category {
  align-self: auto;
  height: 40px;
  display: flex;
}

.feature-cat-text {
  align-self: center;
}

.feature-cat-aniautomation {
  align-self: auto;
  height: 100%;
}

.lottie-animation {
  height: 100%;
}

.feature-category-large {
  flex-flow: row;
  height: 60px;
  display: flex;
}

.lottie-animation-margin {
  height: 100%;
  margin-left: 20px;
}

.lottie-animation-support, .lottie-animation-tick {
  height: 100%;
  margin-left: 10px;
}

.image-93 {
  width: 100%;
}

.feature-1-long-frame {
  z-index: 2;
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 10px;
  order: -1;
  justify-content: center;
  align-items: flex-start;
  width: 56%;
  height: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.feature-img3 {
  z-index: 10;
  width: 100%;
  height: auto;
  position: static;
  inset: -20% auto auto 0%;
}

.feature-2-long-frame {
  z-index: 2;
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 10px;
  order: 1;
  justify-content: center;
  align-items: center;
  width: 56%;
  height: auto;
  padding: 0;
  display: flex;
  position: static;
}

.lottie-animation-verified, .lottie-animation-calendar {
  height: 100%;
  margin-left: 10px;
}

.feature-category-copy {
  align-self: auto;
  height: 60px;
  display: flex;
}

.feature-img4 {
  z-index: 10;
  object-fit: cover;
  width: 100%;
  height: auto;
  position: static;
  inset: 6% auto auto 0%;
}

.feature-1-dash {
  z-index: 10;
  position: absolute;
  top: 40px;
}

.key-points-wrap-demo {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  text-decoration: none;
  display: flex;
}

.key-point-demo {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: .905833px #ffffff80;
  border-radius: 40px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 4px 0;
  text-decoration: none;
  display: flex;
}

.div-block-129 {
  width: 70%;
  margin-top: 20px;
}

.div-block-130 {
  padding-top: 20px;
}

.div-block-131 {
  align-self: center;
  height: 80px;
  min-height: 80px;
  max-height: 80px;
  display: flex;
}

.div-block-132 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  width: 100%;
  height: 100%;
  display: flex;
}

.image-94 {
  min-width: 60px;
  max-width: 60px;
  height: 80px;
  min-height: 80px;
  max-height: 80px;
  display: block;
}

.feature-2-dash {
  z-index: 10;
  position: absolute;
  top: 40px;
}

.ctrl-feature-1-frame {
  z-index: 2;
  background-color: var(--fill--dark-mode--transparent);
  object-fit: cover;
  border-radius: 10px;
  order: -1;
  justify-content: center;
  align-items: flex-start;
  width: 56%;
  height: 60%;
  padding: 0;
  display: flex;
  position: relative;
}

.main-content {
  z-index: 1;
  background-color: var(--background--solid--dark-mode--base);
  min-height: 100vh;
  position: relative;
}

.hero-icon-image {
  width: 100%;
  height: 100%;
}

.down-arrow-wrap {
  justify-content: center;
  align-items: center;
  display: none;
}

.product-logo-hero-landscape {
  width: 200px;
  margin-bottom: 40px;
}

.c247-logo-hero {
  width: 200px;
  margin-bottom: 0;
}

.div-block-134 {
  flex-flow: row;
  width: 100%;
  height: 100%;
  display: flex;
}

.icon-container {
  grid-column-gap: 8px;
  background-color: #5975ff0d;
  border: 0 solid #4c64d933;
  border-radius: 48px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.linkedin-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--text--dark-mode--weak);
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
  text-decoration: none;
  display: flex;
}

.div-block-135 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.feature-text-content-wrap-vigil {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 50%;
  height: auto;
  padding: 0 0 10px 20px;
  display: flex;
  position: static;
}

.vigil-tick-item {
  grid-column-gap: 18px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 485px;
  height: 48px;
  text-decoration: none;
  display: flex;
}

.vigil-tick-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.vigil-feature-1-frame {
  z-index: 2;
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 10px;
  order: -1;
  justify-content: center;
  align-items: flex-start;
  width: 56%;
  height: auto;
  padding: 0;
  display: flex;
  position: static;
}

.feature-image-2-copy {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.lottie-animation-monitor {
  height: 100%;
  margin-left: 10px;
}

.lottie-animation-bell {
  height: 36px;
  margin-left: 10px;
}

.div-block-137 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-content-wrap-vigil {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-bottom: .5px solid var(--background--transparent--dark-mode--overlay);
  flex-flow: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  min-height: 500px;
  margin-top: 0;
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.home-cards-wrap-v2 {
  grid-column-gap: 11px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 60px;
  margin-bottom: 100px;
}

.c247-feature-card-2 {
  border: 1px solid var(--fill--dark-mode--transparent);
  background-image: url('../images/Frame-177.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  height: 100%;
  min-height: 450px;
  padding: 20px;
  text-decoration: none;
  transition: border .3s, box-shadow .4s;
  display: flex;
  overflow: hidden;
}

.c247-feature-card-2:hover {
  border-color: var(--c247--pink-normal\<deleted\|variable-09ed1bca-e819-aadb-a891-54bacb446a0f\>);
  box-shadow: none;
}

.card-info-wrap-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  text-decoration: none;
  display: flex;
}

.frame-211 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-170 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 67.2055px;
  height: 20.8766px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-171 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.div-block-140 {
  align-self: flex-end;
  width: 100%;
  padding-top: 20px;
}

.copia-feature-card-2 {
  border: 1px solid var(--fill--dark-mode--transparent);
  background-image: url('../images/Copiasmallbg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  height: 100%;
  min-height: 460px;
  padding: 20px;
  text-decoration: none;
  transition: border .3s, box-shadow .4s;
  display: flex;
  overflow: hidden;
}

.copia-feature-card-2:hover {
  border: 1px solid var(--copia--blue-hover\<deleted\|variable-a932f506-dee6-f8dc-90ea-10161a89392e\>);
  box-shadow: none;
}

.feature-cark-link-block-2 {
  border-radius: 10px;
  flex-flow: row;
  text-decoration: none;
  display: flex;
}

.ctrl-feature-card-2 {
  border: 1px solid var(--fill--dark-mode--transparent);
  background-image: url('../images/ctrl-tile-small.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  height: 100%;
  min-height: 450px;
  padding: 20px;
  text-decoration: none;
  transition: border .3s, box-shadow .4s;
  display: flex;
  overflow: hidden;
}

.ctrl-feature-card-2:hover {
  border-color: var(--ctrl--turquoise-darker\<deleted\|variable-9a976a63-ba66-0b21-698c-31530d80ae0e\>);
  box-shadow: none;
}

.vigil-feature-card-2 {
  border: 1px solid var(--fill--dark-mode--transparent);
  background-image: url('../images/vigil-tile-small.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 356px;
  height: 100%;
  min-height: 450px;
  padding: 20px;
  text-decoration: none;
  transition: border .3s, box-shadow .4s;
  display: flex;
  overflow: hidden;
}

.vigil-feature-card-2:hover {
  border-color: var(--vigil--400\<deleted\|variable-670f0ae7-f364-e979-ee02-b556e6ce1910\>);
  box-shadow: none;
}

.frame-106 {
  grid-column-gap: 6px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-172 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 74.1646px;
  height: 20.8766px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-173 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.frame-107 {
  grid-column-gap: 7px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-174 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 83.745px;
  height: 26.1706px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-175 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.frame-108 {
  grid-column-gap: 6px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-176 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 99.0001px;
  height: 25.8926px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-177 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: flex;
}

.image-101 {
  width: auto;
}

.ctrl-feature-2-frame {
  z-index: 2;
  background-color: var(--fill--dark-mode--transparent);
  object-fit: cover;
  border-radius: 10px;
  order: 1;
  justify-content: center;
  align-items: flex-start;
  width: 56%;
  height: 60%;
  padding: 0;
  display: flex;
  position: relative;
}

.cookie-hero {
  border-radius: 0;
  height: 100px;
  padding-bottom: 60px;
}

.cookiebot {
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
}

.declaration-section {
  height: auto;
  margin-top: 0;
  margin-bottom: 40px;
}

.declaration-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--background--dark-mode--base-light-mode\<deleted\|variable-dacb8869-986f-1e9d-a82c-373ece58d308\>);
  border-radius: 10px;
  flex-flow: column;
  padding: 20px;
  display: flex;
  overflow: hidden;
}

.declaration-container {
  background-color: var(--fill--dark-mode--transparent);
  border-radius: 0;
  max-width: 1200px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 20px;
  display: block;
  position: static;
  overflow: hidden;
}

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

.product-features-container-vigil {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin-top: 100px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.laine-body {
  background-color: var(--background--solid--dark-mode--base);
  background-image: linear-gradient(#0009, #0009), url('../images/lainebalong.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.laine-nav-bar {
  background-color: var(--fill--dark-mode--transparent);
  padding-top: 40px;
  padding-bottom: 40px;
}

.laine-nav-content-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.laine-logo {
  width: 10%;
}

.supply-header {
  border-left: 2px solid #000;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  display: none;
}

.laine-h2 {
  color: var(--laine--black);
  letter-spacing: normal;
  text-transform: none;
  font-family: Bebasneue, Arial, sans-serif;
  font-weight: 400;
}

.laine-supply-content {
  flex-flow: column;
  height: 800px;
  padding-top: 40px;
  display: block;
}

.laine-content-container {
  flex-flow: column;
  height: 100%;
  padding: 20px;
  display: flex;
}

.laine-content-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  padding-top: 0;
  display: flex;
}

.laine-text {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.laine-h1 {
  color: var(--laine--black);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 4px;
  font-family: Bebasneue, Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
}

.laine-options-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.laine-card {
  border: 1px solid var(--laine--stroke-weak);
  background-image: url('../images/DJDecks.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 6px;
  justify-content: center;
  align-items: flex-end;
  width: 45%;
  height: 380px;
  max-height: 380px;
  padding-top: 30px;
  text-decoration: none;
  transition: filter .2s;
  display: flex;
  overflow: hidden;
}

.laine-card:hover {
  border-color: var(--laine--stroke-strong);
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/DJDecks.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.laine-option-header {
  z-index: 5;
  background-color: var(--laine--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  display: flex;
  position: static;
  inset: 75% 0% auto;
}

.laine-opus-logos {
  padding-top: 40px;
  padding-bottom: 40px;
}

.laine-logo-content-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid var(--laine--stroke-weak);
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.lain-c247-logo {
  width: 16%;
}

.laine-opus-logo {
  width: 12%;
}

.laine-arrow {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 82%;
  padding-right: 20px;
  display: flex;
  position: static;
  inset: auto 0% 10% auto;
}

.image-103 {
  width: 32px;
}

.laine-card-2 {
  border: 1px solid var(--laine--stroke-weak);
  background-image: url('../images/cafe-1024x498.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 6px;
  justify-content: center;
  align-items: flex-end;
  width: 45%;
  height: 380px;
  max-height: 380px;
  padding-top: 30px;
  text-decoration: none;
  transition: filter .2s;
  display: flex;
  overflow: hidden;
}

.laine-card-2:hover {
  border-color: var(--laine--stroke-strong);
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/cafe-1024x498.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.laine-display {
  color: var(--laine--black);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  font-family: Bebasneue, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
}

.laine-card-solo {
  border: 1px solid var(--laine--stroke-weak);
  background-image: url('../images/Robby-with-log-in-app.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 6px;
  justify-content: center;
  align-items: flex-end;
  width: 80%;
  height: 460px;
  max-height: none;
  padding-top: 30px;
  text-decoration: none;
  transition: filter .2s;
  display: flex;
  overflow: hidden;
}

.laine-card-solo:hover {
  border-color: var(--laine--stroke-strong);
  background-image: url('../images/Robby-with-log-in-app.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.text-block-38 {
  color: var(--laine--white);
  text-align: justify;
  text-shadow: 0 2px 4px #000;
  font-family: Tt Norms Pro, Arial, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.laine-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.laine-blocks {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.laine-brand-logos {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-144 {
  width: 8%;
}

.div-block-145 {
  width: 10%;
}

.section-23 {
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-146 {
  height: 13.8376%;
}

.laine-logo-copy {
  width: 24%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.div-block-147 {
  display: flex;
}

.div-block-145-copy {
  width: 13%;
}

.text-block-39 {
  color: var(--text--dark-mode--weak);
  text-align: center;
  font-size: 11px;
}

.div-block-148 {
  width: 50%;
}

.div-block-149 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.container-50 {
  padding-top: 20px;
}

.div-block-148-copy {
  width: 50%;
}

.link-2 {
  text-decoration: none;
}

.link-2-copy {
  color: var(--text--dark-mode--weak);
  text-decoration: underline;
}

@media screen and (min-width: 1440px) {
  .m-heading-1-dm {
    max-width: 600px;
  }

  .m-heading-3-dm {
    font-weight: 500;
  }

  .home-container {
    flex-flow: column;
    max-width: 1400px;
    display: flex;
  }

  .frame-74 {
    grid-column-gap: 60px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    align-items: center;
    min-width: 800px;
    max-width: 1300px;
    height: 100%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
  }

  .hero-content-wrap {
    max-width: 600px;
    padding-left: 0;
  }

  .container-14 {
    margin-top: 100px;
    margin-bottom: 220px;
    padding-top: 0;
  }

  .text-77 {
    text-align: center;
    padding-top: 0;
  }

  .cards {
    padding-top: 0;
  }

  .card_component-c247 {
    justify-content: center;
    align-items: center;
    width: 16.5rem;
  }

  .c247-card_front-content {
    box-sizing: border-box;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    object-fit: fill;
    order: 1;
    justify-content: flex-end;
    align-self: auto;
    align-items: center;
    width: 100%;
    min-width: 15rem;
    height: 100%;
    min-height: 26.1rem;
    padding: .125rem;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .card_scroll {
    background-color: var(--background--solid--dark-mode--base);
    order: 1;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    min-width: 15rem;
    height: 27%;
    min-height: 26rem;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .image-11 {
    align-self: flex-start;
    padding-right: 60px;
  }

  .frame-114 {
    background-color: var(--background--solid--dark-mode--base);
    border-style: none;
    border-width: 1px;
    justify-content: flex-end;
    align-items: center;
  }

  .category-row-small-5 {
    grid-row-gap: 10px;
  }

  .main-highlights {
    grid-row-gap: 40px;
    max-width: 1300px;
    height: auto;
    margin-top: 100px;
  }

  .main-highlights-list {
    grid-column-gap: 67px;
    border-bottom: .5px solid var(--background--transparent--dark-mode--overlay);
    min-width: 1300px;
    max-width: 1300px;
    padding-bottom: 100px;
  }

  .pillars-drop-item-4 {
    max-width: 300px;
    height: 100%;
    max-height: none;
  }

  .frame-125 {
    border-bottom-style: none;
  }

  .navbar-wrapper-2 {
    align-self: auto;
    min-width: 1300px;
  }

  .nav-menu-wrapper-2 {
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    display: flex;
  }

  .nav-dropdown-list-3.shadow-three.mobile-shadow-hide.w--open {
    background-color: var(--icon--inverse\<deleted\|variable-83e042c2-c697-7fdf-da27-4b87f2c5ec56\>);
    border-radius: 12px;
  }

  .nav-dropdown-link-3 {
    color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  }

  .nav-dropdown-link-3:hover {
    background-color: var(--product-blue--light-mode--1000);
  }

  .nav-dropdown-link-3:active {
    text-decoration: underline;
  }

  .nav-dropdown-link-3:focus {
    background-color: var(--product-blue--light-mode--1000);
  }

  .mobile-margin-top-12 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    padding-top: 0;
    list-style-type: disc;
    display: block;
  }

  .navbar-logo-left-container-2.shadow-three {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .container-21 {
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    max-width: 1200px;
    display: flex;
  }

  .product-hero {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    max-width: 1300px;
    display: grid;
  }

  .container-22-copy {
    max-width: 1300px;
  }

  .image-13 {
    min-width: 600px;
    max-width: 400px;
  }

  .frame-126 {
    justify-content: center;
    align-items: flex-start;
    margin-left: 70px;
  }

  .title-desc-12 {
    max-width: 600px;
    height: 100px;
  }

  .next-steps-section-copia {
    margin-top: 100px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .hero-container {
    max-width: 1300px;
  }

  .body-weak-large-feature {
    max-width: 600px;
    margin-top: 26px;
    padding-top: 0;
  }

  .nav-menu-3 {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .navigation-container-2 {
    max-width: 1300px;
  }

  .dropdown-list-full-wrapper-3 {
    border-radius: 0 0 20px 20px;
  }

  .navigation-full-4 {
    padding-left: 3%;
  }

  .global-logo-3 {
    margin-right: 40px;
  }

  .copia-product-hero-section {
    background-position: 100% 0;
    background-size: auto;
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .ctrl-product-hero-section {
    background-position: 100% 0;
    background-size: auto;
    padding-bottom: 0;
  }

  .card_component-ctrl, .card_component-copia, .card_component-vigil {
    justify-content: center;
    align-items: center;
    width: 16.5rem;
  }

  .container-22-copy {
    border-bottom-width: 0;
    justify-content: flex-start;
    align-items: center;
    max-width: 1300px;
  }

  .c247-hero-image {
    order: 0;
    min-width: 500px;
    max-width: 400px;
  }

  .grid-footer-2-column---logo-and-form {
    grid-column-gap: 250px;
    grid-template-columns: 1.2fr 2fr;
  }

  .grid-footer---5-column---subcribe {
    grid-column-gap: 70px;
    grid-template-columns: 1fr 1fr 1fr 1fr minmax(360px, 2fr);
  }

  .testimonial-cont {
    max-width: 1300px;
  }

  .grid-footer-v1---5-column {
    grid-column-gap: 91px;
    grid-template-columns: minmax(340px, 1fr) auto auto auto auto;
  }

  .frame-153 {
    grid-column-gap: 30px;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .frame-154 {
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    max-width: 350px;
    height: 390px;
  }

  .frame-156 {
    justify-content: center;
    align-self: center;
    align-items: flex-start;
  }

  .container-22-copy {
    justify-content: flex-start;
    align-items: center;
    max-width: 1300px;
  }

  .logo-7 {
    width: 7%;
  }

  .our-pillars {
    max-width: 1400px;
  }

  .card-3.content-left.pd-32px---48px---56px {
    height: 440px;
    padding: 40px;
  }

  .card-3.form {
    min-width: 110%;
  }

  .image-a {
    width: 100%;
  }

  .our-values-section {
    justify-content: flex-start;
    align-items: center;
    width: 1400px;
    max-width: 1400px;
  }

  .value-content {
    padding-left: 60px;
  }

  .values {
    max-width: 1400px;
  }

  .ft-cont-left-img {
    justify-content: flex-start;
    align-items: center;
    max-width: 1300px;
  }

  .process-container {
    padding-top: 0;
  }

  .proccess-wrap {
    margin-top: 20px;
  }

  .flex-horizontal {
    justify-content: flex-start;
    align-items: center;
    min-width: 200px;
    display: flex;
  }

  .testimonials {
    margin-top: 100px;
    padding-top: 50px;
  }

  .div-block-33 {
    min-width: 110%;
  }

  .product-tiles {
    margin-top: 0;
  }

  .container-44 {
    max-width: 1400px;
  }

  .c247-nu-card {
    height: 500px;
    min-height: 500px;
    max-height: 402px;
  }

  .frame-184 {
    justify-content: flex-end;
    align-self: stretch;
    align-items: flex-start;
  }

  .text-326 {
    flex: 1;
    font-size: 32px;
    line-height: 40px;
  }

  .text-326-copy {
    font-size: 32px;
  }

  .panel-wrapper {
    min-height: 100vw;
  }

  .panel-ctrl {
    align-self: center;
    display: flex;
  }

  .upper-footer {
    max-width: 1900px;
  }

  .blur-3 {
    align-self: center;
    height: 1400px;
  }

  .image-32 {
    width: 30px;
  }

  .copia-nu-card-copy, .ctrl-nu-card, .vigil-nu-card {
    min-height: 500px;
  }

  .grid-1-column.gap-row-0 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .tabs-menu.tabs-vertical.width-226px {
    max-width: 1300px;
    margin-top: 60px;
  }

  .container-default-5 {
    max-width: 1300px;
  }

  .tabs-content {
    align-self: center;
    max-width: 1300px;
  }

  .tabs-wrapper.tabs-left.accordion-v8 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-width: 1300px;
  }

  .card-3-copy.content-left-copy.pd-32px---48px---56px-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-width: auto;
    max-width: none;
    height: 100%;
    padding: 40px;
    display: flex;
  }

  .central-hero-coontent {
    max-width: none;
    padding-left: 0;
  }

  .product-hero-cta, .product-hero-central {
    min-width: 60%;
    max-width: none;
  }

  .panel-c247 {
    align-self: center;
    display: flex;
  }

  .container-46 {
    flex-flow: column;
    max-width: 1400px;
    padding-bottom: 100px;
    display: flex;
  }

  .grid-18 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch space-between;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .contact-hero-section {
    background-position: 100% 0;
    background-size: auto;
  }

  .text-area {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .grid-2-columns.form {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .grid-2-columns.contact-v1 {
    grid-column-gap: 80px;
    grid-template-columns: 1fr 1.2fr;
  }

  .flow-modal-bg {
    display: flex;
  }

  .flow-form-answer-input {
    display: block;
  }

  .feature-content-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    padding-bottom: 100px;
  }

  .copia-feature-1-frame {
    height: auto;
  }

  .title-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .p-xs-start {
    width: 450px;
  }

  .teaser-copy {
    max-width: 450px;
  }

  .text-overlap-end {
    background-color: var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
  }

  .display-subtext {
    max-width: none;
    margin-top: 10px;
    padding-top: 0;
    font-size: 24px;
    line-height: 32px;
  }

  .category {
    text-align: center;
    padding-top: 0;
  }

  .category.weak {
    text-align: left;
  }

  .arrow {
    width: 30px;
  }

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

  .subheading {
    flex: 1;
    font-size: 32px;
    line-height: 40px;
  }

  .subheading.medium {
    font-size: 28px;
    line-height: 36px;
  }

  .subheading.medium.weak {
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    font-size: 24px;
    display: flex;
  }

  .subheading.underline.weak {
    font-size: 24px;
  }

  .body-small.weak {
    text-align: center;
  }

  .main-navigation-logo {
    margin-right: 40px;
  }

  .headline-1 {
    min-width: 600px;
    font-weight: 400;
  }

  .headline-1.bold {
    min-width: auto;
  }

  .display-sub {
    max-width: none;
    margin-top: 10px;
    padding-top: 0;
  }

  .hero-plus {
    margin-top: 100px;
    margin-left: 0;
  }

  .hero-plus-content-wrap {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .ctrl-product-features {
    background-image: linear-gradient(356deg, #0c022f, #fff0 30%), linear-gradient(#0c022f, #fff0 9%), url('../images/ctrlfeaturebg-grad.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    padding-top: 0;
  }

  .product-features-container {
    margin-bottom: 0;
  }

  .heading-3.bold {
    margin-top: 0;
    margin-bottom: 0;
  }

  .copia-product-features {
    background-image: linear-gradient(2deg, #0c022f, #fff0 12%), linear-gradient(#0c022f, #fff0 10%), url('../images/copia-feature-grad.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .feature-content-wrap-bottom {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 100px;
    padding-bottom: 100px;
  }

  .c247-feature-card {
    height: 500px;
    min-height: 450px;
    max-height: 402px;
  }

  .card-info-wrap {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
  }

  .key-points-wrap {
    flex-flow: wrap;
    order: 1;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .feature-card-logo-grid {
    order: 1;
    width: 100%;
  }

  .copia-feature-card, .ctrl-feature-card, .vigil-feature-card {
    height: 500px;
    min-height: 450px;
    max-height: 402px;
  }

  .about-hero-section {
    width: 60%;
  }

  .panel-opus {
    align-self: center;
    display: flex;
  }

  .opus-about {
    background-image: linear-gradient(360deg, var(--grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>) 1%, #fff0 20%), linear-gradient(180deg, var(--global--dark-bg-base) 1%, #fff0 36%), url('../images/about-bg.png');
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    padding-bottom: 100px;
  }

  .how-it-works-section---copia {
    background-size: auto, auto, cover;
  }

  .steps-header, .benefit-card {
    width: 450px;
  }

  .div-block-101 {
    margin-right: 60px;
  }

  .div-block-105 {
    margin-top: 40px;
  }

  .next-steps-section-ctrl {
    margin-top: 100px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .c247-hero-section {
    background-position: 100% 0;
    background-size: auto;
  }

  .c247-product-features {
    background-image: linear-gradient(2deg, #0c022f 4%, #fff0 23%), linear-gradient(#0c022f, #fff0 10%), url('../images/C247-how-it-works-bg.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-92-copy {
    margin-top: 20px;
  }

  .product-logo {
    align-self: center;
  }

  .book-a-demo-title {
    flex-flow: column;
    align-self: center;
    height: 100px;
    display: flex;
  }

  .div-block-110 {
    margin-top: 10px;
  }

  .modal-1-popup {
    display: none;
  }

  .modal {
    max-width: 80rem;
    padding-bottom: 0;
  }

  .columns-2 {
    border-radius: 10px;
    padding-bottom: 0;
  }

  .div-block-112 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .next-steps-section-c247 {
    margin-top: 100px;
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .div-block-121 {
    width: 80%;
  }

  .ctrl-modal-columns, .copia-modal-columns {
    border-radius: 10px;
    padding-bottom: 0;
  }

  .testimonials-long {
    align-self: center;
    min-width: 1300px;
    max-width: none;
    margin-top: 60px;
    padding-top: 100px;
  }

  .section-22 {
    background-image: linear-gradient(0deg, var(--grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>), #fff0 16%), linear-gradient(180deg, var(--background--solid--dark-mode--base), #fff0 11%), url('../images/Home-bg.png');
    background-position: 0 0, 0 0, 0%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    padding-bottom: 0;
  }

  .vigil-product-features {
    background-image: linear-gradient(356deg, #0c022f 8%, #fff0 30%), linear-gradient(#0c022f, #fff0 9%), url('../images/vigil-features-bg.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    padding-top: 40px;
  }

  .next-steps-section-vigil {
    margin-top: 100px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .vigil-product-hero {
    background-position: 100% 0;
    background-size: auto;
  }

  .vigil-modal-columns {
    border-radius: 10px;
    padding-bottom: 0;
  }

  .copia-feature-2-frame, .feature-1-long-frame {
    height: auto;
  }

  .feature-img3 {
    width: 90%;
    height: auto;
    bottom: 15%;
  }

  .feature-2-long-frame {
    height: auto;
  }

  .feature-img4 {
    width: 90%;
    height: auto;
    bottom: 15%;
  }

  .key-points-wrap-demo {
    flex-flow: column;
    order: 1;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .down-arrow-wrap {
    display: none;
  }

  .linkedin-link {
    margin-left: 0;
    font-size: 32px;
  }

  .div-block-135 {
    flex-flow: row;
    width: 48%;
  }

  .vigil-feature-1-frame, .feature-image-2-copy {
    height: auto;
  }

  .feature-content-wrap-vigil {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 100px;
  }

  .c247-feature-card-2 {
    height: 500px;
    min-height: 450px;
    max-height: 402px;
  }

  .card-info-wrap-copy {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
  }

  .copia-feature-card-2, .ctrl-feature-card-2, .vigil-feature-card-2 {
    height: 500px;
    min-height: 450px;
    max-height: 402px;
  }

  .cookie-hero {
    background-position: 100% 0;
    background-size: auto;
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .declaration-section {
    margin-bottom: 100px;
  }

  .declaration-container {
    max-width: 1300px;
  }

  .product-features-container-vigil {
    margin-bottom: 0;
  }

  .laine-body {
    background-image: linear-gradient(to bottom, null, null), url('../images/lainebalong.jpg');
    background-size: auto, cover;
  }

  .laine-logo {
    width: 9%;
  }

  .laine-supply-content {
    height: 1000px;
  }

  .laine-content-container {
    justify-content: center;
    align-items: center;
    max-width: 1200px;
  }

  .laine-text {
    flex-flow: column;
  }

  .laine-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 72%;
  }

  .div-block-144 {
    width: 8%;
  }

  .section-23 {
    z-index: -10;
    background-image: linear-gradient(0deg, var(--background--solid--dark-mode--base), #fff0);
    width: 100%;
    height: 50%;
    inset: auto 0% 0%;
  }

  .text-block-39 {
    text-align: right;
  }

  .div-block-148 {
    text-align: right;
    width: auto;
  }

  .div-block-149 {
    justify-content: center;
    align-items: flex-start;
    margin-top: 40px;
  }

  .container-50 {
    max-width: 1200px;
  }

  .div-block-148-copy {
    justify-content: flex-end;
    align-items: center;
    width: auto;
    margin-right: 20px;
    display: flex;
  }

  .section-24 {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }
}

@media screen and (min-width: 1920px) {
  .m-heading-1-dm {
    max-width: 600px;
  }

  .frame-74 {
    grid-column-gap: 60px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    align-items: center;
    max-width: 1400px;
    padding-left: 0;
    display: flex;
  }

  .hero-content-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .container-14 {
    text-align: left;
    max-width: 1300px;
    display: block;
  }

  .cards {
    box-sizing: border-box;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: flex-start;
    position: relative;
  }

  .card_component-c247 {
    width: 16.5rem;
    height: 30rem;
  }

  .c247-card_front-content {
    min-width: 16.5rem;
    max-width: 17px;
    min-height: 30.2rem;
  }

  .card_scroll {
    grid-column-gap: 2.2rem;
    grid-row-gap: 2.2rem;
    order: 0;
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    min-width: 16.5rem;
    min-height: 30rem;
  }

  .image-11 {
    vertical-align: baseline;
    flex: 0 auto;
    order: 0;
    align-self: flex-start;
  }

  .frame-114 {
    width: 16.5rem;
    min-width: 16.5px;
    max-width: 500px;
    height: 10rem;
    padding-bottom: 25px;
    padding-left: 0;
  }

  .category-row-small-5 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    justify-content: flex-start;
    align-items: flex-end;
    padding-left: 0;
  }

  .main-highlights {
    height: auto;
  }

  .main-highlights-list {
    border-style: solid;
    border-width: 1px 1px .5px;
    border-color: var(--fill--dark-mode--transparent) var(--fill--dark-mode--transparent) var(--background--transparent--dark-mode--overlay);
    height: auto;
    margin-bottom: 100px;
    padding-bottom: 100px;
  }

  .pillars-drop-item-4 {
    height: 100%;
    max-height: none;
  }

  .frame-125 {
    border-bottom-style: none;
  }

  .product-hero {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    pointer-events: auto;
    flex-flow: row;
    order: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-top: 220px;
    display: grid;
  }

  .title-3 {
    margin-bottom: 40px;
  }

  .image-13 {
    min-width: 600px;
    max-width: 500px;
    position: relative;
  }

  .title-desc-12 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .next-steps-section-copia {
    background-image: linear-gradient(0deg, var(--grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>), #fff0 36%), linear-gradient(180deg, #0c0230 3%, #fff0 45%), url('../images/Copia-next-steps-bg.png');
    background-position: 0 0, 0 0, 0%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, scroll;
    height: 900px;
    margin-top: 100px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .hero-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 0;
    display: flex;
  }

  .product-image-1-column-copy {
    margin-top: 140px;
  }

  .navigation-link-block {
    color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
  }

  .navigation-link-block:hover {
    background-color: var(--grey-slate--light--500\<deleted\|variable-322e4225-0b8e-fed2-3c3c-592a69681dfb\>);
    color: var(--opus-apeiro--blue-normal--light-mode--1000\<deleted\|variable-dbadfbd5-1d7c-6519-1815-5ffc16de162a\>);
  }

  .global-logo {
    width: 160px;
  }

  .navigation-drop-container-2, .dropdown-list-full-wrapper-2 {
    background-color: var(--background--solid--dark-mode--base);
  }

  .navigation-link-2, .dropdown-toggle-3 {
    color: var(--opus-apeiro--bg-base-lm\<deleted\|variable-c678de9e-870c-88cb-7893-bc4a4daef480\>);
  }

  .nav-link-details-2 {
    color: var(--text--dark-mode--weak);
  }

  .navigation-link-block-2:hover {
    background-color: var(--card-hover\<deleted\|variable-cad28f86-6896-f847-2a4b-61eeb11887de\>);
    box-shadow: 0 0 8px 2px var(--opus-apeiro--dark-blue--dark-mode--500\<deleted\|variable-d904a5d1-f71b-2daf-b410-358604a55801\>);
  }

  .dropdown-list-full-wrapper-3 {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .copia-product-hero-section {
    background-position: 100% 0;
    background-size: auto;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .ctrl-product-hero-section {
    background-position: 100% 0;
    background-size: auto;
  }

  .global-card-secondary-button {
    width: 230px;
  }

  .card_component-ctrl, .card_component-copia, .card_component-vigil {
    width: 16.5rem;
    height: 30rem;
  }

  .social-media-grid-top {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mg-bottom-40px {
    margin-bottom: 0;
  }

  .footer-nav {
    background-color: var(--grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>);
    background-image: none;
  }

  .marquee_wrap {
    overflow: visible;
  }

  .frame-153 {
    align-self: center;
  }

  .image-23 {
    width: 80%;
  }

  .static-marquee_logos {
    height: auto;
    max-height: 90px;
  }

  .logo-way {
    margin-top: 40px;
  }

  .card-3.content-left.pd-32px---48px---56px {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 40px;
  }

  .mg-bottom-24px {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 32px;
  }

  .our-values-section {
    height: auto;
  }

  .ft-cont-left-img {
    border-bottom-style: none;
    justify-content: center;
    margin-top: 140px;
    padding-top: 0;
  }

  .process-container {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .proccess-wrap {
    margin-top: 40px;
  }

  .flex-horizontal {
    margin-top: 0;
  }

  .div-block-33 {
    min-width: 110%;
    margin-bottom: 20px;
  }

  .div-block-34, .div-block-35, .div-block-36, .div-block-37, .div-block-38, .div-block-39, .div-block-40 {
    margin-bottom: 20px;
  }

  .m-heading-2-dm-copy, .m-heading-2-dm-copy-copy, .m-heading-2-dm-copy-copy {
    max-width: 500px;
  }

  .cta-grid {
    display: flex;
  }

  .frame-184 {
    justify-content: flex-end;
    align-items: flex-start;
    height: 80%;
    display: flex;
  }

  .text-326 {
    flex: 1;
    display: flex;
  }

  .page-wrapper {
    flex-flow: column;
    min-width: 1400px;
    max-width: 500000px;
  }

  .panel-wrapper {
    flex: 0 auto;
    align-self: center;
    min-width: 200px;
    max-width: 8000px;
    height: 60%;
    min-height: 190%;
  }

  .panel-ctrl {
    flex: 1;
    align-self: center;
    display: block;
  }

  .m-heading-2-dm-copy {
    max-width: 500px;
  }

  .upper-footer {
    max-width: 4000px;
    display: none;
  }

  .blur-3 {
    min-width: 500000px;
    max-width: 50000px;
    height: 150%;
    inset: 0%;
  }

  .image-32 {
    width: 35px;
  }

  .tabs-menu.tabs-vertical.width-226px {
    margin-top: 40px;
  }

  .container-default-5 {
    max-width: 1300px;
  }

  .card-3-copy.content-left-copy.pd-32px---48px---56px-copy {
    justify-content: center;
    align-items: center;
    padding: 20px 40px;
  }

  .image-34 {
    width: 120px;
  }

  .central-hero-coontent {
    pointer-events: none;
    justify-content: center;
    align-items: center;
  }

  .product-hero-cta {
    pointer-events: none;
    margin-top: 20px;
  }

  .product-hero-central {
    pointer-events: none;
    min-width: 50%;
    max-width: 80%;
    margin-top: 100px;
  }

  .panel-c247 {
    background-image: radial-gradient(circle farthest-side at 0% 0%, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>), #0000), radial-gradient(circle farthest-corner at 50% 0%, #015efe, transparent 58%), radial-gradient(circle farthest-side at 100% 0%, var(--c247--button-primary\<deleted\|variable-86996b17-e1b0-2e21-3147-8eeea1703aee\>), transparent);
    flex: 1;
    align-self: center;
    display: block;
  }

  .container-46 {
    height: 100%;
    padding-bottom: 0;
  }

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

  .details-right {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
    position: static;
    bottom: 74%;
    right: 15%;
  }

  .contact-hero-section {
    background-position: 100% 0;
    background-size: auto;
  }

  .section-20.position-relative {
    background-image: linear-gradient(0deg, var(--grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>), #fff0 16%);
    height: auto;
  }

  .grid-2-columns.contact-v1 {
    padding-left: 0;
    padding-right: 0;
  }

  .half-bg-right.width-36 {
    height: 70%;
    top: 9%;
  }

  .close-modal {
    right: 0%;
  }

  .radio-button-custom {
    margin-right: 15px;
  }

  .ms-dropdown-cb-label-2 {
    position: relative;
  }

  .flow-modal-window {
    width: 1000px;
    height: auto;
    position: static;
  }

  .flow-container {
    width: 1000px;
    height: 562.563px;
    position: static;
  }

  .flow-modal-bg {
    display: flex;
  }

  .text-block-32 {
    justify-content: flex-end;
    align-items: center;
  }

  .flow-modal {
    width: 1200px;
    height: 741.641px;
    display: flex;
    position: absolute;
  }

  .grid-27 {
    margin-top: 20px;
  }

  .hero-apps {
    justify-content: flex-start;
    align-items: center;
  }

  ._3-cards-container {
    max-width: 1400px;
  }

  ._3-card-text-block {
    color: var(--text--dark-mode--weak);
    font-size: 16px;
    line-height: 25px;
  }

  ._4-card-container {
    max-width: 1400px;
  }

  ._4-card-text {
    font-size: 16px;
    line-height: 25px;
  }

  ._4-img-click-container {
    max-width: 1400px;
  }

  ._4-img-item {
    border: 1px solid var(--background--transparent--dark-mode--raised);
    height: 120%;
    transition: box-shadow .4s, border-color .4s, background-color .4s;
  }

  ._4-img-item:hover {
    border: 1px solid var(--c247--blue-normal-active\<deleted\|variable-db840422-25a1-308d-fc1d-9d7d9760ac0f\>);
    background-color: var(--card-hover\<deleted\|variable-cad28f86-6896-f847-2a4b-61eeb11887de\>);
    box-shadow: 0 0 8px 2px var(--opus-apeiro--dark-blue--dark-mode--500\<deleted\|variable-d904a5d1-f71b-2daf-b410-358604a55801\>);
  }

  .key-point-container {
    max-width: 1400px;
  }

  .text-block-36 {
    font-size: 16px;
    line-height: 25px;
  }

  ._4-card-item {
    border: 1px solid var(--background--transparent--dark-mode--raised);
    transition: box-shadow .4s, border-color .4s, background-color .4s;
  }

  ._4-card-item:hover {
    border: 1px solid var(--c247--blue-normal-active\<deleted\|variable-db840422-25a1-308d-fc1d-9d7d9760ac0f\>);
    background-color: var(--card-hover\<deleted\|variable-cad28f86-6896-f847-2a4b-61eeb11887de\>);
    box-shadow: 0 0 8px 2px var(--opus-apeiro--dark-blue--dark-mode--500\<deleted\|variable-d904a5d1-f71b-2daf-b410-358604a55801\>);
  }

  .feature-1-container {
    max-width: 1400px;
    margin-top: 140px;
  }

  .feature-content-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 100px;
  }

  .copia-feature-1-frame {
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }

  .feature-text-content-wrap {
    padding-bottom: 20px;
    padding-left: 0;
  }

  .accordion-trigger-bottom {
    font-size: 14px;
  }

  .p-accordion-answer {
    font-size: 16px;
    line-height: 25px;
  }

  .faq-container {
    max-width: 1400px;
  }

  .xl {
    width: auto;
  }

  .opus-button-wrap {
    align-self: auto;
  }

  .p-xs-start {
    width: 500px;
  }

  .teaser-img._3, .teaser-img._1, .teaser-img._2, .teaser-img._4 {
    height: 70%;
  }

  .teaser-copy {
    max-width: 500px;
  }

  .paragraph-7 {
    font-size: 16px;
    line-height: 25px;
  }

  .teaser-container-2 {
    max-width: 1400px;
  }

  .copy-small-2 {
    font-size: 16px;
    line-height: 26px;
  }

  .supply-nav {
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
    inset: 0%;
  }

  .supply-navbar-logo-left-container.shadow-three {
    max-width: 1400px;
  }

  .supply-answer-text {
    padding-left: 0;
  }

  .container-49 {
    min-width: 1400px;
    max-width: 1400px;
    margin-top: 0;
    position: static;
  }

  .section-21 {
    z-index: -1;
    background-image: url('../images/stonegate_right.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 1800px;
    inset: 0% auto 0% 0%;
  }

  .supply-grid-section {
    width: 100%;
    height: auto;
  }

  .supply-grid {
    height: auto;
  }

  .div-block-99 {
    padding-left: 220px;
  }

  .double-button-content-wrap {
    padding: 40px 220px 100px 100px;
  }

  .supply-button-text {
    color: var(--text--dark-mode--weak);
    font-size: 16px;
    line-height: 25px;
  }

  .supply-text-wrap {
    padding-left: 20px;
  }

  .supply-button-text-columns {
    border-radius: 10px;
    flex-flow: row;
    order: 0;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    padding-right: 10px;
    transition-duration: .2s;
  }

  .display-subtext {
    min-width: 500px;
    max-width: none;
    margin-top: 20px;
    padding-top: 0;
    font-size: 24px;
    line-height: 32px;
  }

  .category.weak {
    text-align: left;
  }

  .category.weak.left {
    width: auto;
  }

  .category.weak.central {
    text-align: center;
  }

  .arrow {
    width: 35px;
  }

  .large {
    width: auto;
    margin-bottom: 0;
  }

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

  .subheading {
    flex: 1;
    display: flex;
  }

  .subheading.medium {
    font-size: 24px;
    line-height: 32px;
  }

  .subheading.medium.weak {
    text-align: left;
    justify-content: center;
    align-items: center;
  }

  .subheading.medium.weak.left {
    justify-content: flex-start;
    align-items: center;
  }

  .body-large {
    margin-bottom: 0;
  }

  .body-large.weak {
    font-size: 17px;
  }

  .body-small.weak {
    text-align: center;
  }

  .display.bold {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

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

  .headline-1 {
    max-width: 600px;
  }

  .headline-1.bold {
    min-width: 500px;
    max-width: 500px;
  }

  .headline-1.bold.centered {
    min-width: auto;
    max-width: none;
  }

  .display-sub {
    min-width: 500px;
    max-width: none;
    margin-top: 20px;
    padding-top: 0;
  }

  .h2 {
    max-width: 500px;
  }

  .supply-heading-content-wrap-copy {
    width: 500px;
  }

  .hero-plus {
    margin-top: 100px;
  }

  .hero-plus-content-wrap {
    justify-content: center;
    align-items: flex-start;
  }

  .ctrl-product-features {
    background-image: linear-gradient(356deg, #0c022f 6%, #fff0 19%), linear-gradient(#0c022f, #fff0 9%), url('../images/ctrlfeaturebg-grad.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
  }

  .heading-3.bold {
    margin-top: 0;
  }

  .heading-3.weak {
    color: var(--text--dark-mode--weak);
  }

  .copia-product-features {
    background-image: linear-gradient(2deg, #0c022f 8%, #fff0 20%), linear-gradient(#0c022f, #fff0 10%), url('../images/copia-feature-grad.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .feature-content-wrap-bottom {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 100px;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .c247-feature-card {
    height: 300px;
    min-height: 450px;
    max-height: 300px;
  }

  .card-info-wrap {
    grid-row-gap: 18px;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    display: flex;
  }

  .key-points-wrap {
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .feature-card-logo-grid {
    order: 1;
    width: 100%;
  }

  .copia-feature-card, .ctrl-feature-card, .vigil-feature-card {
    height: 300px;
    min-height: 450px;
    max-height: 300px;
  }

  .about-hero-section {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    max-width: 50%;
    display: flex;
  }

  .panel-opus {
    background-image: radial-gradient(circle farthest-side at 0% 0%, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>), #0000), radial-gradient(circle farthest-corner at 50% 0%, var(--opus-apeiro-brand--opus-pink\<deleted\|variable-c966fdbe-86d0-a74b-0b0f-589a6ec67011\>), transparent 58%), radial-gradient(circle farthest-side at 100% 0%, var(--opus-apeiro-brand--brand-medium-blue\<deleted\|variable-0bcc104a-2676-c64a-9e5c-281547e7d6f4\>), transparent);
    flex: 1;
    align-self: center;
    display: block;
  }

  .opus-about {
    background-image: linear-gradient(0deg, var(--grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>) 1%, #fff0 16%), linear-gradient(180deg, #0c022f, #fff0 48%), url('../images/about-bg.png');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    padding-bottom: 140px;
  }

  .how-it-works-section---copia {
    background-image: linear-gradient(0deg, #0c022f 3%, #fff0 16%), linear-gradient(#0c022f 1%, #fff0 13%), url('../images/Copia-how-it-works-bg-2.png');
    background-size: auto, auto, cover;
  }

  .teaser-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .benefit-card {
    width: 500px;
  }

  .div-block-101 {
    margin-right: 60px;
  }

  .image-86 {
    aspect-ratio: auto;
    object-fit: cover;
    height: 100%;
  }

  .about-hero-paragraph {
    width: 80%;
  }

  .div-block-105 {
    margin-top: 60px;
  }

  .next-steps-section-ctrl {
    background-image: linear-gradient(0deg, var(--grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>), #fff0 19%), linear-gradient(180deg, #0c0230 3%, #fff0 45%), url('../images/ctrl-how-it-works-bg-3.png');
    background-position: 0 0, 0 0, 10%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    height: 900px;
    margin-top: 100px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .c247-hero-section {
    background-position: 100% 0;
    background-size: auto;
    padding-bottom: 0;
  }

  .c247-product-features {
    background-image: linear-gradient(2deg, #0c022f 8%, #fff0 21%), linear-gradient(#0c022f, #fff0 10%), url('../images/C247-how-it-works-bg.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    margin-top: 0;
    padding-top: 0;
  }

  .div-block-92-copy {
    margin-top: 20px;
  }

  .demo-image-testimonial-wrap {
    margin-top: 60px;
  }

  .product-logo {
    align-self: center;
  }

  .book-a-demo-title {
    align-self: center;
    height: 100px;
    display: flex;
  }

  .spacer-20px {
    height: 40px;
  }

  .div-block-110 {
    align-self: center;
    width: 100%;
    margin-top: 10px;
  }

  .modal-1-popup {
    display: none;
  }

  .modal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .columns-2 {
    border-radius: 10px;
    padding-bottom: 0;
  }

  .column-5 {
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-112 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    width: 40%;
    display: flex;
  }

  .div-block-113 {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .next-steps-section-c247 {
    background-image: linear-gradient(0deg, var(--grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>) 3%, #fff0 25%), linear-gradient(180deg, #0c0230 3%, #fff0 45%), url('../images/C247-STEPS--bg-3.png');
    background-position: 0 0, 0 0, 0%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, scroll;
    height: auto;
    margin-top: 100px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .ctrl-modal-columns, .copia-modal-columns {
    border-radius: 10px;
    padding-bottom: 0;
  }

  .testimonials-long {
    margin-top: 60px;
    padding-top: 0;
  }

  .section-22 {
    background-image: linear-gradient(0deg, var(--grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>), #fff0 24%), linear-gradient(180deg, var(--background--solid--dark-mode--base), #fff0 11%), url('../images/Home-bg.png');
    background-position: 0 0, 0 0, 0%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    padding-bottom: 100px;
  }

  .vigil-product-features {
    background-image: linear-gradient(356deg, #0c022f 10%, #fff0 38%), linear-gradient(#0c022f, #fff0 9%), url('../images/vigil-features-bg.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    padding-top: 0;
  }

  .next-steps-section-vigil {
    background-image: linear-gradient(0deg, var(--grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>), #fff0 36%), linear-gradient(180deg, #0c0230 3%, #fff0 45%), url('../images/vigil-steps-bg.png');
    background-position: 0 0, 0 0, 10%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, scroll;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .vigil-product-hero {
    background-position: 100% 0;
    background-size: auto;
    padding-bottom: 0;
  }

  .vigil-modal-columns {
    border-radius: 10px;
    padding-bottom: 0;
  }

  .copia-feature-2-frame {
    height: auto;
  }

  .feature-category {
    align-self: flex-start;
    width: auto;
    height: 40px;
    display: flex;
  }

  .feature-cat-text {
    align-self: center;
  }

  .feature-cat-aniautomation {
    align-self: center;
    height: 100%;
    margin-left: 0;
  }

  .lottie-animation {
    height: 100%;
  }

  .feature-category-large {
    align-self: flex-start;
    width: auto;
    height: 60px;
    display: flex;
  }

  .lottie-animation-margin, .lottie-animation-support, .lottie-animation-tick {
    height: 100%;
    margin-left: 20px;
  }

  .feature-1-long-frame {
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }

  .feature-img3 {
    height: auto;
    top: -20%;
    bottom: 50%;
    left: 12%;
  }

  .feature-2-long-frame {
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .lottie-animation-verified {
    height: 100%;
    margin-left: 20px;
  }

  .lottie-animation-calendar {
    height: 100%;
    margin-left: 10px;
  }

  .feature-category-copy {
    align-self: flex-start;
    width: auto;
    height: 60px;
    display: flex;
  }

  .feature-img4 {
    width: 100%;
    height: auto;
    top: -10%;
    bottom: 50%;
    left: 12%;
  }

  .feature-1-dash {
    width: 100%;
    height: auto;
    top: 40px;
  }

  .key-points-wrap-demo {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .feature-2-dash {
    width: 100%;
    height: auto;
    top: 40px;
  }

  .ctrl-feature-1-frame {
    justify-content: center;
    align-items: flex-start;
  }

  .down-arrow-wrap {
    width: 100%;
    display: none;
  }

  .div-block-135 {
    width: 62%;
  }

  .feature-text-content-wrap-vigil {
    padding-left: 0;
  }

  .vigil-feature-1-frame {
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }

  .feature-image-2-copy {
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
    padding-left: 0;
  }

  .lottie-animation-monitor {
    height: 100%;
    margin-left: 20px;
  }

  .lottie-animation-bell {
    height: 60%;
    margin-left: 20px;
  }

  .feature-content-wrap-vigil {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 100px;
  }

  .c247-feature-card-2 {
    height: 300px;
    min-height: 450px;
    max-height: 300px;
  }

  .card-info-wrap-copy {
    grid-row-gap: 18px;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    display: flex;
  }

  .copia-feature-card-2, .ctrl-feature-card-2, .vigil-feature-card-2 {
    height: 300px;
    min-height: 450px;
    max-height: 300px;
  }

  .ctrl-feature-2-frame {
    justify-content: center;
    align-items: flex-start;
  }

  .cookie-hero {
    background-position: 100% 0;
    background-size: auto;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .declaration-section {
    margin-bottom: 100px;
  }

  .declaration-wrap {
    width: 100%;
    overflow: hidden;
  }

  .declaration-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 0;
    display: flex;
    overflow: hidden;
  }

  .laine-body {
    background-image: linear-gradient(#0009, #0009), linear-gradient(#0000, #0000), url('../images/lainebalong.jpg');
    background-position: 0 0, 0 0, 50% 0;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .laine-logo {
    width: 8%;
  }

  .laine-supply-content {
    height: 1000px;
  }

  .laine-content-container {
    justify-content: center;
    align-items: center;
    max-width: 1400px;
  }

  .text-block-38 {
    text-align: justify;
  }

  .laine-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 70%;
  }

  .laine-blocks {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .div-block-144 {
    width: 6%;
  }

  .div-block-145 {
    width: 8%;
  }

  .section-23 {
    z-index: -10;
    background-image: linear-gradient(0deg, var(--background--solid--dark-mode--base), #fff0);
    height: 50%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .laine-logo-copy {
    width: 24%;
  }

  .div-block-145-copy {
    width: 10%;
  }

  .text-block-39 {
    text-align: right;
    width: auto;
  }

  .div-block-148 {
    text-align: center;
    width: auto;
  }

  .div-block-149 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 40px;
  }

  .container-50 {
    justify-content: flex-end;
    align-items: center;
    max-width: 1400px;
    display: flex;
  }

  .div-block-148-copy {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-right: 20px;
  }
}

@media screen and (max-width: 991px) {
  .m-heading-1-dm {
    justify-content: center;
    align-items: center;
    min-width: 700px;
    max-width: 700px;
    padding-top: 20px;
  }

  .secondary-button-desktop {
    flex-flow: row;
    align-self: center;
    margin-top: 50px;
    display: block;
    position: static;
  }

  .title-section-2 {
    max-width: 600px;
  }

  .home-container {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 500px;
    display: block;
  }

  .hero-stack-3 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 80px;
  }

  .small-container-4 {
    grid-row-gap: 0px;
    align-self: center;
  }

  .content-18 {
    margin-top: 0;
  }

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

  .frame-74 {
    flex-flow: column;
    grid-template-columns: 1fr;
    align-self: center;
    height: auto;
    padding-left: 20px;
    display: flex;
  }

  .hero-content-wrap {
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    max-width: none;
    margin-top: 0;
    margin-left: 0;
  }

  .container-14 {
    max-width: 600px;
    padding-left: 0;
  }

  .text-77 {
    font-size: 14px;
  }

  .card-item, .card-item-2 {
    height: 30rem;
  }

  .cards {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .card_component-c247 {
    width: 15rem;
  }

  .card_component-c247:hover {
    opacity: 1;
  }

  .main-highlights {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 0;
  }

  .section-title-5 {
    justify-content: flex-start;
    align-items: center;
    font-size: 10px;
  }

  .text-95 {
    font-size: 14px;
  }

  .main-highlights-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-bottom-style: none;
    flex-flow: wrap;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 40px;
  }

  .pillars-drop-item-4 {
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 48%;
    height: 420px;
    max-height: none;
    margin-right: 0;
    padding-top: 20px;
  }

  .frame-125 {
    border-bottom-style: solid;
    border-bottom-width: .5px;
    max-width: 100%;
    height: 400px;
  }

  .navbar-wrapper-2 {
    min-width: 700px;
    max-width: 700px;
    padding-left: 20px;
  }

  .nav-menu-wrapper-2 {
    background-color: #0000;
  }

  .nav-link-3 {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 40px;
  }

  .nav-link-3:hover {
    color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
  }

  .nav-dropdown-toggle-3 {
    padding-left: 0;
    display: block;
  }

  .nav-dropdown-icon-3 {
    aspect-ratio: auto;
    width: 14px;
  }

  .nav-dropdown-list-3.shadow-three.w--open {
    position: absolute;
  }

  .nav-dropdown-list-3.shadow-three.mobile-shadow-hide.w--open {
    background-color: var(--fill--dark-mode--transparent);
  }

  .nav-dropdown-link-3 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 35px;
  }

  .nav-dropdown-link-3:hover {
    background-color: var(--fill--dark-mode--transparent);
    color: var(--c247--grey-light-hover\<deleted\|variable-a20000ff-7412-842c-4e87-0219b91555e7\>);
  }

  .nav-dropdown-link-3:active {
    text-decoration: none;
  }

  .nav-dropdown-link-3:focus {
    background-color: var(--fill--dark-mode--transparent);
    color: var(--opus-apeiro--blue-normal--light-mode--1000\<deleted\|variable-dbadfbd5-1d7c-6519-1815-5ffc16de162a\>);
  }

  .nav-dropdown-link-3:focus-visible, .nav-dropdown-link-3[data-wf-focus-visible] {
    outline-offset: 0px;
    mix-blend-mode: normal;
    outline: 2px #0050bd;
  }

  .menu-button-3 {
    padding: 12px;
  }

  .menu-button-3.w--open {
    background-color: var(--background--solid--dark-mode--base);
    color: #fff;
    border-radius: 12px;
  }

  .container-21 {
    max-width: 728px;
  }

  .product-hero {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch center;
    align-items: flex-start;
    min-width: 100%;
    max-width: none;
    margin-top: 100px;
    padding-left: 0;
    display: flex;
    position: static;
  }

  .container-22-copy {
    border-bottom-style: none;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 700px;
  }

  .image-13 {
    align-self: stretch;
    width: 100%;
    min-width: auto;
    max-width: none;
    max-height: 500px;
    margin-left: 0;
  }

  .frame-126 {
    flex-flow: wrap;
    flex: 0 auto;
    order: 0;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    margin-left: 0;
    padding-bottom: 60px;
  }

  .body-weak-16pt {
    flex: 0 auto;
    max-width: 500px;
    padding-top: 20px;
  }

  .frame-135 {
    margin-right: 40px;
  }

  .hero-container {
    margin-bottom: 60px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .quick-stack-2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin-bottom: 30px;
    padding: 0;
  }

  .product-image-1-column {
    flex-flow: row;
    display: block;
  }

  .body-weak-large-feature {
    flex: 0 auto;
    max-width: 600px;
    padding-top: 0;
  }

  .product-image-1-column-copy {
    flex-flow: row;
    display: block;
  }

  .list-item-4 {
    display: flex;
  }

  .nav-menu-3 {
    background-color: var(--c247--green-normal\<deleted\|variable-13ef5de3-66cf-f078-47e2-c9d8192dcd10\>);
    border-radius: 0;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    max-width: 1200px;
    min-height: 1000px;
    max-height: 1200px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    display: block;
    position: static;
    inset: 0% 0% 0% auto;
    box-shadow: 0 8px 50px #0000000d;
  }

  .list-item-drop {
    display: flex;
  }

  .mobile-nav {
    background-color: var(--global--dark-bg-base);
    padding-top: 15px;
    box-shadow: 42px 42px 55px #20355a17;
  }

  .menu-mob {
    background-color: var(--fill--dark-mode--transparent);
    color: #fff;
    border-radius: 10px;
    font-size: 22px;
  }

  .menu-mob.w--open {
    background-color: var(--grey-slate--light--1000\<deleted\|variable-4f7c9b22-6de7-3aa9-6f62-b94afa1002ca\>);
  }

  .navigation-container-mob {
    justify-content: space-between;
  }

  .navigation-link-block {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .navigation {
    display: none;
  }

  .dropdown-list-mob {
    background-color: #fff;
  }

  .dropdown-list-mob.w--open {
    background-color: var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>);
    padding-bottom: 10px;
    box-shadow: 11px 59px 55px #5252520d;
  }

  .navigation-mob {
    border-bottom: 1px solid #4455671c;
    flex-direction: row;
    justify-content: center;
    padding: 25px 3%;
    display: flex;
    position: relative;
  }

  .mobile-nav-link {
    color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
    width: 100%;
    padding-left: 60px;
    font-size: 20px;
  }

  .mobile-nav-link:hover {
    color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
  }

  .mobile-toggle {
    color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
    width: 100%;
    padding-left: 60px;
    font-size: 20px;
  }

  .mobile-toggle:hover {
    color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
  }

  .navigation-link-block-mob {
    color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 60px;
  }

  .navigation-link-block-mob:hover {
    color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
    background-color: #0000;
  }

  .mobile-dropdown {
    width: 100%;
  }

  .nav-content-wrap {
    padding-left: 20px;
    font-size: 22px;
  }

  .nav-content-wrap:hover {
    color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
  }

  .flowbase-logo {
    width: 200px;
  }

  .nav-title-2 {
    margin-bottom: 6px;
    font-size: 16px;
  }

  .navigation-full-2 {
    background-color: #fff;
  }

  .navigation-left-2 {
    display: none;
  }

  .nav-title-3 {
    color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
    margin-bottom: 6px;
    font-size: 22px;
  }

  .navigation-link-block-2 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .navigation-full-3 {
    background-color: #fff;
  }

  .div-block-10, .div-block-11, .div-block-12, .div-block-13 {
    padding-right: 10px;
  }

  .global-secondary-button {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .mobile-nav-2 {
    background-color: var(--global--dark-bg-base);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 0;
    padding-bottom: 15px;
    box-shadow: 42px 42px 55px #20355a17;
  }

  .menu-mob-2 {
    background-color: var(--fill--dark-mode--transparent);
    color: #fff;
    border-radius: 10px;
    width: 60px;
    height: 60px;
    padding: 10px;
    font-size: 22px;
  }

  .menu-mob-2.w--open {
    background-color: var(--background--solid--dark-mode--base);
  }

  .dropdown-list-mob-2 {
    background-color: #fff;
  }

  .dropdown-list-mob-2.w--open {
    background-color: var(--background--solid--dark-mode--base);
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 0;
    padding-bottom: 20px;
    box-shadow: 11px 59px 55px #5252520d;
  }

  .mobile-nav-link-2 {
    color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
    width: 100%;
    padding: 40px;
    font-size: 32px;
  }

  .mobile-toggle-2 {
    color: var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>);
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    font-size: 32px;
  }

  .navigation-full-4 {
    background-color: #fff;
  }

  .nav-link-details-4 {
    width: 70%;
    padding-top: 8px;
    font-size: 16px;
  }

  .navigation-link-block-mob-2 {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    font-size: 22px;
    line-height: 20px;
  }

  .navigation-link-block-mob-2:hover {
    background-color: #0000;
  }

  .navigation-link-block-mob-2.w--current {
    background-color: var(--grey-slate--light--500\<deleted\|variable-322e4225-0b8e-fed2-3c3c-592a69681dfb\>);
    border-radius: 0;
  }

  .mob-menu-logo {
    width: 200px;
  }

  .nav-wrap-global {
    position: absolute;
    inset: 0% 0% auto;
  }

  .icon-4 {
    font-size: 27px;
  }

  .copia-product-hero-section {
    background-position: 30% 100%;
    background-repeat: no-repeat;
  }

  .ctrl-product-hero-section {
    padding-bottom: 0;
  }

  .c247-primary {
    border-radius: 10px;
    padding: 25px 40px;
    font-size: 14px;
  }

  .home-section-6-copy {
    background-position: 0 0;
  }

  .div-block-14, .div-block-15, .div-block-16, .div-block-17 {
    width: 50px;
  }

  .card_component-ctrl {
    width: 15rem;
  }

  .card_component-ctrl:hover {
    opacity: 1;
  }

  .card_component-copia {
    width: 15rem;
  }

  .card_component-copia:hover {
    opacity: 1;
  }

  .card_component-vigil {
    width: 15rem;
  }

  .card_component-vigil:hover {
    opacity: 1;
  }

  .c247-hero-image {
    object-fit: cover;
    align-self: flex-end;
    width: 100%;
    min-width: auto;
    max-width: none;
    max-height: 500px;
    margin-top: 60px;
    margin-left: 0;
  }

  .footer-bottom {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .footer-bottom.text-left.text-center-mb {
    text-align: center;
  }

  .buttons-row.right.left-tablet {
    justify-content: flex-start;
  }

  .grid-footer-2-column---logo-and-form {
    grid-template-columns: 1fr;
  }

  .grid-footer---5-column---subcribe {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-top {
    padding: 94px 0 60px;
  }

  .footer-top.pd-72px {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .grid-footer-paragrah---social-media {
    grid-row-gap: 14px;
    grid-template-columns: 1fr;
  }

  .btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .social-media-grid-top {
    margin-bottom: 20px;
  }

  .social-media-grid-top.right {
    grid-column-gap: 10px;
  }

  .social-media-grid-top.right.center-tablet {
    justify-content: center;
  }

  .footer-middle {
    padding-top: 94px;
    padding-bottom: 94px;
  }

  .mg-bottom-40px {
    font-size: 20px;
  }

  .text-301.bold.footer-title {
    margin-bottom: 24px;
  }

  .testimonial-cont {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .text-302.bold.footer-title {
    margin-bottom: 24px;
  }

  .grid-footer-v1---5-column {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-28 {
    justify-content: center;
    align-items: center;
  }

  .marquee_wrap {
    width: 400vw;
  }

  .frame-153 {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .frame-154 {
    justify-content: flex-start;
    align-items: center;
    width: 95%;
    max-width: none;
    height: 100%;
    max-height: 550px;
    display: flex;
  }

  .frame-155, .frame-156 {
    max-width: none;
  }

  .image-23 {
    margin-top: 60px;
  }

  .container-22-copy {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 700px;
    display: flex;
  }

  .static-marquee_logos {
    width: 200vw;
  }

  .logo-way {
    padding-top: 0;
    padding-bottom: 0;
  }

  .our-pillars {
    justify-content: center;
    align-items: center;
    max-width: none;
  }

  .card-3.form {
    background-color: var(--fill--dark-mode--transparent);
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 700px;
    min-height: auto;
    padding: 0;
    display: flex;
  }

  .mg-bottom-24px {
    aspect-ratio: auto;
    object-fit: contain;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 72px;
    padding-left: 0;
  }

  .value-a {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr;
    grid-auto-columns: 1fr;
    place-content: stretch start;
    align-self: auto;
    width: 100%;
    height: auto;
    display: flex;
  }

  .image-a {
    object-fit: cover;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    width: auto;
    min-width: auto;
    max-width: none;
    display: block;
  }

  .our-values-section {
    width: 100%;
    height: 3000px;
    margin-top: 140px;
  }

  .value-content {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tag-title-5 {
    max-width: 900px;
  }

  .title-desc-15 {
    align-self: flex-start;
    width: 100%;
    margin-bottom: 20px;
  }

  .value-b {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr;
    grid-auto-columns: 1fr;
    place-content: stretch start;
    align-self: auto;
    width: 100%;
    height: auto;
    display: flex;
  }

  .image-b {
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    width: auto;
    min-width: auto;
    max-width: none;
    display: block;
  }

  .ft-cont-left-img {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 700px;
    margin-bottom: 60px;
    padding-top: 60px;
    padding-bottom: 0;
    display: flex;
  }

  .line_03 {
    opacity: 0;
  }

  .proccess-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .content_wrap {
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: 80%;
  }

  .block_wrap {
    align-self: center;
    width: 60%;
  }

  .ring_03 {
    z-index: 30;
  }

  .process-points-wrap {
    z-index: 20;
    order: 0;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
  }

  .line_01, .line_02 {
    opacity: 0;
    width: 50%;
    margin-left: 25%;
  }

  .grid-top---text-2-buttons {
    grid-row-gap: 24px;
    grid-template-columns: .7fr;
    width: 100%;
    max-width: 1200px;
  }

  .slider-mask {
    position: static;
  }

  .inner-container._490px {
    max-width: 1200px;
  }

  .flex-horizontal {
    align-self: flex-start;
    min-width: 200px;
  }

  .heading-h4-size {
    font-size: 22px;
    line-height: 32px;
  }

  .testimonials {
    margin-top: 140px;
    padding-bottom: 20px;
  }

  .body-weak-testimonialy, .body-weak-testimonialy-copy {
    flex: 0 auto;
    max-width: 600px;
    padding-top: 15px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .social-media-grid-top-2.right {
    grid-column-gap: 10px;
  }

  .body-weak-testimonialy-bold {
    flex: 0 auto;
    max-width: 600px;
    padding-top: 15px;
  }

  .home-logo-left-gradient-10.right {
    background-image: linear-gradient(270deg, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>), #fff0);
    width: 20%;
    margin-right: -28px;
  }

  .frame-163 {
    flex-flow: column;
    width: 100%;
    height: 79%;
    display: flex;
  }

  .frame-162 {
    align-self: stretch;
    width: 100%;
  }

  .vectors-wrapper-129 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
  }

  .frame-164 {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    max-width: 700px;
    padding: 20px 40px;
    inset: 0% auto 0% 0%;
  }

  .text-316 {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 40px;
  }

  .text-317 {
    font-size: 16px;
  }

  .c247-1 {
    width: 50px;
    height: 50px;
  }

  .grid-11 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 2000px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    overflow: hidden;
  }

  .product-tile-a {
    flex-flow: row;
    width: 70%;
    display: flex;
  }

  .text-319 {
    font-size: 24px;
    line-height: 32px;
  }

  .text-block-22 {
    color: var(--fill--dark-mode--transparent);
  }

  .small-aroow-right {
    width: 30px;
    height: 30px;
  }

  .card-name {
    grid-column-gap: 5px;
  }

  .ctrlicon {
    width: 50px;
    height: 50px;
  }

  .vigilicon {
    width: 50px;
    height: 45px;
  }

  .copiaicon {
    width: 45px;
    height: 50px;
    margin-right: 10px;
  }

  .text-95-copy {
    font-size: 16px;
  }

  .learn-more-card {
    justify-content: flex-start;
    align-items: center;
    width: 200px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .card-name-copy {
    grid-column-gap: 5px;
    margin-right: 10px;
  }

  .aroow-card-tlt {
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
  }

  .product-tile-copia, .product-tile-ctrl, .product-tile-vigil {
    width: 70%;
  }

  .cta-grid {
    align-self: flex-start;
    margin-top: 40px;
  }

  .container-44 {
    max-width: 100%;
    height: 38%;
    margin-top: 100px;
  }

  .grid-smal {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: flex-start;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
  }

  .c247-nu-card {
    height: auto;
    min-height: auto;
  }

  .frame-184 {
    grid-row-gap: 5px;
  }

  .text-326 {
    margin-bottom: 20px;
  }

  .grid-14, .page-wrapper {
    width: 100%;
  }

  .panel-wrapper {
    width: 100%;
    margin: 0;
  }

  .body-weak-prefootercopy-copy {
    flex: 0 auto;
    max-width: 600px;
    padding-top: 15px;
  }

  .upper-footer {
    background-position: 50%;
  }

  .blur-3 {
    height: 1100px;
  }

  .div-block-42 {
    display: flex;
  }

  .main-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-1-column.gap-row-0 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    width: auto;
    max-width: none;
    height: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 20px;
    display: flex;
  }

  .tabs-menu.tabs-vertical.width-226px {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    align-self: center;
    place-items: center;
    max-width: 100%;
    margin-right: 60px;
    display: grid;
  }

  .container-default-5 {
    justify-content: center;
    align-items: center;
    max-width: 100%;
  }

  .tabs-content {
    max-width: none;
  }

  .tabs-wrapper.tabs-left.accordion-v8 {
    flex-flow: column;
    align-self: center;
    width: 100%;
  }

  .tablink.tabs.vertical {
    justify-content: center;
    align-items: center;
  }

  .card-3-copy.content-left-copy.pd-32px---48px---56px-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    max-width: 100%;
    height: auto;
    padding-top: 40px;
  }

  .section-15 {
    padding-top: 0;
  }

  .tab-content {
    flex: 0 auto;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .central-hero-coontent {
    grid-column-gap: 16px;
    grid-row-gap: 20px;
    flex: 0 auto;
    order: -1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    max-width: 600px;
    display: flex;
  }

  .product-hero-cta {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch start;
    align-items: flex-start;
    min-width: 500px;
    max-width: 700px;
    margin-top: 0;
    padding-left: 0;
    display: flex;
  }

  .product-hero-central {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch start;
    align-items: flex-start;
    min-width: 500px;
    max-width: 700px;
    margin-top: 0;
    padding-left: 0;
    display: flex;
  }

  .image-45 {
    align-self: center;
  }

  .grid-14-copy {
    width: 100%;
  }

  .container-46 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .grid-18 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .grid-19 {
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-21 {
    flex-flow: column;
  }

  .paragraph-6 {
    max-width: 100%;
  }

  .form-title-wrap {
    width: 100%;
    margin-bottom: 20px;
  }

  .slider {
    width: auto;
  }

  .previous {
    position: absolute;
    left: 9%;
  }

  .next {
    width: 0%;
    right: 35px;
  }

  .form-wrapper {
    width: 600px;
    height: 860px;
    display: flex;
    position: static;
  }

  .form-section-title {
    font-size: 32px;
  }

  .slide {
    background-color: var(--fill--dark-mode--transparent);
    vertical-align: middle;
    width: 100%;
    margin-right: 20px;
    position: relative;
  }

  .slider-content-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    height: 100%;
    margin-left: 0;
    display: flex;
    position: fixed;
    inset: 0% 0 0 0%;
  }

  .form-content {
    width: 100%;
    height: 100%;
    padding-top: 40px;
  }

  .form-content.final {
    padding-right: 40px;
  }

  .flow-personal-details {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
    display: flex;
  }

  .details-right {
    justify-content: flex-start;
    align-items: center;
    bottom: 26%;
    right: 6%;
  }

  .container-default-6 {
    margin-bottom: 100px;
  }

  .section-20 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .section-20.position-relative {
    padding-bottom: 20px;
  }

  .grid-2-columns.form {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-width: 100%;
    display: grid;
  }

  .grid-2-columns.contact-v1 {
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    place-items: center stretch;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .half-bg-right {
    width: 100%;
    height: 40%;
    inset: auto 0% 0%;
  }

  .half-bg-right.width-36 {
    opacity: 0;
    width: 100%;
  }

  .div-block-45 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    display: flex;
  }

  .frame-210 {
    order: -1;
  }

  .grid-22 {
    flex-flow: wrap;
  }

  .hero-logo {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    align-self: center;
  }

  .google-play {
    align-self: center;
  }

  .google-play:hover {
    border: 1px none var(--background--transparent--dark-mode--overlay);
    border-radius: 20px;
  }

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

  .vectors-wrapper-160 {
    width: 100%;
    height: 100%;
    margin-right: 10px;
    position: static;
    inset: 0% 0% 0% auto;
  }

  .close-modal {
    width: 25px;
    height: 25px;
    margin-top: 0;
    margin-right: 0;
    position: absolute;
    inset: 2% 2% auto auto;
  }

  .radio_wrap {
    margin-top: 20px;
  }

  .c247-primary-form {
    border-radius: 10px;
    padding: 25px 40px;
    font-size: 14px;
    bottom: 5%;
    right: 6%;
  }

  .ms-select-button {
    display: block;
    position: relative;
  }

  .ms-dropdown-cb-label-2 {
    margin-bottom: 0;
  }

  .checkbox_wrap-2 {
    margin-top: 20px;
  }

  .f-form-steps-item.is---2 {
    width: 100%;
  }

  .flow-modal-window {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--fill--dark-mode--transparent);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 900px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    position: absolute;
    inset: 0 0% 0%;
  }

  .ms-button-cb-3 {
    position: absolute;
  }

  .flow-container {
    align-self: auto;
    width: 600px;
    max-width: none;
    height: 125%;
    max-height: none;
    padding-left: 20px;
    padding-right: 20px;
    top: 10%;
    overflow: visible;
  }

  .flow-modal-bg {
    z-index: 100;
  }

  .flow-opacity-bg {
    position: fixed;
  }

  .flow-form-block {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 600px;
    height: 100%;
    display: block;
    position: static;
    left: 11%;
  }

  .flow-form {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: visible;
  }

  .flow-form-step {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .flow-grid {
    flex-flow: column;
    display: flex;
  }

  .flow-form-img-section {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    height: 30%;
  }

  .image-72 {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
  }

  .flow-form-content-section {
    width: 100%;
    height: 100%;
    padding: 0 20px;
  }

  .flow-form-content-wrapper {
    overflow: visible;
  }

  .flow-form-question {
    margin-bottom: 20px;
  }

  .flow-form-answer-input {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .c247-flow-next {
    border-radius: 10px;
    height: 40px;
    padding: 25px 40px;
    font-size: 16px;
    right: 1%;
  }

  .div-block-91 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: static;
    inset: 0% 0% auto auto;
  }

  .text-block-32 {
    color: var(--text--dark-mode--weak);
  }

  .flow-form-wrap {
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    display: flex;
  }

  .flow-form-alert {
    background-color: var(--failure-red--dark-mode--50);
  }

  .flow-alert-text {
    font-size: 12px;
  }

  .product-logo-hero {
    width: 200px;
  }

  .contact-primary {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .c247-book-a-demo {
    border-radius: 10px;
    padding: 25px 40px;
    font-size: 14px;
  }

  .global-secondary-button-copy {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .flow-modal {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--fill--dark-mode--transparent);
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 900px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    position: static;
    inset: 8% 0% 0%;
  }

  .grid-27 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .div-block-92 {
    margin-top: 20px;
  }

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

  .hero-apps {
    flex-flow: row;
    width: 50%;
    max-width: none;
    display: flex;
  }

  .key-point-section, .key-point-container {
    height: 1000px;
  }

  .feature-content-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 0;
    padding-bottom: 100px;
  }

  .copia-feature-1-frame {
    object-fit: contain;
    align-self: auto;
    width: 100%;
    height: 100%;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    position: static;
  }

  .image-83 {
    object-fit: cover;
    align-self: auto;
    width: 100%;
    height: 100%;
  }

  .feature-text-content-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 20px;
    display: flex;
  }

  .p-accordion-answer {
    width: 90%;
    max-width: none;
  }

  .subheading-text {
    margin-top: 20px;
  }

  .feature-cta {
    width: 100%;
  }

  .feature-2-img {
    object-fit: cover;
    order: -1;
    align-self: auto;
    width: 100%;
    height: 400px;
    padding-left: 0;
    padding-right: 0;
  }

  .p-xs-start {
    margin-top: 10px;
  }

  .teaser-img {
    border-radius: 10px;
    position: relative;
    inset: auto;
  }

  .teaser-img._3, .teaser-img._2, .teaser-img._4 {
    border-radius: 10px;
  }

  .teaser-copy {
    margin-top: 4em;
    margin-bottom: 5em;
    padding-right: 0%;
  }

  .teaser-img-tablet-down {
    display: block;
  }

  .teaser-column {
    width: 100%;
  }

  .teaser-copy-wrap {
    border-bottom: .5px solid var(--background--transparent--dark-mode--overlay);
    flex-direction: column;
    height: auto;
    margin-bottom: 60px;
  }

  .text-effect-gradient {
    background-image: linear-gradient(180deg, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>) 12%, #351073 26%, #c958de 38%, var(--c247--white\<deleted\|variable-07d8df29-8c45-5f50-5878-b60d2bf76489\>) 50%, #c958de 64%, #351073 76%, var(--opus-apeiro--dark\<deleted\|variable-2142aecc-8a2d-9118-76ab-97f5ab157edf\>) 88%);
  }

  .text-effect-text {
    font-size: 3em;
  }

  .container-w3.gutter-outside {
    padding-left: 20px;
    padding-right: 20px;
  }

  .teaser-grid-2 {
    flex-direction: column;
  }

  .p-teaser-img-wrap-2 {
    display: none;
  }

  .title1-2 {
    font-size: 3em;
  }

  .supply-navbar-logo-left-container.shadow-three {
    padding-left: 20px;
    padding-right: 20px;
  }

  .supply-nav-wrap {
    max-width: 728px;
  }

  .supply-logos-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: center;
  }

  .supply-product-logo {
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .supply-client-logo {
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

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

  .section-21 {
    width: 100%;
    height: 400px;
  }

  .supply-grid-section {
    flex-flow: column;
    min-width: 750px;
    display: flex;
  }

  .supply-grid {
    grid-row-gap: 0px;
    grid-template-rows: 401px auto;
    grid-template-columns: 1fr;
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-99 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 60.73%;
    margin-top: 60px;
  }

  .double-button-content-wrap {
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .doubble-button-grid {
    grid-template-rows: 220px;
    grid-template-columns: 1fr 1fr;
  }

  .display-subtext {
    text-shadow: 0 1px 20px #000000e6;
  }

  .category {
    font-size: 14px;
  }

  .category.weak.left {
    text-align: left;
  }

  .regular.bold {
    width: 100%;
  }

  .large {
    font-size: 18px;
  }

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

  .large.bold {
    width: 89.2861%;
  }

  .subheading {
    margin-bottom: 20px;
    font-weight: 400;
  }

  .subheading.medium {
    margin-bottom: 0;
    font-weight: 500;
  }

  .subheading.medium.weak {
    text-align: center;
  }

  .body-large {
    font-size: 20px;
  }

  .body-large.weak {
    text-align: left;
  }

  .body-regular.weak {
    order: 1;
    align-self: center;
  }

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

  .headline-1.bold {
    text-align: left;
  }

  .headline-1.bold.central {
    text-align: center;
  }

  .display-sub {
    text-shadow: 0 1px 20px #000000e6;
  }

  .supply-heading-content-wrap-copy {
    grid-column-gap: 47px;
    grid-row-gap: 47px;
    flex-flow: wrap;
    align-self: center;
    padding-right: 0;
    display: flex;
  }

  .hero-plus {
    border-bottom: .5px none var(--background--transparent--dark-mode--overlay);
    margin-top: 100px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-plus-content-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hero-plus-item {
    width: 100%;
  }

  .ctrl-product-features {
    background-image: linear-gradient(356deg, #0c022f 1%, #fff0 12%), linear-gradient(#0c022f, #fff0 9%), url('../images/ctrlfeaturebg-grad.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    padding-top: 0;
    padding-bottom: 0;
  }

  .product-features-container {
    margin-top: 60px;
  }

  .feature-image {
    object-fit: cover;
    order: -1;
    align-self: auto;
    width: 100%;
    height: 100%;
  }

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

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

  .heading-3.weak.central {
    text-align: center;
  }

  .copia-product-features {
    background-image: linear-gradient(2deg, #0c022f, #fff0 8%), linear-gradient(#0c022f, #fff0 10%), url('../images/copia-feature-grad.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    padding-top: 0;
  }

  .feature-content-wrap-bottom {
    flex-flow: column;
    margin-top: 100px;
    padding-bottom: 100px;
  }

  .feature-cark-link-block {
    flex-flow: column;
    width: 48%;
    min-width: auto;
    height: 100%;
    min-height: 450px;
    display: flex;
  }

  .c247-feature-card {
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
    height: 100%;
    min-height: 450px;
    display: flex;
  }

  .card-info-wrap {
    grid-row-gap: 5px;
    flex: 1;
    order: 0;
    align-self: auto;
    max-width: 100%;
    min-height: 100%;
  }

  .key-points-wrap {
    flex-flow: column;
  }

  .feature-card-logo-grid {
    align-self: center;
    width: 100%;
  }

  .feature-card-logo {
    display: flex;
  }

  .copia-feature-card {
    flex-flow: column;
    flex: 1;
    max-width: 100%;
    height: 100%;
    min-height: 450px;
    max-height: none;
  }

  .ctrl-feature-card, .vigil-feature-card {
    flex-flow: column;
    flex: 1;
    max-width: 100%;
    height: 100%;
    min-height: 450px;
  }

  .feature-card-vigil-logo, .feature-card-copia-logo {
    display: flex;
  }

  .panel-opus {
    flex: 0 100%;
  }

  .opus-about {
    background-image: linear-gradient(0deg, var(--grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>), #fff0 6%), linear-gradient(180deg, #0c022f 5%, #fff0 15%), url('../images/about-bg.png');
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, auto;
    background-attachment: scroll, scroll, fixed;
  }

  .teaser-container {
    padding-left: 0;
    padding-right: 0;
  }

  .teaser-grid {
    flex-direction: column;
  }

  .p-teaser-img-wrap {
    display: none;
  }

  .steps-header {
    margin-top: 20px;
  }

  .benefit-card {
    width: 100%;
  }

  .steps-intro-wrap {
    margin-top: 40px;
  }

  .div-block-101 {
    width: 100%;
    height: 500px;
  }

  .image-86 {
    aspect-ratio: auto;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: static;
    overflow: clip;
  }

  .how-it-works-intro-container {
    flex-flow: column;
    display: flex;
  }

  .hows-it-works-colums {
    flex-flow: column;
    align-self: center;
    width: 100%;
    margin-top: 20px;
    display: block;
  }

  .column {
    flex-flow: column;
    align-self: center;
    display: flex;
  }

  .c247-hero-section {
    background-position: 30% 100%;
    background-repeat: no-repeat;
    padding-bottom: 0;
  }

  .c247-product-features {
    background-image: linear-gradient(2deg, #0c022f, #fff0 8%), linear-gradient(#0c022f, #fff0 10%), url('../images/copia-feature-grad.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    padding-top: 0;
  }

  .demo-step {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .demo-form-block {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    flex-flow: row;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    display: block;
    position: static;
    left: 11%;
  }

  .demo-form {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: visible;
  }

  .div-block-92-copy {
    margin-top: 60px;
  }

  .demo-image-logo-title {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .demo-image-testimonial-wrap {
    display: flex;
  }

  .product-logo {
    align-self: flex-start;
    width: auto;
  }

  .book-a-demo-title {
    border-left-style: none;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    margin-left: 0;
    padding-left: 0;
  }

  .demo-testimonial-quote, .div-block-109 {
    width: 100%;
  }

  .dropdown-select {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    margin-top: 20px;
    margin-bottom: 0;
    display: block;
  }

  .modal-1-popup {
    z-index: 600000000;
    display: none;
  }

  .modal {
    padding-bottom: 0;
  }

  .columns-2 {
    background-image: url('../images/C247-how-it-works-bg.png');
    background-position: 0 0;
    background-size: auto;
    padding-bottom: 2rem;
  }

  .column-5 {
    padding-bottom: 0;
    padding-right: 20px;
  }

  .column-6 {
    background-image: none;
    padding-right: 0;
  }

  .div-block-112 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .div-block-113 {
    width: 69%;
  }

  .div-block-116 {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 40px;
  }

  .next-steps-section-c247 {
    padding-bottom: 100px;
  }

  .ctrl-modal-columns {
    background-image: url('../images/Ctrl-how-it-works-bg-2.png');
    background-position: 0 0;
    background-size: auto;
    padding-bottom: 2rem;
  }

  .copia-modal-columns {
    background-image: url('../images/Copia-how-it-works-bg-2.png');
    background-position: 0 0;
    background-size: auto;
    padding-bottom: 2rem;
  }

  .testimonials-long {
    flex-flow: column;
    padding-top: 0;
    display: flex;
  }

  .section-22 {
    background-image: linear-gradient(0deg, var(--grey-slate-solid--1000\<deleted\|variable-fb7c582a-28d6-3592-52fd-0453868fb3dc\>), #fff0 5%), linear-gradient(180deg, var(--background--solid--dark-mode--base), #fff0 11%), url('../images/Home-bg.png');
    background-position: 0 0, 0 0, 0%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
  }

  .vigil-product-features {
    background-image: linear-gradient(356deg, #0c022f 1%, #fff0 12%), linear-gradient(#0c022f, #fff0 9%), url('../images/vigil-features-bg.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    padding-top: 0;
    padding-bottom: 0;
  }

  .next-steps-section-vigil {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .vigil-product-hero {
    padding-bottom: 0;
  }

  .vigil-modal-columns {
    background-image: url('../images/Ctrl-how-it-works-bg-2.png');
    background-position: 0 0;
    background-size: auto;
    padding-bottom: 2rem;
  }

  .copia-feature-2-frame {
    object-fit: contain;
    order: -1;
    align-self: auto;
    width: 100%;
    height: 600px;
    margin-bottom: 60px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .feature-category {
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
  }

  .image-93 {
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-height: none;
  }

  .feature-1-long-frame {
    object-fit: contain;
    align-self: auto;
    width: 100%;
    height: 100%;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    position: static;
  }

  .feature-img3 {
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-height: none;
    position: static;
    top: 10%;
    bottom: 0%;
    left: 0%;
  }

  .feature-2-long-frame {
    object-fit: contain;
    order: -1;
    align-self: auto;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .feature-img4 {
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-height: none;
    top: 10%;
    bottom: 0%;
    left: 0%;
  }

  .feature-1-dash {
    position: static;
  }

  .div-block-131 {
    align-self: flex-start;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
  }

  .div-block-132 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    order: 0;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
  }

  .image-94 {
    width: 50px;
    min-width: auto;
    height: 100%;
    min-height: auto;
    max-height: none;
  }

  .image-95 {
    width: 40px;
    height: 40px;
  }

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

  .ctrl-feature-1-frame {
    object-fit: contain;
    align-self: auto;
    width: 100%;
    height: 700px;
    margin-bottom: 60px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .image-96 {
    width: auto;
  }

  .product-logo-hero-landscape, .c247-logo-hero {
    width: 200px;
  }

  .div-block-135 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .form-3, .div-block-136 {
    width: 100%;
  }

  .feature-text-content-wrap-vigil {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-top: 0;
    padding-right: 20px;
    display: flex;
  }

  .vigil-tick-item {
    max-width: none;
  }

  .vigil-tick-wrap {
    width: 100%;
    margin-top: 20px;
  }

  .vigil-feature-1-frame {
    object-fit: contain;
    align-self: auto;
    width: 100%;
    height: 100%;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    position: static;
  }

  .feature-image-2-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    object-fit: cover;
    order: -1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: auto;
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .feature-content-wrap-vigil {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 0;
    padding-bottom: 100px;
  }

  .home-cards-wrap-v2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: flex-start;
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
  }

  .c247-feature-card-2 {
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
    height: 100%;
    min-height: 380px;
    display: flex;
  }

  .card-info-wrap-copy {
    grid-row-gap: 5px;
    flex: 1;
    order: 0;
    align-self: auto;
    max-width: 100%;
    min-height: auto;
  }

  .div-block-140 {
    padding-top: 20px;
  }

  .copia-feature-card-2 {
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
    height: 100%;
    min-height: 380px;
    display: flex;
  }

  .feature-cark-link-block-2 {
    flex-flow: column;
    width: 48%;
    min-width: auto;
    height: auto;
    min-height: auto;
    display: flex;
  }

  .ctrl-feature-card-2, .vigil-feature-card-2 {
    flex-flow: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
    height: 100%;
    min-height: 380px;
    display: flex;
  }

  .ctrl-feature-2-frame {
    object-fit: contain;
    order: -1;
    align-self: auto;
    width: 100%;
    height: 700px;
    margin-bottom: 60px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .cookie-hero {
    background-position: 30% 100%;
    background-repeat: no-repeat;
  }

  .declaration-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .declaration-container {
    margin-bottom: 60px;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .product-features-container-vigil {
    margin-top: 60px;
  }

  .laine-logo {
    width: 16%;
  }

  .laine-content-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .laine-h1 {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 6px;
    font-size: 32px;
    display: flex;
  }

  .laine-option-header {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
  }

  .lain-c247-logo {
    width: 22%;
  }

  .laine-opus-logo {
    width: 18%;
  }

  .laine-arrow {
    padding-right: 0;
  }

  .laine-display {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 6px;
    font-size: 40px;
    line-height: 42px;
    display: flex;
  }

  .laine-card-solo {
    width: 100%;
  }

  .laine-content {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .laine-blocks {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .laine-brand-logos {
    justify-content: center;
    align-items: center;
  }

  .div-block-144, .div-block-145 {
    width: 16%;
  }

  .laine-logo-copy {
    width: 20%;
  }

  .div-block-145-copy {
    width: 16%;
  }

  .div-block-148-copy {
    text-align: center;
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .m-heading-1-dm {
    min-width: auto;
  }

  .m-heading-3-dm {
    text-align: center;
    align-self: center;
  }

  .secondary-button-desktop {
    display: flex;
  }

  .home-container {
    margin-top: 100px;
  }

  .content-18 {
    margin-top: 0;
  }

  .hero-display-text-product {
    font-size: 40px;
    line-height: 50px;
  }

  .frame-74 {
    flex-flow: wrap;
    justify-content: center;
    align-self: center;
    align-items: center;
    height: 600px;
    min-height: 850px;
    max-height: 200px;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 20px;
    display: flex;
  }

  .hero-content-wrap {
    text-align: left;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    max-width: none;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .container-14 {
    display: block;
  }

  .text-77 {
    font-size: 14px;
  }

  .cards {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .card_component-c247 {
    width: 14.4rem;
    height: 25rem;
    padding: 2rem;
  }

  .c247-card_front-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .main-highlights {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    margin-top: 100px;
    padding-top: 0;
    display: flex;
  }

  .section-title-5 {
    justify-content: flex-start;
    align-items: center;
  }

  .main-highlights-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    height: auto;
    display: grid;
  }

  .pillars-drop-item-4 {
    grid-column-gap: 0px;
    align-self: flex-start;
    max-width: none;
    height: auto;
    min-height: auto;
    max-height: none;
    margin-right: 0;
  }

  .frame-125 {
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    max-width: none;
    height: 100%;
  }

  .navbar-wrapper-2 {
    min-width: auto;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-brand-3 {
    padding-left: 0;
  }

  .nav-link-3 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-3 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle-3 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-3.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list-3.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-3.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-12 {
    margin-top: 10px;
  }

  .navbar-logo-left-container-2 {
    max-width: 100%;
  }

  .product-hero {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    min-width: auto;
    max-width: 650px;
    min-height: 400px;
    margin: 100px 0 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .container-22-copy {
    flex-flow: wrap;
    min-width: 200px;
    max-width: 650px;
    margin-bottom: 0;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-13 {
    flex: 1;
    align-self: center;
    min-width: 100%;
    max-width: none;
    margin-left: 0;
  }

  .frame-126 {
    width: 100%;
    margin-right: 0;
  }

  .body-weak-16pt {
    text-align: center;
    max-width: 400px;
    padding-top: 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .next-steps-section-copia {
    padding-top: 0;
  }

  .rectangle-351 {
    max-width: 100%;
    min-height: 60%;
    max-height: 50%;
  }

  .frame-135 {
    flex-flow: column;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    max-width: 114%;
    padding-top: 51px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .prefooter-content-wrap {
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
  }

  .hero-container {
    max-width: 700px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-107 {
    font-size: 14px;
  }

  .quick-stack-2 {
    grid-column-gap: 41px;
    grid-row-gap: 41px;
  }

  .cell, .cell-3 {
    padding-top: 50px;
  }

  .body-weak-large-feature {
    text-align: left;
    max-width: none;
    padding-top: 0;
    font-size: 14px;
    line-height: 22px;
  }

  .nav-menu-3 {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .navigation-mob {
    padding-bottom: 0;
  }

  .mobile-nav-link, .mobile-toggle, .navigation-link-block-mob {
    padding-left: 40px;
  }

  .home-button-primary {
    border-radius: 60px;
    padding: 25px 40px;
    font-size: 14px;
  }

  .flowbase-logo {
    width: 180px;
  }

  .global-secondary-button {
    justify-content: center;
    align-self: stretch;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .mobile-nav-2 {
    padding-bottom: 15px;
  }

  .mobile-nav-link-2 {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 20px;
    font-size: 26px;
  }

  .mobile-nav-link-2:hover {
    color: var(--c247--white-normal-hover\<deleted\|variable-61e7c7b3-aa34-84c2-66b9-26e2013c83c8\>);
  }

  .mobile-toggle-2 {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 20px;
    font-size: 28px;
  }

  .mobile-toggle-2.w--open {
    padding-left: 20px;
  }

  .nav-link-details-4 {
    width: 90%;
    padding-top: 4px;
    padding-right: 10px;
    font-size: 14px;
  }

  .navigation-link-block-mob-2 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .mob-menu-logo {
    object-fit: cover;
    padding-left: 0;
  }

  .icon-4 {
    font-size: 22px;
  }

  .copia-product-hero-section {
    background-position: 30% 100%;
    border-radius: 0;
    padding-bottom: 0;
  }

  .c247-primary {
    border-radius: 10px;
    align-self: stretch;
    padding: 30px 40px;
    font-size: 14px;
  }

  .home-section-6-copy {
    background-image: linear-gradient(#0000, #0000);
    margin-top: 0;
  }

  .card_component-ctrl, .card_component-copia, .card_component-vigil {
    width: 14.4rem;
    height: 25rem;
    padding: 2rem;
  }

  .c247-hero-image {
    flex: none;
    align-self: center;
    min-width: 100%;
    max-width: none;
    margin-top: 60px;
    margin-left: 0;
  }

  .input {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn-secondary {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .grid-footer---5-column---subcribe {
    grid-template-columns: 1.4fr 1fr;
  }

  .footer-top {
    padding: 72px 0 60px;
  }

  .footer-top.pd-72px {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .line-rounded-icon.success-message-check.large {
    font-size: 68px;
    line-height: 73px;
  }

  .grid-footer-paragrah---social-media {
    grid-row-gap: 8px;
  }

  .footer-list-item {
    margin-bottom: 10px;
  }

  .btn-primary {
    padding: 20px 32px;
  }

  .btn-primary.small {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn-primary.button-row {
    margin-right: 16px;
  }

  .social-media-grid-top {
    padding-top: 0;
  }

  .footer-middle {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .mg-bottom-40px {
    margin-bottom: 24px;
  }

  .text-301 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-301.bold.footer-title {
    margin-bottom: 24px;
  }

  .text-302 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-302.bold.footer-title {
    margin-bottom: 24px;
  }

  .footer-list-item-2 {
    margin-bottom: 10px;
  }

  .footer-link-2 {
    line-height: 26px;
  }

  .grid-footer-v1---5-column {
    grid-template-columns: 1fr 1fr;
  }

  .grid-4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .div-block-28 {
    flex-flow: column;
    max-width: 500px;
  }

  .frame-153 {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .frame-154 {
    width: 100%;
    max-width: none;
    height: 24%;
  }

  .frame-156 {
    align-self: flex-start;
  }

  .icon-container-38 {
    justify-content: center;
    align-items: flex-start;
  }

  .image-23 {
    align-self: center;
  }

  .container-22-copy {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    min-width: 200px;
    max-width: 650px;
    min-height: 700px;
    max-height: 2000px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .our-pillars {
    margin-top: 100px;
  }

  .card-3.form {
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
  }

  .mg-bottom-24px {
    padding-left: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .our-values-section {
    height: 100%;
  }

  .ft-cont-left-img {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    min-width: 200px;
    max-width: 650px;
    min-height: 700px;
    max-height: 2000px;
    margin-top: 100px;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .process-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content_wrap {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .block_wrap {
    width: 100%;
  }

  .grid-top---text-2-buttons {
    grid-template-columns: .9fr;
  }

  .text-200 {
    font-size: 16px;
    line-height: 18px;
  }

  .btn-circle-secondary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .btn-circle-secondary.slider-arrow.left---center-center {
    inset: auto auto -86px 36%;
  }

  .btn-circle-secondary.slider-arrow.left---center-center.outside {
    bottom: -86px;
    left: 36%;
  }

  .btn-circle-secondary.slider-arrow.left---center-center.outside.testimonials-v12 {
    display: flex;
    position: absolute;
    inset: 204px 87% -83% auto;
  }

  .btn-circle-secondary.slider-arrow.right---center-center {
    inset: auto 36% -86px auto;
  }

  .btn-circle-secondary.slider-arrow.right---center-center.testimonials-v12 {
    top: 204px;
    bottom: -104px;
    right: 0%;
  }

  .flex-horizontal {
    min-width: 150px;
  }

  .heading-h4-size {
    font-size: 20px;
    line-height: 26px;
  }

  .testimonials {
    margin-top: 0;
    padding-bottom: 0;
  }

  .body-weak-testimonialy, .body-weak-testimonialy-copy {
    text-align: center;
    max-width: none;
    padding-top: 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .text-314 {
    font-size: 16px;
    line-height: 18px;
  }

  .avatar-circle._03 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .text-315 {
    font-size: 14px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .body-weak-testimonialy-bold {
    text-align: center;
    max-width: none;
    padding-top: 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .m-heading-2-dm-copy {
    text-align: left;
    text-align: center;
    max-width: 500px;
    font-size: 29px;
    line-height: 40px;
  }

  .m-heading-2-dm-copy-copy {
    text-align: center;
    text-align: left;
    max-width: 500px;
    font-size: 29px;
    line-height: 40px;
  }

  .product-tiles {
    padding-left: 0;
    padding-right: 0;
  }

  .frame-163 {
    height: 79%;
    max-height: none;
  }

  .vectors-wrapper-129 {
    width: 100%;
  }

  .frame-164 {
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    max-width: none;
    max-height: 100%;
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .text-316 {
    margin-top: 0;
    padding-bottom: 20px;
    font-size: 32px;
    line-height: 40px;
  }

  .grid-11 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    place-items: center stretch;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .product-tile-a {
    flex-flow: column;
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
    display: flex;
  }

  .text-block-22 {
    color: var(--fill--dark-mode--transparent);
  }

  .learn-more-card {
    justify-content: flex-end;
    align-items: center;
    width: 260px;
  }

  .product-tile-copia, .product-tile-ctrl, .product-tile-vigil {
    flex-flow: column;
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
    display: flex;
  }

  .cta-grid {
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 20px;
  }

  .grid-smal {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    justify-content: center;
    display: flex;
  }

  .m-heading-2-dm-copy {
    text-align: center;
    max-width: 500px;
    font-size: 29px;
    line-height: 40px;
  }

  .body-weak-prefootercopy-copy {
    text-align: center;
    max-width: none;
    padding-top: 0;
    font-size: 14px;
    line-height: 22px;
  }

  .upper-footer {
    background-image: url('../images/Copia-prefoot.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 700px;
    max-height: none;
  }

  .blur-3 {
    height: 1200px;
  }

  .image-32 {
    width: 30px;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: stretch;
  }

  .tabs-menu.tabs-vertical.width-226px {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: auto;
    max-width: none;
    margin-bottom: 40px;
    margin-right: 0;
    display: grid;
  }

  .tabs-wrapper.tabs-left {
    flex-direction: column;
  }

  .tablink {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .tablink.tabs {
    margin: 8px;
  }

  .tablink.tabs.vertical {
    margin-bottom: 14px;
  }

  .tab-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .central-hero-coontent {
    text-align: left;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    max-width: none;
  }

  .product-hero-cta {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    min-width: 100%;
    max-width: none;
    min-height: auto;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .product-hero-central {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    min-width: auto;
    max-width: none;
    min-height: auto;
    margin: 0 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .grid-16 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .container-46 {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .paragraph-6 {
    flex: 0 auto;
    width: 101%;
    max-width: none;
    font-size: 14px;
  }

  .form12_checkbox_field {
    width: 48%;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }

  .form-title-wrap {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: 10px;
    padding-right: 0;
    display: flex;
  }

  .slider {
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .mobile-nav-bottom {
    z-index: 5;
    background-color: #fff;
    border-top: 1px solid #8395b126;
    height: 100px;
    display: block;
    position: fixed;
    inset: auto 0% 0%;
  }

  .previous {
    z-index: 10;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    align-self: center;
    width: 100%;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
  }

  .next {
    z-index: 6;
    aspect-ratio: auto;
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: none;
    height: 10%;
    margin: 0 60px;
    display: flex;
    position: absolute;
    inset: auto 0% 7%;
  }

  .checkbox_wrap {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .form-wrapper {
    width: 100%;
    height: 100%;
    display: block;
  }

  .form-wrap {
    align-self: flex-start;
    max-width: none;
    margin-bottom: 20px;
  }

  .form-section-title {
    flex: 1;
    align-self: flex-start;
    width: 100%;
    font-size: 24px;
    line-height: 32px;
    display: flex;
    position: static;
  }

  .form-content {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .form-content.final {
    justify-content: flex-start;
    align-items: center;
    padding-left: 40px;
  }

  .flow-personal-details {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .details-right {
    bottom: 46%;
    right: 7%;
  }

  .text-area {
    border-radius: 18px;
  }

  .container-default-6 {
    margin-bottom: 100px;
  }

  .section-20 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid-2-columns {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.form {
    grid-column-gap: 24px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch flex-start;
    place-items: center stretch;
    width: auto;
    min-width: auto;
    display: grid;
  }

  .grid-2-columns.contact-v1 {
    padding-right: 0;
  }

  .half-bg-right.width-36 {
    opacity: 0;
  }

  .div-block-45 {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
  }

  .grid-22 {
    flex-flow: row;
    display: flex;
  }

  .hero-logo {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-auto-flow: row;
    align-self: flex-start;
    display: flex;
  }

  .google-play, .app-store {
    width: auto;
  }

  .close-modal {
    top: 1%;
    right: 6%;
  }

  .radio_wrap {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .ms-input-wrap {
    width: 100%;
  }

  .ms-input {
    width: 100%;
    font-size: 14px;
  }

  .c247-primary-form {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 10px;
    flex-flow: column;
    flex: 0 auto;
    order: -1;
    align-self: center;
    width: 100%;
    margin-top: 60px;
    margin-right: 10px;
    padding: 30px 40px;
    font-size: 16px;
    display: block;
    position: relative;
    inset: auto 0% 0%;
  }

  .checkbox_wrap-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: flex;
  }

  .form12_checkbox_field-2 {
    width: 31%;
    min-width: auto;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }

  .ms-range-slider {
    height: 100%;
  }

  .slider-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    height: auto;
    margin-top: 20px;
    margin-bottom: 0;
    display: flex;
  }

  .flow-modal-window {
    flex: 1;
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .field-title-2 {
    font-size: 14px;
  }

  .ms-button-cb-3 {
    border-color: #b7bbd100;
  }

  .flow-container {
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 650px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .flow-form-block {
    flex-flow: column;
    flex: 0 auto;
    width: 100%;
    height: auto;
    display: block;
  }

  .flow-form {
    padding-left: 0;
  }

  .flow-form-step {
    position: static;
  }

  .flow-grid {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .flow-form-img-section {
    width: 100%;
    height: 20%;
  }

  .flow-form-content-section {
    width: 100%;
    height: auto;
    padding: 0;
  }

  .flow-form-content-wrapper {
    flex: 0 auto;
    order: 0;
    height: 100%;
  }

  .flow-form-question {
    margin-bottom: 20px;
  }

  .flow-form-answer-input {
    flex-flow: column;
    height: 100%;
    margin-bottom: 0;
    display: block;
  }

  .flow-form-button-group {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-self: center;
    height: auto;
    display: flex;
    position: static;
  }

  .c247-flow-next {
    object-fit: fill;
    border-radius: 10px;
    flex-flow: column;
    order: -1;
    align-self: flex-end;
    width: 100%;
    height: 10px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 30px 40px;
    font-size: 16px;
    display: flex;
    position: static;
    inset: 0%;
  }

  .flow-form-button-group-start {
    align-self: center;
    display: flex;
    position: static;
  }

  .flow-form-wrap {
    align-self: flex-start;
    width: 100%;
    max-width: none;
    margin-bottom: 0;
  }

  .flow-alert-text {
    font-size: 12px;
  }

  .product-logo-hero {
    align-self: auto;
    width: 150px;
  }

  .contact-primary {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
  }

  .email-form-wrap {
    align-self: flex-start;
    max-width: none;
    margin-bottom: 20px;
  }

  .c247-book-a-demo {
    border-radius: 10px;
    align-self: stretch;
    padding: 30px 40px;
    font-size: 14px;
  }

  .global-secondary-button-copy {
    justify-content: center;
    align-self: stretch;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .flow-modal {
    flex: 1;
    width: 100%;
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
    position: static;
  }

  .grid-27 {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
  }

  .ms-checkbox-wrap-2 {
    margin-top: 10px;
  }

  .image-76, .image-77 {
    width: 115px;
    min-width: 115px;
    max-width: 115px;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
  }

  .hero-apps {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 48%;
    max-width: none;
  }

  ._3-cards-section {
    height: 1000px;
  }

  ._3-cards-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  ._3-card-item {
    width: 40%;
    height: auto;
  }

  ._3-card-image {
    width: auto;
    height: 200px;
  }

  ._4-card-section {
    height: 1000px;
  }

  ._4-cards-wrap {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  ._4-img-click-section {
    height: 800px;
  }

  ._4-img-click-wrap {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  ._4-img-item {
    width: 40%;
  }

  .key-point-section, .key-point-container {
    height: 1000px;
  }

  ._3-key-point-row-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    height: auto;
  }

  .key-point-item {
    width: 40%;
  }

  ._6-key-point-wrap {
    height: auto;
  }

  ._4-card-item {
    width: 40%;
  }

  .feature-content-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .copia-feature-1-frame {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 600px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .feature-text-content-wrap {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .title-wrap {
    align-self: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .subheading-text {
    margin-top: 20px;
  }

  .copia-xl {
    width: 100%;
  }

  .feature-cta {
    width: 100%;
  }

  .teaser-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .teaser-img-tablet-down {
    width: 100%;
  }

  .text-effect-text {
    font-size: 2.3em;
  }

  .teaser-container-2 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .title1-2 {
    font-size: 2.6em;
  }

  .supply-navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .supply-brand-text {
    font-size: 16px;
  }

  .supply-heading {
    font-size: 32px;
    line-height: 40px;
  }

  .supply-link-block {
    width: 100%;
  }

  .supply-grid-section {
    min-width: 480px;
  }

  .double-button-content-wrap {
    width: 100%;
  }

  .doubble-button-grid {
    grid-template-rows: 270px 270px;
    grid-template-columns: 1fr;
  }

  .supply-button-text {
    width: auto;
  }

  .supply-text-wrap {
    height: 25%;
  }

  .supply-images {
    width: auto;
    height: 200px;
  }

  .display-subtext {
    color: var(--text--dark-mode--strong);
    text-align: center;
    text-shadow: 0 1px 8px #000c;
    font-size: 18px;
    line-height: 28px;
  }

  .category {
    font-size: 14px;
  }

  .category.weak.left {
    font-size: 12px;
  }

  .regular.bold {
    font-weight: 700;
  }

  .arrow {
    width: 30px;
  }

  .large {
    align-self: center;
    margin-bottom: 0;
  }

  .large.weak {
    font-size: 18px;
  }

  .subheading.medium {
    text-align: left;
  }

  .subheading.medium.weak, .subheading.underline.weak {
    font-size: 20px;
  }

  .body-large {
    margin-bottom: 0;
  }

  .body-large.weak {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .body-large.bold {
    margin-top: 0;
    margin-bottom: 0;
  }

  .body-regular.weak {
    text-align: left;
    line-height: 26px;
  }

  .display {
    font-size: 42px;
    line-height: 30px;
  }

  .display.bold {
    line-height: 52px;
  }

  .headline-1 {
    align-self: flex-start;
    font-size: 36px;
    line-height: 46px;
  }

  .headline-2.bold {
    font-size: 26px;
  }

  .display-sub {
    color: var(--text--dark-mode--strong);
    text-align: center;
    text-shadow: 0 1px 8px #000c;
    font-size: 18px;
    line-height: 28px;
  }

  .h2 {
    text-align: center;
    max-width: 500px;
    font-size: 29px;
    line-height: 40px;
  }

  .hero-plus-icon {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    min-height: 50px;
    max-height: 50px;
  }

  .ctrl-product-features {
    background-image: linear-gradient(356deg, #0c022f 2%, #fff0 5%), linear-gradient(#0c022f, #fff0 9%), url('../images/ctrlfeaturebg-grad.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
  }

  .display-text {
    font-size: 40px;
    line-height: 50px;
  }

  .display-text.bold {
    font-size: 42px;
    line-height: 52px;
  }

  .heading-3.bold {
    font-size: 26px;
    line-height: 36px;
  }

  .step-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 110vh;
  }

  .feature-content-wrap-bottom {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .feature-cark-link-block {
    width: 100%;
  }

  .about-hero-section {
    width: auto;
  }

  .opus-about {
    height: 100%;
    margin-bottom: 0;
  }

  .teaser-container {
    padding-left: 0;
    padding-right: 0;
  }

  .benefit-card {
    padding-bottom: 20px;
  }

  .benefit-headline {
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .benefit-headline-text {
    flex-flow: row;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    height: 100%;
  }

  .lottie-animation-eye {
    justify-content: flex-start;
    align-items: center;
  }

  .steps-intro-wrap {
    padding-left: 20px;
  }

  .hows-it-works-colums {
    margin-top: 0;
  }

  .scroll-down-button {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 40px;
  }

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

  .brand-2 {
    object-fit: cover;
    padding-left: 0;
  }

  .c247-hero-section {
    background-position: 30% 100%;
    border-radius: 0;
  }

  .c247-product-features {
    padding-bottom: 0;
  }

  .demo-step {
    position: static;
  }

  .demo-form-block {
    flex-flow: column;
    flex: 0 auto;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
  }

  .demo-form {
    padding-left: 0;
  }

  .demo-submit-button {
    align-self: center;
    display: flex;
    position: static;
  }

  .demo-image-logo-title {
    flex-flow: row;
    margin-bottom: 20px;
  }

  .demo-image-testimonial-wrap {
    margin-top: 40px;
  }

  .product-logo {
    align-self: center;
    width: 36%;
  }

  .book-a-demo-title {
    border-left-style: solid;
    margin-left: 40px;
    padding-left: 20px;
  }

  .div-block-108 {
    margin-top: 0;
  }

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

  .dropdown-select {
    flex-flow: column;
    height: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    display: block;
  }

  .modal-content-w {
    padding: 0 0 3rem;
  }

  .modal-1-popup {
    display: none;
  }

  .columns-2 {
    background-image: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-6 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

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

  .div-block-115 {
    padding-top: 20px;
  }

  .div-block-116 {
    padding: 0 0 20px;
  }

  .next-steps-section-c247 {
    background-position: 0 0, 0%;
  }

  .div-block-120, .div-block-121 {
    width: 100%;
  }

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

  .ctrl-modal-columns, .copia-modal-columns {
    background-image: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-22 {
    background-position: 0 0, 0 100%;
    background-size: auto, cover;
  }

  .vigil-product-features {
    background-image: linear-gradient(356deg, #0c022f 2%, #fff0 5%), linear-gradient(#0c022f, #fff0 9%), url('../images/vigil-features-bg.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
  }

  .vigil-product-hero {
    padding-bottom: 0;
  }

  .vigil-modal-columns {
    background-image: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .copia-feature-2-frame {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .feature-category {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
  }

  .image-93 {
    align-self: auto;
    height: 80%;
  }

  .feature-1-long-frame {
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .feature-img3 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    top: 15%;
    left: 5%;
  }

  .feature-2-long-frame {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .feature-img4 {
    justify-content: flex-end;
    align-items: center;
    width: 88%;
    height: 100%;
    display: flex;
    top: 15%;
    left: 5%;
  }

  .image-94 {
    height: 40px;
  }

  .image-95 {
    width: 30px;
    height: 30px;
  }

  .feature-2-dash {
    justify-content: center;
    align-self: auto;
    align-items: center;
    height: 100%;
    display: block;
    position: static;
  }

  .ctrl-feature-1-frame {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-97 {
    height: 100%;
  }

  .product-logo-hero-landscape {
    width: 200px;
  }

  .c247-logo-hero {
    align-self: auto;
    width: 150px;
  }

  .linkedin-link {
    margin-left: 5px;
  }

  .feature-text-content-wrap-vigil {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .vigil-tick-wrap {
    margin-top: 10px;
  }

  .vigil-feature-1-frame {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 600px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .feature-content-wrap-vigil {
    padding-left: 0;
    padding-right: 0;
  }

  .home-cards-wrap-v2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    justify-content: center;
    display: flex;
  }

  .c247-feature-card-2 {
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    min-height: auto;
    max-height: none;
  }

  .card-info-wrap-copy {
    flex: 0 auto;
    min-height: auto;
  }

  .div-block-140 {
    padding-top: 20px;
  }

  .feature-cark-link-block-2 {
    width: 80%;
    height: 49.2223%;
    min-height: 0;
  }

  .ctrl-feature-card-2, .vigil-feature-card-2 {
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    min-height: auto;
    max-height: none;
  }

  .ctrl-feature-2-frame {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cookie-hero {
    background-position: 30% 100%;
    border-radius: 0;
  }

  .declaration-container {
    max-width: 700px;
    padding: 20px 0;
  }

  .laine-nav-content-wrap {
    padding-left: 20px;
  }

  .laine-logo {
    width: 22%;
  }

  .laine-text {
    width: 100%;
  }

  .laine-h1 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .laine-options-wrap {
    flex-flow: column;
    display: flex;
  }

  .laine-card {
    width: 100%;
  }

  .laine-option-header {
    padding-right: 20px;
  }

  .laine-opus-logos {
    padding-top: 20px;
  }

  .lain-c247-logo {
    width: 24%;
  }

  .laine-opus-logo {
    width: 20%;
  }

  .laine-arrow {
    padding-right: 0;
  }

  .laine-card-2 {
    width: 100%;
  }

  .laine-display {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 42px;
  }

  .laine-card-solo {
    width: 100%;
  }

  .laine-blocks {
    flex-flow: column;
  }

  .laine-brand-logos {
    justify-content: center;
    align-items: center;
  }

  .div-block-144, .div-block-145 {
    width: 20%;
  }

  .laine-logo-copy {
    width: 22%;
  }

  .div-block-145-copy {
    width: 20%;
  }

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

  .div-block-149 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .div-block-148-copy {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .m-heading-1-dm {
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-top: 0;
    padding-top: 0;
    font-size: 34px;
    line-height: 48px;
  }

  .m-heading-3-dm {
    text-align: left;
    align-self: center;
  }

  .secondary-button-desktop {
    width: 500px;
    max-width: none;
  }

  .title-section-2 {
    max-width: none;
  }

  .home-container {
    height: auto;
    min-height: auto;
    margin-top: 60px;
  }

  .hero-stack-3 {
    margin-top: 0;
    padding: 100px 20px 0;
  }

  .small-container-4 {
    max-width: none;
  }

  .content-18 {
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
  }

  .hero-display-text-product {
    font-size: 22px;
    line-height: 40px;
  }

  .frame-74 {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    max-height: none;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .hero-content-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: 0 auto;
    width: 100%;
    max-width: none;
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .container-14 {
    padding-top: 40px;
  }

  .text-77 {
    font-size: 14px;
  }

  .card-item, .card-item-2 {
    height: 25rem;
  }

  .cards {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .card_component-c247 {
    width: 16rem;
    min-width: 16px;
    max-width: 16rem;
    height: 25rem;
  }

  .c247-card_front-content {
    justify-content: flex-start;
    align-items: flex-end;
    width: 15rem;
    min-width: 17rem;
    max-width: 50rem;
    height: 25rem;
  }

  .frame-114 {
    max-width: 238rem;
  }

  .main-highlights {
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .section-title-5 {
    margin-top: 100px;
  }

  .text-95 {
    font-size: 12px;
  }

  .main-highlights-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto;
    justify-content: center;
    place-items: start stretch;
    height: auto;
    margin-top: 40px;
    padding-top: 0;
  }

  .pillars-drop-item-4 {
    max-width: 400px;
    height: auto;
    min-height: auto;
    max-height: none;
    padding-top: 0;
  }

  .frame-125 {
    grid-row-gap: 20px;
    max-width: 350px;
    height: auto;
    min-height: auto;
  }

  .container-21 {
    max-width: none;
  }

  .product-hero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: auto;
    max-width: 440px;
    min-height: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .container-22-copy {
    min-width: 200px;
    max-width: 900px;
    padding-bottom: 60px;
  }

  .image-13 {
    margin-left: 0;
  }

  .frame-126 {
    align-self: flex-start;
    width: 100%;
    margin-right: 0;
  }

  .title-desc-12 {
    height: auto;
    margin-top: 39px;
    margin-bottom: 0;
  }

  .body-weak-16pt {
    max-width: 300px;
    margin-top: 0;
    padding-top: 20px;
    font-size: 14px;
  }

  .next-steps-section-copia {
    padding-top: 0;
  }

  .rectangle-351 {
    max-width: 100%;
  }

  .frame-135 {
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
  }

  .hero-container {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .key-tick-list-small-2 {
    margin-top: 20px;
  }

  .text-107 {
    font-size: 14px;
  }

  .quick-stack-2 {
    grid-column-gap: 41px;
    grid-row-gap: 0px;
    max-height: 395.938px;
  }

  .cell, .cell-3 {
    padding-top: 0;
  }

  .body-weak-large-feature {
    text-align: left;
    margin-top: 0;
    padding-top: 0;
    font-size: 14px;
  }

  .nav-menu-3 {
    flex-direction: column;
  }

  .navigation-container-mob {
    align-self: center;
  }

  .navigation-link-block {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .navigation-mob {
    z-index: 50000000;
    padding-bottom: 0;
  }

  .mobile-nav-link, .mobile-toggle {
    padding-left: 24px;
  }

  .navigation-link-block-mob {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
  }

  .global-icon-x-small {
    display: none;
  }

  .home-button-primary {
    border-radius: 60px;
    align-self: stretch;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 14px;
  }

  .flowbase-logo {
    width: 140px;
  }

  .nav-title-3 {
    font-size: 18px;
  }

  .navigation-link-block-2 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .global-secondary-button {
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    align-self: stretch;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 14px;
    display: flex;
  }

  .menu-mob-2 {
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .dropdown-list-mob-2.w--open {
    z-index: 60;
    height: auto;
  }

  .mobile-nav-link-2, .mobile-toggle-2 {
    padding-top: 20px;
    padding-left: 20px;
    font-size: 22px;
  }

  .nav-link-details-4 {
    width: 100%;
    padding-top: 0;
    font-size: 14px;
  }

  .navigation-link-block-mob-2, .navigation-link-block-mob-2.w--current {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .mob-menu-logo {
    width: 180px;
    padding-left: 0;
  }

  .nav-wrap-global {
    position: absolute;
    inset: 0% 0% auto;
  }

  .icon-4 {
    font-size: 22px;
  }

  .copia-product-hero-section {
    background-position: 40% 100%;
    padding-bottom: 0;
  }

  .ctrl-product-hero-section {
    background-position: 40% 0;
  }

  .c247-primary {
    border-radius: 10px;
    align-self: stretch;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 14px;
  }

  .home-section-6-copy {
    background-position: 0 0;
  }

  .card_component-ctrl, .card_component-copia, .card_component-vigil {
    width: 16rem;
    min-width: 16px;
    max-width: 16rem;
    height: 25rem;
  }

  .c247-hero-image {
    width: 100%;
    min-width: auto;
    margin-left: 0;
  }

  .buttons-row {
    flex-direction: column;
  }

  .input {
    border-radius: 8px;
    width: 100%;
    min-height: auto;
    font-size: 16px;
    line-height: 18px;
  }

  .input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .btn-secondary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .grid-footer---5-column---subcribe {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .footer-top {
    padding: 80px 0 60px;
  }

  .social-icon-square {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .line-rounded-icon.success-message-check.large {
    font-size: 58px;
    line-height: 64px;
  }

  .grid-subscribe-form-button-down {
    grid-template-columns: 1fr;
  }

  .footer-logo {
    width: 100%;
    max-width: 240px;
  }

  .btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .btn-primary.button-row {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .social-media-grid-top {
    grid-template-columns: repeat(auto-fit, 30px);
    justify-content: start;
  }

  .mg-bottom-40px {
    font-size: 18px;
  }

  .testimonial-cont {
    flex-flow: column;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .footer-link-2, .footer-link-2.w--current {
    font-size: 14px;
  }

  .grid-footer-v1---5-column {
    grid-row-gap: 48px;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .grid-4 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    min-width: 200px;
  }

  .marquee_wrap {
    width: 800vw;
  }

  .frame-153 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    align-self: stretch;
    width: 100%;
    max-width: none;
    margin-top: 0;
  }

  .frame-154 {
    width: 130%;
    max-width: 100%;
    max-height: none;
  }

  .frame-155 {
    max-width: 100%;
  }

  .frame-156 {
    min-width: 20%;
    max-width: 100%;
    height: 100%;
  }

  .container-22-copy {
    min-width: 200px;
    max-width: 900px;
  }

  .text-block-13 {
    font-size: 16px;
  }

  .static-marquee_logos {
    width: 400vw;
  }

  .our-pillars {
    margin-top: 0;
  }

  .card-3.content-left {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card-3.content-left.pd-32px---48px---56px {
    flex-flow: column;
    width: 108%;
    height: 100%;
  }

  .card-3.form {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .mg-bottom-24px {
    align-self: flex-start;
    margin-bottom: 16px;
  }

  .our-values-section {
    height: auto;
    margin-top: 100px;
  }

  .value-content {
    padding-left: 20px;
  }

  .values {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .ft-cont-left-img {
    min-width: 200px;
    max-width: 900px;
    margin-top: 60px;
  }

  .process-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content_wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .block_wrap {
    width: 100%;
  }

  .grid-top---text-2-buttons {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .btn-circle-secondary.slider-arrow.left---center-center {
    left: 31%;
  }

  .btn-circle-secondary.slider-arrow.right---center-center {
    right: 31%;
  }

  .inner-container._490px {
    width: auto;
    max-width: none;
  }

  .flex-horizontal {
    flex-flow: row;
    align-self: flex-start;
    min-width: auto;
  }

  .testimonials {
    margin-top: 0;
  }

  .body-weak-testimonialy, .body-weak-testimonialy-copy {
    margin-top: 0;
    padding-top: 20px;
    font-size: 14px;
  }

  .container-default-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .social-media-grid-top-2 {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .avatar-image {
    width: 100%;
  }

  .social-icon-square-2 {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .body-weak-testimonialy-bold {
    margin-top: 0;
    padding-top: 20px;
    font-size: 14px;
  }

  .m-heading-2-dm-copy {
    text-align: left;
    text-align: left;
    width: auto;
    max-width: 200px;
    display: flex;
  }

  .m-heading-2-dm-copy-copy {
    text-align: center;
    text-align: left;
    width: auto;
    max-width: none;
    display: flex;
  }

  .product-tiles {
    height: 2100px;
    margin-top: 220px;
  }

  .frame-163 {
    height: 200%;
  }

  .frame-164 {
    grid-row-gap: 12px;
    padding: 0 10px;
    font-size: 24px;
    line-height: 32px;
  }

  .text-316 {
    align-self: flex-start;
    font-size: 24px;
    line-height: 32px;
  }

  .product-tile-a {
    width: 100%;
    height: auto;
    max-height: none;
  }

  .text-95-copy {
    font-size: 12px;
  }

  .product-tile-copia, .product-tile-ctrl, .product-tile-vigil {
    width: 100%;
    height: auto;
  }

  .cta-grid {
    flex-flow: column;
    align-self: stretch;
    margin-top: 20px;
    display: flex;
  }

  .container-44 {
    height: 93.11%;
    margin-top: 60px;
  }

  .grid-smal {
    margin-left: 0;
    margin-right: 0;
  }

  .frame-184 {
    grid-row-gap: 10px;
  }

  .text-326 {
    font-size: 24px;
    line-height: 32px;
  }

  .text-326-copy {
    font-size: 24px;
  }

  .page-wrapper {
    overflow: hidden;
  }

  .m-heading-2-dm-copy {
    text-align: center;
    max-width: 200px;
    display: flex;
  }

  .body-weak-prefootercopy-copy {
    margin-top: 0;
    padding-top: 20px;
    font-size: 14px;
  }

  .upper-footer {
    background-position: 50%;
    flex-flow: column;
  }

  .blur-3 {
    height: 1200px;
  }

  .image-32 {
    width: 40px;
    padding-left: 10px;
  }

  .main-wrapper {
    width: auto;
    max-width: 100%;
  }

  .tabs-menu.tabs-vertical.width-226px {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    margin-top: 0;
    padding-top: 20px;
    display: flex;
  }

  .container-default-5 {
    max-width: 99.9999%;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .tabs-content {
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: auto;
    max-width: 100%;
  }

  .tabs-wrapper.tabs-left.accordion-v8 {
    max-width: 100%;
  }

  .tablink {
    padding: 14px 22px;
    font-size: 16px;
    line-height: 18px;
  }

  .tablink.tabs {
    margin-left: 0;
    margin-right: 0;
  }

  .tablink.tabs.vertical {
    justify-content: center;
    align-items: center;
  }

  .card-3-copy.content-left-copy {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card-3-copy.content-left-copy.pd-32px---48px---56px-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .tab-content {
    flex: 1;
    align-self: flex-end;
    max-width: 100%;
  }

  .div-block-43 {
    width: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .section-16 {
    width: auto;
    height: 800px;
  }

  .central-hero-coontent {
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: none;
  }

  .product-hero-cta {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    pointer-events: none;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 100%;
    max-width: 440px;
    min-height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .product-hero-central {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 100%;
    max-width: 440px;
    min-height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .image-45 {
    width: 50%;
  }

  .div-block-44 {
    padding: 40px 35px;
  }

  .grid-14-copy {
    grid-column-gap: 2px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    display: flex;
  }

  .grid-16 {
    flex-flow: column;
    display: flex;
  }

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

  .copia-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    height: 90%;
    padding: 40px 35px;
    display: flex;
  }

  .ctrl-block, .vigil-block {
    padding: 40px 35px;
  }

  .container-46 {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-18 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .text-counter {
    font-size: 12px;
  }

  .paragraph-6 {
    margin-top: 10px;
    padding-top: 0;
    font-size: 12px;
    line-height: 20px;
  }

  .field-title {
    font-size: 12px;
  }

  .form12_checkbox_field {
    width: 49%;
    min-width: auto;
    height: 130px;
    margin-bottom: 15px;
    margin-right: 0;
  }

  .form-title-wrap {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 20px;
    display: block;
  }

  .slider {
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    inset: 0%;
  }

  .submit-button {
    margin-bottom: -85px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .previous {
    z-index: 10000;
    max-width: none;
    display: flex;
    inset: auto 0% 0%;
  }

  .mask {
    height: 100%;
    position: static;
  }

  .next {
    flex: 1;
    align-self: auto;
    width: 100%;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    inset: auto auto 9% 0%;
  }

  .checkbox_wrap {
    flex-wrap: wrap;
  }

  .checkbox_wrap.checkbox_centre {
    margin-bottom: 20px;
  }

  .form-wrapper {
    height: 900px;
  }

  .form-wrap {
    max-width: none;
    margin-bottom: 10px;
  }

  .form-section-title {
    width: 100%;
    font-size: 20px;
    line-height: 28px;
    display: flex;
  }

  .slide {
    vertical-align: middle;
    height: 900px;
    margin-right: 0;
    position: relative;
    inset: 0%;
  }

  .slider-content-wrap {
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0;
    display: block;
    position: relative;
    inset: 0%;
  }

  .form-content {
    width: 100%;
    height: auto;
    padding: 20px;
  }

  .form-content.final {
    padding-left: 20px;
    padding-right: 20px;
  }

  .flow-personal-details {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    display: flex;
  }

  .details-right {
    justify-content: flex-start;
    align-items: center;
    bottom: 22%;
    right: 4%;
  }

  .text-area {
    border-radius: 8px;
  }

  .container-default-6 {
    max-width: none;
    margin-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .section-20 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section-20.position-relative {
    padding-bottom: 0;
  }

  .grid-2-columns.form {
    grid-column-gap: 24px;
    grid-row-gap: 20px;
    flex-flow: column;
    flex: 1;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    min-width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    overflow: visible;
  }

  .grid-2-columns.contact-v1 {
    grid-row-gap: 50px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 0;
  }

  .half-bg-right.width-36 {
    opacity: 0;
  }

  .div-block-45 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 100%;
  }

  .div-block-46 {
    width: 100%;
    margin-bottom: 20px;
  }

  .frame-210 {
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .grid-22 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .icon-container-69 {
    display: block;
  }

  .div-block-47 {
    flex-flow: row;
    flex: 1;
    align-self: auto;
    width: 100%;
    display: block;
  }

  .div-block-48, .div-block-49, .div-block-50 {
    flex: 1;
    width: 100%;
  }

  .hero-logo {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .close-modal {
    right: 3%;
  }

  .radio_wrap {
    flex-wrap: wrap;
  }

  .ms-input {
    font-size: 14px;
  }

  .c247-primary-form {
    border-radius: 10px;
    align-self: stretch;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 14px;
    top: -41px;
  }

  .checkbox_wrap-2 {
    flex-wrap: wrap;
  }

  .form12_checkbox_field-2 {
    width: 49%;
    min-width: auto;
    height: 130px;
    margin-bottom: 15px;
    margin-right: 0;
  }

  .flow-modal-window {
    flex: 0 auto;
    height: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
    inset: 0% auto 0% 0%;
  }

  .field-title-2 {
    font-size: 12px;
  }

  .flow-container {
    flex: 0 auto;
    width: auto;
    height: 100%;
    min-height: auto;
    max-height: none;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: fixed;
    top: 9%;
    overflow: visible;
  }

  .flow-form-block {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .flow-grid {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .flow-form-img-section {
    width: 100%;
  }

  .flow-form-content-section {
    width: 100%;
    height: 80%;
    padding: 20px 0 0;
  }

  .flow-form-content-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    overflow: visible;
  }

  .flow-form-upper-section {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    height: auto;
    display: grid;
  }

  .flow-form-answer-input {
    height: auto;
  }

  .flow-form-button-group {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .flow-question {
    font-size: 20px;
    line-height: 28px;
  }

  .flow-q-subtext {
    font-size: 14px;
    line-height: 20px;
  }

  .c247-flow-next {
    border-radius: 10px;
    align-self: stretch;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 14px;
    display: flex;
  }

  .flow-title {
    font-size: 14px;
  }

  .flow-welcome-header {
    font-size: 20px;
    line-height: 28px;
  }

  .flow-form-button-group-start {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: auto;
    display: flex;
  }

  .flow-form-wrap {
    max-width: none;
    margin-bottom: 0;
  }

  .flow-alert-text {
    font-size: 12px;
  }

  .product-logo-hero {
    width: 140px;
    margin-bottom: 20px;
  }

  .contact-primary {
    border-radius: 10px;
    align-self: stretch;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 16px;
  }

  .email-form-wrap {
    max-width: none;
    margin-bottom: 10px;
  }

  .flow-text-box {
    font-size: 14px;
  }

  .c247-book-a-demo {
    border-radius: 10px;
    align-self: stretch;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 14px;
  }

  .global-secondary-button-copy {
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    align-self: stretch;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 14px;
    display: flex;
  }

  .flow-modal {
    flex-flow: column;
    flex: 0 auto;
    width: auto;
    height: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    position: static;
  }

  .grid-27 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    margin-left: 0;
    display: flex;
  }

  .image-76, .image-77 {
    width: 100%;
  }

  .hero-apps {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    display: flex;
  }

  ._3-cards-section, ._3-cards-container {
    height: 1500px;
  }

  ._3-cards-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  ._3-card-item {
    width: 100%;
  }

  ._3-card-image {
    height: 100%;
  }

  .image-80 {
    height: 200px;
  }

  ._4-card-section, ._4-card-container {
    height: 1800px;
  }

  ._4-img-click-section {
    height: auto;
  }

  ._4-img-click-container {
    height: 1400px;
  }

  ._4-img-click-wrap {
    width: auto;
  }

  ._4-img-item {
    width: 100%;
  }

  .key-point-section, .key-point-container {
    height: auto;
  }

  .key-point-item {
    width: 100%;
  }

  ._4-card-item {
    width: 80%;
  }

  .feature-content-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-bottom: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .copia-feature-1-frame {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .feature-text-content-wrap {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .feature-title-wrap {
    margin-bottom: 0;
  }

  .accordion-item {
    padding-bottom: 0;
  }

  .title-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .subheading-text {
    line-height: 26px;
  }

  .c247-l {
    font-size: 14px;
    display: inline-flex;
  }

  .typography-container {
    flex-flow: column;
    display: flex;
  }

  .teaser-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .supply-nav-wrap {
    max-width: none;
  }

  .supply-brand-text {
    font-size: 14px;
  }

  .supply-logos-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .supply-product-logo {
    justify-content: center;
    align-items: center;
  }

  .supply-client-logo {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .supply-heading-text-wrap {
    width: 100%;
    margin-top: 0;
  }

  .supply-heading {
    width: 100%;
    font-size: 32px;
    line-height: 40px;
  }

  .supply-answer-text {
    padding-left: 0;
  }

  .supply-link-column {
    padding-right: 0;
  }

  .container-49 {
    width: 100%;
  }

  .section-21 {
    height: 50%;
  }

  .supply-grid-section {
    flex-flow: column;
    width: 100%;
    min-width: 240px;
    margin-top: 40px;
    display: flex;
  }

  .supply-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: 399px auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
  }

  .div-block-99 {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: auto;
    margin-top: 0;
  }

  .double-button-content-wrap {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .supply-button-text-columns {
    padding-left: 0;
    padding-right: 0;
  }

  .supply-images {
    height: 100%;
  }

  .display-subtext {
    text-shadow: 0 1px 4px #000;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
  }

  .category {
    font-size: 14px;
  }

  .category.weak {
    font-size: 12px;
  }

  .category.weak.left {
    width: auto;
  }

  .category.weak.central {
    line-height: 20px;
  }

  .regular {
    font-size: 14px;
  }

  .regular.weak {
    font-size: 16px;
  }

  .arrow {
    width: 40px;
    padding-left: 10px;
  }

  .large {
    font-size: 18px;
  }

  .subheading {
    font-size: 24px;
    line-height: 32px;
  }

  .subheading.medium {
    font-size: 22px;
    line-height: 30px;
  }

  .subheading.underline.weak {
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 20px;
    display: flex;
  }

  .body-large {
    font-size: 18px;
  }

  .body-large.weak {
    font-size: 16px;
    line-height: 26px;
  }

  .body-large.bold {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
  }

  .body-regular.weak {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
  }

  .body-small.weak {
    font-size: 12px;
    line-height: 20px;
  }

  .display {
    text-align: center;
    width: 100%;
    font-size: 30px;
    line-height: 20px;
  }

  .display.bold {
    line-height: 40px;
  }

  .headline-1 {
    font-size: 30px;
    line-height: 40px;
  }

  .table {
    flex-flow: row;
  }

  .display-sub {
    text-shadow: 0 1px 4px #000;
    width: 100%;
    font-size: 16px;
    line-height: 26px;
  }

  .h2 {
    text-align: left;
    max-width: none;
    display: flex;
  }

  .supply-heading-content-wrap-copy {
    flex-flow: column;
    align-self: flex-start;
    width: auto;
    padding-left: 0;
    display: flex;
  }

  .small {
    font-size: 14px;
  }

  .hero-plus {
    margin-top: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-plus-content-wrap {
    grid-template-columns: 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ctrl-product-features {
    background-position: 80%;
  }

  .product-features-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .display-text {
    font-size: 22px;
    line-height: 40px;
  }

  .display-text.bold {
    font-size: 32px;
    line-height: 42px;
  }

  .heading-3.bold {
    font-size: 24px;
    line-height: 34px;
  }

  .copia-product-features {
    background-image: linear-gradient(348deg, #0c022f, #0c022f 5%, #fff0 6%), linear-gradient(#0c022f, #fff0 0%), url('../images/copia-feature-grad.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
  }

  .feature-content-wrap-bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 100px;
    padding-bottom: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .card-info-wrap {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .key-points-wrap {
    flex-flow: column;
  }

  .opus-about {
    margin-bottom: 0;
  }

  .steps-intro-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .next-steps-section-ctrl {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .c247-hero-section {
    background-position: 40% 100%;
  }

  .c247-product-features {
    background-image: linear-gradient(348deg, #0c022f, #0c022f 5%, #fff0 6%), linear-gradient(#0c022f, #fff0 0%), url('../images/copia-feature-grad.png');
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
  }

  .demo-form-block {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .demo-submit-button {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: auto;
    display: flex;
  }

  .demo-image-logo-title {
    flex-flow: column;
    padding-left: 10px;
  }

  .demo-image-testimonial-wrap {
    margin-top: 40px;
  }

  .product-logo {
    align-self: flex-start;
    width: 50%;
  }

  .book-a-demo-title {
    border-left-style: none;
    margin-left: 0;
    padding-left: 0;
  }

  .div-block-108 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .dropdown-select {
    height: auto;
  }

  .close-btn-w {
    width: 3rem;
    height: 3rem;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
  }

  .modal-content-w {
    padding: 1.5rem 10px 2rem;
  }

  .modal-1-popup {
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .modal {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-bottom: 1rem;
  }

  .columns-2 {
    padding-left: 0;
    padding-right: 0;
  }

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

  .div-block-115 {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-116 {
    padding-bottom: 20px;
    padding-right: 0;
  }

  .next-steps-section-c247 {
    padding-top: 0;
  }

  .ctrl-modal-columns, .copia-modal-columns {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonials-long {
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
    margin-top: 100px;
    margin-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .section-22 {
    background-position: 0 0, 50% 100%;
  }

  .vigil-product-features {
    background-position: 80%;
  }

  .next-steps-section-vigil {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .vigil-product-hero {
    background-position: 40% 0;
    padding-bottom: 0;
  }

  .vigil-modal-columns {
    padding-left: 0;
    padding-right: 0;
  }

  .copia-feature-2-frame {
    flex-flow: column;
    height: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .feature-category {
    width: auto;
    display: flex;
  }

  .feature-cat-aniautomation {
    order: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
    height: 80%;
    margin-left: 10px;
    display: flex;
  }

  .lottie-animation {
    width: 60px;
    height: 60px;
  }

  .lottie-animation-margin {
    width: 40px;
    height: 40px;
    margin-left: 10px;
  }

  .lottie-animation-support {
    width: 60px;
    height: 60px;
    margin-left: 10px;
  }

  .lottie-animation-tick {
    width: 40px;
    height: 40px;
    margin-left: 10px;
  }

  .feature-1-long-frame {
    flex-flow: column;
    height: 100%;
    display: flex;
  }

  .feature-img3 {
    width: 98%;
    height: 40%;
    position: static;
    bottom: 0%;
  }

  .feature-2-long-frame {
    flex-flow: column;
    height: 100%;
    display: flex;
  }

  .lottie-animation-verified, .lottie-animation-calendar {
    width: 40px;
    height: 40px;
    margin-left: 0;
  }

  .feature-img4 {
    width: 98%;
    height: 40%;
    position: static;
    bottom: 0%;
  }

  .feature-1-dash {
    height: 100%;
    top: 0;
  }

  .key-points-wrap-demo {
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-129 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-130 {
    padding-left: 10px;
  }

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

  .feature-2-dash {
    height: 100%;
    top: 0;
  }

  .ctrl-feature-1-frame {
    flex-flow: column;
    height: 300px;
    display: flex;
  }

  .image-96, .image-97 {
    object-fit: contain;
    height: 100%;
  }

  .product-logo-hero-landscape {
    width: 160px;
    margin-bottom: 20px;
  }

  .c247-logo-hero {
    width: 140px;
    margin-bottom: 20px;
  }

  .div-block-135 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .feature-text-content-wrap-vigil {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .vigil-tick-item {
    height: 100%;
  }

  .vigil-feature-1-frame {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .lottie-animation-monitor {
    width: 80px;
    height: 60px;
    margin-left: 10px;
  }

  .lottie-animation-bell {
    width: 30px;
    height: 30px;
    margin-left: 10px;
  }

  .feature-content-wrap-vigil {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-bottom: 100px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-cards-wrap-v2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-left: 0;
    margin-right: 0;
  }

  .card-info-wrap-copy {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .div-block-140 {
    padding-top: 20px;
  }

  .feature-cark-link-block-2 {
    width: 100%;
  }

  .ctrl-feature-2-frame {
    flex-flow: column;
    height: 300px;
    display: flex;
  }

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

  .cookie-hero {
    background-position: 40% 100%;
  }

  .cookiebot {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .declaration-container {
    padding: 0;
    display: block;
  }

  .code-embed {
    flex-flow: column;
    width: auto;
    height: auto;
    display: flex;
  }

  .product-features-container-vigil {
    padding-left: 10px;
    padding-right: 10px;
  }

  .laine-logo {
    width: 40%;
  }

  .laine-h2 {
    font-size: 26px;
  }

  .laine-supply-content {
    padding-top: 0;
  }

  .laine-h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 38px;
  }

  .laine-option-header {
    padding-right: 20px;
  }

  .laine-logo-content-wrap {
    flex-flow: column;
  }

  .lain-c247-logo {
    width: 50%;
  }

  .laine-opus-logo {
    width: 40%;
  }

  .laine-arrow {
    padding-right: 0;
  }

  .image-103 {
    width: 30px;
  }

  .laine-display {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    line-height: 42px;
  }

  .laine-card-solo {
    background-position: 50%;
    background-size: cover;
  }

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

  .laine-brand-logos {
    flex-flow: wrap;
    margin-top: 40px;
  }

  .div-block-144, .div-block-145, .laine-logo-copy, .div-block-145-copy {
    width: 40%;
  }

  .div-block-148, .div-block-148-copy {
    width: 100%;
  }
}

#w-node-a22819c8-b8b5-79ac-2862-b9e70be34398-aa147dc5 {
  place-self: center start;
}

#w-node-_84a307eb-bd35-0cf9-87c6-2bf75bd25935-aa147dc5 {
  justify-self: start;
}

#w-node-_8b3c1338-0c2f-6e36-b822-c66abb3369f0-aa147dc5, #w-node-_8318445f-c55e-3cd8-e9ad-e49efa6673d9-aa147dc5, #w-node-_6eb5da2d-8ec9-a116-ae1c-a38da184d38f-aa147dc5, #w-node-_92acc8d3-3fe7-1b19-1abe-b73b8f18b4c6-aa147dc5, #w-node-cf45b573-e079-7e31-9441-9b5a7e73824a-aa147dc5 {
  place-self: center end;
}

#w-node-b5525994-e62a-8ed0-cb00-4fe0153b0e8b-aa147dc5 {
  justify-self: start;
}

#w-node-f5dc1883-8318-d636-4b85-30adc58c50fc-aa147dc5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_2686460e-bed3-661b-916f-192ba3ce1f9f-aa147dc5 {
  place-self: center start;
}

#w-node-_2686460e-bed3-661b-916f-192ba3ce1fb0-aa147dc5 {
  justify-self: start;
}

#w-node-_2686460e-bed3-661b-916f-192ba3ce1fb4-aa147dc5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-f8e95d7f-4d80-43ff-8cab-a10bfa79e577-aa147dc5 {
  place-self: center end;
}

#w-node-f8e95d7f-4d80-43ff-8cab-a10bfa79e588-aa147dc5 {
  justify-self: start;
}

#w-node-f8e95d7f-4d80-43ff-8cab-a10bfa79e58c-aa147dc5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d2b2df3f-c65d-e80f-798b-580ec03f0b05-aa147dc5 {
  place-self: center start;
}

#w-node-d2b2df3f-c65d-e80f-798b-580ec03f0b16-aa147dc5 {
  justify-self: start;
}

#w-node-d2b2df3f-c65d-e80f-798b-580ec03f0b1a-aa147dc5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_08d2c78b-ccae-17a3-be36-85fa2b793f5c-aa147dc5, #w-node-_8f4063bc-3820-e96e-ff06-02bfcfc5f69e-aa147dc5, #w-node-_49575331-b69b-67a0-8fae-b39398e4dc0a-aa147dc5, #w-node-e1997ba5-cc9e-d1d1-9dea-6d0dd19d8c88-aa147dc5, #w-node-_1d9c4b60-0fb2-d68b-a82c-019d5e6ea760-aa147dc5, #w-node-_8495c9ef-5db4-c63e-1783-99837753da5c-aa147dc5, #w-node-dc3fc031-0ab1-56ad-468d-a3418b901960-aa147dc5, #w-node-dc3fc031-0ab1-56ad-468d-a3418b90196c-aa147dc5, #w-node-dc3fc031-0ab1-56ad-468d-a3418b901978-aa147dc5, #w-node-dc3fc031-0ab1-56ad-468d-a3418b901984-aa147dc5, #w-node-dc3fc031-0ab1-56ad-468d-a3418b901990-aa147dc5, #w-node-dc3fc031-0ab1-56ad-468d-a3418b90199c-aa147dc5 {
  place-self: center;
}

#w-node-fc58e6ad-a915-d45c-3c3c-cbf937214ff3-aa147dc5 {
  justify-self: end;
}

#w-node-fc58e6ad-a915-d45c-3c3c-cbf93721500d-aa147dc5 {
  justify-self: start;
}

#w-node-fc58e6ad-a915-d45c-3c3c-cbf937215027-aa147dc5 {
  justify-self: end;
}

#w-node-fc58e6ad-a915-d45c-3c3c-cbf937215041-aa147dc5 {
  justify-self: start;
}

#w-node-_12b044f3-d083-9362-78db-0aa84997fbf9-aa147dc5 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: start;
}

#w-node-_12b044f3-d083-9362-78db-0aa84997fbfa-aa147dc5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_12b044f3-d083-9362-78db-0aa84997fbfe-aa147dc5 {
  grid-template-rows: auto auto;
  grid-template-columns: 2.75fr;
}

#w-node-_0faf008a-950a-1f17-0509-b2ccb6a2ebc7-aa147dc5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0faf008a-950a-1f17-0509-b2ccb6a2ebcb-aa147dc5 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-_0faf008a-950a-1f17-0509-b2ccb6a2ebe0-aa147dc5 {
  justify-self: end;
}

#w-node-_86951929-ff1c-876b-257c-f3beb5b3190f-7f58f0ed {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20b26f50-1593-bf93-499e-b274e73626a2-7f58f0ed {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a0ac7098-db61-07b0-50ec-ac5b5508088d-7f58f0ed {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-e428e15a-febd-90ce-64c4-e7edb2e5b94b-7f58f0ed {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_3f17f951-4685-ee75-cc7e-48fff327505b-f3275051 {
  align-self: center;
}

#w-node-_3f17f951-4685-ee75-cc7e-48fff3275060-f3275051 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_3f17f951-4685-ee75-cc7e-48fff3275065-f3275051 {
  place-self: center;
}

#w-node-_3f17f951-4685-ee75-cc7e-48fff32750a8-f3275051, #w-node-_3f17f951-4685-ee75-cc7e-48fff32750aa-f3275051, #w-node-_3f17f951-4685-ee75-cc7e-48fff32750ac-f3275051, #w-node-_3f17f951-4685-ee75-cc7e-48fff32750ae-f3275051, #w-node-_3f17f951-4685-ee75-cc7e-48fff32750b0-f3275051 {
  place-self: center;
}

#w-node-_2e4e198b-b138-0d60-cb23-70758328fccf-83a7acb5, #w-node-_46ba8926-c042-753d-c88f-a19a9005b873-83a7acb5, #w-node-_878717cc-5204-9395-a701-f9951cf8035e-83a7acb5, #w-node-e8adae88-e272-01b5-0a59-08b934c04cd2-83a7acb5, #w-node-_512e993b-ee04-f8a8-a0b6-912201be4d63-83a7acb5, #w-node-_9ee98876-7982-9ac0-819d-dede773c5050-83a7acb5 {
  justify-self: end;
}

#w-node-_21166dfc-c437-137b-8597-16971260d5c8-4fddeabc, #w-node-_21166dfc-c437-137b-8597-16971260d5e3-4fddeabc, #w-node-_21166dfc-c437-137b-8597-16971260d5fe-4fddeabc, #w-node-_21166dfc-c437-137b-8597-16971260d619-4fddeabc {
  place-self: center end;
}

#w-node-_6d85d64b-b815-3fa7-a36a-3cdd9bc13643-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6d85d64b-b815-3fa7-a36a-3cdd9bc13645-4fddeabc {
  place-self: center end;
}

#w-node-d61f7a5e-1996-345e-4b7a-1445bc705605-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d61f7a5e-1996-345e-4b7a-1445bc705607-4fddeabc {
  place-self: center end;
}

#w-node-_25caef37-560f-dbc0-e96f-3d9c493972b8-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_25caef37-560f-dbc0-e96f-3d9c493972ba-4fddeabc {
  place-self: center end;
}

#w-node-_27b30aed-b358-2717-1409-cc5e1a1b7f78-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_27b30aed-b358-2717-1409-cc5e1a1b7f7a-4fddeabc {
  place-self: center end;
}

#w-node-_07d0181f-6244-c9b6-7157-6d74cac4c525-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_07d0181f-6244-c9b6-7157-6d74cac4c527-4fddeabc {
  place-self: center end;
}

#w-node-_85d62bb1-03ce-6b83-bf2d-0b1b0bcea7ea-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_85d62bb1-03ce-6b83-bf2d-0b1b0bcea7ec-4fddeabc {
  place-self: center end;
}

#w-node-_85d62bb1-03ce-6b83-bf2d-0b1b0bcea7f6-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_85d62bb1-03ce-6b83-bf2d-0b1b0bcea7f8-4fddeabc {
  place-self: center end;
}

#w-node-_85d62bb1-03ce-6b83-bf2d-0b1b0bcea802-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_85d62bb1-03ce-6b83-bf2d-0b1b0bcea804-4fddeabc {
  place-self: center end;
}

#w-node-_85d62bb1-03ce-6b83-bf2d-0b1b0bcea80e-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_85d62bb1-03ce-6b83-bf2d-0b1b0bcea810-4fddeabc {
  place-self: center end;
}

#w-node-_85d62bb1-03ce-6b83-bf2d-0b1b0bcea81a-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_85d62bb1-03ce-6b83-bf2d-0b1b0bcea81c-4fddeabc {
  place-self: center end;
}

#w-node-_3c3e5e70-c108-b70b-e95c-f9524455efcf-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3c3e5e70-c108-b70b-e95c-f9524455efd1-4fddeabc {
  place-self: center end;
}

#w-node-_3c3e5e70-c108-b70b-e95c-f9524455efdb-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3c3e5e70-c108-b70b-e95c-f9524455efdd-4fddeabc {
  place-self: center end;
}

#w-node-_3c3e5e70-c108-b70b-e95c-f9524455efe7-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3c3e5e70-c108-b70b-e95c-f9524455efe9-4fddeabc {
  place-self: center end;
}

#w-node-_3c3e5e70-c108-b70b-e95c-f9524455eff3-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3c3e5e70-c108-b70b-e95c-f9524455eff5-4fddeabc {
  place-self: center end;
}

#w-node-_3c3e5e70-c108-b70b-e95c-f9524455efff-4fddeabc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3c3e5e70-c108-b70b-e95c-f9524455f001-4fddeabc {
  place-self: center end;
}

#w-node-_534a6c4f-62cf-8de0-1f44-8f20562ec472-91321153 {
  align-self: center;
}

#w-node-_534a6c4f-62cf-8de0-1f44-8f20562ec477-91321153 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_534a6c4f-62cf-8de0-1f44-8f20562ec47c-91321153 {
  place-self: center;
}

#w-node-_534a6c4f-62cf-8de0-1f44-8f20562ec4ba-91321153, #w-node-_534a6c4f-62cf-8de0-1f44-8f20562ec4bc-91321153, #w-node-_534a6c4f-62cf-8de0-1f44-8f20562ec4be-91321153, #w-node-_534a6c4f-62cf-8de0-1f44-8f20562ec4c0-91321153, #w-node-_534a6c4f-62cf-8de0-1f44-8f20562ec4c2-91321153 {
  place-self: center;
}

#w-node-_09e9fbc1-c771-924f-ac66-facb6f431c7f-9edc21d0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0b9ddc46-1f61-6788-b202-2de8d82dd376-9edc21d0 {
  align-self: center;
}

#w-node-_31ea6a78-e28d-ba98-7b16-e1aaf17e33f8-9edc21d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b0dc-9edc21d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b0de-9edc21d0 {
  place-self: center end;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b0e8-9edc21d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b0ea-9edc21d0 {
  place-self: center end;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b0f4-9edc21d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b0f6-9edc21d0 {
  place-self: center end;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b10b-9edc21d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b10d-9edc21d0 {
  place-self: center end;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b117-9edc21d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b119-9edc21d0 {
  place-self: center end;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b123-9edc21d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b125-9edc21d0 {
  place-self: center end;
}

#w-node-_09e9fbc1-c771-924f-ac66-facb6f431c7f-966313a2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_31ea6a78-e28d-ba98-7b16-e1aaf17e33f8-966313a2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-e3011090-c9bf-0c3b-bfa8-f7fdfda1ee9e-966313a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e3011090-c9bf-0c3b-bfa8-f7fdfda1eea0-966313a2 {
  place-self: center end;
}

#w-node-e3011090-c9bf-0c3b-bfa8-f7fdfda1eeaa-966313a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e3011090-c9bf-0c3b-bfa8-f7fdfda1eeac-966313a2 {
  place-self: center end;
}

#w-node-e3011090-c9bf-0c3b-bfa8-f7fdfda1eeb6-966313a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e3011090-c9bf-0c3b-bfa8-f7fdfda1eeb8-966313a2 {
  place-self: center end;
}

#w-node-_63ad624b-4a04-7de8-bb3e-3dbdf8f5be63-966313a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_63ad624b-4a04-7de8-bb3e-3dbdf8f5be65-966313a2 {
  place-self: center end;
}

#w-node-_63ad624b-4a04-7de8-bb3e-3dbdf8f5be6f-966313a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_63ad624b-4a04-7de8-bb3e-3dbdf8f5be71-966313a2 {
  place-self: center end;
}

#w-node-_63ad624b-4a04-7de8-bb3e-3dbdf8f5be7b-966313a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_63ad624b-4a04-7de8-bb3e-3dbdf8f5be7d-966313a2 {
  place-self: center end;
}

#w-node-_60ccf139-f366-2aa8-9ddb-b812015bdff3-71a83cbd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3dcb712a-30c5-4e6f-8176-539899ac3d77-71a83cbd {
  justify-self: end;
}

#w-node-_9f0b8b60-8adc-9180-2761-4e99085db7ea-71a83cbd {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center;
}

#w-node-_9f0b8b60-8adc-9180-2761-4e99085db7ec-71a83cbd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_9f0b8b60-8adc-9180-2761-4e99085db7f6-71a83cbd {
  place-self: center;
}

#w-node-_9f0b8b60-8adc-9180-2761-4e99085db7f7-71a83cbd {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9f0b8b60-8adc-9180-2761-4e99085db7f8-71a83cbd {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_9f0b8b60-8adc-9180-2761-4e99085db802-71a83cbd, #w-node-_9f0b8b60-8adc-9180-2761-4e99085db80e-71a83cbd {
  place-self: center;
}

#w-node-e0baf0c0-7eab-fa8b-600c-b44828005c64-29d15069 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_063a61de-ef0a-887d-425a-9f3d83e98283-29d15069, #w-node-_063a61de-ef0a-887d-425a-9f3d83e98284-29d15069 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_677685d5-e560-9ff5-2457-1aa9d6c8ac53-29d15069 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_677685d5-e560-9ff5-2457-1aa9d6c8ac54-29d15069, #w-node-_91e0af3a-f03b-251e-3fd9-a61bad34d9aa-29d15069, #w-node-_91e0af3a-f03b-251e-3fd9-a61bad34d9ab-29d15069 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec0bbd94-3aa2-f6e1-aec4-11a08016fb2e-29d15069 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ec0bbd94-3aa2-f6e1-aec4-11a08016fb2f-29d15069, #w-node-deca1fc1-8d6d-8309-aed7-ebbc9c89bc3a-29d15069, #w-node-deca1fc1-8d6d-8309-aed7-ebbc9c89bc3b-29d15069 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_09e9fbc1-c771-924f-ac66-facb6f431c7f-3906bbaa {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b8ff39b4-d3c9-5966-ce9c-5b8f475ad769-3906bbaa {
  place-self: center start;
}

#w-node-_0b9ddc46-1f61-6788-b202-2de8d82dd376-3906bbaa {
  align-self: center;
}

#w-node-_31ea6a78-e28d-ba98-7b16-e1aaf17e33f8-3906bbaa {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b0dc-3906bbaa {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b0de-3906bbaa {
  place-self: center end;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b0e8-3906bbaa {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b0ea-3906bbaa {
  place-self: center end;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b0f4-3906bbaa {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b0f6-3906bbaa {
  place-self: center end;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b10b-3906bbaa {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b10d-3906bbaa {
  place-self: center end;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b117-3906bbaa {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b119-3906bbaa {
  place-self: center end;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b123-3906bbaa {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_88ebcc67-3bbd-7ac3-f84e-9e80f8f9b125-3906bbaa {
  place-self: center end;
}

#w-node-_09e9fbc1-c771-924f-ac66-facb6f431c7f-fd26c249 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_31ea6a78-e28d-ba98-7b16-e1aaf17e33f8-fd26c249 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

@media screen and (min-width: 1920px) {
  #w-node-e428e15a-febd-90ce-64c4-e7edb2e5b94b-7f58f0ed {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_3dcb712a-30c5-4e6f-8176-539899ac3d77-71a83cbd {
    justify-self: end;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_12b044f3-d083-9362-78db-0aa84997fbfe-aa147dc5, #w-node-_0faf008a-950a-1f17-0509-b2ccb6a2ebcb-aa147dc5 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_31ea6a78-e28d-ba98-7b16-e1aaf17e33f8-9edc21d0, #w-node-_31ea6a78-e28d-ba98-7b16-e1aaf17e33f8-966313a2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-_3dcb712a-30c5-4e6f-8176-539899ac3d77-71a83cbd {
    justify-self: end;
  }

  #w-node-_9f0b8b60-8adc-9180-2761-4e99085db7df-71a83cbd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9f0b8b60-8adc-9180-2761-4e99085db7e0-71a83cbd {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_9f0b8b60-8adc-9180-2761-4e99085db7e2-71a83cbd {
    grid-area: 1 / 5 / 2 / 7;
  }

  #w-node-_31ea6a78-e28d-ba98-7b16-e1aaf17e33f8-3906bbaa, #w-node-_31ea6a78-e28d-ba98-7b16-e1aaf17e33f8-fd26c249 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-a22819c8-b8b5-79ac-2862-b9e70be3438f-aa147dc5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_32389840-db89-540e-d5c5-d2f278b32205-aa147dc5 {
    justify-self: end;
  }

  #w-node-_9bb81877-6952-f3f1-da93-fd6bf1ca88cd-aa147dc5 {
    justify-self: start;
  }

  #w-node-_8318445f-c55e-3cd8-e9ad-e49efa6673c4-aa147dc5 {
    justify-self: end;
  }

  #w-node-_8318445f-c55e-3cd8-e9ad-e49efa6673d5-aa147dc5 {
    justify-self: start;
  }

  #w-node-_6eb5da2d-8ec9-a116-ae1c-a38da184d37a-aa147dc5 {
    justify-self: end;
  }

  #w-node-_6eb5da2d-8ec9-a116-ae1c-a38da184d38b-aa147dc5 {
    justify-self: start;
  }

  #w-node-_92acc8d3-3fe7-1b19-1abe-b73b8f18b4b1-aa147dc5 {
    justify-self: end;
  }

  #w-node-_92acc8d3-3fe7-1b19-1abe-b73b8f18b4c2-aa147dc5, #w-node-b5525994-e62a-8ed0-cb00-4fe0153b0e8b-aa147dc5, #w-node-_2686460e-bed3-661b-916f-192ba3ce1fb0-aa147dc5, #w-node-f8e95d7f-4d80-43ff-8cab-a10bfa79e588-aa147dc5, #w-node-d2b2df3f-c65d-e80f-798b-580ec03f0b16-aa147dc5 {
    justify-self: start;
  }

  #w-node-fc58e6ad-a915-d45c-3c3c-cbf937214ff3-aa147dc5 {
    place-self: center stretch;
  }

  #w-node-_12b044f3-d083-9362-78db-0aa84997fbfe-aa147dc5, #w-node-_0faf008a-950a-1f17-0509-b2ccb6a2ebcb-aa147dc5 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_20b26f50-1593-bf93-499e-b274e7362674-7f58f0ed, #w-node-_86951929-ff1c-876b-257c-f3beb5b3190e-7f58f0ed {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3f17f951-4685-ee75-cc7e-48fff3275055-f3275051 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_21166dfc-c437-137b-8597-16971260d5af-4fddeabc {
    justify-self: end;
  }

  #w-node-_21166dfc-c437-137b-8597-16971260d5c6-4fddeabc {
    justify-self: start;
  }

  #w-node-_21166dfc-c437-137b-8597-16971260d5ca-4fddeabc {
    justify-self: end;
  }

  #w-node-_21166dfc-c437-137b-8597-16971260d5e1-4fddeabc {
    justify-self: start;
  }

  #w-node-_21166dfc-c437-137b-8597-16971260d5e5-4fddeabc {
    justify-self: end;
  }

  #w-node-_21166dfc-c437-137b-8597-16971260d5fc-4fddeabc {
    justify-self: start;
  }

  #w-node-_21166dfc-c437-137b-8597-16971260d600-4fddeabc {
    justify-self: end;
  }

  #w-node-_21166dfc-c437-137b-8597-16971260d617-4fddeabc {
    justify-self: start;
  }

  #w-node-_29282c0d-f5ad-f9cd-4a03-660bcc7970f7-91321153 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-c84222d1-1b16-9772-2691-e21a491890fa-91321153 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
  }

  #w-node-_534a6c4f-62cf-8de0-1f44-8f20562ec46c-91321153 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_09e9fbc1-c771-924f-ac66-facb6f431c7f-9edc21d0 {
    place-self: start;
  }

  #w-node-_31ea6a78-e28d-ba98-7b16-e1aaf17e33f8-9edc21d0 {
    grid-area: 2 / 1 / 3 / 2;
    place-self: center;
  }

  #w-node-_09e9fbc1-c771-924f-ac66-facb6f431c7f-966313a2 {
    place-self: start;
  }

  #w-node-_31ea6a78-e28d-ba98-7b16-e1aaf17e33f8-966313a2 {
    grid-area: 2 / 1 / 3 / 2;
    place-self: center;
  }

  #w-node-_07d6190b-f589-7e95-3ebb-2af49d4760e2-71a83cbd {
    justify-self: end;
  }

  #w-node-_9f0b8b60-8adc-9180-2761-4e99085db7df-71a83cbd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e0baf0c0-7eab-fa8b-600c-b44828005c64-29d15069 {
    place-self: start;
  }

  #w-node-_063a61de-ef0a-887d-425a-9f3d83e98283-29d15069 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_063a61de-ef0a-887d-425a-9f3d83e98284-29d15069 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-_677685d5-e560-9ff5-2457-1aa9d6c8ac53-29d15069 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_677685d5-e560-9ff5-2457-1aa9d6c8ac54-29d15069 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-_91e0af3a-f03b-251e-3fd9-a61bad34d9aa-29d15069 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_91e0af3a-f03b-251e-3fd9-a61bad34d9ab-29d15069 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-ec0bbd94-3aa2-f6e1-aec4-11a08016fb2e-29d15069 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ec0bbd94-3aa2-f6e1-aec4-11a08016fb2f-29d15069 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-deca1fc1-8d6d-8309-aed7-ebbc9c89bc3a-29d15069 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-deca1fc1-8d6d-8309-aed7-ebbc9c89bc3b-29d15069 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-_09e9fbc1-c771-924f-ac66-facb6f431c7f-3906bbaa {
    place-self: start;
  }

  #w-node-_31ea6a78-e28d-ba98-7b16-e1aaf17e33f8-3906bbaa {
    grid-area: 2 / 1 / 3 / 2;
    place-self: center;
  }

  #w-node-_09e9fbc1-c771-924f-ac66-facb6f431c7f-fd26c249 {
    place-self: start;
  }

  #w-node-_31ea6a78-e28d-ba98-7b16-e1aaf17e33f8-fd26c249 {
    grid-area: 2 / 1 / 3 / 2;
    place-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_32389840-db89-540e-d5c5-d2f278b32205-aa147dc5, #w-node-_8318445f-c55e-3cd8-e9ad-e49efa6673c4-aa147dc5, #w-node-_6eb5da2d-8ec9-a116-ae1c-a38da184d37a-aa147dc5, #w-node-_92acc8d3-3fe7-1b19-1abe-b73b8f18b4b1-aa147dc5, #w-node-cf45b573-e079-7e31-9441-9b5a7e73824a-aa147dc5, #w-node-_2686460e-bed3-661b-916f-192ba3ce1f9f-aa147dc5, #w-node-f8e95d7f-4d80-43ff-8cab-a10bfa79e577-aa147dc5, #w-node-d2b2df3f-c65d-e80f-798b-580ec03f0b05-aa147dc5 {
    justify-self: center;
  }

  #w-node-_3f17f951-4685-ee75-cc7e-48fff3275055-f3275051 {
    grid-column: span 2 / span 2;
  }

  #w-node-_2e4e198b-b138-0d60-cb23-70758328fccf-83a7acb5, #w-node-_46ba8926-c042-753d-c88f-a19a9005b873-83a7acb5, #w-node-_878717cc-5204-9395-a701-f9951cf8035e-83a7acb5, #w-node-e8adae88-e272-01b5-0a59-08b934c04cd2-83a7acb5, #w-node-_512e993b-ee04-f8a8-a0b6-912201be4d63-83a7acb5, #w-node-_9ee98876-7982-9ac0-819d-dede773c5050-83a7acb5 {
    place-self: center;
  }

  #w-node-_21166dfc-c437-137b-8597-16971260d5af-4fddeabc, #w-node-_21166dfc-c437-137b-8597-16971260d5ca-4fddeabc, #w-node-_21166dfc-c437-137b-8597-16971260d5e5-4fddeabc, #w-node-_21166dfc-c437-137b-8597-16971260d600-4fddeabc {
    justify-self: center;
  }

  #w-node-_29282c0d-f5ad-f9cd-4a03-660bcc7970f7-91321153 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_534a6c4f-62cf-8de0-1f44-8f20562ec46c-91321153 {
    grid-column: span 2 / span 2;
  }

  #w-node-_07d6190b-f589-7e95-3ebb-2af49d4760e2-71a83cbd {
    justify-self: center;
  }

  #w-node-_9f0b8b60-8adc-9180-2761-4e99085db7e0-71a83cbd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8b3c1338-0c2f-6e36-b822-c66abb3369f0-aa147dc5, #w-node-_8318445f-c55e-3cd8-e9ad-e49efa6673d9-aa147dc5, #w-node-_6eb5da2d-8ec9-a116-ae1c-a38da184d38f-aa147dc5, #w-node-_92acc8d3-3fe7-1b19-1abe-b73b8f18b4c6-aa147dc5 {
    align-self: center;
  }

  #w-node-_12b044f3-d083-9362-78db-0aa84997fbfe-aa147dc5, #w-node-_0faf008a-950a-1f17-0509-b2ccb6a2ebcb-aa147dc5 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_86951929-ff1c-876b-257c-f3beb5b3190e-7f58f0ed, #w-node-_803212fd-64f8-77de-01bc-cf740618c240-7f58f0ed {
    place-self: center start;
  }

  #wf-form-Contact---Get-in-touch.w-node-_20b26f50-1593-bf93-499e-b274e7362690-7f58f0ed {
    justify-self: auto;
  }

  #w-node-_20b26f50-1593-bf93-499e-b274e73626a2-7f58f0ed, #w-node-_224a67a2-fc1b-11e6-7fe9-d5c36c7b56d4-83a7acb5, #w-node-_46ba8926-c042-753d-c88f-a19a9005b865-83a7acb5, #w-node-_878717cc-5204-9395-a701-f9951cf80350-83a7acb5, #w-node-e8adae88-e272-01b5-0a59-08b934c04c97-83a7acb5, #w-node-_512e993b-ee04-f8a8-a0b6-912201be4d55-83a7acb5, #w-node-_9ee98876-7982-9ac0-819d-dede773c5042-83a7acb5, #w-node-_5cc663b7-9be8-9230-30f6-a6f2f5dfa772-83a7acb5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_21166dfc-c437-137b-8597-16971260d5c8-4fddeabc, #w-node-_21166dfc-c437-137b-8597-16971260d5e3-4fddeabc, #w-node-_21166dfc-c437-137b-8597-16971260d5fe-4fddeabc, #w-node-_21166dfc-c437-137b-8597-16971260d619-4fddeabc {
    align-self: center;
  }

  #w-node-_29282c0d-f5ad-f9cd-4a03-660bcc7970f7-91321153 {
    align-self: start;
  }

  #w-node-_6c0588bc-8297-658a-3cf9-d3864bdae37b-29d15069 {
    justify-self: auto;
  }
}


@font-face {
  font-family: 'Bebasneue';
  src: url('../fonts/BebasNeue-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-ExtraBlack-Italic.otf') format('opentype'), url('../fonts/TT-Norms-Pro-Black-Italic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-ExtraLight-Italic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-ExtraBlack.otf') format('opentype'), url('../fonts/TT-Norms-Pro-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Bold-Italic.otf') format('opentype'), url('../fonts/TT-Norms-Pro-ExtraBold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Bold.otf') format('opentype'), url('../fonts/TT-Norms-Pro-ExtraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Light-Italic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Medium-Italic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-Thin-Italic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Norms Pro';
  src: url('../fonts/TT-Norms-Pro-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}