@font-face {
  font-family: Social Icons Font;
  src:
    url("/fonts/social-icon-font.woff2") format("woff2"),
    url("/fonts/social-icon-font.eot") format("embedded-opentype"),
    url("/fonts/social-icon-font.woff") format("woff"),
    url("/fonts/social-icon-font.ttf") format("truetype"),
    url("/fonts/social-icon-font.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Square Icons;
  src:
    url("/fonts/line-square-icons.woff2") format("woff2"),
    url("/fonts/line-square-icons.eot") format("embedded-opentype"),
    url("/fonts/line-square-icons.woff") format("woff"),
    url("/fonts/line-square-icons.ttf") format("truetype"),
    url("/fonts/line-square-icons.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Filled Icons;
  src:
    url("/fonts/filled-icon-font.woff2") format("woff2"),
    url("/fonts/filled-icon-font.eot") format("embedded-opentype"),
    url("/fonts/filled-icon-font.woff") format("woff"),
    url("/fonts/filled-icon-font.ttf") format("truetype"),
    url("/fonts/filled-icon-font.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Rounded Icons;
  src:
    url("/fonts/line-rounded-icons.woff2") format("woff2"),
    url("/fonts/line-rounded-icons.eot") format("embedded-opentype"),
    url("/fonts/line-rounded-icons.woff") format("woff"),
    url("/fonts/line-rounded-icons.ttf") format("truetype"),
    url("/fonts/line-rounded-icons.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Lufga;
  src:
    url("/fonts/LufgaExtraBoldItalic.ttf") format("truetype"),
    url("/fonts/LufgaBoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face {
  font-family: Lufga;
  src:
    url("/fonts/LufgaBold.ttf") format("truetype"),
    url("/fonts/LufgaExtraBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: Claritycity;
  src: url("/fonts/ClarityCity-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Claritycity;
  src: url("/fonts/ClarityCity-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Claritycity;
  src: url("/fonts/ClarityCity-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --neutral--600\<deleted\|variable-06b40b4b\>: #646464;
  --neutral--800\<deleted\|variable-44c33ad4\>: #040404;
  --neutral--200\<deleted\|variable-a8c051b2\>: #f7f7f7;
  --general--shadow-01\<deleted\|variable-46332da7\>: #14142b0f;
  --neutral--300\<deleted\|variable-37cef123\>: #f0f0f0;
  --neutral--400\<deleted\|variable-e617119b\>: #d7d7d7;
  --border: #e4e4e7;
  --neutral--100\<deleted\|variable-07926372\>: white;
  --general--shadow-02\<deleted\|variable-cfed2663\>: #14142b14;
  --general--shadow-04\<deleted\|variable-287c9b36\>: #14142b24;
  --secondary--color-1\<deleted\|variable-6e6412b6\>: #d5d1ff;
  --secondary--color-2\<deleted\|variable-8edf41ba\>: #fff0bb;
  --secondary--color-3\<deleted\|variable-d675572e\>: #c2f0ff;
  --secondary--color-4\<deleted\|variable-539db04a\>: #ffe3ea;
  --secondary--color-5\<deleted\|variable-3944ee48\>: #ffdfd4;
  --neutral--700\<deleted\|variable-199ad8fd\>: #474747;
  --neutral--500\<deleted\|variable-769b0229\>: #afafaf;
  --system--green-400\<deleted\|variable-309f1754\>: #11845b;
  --system--blue-400\<deleted\|variable-56f8330a\>: #086cd9;
  --system--blue-300\<deleted\|variable-6ffa721c\>: #1d88fe;
  --system--blue-200\<deleted\|variable-9965966e\>: #8fc3ff;
  --system--blue-100\<deleted\|variable-e6ec058e\>: #eaf4ff;
  --system--green-300\<deleted\|variable-d9137fb2\>: #05c168;
  --system--green-200\<deleted\|variable-01a45dc4\>: #7fdca4;
  --system--green-100\<deleted\|variable-7d2bc8f0\>: #def2e6;
  --system--red-400\<deleted\|variable-de3d88c7\>: #dc2b2b;
  --system--300\<deleted\|variable-6ada6106\>: #ff5a65;
  --system--red-200\<deleted\|variable-a794b9de\>: #ffbec2;
  --system--red-100\<deleted\|variable-757a308e\>: #ffeff0;
  --system--orange-400\<deleted\|variable-59aee015\>: #d5691b;
  --system--orange-300\<deleted\|variable-40ad00c4\>: #ff9e2c;
  --system--orange-200\<deleted\|variable-300fa490\>: #ffd19b;
  --system--orange-100\<deleted\|variable-8eddcd7a\>: #fff3e4;
  --primary: #000;
  --secondary-text: #646464;
  --accent: #c2b067;
  --general--shadow-03\<deleted\|variable-0fec43f0\>: #14142b1a;
  --general--shadow-05\<deleted\|variable-beaeac9a\>: #14142b29;
  --general--shadow-06\<deleted\|variable-b1d7ab25\>: #14142b3d;
  --button-shadow--color-01\<deleted\|variable-129768bf\>: #bebebe0f;
  --button-shadow--color-2\<deleted\|variable-ded3c3d7\>: #69696914;
  --button-shadow--color-03\<deleted\|variable-436e8cde\>: #4e4e4e14;
  --button-shadow--white-01\<deleted\|variable-c34fac67\>: #14142b0a;
  --button-shadow--white-02\<deleted\|variable-a37dbba3\>: #14142b0f;
  --button-shadow--white-03\<deleted\|variable-6cd53121\>: #14142b1a;
  --muted-text: #646464;
  --muted: #f4f4f5;
  --_apps---colors--foreground: var(--secondary-text);
  --primary-text: white;
  --sidebar: #fafafa;
  --secondary--color-6\<deleted\|variable-ce2c7ee5\>: #b8f1be;
  --secondary--color-7\<deleted\|variable-706ef335\>: #ffcf27;
  --secondary--color-8\<deleted\|variable-7ca8be1e\>: #d1e4ff;
  --secondary--color-9\<deleted\|variable-f9b585e2\>: #9a91ff;
  --secondary--color-10\<deleted\|variable-177fce53\>: #ff86a5;
  --_apps---colors--primary: #c0ae65;
  --card: #f7f7f7;
  --_apps---colors--border: var(--border);
  --_apps---colors--muted: #f2f2f2;
  --_apps---colors--background: #f8f8f8;
  --_apps---typography--heading-font: Lufga, Arial, sans-serif;
  --_apps---typography--body-font: Claritycity, sans-serif;
  --_apps---typography--button-font: Lufga, Arial, sans-serif;
  --_apps---sizes--radius: 24px;
  --_apps---colors--card: var(--primary-text);
  --_apps---colors--card-foreground: #060606;
  --_apps---colors--popover: #ebebeb;
  --_apps---colors--popover-foreground: #060606;
  --_apps---colors--primary-foreground: #100d05;
  --_apps---colors--secondary: #f6efd2;
  --_apps---colors--secondary-foreground: #0e0d0a;
  --_apps---colors--muted-foreground: #777374;
  --_apps---colors--accent: #dedede;
  --_apps---colors--accent-foreground: #0d0d0d;
  --_apps---colors--destructive: #d5455f;
  --_apps---colors--input: #e7e7ea;
  --_apps---colors--ring: #bdb07c;
  --_apps---charts--chart-1: #a18f46;
  --_apps---charts--chart-2: #baae7d;
  --_apps---charts--chart-3: #937f2b;
  --_apps---charts--chart-4: #9e8f54;
  --_apps---charts--chart-5: #817131;
  --_apps---sidebar--sidebar: #f2f2f2;
  --_apps---sidebar--sidebar-foreground: #060606;
  --_apps---sidebar--sidebar-primary: #c0ae65;
  --_apps---sidebar--sidebar-primary-foreground: #100d05;
  --_apps---sidebar--sidebar-accent: #dedede;
  --_apps---sidebar--sidebar-accent-foreground: #0d0d0d;
  --_apps---sidebar--sidebar-border: var(--border);
  --_apps---sidebar--sidebar-ring: #bdb07c;
  --_apps---colors--background-dark: #050505;
  --_apps---colors--foreground-dark: #f8f8f8;
  --_apps---colors--card-dark: #181818;
  --_apps---colors--card-foreground-dark: #f8f8f8;
  --_apps---colors--popover-dark: #181818;
  --_apps---colors--popover-foreground-dark: #f8f8f8;
  --_apps---colors--primary-dark: var(--accent);
  --_apps---colors--primary-foreground-dark: #070601;
  --_apps---colors--secondary-dark: #211a00;
  --_apps---colors--secondary-foreground-dark: #faf9f1;
  --_apps---colors--muted-dark: #020202;
  --_apps---colors--muted-foreground-dark: #8b8b8b;
  --_apps---colors--accent-dark: #2d2d2d;
  --_apps---colors--accent-foreground-dark: #f8f8f8;
  --_apps---colors--destructive-dark: #dc4c64;
  --_apps---colors--border-dark: #e4e4e71a;
  --_apps---colors--input-dark: #ffffff26;
  --_apps---colors--ring-dark: #bdb07c;
  --_apps---charts--chart-1-dark: var(--accent);
  --_apps---charts--chart-2-dark: #ede1ae;
  --_apps---charts--chart-3-dark: #a4913e;
  --_apps---charts--chart-4-dark: #dfd097;
  --_apps---charts--chart-5-dark: #928242;
  --_apps---sidebar--sidebar-dark: #0b0b0b;
  --_apps---sidebar--sidebar-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-primary-dark: var(--accent);
  --_apps---sidebar--sidebar-primary-foreground-dark: #070601;
  --_apps---sidebar--sidebar-accent-dark: #2d2d2d;
  --_apps---sidebar--sidebar-accent-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-border-dark: #ffffff1a;
  --_apps---sidebar--sidebar-ring-dark: #bdb07c;
}

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

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

.w-layout-vflex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.w-commerce-commercecheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  padding: 20px;
  background-color: #f5f5f5;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 4px 20px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutblockcontent {
  padding: 20px;
  background-color: #fff;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 0;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutrow {
  display: flex;
  margin-right: -8px;
  margin-left: -8px;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-right: 8px;
  padding-left: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutshippingstateprovince {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutshippingcountryselector {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 0;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  padding: 16px;
  margin-bottom: 0;
  font-weight: 400;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  margin-right: 12px;
  margin-left: 12px;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  padding: 64px 16px;
  text-align: center;
  background-color: #fff;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus,
.w-commerce-commercecheckoutcardnumber.-wfp-focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutcardexpirationdate {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus,
.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutcardsecuritycode {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus,
.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  display: flex;
  flex-direction: row;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutbillingcity {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutbillingstateprovince {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 16px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutbillingcountryselector {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 0;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 4px 20px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  display: flex;
  margin-bottom: 20px;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-right: 16px;
  margin-left: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  display: flex;
  white-space: pre-wrap;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  padding-left: 0;
  margin-bottom: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  position: sticky;
  top: 20px;
  flex: 0 0 320px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem,
.w-commerce-commercecheckoutordersummaryextraitemslistitem {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutdiscounts {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutdiscountslabel {
  flex-basis: 100%;
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutdiscountsinput {
  display: block;
  flex: 1;
  width: auto;
  min-width: 0;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 0;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commercecheckoutdiscountsbutton {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 38px;
  padding: 9px 15px;
  margin-left: 8px;
  color: #fff;
  text-decoration: none;
  appearance: none;
  cursor: pointer;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
}

.w-commerce-commercecheckoutplaceorderbutton {
  display: block;
  align-items: center;
  padding: 9px 15px;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  appearance: none;
  cursor: pointer;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
}

.w-commerce-commercecartapplepaybutton {
  display: flex;
  align-items: center;
  height: 38px;
  min-height: 30px;
  padding: 0;
  margin-bottom: 8px;
  color: #fff;
  text-decoration: none;
  appearance: none;
  cursor: pointer;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 15px;
  margin-bottom: 8px;
  color: #fff;
  text-decoration: none;
  appearance: none;
  cursor: pointer;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
}

.w-commerce-commercequickcheckoutgoogleicon,
.w-commerce-commercequickcheckoutmicrosofticon {
  display: block;
  margin-right: 8px;
}

.w-commerce-commercecheckouterrorstate {
  padding: 10px 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  background-color: #ffdede;
}

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

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

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

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

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

.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-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  border-color: #3898ec;
}

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

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  display: flex;
  margin-bottom: 10px;
}

.w-commerce-commerceaddtocartoptionpill {
  padding: 8px 15px;
  margin-right: 10px;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  outline-style: none;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.w-commerce-commerceaddtocartquantityinput {
  display: block;
  width: 60px;
  height: 38px;
  padding: 8px 6px 8px 12px;
  margin-bottom: 10px;
  line-height: 20px;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  outline-style: none;
  border-color: #3898ec;
}

.w-commerce-commerceaddtocartbutton {
  display: flex;
  align-items: center;
  padding: 9px 15px;
  color: #fff;
  text-decoration: none;
  appearance: none;
  cursor: pointer;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  outline-style: none;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.w-commerce-commercebuynowbutton {
  display: inline-block;
  align-items: center;
  padding: 9px 15px;
  margin-top: 10px;
  color: #fff;
  text-decoration: none;
  appearance: none;
  cursor: pointer;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  outline-style: none;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.w-commerce-commerceaddtocartoutofstock {
  padding: 10px;
  margin-top: 10px;
  background-color: #ddd;
}

.w-commerce-commerceaddtocarterror {
  padding: 10px;
  margin-top: 10px;
  background-color: #ffdede;
}

.w-commerce-commerceorderconfirmationcontainer {
  width: 100%;
  min-height: 100vh;
  padding: 20px;
  background-color: #f5f5f5;
}

.w-commerce-commercelayoutcontainer {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem,
.w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: 0.33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper,
.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  padding: 20px;
  background-color: #f5f5f5;
}

.w-commerce-commercepaypalcheckouterrorstate {
  padding: 10px 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  background-color: #ffdede;
}

.w-pagination-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.w-pagination-previous {
  display: block;
  padding: 9px 20px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 14px;
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  display: block;
  padding: 9px 20px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 14px;
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput,
  .w-commerce-commercecheckoutshippingfullname,
  .w-commerce-commercecheckoutshippingstreetaddress,
  .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity,
  .w-commerce-commercecheckoutshippingstateprovince,
  .w-commerce-commercecheckoutshippingzippostalcode,
  .w-commerce-commercecheckoutshippingcountryselector,
  .w-commerce-commercecheckoutcardnumber,
  .w-commerce-commercecheckoutcardexpirationdate,
  .w-commerce-commercecheckoutcardsecuritycode,
  .w-commerce-commercecheckoutbillingfullname,
  .w-commerce-commercecheckoutbillingstreetaddress,
  .w-commerce-commercecheckoutbillingstreetaddressoptional,
  .w-commerce-commercecheckoutbillingcity,
  .w-commerce-commercecheckoutbillingstateprovince,
  .w-commerce-commercecheckoutbillingzippostalcode,
  .w-commerce-commercecheckoutbillingcountryselector,
  .w-commerce-commercecheckoutdiscountsinput,
  .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  font-family: Claritycity, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.667em;
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

h1 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 54px;
  font-weight: 700;
  line-height: 1.222em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.316em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

h3 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.417em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.273em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

h5 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.333em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

h6 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.375em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

p {
  margin-bottom: 0;
}

a {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  text-decoration: underline;
  transition: color 0.3s;
}

a:hover {
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

ul,
ol {
  padding-left: 40px;
  margin-top: 0;
  margin-bottom: 10px;
}

li {
  padding-left: 8px;
  margin-bottom: 8px;
}

img {
  display: inline-block;
  max-width: 100%;
}

label {
  display: block;
  margin-bottom: 12px;
  font-weight: 700;
  line-height: 1.111em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

strong {
  font-weight: 700;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

blockquote {
  padding: 85px 150px;
  margin-top: 14px;
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.875em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  text-align: center;
  background-color: var(--neutral--200\<deleted\|variable-a8c051b2\>);
  border: 0 solid #000;
  border-radius: 38px;
  box-shadow: 2px 0 11px -1px
    var(--general--shadow-01\<deleted\|variable-46332da7\>);
}

figure {
  margin-top: 24px;
  margin-bottom: 48px;
}

figcaption {
  margin-top: 16px;
  text-align: center;
}

.page-wrapper {
  position: relative;
  min-height: 100vh;
}

.page-wrapper.nooverflow {
  overflow-x: clip;
}

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

.grid-2-columns.style---styleguide-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 0.25fr 1fr;
  grid-row-gap: 28px;
  grid-column-gap: 0px;
  align-items: start;
}

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

.grid-2-columns.contact {
  grid-template-columns: 1fr 1.2fr;
  grid-row-gap: 28px;
  grid-column-gap: 20px;
  align-items: start;
}

.grid-2-columns.title-and-paragraph {
  grid-template-columns: 1fr 0.8fr;
  grid-row-gap: 28px;
  grid-column-gap: 40px;
}

.grid-2-columns.text-left-default {
  grid-template-columns: 0.7fr 1fr;
  grid-column-gap: 40px;
}

.grid-2-columns.text-left-default.features-grid.rev {
  margin-top: 50px;
  margin-bottom: 50px;
}

.grid-2-columns.text-left-default.features-grid.first {
  grid-template-columns: 1.2fr 1fr;
}

.grid-2-columns.text-left-default.features-grid.end {
  grid-template-columns: 1.2fr 1fr;
  grid-column-gap: 40px;
}

.grid-2-columns.template-page-sidebar {
  grid-template-columns: 0.35fr 1fr;
  grid-column-gap: 40px;
  align-items: start;
}

.grid-2-columns.changelog-item {
  grid-template-columns: 0.4fr 1fr;
  grid-column-gap: 60px;
  align-items: start;
  padding-top: 64px;
  padding-bottom: 64px;
  border-bottom: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
}

.grid-2-columns.changelog-item.first {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}

.grid-2-columns.product-page {
  grid-template-columns: 0.75fr 1fr;
  grid-row-gap: 28px;
  grid-column-gap: 40px;
  align-items: start;
}

.grid-2-columns.checkout-page {
  grid-template-columns: 1fr 0.4fr;
  align-items: start;
}

.grid-2-columns.title-and-buttons {
  grid-template-columns: 1fr auto;
  grid-row-gap: 28px;
  grid-column-gap: 40px;
}

.grid-2-columns.title-and-buttons.lessgap {
  grid-row-gap: 20px;
}

.grid-2-columns.gap-28px.features-top-grid {
  grid-template-columns: 0.68fr 1fr;
}

.grid-2-columns.card-cta-grid {
  grid-template-columns: 1fr 0.9fr;
}

.grid-2-columns.card-testimonial-top-grid {
  grid-template-columns: auto 1fr;
  grid-row-gap: 18px;
  grid-column-gap: 18px;
}

.grid-2-columns.blog {
  grid-row-gap: 60px;
  grid-column-gap: 44px;
}

.grid-2-columns.blog.v2 {
  grid-column-gap: 44px;
  padding-top: 108px;
}

.grid-2-columns.post-category-grid {
  grid-template-columns: auto 1fr;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.grid-2-columns.values-top-grid {
  grid-template-columns: 1fr 0.7fr;
}

.grid-2-columns.mission {
  grid-template-columns: 1fr minmax(min-content, max-content);
  grid-row-gap: 28px;
  grid-column-gap: 40px;
  justify-content: space-between;
}

.grid-2-columns.card-newsletter-grid {
  grid-template-columns: auto 1fr;
  grid-row-gap: 32px;
  grid-column-gap: 32px;
  align-items: start;
}

.grid-2-columns.card-post-featured-details {
  grid-template-columns: auto auto;
  justify-content: space-between;
}

.grid-2-columns.post-page-details {
  grid-template-columns: auto auto;
  grid-row-gap: 28px;
  grid-column-gap: 44px;
  justify-content: center;
  text-align: left;
}

.grid-2-columns.contact-card-links {
  position: relative;
  z-index: 1;
  grid-row-gap: 28px;
  grid-column-gap: 32px;
  width: 100%;
  margin-top: 52px;
  margin-bottom: 52px;
}

.grid-2-columns.password-protected {
  grid-template-columns: 1fr auto;
  grid-column-gap: 16px;
  align-items: stretch;
}

.style---navigation-sidebar {
  position: sticky;
  top: 0;
  z-index: 1;
  height: 100%;
  max-height: 100vh;
  overflow: hidden;
  box-shadow: 1px 0 14px 0
    var(--general--shadow-01\<deleted\|variable-46332da7\>);
}

.card {
  overflow: hidden;
  background-color: var(--neutral--200\<deleted\|variable-a8c051b2\>);
  border-radius: 33px;
}

.card.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 505px;
  min-height: 702px;
  padding: 72px 48px;
  margin-bottom: 0;
}

.card.link-card {
  display: block;
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
  text-decoration: none;
  border: 1px solid #0000;
  transition:
    border-color 0.3s,
    background-color 0.3s,
    transform 0.3s;
}

.card.link-card:hover {
  background-color: var(--neutral--300\<deleted\|variable-37cef123\>);
  border-color: var(--neutral--400\<deleted\|variable-e617119b\>);
  transform: translate(0, -6px);
}

.card.link-card.career-item {
  padding: 94px 63px;
}

.card.link-card.card-team {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 50px 30px 47px;
  margin-top: -90px;
}

.card.link-card.pricing-item {
  display: flex;
  flex-direction: column;
  max-width: 407px;
  padding: 69px 31px 55px;
}

.card.link-card.pricing-item.halfh {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
  border-color: var(--border);
  border-radius: 18px;
}

.card.link-card.integration {
  padding: 51px 40px;
  border-color: var(--border);
}

.card.link-card.search-item {
  min-height: 100%;
  padding: 60px 30px;
}

.card.link-card.pricing-item-popular {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 800px;
  max-width: 807px;
  padding: 69px 31px 28px;
  margin-bottom: 0;
  background-color: #fff;
  border-color: var(--border);
}

.card.sticky-top.top-132px {
  top: 132px;
}

.card.checkout-block {
  padding: 32px 32px 48px;
  margin-bottom: 28px;
}

.card.checkout-block.order-summary {
  padding-bottom: 40px;
}

.card.checkout-block.last {
  margin-bottom: 0;
}

.card.feature-01 {
  display: flex;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 100%;
}

.card.feature-02 {
  display: flex;
  flex-direction: column;
  color: #646464;
  background-color: #fff;
  border: 1px solid var(--border);
  border-radius: 33px;
}

.card.feature-02.extra {
  flex-flow: row;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-right: 56px;
}

.card.feature-02.extra.tom {
  align-items: center;
  justify-content: flex-end;
  margin-top: 45px;
}

.card.feature-02.testim {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 32px;
}

.card.feature-02.updated {
  min-height: 450px;
  border-width: 0;
  box-shadow:
    0 1px 2px -1px #1a19250a,
    0 1px 1px #1a19250a,
    0 0.5px 0.5px #1a19250a;
}

.card.v2 {
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
  box-shadow: 0 2px 12px 0
    var(--general--shadow-02\<deleted\|variable-cfed2663\>);
}

.card.v2.integration-strip {
  padding: 16px;
  border-radius: 100000px;
}

.card.v2.testimonial {
  padding: 45px 40px 57px;
  border-radius: 35px;
  box-shadow: 0 2px 6px 0
    var(--general--shadow-02\<deleted\|variable-cfed2663\>);
}

.card.v2.pricing-contact {
  padding: 100px 40px;
  margin-bottom: 100px;
  border-color: var(--neutral--400\<deleted\|variable-e617119b\>);
  border-radius: 38px;
  box-shadow: none;
}

.card.v2.integration-icons {
  padding: 13px 14px;
  border-radius: 1000000px;
  box-shadow: 0 1px 8px 0
    var(--general--shadow-02\<deleted\|variable-cfed2663\>);
}

.card.v2.contact-links {
  padding: 60px 55px;
  transform-style: preserve-3d;
  transition:
    box-shadow 0.3s,
    border-color 0.3s,
    transform 0.3s;
}

.card.v2.contact-links:hover {
  border-color: var(--neutral--400\<deleted\|variable-e617119b\>);
  box-shadow: 0 8px 24px 0
    var(--general--shadow-04\<deleted\|variable-287c9b36\>);
  transform: translate3d(0, -6px, 0.01px);
}

.card.use-case {
  display: flex;
  flex-direction: column;
}

.card.bg-neutral-800.cta {
  display: flex;
  grid-row-gap: 51px;
  grid-column-gap: 51px;
  justify-content: space-between;
  max-height: 400px;
  padding-top: 63px;
  padding-bottom: 0;
  padding-left: 96px;
  background-image: url("/images/Frame-972.avif");
  background-position: 0 0;
  background-size: cover;
}

.card.partner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 42px 20px;
  border-radius: 24px;
}

.card.value-top {
  padding: 101px 56px;
}

.card.value {
  padding: 90px 56px 80px;
}

.card.add-cart {
  width: 100%;
  max-width: 648px;
  min-height: 660px;
  padding: 68px 71px;
}

.card.setup-integration {
  padding-top: 54px;
  padding-bottom: 54px;
  padding-left: 40px;
  border-radius: 42px;
}

.card.newsletter {
  padding: 108px 40px;
}

.card.post-featured {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 60%;
  padding: 75px 40px 75px 50px;
  margin-top: 58px;
  margin-bottom: 58px;
  border: 1px solid #0000;
  border-radius: 38px;
}

.card.password-protected {
  max-width: 736px;
  padding: 130px 80px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 35px;
}

.card.dropdown {
  width: 821px;
  padding: 60px;
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  box-shadow: 0 4px 60px 9px
    var(--general--shadow-02\<deleted\|variable-cfed2663\>);
}

.card.accent {
  background-color: #fff;
  border: 1px solid var(--border);
}

.card.shadow {
  background-color: #fff;
  border: 0.5px solid var(--border);
  box-shadow:
    0 1px 2px -1px #0003,
    0 1px 3px #0000001a;
}

.style---color-block {
  position: relative;
  min-height: 180px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.style---color-block-content {
  padding: 24px 24px 32px;
}

.style---color-block-name {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.style---color-block-hex {
  line-height: 20px;
}

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

.grid-4-columns.integrations-strip {
  grid-template-columns: auto auto auto auto;
  grid-row-gap: 28px;
  grid-column-gap: 34px;
  align-items: center;
  justify-content: center;
}

.grid-4-columns.integrations-strip._01 {
  width: 1571px;
  margin-left: 2%;
}

.grid-4-columns.integrations-strip._02 {
  width: 1635px;
  margin-left: -6%;
}

.grid-4-columns.integrations-strip._03 {
  width: 1517px;
  margin-left: 4%;
  overflow: visible;
}

.grid-4-columns.testimonials-strip {
  width: 1700px;
}

.grid-4-columns.testimonials-strip._01,
.grid-4-columns.testimonials-strip.strip-01 {
  margin-left: 170px;
}

.grid-4-columns.avatars {
  grid-template-columns: auto auto auto auto;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  justify-content: start;
}

.bg-secondary-1 {
  background-color: var(--secondary--color-1\<deleted\|variable-6e6412b6\>);
}

.bg-secondary-2 {
  background-color: var(--secondary--color-2\<deleted\|variable-8edf41ba\>);
}

.bg-secondary-3 {
  background-color: var(--secondary--color-3\<deleted\|variable-d675572e\>);
}

.bg-secondary-4 {
  background-color: var(--secondary--color-4\<deleted\|variable-539db04a\>);
}

.bg-secondary-5 {
  background-color: var(--secondary--color-5\<deleted\|variable-3944ee48\>);
}

.bg-neutral-800 {
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.bg-neutral-700 {
  background-color: var(--neutral--700\<deleted\|variable-199ad8fd\>);
}

.bg-neutral-600 {
  background-color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

.bg-neutral-500 {
  background-color: var(--neutral--500\<deleted\|variable-769b0229\>);
}

.bg-neutral-400 {
  background-color: var(--neutral--400\<deleted\|variable-e617119b\>);
}

.bg-neutral-300 {
  background-color: var(--neutral--300\<deleted\|variable-37cef123\>);
}

.bg-neutral-200 {
  background-color: var(--neutral--200\<deleted\|variable-a8c051b2\>);
}

.bg-neutral-100 {
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
}

.style---color-block-text-example {
  position: absolute;
  inset: 16px 16px auto auto;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 16px;
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border-radius: 40px;
}

.style---color-block-text-example.badge-dark {
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.color-accent-1 {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.color-secondary-1 {
  color: var(--secondary--color-1\<deleted\|variable-6e6412b6\>);
}

.color-secondary-2 {
  color: var(--secondary--color-2\<deleted\|variable-8edf41ba\>);
}

.color-secondary-3 {
  color: var(--secondary--color-3\<deleted\|variable-d675572e\>);
}

.color-secondary-4 {
  color: var(--secondary--color-4\<deleted\|variable-539db04a\>);
}

.color-secondary-5 {
  color: var(--secondary--color-5\<deleted\|variable-3944ee48\>);
}

.color-neutral-800 {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.color-neutral-700 {
  color: var(--neutral--700\<deleted\|variable-199ad8fd\>);
}

.color-neutral-600 {
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

.color-neutral-500 {
  color: var(--neutral--500\<deleted\|variable-769b0229\>);
}

.color-neutral-300 {
  color: var(--neutral--300\<deleted\|variable-37cef123\>);
}

.color-neutral-200 {
  color: var(--neutral--200\<deleted\|variable-a8c051b2\>);
}

.color-neutral-100 {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
}

.bg-green-400 {
  background-color: var(--system--green-400\<deleted\|variable-309f1754\>);
}

.color-green-400 {
  color: #11845b;
}

.bg-blue-400 {
  background-color: var(--system--blue-400\<deleted\|variable-56f8330a\>);
}

.color-blue-400 {
  color: var(--system--blue-400\<deleted\|variable-56f8330a\>);
}

.bg-blue-300 {
  background-color: var(--system--blue-300\<deleted\|variable-6ffa721c\>);
}

.color-blue-300 {
  color: var(--system--blue-300\<deleted\|variable-6ffa721c\>);
}

.bg-blue-200 {
  background-color: var(--system--blue-200\<deleted\|variable-9965966e\>);
}

.bg-blue-100 {
  background-color: var(--system--blue-100\<deleted\|variable-e6ec058e\>);
}

.color-blue-100 {
  color: var(--system--blue-100\<deleted\|variable-e6ec058e\>);
}

.color-neutral-400 {
  color: var(--neutral--400\<deleted\|variable-e617119b\>);
}

.color-neutral-400-important {
  color: #646464 !important;
  text-decoration: none !important;
}

.bg-green-300 {
  background-color: var(--system--green-300\<deleted\|variable-d9137fb2\>);
}

.color-green-300 {
  color: var(--system--green-300\<deleted\|variable-d9137fb2\>);
}

.bg-green-200 {
  background-color: var(--system--green-200\<deleted\|variable-01a45dc4\>);
}

.color-green-200 {
  color: var(--system--green-200\<deleted\|variable-01a45dc4\>);
}

.color-green-100 {
  color: var(--system--green-100\<deleted\|variable-7d2bc8f0\>);
}

.bg-green-100 {
  background-color: var(--system--green-100\<deleted\|variable-7d2bc8f0\>);
}

.bg-red-400 {
  background-color: var(--system--red-400\<deleted\|variable-de3d88c7\>);
}

.color-red-400 {
  color: var(--system--red-400\<deleted\|variable-de3d88c7\>);
}

.bg-red-300 {
  background-color: var(--system--300\<deleted\|variable-6ada6106\>);
}

.color-red-300 {
  color: var(--system--300\<deleted\|variable-6ada6106\>);
}

.bg-red-200 {
  background-color: var(--system--red-200\<deleted\|variable-a794b9de\>);
}

.color-red-200 {
  color: var(--system--red-200\<deleted\|variable-a794b9de\>);
}

.bg-red-100 {
  background-color: var(--system--red-100\<deleted\|variable-757a308e\>);
}

.color-red-100 {
  color: var(--system--red-100\<deleted\|variable-757a308e\>);
}

.bg-orange-400 {
  background-color: var(--system--orange-400\<deleted\|variable-59aee015\>);
}

.color-orange-400 {
  color: var(--system--orange-400\<deleted\|variable-59aee015\>);
}

.bg-orange-300 {
  background-color: var(--system--orange-300\<deleted\|variable-40ad00c4\>);
}

.color-orange-300 {
  color: var(--system--orange-300\<deleted\|variable-40ad00c4\>);
}

.bg-orange-200 {
  background-color: var(--system--orange-200\<deleted\|variable-300fa490\>);
}

.color-orange-200 {
  color: var(--system--orange-200\<deleted\|variable-300fa490\>);
}

.bg-orange-100 {
  background-color: var(--system--orange-100\<deleted\|variable-8eddcd7a\>);
}

.color-orange-100 {
  color: var(--system--orange-100\<deleted\|variable-8eddcd7a\>);
}

.style---block-sub-heading {
  margin-bottom: 32px;
}

.style---block-sub-heading.border {
  padding-bottom: 40px;
  margin-bottom: 64px;
  border-bottom: 1px solid var(--neutral--400\<deleted\|variable-e617119b\>);
}

.divider {
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
  background-color: var(--neutral--400\<deleted\|variable-e617119b\>);
}

.divider._64px {
  margin-top: 64px;
  margin-bottom: 64px;
}

.divider._64px.template-pages-start-here {
  margin-bottom: 40px;
}

.divider._40px {
  margin-top: 40px;
  margin-bottom: 40px;
}

.divider._0px {
  margin-top: 0;
  margin-bottom: 0;
}

.style---typography-block-grid {
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 320px) 1fr;
  grid-column-gap: 40px;
}

.style---content-block {
  margin-bottom: 100px;
}

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

.mg-bottom-16px {
  margin-bottom: 16px;
}

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

.mg-bottom-32px {
  margin-bottom: 32px;
}

.mg-bottom-40px {
  margin-bottom: 40px;
}

.mg-bottom-48px {
  margin-bottom: 48px;
}

.mg-bottom-56px {
  margin-bottom: 56px;
}

.mg-bottom-64px {
  margin-bottom: 64px;
}

.mg-bottom-80px {
  margin-bottom: 80px;
}

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

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

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

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

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

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

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

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

.text-200 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.111em;
}

.text-200.medium {
  font-weight: 500;
}

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

.display-1 {
  font-family: Lufga, Arial, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.029em;
  color: #000;
}

.display-1.mg-bottom-20px {
  font-family: Lufga, Arial, sans-serif;
  font-size: 56px;
  font-weight: 700;
  text-align: left;
}

.display-1.mg-bottom-20px.white {
  text-shadow: 0 1px 12px #0003;
}

.display-1.mg-bottom-8px {
  font-family: Lufga, Arial, sans-serif;
  font-size: 60px;
}

.display-1.mg-bottom-8px.mwidth {
  min-width: 550px;
}

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

.grid-1-column.gap-row-24px.big {
  grid-template-columns: 1fr 1fr;
}

.grid-1-column.gap-row-28px {
  grid-row-gap: 28px;
}

.grid-1-column.integrations-strip {
  justify-content: center;
}

.grid-1-column.testimonials-strip {
  justify-content: center;
  justify-items: center;
}

.grid-1-column.features-grid {
  grid-row-gap: 32px;
  grid-column-gap: 16px;
}

.grid-1-column.card-link-icon-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.grid-1-column.gapsmall {
  grid-row-gap: 11px;
  grid-column-gap: 2px;
}

.gap-16px {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.gap-column-24px {
  grid-column-gap: 24px;
}

.gap-row-16px {
  grid-row-gap: 16px;
}

.gap-row-24px {
  grid-row-gap: 24px;
}

.gap-row-32px {
  grid-row-gap: 32px;
}

.gap-row-80px {
  grid-row-gap: 80px;
}

.display-2 {
  font-family: Lufga, Arial, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.184em;
  color: #000;
}

.display-2.color-neutral-100 {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
}

.display-2.color-neutral-100.mg-bottom-34px.left {
  text-align: left;
}

.display-2.end {
  text-align: right;
}

.display-2.left {
  color: var(--primary);
  text-align: left;
}

.display-3 {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.214em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.display-3.mg-right-5px.sm {
  font-size: 34px;
}

.display-4 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.429em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  text-align: left;
}

.display-4.mg-bottom-0.l {
  text-align: left;
}

.display-4.center {
  margin-top: 48px;
  margin-bottom: 48px;
  text-align: center;
}

.display-4.mg-top-56px.mg-bottom-60px._32,
.display-4._32 {
  font-family: Lufga, Arial, sans-serif;
  font-size: 48px;
}

.display-4.sca-e {
  font-family: Claritycity, sans-serif;
  font-size: 42px;
  text-align: center;
}

.style---style-grid-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-row-gap: 180px;
}

.paragraph-large {
  font-size: 24px;
  line-height: 1.583em;
}

.paragraph-large.text-bold.mg-bottom-40px {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  text-align: left;
}

.paragraph-large.text-bold.mg-bottom-40px.center {
  font-weight: 500;
  color: var(--secondary-text);
  text-align: center;
}

.paragraph-large.text-bold.mg-bottom-40px.centre {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.paragraph-large.text-bold.mg-bottom-40px.larger {
  font-size: 28px;
}

.paragraph-large.text-bold.mg-bottom-40px.larger.white {
  color: #fff;
  text-shadow: 0 1px 14px #0003;
}

.paragraph-small {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.714em;
}

.text-400 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.083em;
}

.text-400.medium {
  font-weight: 500;
}

.text-400.medium.top-8px {
  position: relative;
  top: 8px;
  color: #646464;
}

.text-400.medium.top-8px.accent {
  color: var(--accent);
}

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

.text-300 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1em;
}

.text-300.medium {
  font-weight: 500;
}

.text-300.medium.color-neutral-400.mt-16 {
  margin-top: 24px;
  text-align: left;
}

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

.text-100 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.125em;
}

.text-100.medium {
  font-weight: 500;
}

.text-100.bold,
.text-bold {
  font-weight: 700;
}

.text-link {
  font-weight: 700;
  line-height: 1.333em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  text-decoration: none;
  transition: color 0.3s;
}

.text-link:hover {
  color: var(--neutral--500\<deleted\|variable-769b0229\>);
}

.text-uppercase {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.text-strikethrough {
  text-decoration: line-through;
}

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

.grid-3-columns.gap-row-80px {
  grid-row-gap: 80px;
}

.grid-3-columns.style---buttons-grid {
  grid-template-columns: auto auto 1fr;
  grid-column-gap: 70px;
}

.grid-3-columns.gap-16px {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.grid-3-columns.gap-28px._1-col-tablet {
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.grid-3-columns.pricing {
  grid-template-columns: auto auto auto;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: end;
  justify-content: center;
}

.grid-3-columns.gap-row-28px {
  grid-row-gap: 28px;
  grid-column-gap: 28px;
}

.style---shadow-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  padding: 32px 44px;
  text-align: center;
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border-radius: 24px;
}

.shadow-01 {
  box-shadow: 0 2px 6px 0
    var(--general--shadow-01\<deleted\|variable-46332da7\>);
}

.shadow-02 {
  box-shadow: 0 2px 12px 0
    var(--general--shadow-02\<deleted\|variable-cfed2663\>);
}

.shadow-03 {
  box-shadow: 0 8px 28px 0
    var(--general--shadow-03\<deleted\|variable-0fec43f0\>);
}

.shadow-04 {
  box-shadow: 0 14px 42px 0
    var(--general--shadow-04\<deleted\|variable-287c9b36\>);
}

.shadow-05 {
  box-shadow: 0 24px 65px 0
    var(--general--shadow-05\<deleted\|variable-beaeac9a\>);
}

.shadow-06 {
  box-shadow: 0 32px 72px 0
    var(--general--shadow-06\<deleted\|variable-b1d7ab25\>);
}

.button-shadow-color-01 {
  box-shadow: 0 4px 10px 0
    var(--button-shadow--color-01\<deleted\|variable-129768bf\>);
}

.button-shadow-color-02 {
  box-shadow: 0 6px 20px 0
    var(--button-shadow--color-2\<deleted\|variable-ded3c3d7\>);
}

.button-shadow-color-03 {
  box-shadow: 0 10px 28px 0
    var(--button-shadow--color-03\<deleted\|variable-436e8cde\>);
}

.button-shadow-white-01 {
  box-shadow: 0 4px 10px 0
    var(--button-shadow--white-01\<deleted\|variable-c34fac67\>);
}

.button-shadow-white-02 {
  box-shadow: 0 6px 20px 0
    var(--button-shadow--white-02\<deleted\|variable-a37dbba3\>);
}

.button-shadow-white-03 {
  box-shadow: 0 10px 28px 0
    var(--button-shadow--white-03\<deleted\|variable-6cd53121\>);
}

.style---heading {
  display: flex;
  align-items: center;
  min-height: 60vh;
  padding: 72px 4vw;
  margin-bottom: 30px;
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  box-shadow: 0 2px 6px 0
    var(--general--shadow-02\<deleted\|variable-cfed2663\>);
}

.inner-container._600px {
  max-width: 600px;
}

.inner-container.center {
  margin-right: auto;
  margin-left: auto;
}

.inner-container._752px {
  max-width: 752px;
}

.inner-container._500px {
  max-width: 500px;
}

.inner-container._900px {
  max-width: 900px;
}

.inner-container._856px {
  max-width: 856px;
}

.inner-container._800px {
  max-width: 800px;
}

.inner-container._700px {
  max-width: 700px;
}

.inner-container._1068px {
  max-width: 1068px;
}

.inner-container._640px {
  max-width: 640px;
}

.inner-container._1062px {
  max-width: 1062px;
}

.inner-container._1062px.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.inner-container._783px {
  max-width: 783px;
}

.inner-container._790px {
  max-width: 790px;
}

.inner-container._723px {
  max-width: 723px;
}

.inner-container._76 {
  max-width: 76%;
}

.inner-container._76.center._100---mbl {
  position: absolute;
  inset: 0%;
  max-width: 100%;
}

.inner-container._26 {
  max-width: 26%;
}

.inner-container._22 {
  max-width: 22%;
}

.inner-container._367px {
  display: flex;
  flex-flow: column;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  max-width: 367px;
}

.inner-container._394px {
  max-width: 394px;
}

.inner-container._499px {
  max-width: 600px;
}

.inner-container._499px.r {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 1000px;
}

.inner-container._714px {
  max-width: 714px;
}

.inner-container._714px._100---tablet.rel {
  position: relative;
}

.inner-container._116px {
  max-width: 116px;
}

.inner-container._165px {
  max-width: 165px;
}

.inner-container._580px {
  max-width: 580px;
}

.inner-container._528px {
  max-width: 528px;
}

.inner-container._528px.cta {
  width: 100%;
  margin-right: -118px;
}

.inner-container._25 {
  max-width: 25%;
}

.inner-container._144px {
  max-width: 144px;
}

.inner-container._83px {
  max-width: 83px;
}

.inner-container._33px {
  max-width: 33px;
}

.inner-container._612px {
  max-width: 612px;
}

.inner-container._28px {
  max-width: 28px;
}

.inner-container._412px {
  max-width: 412px;
}

.inner-container._412px._100---mbp {
  text-align: left;
}

.inner-container._30px {
  max-width: 30px;
}

.inner-container._600px---mbl.center {
  font-weight: 700;
}

.inner-container._670px {
  max-width: 670px;
}

.inner-container._924px {
  max-width: 924px;
}

.inner-container._510px {
  max-width: 510px;
}

.inner-container._214px {
  max-width: 214px;
}

.inner-container._56px {
  max-width: 56px;
}

.inner-container._645px {
  max-width: 645px;
}

.inner-container._134px {
  max-width: 134px;
}

.inner-container._140px {
  max-width: 140px;
}

.inner-container._156px {
  max-width: 156px;
}

.inner-container.about-hero-01 {
  width: 73%;
}

.inner-container.about-hero-03 {
  max-width: 685px;
  margin-top: 107px;
  margin-left: -31%;
}

.inner-container.about-hero-02 {
  max-width: 583px;
  margin-right: -100px;
  margin-bottom: -45px;
}

.inner-container._61px {
  max-width: 61px;
}

.inner-container._52px {
  max-width: 52px;
}

.inner-container._60px {
  max-width: 60px;
}

.inner-container.mission-image {
  min-width: 450px;
  max-width: 670px;
}

.inner-container._74 {
  max-width: 74%;
}

.inner-container.about-hero-avatar {
  max-width: 134px;
}

.inner-container._625px {
  max-width: 625px;
}

.inner-container._1110px {
  max-width: 1110px;
}

.inner-container._1110px.center {
  max-width: none;
}

.inner-container._1076px {
  max-width: 1076px;
}

.inner-container._828px {
  max-width: 828px;
}

.inner-container._655px {
  max-width: 655px;
}

.inner-container._1046px {
  max-width: 1046px;
}

.inner-container._836px {
  max-width: 836px;
}

.inner-container._512px {
  max-width: 512px;
}

.inner-container._442px {
  max-width: 442px;
}

.inner-container._99px {
  max-width: 99px;
}

.inner-container.integration-hero {
  max-width: 634px;
  margin-right: auto;
  margin-left: auto;
}

.inner-container._233px {
  max-width: 233px;
}

.inner-container._75px {
  max-width: 75px;
}

.inner-container._18px {
  max-width: 18px;
}

.inner-container._817px {
  max-width: 817px;
}

.inner-container._1181px {
  max-width: 1181px;
}

.inner-container._1181px.card-setup-integration {
  margin-left: auto;
}

.inner-container._485px {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 485px;
  height: 300px;
}

.inner-container._91px {
  max-width: 91px;
}

.inner-container._646px {
  max-width: 646px;
}

.inner-container._70px {
  max-width: 70px;
}

.inner-container._630px {
  max-width: 630px;
}

.inner-container._884px {
  max-width: 884px;
}

.inner-container._891px {
  max-width: 891px;
}

.inner-container._632px {
  max-width: 632px;
}

.inner-container._788px {
  max-width: 788px;
}

.inner-container._633px {
  max-width: 633px;
}

.inner-container._58px {
  max-width: 58px;
}

.inner-container._80px {
  max-width: 80px;
}

.inner-container._638px {
  max-width: 638px;
}

.inner-container._108px {
  max-width: 108px;
}

.style---content-heading {
  display: flex;
  align-items: center;
  padding: 48px;
  margin-bottom: 60px;
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border-radius: 24px;
  box-shadow: 0 2px 6px 0
    var(--general--shadow-02\<deleted\|variable-cfed2663\>);
}

.style---heading-icon-wrapper {
  margin-right: 18px;
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  border-radius: 24px;
}

.para-1 {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--muted-text);
  text-align: left;
}

.para-1.sall {
  font-size: 13px;
}

.para-1.r {
  letter-spacing: 0;
}

.para-1.r.e {
  margin-bottom: 0;
}

.para-1.r.e.b {
  align-self: flex-end;
  max-width: 100%;
  margin-bottom: 20px;
}

.para-1.l {
  text-align: left;
}

.para-1.right {
  text-align: right;
}

.para-1.c {
  text-align: center;
}

.style---content-wrapper {
  padding-top: 40px;
  padding-right: 4vw;
  padding-left: 4vw;
}

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

.border-radius-32px {
  border-radius: 32px;
}

.border-radius-40px {
  border-radius: 40px;
}

.style---card-wrapper {
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
  border-radius: 24px;
  box-shadow: 0 2px 7px 0
    var(--general--shadow-01\<deleted\|variable-46332da7\>);
}

.style---components-wrapper {
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border-radius: 24px;
  box-shadow: 0 1px 13px 0
    var(--general--shadow-01\<deleted\|variable-46332da7\>);
}

.style---bg-white {
  padding: 48px;
}

.style-buttons-dark {
  padding: 48px;
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}

.btn-primary {
  justify-content: center;
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.111em;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: var(--accent);
  border-radius: 8px;
  transform-style: preserve-3d;
  transition:
    background-color 0.3s,
    transform 0.3s,
    color 0.3s;
}

.btn-primary:hover {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  background-color: #97894f;
  transform: scale3d(0.95, 0.95, 1.01);
}

.btn-primary.small {
  padding: 16px 22px;
}

.btn-primary.small.discount {
  height: auto;
  margin-left: 0;
}

.btn-primary.small.add16 {
  margin-left: 16px;
}

.btn-primary.large {
  padding: 32px 56px;
  font-size: 22px;
}

.btn-primary.white {
  color: #040404;
  background-color: #fff;
  box-shadow: 0 2px 6px 0
    var(--general--shadow-01\<deleted\|variable-46332da7\>);
}

.btn-primary.white:hover {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--400\<deleted\|variable-e617119b\>);
}

.btn-primary.white.pricing-item {
  width: 100%;
  transition-property: none;
}

.btn-primary.white.pricing-item:hover {
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  transform: none;
}

.btn-primary.white.nb {
  margin-bottom: 0;
}

.btn-primary.white.fw.big {
  font-size: 20px;
}

.btn-primary.inside-input {
  position: absolute;
  inset: 0% 0% 0% auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-primary.inside-input.default {
  top: 15px;
  right: 17px;
  bottom: 15px;
  padding: 22px 28px;
}

.btn-primary.width-100 {
  transform-style: preserve-3d;
}

.btn-primary.width-100:hover {
  transform: scale3d(0.99, 0.99, 1.01);
}

.btn-primary.download-app {
  display: flex;
}

.btn-primary.cart-checkout {
  margin-top: 15px;
  transform-style: preserve-3d;
}

.btn-primary.cart-checkout:hover {
  transform: scale3d(0.98, 0.98, 1.01);
}

.btn-primary.pricing-item-popular {
  transition-property: none;
}

.btn-primary.pricing-item-popular:hover {
  background-color: var(--accent);
  transform: none;
}

.btn-primary.ml {
  display: flex;
  align-items: center;
  padding-right: 16px;
  padding-left: 16px;
  margin-left: 16px;
}

.btn-primary.mg-top-32px.wide {
  width: 155px;
}

.btn-primary.mg-top-32px.wide.black,
.btn-primary.mg-top-32px.black {
  background-color: var(--primary);
}

.btn-primary.mg-top-32px.black.thiin {
  min-width: 150px;
  margin-right: auto;
  margin-left: auto;
}

.btn-primary.secondary {
  background-color: var(--secondary-text);
}

.btn-secondary {
  padding: 26px 38px;
  font-weight: 700;
  line-height: 1.111em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  text-align: center;
  background-color: var(--neutral--300\<deleted\|variable-37cef123\>);
  border-radius: 48px;
  transform-style: preserve-3d;
  transition:
    transform 0.3s,
    background-color 0.3s,
    color 0.3s;
}

.btn-secondary:hover {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  transform: scale3d(0.95, 0.95, 1.01);
}

.btn-secondary.small {
  padding: 16px 22px;
}

.btn-secondary.small.header-btn-hidde-on-mb {
  margin-left: 16px;
}

.btn-secondary.large {
  padding: 32px 56px;
  font-size: 22px;
}

.btn-secondary.white {
  font-weight: 400;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  box-shadow: 0 4px 10px 0
    var(--general--shadow-01\<deleted\|variable-46332da7\>);
}

.btn-secondary.white:hover {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--400\<deleted\|variable-e617119b\>);
}

.btn-secondary.white.pagination {
  margin-top: 113px;
  font-size: 18px;
}

.btn-secondary.width-100 {
  transform-style: preserve-3d;
}

.btn-secondary.width-100:hover {
  transform: scale3d(0.99, 0.99, 1.01);
}

.btn-secondary.tabs {
  margin-right: 12px;
  margin-left: 12px;
}

.btn-secondary.tabs.w--current {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.btn-secondary.category {
  padding: 15px 17px;
  margin-right: 19px;
  margin-bottom: 19px;
  font-weight: 700;
  line-height: 1em;
  text-align: left;
  text-decoration: none;
}

.btn-secondary.category.w--current {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.btn-secondary.category.all {
  padding: 19px 28px;
}

.badge-primary {
  display: inline-block;
  padding: 15px 17px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.111em;
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  border-radius: 40px;
}

.badge-primary.white {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
}

.badge-primary.white.post-category {
  padding: 15px 17px;
}

.badge-primary.light {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--300\<deleted\|variable-37cef123\>);
}

.badge-primary.light.post-category-link {
  text-decoration: none;
  transition-property: none;
}

.badge-primary.small {
  padding: 10px 13px;
  font-size: 16px;
}

.badge-primary.large {
  padding: 22px 38px;
  font-size: 20px;
}

.badge-primary.bg-secondary-4 {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--border);
}

.badge-primary.bg-secondary-3 {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--secondary--color-3\<deleted\|variable-d675572e\>);
}

.badge-primary.post-category {
  padding: 15px 17px;
}

.badge-secondary {
  display: inline-block;
  padding: 15px 17px;
  font-size: 18px;
  line-height: 1.111em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  text-align: center;
  text-decoration: none;
  background-color: var(--neutral--200\<deleted\|variable-a8c051b2\>);
  border-radius: 40px;
}

.badge-secondary.white {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  background-color: #0000;
  border: 1px solid var(--neutral--100\<deleted\|variable-07926372\>);
  box-shadow: none;
}

.badge-secondary.light {
  color: var(--neutral--700\<deleted\|variable-199ad8fd\>);
  background-color: #0000;
  border: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
}

.badge-secondary.small {
  padding: 10px 13px;
  font-size: 16px;
}

.badge-secondary.large {
  padding: 22px 38px;
  font-size: 20px;
}

.input {
  min-height: 78px;
  padding: 20px 24px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.111em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
  border-radius: 100px;
  box-shadow: 0 2px 6px 0
    var(--general--shadow-02\<deleted\|variable-cfed2663\>);
  transition:
    box-shadow 0.3s,
    color 0.3s,
    border-color 0.3s;
}

.input:hover {
  border-color: var(--neutral--500\<deleted\|variable-769b0229\>);
  box-shadow: 0 2px 12px 0
    var(--general--shadow-03\<deleted\|variable-0fec43f0\>);
}

.input:focus,
.input.-wfp-focus {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  border-color: var(--neutral--500\<deleted\|variable-769b0229\>);
}

.input::placeholder {
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

.input.small {
  min-height: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0;
  font-size: 16px;
}

.input.small::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.input.small.cart-item-quantity {
  width: 70px;
  min-height: 45px;
  padding-right: 10px;
  padding-left: 15px;
}

.input.large {
  min-height: 76px;
}

.input.button-inside {
  min-height: 94px;
  padding-right: 170px;
}

.input.mg-bottom-16px {
  margin-bottom: 16px;
}

.input.quntity {
  width: 110px;
}

.input.medium {
  min-height: 70px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 24px;
  font-size: 16px;
}

.input.medium::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.input.medium.last {
  margin-bottom: 0;
}

.position-relative {
  position: relative;
  display: flex;
}

.position-relative.z-index-1 {
  flex-flow: column;
  perspective: 1000px;
}

.position-relative.negative {
  margin-top: -50px;
}

.text-area {
  min-width: 100%;
  max-width: 100%;
  min-height: 144px;
  max-height: 200px;
  padding: 24px;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 400;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
  border-radius: 22px;
  box-shadow: 0 2px 6px 0
    var(--general--shadow-02\<deleted\|variable-cfed2663\>);
  transition:
    box-shadow 0.3s,
    color 0.3s,
    border-color 0.3s;
}

.text-area:hover {
  border-color: var(--neutral--500\<deleted\|variable-769b0229\>);
  box-shadow: 0 2px 12px 0
    var(--general--shadow-03\<deleted\|variable-0fec43f0\>);
}

.text-area:focus {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  border-color: var(--neutral--500\<deleted\|variable-769b0229\>);
}

.text-area::placeholder {
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

.text-area.small {
  min-height: 102px;
  margin-bottom: 24px;
  font-size: 16px;
}

.text-area.small::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.checkbox-field-wrapper {
  display: flex;
  align-items: center;
  padding-left: 0;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 22px;
}

.checkbox-field-wrapper.large {
  font-size: 20px;
  line-height: 24px;
}

.checkbox-field-wrapper.small {
  font-size: 16px;
  line-height: 20px;
}

.checkbox {
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  margin-top: 0;
  margin-right: 10px;
  margin-left: 0;
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border-color: var(--neutral--400\<deleted\|variable-e617119b\>);
  border-width: 1px;
  border-radius: 6px;
  box-shadow: 0 1px 6px 0
    var(--general--shadow-01\<deleted\|variable-46332da7\>);
  transition:
    border-color 0.3s,
    background-color 0.3s;
}

.checkbox:hover {
  border-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.checkbox.w--redirected-checked {
  margin-top: 0;
  margin-left: 0;
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-image: url("/images/check-form-brix-templates-webflow.svg");
  background-size: auto;
  border-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.checkbox.w--redirected-focus {
  box-shadow: none;
}

.checkbox.large {
  min-width: 28px;
  min-height: 28px;
}

.checkbox.small {
  min-width: 22px;
  min-height: 22px;
  border-radius: 5px;
}

.radio-button-field-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 24px;
}

.radio-button-field-wrapper.large {
  font-size: 20px;
  line-height: 26px;
}

.radio-button-field-wrapper.small {
  font-size: 16px;
  line-height: 22px;
}

.radio-button {
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  margin-top: 0;
  margin-right: 10px;
  margin-left: 0;
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border-color: var(--neutral--400\<deleted\|variable-e617119b\>);
  box-shadow: 0 2px 6px 0
    var(--general--shadow-01\<deleted\|variable-46332da7\>);
  transition:
    border-color 0.3s,
    border-width 0.3s,
    background-color 0.3s;
}

.radio-button:hover {
  border-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.radio-button.w--redirected-checked {
  border-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  border-width: 6px;
}

.radio-button.w--redirected-focus {
  box-shadow: none;
}

.radio-button.large {
  min-width: 28px;
  min-height: 28px;
}

.radio-button.large.w--redirected-checked {
  border-width: 8px;
}

.radio-button.small {
  min-width: 22px;
  min-height: 22px;
}

.style---avatars-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 290px);
  grid-column-gap: 24px;
}

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

.avatar-circle._01 {
  width: 32px;
  max-width: 32px;
  height: 32px;
  max-height: 32px;
}

.avatar-circle._02 {
  width: 48px;
  max-width: 48px;
  height: 48px;
  max-height: 48px;
}

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

.avatar-circle._04 {
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
}

.avatar-circle._05 {
  width: 120px;
  max-width: 120px;
  height: 120px;
  max-height: 120px;
}

.avatar-circle._06 {
  width: 160px;
  max-width: 160px;
  height: 160px;
  max-height: 160px;
}

.avatar-circle._07 {
  width: 240px;
  max-width: 240px;
  height: 240px;
  max-height: 240px;
}

.avatar-circle._08 {
  width: 380px;
  max-width: 380px;
  height: 380px;
  max-height: 380px;
}

.style---icons-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 72px);
  grid-column-gap: 24px;
}

.square-icon {
  border-radius: 16px;
}

.style---social-square-icons-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
  grid-column-gap: 24px;
}

.social-icon-font {
  font-family:
    Social Icons Font,
    sans-serif;
  line-height: 21px;
}

.social-icon-font.button-left {
  margin-right: 6px;
}

.social-icon-square {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  text-decoration: none;
  background-color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
  border-radius: 8px;
  transition:
    background-color 0.3s,
    color 0.3s;
}

.social-icon-square:hover {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
}

.social-icon-square.size-10px {
  width: 10px;
}

.line-rounded-icon {
  font-family:
    Line Rounded Icons,
    sans-serif;
}

.line-rounded-icon.style---dropdown-arrow-sidebar {
  line-height: 18px;
}

.line-rounded-icon.link-icon-right {
  display: inline-block;
  width: 20px;
  margin-left: 6px;
  font-size: 20px;
  color: var(--accent);
  -webkit-text-stroke-color: var(--accent);
}

.line-rounded-icon.link-icon-right.back {
  color: var(--primary);
  -webkit-text-stroke-color: var(--primary);
}

.line-rounded-icon.link-icon-left {
  display: inline-block;
  margin-right: 6px;
  color: var(--accent);
}

.line-rounded-icon.dropdown-arrow {
  margin-left: 8px;
  font-size: 20px;
}

.line-rounded-icon.link-icon-right {
  display: inline-block;
  margin-left: 6px;
}

.style---line-icons-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 20px);
  grid-column-gap: 24px;
}

.line-square-icon {
  font-family:
    Line Square Icons,
    sans-serif;
}

.filled-icons {
  font-family:
    Filled Icons,
    sans-serif;
}

.rich-text img {
  border-radius: 38px;
}

.rich-text p {
  margin-bottom: 24px;
}

.rich-text h2 {
  margin-bottom: 16px;
}

.rich-text h3 {
  margin-top: 51px;
  margin-bottom: 16px;
}

.rich-text figure {
  margin-top: 51px;
  margin-bottom: 51px;
}

.rich-text ul,
.rich-text ol {
  margin-bottom: 40px;
}

.rich-text h6,
.rich-text h5,
.rich-text h4 {
  margin-top: 51px;
  margin-bottom: 16px;
}

.rich-text blockquote {
  margin-top: 51px;
  margin-bottom: 51px;
}

.style---dropdown-wrapper-sidebar {
  width: 100%;
  overflow: hidden;
}

.style---dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
  border-bottom: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
  transition: color 0.3s;
}

.style---dropdown-toggle:hover,
.style---dropdown-toggle.w--open {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

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

.buttons-row.center {
  align-items: center;
  justify-content: center;
}

.buttons-row.center.top {
  margin-top: 50px;
}

.buttons-row.center---tablet {
  grid-row-gap: 32px;
  grid-column-gap: 32px;
}

.buttons-row.add-cart {
  flex-direction: column;
  align-items: stretch;
}

.buttons-row.space {
  grid-row-gap: 32px;
  grid-column-gap: 32px;
}

.buttons-row.buttonrowright {
  flex-flow: row-reverse;
  grid-row-gap: 28px;
  grid-column-gap: 28px;
  text-align: right;
}

.style---dropdown-list-sidebar {
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border-bottom: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
}

.style---dropdown-link-sidebar {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px 12px 20px;
  font-size: 16px;
  line-height: 19px;
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
  text-decoration: none;
  border-right: 4px solid #0000;
  transition:
    border-color 0.3s,
    background-color 0.3s,
    color 0.3s;
}

.style---dropdown-link-sidebar:hover {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--200\<deleted\|variable-a8c051b2\>);
  border-right-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.style---dropdown-link-sidebar.w--current {
  font-weight: 700;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--200\<deleted\|variable-a8c051b2\>);
  border-right-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.style---dropdown-link-icon-sidebar {
  max-width: 38px;
  padding: 2px;
  margin-right: 10px;
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  border-radius: 8px;
}

.style---sidebar-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  overflow: scroll;
}

.style---logo-wrapper {
  width: 100%;
  padding: 38px 22px;
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
  text-align: center;
  text-decoration: none;
  background-color: var(--neutral--200\<deleted\|variable-a8c051b2\>);
  border-bottom: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
}

.width-100 {
  width: 100%;
}

.style---button-wrapper-sidebar {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 24px;
}

.style---logo-sidebar {
  transition: opacity 0.3s;
}

.style---logo-sidebar:hover {
  opacity: 0.6;
}

.container-default {
  max-width: 1316px;
  padding-right: 5%;
  padding-left: 5%;
  overflow: visible;
}

.container-default.order-confirmation {
  display: block;
}

.container-default.center {
  margin-right: auto;
  margin-left: auto;
}

.container-default.extra {
  padding-right: 5%;
  padding-left: 5%;
  margin-top: 75px;
  margin-bottom: 75px;
}

.container-default.extratop {
  margin-top: 16px;
}

.container-default.relative {
  position: relative;
}

.container-default.relative.over {
  margin-top: 0;
  overflow: hidden;
}

.section,
.section.small {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.hero {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

.section.hero.v1 {
  padding-top: 50px;
  padding-bottom: 392px;
  margin-top: 60px;
}

.section.hero.v1.smaller {
  padding-bottom: 0;
  margin-bottom: -180px;
}

.section.hero.v1.smaller.notop {
  margin-top: 0;
}

.section.hero.v1.test {
  padding-top: 200px;
  padding-bottom: 263px;
  margin-top: -115px;
}

.section.hero.v2 {
  padding-top: 84px;
  padding-bottom: 106px;
}

.section.hero.v3 {
  padding-top: 100px;
  padding-bottom: 68px;
}

.section.hero.v4 {
  padding-top: 100px;
  padding-bottom: 200px;
}

.section.hero.integrations {
  padding-top: 260px;
  padding-bottom: 245px;
  overflow: visible;
}

.section.hero.integrations.lower {
  padding-top: 80px;
  padding-bottom: 40px;
}

.section.hero.v5 {
  padding-top: 60px;
  padding-bottom: 0;
}

.section.hero.v6 {
  padding-top: 140px;
  padding-bottom: 212px;
}

.section.hero.contact {
  padding-top: 160px;
  padding-bottom: 129px;
  overflow: visible;
}

.section.pd-0px {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 64px;
  margin-bottom: 64px;
}

.section.pd-0px.bottom {
  margin-bottom: 0;
}

.section.pd-300px {
  padding-top: 250px;
  padding-bottom: 250px;
}

.section.pd-300px.pd-top-144px.bottotom {
  padding-bottom: 60px;
}

.section.pd-top-0px {
  padding-top: 0;
}

.section.pd-250px {
  padding-top: 208px;
  padding-bottom: 208px;
}

.section.pd-250px.pd-top-0px {
  padding-top: 0;
  margin-top: 120px;
}

.section.pd-220px {
  padding-top: 183px;
  padding-bottom: 183px;
}

.section.pd-bottom-144px {
  padding-bottom: 120px;
}

.section.pd-144px {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.pd-top-144px {
  display: flex;
  flex-flow: column;
  grid-row-gap: 28px;
  grid-column-gap: 28px;
  padding-top: 120px;
}

.section.pd-top-250px {
  padding-top: 208px;
}

.section.pd-280px {
  padding-top: 233px;
  padding-bottom: 233px;
}

.section.pd-top-200px {
  padding-top: 167px;
}

.section.pd-180px {
  padding-top: 150px;
  padding-bottom: 150px;
}

.section.pd-top-150px {
  padding-top: 125px;
}

.section.not-found {
  padding-top: 143px;
  padding-bottom: 160px;
}

.section.password-protected {
  padding-top: 138px;
  padding-bottom: 138px;
}

.section.nopadd {
  padding-top: 0;
}

.section.paddd {
  margin-top: 50px;
  margin-bottom: 50px;
}

.section.paddd.shrink {
  padding-top: 0;
  margin-top: 0;
}

.section.paddd.more {
  margin-bottom: 100px;
}

.section.pddd {
  padding-bottom: 200px;
}

.section.pddd.hide {
  display: none;
}

.section.pddd.top {
  padding-top: 200px;
}

.section.pddd.top.hide {
  display: block;
}

.section.lifeeasier {
  padding-bottom: 150px;
}

.section.nobottom {
  padding-bottom: 128px;
  margin-bottom: 0;
}

.link-arrow-wrapper {
  display: inline-block;
  margin-left: auto;
  font-weight: 700;
  line-height: 1.111em;
  color: var(--accent);
  text-decoration: none;
  transition: none;
}

.link-arrow-wrapper:hover {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.link-arrow-wrapper.white,
.link-arrow-wrapper.white:hover {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
}

.link-arrow-wrapper.white.rem {
  margin-left: 0;
}

.link-arrow-wrapper.white.nb {
  margin-bottom: 0;
}

.link-arrow-wrapper.pad {
  padding-top: 4px;
  padding-bottom: 4px;
}

.link-arrow-wrapper.pad.start {
  margin-right: auto;
  margin-left: 12px;
}

.link-arrow-wrapper.pad.start.why {
  width: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: auto;
}

.link-arrow-wrapper.pad.start.why.width {
  width: 100%;
  text-align: center;
  transition: none;
}

.link-arrow-wrapper.pad.start.why.width:hover {
  background-color: var(--muted);
}

.link-arrow-wrapper.rowrow {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.link-arrow-wrapper.left.secondary {
  align-self: flex-start;
  margin-left: 0;
}

.link-text {
  display: inline-block;
  font-size: 15px;
  color: var(--accent);
  -webkit-text-stroke-color: var(--primary);
  transition: color 0.3s;
}

.link-text.transition-none {
  text-decoration: none;
  transition-property: none;
}

.link-text.transition-none.white {
  margin-bottom: 0;
}

.link-text.white {
  color: var(--primary-text);
}

.link-text.white.nb {
  margin-bottom: 0;
}

.link-text.gold {
  font-family: Lufga, Arial, sans-serif;
  font-weight: 500;
  color: var(--accent);
}

.link-text.gold.normal {
  font-family: Claritycity, sans-serif;
  font-weight: 700;
  white-space: nowrap;
}

.link-text.gold.normal.black {
  color: var(--primary);
}

.link-text.mainlink {
  color: var(--accent);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: var(--accent);
  background-color: red;
  background-image: linear-gradient(90deg, #000, #000);
  -webkit-background-clip: text;
  background-clip: text;
}

.link-text.small {
  font-weight: 500;
}

.heading-h1-size {
  font-size: 54px;
  font-weight: 700;
  line-height: 1.222em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.heading-h1-size.mg-bottom-0 {
  font-family: Lufga, Arial, sans-serif;
}

.heading-h2-size {
  font-size: 38px;
  font-weight: 700;
  line-height: 1.316em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.heading-h3-size {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.417em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.heading-h4-size {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.273em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.heading-h5-size {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.333em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.heading-h6-size {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.375em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.w-nav {
  position: sticky;
  top: 0;
}

.header-wrapper {
  padding-top: 29px;
  padding-bottom: 29px;
  background-color: var(--sidebar);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.header-wrapper.transp {
  background-color: #ddd0;
}

.header-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-nav-menu-list {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.header-nav-link {
  display: flex;
  align-items: center;
  padding: 0;
  font-weight: 700;
  line-height: 1.111em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: #0000;
}

.header-nav-link:hover {
  color: var(--neutral--500\<deleted\|variable-769b0229\>);
}

.header-nav-link.w--current {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.header-nav-link.dropdown {
  display: flex;
  align-items: center;
}

.header-nav-link.cart-btn-link {
  transition-property: none;
}

.header-nav-link.header-link-hidde-on-tablet {
  text-decoration: none;
}

.header-nav-link.white {
  margin-bottom: 0;
}

.header-nav-list-item {
  padding-left: 32px;
  margin-bottom: 0;
  line-height: 1.111em;
}

.header-nav-list-item.show-in-tablet {
  display: none;
}

.header-nav-list-item.middle {
  padding-right: 16px;
  padding-left: 16px;
}

.dropdown-column-wrapper {
  padding-top: 30px;
  background-color: #0000;
  transform: translate(-50%);
}

.header-logo {
  width: 100%;
}

.header-logo-link {
  max-width: 167px;
  padding-left: 0;
  transform-style: preserve-3d;
  transition:
    transform 0.3s,
    color 0.3s;
}

.header-logo-link:hover {
  transform: scale3d(0.96, 0.96, 1.01);
}

.hamburger-menu-wrapper {
  padding: 0;
}

.hamburger-menu-wrapper.w--open {
  background-color: #0000;
}

.hamburger-menu-bar {
  width: 33px;
  height: 5px;
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  border-radius: 20px;
}

.header-right-side {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header-middle,
.header-left-side {
  display: flex;
  align-items: center;
}

.btn-circle-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  font-size: 26px;
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  text-decoration: none;
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  border-radius: 50%;
  transform-style: preserve-3d;
  transition:
    transform 0.3s,
    background-color 0.3s,
    color 0.3s;
}

.btn-circle-primary:hover {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  background-color: var(--neutral--700\<deleted\|variable-199ad8fd\>);
  transform: scale3d(0.95, 0.95, 1.01);
}

.btn-circle-primary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 22px;
}

.btn-circle-primary.large {
  width: 88px;
  min-width: 88px;
  height: 88px;
  min-height: 88px;
  font-size: 30px;
}

.btn-circle-primary.white {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
}

.btn-circle-primary.white:hover {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--400\<deleted\|variable-e617119b\>);
}

.btn-circle-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  font-size: 26px;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  text-decoration: none;
  background-color: var(--neutral--300\<deleted\|variable-37cef123\>);
  border-radius: 50%;
  transform-style: preserve-3d;
  transition:
    transform 0.3s,
    background-color 0.3s,
    color 0.3s;
}

.btn-circle-secondary:hover {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  transform: scale3d(0.94, 0.94, 1.01);
}

.btn-circle-secondary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 22px;
}

.btn-circle-secondary.small.accordion-btn {
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
  box-shadow: 0 2px 12px 0
    var(--general--shadow-02\<deleted\|variable-cfed2663\>);
}

.btn-circle-secondary.small.accordion-btn:hover {
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border-color: var(--neutral--300\<deleted\|variable-37cef123\>);
}

.btn-circle-secondary.large {
  width: 88px;
  min-width: 88px;
  height: 88px;
  min-height: 88px;
  font-size: 30px;
}

.btn-circle-secondary.white {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  background-color: #0000;
  border: 1px solid var(--neutral--100\<deleted\|variable-07926372\>);
  box-shadow: none;
  transition:
    border-color 0.3s,
    transform 0.3s,
    background-color 0.3s,
    color 0.3s;
}

.btn-circle-secondary.white:hover {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--400\<deleted\|variable-e617119b\>);
  border-color: var(--neutral--400\<deleted\|variable-e617119b\>);
}

.btn-circle-secondary.accordion-btn {
  position: relative;
}

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

.social-media-grid-top.center {
  justify-content: center;
  justify-items: center;
}

.flex-vertical {
  display: flex;
  flex-direction: column;
}

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

.flex-vertical.align-center.justify-center {
  perspective: 1000px;
}

.flex-vertical.justify-center {
  justify-content: center;
}

.flex-horizontal {
  display: flex;
}

.flex-horizontal.flex-vertical---tablet.align-center---tablet.seperate {
  grid-row-gap: 4px;
  grid-column-gap: 4px;
}

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

.flex-horizontal.justify-center {
  justify-content: center;
}

.flex-horizontal.justify-center.align-center.l {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}

.flex-horizontal.children-wrap {
  flex-wrap: wrap;
}

.flex-horizontal.categories {
  flex-wrap: wrap;
  margin-right: -19px;
  margin-bottom: -19px;
}

.footer-wrapper {
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  border-top-left-radius: 80px;
  border-top-right-radius: 80px;
}

.grid-footer {
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 50px;
  justify-content: space-between;
}

.footer-logo {
  width: 100%;
  transform-style: preserve-3d;
  transition: transform 0.3s;
}

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

.footer-logo-wrapper {
  max-width: 161px;
  margin-bottom: 19px;
}

.nav-menu-list-wrapper {
  padding-left: 0;
  margin-right: 50px;
  margin-bottom: 0;
}

.nav-menu-list-item {
  padding-left: 0;
  margin-bottom: 0;
  line-height: 1.1em;
}

.nav-link {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  text-decoration: none;
  transform-style: preserve-3d;
  transition:
    transform 0.3s,
    color 0.3s;
}

.nav-link:hover {
  color: var(--neutral--500\<deleted\|variable-769b0229\>);
  transform: translate3d(5px, 0, 0.01px);
}

.nav-link.white {
  margin-bottom: 0;
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  text-align: left;
}

.nav-link.white:hover {
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

.nav-link.white.special {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  border-bottom-color: var(--neutral--100\<deleted\|variable-07926372\>);
}

.nav-link.white.special:hover {
  color: var(--neutral--400\<deleted\|variable-e617119b\>);
  border-bottom-color: var(--neutral--400\<deleted\|variable-e617119b\>);
}

.nav-link.white.black {
  color: #040404;
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.nav-link.special {
  padding-bottom: 6px;
  font-weight: 700;
  border-bottom: 4px solid var(--neutral--800\<deleted\|variable-44c33ad4\>);
  transition:
    border-color 0.3s,
    transform 0.3s,
    color 0.3s;
}

.nav-link.special:hover {
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
  border-bottom-color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

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

.footer-bottom {
  padding-top: 38px;
  padding-bottom: 42px;
  border-top: 1px solid var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

.success-message {
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: #0000;
}

.success-message.text-default {
  font-size: 18px;
  font-weight: 500;
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

.error-message {
  padding: 0;
  margin-top: 25px;
  color: var(--system--300\<deleted\|variable-6ada6106\>);
  background-color: #0000;
}

.error-message.cart-error {
  margin-top: 0;
}

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

.text-left.text-center-mobile.mg-bottom-0.footer {
  color: #afafaf;
}

.text-center {
  display: flex;
  flex-flow: column;
  max-width: 900px;
  text-align: center;
}

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

.grid-footer-bottom {
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  align-items: center;
  color: var(--neutral--500\<deleted\|variable-769b0229\>);
}

.card-link-icon {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 38px;
  overflow: hidden;
  text-decoration: none;
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
  border-radius: 23px;
  box-shadow: 0 2px 6px 0
    var(--general--shadow-01\<deleted\|variable-46332da7\>);
  transform-style: preserve-3d;
  transition:
    transform 0.3s,
    border-color 0.3s,
    background-color 0.3s;
}

.card-link-icon:hover {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--200\<deleted\|variable-a8c051b2\>);
  border-color: var(--neutral--400\<deleted\|variable-e617119b\>);
  transform: translate3d(0, -2px, 0.01px);
}

.sticky-top {
  position: sticky;
  top: 0;
}

.icon-list-item-wrapper {
  display: flex;
  align-items: center;
}

.icon-list {
  margin-right: 16px;
  font-family:
    Line Rounded Icons,
    sans-serif;
  font-size: 20px;
  line-height: 1.111em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-hidden.fade-wrapper {
  padding: 20px 24px;
  margin-right: -24px;
  margin-left: -24px;
}

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

.accordion-item-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 45px 56px 45px 64px;
  cursor: pointer;
  background-color: var(--neutral--200\<deleted\|variable-a8c051b2\>);
  border: 1px solid var(--border);
  border-radius: 24px;
  transition:
    border-color 0.3s,
    background-color 0.3s;
}

.accordion-item-wrapper:hover {
  background-color: var(--neutral--300\<deleted\|variable-37cef123\>);
  border-color: var(--neutral--400\<deleted\|variable-e617119b\>);
}

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

.acordion-body {
  width: 100%;
  overflow: hidden;
}

.accordion-spacer {
  min-height: 8px;
}

.accordion-btn-line {
  position: absolute;
  width: 18px;
  height: 2px;
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  border-radius: 20px;
}

.accordion-btn-line.vertical {
  transform: rotate(90deg);
}

.accordion-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 784px;
}

.accordion-side {
  margin-right: 24px;
}

.accordion-side.right-side {
  margin-right: 0;
  margin-left: 24px;
}

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

.tabs-content {
  overflow: visible;
}

.empty-state {
  padding: 40px 24px;
  font-size: 20px;
  font-weight: 700;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  text-align: center;
  background-color: var(--neutral--300\<deleted\|variable-37cef123\>);
  border-radius: 20px;
}

.empty-state.card {
  background-color: #0000;
  border-top: 1px solid var(--neutral--400\<deleted\|variable-e617119b\>);
  border-bottom: 1px solid var(--neutral--400\<deleted\|variable-e617119b\>);
  border-radius: 0;
}

.empty-state.small {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  border-radius: 13px;
}

.empty-state.cart-empty {
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #0000;
}

.pd---content-inside-card {
  padding: 40px 28px 48px;
}

.pd---content-inside-card.team-member-page {
  padding: 56px 68px 64px;
}

.pd---content-inside-card.large {
  padding: 64px 56px;
}

.pd---content-inside-card.large.template-pages {
  padding-top: 60px;
}

.pd---content-inside-card.template-pages---sidebar {
  padding: 32px 16px 24px;
}

.image {
  border-radius: 0;
}

.image.cover {
  flex: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image.cover.smaller {
  max-height: 400px;
  object-fit: cover;
}

.image.cover.smaller.fix {
  object-position: 50% 25%;
}

.image.cover.extrabad {
  padding-left: 8px;
}

.image.cover {
  flex: none;
  margin-top: auto;
  margin-bottom: auto;
  object-fit: cover;
  border-radius: 20px;
}

.image.img31 {
  margin-top: -100px;
}

.image.right {
  display: block;
  margin-right: 0;
}

.mg-bottom-4px {
  margin-bottom: 4px;
}

.height-100 {
  height: 100%;
}

.image-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: visible;
  transform: translate(0);
}

.image-wrapper.border-shadow-default {
  border: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
  box-shadow: 0 3px 14px 0
    var(--general--shadow-01\<deleted\|variable-46332da7\>);
}

.image-wrapper.image-circle {
  overflow: hidden;
  border-radius: 100%;
}

.image-wrapper.image-circle.border-shadow {
  border: 6px solid var(--neutral--100\<deleted\|variable-07926372\>);
  box-shadow: 0 6px 22px 0
    var(--general--shadow-02\<deleted\|variable-cfed2663\>);
}

.image-wrapper.image-circle.border {
  border: 4px solid var(--neutral--100\<deleted\|variable-07926372\>);
}

.image-wrapper.image-circle.author-avatar {
  border: 1px solid #0000;
  border-radius: 92%;
}

.image-wrapper.border-shadow-top-image {
  border: 1px solid var(--neutral--300\<deleted\|variable-37cef123\>);
  box-shadow: 0 10px 34px 0
    var(--general--shadow-02\<deleted\|variable-cfed2663\>);
}

.image-wrapper.border-radius-13px.integration-featured-image {
  margin-right: -230px;
}

.image-wrapper.link-icon {
  transform-style: preserve-3d;
  transition-property: transform;
}

.image-wrapper.link-icon:hover {
  transform: scale3d(1.1, 1.1, 1.01) translate(0);
}

.image-wrapper.tram {
  height: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.image-wrapper.right {
  margin-right: -200px;
}

._404-not-found {
  display: flex;
  justify-content: center;
  margin-bottom: -235px;
  font-size: 364px;
  font-weight: 700;
  line-height: 1;
  color: var(--neutral--300\<deleted\|variable-37cef123\>);
}

.template-pages---nav-item-wrapper {
  padding-left: 0;
}

.template-pages---sidebar-navigation {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.template-pages---nav-item-link {
  display: flex;
  padding: 8px 16px;
  margin-top: 4px;
  margin-bottom: 4px;
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
  text-decoration: none;
  background-color: #0000;
  border-radius: 8px;
  transition:
    background-color 0.3s,
    color 0.3s;
}

.template-pages---nav-item-link:hover {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--400\<deleted\|variable-e617119b\>);
}

.template-pages---nav-item-link.w--current {
  font-weight: 700;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--400\<deleted\|variable-e617119b\>);
}

.template-pages---phography-wrapper {
  overflow: hidden;
  border-radius: 16px;
  transform-style: preserve-3d;
  transition:
    transform 0.3s,
    color 0.3s;
}

.template-pages---phography-wrapper:hover {
  transform: scale3d(0.98, 0.98, 1.01);
}

.cart-quantity {
  min-width: auto;
  height: auto;
  padding-right: 0;
  padding-left: 0;
  margin-left: 0;
  font-size: 18px;
  line-height: 1.111em;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: #0000;
  border-radius: 0;
}

.cart-wrapper {
  height: 100vh;
  background-color: #040404f2;
}

.cart-container {
  background-color: var(--neutral--200\<deleted\|variable-a8c051b2\>);
  border-radius: 24px;
  box-shadow: 0 5px 25px 0
    var(--general--shadow-06\<deleted\|variable-b1d7ab25\>);
}

.cart-header {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom-width: 0;
}

.cart-list {
  padding-top: 10px;
  padding-bottom: 10px;
}

.cart-footer {
  padding-top: 20px;
  padding-bottom: 40px;
  border-top-width: 0;
}

.cart-subtotal-number {
  font-size: 20px;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.pay-btn {
  border-radius: 90px;
}

.pay-btn.cart {
  height: 50px;
}

.pay-btn.order-summary {
  height: 60px;
}

.cart-line-item {
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.cart-close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  font-size: 26px;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  text-decoration: none;
  transform-style: preserve-3d;
  transition-property: transform;
}

.cart-close-button:hover {
  transform: scale3d(1.2, 1.2, 1.01);
}

.checkout-form {
  min-height: auto;
  padding: 0;
  background-color: #0000;
}

.checkout-col-left {
  margin-right: 0;
}

.checkout-col-right {
  position: static;
}

.checkout-block-header {
  flex-wrap: wrap;
  padding: 0 0 20px;
  background-color: #0000;
  border-width: 0 0 1px;
  border-bottom-color: var(--neutral--400\<deleted\|variable-e617119b\>);
}

.checkout-block-content {
  padding: 40px 0 0;
  background-color: #0000;
  border: 0 solid #000;
}

.shipping-list {
  border: 0 solid #000;
}

.shipping-method {
  padding: 31px 0;
  border-color: black black var(--neutral--300\<deleted\|variable-37cef123\>);
  border-style: solid;
  border-width: 0 0 1px;
}

.shipping-price {
  font-weight: 700;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.order-item-list {
  margin-bottom: 0;
}

.order-item {
  padding-top: 18px;
  padding-bottom: 18px;
}

.order-list-price {
  font-weight: 700;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.order-list-title {
  margin-bottom: 8px;
  font-size: 26px;
  font-weight: 700;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  text-decoration: none;
}

.order-item-image {
  border-radius: 14px;
}

.order-option-item {
  padding-left: 0;
}

.order-item-medium {
  font-weight: 500;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.order-summary-price {
  font-size: 20px;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.discounts-wrapper {
  padding: 32px 0 0;
  margin-top: 32px;
  background-color: #0000;
  border-width: 1px 0 0;
  border-top-color: var(--neutral--300\<deleted\|variable-37cef123\>);
}

.order-item-content {
  margin-left: 0;
}

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

.z-index-1 {
  position: relative;
  z-index: 1;
}

.text-no-wrap {
  white-space: nowrap;
}

.text-no-wrap.wrap-on-mobile {
  font-family: Lufga, Arial, sans-serif;
}

.bg-secondary-6 {
  background-color: var(--secondary--color-6\<deleted\|variable-ce2c7ee5\>);
}

.color-secondary-6 {
  color: var(--secondary--color-6\<deleted\|variable-ce2c7ee5\>);
}

.bg-secondary-7 {
  background-color: var(--secondary--color-7\<deleted\|variable-706ef335\>);
}

.color-secondary-7 {
  color: var(--secondary--color-7\<deleted\|variable-706ef335\>);
}

.bg-secondary-8 {
  background-color: var(--secondary--color-8\<deleted\|variable-7ca8be1e\>);
}

.color-secondary-8 {
  color: var(--secondary--color-8\<deleted\|variable-7ca8be1e\>);
}

.bg-secondary-9 {
  background-color: var(--secondary--color-9\<deleted\|variable-f9b585e2\>);
}

.color-secondary-9 {
  color: var(--secondary--color-9\<deleted\|variable-f9b585e2\>);
}

.color-secondary-10 {
  color: var(--secondary--color-10\<deleted\|variable-177fce53\>);
}

.bg-secondary-10 {
  background-color: var(--secondary--color-10\<deleted\|variable-177fce53\>);
}

.mg-bottom-20px {
  margin-bottom: 20px;
}

.mg-bottom-60px {
  margin-bottom: 60px;
}

.button-row-left {
  margin-right: 24px;
}

.button-row-left.add-cart {
  margin-right: 0;
  margin-bottom: 24px;
}

.button-row-right.extra {
  margin-top: 30px;
}

.button-row-right.extra.r {
  align-self: flex-end;
}

.button-row-right.white {
  color: #fff;
}

.button-row-right.white.nb {
  margin-bottom: 0;
}

.mg-bottom-68px {
  margin-bottom: 68px;
}

.container-large {
  max-width: 1488px;
  padding-right: 24px;
  padding-left: 24px;
}

.mg-bottom-58px {
  margin-bottom: 58px;
}

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

.mg-bottom-34px {
  margin-bottom: 34px;
}

.border-radius-38px {
  border-radius: 38px;
}

.position-absolute {
  position: absolute;
}

.position-absolute.top-right {
  inset: 0% 0% auto auto;
}

.position-absolute.top-right.shape-hero-v1---01 {
  width: 42%;
  min-height: 49%;
  margin-top: -7%;
  margin-right: -6%;
  background-color: var(--secondary--color-3\<deleted\|variable-d675572e\>);
  border-radius: 26px;
  opacity: 0.5;
}

.position-absolute.top-right.post-item {
  margin-top: 5%;
  margin-right: 5%;
}

.position-absolute.top-right.mission-icon---02 {
  max-width: 21%;
  margin-top: -10%;
  margin-right: 8%;
}

.position-absolute.top-right.integration-hero---06 {
  max-width: 20%;
  margin-top: -25%;
  margin-right: -25%;
}

.position-absolute.top-right.integration-hero---07 {
  max-width: 21%;
  margin-top: -29%;
  margin-right: -63%;
}

.position-absolute.top-right.card-form-02 {
  width: 53%;
  min-height: 40%;
  margin-top: -11%;
  margin-right: -9%;
  background-color: var(--secondary--color-1\<deleted\|variable-6e6412b6\>);
  border-radius: 30px;
  opacity: 0.4;
}

.position-absolute.bottom-left {
  inset: auto auto 0% 0%;
}

.position-absolute.bottom-left.shape-hero-v1---02 {
  width: 35%;
  min-height: 42%;
  margin-bottom: -13%;
  margin-left: -7%;
  background-color: var(--system--blue-200\<deleted\|variable-9965966e\>);
  border-radius: 30px;
  opacity: 0.5;
}

.position-absolute.bottom-left.cta---02 {
  max-width: 28%;
  margin-bottom: -2%;
  margin-left: -15%;
}

.position-absolute.bottom-left.about-hero-avatar---02 {
  margin-bottom: 13%;
  margin-left: -11%;
}

.position-absolute.bottom-left.about-hero-avatar---01 {
  margin-bottom: -11%;
  margin-left: 29%;
}

.position-absolute.bottom-left.mission-icon---01 {
  max-width: 21%;
  margin-bottom: -11%;
  margin-left: 3%;
}

.position-absolute.bottom-left.integration-hero---04 {
  max-width: 26%;
  margin-bottom: -33%;
  margin-left: -30%;
}

.position-absolute.bottom-left.integration-hero---05 {
  max-width: 22%;
  margin-bottom: -38%;
  margin-left: -68%;
}

.position-absolute.bottom-left.card-form-01 {
  width: 56%;
  min-height: 38%;
  margin-bottom: -16%;
  margin-left: -16%;
  background-color: var(--secondary--color-4\<deleted\|variable-539db04a\>);
  border-radius: 33px;
  opacity: 0.5;
}

.position-absolute.bottom-right {
  inset: auto 0% 0% auto;
}

.position-absolute.bottom-right.shape-hero-v1---03 {
  width: 27%;
  min-height: 36%;
  margin-right: -13%;
  margin-bottom: -10%;
  background-color: var(--secondary--color-3\<deleted\|variable-d675572e\>);
  border-radius: 30px;
  opacity: 0.5;
}

.position-absolute.bottom-right.image-hero-v1---02 {
  z-index: 2;
  width: 46%;
  margin-right: -18%;
  margin-bottom: -16%;
}

.position-absolute.bottom-right.about-hero-avatar---03 {
  margin-right: 32%;
  margin-bottom: -12%;
}

.position-absolute.bottom-right.integration-hero---09 {
  max-width: 21%;
  margin-right: -16%;
  margin-bottom: -25%;
}

.position-absolute.bottom-right.integration-hero---10 {
  max-width: 22%;
  margin-right: -59%;
  margin-bottom: -38%;
}

.position-absolute.top-left {
  inset: 0% auto auto 0%;
}

.position-absolute.top-left.image-hero-v1---01 {
  z-index: 2;
  width: 35%;
  margin-top: 8%;
  margin-left: -14%;
}

.position-absolute.top-left.cta---01 {
  max-width: 89%;
  margin-top: -15%;
  margin-left: -21%;
}

.position-absolute.top-left.integration-hero---01 {
  max-width: 29%;
  margin-top: -38%;
  margin-left: -77%;
}

.position-absolute.top-left.integration-hero---02 {
  max-width: 24%;
  margin-top: -25%;
  margin-left: -28%;
}

.position-absolute.bottom {
  inset: auto 0% 0%;
}

.position-absolute.bottom.card-fade {
  min-height: 30%;
  background-image: linear-gradient(#f7f7f700, #fff);
}

.position-absolute.bottom.card-fade.back {
  z-index: 0;
  background-image: linear-gradient(#f7f7f700, #fff);
}

.position-absolute.left {
  inset: 0% auto 0% 0%;
}

.position-absolute.left.fade {
  width: 20%;
  margin-left: -24px;
  background-image: linear-gradient(
    to right,
    var(--neutral--100\<deleted\|variable-07926372\>),
    #fff0
  );
}

.position-absolute.left.integration-hero---03 {
  max-width: 27%;
  margin-left: -54%;
}

.position-absolute.right {
  inset: 0% 0% 0% auto;
}

.position-absolute.right.fade {
  width: 20%;
  margin-right: -24px;
  background-image: linear-gradient(
    270deg,
    var(--neutral--100\<deleted\|variable-07926372\>),
    #fff0
  );
}

.position-absolute.right.integration-hero---08 {
  max-width: 28%;
  margin-right: -48%;
}

.position-absolute.right.post-featured {
  width: 100%;
  max-width: 80%;
}

.position-absolute.top {
  inset: 0% 0% auto;
}

.position-absolute.top.shape-about-hero {
  top: 472px;
  width: 46%;
  min-height: 34%;
  margin-right: auto;
  margin-left: auto;
  background-color: var(--secondary--color-4\<deleted\|variable-539db04a\>);
  border-radius: 28px;
  opacity: 0.5;
}

.position-absolute.contact-card-links-bg {
  width: 67%;
  min-height: 100%;
  background-color: var(--secondary--color-6\<deleted\|variable-ce2c7ee5\>);
  border-radius: 33px;
  opacity: 0.5;
}

.mg-bottom-131px {
  display: flex;
  margin-bottom: 131px;
}

.gap-row-18px {
  grid-row-gap: 18px;
}

.border-radius-18px {
  border-radius: 18px;
}

.border-radius-28px {
  border-radius: 28px;
}

.gap-28px {
  grid-row-gap: 28px;
  grid-column-gap: 28px;
}

.card-feature-01-content {
  padding: 60px 38px 13px;
}

.card-feature-02-content {
  padding: 34px 38px;
}

.card-feature-02-content._1less {
  padding-right: 36px;
}

.mg-top-auto {
  margin-top: auto;
}

.mg-bottom-14px {
  margin-bottom: 14px;
}

.card-integration-strip-grid {
  grid-template-rows: auto;
  grid-template-columns: 33% 1fr;
  align-items: center;
}

.card-use-case-content {
  padding: 80px 60px 10px;
}

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

.mg-bottom-2px {
  margin-bottom: 2px;
}

.link-wrapper {
  display: block;
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
  text-decoration: none;
}

.link-wrapper:hover {
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

.link-wrapper.post-item-link.v2 {
  margin-top: -108px;
}

.link-wrapper.post-featured {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.link-wrapper.author-link {
  transition-property: none;
}

.social-icon-rounded {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  overflow: hidden;
  font-size: 18px;
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  text-decoration: none;
  background-color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
  border-radius: 50%;
  transition:
    background-color 0.3s,
    color 0.3s;
}

.social-icon-rounded:hover {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
}

.social-icon-rounded.icon-size-16px {
  font-size: 16px;
}

.social-icon-rounded.black {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.social-icon-rounded.black:hover {
  background-color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

.menu-wrapper {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.mg-bottom-53px {
  margin-bottom: 53px;
}

.nav-content {
  display: flex;
  flex: 1;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  justify-content: space-between;
  height: auto;
}

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

.grid-footer-menu {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 32px;
}

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

.link-text-white {
  color: var(--neutral--100\<deleted\|variable-07926372\>);
}

.link-text-white:hover {
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

.text-center---mbl.alignr {
  position: relative;
  display: block;
  width: 100%;
  max-width: 500px;
  margin-right: 0;
  margin-left: auto;
}

.card-career-item-grid {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 23px;
}

.mg-bottom-28px {
  margin-bottom: 28px;
}

.card-team-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  align-items: center;
  margin-top: auto;
}

.card-link-icon-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  min-width: 56px;
  height: 56px;
  min-height: 56px;
  overflow: hidden;
  background-color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  border-radius: 14px;
}

.card-link-icon-horizontal {
  position: absolute;
  width: 18px;
  min-height: 4px;
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border-radius: 1000000px;
}

.card-link-icon-vertical {
  position: absolute;
  width: 4px;
  min-height: 18px;
  background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  border-radius: 1000000px;
}

.card-link-icon-vertical.top {
  top: 19px;
  min-height: 9px;
}

.card-link-icon-vertical.bottom {
  bottom: 20px;
  min-height: 9px;
}

.team-item:nth-child(odd) {
  margin-top: 90px;
}

.team-item:nth-child(2n) {
  margin-top: 40px;
}

.team-item:first-child {
  margin-top: 0;
}

.team-item:last-child {
  margin-top: 140px;
}

.hero-v2-grid {
  grid-template-rows: auto;
  grid-template-columns: 51% auto;
  grid-row-gap: 0px;
  grid-column-gap: 60px;
}

.mg-right--40px {
  margin-left: -40px;
}

.details-icon-left {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 25px;
  align-items: start;
}

.mg-bottom-6px {
  margin-bottom: 6px;
}

.mg-bottom-12px {
  margin-bottom: 12px;
}

.divider-text {
  width: 20px;
  height: 1px;
  margin-right: 18px;
  margin-left: 18px;
  background-color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

.divider-text.contact-links {
  width: 28px;
  background-color: var(--neutral--500\<deleted\|variable-769b0229\>);
}

.mg-bottom-10px {
  margin-bottom: 10px;
}

.mg-bottom-10px.l {
  margin-bottom: 17px;
}

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

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

.card-pricing-top {
  align-self: flex-start;
  max-width: 345px;
  margin-right: auto;
  margin-left: auto;
}

.card-pricing-top.left {
  margin-left: 0;
}

.card-pricing-bottom {
  display: flex;
  flex: 1;
  flex-direction: column;
}

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

.add-cart-default-state {
  margin-bottom: 0;
}

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

.select {
  height: auto;
  padding: 0;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 18px;
  line-height: 1.111em;
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
  background-color: #0000;
  border: 0 solid #000;
  transition: color 0.3s;
}

.select:focus {
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.select::placeholder {
  font-size: 18px;
  color: var(--neutral--600\<deleted\|variable-06b40b4b\>);
}

.card-integration-icons-grid {
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-row-gap: 18px;
  grid-column-gap: 18px;
  align-items: center;
  justify-content: space-between;
}

.integration-icons-line {
  position: absolute;
  width: 18px;
  min-height: 5px;
  background-color: var(--neutral--500\<deleted\|variable-769b0229\>);
  border-radius: 1000000px;
}

.integration-icons-line.vertical {
  transform: rotate(90deg);
}

.border-radius-13px {
  border-radius: 13px;
}

.category-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.category-link-grid {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
}

.post-item:nth-child(odd) {
  margin-top: -108px;
}

.post-item:nth-child(2n) {
  margin-top: 108px;
}

.inside-input-main-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 94px;
  margin-bottom: 0;
}

.success-message-icon-left {
  max-width: 60px;
  margin-right: 15px;
}

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

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

.text-area-wrapper {
  min-width: 100%;
  max-width: 100%;
}

.mg-bottom-22px {
  margin-bottom: 22px;
}

.mg-bottom-5px {
  margin-bottom: 5px;
}

.icon-text {
  display: inline-block;
  width: 58px;
  min-height: 58px;
  background-image: url("/images/icon-1-contact-saasfy-template_1icon-1-contact-saasfy-template.avif");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 58px 58px;
}

.mg-bottom-50px {
  margin-bottom: 50px;
}

.gap-row-0px {
  grid-row-gap: 0px;
}

.cart-item {
  padding-top: 18px;
  padding-bottom: 18px;
}

.cart-item-content {
  margin-left: 0;
}

.cart-list-title {
  margin-bottom: 8px;
  font-size: 26px;
  font-weight: 700;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
  text-decoration: none;
}

.cart-list-price {
  font-weight: 700;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.cart-option-item {
  padding-left: 0;
}

.cart-item-medium {
  font-weight: 500;
  color: var(--neutral--800\<deleted\|variable-44c33ad4\>);
}

.position-sticky.top.header-nav-menu-top-fade {
  display: none;
}

.card-2 {
  overflow: hidden;
  background-color: #101010;
  border-radius: 33px;
}

.card-2.link-card {
  display: block;
  color: #a0a0a0;
  text-decoration: none;
  border: 1px solid #0000;
  transition:
    border-color 0.3s,
    background-color 0.3s,
    transform 0.3s;
}

.card-2.link-card:hover {
  background-color: #474747;
  border-color: #d7d7d7;
  transform: translate(0, -6px);
}

.card-2.link-card.integration {
  padding: 51px 40px;
}

.card-2.link-card.integration:hover {
  background-color: #1d1d1d;
}

.display-5 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.429em;
  color: #fff;
}

.link-text-2 {
  display: inline-block;
  transition: color 0.3s;
}

.link-arrow-wrapper-2 {
  display: inline-block;
  font-weight: 700;
  line-height: 1.111em;
  color: #fff;
  text-decoration: none;
  transition: none;
}

.link-arrow-wrapper-2:hover {
  color: #fff;
}

.grid {
  grid-template-rows: 500px auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.requirment {
  color: #000;
}

.body {
  background-color: var(--sidebar);
}

.text-span {
  padding-right: 27px;
  padding-left: 19px;
  background-image: linear-gradient(
    116deg,
    var(--secondary--color-3\<deleted\|variable-d675572e\>),
    var(--secondary--color-4\<deleted\|variable-539db04a\>)
  );
  border-radius: 20px;
}

.image-2 {
  position: absolute;
  inset: 0%;
  box-sizing: border-box;
  overflow: clip;
  object-fit: cover;
  object-position: 50% 50%;
}

.image-2.extra {
  top: 5%;
  margin-top: 194px;
  object-position: 50% 100%;
}

.image-2.extra.stuff {
  top: 0%;
  width: 100%;
  margin-top: 0;
  object-position: 50% 0%;
}

.image-2.extra.hidden {
  display: none;
  overflow: clip;
}

.div-block {
  position: absolute;
  inset: auto 0% 0%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100px;
  background-image: linear-gradient(180deg, #fff0, var(--sidebar));
}

.div-block.right {
  inset: 0% 0% 0% auto;
  width: 200px;
  height: auto;
  background-image: linear-gradient(90deg, #fff0, var(--sidebar));
}

.div-block.high {
  height: 150px;
}

.image-3 {
  width: 500px;
  margin-top: 0;
  margin-bottom: 0;
}

.id-holder {
  position: relative;
  width: 526px;
  height: 380px;
  background-image: radial-gradient(
    circle closest-corner,
    #fff,
    #f4f6ff 35%,
    #f0faff
  );
  border: 1px solid var(--border);
  border-radius: 10px;
}

.id-holder.direct {
  height: 291px;
  background-image: none;
  border-color: #0000;
}

.image-4 {
  position: absolute;
  inset: 5px auto auto 5px;
  width: 40px;
  height: 40px;
}

.image-4.r {
  right: 5px;
  left: auto;
  transform: rotate(90deg);
}

.image-4.r.b {
  top: auto;
  bottom: 5px;
  transform: rotate(180deg);
}

.image-4.b {
  top: auto;
  bottom: 5px;
  transform: rotate(270deg);
}

.div-block-2 {
  position: absolute;
  inset: 30px;
  display: flex;
  overflow: hidden;
  background-color: #fff;
  border: 2px solid var(--border);
  border-radius: 13px;
  box-shadow: 0 2px 9px #0000001a;
}

.image-5 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 2px #0000001a;
}

.image-6 {
  width: 200px;
}

.div-block-3 {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  margin-right: 21px;
  overflow: visible;
}

.image-7 {
  width: auto;
  max-height: 500px;
  margin-top: 0;
  margin-bottom: 0;
  object-fit: cover;
  object-position: 50% 0%;
}

.r {
  text-align: right;
}

.chip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 3px 12px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: var(--muted);
  border: 1px solid var(--border);
  border-radius: 20px;
}

.chip.wauth {
  width: auto;
}

.chip.small {
  width: 220px;
  margin-right: auto;
}

.text-block {
  font-size: 15px;
  white-space: nowrap;
}

.flex-block {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 14px;
}

.flex-block.r {
  align-items: center;
  justify-content: flex-end;
}

.flex-block.r.rr {
  flex-flow: row;
}

.nomargin {
  margin-bottom: 0;
}

.nomargin.hwt {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #71717a;
  border: 0 solid #f4f4f5;
}

.nomargin.hwt.lighter {
  color: #71717a91;
}

.nomargin.hwt.nom {
  margin-bottom: 0;
}

.nomargin.hwt.nom.nolink {
  text-decoration: none;
}

.div-block-4 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.div-block-5 {
  position: relative;
  display: flex;
  grid-row-gap: 15px;
  grid-column-gap: 15px;
  align-items: center;
  justify-content: flex-end;
}

.div-block-6 {
  display: block;
  width: 5px;
  height: 20px;
  min-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #c2b067;
  border-radius: 20px;
}

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

.div-block-7.extra {
  margin-top: 30px;
  margin-bottom: 30px;
}

.shadow {
  position: relative;
  display: flex;
  flex: 0 auto;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 20px 25px;
  margin-right: auto;
  overflow: hidden;
  color: #646464;
  background-color: var(--muted);
  border: 1px solid var(--border);
  border-radius: 12px;
}

.shadow.dot {
  height: 100%;
}

.shadow.dots {
  background-color: #f4f4f500;
  border: 1.5px dashed var(--border);
}

.shadow.small {
  align-items: center;
  justify-content: center;
}

.flex-block-2 {
  grid-row-gap: 12px;
  grid-column-gap: 12px;
}

.grid-2 {
  grid-template:
    ". Area-3 Area-2 Area" 1fr
    / 1fr 1fr 1fr 1fr;
}

.grid-2.top {
  display: flex;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  margin-top: 50px;
}

.hwt {
  font-size: 17px;
}

.hit {
  margin-bottom: 12px;
  font-size: 18px;
  color: var(--primary);
}

.hit.lighter {
  color: #0000007d;
}

.body-2 {
  background-color: var(--sidebar);
}

.flex-block-3 {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
}

.l {
  text-align: left;
}

.body-3 {
  background-color: var(--sidebar);
}

.built {
  display: flex;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  color: #000;
  white-space: nowrap;
  opacity: 0.6;
  transition: opacity 0.2s;
}

.built:hover {
  opacity: 1;
}

.icon-muted {
  height: 29px;
  margin-bottom: 5px;
  -webkit-text-stroke-color: #464343;
}

.icon-muted.sm {
  margin-bottom: 6px;
}

.image-8 {
  width: 27px;
  height: 24px;
  object-fit: contain;
  opacity: 0.6;
  transition: opacity 0.2s;
}

.image-8:hover {
  opacity: 1;
}

.image-8.shrink1 {
  width: 25px;
  height: 25px;
}

.image-8.shrink1.larger {
  width: 20px;
  height: 22px;
}

.image-8.shrink2 {
  width: 25px;
  height: 25px;
}

.image-8.idk {
  width: 20px;
  height: 22px;
}

.image-8.iadk {
  width: 23px;
  height: 23px;
}

.image-8.dwadwa {
  width: 21px;
  height: 21px;
}

.heading {
  font-family: Lufga, Arial, sans-serif;
}

.code-embed {
  margin-bottom: 16px;
}

.flex-block-4 {
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
}

.flex-block-5 {
  grid-row-gap: 21px;
  grid-column-gap: 21px;
  align-items: center;
  justify-content: flex-start;
}

.image-9 {
  width: 40px;
  height: 40px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.heading-2 {
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
}

.heading-2.nolink {
  width: 400px;
  font-weight: 500;
  color: #71717a;
  text-decoration: none;
}

.postlink {
  font-size: 16px;
  text-decoration: none;
}

.flex-block-6 {
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
}

.image-10 {
  width: 18px;
  height: 18px;
  margin-bottom: 4px;
}

.link-block {
  width: 100%;
}

.link-block.nolink {
  text-decoration: none;
}

.titleblog {
  font-size: 42px;
}

.rich-text-block {
  margin-left: 0;
}

.body-4 {
  background-color: var(--sidebar);
}

.grid-3 {
  grid-template-areas:
    "Area Area-2"
    "Area Area-3";
}

.text-block-2 {
  margin-right: auto;
  margin-left: auto;
}

.testim {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  color: var(--muted-text);
  text-align: left;
}

.testim.company {
  font-family: Lufga, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: var(--accent);
}

.testim.name {
  margin-top: 16px;
  font-family: Lufga, Arial, sans-serif;
  font-size: 15px;
}

.testim.name.big {
  margin-top: 28px;
}

.testim-image {
  width: 200px;
  margin-bottom: 64px;
}

.testimimage {
  width: 150px;
}

.testimimage.hat {
  width: 125px;
  margin-bottom: 8px;
}

.testimimage.hat.hit {
  width: 124px;
}

.testimimage.hat.hit.hi {
  width: 159px;
}

.testimimage.hat.hit.an {
  width: 108px;
}

.flex-block-7 {
  align-items: center;
  justify-content: space-between;
}

.flex-block-7.testim {
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
}

.image-11 {
  display: block;
  width: 500px;
  margin-top: 25px;
  margin-bottom: -2px;
}

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

.marketinggroup {
  display: block;
}

.div-block-8 {
  position: relative;
}

.div-block-9 {
  position: absolute;
  inset: 0%;
  background-image: linear-gradient(#fff0 84%, #fafafa);
}

.div-block-9.inv {
  background-image: linear-gradient(0deg, #fff0 84%, #fafafa);
}

.italic-text {
  font-style: normal;
  text-align: left;
}

.rich-text-block-2 {
  width: 700px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  font-family: Lufga, Arial, sans-serif;
  font-weight: 700;
  color: #bbb;
  letter-spacing: 0.5px;
}

.about-us-sec {
  margin-top: 48px;
}

.body-5 {
  background-color: var(--sidebar);
}

.image-12 {
  max-height: 200px;
}

.bold-text {
  color: #bbb;
}

.nobold {
  font-weight: 400;
}

.headerdropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-weight: 700;
  color: #000;
  text-align: center;
}

.text-block-3 {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.dropdown-header.w--open {
  padding: 10px;
  background-color: #fff;
  opacity: 1;
}

.dropdown-header.w--open:hover {
  opacity: 100;
}

.dropdown-link {
  background-color: #fff;
  border-radius: 7px;
}

.icon {
  position: relative;
  margin-right: 0;
}

.icon.drop {
  margin-top: 0;
  margin-left: 2px;
}

.dropdown-2 {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
}

.dropdown-list {
  opacity: 0.13;
}

.dropdown-list.w--open {
  background-color: #000;
  opacity: 13;
}

.dropdown-link-2 {
  background-color: #fff;
}

.contact-bg-image {
  height: 790px;
}

.marble-background {
  position: absolute;
  inset: 0%;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: url("/images/Marble-Texture.webp");
  background-position: 50%;
  background-size: 1440px;
}

.marble-background.marble-light {
  opacity: 0.7;
}

.column-large {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.column-large.column-center {
  align-items: center;
  justify-content: flex-start;
}

.column {
  display: flex;
  flex-flow: column;
}

.checkbox-2 {
  width: 16px;
  height: 16px;
  margin: 2px 10px 2px 2px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 32px;
}

.checkbox-2.w--redirected-checked {
  background-color: #286efb;
  background-image: url("/images/Checkbox-Icon.svg");
  background-position: 50%;
  background-size: auto;
  border-color: #286efb;
}

.row-small {
  display: flex;
  flex-flow: row;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: flex-start;
}

.row-small.child-wrap {
  position: relative;
  z-index: 1;
  flex-flow: wrap;
}

.text-link-brand {
  font-weight: 500;
  color: #286efb;
  text-decoration: underline;
}

.contact-link {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  padding: 24px;
  border: 1px solid #e7e7e7;
  border-radius: 16px;
}

.title-center {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 792px;
  margin-right: auto;
  margin-bottom: 64px;
  margin-left: auto;
  text-align: center;
}

.title-center.wide {
  max-width: 820px;
  margin-top: 64px;
}

.paragraph-regular {
  font-size: 16px;
  line-height: 1.5;
  color: #454545;
}

.form-text-field {
  min-height: 48px;
  padding: 12px 16px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #2b2b2b;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
}

.form-text-field:focus {
  border-color: #286efb;
}

.form-text-field::placeholder {
  color: #6d6d6d;
}

.checkbox-label {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #6d6d6d;
}

.form-text-area {
  min-height: 124px;
  padding: 12px 16px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #2b2b2b;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
}

.form-text-area:focus {
  border-color: #286efb;
}

.form-text-area::placeholder {
  color: #6d6d6d;
}

.section-large {
  position: relative;
  padding: 96px 3%;
  background-color: #f6f6f6;
}

.grid-two-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.paragraph-x-small {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #454545;
}

.paragraph-x-small.text-color-tertiary {
  color: #6d6d6d;
}

.background {
  position: absolute;
  inset: 0%;
  z-index: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  pointer-events: none;
}

.field-label {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #6d6d6d;
}

.field-label.text-color-red {
  color: #f42a2a;
}

.contact-form {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  padding: 24px;
  background-color: #fff;
  border-radius: 16px;
}

.noise {
  position: absolute;
  inset: 0%;
  z-index: 3;
  pointer-events: none;
  background-image: url("/images/Noise-Dark.avif");
  background-position: 0 0;
  background-size: 120px;
}

.container-small {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 792px;
  margin-right: auto;
  margin-left: auto;
}

.badge-outline {
  display: inline-block;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #454545;
  letter-spacing: -0.08px;
  white-space: nowrap;
  border: 1px solid #e7e7e7;
  border-radius: 32px;
}

.contact-bg-image-wrapper {
  position: absolute;
  bottom: 0%;
  z-index: 5;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1870px;
  height: 395px;
  padding-left: 32px;
}

.icon-brand {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #fff;
  background-color: #286efb;
  border-radius: 32px;
}

.icon-regular {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.icon-x-small {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--accent);
  -webkit-text-stroke-color: var(--accent);
}

.checkbox-field {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0;
  margin-bottom: 0;
}

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

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

.image-cover {
  width: 100%;
  height: 100%;
  margin-top: -125px;
  object-fit: cover;
}

.image-cover.negativetop {
  margin-top: -120px;
}

.avatar-regular {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  overflow: hidden;
  background-color: #f6f6f6;
  border: 1px solid #e7e7e7;
  border-radius: 32px;
}

.form-block {
  margin-bottom: 0;
}

.avatar-detail {
  display: flex;
  flex: 1;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 12px;
  background-color: #fff;
  border-radius: 8px;
}

.subheading-large {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #2b2b2b;
}

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

.button-primary-large {
  display: inline-flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: #286efb;
  border-radius: 99px;
  transition: background-color 0.3s;
}

.button-primary-large:hover {
  background-color: #1843dc;
}

.row-2x-small {
  display: flex;
  flex-direction: row;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: flex-start;
}

.subheading-x-small {
  font-size: 12px;
  font-weight: 500;
  color: #2b2b2b;
}

.subheading-x-small.text-weight-semibold {
  font-weight: 600;
}

.overlay-light {
  position: absolute;
  inset: 0%;
  z-index: 1;
  background-image: radial-gradient(circle, #fff0 75%, #fff);
}

.h1-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2;
  color: #2b2b2b;
  letter-spacing: -0.03em;
}

.icon-outline {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  padding: 8px;
  color: #454545;
  border: 1px solid #e7e7e7;
  border-radius: 32px;
}

.column-small {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
}

.navigation-link {
  padding: 12px 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #f0f0f0;
  letter-spacing: -0.25px;
  text-decoration: none;
  background-color: #0000;
  border-radius: 8px;
  transition:
    color 0.3s,
    background-color 0.3s;
}

.navigation-link:hover {
  color: #fff;
  background-color: #ffffff1f;
}

.navigation-link.w--current {
  color: #642eff;
}

.dropdown-grid-bottom {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.navigation-right {
  display: flex;
  grid-column-gap: 8px;
  align-items: center;
}

.button-secondary-large {
  position: relative;
  display: inline-flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  letter-spacing: -0.25px;
  text-decoration: none;
  background-color: #3d3d3da3;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  transition:
    border-color 0.4s,
    background-color 0.4s,
    color 0.4s;
}

.button-secondary-large:hover {
  background-color: #ffffff1f;
  border-color: #ffffff1f;
}

.button-secondary-large.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.dropdown-grid-top {
  grid-template-rows: auto;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.paragraph-x-small-2 {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.04px;
}

.paragraph-x-small-2.text-color-gray-500 {
  color: #ababab;
}

.paragraph-x-small-2.text-color-gray-300 {
  color: #d1d1d1;
}

.navigation-button-wrapper {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.button-secondary-small {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #e3e3e3;
  letter-spacing: -0.25px;
  text-decoration: none;
  background-color: #3d3d3da3;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  transition:
    border-color 0.4s,
    background-color 0.4s,
    color 0.4s;
}

.button-secondary-small:hover {
  background-color: #ffffff1f;
  border-color: #ffffff1f;
}

.button-secondary-small.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.dropdown-footnote {
  display: flex;
  flex-direction: row;
  grid-row-gap: 16px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  background-color: #ffffff14;
  border-radius: 8px;
}

.row-tiny {
  display: flex;
  flex-direction: row;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: flex-start;
}

.dropdown-footnote-left {
  display: flex;
  flex-flow: wrap;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
}

.column-x-small {
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.icon-small {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}

.dropdown-title-wrapper {
  padding: 8px;
  line-height: 18px;
}

.navigation-links {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
}

.paragraph-small-2 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.25px;
}

.paragraph-small-2.text-weight-medium {
  font-weight: 500;
}

.button-ghost-large {
  display: inline-flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #f0f0f0;
  letter-spacing: -0.25px;
  text-decoration: none;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 12px;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  transition:
    background-color 0.4s,
    color 0.4s;
}

.button-ghost-large:hover {
  background-color: #3d3d3da3;
  border-color: #ffffff14;
}

.button-ghost-large.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.banner {
  position: relative;
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 10px 32px;
  color: #fff;
  background-color: #000;
  background-image:
    linear-gradient(#ffffff14, #ffffff14),
    radial-gradient(circle at 50% 100%, #ffffff12, #fff0 30%);
}

.navigation-dropdown-toggle {
  display: flex;
  grid-row-gap: 2px;
  grid-column-gap: 2px;
  align-items: center;
  padding: 12px 16px 12px 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #000;
  letter-spacing: -0.25px;
  text-decoration: none;
  background-color: #0000;
  border-radius: 8px;
  transition:
    background-color 0.3s,
    color 0.3s;
}

.navigation-dropdown-toggle:hover {
  padding-right: 0;
  padding-left: 0;
  color: #000;
  background-color: #ffffff1f;
}

.navigation-dropdown-toggle.w--current {
  color: #642eff;
}

.navigation-dropdown-toggle.w--open {
  padding-right: 0;
  padding-left: 0;
  background-color: #52525200;
}

.navigation-dropdown-toggle.w--open:hover {
  background-color: #52525200;
}

.icon-regular-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transition: color 0.2s;
}

.navigation {
  padding: 16px 5%;
  background-color: #000;
}

.dropdown-link-card {
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: flex-start;
  padding: 16px;
  color: #ababab;
  text-decoration: none;
  background-color: #fff;
  border-radius: 8px;
  transition: background-color 0.3s;
}

.dropdown-link-card:hover {
  background-color: #ffffff1f;
}

.container-large-2 {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.navigation-logo {
  width: 48px;
}

.dropdown-icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: #f0f0f0;
  background-color: #3d3d3da3;
  border: 1px solid #ffffff14;
  border-radius: 100%;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  transition:
    color 0.3s,
    border-color 0.3s,
    background-color 0.3s;
}

.dropdown-icon-link:hover {
  color: #fff;
  background-color: #ffffff1f;
  border-color: #ffffff3d;
}

.dropdown-icon-link.grouped {
  margin-left: -8px;
}

.subheading-regular {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #e3e3e3;
  letter-spacing: -0.02em;
}

.navigation-row {
  display: flex;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  justify-content: space-between;
}

.navigation-dropdown-list {
  padding-top: 32px;
  overflow: hidden;
  background-color: #0000;
}

.badge-small {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #dacff7;
  white-space: nowrap;
  text-decoration: none;
  background-color: #36178ca3;
  border: 1px solid #ffffff1f;
  border-radius: 96px;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}

.dropdown-card-regular {
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  min-width: 686px;
  padding: 8px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 16px;
}

.navigation-left {
  display: flex;
  grid-column-gap: 32px;
  align-items: center;
}

.header-image-wrapper {
  position: absolute;
  inset: 0% 0% 0% auto;
  width: 40%;
  height: 100%;
}

.header-buttons {
  grid-template-rows: auto;
  max-width: 420px;
}

.icon-2 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
}

.header-logos {
  display: flex;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  justify-content: space-between;
  width: 100%;
  padding: 8px 24px;
}

.h1-heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2;
  color: #000;
  letter-spacing: -0.03em;
}

.overline-wrapper {
  display: flex;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  align-items: center;
  justify-content: flex-start;
}

.container-large-3 {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

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

.max-width-regular {
  width: 100%;
  max-width: 550px;
}

.paragraph-small-3 {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.paragraph-x-large {
  font-size: 20px;
  line-height: 32px;
}

.text-color-orange-500 {
  color: #ff5805;
}

.overline-regular {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.section-wrapper {
  position: relative;
}

.header-section {
  position: relative;
  padding: 160px 5% 64px;
}

.button-primary {
  display: inline-flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: #fff;
  text-align: center;
  letter-spacing: -0.12px;
  white-space: nowrap;
  text-decoration: none;
  background-color: #ff5805;
}

.button-outline {
  display: inline-flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 9px 19px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: #000;
  text-align: center;
  letter-spacing: -0.08px;
  white-space: nowrap;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #e6e6e7;
}

.column-x-large {
  display: flex;
  flex-flow: column;
  grid-row-gap: 32px;
  grid-column-gap: 32px;
  align-items: center;
  justify-content: center;
}

.column-x-large.column-center {
  align-items: center;
  justify-content: flex-start;
}

.column-x-large.mid {
  align-items: center;
  justify-content: center;
}

.header-content-small {
  display: flex;
  flex-flow: column;
  grid-row-gap: 160px;
  grid-column-gap: 160px;
  max-width: 55%;
  text-align: center;
}

.navigation-links-2 {
  display: flex;
  flex: 1;
  grid-row-gap: 48px;
  grid-column-gap: 48px;
  align-items: center;
  justify-content: flex-start;
}

.navigation-buttons {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.navigation-brand-link {
  flex: none;
}

.navigation-dropdown-2 {
  position: static;
  height: 100%;
  margin-right: -5px;
  margin-left: 0;
}

.dropdown-integrations {
  display: flex;
  flex-flow: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  padding: 16px;
}

.dropdown-featured-link {
  display: flex;
  flex-flow: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  padding: 16px 16px 8px;
  background-color: #fff;
  border-radius: 8px;
}

.column-x-small-2 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  padding-top: 4px;
  padding-bottom: 10px;
}

.column-x-small-2.column-center {
  align-items: center;
  justify-content: center;
}

.column-2x-small {
  display: flex;
  flex-flow: column;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
}

.dropdown-features {
  display: flex;
  flex: 1;
  flex-flow: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.subheading-regular-2 {
  font-family: Lufga, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #24262d;
}

.button-outline-small {
  display: inline-flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 8px;
  transition: background-color 0.3s;
}

.button-outline-small:hover {
  background-color: #e8ecf7;
}

.navigation-menu-2 {
  position: static;
  display: flex;
  height: 100%;
}

.navigation-2 {
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding-right: 5%;
  padding-left: 5%;
  background-color: #fff;
  box-shadow: 14px 14px 120px -20px #dbdbf0;
}

.dropdown-arrow {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transition: color 0.3s;
}

.code-embed-2 {
  display: none;
}

.dropdown-text-link {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6869ac;
  text-decoration: none;
  transition: color 0.3s;
}

.dropdown-text-link:hover {
  color: #2b2c50;
}

.banner-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 8px 5%;
  background-color: #6869ac;
}

.dropdown-feature-image {
  position: relative;
  height: 150px;
  overflow: hidden;
  background-color: #6869ac;
  border-radius: 8px;
}

.icon-regular-3 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--_apps---colors--primary);
  -webkit-text-stroke-color: #c0ae65;
  transition: color 0.3s;
}

.dropdown-link-3 {
  display: flex;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: center;
  justify-content: flex-start;
  padding: 12px;
  margin: 10px;
  color: #000;
  text-decoration: none;
  background-color: var(--sidebar);
  border-radius: 8px;
  transition:
    background-color 0.3s,
    color 0.3s;
}

.dropdown-link-3:hover {
  color: #4b4b4b;
  background-color: var(--muted);
}

.dropdown-link-3.w--current {
  margin: 8px 10px;
}

.overline-regular-2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #6869ac;
  text-transform: uppercase;
  letter-spacing: -0.18px;
}

.button-primary-small {
  display: inline-flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: #6869ac;
  border-radius: 8px;
}

.navigation-buttons-hide {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.banner-button {
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  letter-spacing: -0.08px;
  white-space: nowrap;
  text-decoration: none;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 99px;
}

.logo-image {
  width: 120px;
}

.dropdown-card {
  display: flex;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  padding: 0;
  overflow: hidden;
}

.dropdown-person-image {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.navigation-container {
  display: flex;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.banner-close {
  position: absolute;
  inset: auto 0% auto auto;
  color: #fff;
}

.banner-close:hover {
  color: #e8ecf7;
}

.navigation-dropdown-list-small {
  z-index: 99;
  min-width: 100%;
}

.navigation-dropdown-list-small.w--open {
  z-index: 99;
  width: 100%;
  min-width: auto;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0 12px 12px;
  box-shadow: 13px 69px 90px #ebebf4cc;
}

.navigation-dropdown-list-small.smaller.w--open {
  max-width: 150px;
}

.navigation-arrow {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.paragraph-small-4 {
  font-size: 16px;
  line-height: 24px;
  color: #3d424c;
  white-space: nowrap;
}

.paragraph-small-4.text-color-inherit {
  color: inherit;
}

.dropdown-wave-vector {
  position: absolute;
  inset: 0%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.navigation-link-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #2b2c4f;
  text-align: center;
  text-decoration: none;
  border-bottom: 2px solid #6667ab00;
  transition: all 0.2s;
}

.navigation-link-2:hover {
  color: #6667ab;
  border-bottom-color: #6667ab;
}

.navigation-link-2.w--open {
  color: #4c4cb3;
}

.banner-content {
  position: relative;
  z-index: 5;
  display: flex;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: center;
  justify-content: center;
}

.dropdown-right-block {
  flex: 1;
  padding: 8px;
  background-color: #f6f7f9;
  border-radius: 8px;
}

.banner-container {
  position: relative;
  display: flex;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  color: #fff;
}

.navigation-dropdown-toggle-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #2b2c4f;
  border-bottom: 2px solid #6667ab00;
  transition: all 0.2s;
}

.navigation-dropdown-toggle-2:hover,
.navigation-dropdown-toggle-2.w--open {
  color: #6667ab;
  border-bottom-color: #6667ab;
}

.banner-pattern {
  position: absolute;
  inset: 0% auto 0% 0%;
  max-width: 760px;
  height: 100%;
  pointer-events: none;
  object-fit: cover;
  object-position: 100% 50%;
}

.dropdown-integration-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 210px;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #3d424c;
  text-decoration: none;
  border-radius: 8px;
  transition: background-color 0.2s;
}

.dropdown-integration-link:hover {
  color: #6869ac;
  background-color: #e8ecf7;
}

.container-x-small {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 628px;
  margin-right: auto;
  margin-left: auto;
}

.cta-overlay {
  position: absolute;
  inset: 0% 0% -25px;
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(180deg, #fff0, #fafafa 70%, var(--sidebar));
}

.form-row {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.paragraph-small-5 {
  font-size: 14px;
  line-height: 24px;
  color: #49505b;
  letter-spacing: -0.08px;
}

.paragraph-small-5.text-color-tertiary {
  color: #8d95a3;
}

.form-checkbox {
  display: flex;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding-left: 0;
  margin: 0 8px 0 0;
  background-color: #fff;
  border: 2px solid #d8dbdf;
  border-radius: 100%;
}

.form-checkbox.w--redirected-checked {
  margin-top: 0;
  margin-left: 0;
  background-color: #154ee0;
  border-color: #154ee0;
  border-style: solid;
}

.image-full {
  width: 100%;
  object-fit: cover;
}

.form-checkbox-field {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0;
  margin-bottom: 0;
  text-align: left;
}

.paragraph-large-2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #000;
  letter-spacing: -0.16px;
}

.cta-wrapper {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.section-regular {
  position: relative;
  padding: 96px 5% 0;
  background-color: #f7f8f800;
}

.cta-badge-wrapper {
  position: absolute;
  right: 0;
  bottom: 30%;
  left: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 188px;
}

.cta-image {
  position: relative;
  z-index: -1;
  margin-bottom: -132px;
}

.h1-heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
}

.max-width-regular-2 {
  width: 100%;
  max-width: 520px;
}

.button-primary-2 {
  display: inline-flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  text-align: center;
  letter-spacing: -0.18px;
  white-space: nowrap;
  text-decoration: none;
  background-color: #25272c;
  border: 2px solid #000;
  border-radius: 8px;
  box-shadow:
    0 1px 2px #00000080,
    inset 0 1px 1px 3px #3f444d;
}

.form-text-field-2 {
  min-height: 48px;
  padding: 12px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  color: #25272c;
  letter-spacing: -0.18px;
  background-color: #fff;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
}

.form-text-field-2:focus {
  color: #25272c;
  background-color: #f7f8f8;
  border-color: #3a88fe;
}

.form-text-field-2::placeholder {
  color: #8d95a3;
}

.text-link-primary {
  color: #25272c;
  text-decoration: underline;
  transition: color 0.3s;
}

.text-link-primary:hover {
  color: #49505b;
}

.column-x-small-3 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.column-x-small-3.column-center {
  align-items: center;
  justify-content: center;
}

.cta-badge {
  position: absolute;
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #8d95a3;
  letter-spacing: -0.08px;
  background-color: #fff;
  border-radius: 8px;
}

.cta-badge._02 {
  top: 32px;
  left: 9%;
}

.cta-badge._04 {
  top: 0;
  right: 22%;
}

.cta-badge._05 {
  right: -14%;
}

.cta-badge._03 {
  bottom: 0;
}

.cta-badge._01 {
  bottom: 36px;
  left: -14%;
}

.container-small-2 {
  width: 100%;
  max-width: 588px;
  margin-right: auto;
  margin-left: auto;
}

.dot-orange {
  width: 5px;
  height: 5px;
  background-color: var(--accent);
  border-radius: 32px;
}

.code-embed-3 {
  display: none;
}

.section-large-2 {
  position: relative;
  padding: 120px 5%;
  background-color: #f3f3f500;
}

.divider-wrapper {
  display: flex;
  flex-flow: row;
  grid-row-gap: 64px;
  grid-column-gap: 64px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.noise-texture {
  position: absolute;
  inset: 0%;
  z-index: 5;
  pointer-events: none;
  background-image: url("/images/Noise--Texture.png");
  background-position: 0 0;
  background-size: auto;
}

.divider-caption {
  display: flex;
  flex-flow: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}

.caption-small {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.column-regular {
  display: flex;
  flex-flow: column;
  grid-row-gap: 70px;
  grid-column-gap: 70px;
}

.divider-tertiary {
  width: 100%;
  height: 1px;
  background-color: #cfd2d6;
}

.h5-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--primary);
}

.bold-text-2 {
  color: var(--primary);
}

.bold-text-3 {
  color: var(--secondary-text);
}

.bold-text-4 {
  color: var(--primary);
}

.bold-text-5,
.bold-text-6,
.bold-text-7 {
  color: var(--secondary-text);
}

.flex-block-8,
.flex-block-9,
.flex-block-10 {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.bold-text-8,
.bold-text-9,
.bold-text-10,
.bold-text-11,
.bold-text-12 {
  color: var(--secondary-text);
}

.f-success-message {
  font-size: 14px;
  line-height: 24px;
  color: #006638;
  letter-spacing: -0.03em;
  background-color: #ebfff6;
}

.f-cta-form-wrapper {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 16px;
  align-items: center;
  width: 100%;
}

.f-margin-bottom-48 {
  margin-bottom: 48px;
}

.f-container-regular {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
}

.f-h2-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 60px;
  line-height: 1.2;
  color: var(--accent);
  letter-spacing: -0.04em;
}

.f-margin-bottom-24 {
  margin-bottom: 24px;
}

.f-form-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  letter-spacing: -0.02em;
  text-decoration: none;
  outline: 2px solid #0000;
  outline-offset: 0px;
  background-color: #160042;
  border-radius: 48px;
  transition: all 0.2s;
}

.f-form-button:hover {
  background-color: #282556;
}

.f-form-button:active {
  background-color: #160042;
}

.f-paragraph-small {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: -0.01em;
}

.f-cta-text-wrapper-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.f-input-outlined {
  min-height: 48px;
  padding: 12px 16px;
  margin-bottom: 0;
  border: 1px solid #e4e6f1;
  border-radius: 8px;
}

.f-input-outlined:focus {
  border-color: #b6b9ce;
}

.f-input-outlined::placeholder {
  color: #b6b9ce;
}

.f-section-regular {
  position: relative;
  padding: 72px 5%;
}

.f-cta-form-block {
  max-width: 460px;
  margin-bottom: 8px;
}

.f-paragraph-large {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.column-regular-2 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.column-regular-2.column-centre {
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.cta-marquee-card {
  flex: 1;
  padding: 8px;
  border-radius: 16px;
}

.button-primary-3 {
  display: inline-flex;
  flex: none;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  background-color: #000;
  border-radius: 96px;
  transition: background-color 0.3s;
}

.button-primary-3:hover {
  background-color: #ff443d;
}

.cta-marquee-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  border-radius: 12px;
}

.title-badge {
  display: flex;
  flex-direction: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #ff443d;
}

.cta-marquee-wrapper {
  position: relative;
  height: 150px;
}

.cta-image-marquee {
  position: absolute;
  inset: 0% 0% auto;
  display: flex;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  width: 1440px;
}

.max-width-large {
  max-width: 890px;
}

.max-width-large.align-center {
  margin-right: auto;
  margin-left: auto;
}

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

.paragraph-large-3 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.cta-card {
  overflow: hidden;
  background-color: #fff;
  border-radius: 12px;
}

.section-x-large {
  padding: 144px 5%;
}

.section-x-large.background-gray-50 {
  background-color: #f6f5f3;
}

.h1-heading-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  letter-spacing: -1px;
}

.max-width-regular-3 {
  max-width: 550px;
}

.cta-title-wrapper {
  padding: 80px 5% 64px;
}

.column-large-2 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.column-large-2.column-centre {
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.text-block-4 {
  color: var(--accent);
}

.header-tabs-menu {
  display: flex;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: center;
  padding: 4px;
  margin-bottom: 16px;
}

.header-tabs-content {
  padding: 8px;
  background-color: #edeef1;
  border: 1px dashed #b5bbc4;
  border-radius: 12px;
}

.tab-link {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px 8px 8px;
  font-size: 14px;
  line-height: 16px;
  color: #49505b;
  letter-spacing: -0.08px;
  background-color: #fff0;
  border: 0.5px solid #d8dbdf;
  border-radius: 8px;
  transition:
    color 0.3s,
    background-color 0.3s;
}

.tab-link:hover,
.tab-link.w--current {
  color: #25272c;
  background-color: #edeef1;
}

.paragraph-large-4 {
  font-size: 18px;
  line-height: 32px;
  color: var(--secondary-text);
  letter-spacing: -0.16px;
}

.header-lines-wrapper {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  padding-right: 5%;
  padding-left: 5%;
}

.header-line-overlay {
  position: absolute;
  inset: 0% 0% auto;
  z-index: 2;
  height: 30%;
}

.header-subheading-block {
  max-width: 458px;
  padding: 16px 24px;
  margin-right: 16px;
  margin-left: 16px;
  color: var(--secondary-text);
  border: 1px dashed #b5bbc4;
  border-radius: 8px;
}

.section-regular-2 {
  position: relative;
  padding: 96px 5%;
  background-color: #f7f8f800;
}

.header-content-wrapper-2 {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 628px;
  margin-right: auto;
  margin-bottom: 64px;
  margin-left: auto;
  text-align: center;
}

.header-line {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.background-2 {
  position: absolute;
  inset: 0%;
  z-index: -1;
  max-height: 100%;
  pointer-events: none;
}

.h1-heading-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
}

.text-color-brand {
  color: #154ee0;
}

.header-inner-image {
  overflow: hidden;
  background-color: #f7f8f800;
  border: 0 solid #fff;
  border-radius: 8px;
}

.header-line-small {
  position: absolute;
  inset: 0% 0% auto;
  z-index: 1;
  width: 100%;
  max-width: 628px;
  height: 550px;
  margin-right: auto;
  margin-left: auto;
}

.header-line-overlay-small {
  position: absolute;
  inset: auto 0% 0%;
  height: 30%;
}

.icon-x-small-2 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--accent);
  -webkit-text-stroke-color: #c2b067;
}

.header-badge {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px 8px 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  border: 1px dashed #b5bbc4;
  border-bottom-style: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.header-heading-block {
  width: 100%;
  padding: 24px;
  border-top: 1px dashed #b5bbc4;
}

.container-regular-2 {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1062px;
  margin-right: auto;
  margin-left: auto;
}

.header-corner-lines {
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  border-right: 1px dashed #b5bbc4;
  border-left: 1px dashed #b5bbc4;
}

.text-block-5 {
  color: var(--secondary-text);
}

.heading-pattern {
  z-index: -1;
  display: inline-block;
  padding-top: 8px;
  padding-right: 24px;
  padding-bottom: 12px;
  margin-top: -8px;
  margin-right: -24px;
  margin-bottom: -12px;
  background-image: url("/images/Heading-Pattern.svg");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: contain;
}

.content-features {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

.content-features.wider {
  max-width: 1316px;
}

.subheading-small {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: #1a1925;
  letter-spacing: -0.02em;
}

.button-subtle {
  display: inline-flex;
  flex: none;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #1a1925;
  text-align: center;
  letter-spacing: -0.006em;
  text-decoration: none;
  background-color: #eeeef0;
  border-radius: 8px;
  box-shadow:
    0 1px 2px -1px #1a19250f,
    0 1px 1px #1a192514,
    0 0.5px 0.5px #1a192514;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: background-color;
}

.button-subtle:hover {
  background-color: #e7e7ea;
}

.section-large-3 {
  position: relative;
  padding: 128px 5%;
}

.section-large-3.sm {
  padding-top: 0;
}

.max-width-small {
  width: 100%;
  max-width: 396px;
}

.h2-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
  color: #1a1925;
  letter-spacing: -0.03em;
}

.paragraph-small-6 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #51515e;
  letter-spacing: -0.005em;
}

.paragraph-small-6.text-color-tertiary {
  color: var(--secondary-text);
}

.text-strong {
  font-weight: 500;
  color: var(--accent);
}

.certificate-nav {
  display: flex;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  padding: 16px 40px;
  background-color: #fff;
  border-radius: 22px 22px 4px 4px;
  box-shadow:
    0 1px 2px -1px #1a19250a,
    0 1px 1px #1a19250a,
    0 0.5px 0.5px #1a19250a;
}

.icon-3 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
}

.container-regular-3 {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}

.column-regular-3 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.column-regular-3.column-left {
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-end;
}

.certificate-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 72px 18px 60px;
  text-align: center;
}

.title-grid {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: end;
  margin-bottom: 48px;
}

.text-color-tertiary {
  color: #73737f;
}

.icon-small-2 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--accent);
}

.content-feature {
  display: flex;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 24px 20px;
}

.certificate {
  display: flex;
  flex-flow: column;
  padding: 6px;
  margin-bottom: 24px;
  background-color: #f7f7f8;
  background-image: url("/images/Certificate-Dots.svg");
  background-position: 0 0;
  background-size: auto;
  border-radius: 28px;
}

.column-large-3 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  padding: 24px;
}

.column-large-3.column-center {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.column-large-3.column-left {
  align-items: flex-start;
  justify-content: center;
}

.badge-secondary-2 {
  display: flex;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #1a1925;
  background-color: #f7f7f8;
  border-radius: 99px;
}

.paragraph-regular-2 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
  color: var(--secondary-text);
  letter-spacing: -0.01em;
}

.pattern {
  position: absolute;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pattern.content-04-right {
  inset: 0% 10% auto auto;
}

.pattern.content-04-left {
  inset: auto auto -195px 0%;
}

.pattern.right-top {
  inset: 0% 0% auto auto;
}

.pattern.content-01-left {
  inset: auto auto -195px 0%;
}

.pattern.left-bottom {
  inset: auto auto 0% 0%;
}

.pattern.testimonial-01-right {
  inset: 0% 7% auto auto;
}

.content-author-details {
  display: flex;
  flex-flow: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  line-height: 1.5;
  color: #73737f;
}

.section-large-4 {
  position: relative;
  padding: 128px 5%;
}

.section-large-4.overflow-hidden {
  overflow: hidden;
}

.paragraph-small-7 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #51515e;
  letter-spacing: -0.005em;
}

.paragraph-small-7.text-color-tertiary {
  color: #73737f;
}

.paragraph-small-7.text-color-primary {
  color: #1a1925;
}

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

.content-card-large {
  display: flex;
  flex-flow: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  width: 100%;
  max-width: 348px;
  padding: 8px;
  background-color: #f7f7f8;
  border-radius: 24px;
}

.card-image {
  aspect-ratio: 3.32 / 2.4;
  overflow: hidden;
  border-radius: 20px;
  box-shadow:
    0 1px 2px -1px #1a19250a,
    0 1px 1px #1a19250a,
    0 0.5px 0.5px #1a19250a;
}

.icon-4 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
}

.content-left {
  display: flex;
  flex-flow: column;
  grid-row-gap: 56px;
  grid-column-gap: 56px;
}

.container-regular-4 {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}

.background-3 {
  position: absolute;
  inset: 0%;
  z-index: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
}

.column-regular-4 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.column-regular-4.column-left {
  align-items: flex-start;
  justify-content: center;
}

.content-component {
  display: flex;
  flex-flow: row;
  grid-row-gap: 40px;
  grid-column-gap: 40px;
  align-items: center;
  justify-content: space-between;
}

.h3-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.3;
  color: #1a1925;
  letter-spacing: -0.03em;
}

.badge-secondary-3 {
  display: flex;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #1a1925;
  background-color: #f7f7f8;
  border-radius: 99px;
}

.dot {
  width: 2px;
  height: 2px;
  background-color: #a3a3ae;
  border-radius: 4px;
}

.para-2 {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--secondary-text);
  text-align: left;
  letter-spacing: -0.01em;
}

.para-2.end {
  text-align: right;
}

.para-2.c {
  text-align: center;
}

.avatar {
  flex: none;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 100%;
}

.button-primary-4 {
  display: inline-flex;
  flex: none;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  letter-spacing: -0.006em;
  white-space: nowrap;
  text-decoration: none;
  background-color: #1f62ff;
  background-image: linear-gradient(0deg, #55555514, #ececec14);
  border-radius: 8px;
  box-shadow:
    0 8px 12px -4px #1a19250f,
    0 4px 8px -4px #1a19251f,
    0 2px 4px -1px #1a19251f,
    0 1px 1.5px -0.5px #1a19251f,
    0 0.75px 0.75px #1a19251f,
    0 0.25px 0.25px #1a19253d,
    inset 0 -8px 20px #1a192514,
    inset 0 1px 3px #ffffff14,
    inset 0 0.75px 0.75px #ffffff14,
    inset 0 0.25px 0.25px #ffffff1f;
  transition-timing-function: ease, ease, ease;
  transition-duration: 0.3s, 0.3s, 0.3s;
  transition-property: all, background-color, box-shadow;
}

.button-primary-4:hover {
  background-image: linear-gradient(0deg, #5555553d, #ececec14);
  box-shadow:
    0 8px 12px -4px #1a19250f,
    0 4px 8px -4px #1a19251f,
    0 2px 4px -1px #1a19251f,
    0 1px 1.5px -0.5px #1a19251f,
    0 0.75px 0.75px #1a19251f,
    0 0.25px 0.25px #1a19253d,
    inset 0 -8px 20px #1a192514,
    inset 0 1px 3px #ffffff14,
    inset 0 0.75px 0.75px #ffffff14,
    inset 0 0.25px 0.25px #ffffff1f;
}

.card-content {
  display: flex;
  flex-flow: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px 32px 32px;
}

.integration-squares {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 940px;
  padding-top: 60px;
}

.section-large-5 {
  position: relative;
  padding: 128px 5%;
}

.section-large-5.background-primary {
  background-color: #f7f7f8;
}

.button-secondary {
  display: inline-flex;
  flex: none;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  letter-spacing: -0.006em;
  text-decoration: none;
  background-color: #1a1925;
  background-image: linear-gradient(#ffffff1f, #fff0);
  border-radius: 8px;
  box-shadow:
    inset 0 -8px 20px #1a192514,
    0 8px 12px -4px #1a19250f,
    0 4px 8px -4px #1a19251f,
    0 2px 4px -1px #1a19251f,
    0 1px 1.5px -0.5px #1a19251f,
    0 0.75px 0.75px #1a19251f,
    0 0.25px 0.25px #1a19253d,
    inset 0 1px 3px #ffffff14,
    inset 0 0.75px 0.75px #ffffff14,
    inset 0 0.25px 0.25px #ffffff1f;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: background-color;
}

.button-secondary:hover {
  background-color: #51515e;
}

.overflow-hide {
  overflow: hidden;
}

.integration-logo-round {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow:
    0 1px 2px -1px #1a19250a,
    0 1px 1px #1a19250a,
    0 0.5px 0.5px #1a19250a;
}

.paragraph-small-8 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #51515e;
  letter-spacing: -0.005em;
}

.icon-5 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
}

.background-4 {
  position: absolute;
  inset: 0%;
  z-index: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
}

.integration-logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 532px;
  margin-right: auto;
  margin-bottom: 56px;
  margin-left: auto;
}

.column-regular-5 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.column-regular-5.column-center {
  align-items: center;
  justify-content: center;
}

.column-regular-5.column-left {
  align-items: flex-start;
  justify-content: center;
  margin-top: 0;
}

.column-regular-5.colum-right {
  align-items: flex-end;
  justify-content: center;
}

.column-regular-5.column-left {
  align-items: flex-start;
  justify-content: center;
}

.container-large-4 {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}

.grid-three-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  width: 100%;
}

.grid-three-column.special {
  grid-row-gap: 57px;
  grid-column-gap: 57px;
  max-width: 940px;
  margin: -160px auto 150px;
}

.integration-card {
  display: flex;
  grid-row-gap: 14px;
  grid-column-gap: 14px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 22px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow:
    0 1px 2px -1px #1a19250a,
    0 1px 1px #1a19250a,
    0 0.5px 0.5px #1a19250a;
}

.title-wrapper {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  justify-content: flex-start;
  max-width: 716px;
  margin-right: auto;
  margin-bottom: 48px;
  margin-left: auto;
  text-align: center;
}

.integration-side-logos {
  position: absolute;
  top: 297px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1136px;
}

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

.integration-lines-overlay {
  position: absolute;
  inset: 0%;
  pointer-events: none;
  background-image: linear-gradient(#f7f7f8 2%, #f7f7f800 20% 80%, #f7f7f8 98%);
}

.badge-primary-2 {
  display: flex;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #1a1925;
  background-color: #fff;
  border-radius: 99px;
  box-shadow:
    0 3px 3px -1.5px #07011308,
    0 2px 2px -1px #07011308,
    0 1px 1px -0.5px #07011308,
    0 0.5px 0.5px #07011308;
}

.integration-bg-lines {
  position: absolute;
  z-index: -1;
  display: flex;
  grid-row-gap: 96px;
  grid-column-gap: 96px;
  align-items: center;
  justify-content: center;
  width: 1612px;
  pointer-events: none;
}

.integration-logo-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.integration-lines {
  pointer-events: none;
}

.hiw-button-icon {
  color: #8d95a3;
}

.h1-heading-6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
  color: #25272c;
}

.hiw-image-wrapper {
  width: 100%;
  padding: 8px;
  background-color: #edeef1;
  border: 1px dashed #b5bbc4;
  border-radius: 12px;
}

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

.hiw-mask {
  width: 520px;
  overflow: visible;
}

.paragraph-regular-4 {
  font-size: 16px;
  line-height: 28px;
  color: #49505b;
  letter-spacing: -0.12px;
}

.hiw-text {
  position: relative;
  z-index: 1;
  color: #67707e;
}

.title-grid-2 {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  place-items: start stretch;
  margin-top: 100px;
  margin-bottom: 64px;
}

.hiw-slide {
  margin-right: 24px;
}

.badge-primary-3 {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: var(--secondary-text);
  text-decoration: none;
  border: 1px dashed var(--border);
  border-radius: 20px;
}

.section-regular-3 {
  position: relative;
  padding: 96px 5%;
  background-color: #f7f8f8;
}

.hiw-slider {
  width: 100%;
  height: auto;
  background-color: #fff0;
}

.h5-heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  color: #25272c;
}

.icon-regular-4 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

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

.hiw-button {
  display: flex;
  flex: auto;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 16px;
  color: #49505b;
  letter-spacing: -0.08px;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
}

.hide {
  display: none;
}

.column-small-2 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
}

.column-small-2.column-left {
  align-items: flex-start;
  justify-content: flex-start;
}

.container-large-5 {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.hiw-image-small {
  aspect-ratio: 3.48 / 2.4;
  overflow: hidden;
  background-color: #f7f8f8;
  border: 2px solid #fff;
  border-radius: 8px;
}

.hiw-card {
  position: relative;
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 28px;
  overflow: hidden;
  color: #fff;
  background-color: #fff;
  border: 1px solid var(--border);
  border-radius: 33px;
  transition: background-color 0.2s;
}

.hiw-card:hover {
  background-color: var(--muted);
}

.max-width-small-2 {
  width: 100%;
  max-width: 410px;
}

.hiw-step-number {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #fff;
  letter-spacing: -0.08px;
  background-color: var(--accent);
  border-radius: 100%;
}

.hiw-arrow {
  inset: -104px 0% auto auto;
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #49505b;
  text-align: center;
  letter-spacing: -0.18px;
  white-space: nowrap;
  text-decoration: none;
  background-color: #f7f8f8;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
  transition:
    border-color 0.3s,
    background-color 0.3s,
    color 0.3s;
}

.hiw-arrow:hover {
  color: #25272c;
  background-color: #edeef1;
  border-color: #b5bbc4;
}

.hiw-arrow.left {
  right: 48px;
}

.feature-grid {
  position: relative;
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
}

.section-large-6 {
  position: relative;
  padding: 128px 5%;
}

.section-large-6.overflow-hidden {
  overflow: hidden;
}

.section-large-6.overflow-hidden.less {
  padding-top: 60px;
}

.feature-card-grid {
  position: absolute;
  inset: 8px 8px auto auto;
  z-index: 0;
  pointer-events: none;
}

.feature-image-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.paragraph-small-9 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #51515e;
  letter-spacing: -0.005em;
}

.icon-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
}

.feature-image {
  flex: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  object-position: 0% 50%;
  border: 0.72px solid #eeeef0;
  border-radius: 24px;
  box-shadow:
    0 3px 3px -1.5px #07011308,
    0 2px 2px -1px #07011308,
    0 1px 1px -0.5px #07011308,
    0 0.5px 0.5px #07011308;
}

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

.feature-card {
  position: relative;
  display: flex;
  flex-flow: column;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 68px 24px 28px;
  background-color: #fff;
  border: 1px solid #eeeef0;
  border-radius: 20px;
}

.feature-dashboard {
  position: absolute;
  flex: none;
  width: 40vw;
  -webkit-mask-image:
    linear-gradient(#000 70%, #0000), linear-gradient(to right, #000 70%, #0000);
  mask-image:
    linear-gradient(#000 70%, #0000), linear-gradient(to right, #000 70%, #0000);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.feature-dashboard.this {
  width: 100%;
  height: 100%;
  overflow: visible;
  object-fit: cover;
}

.icon-large {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #000;
}

.grid-two-column-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  width: 100%;
  height: 400px;
}

.grid-two-column-2.mid {
  grid-template-columns: 0.6fr 1fr;
  grid-column-gap: 2px;
}

.badge-secondary-4 {
  display: flex;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #1a1925;
  background-color: #f7f7f8;
  border-radius: 99px;
}

.column-3x-large {
  display: flex;
  flex-flow: column;
  grid-row-gap: 150px;
  grid-column-gap: 150px;
}

.button-ghost {
  display: inline-flex;
  flex: none;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #1a1925;
  text-align: center;
  letter-spacing: -0.006em;
  text-decoration: none;
  background-color: #0000;
  border-radius: 8px;
  transition: background-color 0.3s;
}

.button-ghost:hover {
  background-color: #eeeef0;
}

.icon-pattern {
  position: absolute;
  inset: -4px auto auto -4px;
  z-index: -1;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.step-line {
  width: 100%;
  background-color: var(--accent);
  border-radius: 8px;
}

.hiw-content-card {
  position: relative;
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: stretch;
  justify-content: space-between;
  max-width: 412px;
  height: 100%;
  padding: 16px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.hiw-content {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 520px;
  padding-top: 64px;
  padding-bottom: 32px;
}

.hiw-content.r {
  align-items: flex-end;
  justify-content: center;
}

.image-cover-4 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hiw-detail-card {
  position: absolute;
  inset: auto 16px 16px;
  display: flex;
  flex-flow: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  padding: 12px 16px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.header-tab-content {
  display: flex;
  flex-flow: column;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  padding: 4px;
}

.subheading-regular-3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--secondary-text);
  letter-spacing: -0.12px;
}

.paragraph-regular-5 {
  font-size: 16px;
  line-height: 28px;
  color: #49505b;
  letter-spacing: -0.12px;
}

.step-line-wrapper {
  position: relative;
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 12px;
}

.divider-secondary {
  width: 100%;
  border-top: 2px dashed #d8dbdf;
}

.subheading-large-2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: #25272c;
  letter-spacing: -0.24px;
}

.step-number {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #67707e;
  letter-spacing: -0.08px;
  border: 1px dashed var(--accent);
  border-radius: 8px;
}

.paragraph-small-10 {
  font-size: 14px;
  line-height: 24px;
  color: var(--secondary-text);
  letter-spacing: -0.08px;
}

.paragraph-small-10.text-color-tertiary {
  color: #67707e;
}

.hiw-wrapper {
  display: flex;
  flex-flow: column;
}

.step-bar {
  width: 4px;
  height: 100%;
  background-color: #edeef1;
  border: 0.5px solid #d8dbdf;
  border-radius: 8px;
}

.subheading-small-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #25272c;
  letter-spacing: -0.08px;
}

.subheading-small-2.text-color-brand {
  color: #154ee0;
}

.section-regular-4 {
  position: relative;
  padding: 96px 5% 0;
  background-color: #f7f8f800;
}

.hiw-step-card {
  position: relative;
  display: flex;
  flex-flow: column;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px 30% 12px 12px;
  background-color: #edeef1;
  border: 0.5px solid #d8dbdf;
  border-radius: 8px;
}

.header-tab-illustration {
  position: absolute;
  inset: auto 0% 0% auto;
  z-index: 0;
  pointer-events: none;
}

.title-center-2 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 628px;
  margin-right: auto;
  margin-bottom: 64px;
  margin-left: auto;
  text-align: center;
}

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

.content-icon {
  flex: none;
  padding: 4px;
  color: #154ee0;
  background-color: #edeef1;
  border: 1px solid #d8dbdf;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px #fff;
}

.hiw-feature-card {
  display: flex;
  flex-flow: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.hiw-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 0.25fr 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.container-large-6 {
  width: 100%;
  max-width: 1316px;
  margin-right: auto;
  margin-left: auto;
}

.svg {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent);
}

.hiw-image {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 5.04 / 4.32;
  overflow: hidden;
  background-color: #f7f8f8;
  border: 2px solid #fff;
  border-radius: 8px;
}

.hiw-feature-grid {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  width: 100%;
}

.h2-heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 1.2;
  color: #25272c;
}

.button-link-small {
  display: inline-flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: var(--accent);
  letter-spacing: -0.08px;
  white-space: nowrap;
}

.cta-section {
  position: relative;
  z-index: 1;
  padding-top: 0;
  padding-right: 3%;
  padding-left: 3%;
  overflow: hidden;
  background-color: #f6f6f600;
}

.paragraph-regular-6 {
  font-size: 16px;
  line-height: 1.5;
  color: #454545;
}

.container-small-3 {
  position: relative;
  z-index: 4;
  width: 100%;
  max-width: 792px;
  margin-right: auto;
  margin-left: auto;
  pointer-events: auto;
}

.icon-regular-5 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.cta-footer-image-wrapper {
  position: relative;
}

.cta-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  margin-top: -24px;
  margin-bottom: 32px;
}

.container-x-large {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.cta-card-2 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: flex-start;
  padding: 24px;
  text-align: center;
  background-color: #fff;
  border-radius: 12px;
}

.cta-footer {
  position: absolute;
  inset: auto 0% 48px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.title-center-small {
  position: relative;
  z-index: 2;
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 680px;
  margin-right: auto;
  margin-bottom: 64px;
  margin-left: auto;
  text-align: center;
}

.cta-footer-content {
  display: flex;
  flex-flow: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: flex-start;
  padding: 12px;
  text-align: center;
}

.cta-footer-overlay {
  position: absolute;
  inset: 0% 0% -96px;
  z-index: 2;
  pointer-events: none;
  background-image: radial-gradient(circle at 50% 100%, #f6f6f6 30%, #f6f6f600);
}

.paragraph-x-small-3 {
  font-size: 12px;
  line-height: 1.5;
  color: #454545;
}

.paragraph-x-small-3.text-color-tertiary {
  color: #6d6d6d;
}

.icon-small-3 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--accent);
}

.text-color-brand-2 {
  color: #286efb;
}

.cta-footer-image {
  width: 100%;
  height: 100%;
  margin-bottom: -96px;
  object-fit: cover;
}

.h1-heading-7 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2;
  color: #2b2b2b;
  letter-spacing: -0.03em;
}

.h1-heading-7.text-balance {
  text-wrap: balance;
}

.cta-footer-icon {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  overflow: hidden;
  color: #454545;
  background-color: #fff;
  border-radius: 100%;
}

.button-header {
  display: flex;
  flex: none;
  flex-direction: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 8px 24px 8px 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #6173e5;
  text-align: center;
  letter-spacing: -0.02em;
  text-decoration: none;
  background-color: #eeeffc;
  border-radius: 99px;
}

.header-badge-b {
  align-items: center;
  padding: 4px 8px 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #fff;
  text-transform: uppercase;
  background-color: #6173e5;
  border-radius: 99px;
}

.header-button-group {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  margin-top: 32px;
}

.header-bloom {
  position: absolute;
  inset: 0%;
  z-index: -3;
}

.button-play-icon {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 99px;
}

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

.paragraph-large-5 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: -0.02em;
}

.header-section-s {
  position: relative;
  padding: 124px 5% 0;
}

.header-badge-link-b {
  display: flex;
  grid-column-gap: 8px;
  align-items: center;
  padding: 2px;
  font-weight: 500;
  color: #6173e5;
  text-decoration: none;
  background-color: #eeeffc;
  border-radius: 99px;
}

.container-large-7 {
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
}

.button-primary-5 {
  display: flex;
  flex: none;
  flex-direction: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  text-align: center;
  letter-spacing: -0.02em;
  background-color: #6173e5;
  border-radius: 99px;
}

.header-wrapper-small {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 792px;
  margin-right: auto;
  margin-bottom: 44px;
  margin-left: auto;
  text-align: center;
}

.wrap-v-regular {
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.wrap-v-regular.align-center {
  align-items: center;
}

.wrap-h-x-small {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
}

.h1-heading-8 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.15;
  color: #000;
  letter-spacing: -0.04em;
}

.paragraph-small-11 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: -0.02em;
}

.paragraph-large-6 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: -0.02em;
}

.container-large-8 {
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
}

.button-primary-6 {
  display: flex;
  flex: none;
  flex-direction: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  text-align: center;
  letter-spacing: -0.02em;
  background-color: #6173e5;
  border-radius: 99px;
}

.paragraph-small-12 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: -0.02em;
}

.image-13 {
  width: 100px;
  overflow: clip;
}

.section-large-7 {
  position: relative;
  padding: 128px 5%;
}

.section-large-7.overflow-hidden {
  overflow: hidden;
}

.section-large-7.overflow-hidden.extra {
  max-width: 1316px;
  margin-right: auto;
  margin-left: auto;
}

.para-3 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--secondary-text);
  letter-spacing: -0.005em;
}

.para-3.text-strong {
  font-family: Lufga, Arial, sans-serif;
  font-weight: 700;
  color: #1a1925;
}

.para-3.center {
  margin-top: 24px;
  font-size: 12px;
  color: #646464b0;
  text-align: center;
}

.para-3.cent {
  text-align: center;
}

.image-cover-5 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #fff;
}

.image-cover-5.backwhite {
  background-color: #fff;
}

.content-card-details {
  display: flex;
  flex-flow: column;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  padding: 18px;
  color: #1a1925;
}

.container-regular-5 {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}

.container-regular-5.extra {
  max-width: 1316px;
  padding-right: 0%;
  padding-left: 0%;
}

.content-title {
  display: flex;
  flex-flow: column;
  grid-row-gap: 44px;
  grid-column-gap: 44px;
  width: 100%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

.content-title.extra {
  max-width: 1316px;
}

.divider-secondary-2 {
  flex: none;
  width: 100%;
  height: 1px;
  background-color: #eeeef0;
  border-radius: 4px;
}

.column-2x-large {
  display: flex;
  flex-flow: column;
  grid-row-gap: 40px;
  grid-column-gap: 40px;
}

.content-title-grid {
  grid-template-rows: auto;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  place-items: end stretch;
}

.content-card {
  display: flex;
  flex-flow: column;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  padding: 6px;
  color: #646464;
  background-color: var(--muted);
  border-radius: 24px;
}

.content-card.stat {
  padding-right: 0;
  padding-left: 0;
  color: #64646400;
  background-color: #0000;
}

.badge-secondary-5 {
  display: flex;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #1a1925;
  background-color: #f7f7f8;
  border-radius: 99px;
}

.paragraph {
  font-weight: 600;
}

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

.paragraph-regular-7 {
  font-size: 16px;
  line-height: 28px;
  color: #49505b;
  letter-spacing: -0.12px;
}

.badge-primary-4 {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #49505b;
  border: 1px dashed #b5bbc4;
  border-radius: 8px;
}

.section-regular-5 {
  position: relative;
  padding: 96px 5%;
  overflow: hidden;
  background-color: #f7f8f800;
}

.h5-heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  color: #25272c;
}

.icon-regular-6 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.icon-x-small-5 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--accent);
}

.icon-x-small-5.mg-right-4px.mgtop {
  margin-top: -1px;
  margin-bottom: 0;
}

.container-large-9 {
  width: 100%;
  max-width: 1316px;
  padding-right: 0%;
  padding-left: 0%;
  margin-right: auto;
  margin-left: auto;
}

.max-width-small-3 {
  width: 100%;
  max-width: 410px;
}

.hiw-step-number-2 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: var(--muted-text);
  letter-spacing: -0.08px;
  background-color: var(--card);
  border-radius: 100%;
}

.logo {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
}

.logo-component {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  text-align: center;
}

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

.paragraph-large-7 {
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  color: var(--accent);
  letter-spacing: -0.3px;
}

.logo-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.logo-carousel-content {
  display: flex;
  grid-row-gap: 51px;
  grid-column-gap: 51px;
  align-items: center;
  justify-content: space-between;
}

.logo-icon-wrapper {
  color: #9ca3b0;
  transition: color 0.3s;
}

.logo-icon-wrapper:hover {
  color: #384252;
}

.logo-section {
  width: auto;
  max-width: 1316px;
  padding-top: 0;
  padding-bottom: 120px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

.logo-carousel-gradient {
  position: absolute;
  inset: 0% auto 0% 0%;
  z-index: 1;
  width: 10%;
  background-image: linear-gradient(90deg, #fafafa, #fff0);
}

.logo-carousel-gradient.right {
  inset: 0% 0% 0% auto;
  background-image: linear-gradient(90deg, #fff0, #fafafa);
}

.paragraph-x-small-4 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
  color: #49505b;
  text-align: right;
}

.table-scroll {
  overflow: auto;
}

.max-width-x-small {
  width: 100%;
  max-width: 320px;
}

.button-primary-7 {
  display: inline-flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #fff;
  text-align: center;
  letter-spacing: -0.08px;
  white-space: nowrap;
  text-decoration: none;
  background-color: #25272c;
  border: 1px solid #000;
  border-radius: 8px;
  box-shadow:
    0 1px 2px #00000080,
    inset 0 1px 1px 2px #3f444d;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: background-color;
}

.button-primary-7:hover {
  background-color: #000;
}

.table-footer {
  display: flex;
  flex-flow: wrap;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  justify-content: space-between;
  padding: 16px;
  margin-top: 40px;
  background-color: #f7f8f8;
  border: 2px dashed #b5bbc4;
  border-radius: 12px;
}

.section-regular-6 {
  position: relative;
  padding: 96px 5%;
  background-color: #f7f8f8;
}

.section-regular-6.background-white {
  background-color: #fff0;
}

.section-regular-6.background-white.no {
  color: #646464;
}

.table-row-head {
  display: flex;
  flex-flow: row;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: flex-start;
  margin-right: auto;
  font-weight: 500;
  text-align: left;
}

.text-weight-semibold {
  font-weight: 600;
  color: var(--secondary-text);
}

.table-icon-cross {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #67707e;
}

.button-wrapper {
  display: flex;
  flex-flow: column;
  width: 100%;
  max-width: 196px;
}

.table-icon-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--accent);
}

.table-icon-check.no {
  color: var(--border);
}

.title-left {
  display: flex;
  flex-direction: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 64px;
  text-align: center;
}

.h2-heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 1.2;
  color: #25272c;
  letter-spacing: -0.04em;
}

.table-row {
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  place-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  border-bottom: 2px dashed #d8dbdf;
}

.table-row.table-head {
  grid-template-columns: 2fr 1fr;
  font-weight: 600;
}

.table-container {
  display: flex;
  flex-direction: column;
  grid-row-gap: 40px;
  grid-column-gap: 40px;
  min-width: 600px;
}

.mg-left-8px {
  margin-left: 12px;
  color: var(--secondary-text);
}

.h2-heading-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  letter-spacing: -0.8px;
}

.course-item-statistic {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding-right: 2px;
  padding-left: 2px;
  color: #4d4d4c;
}

.course-item-video-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  overflow: hidden;
  border-radius: 12px;
}

.column-tiny {
  z-index: 5;
  display: flex;
  flex-direction: column;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
}

.pricing-price-row {
  display: flex;
  flex-flow: wrap;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}

.subheading-large-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #000;
  letter-spacing: -0.24px;
}

.h3-heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  letter-spacing: -0.64px;
}

.caption-small-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.caption-small-2.text-weight-medium {
  font-weight: 500;
  color: var(--secondary-text);
}

.container-small-4 {
  width: 100%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}

.section-regular-7 {
  padding: 96px 5%;
}

.section-regular-7.background-gray-50 {
  background-color: #f6f5f300;
}

.filter-course-item {
  display: flex;
  flex-flow: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  padding: 8px;
  background-color: #fff;
  border-radius: 16px;
  box-shadow:
    0 3px 2px #201f1f00,
    0 2px 1px #201f1f03,
    0 1px 1px #201f1f0a,
    0 1px 1px #201f1f12;
}

.pricing-tabs {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
}

.pricing-card-top {
  display: flex;
  flex-flow: column;
  grid-row-gap: 13px;
  grid-column-gap: 13px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px;
  margin-top: 16px;
}

.badge {
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  background-color: #c2b067;
  border: 1px solid #ffeae6;
  border-radius: 96px;
}

.icon-regular-7 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.paragraph-small-14 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-14.text-color-gray-800 {
  color: #4d4d4c;
}

.icon-small-5 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.pricing-price-wrapper {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: flex-end;
  justify-content: flex-start;
}

.course-item-statistics {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.pricing-feature-list {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  padding: 8px;
}

.course-item-statistics-left {
  display: flex;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.course-video-timestamp {
  position: absolute;
  inset: auto auto 8px 8px;
  z-index: 1;
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: flex-start;
  padding: 2px 10px 2px 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #fff;
  background-color: #201f1f3d;
  border-radius: 96px;
}

.pricing-card-left {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
}

.pricing-feature {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: flex-start;
  padding-right: 2px;
  padding-left: 2px;
  font-size: 16px;
  line-height: 24px;
  color: #4d4d4c;
}

.subheading-regular-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #000;
}

.paragraph-x-small-5 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
}

.paragraph-x-small-5.text-color-gray-800 {
  margin-bottom: 6px;
}

.paragraph-large-8 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large-8.text-color-gray-950 {
  color: #1f1e1e;
}

.course-video-thumbnail {
  position: absolute;
  inset: 0%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.divider-gray-200 {
  width: 100%;
  height: 1px;
  background-color: #d6d3d1;
}

.pricing-card-right {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  height: 100%;
}

.course-item-details {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: flex-start;
  padding: 12px 8px;
}

.pricing-tabs-content {
  width: 100%;
}

.pricing-carousel-gradient {
  position: absolute;
  inset: 0%;
  width: 90px;
  pointer-events: none;
  background-image: linear-gradient(90deg, #f6f5f3, #fff0);
}

.pricing-carousel-gradient.right {
  inset: 0% 0% 0% auto;
  z-index: 2;
  background-image: linear-gradient(270deg, #f6f5f3, #fff0);
}

.pricing-carousel-wrapper {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 420px;
  overflow: hidden;
}

.pricing-discount-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #ff443d;
  text-decoration: line-through;
}

.pricing-tab-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #8b8a89;
  text-align: center;
  background-color: #0000;
  border-radius: 96px;
  transition: all 0.2s;
}

.pricing-tab-link:hover {
  color: #71716f;
  background-color: #f6f5f3;
}

.pricing-tab-link.w--current {
  font-weight: 600;
  color: #4d4d4c;
  background-color: #fff;
  box-shadow:
    0 3px 2px #201f1f00,
    0 2px 1px #201f1f03,
    0 1px 1px #201f1f0a,
    0 1px 1px #201f1f12;
}

.button-primary-large-2 {
  position: relative;
  z-index: 3;
  display: inline-flex;
  flex: none;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  background-color: #1f1e1e;
  border-radius: 13px;
  transition: background-color 0.3s;
}

.button-primary-large-2:hover {
  color: #fff;
  background-color: var(--accent);
}

.pricing-tab-menu-dark {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  justify-content: flex-start;
  width: 100%;
  max-width: 320px;
  padding: 4px;
  margin-bottom: 48px;
  background-color: #f0edea;
  border-radius: 96px;
}

.title-center-regular {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: center;
  max-width: 820px;
  margin-right: auto;
  margin-bottom: 64px;
  margin-left: auto;
  text-align: center;
}

.course-video-lightbox-link {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  color: #fff;
  background-color: #201f1f1f;
  border: 1px solid #d7d4d214;
  border-radius: 100%;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  transition:
    transform 0.3s,
    color 0.3s,
    background-color 0.3s;
}

.course-video-lightbox-link:hover {
  color: #ff443d;
  background-color: #fff;
  transform: scale(1.1);
}

.text-color-red-500 {
  color: #ff443d;
}

.pricing-course-grid {
  position: absolute;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 1060px;
}

.pricing-card-grid {
  position: relative;
  grid-template-rows: auto;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: start;
  padding: 24px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid var(--border);
  border-radius: 33px;
}

.paragraph-regular-8 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.paragraph-regular-8.text-color-gray-800 {
  color: var(--secondary-text);
}

.text-block-6 {
  color: var(--accent);
}

.image-14 {
  position: absolute;
  inset: 0% 0% 0% auto;
  z-index: 0;
  width: 50%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: 0% 100%;
}

.div-block-10 {
  position: absolute;
  inset: auto 0% 0% 40%;
  height: 60px;
  background-image: linear-gradient(#f7f7f700, #f7f7f7);
}

.div-block-11 {
  position: absolute;
  inset: 0% auto 0% 50%;
  z-index: 2;
  width: 60px;
  background-image: linear-gradient(90deg, #f7f7f7, #f7f7f700);
}

.paragraph-2 {
  margin-bottom: 6px;
  margin-left: 0;
  color: var(--secondary-text);
}

.section-2 {
  overflow: hidden;
}

.sidecover {
  position: absolute;
  inset: 0% 0% 0% auto;
  z-index: 5;
  width: 75px;
  height: 100%;
  background-image: linear-gradient(270deg, #fafafa, #fafafa00);
}

.sidecover.left {
  inset: 0% auto 0% 0%;
  background-image: linear-gradient(90deg, #fafafa, #fafafa00);
}

.text-block-7,
.text-block-8,
.paragraph-3,
.paragraph-4,
.text-block-9,
.text-block-10 {
  color: var(--secondary-text);
}

.white {
  margin-bottom: 16px;
  color: #fff;
}

.paragraph-5 {
  padding-bottom: 15px;
}

.paragraph-6 {
  padding-bottom: 20px;
}

.team-badge {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: flex-start;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #000;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 11px #0000001f;
}

.team-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 100%;
}

.team-icon.right {
  margin-left: auto;
}

.footer-socials {
  position: relative;
  z-index: 1;
  display: flex;
  flex-flow: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
}

.column-x-large-2 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 32px;
  grid-column-gap: 32px;
}

.image-cover-7 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: rotate(0);
}

.image-cover-7.lefrt {
  transform: rotate(-9deg);
}

.image-cover-7.r {
  transform: rotate(1deg);
}

.team-member {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  transition: margin-bottom 0.3s;
}

.team-member:hover {
  z-index: 1;
  margin-bottom: 12px;
}

.team-member.team-member-05 {
  margin-left: -32px;
  transform: rotate(10deg);
}

.team-member.team-member-04 {
  bottom: 42px;
  margin-left: -32px;
  transform: rotate(5deg);
}

.team-member.team-member-01 {
  margin-right: -32px;
  transform: rotate(-10deg);
}

.team-member.team-member-02 {
  bottom: 42px;
  margin-right: -32px;
  transform: rotate(-5deg);
}

.team-member.team-member-03 {
  bottom: 72px;
}

.dot-orange-2 {
  width: 5px;
  height: 5px;
  background-color: var(--accent);
  border-radius: 100%;
}

.footer-legal {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  max-width: 290px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.footer-team {
  position: relative;
  inset: auto 0% 0%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 32px;
}

.team-image-card {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f9f9fa;
  border: 8px solid #fff;
  border-radius: 24px;
  box-shadow:
    0 46px 13px #6c718000,
    0 29px 12px #6c718003,
    0 17px 10px #6c71800a,
    0 7px 7px #6c718012,
    0 2px 4px #6c718014;
}

.team-badges {
  display: flex;
  flex-flow: column;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: flex-start;
  justify-content: center;
  padding-bottom: 24px;
}

.row-x-small {
  display: flex;
  flex-flow: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: flex-start;
}

.section-regular-8 {
  position: relative;
  padding: 100px 5% 0;
  background-color: #f3f3f500;
}

.footer-background {
  position: relative;
}

.footer-contact-link {
  padding-bottom: 8px;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2;
  color: #000;
  letter-spacing: -0.02em;
  text-decoration: none;
  border-bottom: 1px solid #cfd2d6;
  transition: border-color 0.3s;
}

.footer-contact-link:hover {
  border-bottom-color: var(--accent);
}

.icon-regular-8 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.team-details {
  position: absolute;
  inset: 0%;
  z-index: 2;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.icon-x-small-6 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--accent);
}

.container-regular-6 {
  width: 100%;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.caption-small-3 {
  font-size: 14px;
  line-height: 20px;
}

.footer-social-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #000;
  background-color: #fff;
  border-radius: 100%;
  transition: color 0.3s;
}

.footer-social-button:hover {
  color: #ff6c0a;
}

.footer-social-button.middle {
  margin-bottom: 24px;
}

.paragraph-x-small-6 {
  font-size: 12px;
  line-height: 20px;
  color: #36393f;
}

.paragraph-x-small-6.text-color-tertiary {
  color: #6b7280;
}

.footer-top-2 {
  position: relative;
  margin-bottom: 0;
}

.column-x-small-4 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.column-x-small-4.column-center {
  align-items: center;
  justify-content: center;
}

.footer-background-overlay {
  position: absolute;
  inset: auto 0% 0%;
  height: 100%;
  background-image: linear-gradient(#fff0, #f3f3f5 49%);
}

.text-block-11 {
  font-family: Lufga, Arial, sans-serif;
}

.text-weight-medium {
  font-weight: 500;
}

.banner-03-link {
  display: inline-flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.08px;
  white-space: nowrap;
  text-decoration: underline;
}

.banner-line {
  width: 1px;
  height: 16px;
  background-color: #edeef1;
}

.banner-buttons {
  display: flex;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: flex-start;
}

.banner-03-close {
  color: #fff;
  transition: color 0.3s;
}

.banner-hide {
  padding-top: 0;
  padding-bottom: 17px;
  overflow: hidden;
}

.banner-left {
  position: relative;
  z-index: 1;
  display: flex;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: flex-start;
}

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

.banner-03-section {
  padding: 12px 5%;
  font-size: 14px;
  color: #fff;
  background-color: var(--accent);
}

.banner-03-container {
  display: flex;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: space-between;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
}

.banner-content-2 {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: flex-start;
}

.bold-text-13,
.bold-text-14 {
  color: #fff;
}

.banner-squiggle {
  position: absolute;
  inset: 0% 32px 0% auto;
}

.paragraph-small-15 {
  font-size: 14px;
  line-height: 24px;
  color: #49505b;
  letter-spacing: -0.08px;
}

.banner-02-section {
  padding: 12px 58px 0;
  background-color: #f7f8f8;
}

.banner-02-close {
  color: #8d95a3;
  transition: color 0.3s;
}

.banner-02-close:hover {
  color: #25272c;
}

.banner-hide-2 {
  overflow: hidden;
}

.banner-link {
  display: inline-flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: var(--accent);
  letter-spacing: -0.08px;
  white-space: nowrap;
}

.icon-small-7 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.icon-small-7.text-color-brand {
  color: var(--accent);
}

.banner-02-container {
  position: relative;
  display: flex;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: space-between;
  max-width: 1316px;
  padding: 8px 12px;
  margin-right: 5%;
  margin-left: 5%;
  background-color: var(--muted);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.text-strong-2 {
  font-weight: 500;
  color: #25272c;
}

.text-block-12 {
  color: var(--accent);
}

.flex-block-11 {
  align-items: flex-start;
  justify-content: center;
}

.div-block-13 {
  position: relative;
  z-index: 2;
}

.button-primary-8 {
  display: inline-flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: #2a5144;
  border-radius: 99px;
  transition: background-color 0.3s;
}

.button-primary-8:hover {
  background-color: #584837;
}

.h2-heading-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.2;
  color: #2f261d;
  letter-spacing: -0.03em;
}

.section-large-8 {
  position: relative;
  padding: 96px 5%;
  background-color: #f8f7f2;
}

.section-large-8.background-brand {
  background-color: #2a5144;
}

.text-accent {
  font-style: italic;
  color: #487f6a;
}

.cta-features {
  display: flex;
  flex-flow: wrap;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  justify-content: center;
}

.paragraph-x-large-2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  color: #6b5843;
}

.cta-02-pattern-right {
  position: absolute;
  inset: auto 0% 0% auto;
  z-index: 3;
  width: 24%;
  max-width: 200px;
  pointer-events: none;
  mix-blend-mode: multiply;
}

.column-x-small-5 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.text-link-brand-2 {
  display: flex;
  flex: none;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  color: #487f6a;
  white-space: nowrap;
  text-decoration: underline;
}

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

.cta-02-pattern-left {
  position: absolute;
  inset: auto auto 0% 0%;
  z-index: 3;
  width: 24%;
  max-width: 200px;
  pointer-events: none;
  mix-blend-mode: multiply;
}

.cta-container {
  position: relative;
  display: flex;
  flex-flow: column;
  grid-row-gap: 48px;
  grid-column-gap: 48px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1280px;
  padding: 64px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  background-color: #f1efe5;
  border-radius: 24px;
}

.icon-small-8 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.paragraph-regular-9 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: #6b5843;
}

.paragraph-regular-9.text-color-tertiary {
  color: #6b5843;
}

.heading-3 {
  margin-top: 32px;
}

.tab-link-2 {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  font-weight: 500;
  color: #71717b;
  background-color: #0000;
  border-radius: 999px;
  transition:
    box-shadow 0.3s,
    background-color 0.3s,
    color 0.3s;
}

.tab-link-2:hover {
  color: #18181b;
  background-color: #fff;
  box-shadow:
    0 110px 30px #0000,
    0 70px 28px #00000003,
    0 40px 24px #0000000a,
    0 17px 17px #00000012,
    0 4px 9px #00000014;
}

.tab-link-2.w--current {
  color: #18181b;
  background-color: #fff;
  box-shadow:
    0 100px 30px #0000,
    0 70px 27px #00000003,
    0 40px 24px #0000000a,
    0 17px 17px #00000012,
    0 4px 9px #00000014;
}

.tab-link-2.tab-icon {
  grid-row-gap: 14px;
  grid-column-gap: 14px;
  padding-left: 8px;
}

.tab-link-2.tab-icon.w--current {
  padding-left: 12px;
}

.paragraph-x-large-3 {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.5;
}

.paragraph-x-large-3.text-weight-medium {
  font-family: Lufga, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.icon-medium {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.section-large-9 {
  position: relative;
  padding: 80px 5%;
  overflow: hidden;
  background-color: #f4f4f5;
}

.section-large-9.background-gradient-fade-in {
  max-width: 1316px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  background-color: #f4f4f500;
  background-image: linear-gradient(#0000, #0000);
}

.section-large-9.background-gradient-fade-in.extratop {
  margin-top: 50px;
}

.tab-content-grid {
  grid-template-rows: auto;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.content-transcript {
  display: flex;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  padding-right: 8px;
  padding-left: 8px;
}

.content-graphic-badge {
  position: absolute;
  inset: auto 24px 24px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.text-color-orange {
  color: var(--accent);
}

.voice-visualiser {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-right: 8px;
  padding-left: 8px;
  background-color: #fff;
  border-radius: inherit;
}

.tab-icon-styles {
  display: none;
}

.paragraph-medium {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
}

.paragraph-medium.text-color-secondary {
  color: #3f3f46;
}

.paragraph-medium.text-color-secondary.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.h3-heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  letter-spacing: -0.03em;
}

.content-card-gradient {
  position: relative;
  display: flex;
  flex-flow: column;
  grid-row-gap: 40px;
  grid-column-gap: 40px;
  width: 100%;
  height: 100%;
  padding: 16px;
  background-color: #fff;
  background-image:
    linear-gradient(#fff0, #ffffff57 49%, #fff),
    url("/images/Content-Accent.avif");
  background-repeat: repeat, no-repeat;
  background-position:
    0 0,
    50% 100%;
  background-size: auto, contain;
  border-radius: 12px;
}

.tooltip {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-right: 8px;
  padding-left: 8px;
  font-weight: 500;
  background-color: #fff;
  border-radius: inherit;
}

.badge-feature {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 4px 8px 4px 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #18181b;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 32px;
  box-shadow:
    0 100px 30px #0000,
    0 70px 27px #00000003,
    0 39px 23px #0000000a,
    0 17px 17px #00000012,
    0 4px 9px #00000014;
}

.text-color-gradient {
  color: #040404;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to bottom, var(--accent), var(--accent));
  -webkit-background-clip: text;
  background-clip: text;
}

.tabs-menu-2 {
  display: flex;
  flex-flow: wrap;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: center;
  justify-content: center;
  padding: 2px;
  margin-bottom: 32px;
  background-color: var(--muted);
  border-radius: 16px;
}

.tab-icon-visible {
  display: flex;
  transition: opacity 0.3s;
}

.container-small-5 {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1316px;
  margin-right: auto;
  margin-left: auto;
}

.text-featured {
  padding-right: 3px;
  padding-left: 3px;
  font-weight: 500;
  background-image:
    url("/images/Underline-Gradient.svg"),
    linear-gradient(89deg, #368cfb80 1.4%, #5caefe4d 30.98%, #ffeb8566);
  background-repeat: no-repeat, repeat;
  background-position:
    50% 100%,
    0 0;
  background-size:
    100% 4px,
    auto;
}

.tab-content-wrapper {
  padding: 0;
  background-color: var(--card);
  border: 1px solid var(--border);
  border-radius: 33px;
}

.title-wrapper-2 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  justify-content: flex-start;
  max-width: 580px;
  margin-right: auto;
  margin-bottom: 48px;
  margin-left: auto;
  text-align: center;
}

.title-wrapper-2.wider {
  max-width: 900px;
}

.paragraph-x-small-7 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.5;
}

.badge-2 {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  color: #18181b;
  text-decoration: none;
  background-color: var(--card);
  border: 1px solid var(--accent);
  border-radius: 999px;
}

.content-tooltip-bg {
  padding: 1px;
  overflow: hidden;
  background-image: linear-gradient(52deg, #368cfb, #90cbff 57%, #ffeb85);
  border-radius: 999px;
  box-shadow:
    0 110px 30px #0000,
    0 70px 28px #00000003,
    0 40px 24px #0000000a,
    0 17px 17px #00000012,
    0 4px 9px #00000014;
}

.content-tooltip-bg.bottom {
  margin-right: auto;
  border-top-right-radius: 0;
}

.content-tooltip-bg.top {
  margin-left: auto;
  border-bottom-left-radius: 0;
}

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

.column-medium {
  display: flex;
  flex-flow: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.tab-link-icon {
  position: relative;
  width: 24px;
  height: 24px;
}

.voice-visualiser-border {
  max-width: 64px;
  height: 30px;
  padding: 3px;
  overflow: hidden;
  background-image: linear-gradient(52deg, #368cfb, #90cbff 57%, #ffeb85);
  border-radius: 999px;
  box-shadow:
    0 110px 30px #0000,
    0 70px 28px #00000003,
    0 40px 24px #0000000a,
    0 17px 17px #00000012,
    0 4px 9px #00000014;
}

.voice-waveform {
  width: 2px;
  background-color: #368cfb;
  border-radius: 999px;
  animation: 1.5s ease-in-out infinite bounce;
}

.paragraph-small-16 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}

.paragraph-small-16.text-color-tertiary {
  color: #71717b;
}

.tabs-content-2 {
  width: 100%;
  overflow: visible;
}

.paragraph-large-9 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.5;
}

.tabs {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
}

.tab-icon-hidden {
  position: absolute;
  display: flex;
  opacity: 0;
  transition: opacity 0.3s;
}

.column-small-3 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
}

.text-color-brand-3 {
  color: var(--accent);
}

.content-card-gradient-bg {
  min-height: 354px;
  padding: 0;
  overflow: hidden;
  background-image: linear-gradient(264deg, var(--accent), white 99%);
  border-radius: 16px;
  box-shadow:
    0 110px 30px #0000,
    0 70px 28px #00000003,
    0 40px 24px #0000000a,
    0 17px 17px #00000012,
    0 4px 9px #00000014;
}

.image-15 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 11px;
}

.image-15.gap-row-0px {
  margin-left: 12px;
}

.blog-card-content {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  justify-content: space-between;
  overflow: hidden;
}

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

.column-small-4 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
}

.section-medium {
  position: relative;
  padding: 64px 5% 24px;
  background-color: #f4f4f500;
}

.blog-grid {
  display: grid;
  grid-template:
    "."
    / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #18181b;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: #daecff;
  border: 1px solid #90cbff;
  border-radius: 99px;
  box-shadow:
    inset 0 1px 2px 2px #fff,
    0 1px 1px #25252726;
  transition: background-color 0.3s;
}

.column-large-4 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.badge-3 {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 4px 12px;
  margin-right: auto;
  color: #18181b;
  text-decoration: none;
  background-color: var(--muted);
  border: 1px solid var(--border);
  border-radius: 999px;
}

.blog-card-image {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 2px 5px #0003;
}

.blog-card-image.is-horizontal {
  height: 100%;
  aspect-ratio: auto;
}

.container-medium {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

.paragraph-small-17 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}

.h3-heading-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.paragraph-large-10 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.5;
}

.paragraph-large-10.text-weight-medium {
  font-weight: 500;
}

.button-text-wrapper {
  padding-right: 6px;
  padding-left: 6px;
}

.title-center-3 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  justify-content: flex-start;
  max-width: 580px;
  margin-right: auto;
  margin-bottom: 48px;
  margin-left: auto;
  text-align: center;
}

.blog-card {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  justify-content: space-between;
  height: 100%;
  padding: 24px;
  overflow: hidden;
  background-color: var(--primary-text);
  border: 1px solid #d4d4d8;
  border-radius: 12px;
}

.blog-card.is-horizontal {
  display: grid;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  background-color: var(--primary-text);
}

.container-x-large-2 {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.blog-image-row {
  flex: none;
  width: 200px;
  min-height: 200px;
  padding: 8px;
  overflow: hidden;
  border-radius: 16px;
  box-shadow:
    0 46px 13px #6c718000,
    0 29px 12px #6c718003,
    0 17px 10px #6c71800a,
    0 7px 7px #6c718012,
    0 2px 4px #6c718014;
}

.blog-image-row.fullwidth {
  width: 100%;
}

.blog-image-row.verticla {
  margin-left: auto;
}

.subheading-large-4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: #1e2022;
}

.blog-description-column {
  display: flex;
  flex-flow: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  padding: 16px;
}

.dot-orange-3 {
  width: 5px;
  height: 5px;
  background-color: #ff6c0a;
  border-radius: 100%;
}

.blog-description-row {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  justify-content: space-between;
  padding: 16px;
}

.caption-small-4 {
  font-size: 14px;
  line-height: 20px;
}

.paragraph-x-small-8 {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-x-small-8.text-color-tertiary {
  color: #6b7280;
}

.blog-card-column {
  position: relative;
  display: flex;
  flex-flow: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: stretch;
  justify-content: space-between;
  height: 100%;
  padding: 8px;
  margin-top: 0;
  margin-bottom: 0;
  color: #1e2022;
  text-decoration: none;
  background-color: var(--primary-text);
  border: 1px solid var(--border);
  border-radius: 16px;
  transition: background-color 0.3s;
}

.blog-card-column:hover {
  background-color: #fff;
}

.blog-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 12px;
}

.h6-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  color: #1e2022;
  letter-spacing: -0.5px;
}

.section-regular-9 {
  position: relative;
  padding: 0 5% 72px;
  background-color: #f3f3f500;
}

.blog-image-wrapper {
  height: 200px;
  padding: 8px;
  overflow: hidden;
  border-radius: 16px;
  box-shadow:
    0 46px 13px #6c718000,
    0 29px 12px #6c718003,
    0 17px 10px #6c71800a,
    0 7px 7px #6c718012,
    0 2px 4px #6c718014;
}

.title-x-small {
  margin-bottom: 24px;
}

.blog-tabs-menu {
  display: flex;
  flex-flow: wrap;
  grid-row-gap: 12px;
  grid-column-gap: 24px;
  max-width: 588px;
  margin-right: auto;
  margin-bottom: 42px;
  margin-left: auto;
}

.caption-x-small {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.caption-x-small.text-color-tertiary {
  margin-left: 0;
  color: #6b7280;
}

.caption-x-small.text-color-tertiary.end {
  margin-left: -6px;
}

.blog-tab-link {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  padding: 0;
  font-size: 24px;
  font-weight: 500;
  color: #6b7280;
  background-color: #fff0;
  transition: color 0.3s;
}

.blog-tab-link:hover {
  color: #36393f;
}

.blog-tab-link.w--current {
  color: #1e2022;
  background-color: #fff0;
}

.divider-small {
  width: 100%;
  max-width: 384px;
  height: 1px;
  background-color: #cfd2d6;
}

.blog-grid-large {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.blog-card-row {
  display: flex;
  flex-flow: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  padding: 8px;
  color: #1e2022;
  text-decoration: none;
  background-color: var(--primary-text);
  border: 1px solid var(--border);
  border-radius: 16px;
  transition: background-color 0.3s;
}

.blog-card-row:hover {
  background-color: #fff;
}

.collection-item {
  position: relative;
  display: block;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  width: 100%;
  height: 350px;
  margin-top: 0;
  margin-bottom: 0;
}

.collection-item.row {
  height: 220px;
  padding-left: 0;
}

.collection-list {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  justify-items: stretch;
}

.collection-list._2 {
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
}

.pagination-2 {
  margin-top: 16px;
}

.test {
  background-color: var(--primary-text);
  border-color: var(--border);
  border-radius: 16px;
}

.subheading-regular-5 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  color: #1a1925;
  letter-spacing: -0.02em;
}

.subheading-regular-5.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Claritycity, sans-serif;
  font-weight: 700;
  white-space: nowrap;
}

.h3-heading-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.25;
  color: #1a1925;
  letter-spacing: -0.03em;
}

.max-width-regular-4 {
  width: 100%;
  max-width: 588px;
}

.paragraph-small-18 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--muted-text);
  letter-spacing: -0.005em;
}

.paragraph-small-18.desktop-no-wrap {
  white-space: nowrap;
}

.paragraph-small-18.abs {
  position: absolute;
  inset: auto 0% 0%;
  z-index: 2;
  margin-right: 32px;
  margin-bottom: 24px;
  margin-left: 32px;
  font-size: 16px;
  font-weight: 700;
  color: var(--accent);
  -webkit-text-fill-color: inherit;
  white-space: nowrap;
  background-clip: border-box;
}

.process-card-image {
  width: 100%;
  height: 100%;
  margin-bottom: -50px;
  overflow: hidden;
  object-fit: cover;
  object-position: 0% 0%;
  border: 0 solid #000;
  border-top-left-radius: 24px;
}

.process-card {
  position: relative;
  display: flex;
  flex: 1;
  flex-flow: column;
  justify-content: space-between;
  height: 460px;
  overflow: hidden;
  cursor: pointer;
  background-color: var(--primary-text);
  border-top-color: var(--border);
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: var(--border);
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: var(--border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: var(--border);
  border-left-style: solid;
  border-left-width: 1px;
  border-radius: 33px;
  transition-timing-function: ease, ease;
  transition-duration: 1s, 0.2s;
  transition-property: flex, background-color;
}

.process-card:hover {
  background-color: var(--muted);
}

.process-card.expanded {
  flex: 2;
  background-color: #fff;
  border-radius: 33px;
}

.process-card.expanded:hover {
  background-color: var(--muted);
}

.process-content {
  display: flex;
  flex-flow: column;
  grid-row-gap: 18px;
  grid-column-gap: 18px;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 8px;
}

.container-large-10 {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1316px;
  padding-right: 5%;
  padding-left: 5%;
  margin-right: auto;
  margin-left: auto;
}

.icon-x-large {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--accent);
}

.title-wrapper-3 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: center;
  justify-content: flex-start;
  max-width: 716px;
  margin-right: auto;
  margin-bottom: 48px;
  margin-left: auto;
  text-align: center;
}

.process-styles {
  display: none;
}

.icon-wrapper-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  min-height: 36px;
  padding: 6px 12px;
  color: #1a1925;
  background-color: #dddde3;
  background-image: linear-gradient(0deg, #f4f4f400, #fff6);
  border-radius: 8px;
  box-shadow:
    0 1px 2px -1px #1a19250a,
    0 1px 1px #1a19250f,
    0 0.5px 0.5px #1a19250f;
}

.section-regular-10 {
  position: relative;
  padding: 96px 5%;
}

.section-regular-10.background-primary {
  padding-top: 128px;
  padding-bottom: 128px;
  margin-bottom: 0;
  background-color: #f7f7f800;
}

.section-regular-10.background-primary.no {
  padding-right: 0%;
  padding-left: 0%;
}

.process-row {
  display: flex;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.paragraph-regular-10 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #51515e;
  letter-spacing: -0.01em;
}

.process-script {
  display: none;
}

.process-hidden {
  order: 0;
  transition:
    height 1s,
    opacity 1s;
}

.process-card-top {
  display: flex;
  flex-flow: column;
  padding: 32px;
  -webkit-user-select: none;
  user-select: none;
}

.button-primary-9 {
  display: inline-flex;
  flex: none;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  letter-spacing: -0.006em;
  white-space: nowrap;
  text-decoration: none;
  background-color: #1f62ff;
  background-image: linear-gradient(0deg, #55555514, #ececec14);
  border-radius: 8px;
  box-shadow:
    0 8px 12px -4px #1a19250f,
    0 4px 8px -4px #1a19251f,
    0 2px 4px -1px #1a19251f,
    0 1px 1.5px -0.5px #1a19251f,
    0 0.75px 0.75px #1a19251f,
    0 0.25px 0.25px #1a19253d,
    inset 0 -8px 20px #1a192514,
    inset 0 1px 3px #ffffff14,
    inset 0 0.75px 0.75px #ffffff14,
    inset 0 0.25px 0.25px #ffffff1f;
  transition-timing-function: ease, ease, ease;
  transition-duration: 0.3s, 0.3s, 0.3s;
  transition-property: all, background-color, box-shadow;
}

.button-primary-9:hover {
  background-image: linear-gradient(0deg, #5555553d, #ececec14);
  box-shadow:
    0 8px 12px -4px #1a19250f,
    0 4px 8px -4px #1a19251f,
    0 2px 4px -1px #1a19251f,
    0 1px 1.5px -0.5px #1a19251f,
    0 0.75px 0.75px #1a19251f,
    0 0.25px 0.25px #1a19253d,
    inset 0 -8px 20px #1a192514,
    inset 0 1px 3px #ffffff14,
    inset 0 0.75px 0.75px #ffffff14,
    inset 0 0.25px 0.25px #ffffff1f;
}

.process-card-bottom {
  width: 100%;
  height: 100%;
  padding-left: 32px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 70%, #0000 100%);
  mask-image: linear-gradient(#000 70%, #0000 100%);
}

.paragraph-small-19 {
  font-size: 14px;
  line-height: 24px;
  color: #49505b;
  letter-spacing: -0.08px;
}

.paragraph-small-19.text-color-tertiary {
  color: #8d95a3;
}

.feature-card-head {
  display: flex;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: var(--accent);
  letter-spacing: -0.08px;
  background-color: var(--card);
}

.feature-card-content {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  padding: 16px;
}

.divider-secondary-3 {
  width: 100%;
  border-top: 1px dashed #d8dbdf;
}

.grid-three-column-2 {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  width: 100%;
}

.feature-card-link {
  overflow: hidden;
  color: #25272c;
  text-decoration: none;
  background-color: #fff;
  border-top-color: var(--border);
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: var(--border);
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: var(--border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: var(--border);
  border-left-style: solid;
  border-left-width: 1px;
  border-radius: 16px;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.section-regular-11 {
  position: relative;
  padding: 96px 5%;
  margin-bottom: 0;
  background-color: #f7f8f800;
}

.max-width-large-2 {
  width: 100%;
  max-width: 628px;
}

.h1-heading-9 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
  color: #25272c;
}

.badge-4 {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  border: 1px dashed #b5bbc4;
  border-radius: 8px;
}

.paragraph-regular-11 {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.12px;
}

.icon-regular-9 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.feature-arrow-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.column-small-5 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
}

.column-small-5.column-left {
  align-items: flex-start;
  justify-content: center;
}

.heading-grid {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  place-items: end stretch;
  margin-bottom: 64px;
}

.subheading-large-5 {
  font-family: Lufga, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #25272c;
  letter-spacing: -0.24px;
}

.h2-heading-6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
  color: #1a1925;
  letter-spacing: -0.03em;
}

.video-lines {
  position: absolute;
  inset: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-large-10 {
  position: relative;
  padding: 128px 0%;
}

.paragraph-small-20 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #51515e;
  letter-spacing: -0.005em;
}

.video-features {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  padding-right: 24px;
  padding-left: 24px;
  margin-top: 24px;
}

.video-lightbox-link {
  position: absolute;
  inset: auto;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background-color: #fff;
  border-radius: 100%;
  transition: transform 0.3s;
}

.video-lightbox-link:hover {
  transform: scale(1.1);
}

.container-large-11 {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1316px;
  padding-right: 5%;
  padding-left: 5%;
  margin-right: auto;
  margin-left: auto;
}

.video-feature {
  display: flex;
  flex-flow: row;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  padding: 20px;
  background-color: #fff;
  border-radius: 20px;
}

.icon-small-9 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.paragraph-large-11 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.5;
  color: #51515e;
  letter-spacing: -0.01em;
}

.video-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 24px;
}

.video-gradient {
  position: absolute;
  inset: 0%;
  background-image: linear-gradient(#0000001a, #0003);
}

.max-width-x-small-2 {
  width: 100%;
  max-width: 348px;
}

.video-heading {
  display: flex;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: flex-end;
  justify-content: space-between;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 40px;
}

.badge-primary-5 {
  display: flex;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #1a1925;
  background-color: #fff;
  border-radius: 99px;
  box-shadow:
    0 3px 3px -1.5px #07011308,
    0 2px 2px -1px #07011308,
    0 1px 1px -0.5px #07011308,
    0 0.5px 0.5px #07011308;
}

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

.div-block-14 {
  margin-top: 0;
}

.div-block-15 {
  width: 100%;
  margin-top: 32px;
}

.feature-card-2 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  justify-content: flex-start;
  padding: 32px 24px;
  text-align: center;
  background-color: #fff;
  border-top: 1px solid #e6e6e7;
  border-left: 1px solid #e6e6e7;
  transition: background-color 0.3s;
}

.feature-card-2:hover {
  background-color: #f5f5f6;
}

.h2-heading-7 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
  color: #000;
}

.outline-wrapper {
  border-right: 0 solid #e6e6e7;
  border-bottom: 0 solid #e6e6e7;
}

.icon-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 11px;
  background-color: #fff;
  border-radius: 33px;
}

.feature-grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 21px;
  grid-column-gap: 21px;
  margin-top: 16px;
  font-weight: 500;
  color: var(--muted-text);
}

.feature-grid-2.lessplit {
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  max-width: 45%;
  margin-top: 0;
  margin-left: auto;
}

.container-large-12 {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 1316px;
  margin-right: auto;
  margin-left: auto;
}

.card-white {
  position: relative;
  z-index: 2;
  padding: 0;
  background-color: #fff0;
}

.paragraph-small-21 {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.paragraph-small-21.text-color-gray-600 {
  font-size: 16px;
  color: var(--muted-text);
  text-align: left;
}

.subheading-regular-6 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: var(--accent);
  text-align: left;
  letter-spacing: -0.12px;
}

.icon-regular-10 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  font-size: 20px;
  color: var(--accent);
}

.text-color-orange-501 {
  color: #ff5805;
}

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

.icon-wrapper-2 {
  padding: 0;
  color: #252527;
  background-color: #0000;
  border: 0 solid #e6e6e7;
}

.feature-card-small {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px 0;
  background-color: #f7f7f700;
  border: 0px solid var(--border);
  border-radius: 33px;
  transition: background-color 0.3s;
}

.feature-card-small:hover {
  background-color: #f5f5f600;
}

.column-tiny-2 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
}

.overline-regular-3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.title-center-4 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin-right: auto;
  margin-bottom: 36px;
  margin-left: auto;
  text-align: center;
}

.section-regular-12 {
  position: relative;
  padding: 80px 5%;
  background-color: #f5f5f600;
}

.flex-block-12 {
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  align-items: center;
}

.div-block-16 {
  position: absolute;
  inset: auto 0% 0%;
  height: 150px;
  background-image: linear-gradient(#fff0, #fff);
}

.image-16 {
  width: 100%;
  max-height: 100%;
  margin: 0;
  object-fit: cover;
  border-radius: 25px;
}

.div-block-17 {
  width: 120%;
  height: 400px;
  padding: 10px;
  margin-left: -10%;
  overflow: hidden;
  color: #fff;
  background-color: #fff;
  border-radius: 33px;
  box-shadow: 0 2px 5px #0003;
  transform: rotate(-4deg) !important;
}

.transp {
  background-color: #ddd0;
}

.paragraph-7 {
  margin-right: 120px;
  margin-bottom: 64px;
  margin-left: auto;
  color: var(--primary-text);
}

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

.pricing_grid {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 1.25rem;
  grid-column-gap: 1.25rem;
  align-items: start;
  font-weight: 500;
  color: #646464;
}

.body-small {
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.75;
  color: #646464;
}

.body-small.text-color-tertiary {
  color: #71717b;
}

.body-small.text-color-tertiary.center {
  max-width: 500px;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.body-small.paid {
  color: var(--accent);
}

.button-2 {
  display: inline-flex;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: #05df72;
  border-radius: 99rem;
  transition:
    color 0.5s,
    background-color 0.5s;
}

.button-2:hover {
  background-color: #00c950;
}

.button-2.outline-2 {
  color: #000;
  background-color: #0000;
  border: 1px solid #000;
}

.button-2.outline-2:hover {
  color: #fff;
  background-color: #000;
}

.icon-medium-2 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--accent);
}

.column-2 {
  display: flex;
  flex-flow: column;
}

.column-small-6 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
}

.column-2x-small-2 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
}

.icon-x-small-10 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
}

.icon-x-small-10.black {
  color: var(--accent);
}

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

.column-large-5 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 1.5rem;
  grid-column-gap: 1.5rem;
}

.column-large-5.column-center {
  align-items: center;
  text-align: center;
}

.body-large {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.75;
}

.body-large.text-weight-semibold-2 {
  font-size: 1.3rem;
  color: var(--accent);
}

.max-width-small-4 {
  width: 100%;
  max-width: 24rem;
}

.container-medium-2 {
  width: 100%;
  max-width: 74rem;
  margin-right: auto;
  margin-left: auto;
}

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

.column-3x-small {
  display: flex;
  flex-flow: column;
  grid-row-gap: 0.25rem;
  grid-column-gap: 0.25rem;
}

.row-2x-small-2 {
  display: flex;
  flex-flow: row;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
}

.pricing_card {
  display: flex;
  flex-flow: column;
  grid-row-gap: 1.5rem;
  grid-column-gap: 1.5rem;
  padding: 2rem;
  background-color: #fff;
  border: 1px solid #d4d4d8;
  border-radius: 33px;
}

.pricing_card.is-featured {
  display: flex;
  border-color: #00c950;
  border-width: 2px;
}

.pricing_card.featured {
  border-color: var(--accent);
  border-width: 2px;
}

.h6-heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.03em;
}

.h6-heading-2.text-weight-semibold-2 {
  font-weight: 600;
  color: #646464;
}

.h1-heading-10 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.05em;
}

.title-row {
  display: flex;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-row-gap: 1.5rem;
  grid-column-gap: 1.5rem;
  align-items: flex-end;
  justify-content: space-between;
}

.text-color-primary {
  color: #000;
}

.body-medium {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.75;
}

.body-medium.text-color-secondary {
  color: #3f3f46;
}

.body-medium.text-weight-medium {
  font-weight: 500;
}

.column-3x-large-2 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 4rem;
  grid-column-gap: 4rem;
}

.section-medium-2 {
  position: relative;
  padding: 4rem 5% 0;
  background-color: #fafafa;
}

.flex-block-13 {
  grid-row-gap: 11px;
  grid-column-gap: 11px;
}

.overline {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.pricing-price-block {
  display: flex;
  grid-row-gap: 5px;
  grid-column-gap: 5px;
  align-items: flex-end;
}

.button-dark {
  flex: none;
  flex-direction: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  color: #fff;
  text-align: center;
  letter-spacing: -0.02em;
  background-color: #000;
  border-radius: 99px;
}

.h4-heading {
  margin-bottom: 4px;
  font-size: 48px;
  line-height: 1.2;
  color: #000;
  letter-spacing: -0.04em;
}

.caption-m {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: #353b41;
  text-decoration: none;
}

.caption-m.text-color-gray-600 {
  color: #6d767e;
}

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

.span-red-500 {
  color: #e56161;
}

.pricing-monthly {
  grid-row-gap: 5px;
  grid-column-gap: 5px;
  font-size: 22px;
}

.pricing-save-text {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: #e56161;
  letter-spacing: normal;
}

.h6-heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 35px;
  line-height: 1.4;
  color: #000;
  letter-spacing: -0.02em;
}

.pricing-toggle-button {
  display: flex;
  grid-column-gap: 4px;
  align-items: center;
  padding: 4px 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #6d767e;
  letter-spacing: -0.02em;
}

.badge-5 {
  display: flex;
  flex-direction: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px 8px 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #080808;
  text-align: left;
  letter-spacing: -0.02em;
  text-decoration: none;
  background-color: #fff;
  border: 0.5px solid #ced4da;
  border-radius: 8px;
  transition: all 0.5s cubic-bezier(0.6, 0.6, 0, 1);
}

.pricing-card-b {
  display: flex;
  flex-direction: row;
  grid-column-gap: 32px;
  justify-content: space-between;
  max-width: 1062px;
  padding: 16px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff0;
  border: 1px solid var(--_apps---colors--border);
  border-radius: 33px;
}

.pricing-card-b.bg {
  background-color: #fff;
}

.section-regular-13 {
  position: relative;
  padding: 80px 5%;
}

.pricing-progress-wrapper {
  display: flex;
  align-items: center;
  height: 24px;
  color: var(--_apps---colors--primary);
}

.pricing-button-group {
  display: flex;
  grid-row-gap: 28px;
  grid-column-gap: 28px;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 16px 12px;
}

.pricing-price-detail {
  padding: 8px 2px;
}

.pricing-progress-bar-inner-a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: 50%;
  height: 100%;
  background-color: var(--_apps---colors--primary);
}

.icon-regular-11 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.pricing-feature-a {
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
  grid-column-gap: 0px;
  max-width: 100%;
  padding: 16px;
  background-color: var(--_apps---colors--muted);
  border-radius: 17px;
}

.pricing-feature-a.no {
  background-color: #fff0;
}

.pricing-toggle-price {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 60px;
  height: 32px;
  padding: 4px;
  margin-right: 8px;
  margin-left: 8px;
  cursor: pointer;
  background-color: #eeeffc;
  border: 0.5px solid #cbd0f6;
  border-radius: 50px;
  transition: background-color 0.3s;
}

.pricing-toggle-price:hover {
  background-color: #c9ceda;
}

.pricing-card-inner {
  display: flex;
  flex: none;
  flex-direction: column;
  grid-row-gap: 0px;
  justify-content: space-between;
  width: 50%;
  padding: 16px;
  background-color: #fff0;
  border-radius: 8px;
}

.pricing-progress-circle-a {
  position: absolute;
  inset: auto 0 auto auto;
  width: 24px;
  height: 24px;
  margin-right: -2px;
  background-color: var(--_apps---colors--primary);
  border: 2px solid #fff;
  border-radius: 99px;
}

.pricing-toggle-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 32px;
}

.container-large-13 {
  position: relative;
  display: block;
  flex-flow: column;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  width: 100%;
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
}

.pricing-wrapper {
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 24px;
  align-items: flex-end;
  justify-content: space-between;
}

.wrap-h-small {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
}

.pricing-toggle-round {
  position: absolute;
  z-index: 1;
  width: 24px;
  height: 24px;
  background-color: #6173e5;
  border-radius: 30px;
}

.title-wrapper-4 {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 454px;
  margin-right: auto;
  margin-bottom: 72px;
  margin-left: auto;
  text-align: center;
}

.pricing-information {
  padding: 8px;
}

.paragraph-regular-12 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: -0.02em;
}

.paragraph-regular-12.text-weight-bold {
  font-weight: 700;
}

.h2-heading-8 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 1.2;
  color: #000;
  letter-spacing: -0.04em;
}

.pricing-feature-wrapper {
  width: 50%;
}

.paragraph-small-22 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: -0.02em;
}

.paragraph-small-22.text-color-gray-600 {
  color: #6d767e;
}

.paragraph-small-22.text-weight-medium {
  font-weight: 500;
}

.paragraph-small-22.sub {
  font-size: 16px;
}

.pricing-footnote {
  display: flex;
  flex-direction: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: center;
  max-width: 430px;
  padding: 32px;
  margin-top: 48px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  background-color: #f8f9fa;
}

.pricing-progress-bar-a {
  width: 100%;
  height: 8px;
  background-color: #c2b06605;
  border: 0.5px solid #d7eae0;
  border-radius: 99px;
}

.div-block-18 {
  margin-top: 50px;
}

.h4-heading-2 {
  font-size: 40px;
  line-height: 1.2;
  color: #000;
  letter-spacing: -0.04em;
}

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

.h6-heading-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.4;
  color: #000;
  letter-spacing: -0.02em;
}

.badge-6 {
  display: flex;
  flex-direction: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px 8px 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #080808;
  text-align: left;
  letter-spacing: -0.02em;
  text-decoration: none;
  background-color: #fff;
  border: 0.5px solid #ced4da;
  border-radius: 8px;
  transition: all 0.5s cubic-bezier(0.6, 0.6, 0, 1);
}

.pricing-card-b-2 {
  display: flex;
  flex-direction: row;
  grid-column-gap: 32px;
  max-width: 800px;
  padding: 16px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  border: 0.5px solid #eaedf0;
  border-radius: 8px;
}

.section-regular-14 {
  position: relative;
  padding: 80px 5%;
}

.pricing-progress-wrapper-2 {
  display: flex;
  align-items: center;
  height: 24px;
}

.pricing-button-group-2 {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}

.pricing-progress-bar-inner-a-2 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: 50%;
  height: 100%;
  background-color: #86c1a0;
}

.icon-regular-12 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.pricing-feature-a-2 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
  grid-column-gap: 0px;
  padding: 16px;
  background-color: #f8f9fa;
  border-radius: 8px;
}

.pricing-card-inner-2 {
  display: flex;
  flex: none;
  flex-direction: column;
  grid-row-gap: 44px;
  padding: 16px;
  background-color: #fff;
  border-radius: 8px;
}

.pricing-progress-circle-a-2 {
  position: absolute;
  inset: auto 0 auto auto;
  width: 24px;
  height: 24px;
  margin-right: -2px;
  background-color: #86c1a0;
  border: 2px solid #fff;
  border-radius: 99px;
}

.container-large-14 {
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
}

.title-wrapper-5 {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 454px;
  margin-right: auto;
  margin-bottom: 72px;
  margin-left: auto;
  text-align: center;
}

.paragraph-regular-13 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: -0.02em;
}

.paragraph-regular-13.text-weight-bold {
  font-weight: 700;
}

.pricing-feature-wrapper-2 {
  width: 100%;
}

.paragraph-small-23 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: -0.02em;
}

.paragraph-small-23.text-color-gray-600 {
  color: #6d767e;
}

.paragraph-small-23.text-weight-medium {
  font-weight: 500;
}

.pricing-progress-bar-a-2 {
  width: 100%;
  height: 8px;
  background-color: #f2f8f5;
  border: 0.5px solid #d7eae0;
  border-radius: 99px;
}

.flex-block-14 {
  grid-row-gap: 11px;
  grid-column-gap: 11px;
  align-items: stretch;
  width: 100%;
}

.heading-4 {
  margin-top: 48px;
  font-size: 24px;
}

.testimonial-avatar {
  flex: none;
  width: 48px;
  height: 48px;
  overflow: hidden;
  background-color: #e7e7ea;
  border: 2px solid #fff;
  border-radius: 100%;
}

.icon-medium-3 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transition: color 0.3s;
}

.testimonial-slider {
  flex-flow: column;
  justify-content: flex-end;
  height: auto;
  padding-top: 64px;
  background-color: #f7f7f800;
}

.testimonial-mask-overflow {
  width: 360px;
  overflow: visible;
}

.h3-heading-6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.25;
  color: #1a1925;
  letter-spacing: -0.03em;
}

.testimonial-numbers {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 348px;
}

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

.testimonial1-section {
  position: relative;
  max-width: 1316px;
  padding: 128px 5%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background-color: #f7f7f800;
}

.paragraph-small-24 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--_apps---colors--primary);
  -webkit-text-stroke-color: var(--_apps---colors--primary);
  letter-spacing: -0.005em;
}

.paragraph-small-24.text-strong {
  font-weight: 500;
  color: #1a1925;
}

.testimonial-slider-header {
  display: flex;
  flex-flow: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: flex-start;
  justify-content: center;
  max-width: 70%;
}

.testimonial-text {
  font-size: 14px;
  line-height: 24px;
  color: var(--muted-text);
  letter-spacing: -0.006em;
}

.paragraph-x-small-9 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #51515e;
  letter-spacing: 0;
}

.paragraph-x-small-9.text-color-tertiary {
  color: #73737f;
}

.overline-2 {
  font-family: Lufga, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: #73737f;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}

.paragraph-medium-2 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #51515e;
  letter-spacing: -0.01em;
}

.paragraph-medium-2.text-color-tertiary {
  color: #73737f;
}

.column-large-6 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.testimonial-slide {
  margin-right: 20px;
  vertical-align: bottom;
}

.testimonial-footer {
  display: flex;
  flex-flow: wrap;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  justify-content: space-between;
  padding-right: 0%;
  padding-left: 0%;
  margin-top: 64px;
}

.highlight-square {
  padding-right: 2px;
  padding-left: 2px;
  margin-right: -2px;
  margin-left: -2px;
  background-color: #eeeef0;
}

.container-medium-3 {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1316px;
  padding-right: 0%;
  padding-left: 0%;
  margin-right: auto;
  margin-left: auto;
}

.testimonial-arrow {
  inset: -36px 0% auto auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 36px;
  padding: 6px 12px;
  color: #73737f;
  background-color: #f7f7f8;
  border: 1px solid #e7e7ea;
  border-radius: 8px;
  transition:
    box-shadow 0.3s,
    border-color 0.3s,
    color 0.3s,
    background-color 0.3s;
}

.testimonial-arrow:hover {
  color: #1a1925;
  background-color: #e7e7ea;
  border-color: #d7d7de;
  box-shadow:
    0 1px 2px -1px #1a19250a,
    0 1px 1px #1a19250f,
    0 0.5px 0.5px #1a19250f;
}

.testimonial-arrow.left {
  right: 56px;
}

.row-medium {
  display: flex;
  flex-flow: row;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: center;
  justify-content: flex-start;
}

.row-medium.row-space-between {
  flex-flow: wrap;
  align-items: center;
  justify-content: space-between;
}

.badge-primary-6 {
  display: flex;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #1a1925;
  background-color: #fff;
  border-radius: 99px;
  box-shadow:
    0 3px 3px -1.5px #07011308,
    0 2px 2px -1px #07011308,
    0 1px 1px -0.5px #07011308,
    0 0.5px 0.5px #07011308;
}

.testimonial-badge {
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #1a1925;
  background-color: #f7f7f8;
  border-radius: 99px;
}

.testimonial-card {
  display: flex;
  flex-flow: column;
  grid-row-gap: 40px;
  grid-column-gap: 40px;
  padding: 24px;
  background-color: #fff;
  border-top-color: var(--_apps---colors--border);
  border-top-style: solid;
  border-top-width: 0;
  border-right-color: var(--_apps---colors--border);
  border-right-style: solid;
  border-right-width: 0;
  border-bottom-color: var(--_apps---colors--border);
  border-bottom-style: solid;
  border-bottom-width: 0;
  border-left-color: var(--_apps---colors--border);
  border-left-style: solid;
  border-left-width: 0;
  border-radius: 33px;
  box-shadow:
    0 1px 2px -1px #1a19250a,
    0 1px 1px #1a19250a,
    0 0.5px 0.5px #1a19250a;
}

.button-primary-10 {
  display: inline-flex;
  flex: none;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  letter-spacing: -0.006em;
  white-space: nowrap;
  text-decoration: none;
  background-color: #1f62ff;
  background-image: linear-gradient(0deg, #55555514, #ececec14);
  border-radius: 8px;
  box-shadow:
    0 8px 12px -4px #1a19250f,
    0 4px 8px -4px #1a19251f,
    0 2px 4px -1px #1a19251f,
    0 1px 1.5px -0.5px #1a19251f,
    0 0.75px 0.75px #1a19251f,
    0 0.25px 0.25px #1a19253d,
    inset 0 -8px 20px #1a192514,
    inset 0 1px 3px #ffffff14,
    inset 0 0.75px 0.75px #ffffff14,
    inset 0 0.25px 0.25px #ffffff1f;
  transition-timing-function: ease, ease, ease;
  transition-duration: 0.3s, 0.3s, 0.3s;
  transition-property: all, background-color, box-shadow;
}

.button-primary-10:hover {
  background-image: linear-gradient(0deg, #5555553d, #ececec14);
  box-shadow:
    0 8px 12px -4px #1a19250f,
    0 4px 8px -4px #1a19251f,
    0 2px 4px -1px #1a19251f,
    0 1px 1.5px -0.5px #1a19251f,
    0 0.75px 0.75px #1a19251f,
    0 0.25px 0.25px #1a19253d,
    inset 0 -8px 20px #1a192514,
    inset 0 1px 3px #ffffff14,
    inset 0 0.75px 0.75px #ffffff14,
    inset 0 0.25px 0.25px #ffffff1f;
}

.h6-heading-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3;
  color: #1a1925;
  letter-spacing: -0.03em;
}

.container-small-6 {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 48.75rem;
  margin-right: auto;
  margin-left: auto;
}

.text-size-large {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.5;
}

.hero_background-ribbon {
  position: absolute;
  inset: 0%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  object-fit: scale-down;
  -webkit-mask-image: linear-gradient(
    to right,
    #0000 5%,
    #000 20% 80%,
    #0000 95%
  );
  mask-image: linear-gradient(to right, #0000 5%, #000 20% 80%, #0000 95%);
}

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

.text-color-gradient-2 {
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(
    circle at 0%,
    #368cfb,
    #5caefe 27%,
    #ffeb85
  );
  -webkit-background-clip: text;
  background-clip: text;
}

.heading-style-h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.hero_section-top {
  position: relative;
  padding: 5rem 5% 20rem;
  overflow: hidden;
  background-color: #f4f4f5;
}

.content-feature-link {
  display: flex;
  flex-flow: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  justify-content: space-between;
  padding: 24px;
  overflow: hidden;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border-radius: 8px;
}

.h1-heading-11 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.1;
  color: #000;
  letter-spacing: -0.04em;
}

.content-logos {
  position: relative;
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  margin-bottom: 64px;
  -webkit-mask-image: linear-gradient(to right, #0000, #000 20% 80%, #0000);
  mask-image: linear-gradient(to right, #0000, #000 20% 80%, #0000);
}

.brand-highlight {
  padding-right: 4px;
  padding-left: 4px;
  background-color: #c1ff71;
}

.paragraph-small-25 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.08px;
}

.content-feature-image {
  width: 100%;
}

.title-wrapper-6 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: center;
  justify-content: center;
  max-width: 720px;
  margin-right: auto;
  margin-bottom: 64px;
  margin-left: auto;
  color: #383a42;
  text-align: center;
}

.icon-large-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.content-grid {
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.container-2x-small {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 650px;
  margin-right: auto;
  margin-left: auto;
}

.content-logo-wrapper {
  flex: none;
  padding: 12px;
  background-color: #fff;
}

.code-embed-4 {
  display: none;
  text-align: center;
}

.carousel-horizontal-content {
  display: flex;
  flex-direction: row;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  justify-content: flex-start;
}

.section-regular-15 {
  position: relative;
  padding: 80px 5% 0;
  background-color: #f7f8f800;
}

.column-x-small-6 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.button-link {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #5b616e;
  text-decoration: underline;
  transition: color 0.3s;
}

.button-link:hover {
  color: #ff4b0e;
}

.carousel-horizontal {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
  mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
}

.subheading-large-6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.subheading-large-6.text-color-brand-purple {
  color: #6153bd;
}

.bold-text-15 {
  padding-right: 0;
  padding-left: 0;
  font-weight: 700;
  color: var(--_apps---colors--primary);
  background-color: var(--_apps---colors--background);
  border-radius: 0;
}

.text-span-2 {
  color: var(--_apps---colors--primary);
}

.heading-5,
.heading-6,
.heading-7 {
  margin-top: 16px;
}

.heading-8 {
  margin-top: 16px;
  margin-bottom: 10px;
}

.heading-9,
.heading-10 {
  margin-top: 24px;
}

.icon-small-12 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}

.column-2x-small-3 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 0.25rem;
  grid-column-gap: 0.25rem;
}

.column-xsmall {
  display: flex;
  flex-direction: column;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
}

.text-link-2 {
  font-weight: 500;
  line-height: 1.75;
  color: #25272c;
  text-decoration: underline;
  transition: color 0.3s;
}

.text-link-2:hover {
  color: #154ee0;
}

.hero_users {
  display: flex;
  flex-flow: wrap;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
}

.hero_form-block {
  width: 100%;
  max-width: 30rem;
  margin-bottom: 0;
}

.hero_left {
  display: flex;
  flex-flow: column;
  grid-row-gap: 200px;
  grid-column-gap: 200px;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 31.875rem;
}

.column-2x-large-2 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 2.5rem;
  grid-column-gap: 2.5rem;
}

.column-2x-large-2.column-center {
  align-items: center;
  text-align: center;
}

.hero_logos-large {
  display: flex;
  flex-flow: wrap;
  grid-row-gap: 1.5rem;
  grid-column-gap: 2rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem;
}

.form_row {
  display: flex;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.heading-style-h1-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.04em;
}

.heading-style-h1-2.less {
  font-size: 2.9rem;
}

.row-xsmall {
  display: flex;
  flex-flow: row;
  grid-row-gap: 0.75rem;
  grid-column-gap: 0.75rem;
  align-items: center;
  justify-content: flex-start;
}

.form_input {
  min-height: 3rem;
  padding: 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #25272c;
  background-color: #fff;
  border: 1px solid #d8dbdf;
  border-radius: 0.5rem;
}

.form_input:focus {
  color: #25272c;
  background-color: #f7f8f8;
  border-color: #3a88fe;
}

.form_input::placeholder {
  color: #67707e;
}

.form_checkbox {
  display: flex;
  flex: none;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  padding-left: 0;
  margin: 0 0.5rem 0 0;
  background-color: #fff;
  border: 2px solid #d8dbdf;
  border-radius: 100%;
}

.form_checkbox.w--redirected-checked {
  margin-top: 0;
  margin-left: 0;
  background-color: #154ee0;
  background-image: url("/images/Check-Icon.svg");
  background-position: 40%;
  background-size: 24px 24px;
  border-color: #154ee0;
  border-style: solid;
  box-shadow: 0 0 #0000;
}

.icon-xsmall {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  color: var(--_apps---colors--primary);
  -webkit-text-stroke-color: #c0ae65;
}

.text-size-xlarge {
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: -0.2px;
}

.text-size-medium {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -0.12px;
}

.section-medium-3 {
  position: relative;
  max-width: 1316px;
  padding: 5rem 5%;
  margin-right: auto;
  margin-left: auto;
  background-color: #f7f8f800;
}

.hero_image-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0%;
  overflow: hidden;
  color: #646464;
  background-color: #f7f8f8;
  border: 2px solid #fff;
  border-radius: 0.5rem;
}

.avatar-group {
  display: flex;
}

.footer_divider-vertical {
  flex: none;
  width: 1px;
  height: 1.5rem;
  border-right: 1px solid #d8dbdf;
}

.hero_grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 48px;
  grid-column-gap: 48px;
  width: 100%;
}

.hero_image-large {
  height: 100%;
  padding: 0.5rem;
  background-color: #edeef1;
  border: 2px dashed #d8dbdf;
  border-radius: 0.75rem;
}

.text-color-brand-4 {
  color: #c0ae65;
  -webkit-text-stroke-color: #c0ae65;
}

.subheading-medium {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.button-3 {
  display: inline-flex;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: #25272c;
  border: 1px solid #000;
  border-radius: 0.5rem;
  box-shadow:
    0 1px 2px #00000080,
    inset 0 1px 1px 2px #3f444d;
  transition-timing-function: ease, ease, ease;
  transition-duration: 0.3s, 0.3s, 0.3s;
  transition-property: color, border-color, background-color;
}

.button-3:hover {
  background-color: #000;
}

.hero_right {
  display: flex;
  flex-flow: column;
  grid-row-gap: 2.5rem;
  grid-column-gap: 2.5rem;
  align-items: center;
  justify-content: flex-end;
}

.row-2x-small-3 {
  display: flex;
  flex-direction: row;
  grid-row-gap: 0.25rem;
  grid-column-gap: 0.25rem;
  align-items: center;
  justify-content: flex-start;
}

.text-size-small {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: -0.08px;
}

.text-size-small.text-color-tertiary {
  color: #67707e;
}

.badge-7 {
  display: flex;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  color: #49505b;
  border: 2px dashed #d8dbdf;
  border-radius: 0.5rem;
}

.badge-7.has-icon {
  padding-right: 0.5rem;
}

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

.column-large-7 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 1.5rem;
  grid-column-gap: 1.5rem;
}

.column-large-7.column-left {
  align-items: flex-start;
}

.hero_dot {
  width: 1rem;
  height: 1rem;
  background-color: var(--_apps---colors--primary);
  border-radius: 100%;
}

.icon-6 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
}

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

.avatar-large {
  flex: none;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  background-color: #edeef1;
  border: 6px solid #f7f8f8;
  border-radius: 100%;
}

.avatar-large.avatar-group {
  margin-left: -1.5rem;
}

.row-medium-2 {
  display: flex;
  flex-flow: row;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
  align-items: center;
  justify-content: flex-start;
  width: 2px;
}

.form_checkbox-field {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0;
  margin-bottom: 0;
  text-align: left;
}

.pattern-left-front {
  position: absolute;
  inset: -48px auto auto -86px;
}

.content-pattern-back {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 100vw;
  max-width: 1440px;
  pointer-events: none;
}

.pattern-right-front {
  position: absolute;
  inset: auto -86px -48px auto;
}

.content-overlay {
  position: absolute;
  inset: -12px;
  z-index: 5;
  pointer-events: none;
  background-image: linear-gradient(90deg, #fff, #fff0 15% 85%, #fff);
}

.h2-heading-9 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
  color: #1a1925;
  letter-spacing: -0.03em;
}

.content-card-row {
  position: relative;
  z-index: 1;
  display: flex;
  flex: none;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: center;
}

.text-strong-3 {
  font-weight: 500;
  color: #1a1925;
}

.max-width-2x-small {
  max-width: 164px;
}

.content-feature-card {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: flex-start;
  min-width: 256px;
  padding: 32px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #1a1925;
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  box-shadow:
    0 1px 2px -1px #1a19250f,
    0 1px 1px #1a192514,
    0 0.5px 0.5px #1a192514;
}

.content-footnote {
  max-width: 396px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.container-regular-7 {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}

.pattern-right-back {
  position: absolute;
  inset: auto -86px -48px auto;
  z-index: -1;
}

.grid-three-column-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  width: 100%;
}

.content-empty-card {
  flex: 1;
  min-width: 304px;
  background-color: #fff;
  border: 1px solid #eeeef0;
  border-radius: 16px;
}

.section-regular-16 {
  position: relative;
  padding: 96px 5%;
}

.content-pattern-front {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 100vw;
  max-width: 1440px;
  pointer-events: none;
}

.content-card-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 48px;
}

.badge-secondary-6 {
  display: flex;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #1a1925;
  background-color: #f7f7f8;
  border-radius: 99px;
}

.content-empty-cards {
  display: grid;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-self: stretch;
}

.pattern-left-back {
  position: absolute;
  inset: -48px auto auto -86px;
  z-index: -1;
}

.icon-wrapper-ghost {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  padding: 10px 32px;
  color: #1f62ff;
  background-color: #ffffffe6;
  border-radius: 99px;
  box-shadow:
    0 1px 2px -1px #1a19250f,
    0 1px 1px #1a19250f,
    0 0.5px 0.5px #1a19250f;
}

.title-wrapper-small {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  justify-content: flex-start;
  max-width: 620px;
  margin-right: auto;
  margin-bottom: 48px;
  margin-left: auto;
  text-align: center;
}

.section-regular-17 {
  position: relative;
  padding: 96px 5%;
}

.bento-card-image {
  position: relative;
  z-index: 1;
  object-fit: contain;
  object-position: 50% 100%;
}

.paragraph-regular-14 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.paragraph-regular-14.text-color-gray-600 {
  color: #525f75;
}

.button-primary-square {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  background-color: #23272f;
  border: 2px solid #23272f;
  border-radius: 8px;
  box-shadow:
    0 0 12px -2px #fe5b2500,
    0 0 12px -2px #a355f700,
    0 0 4px 2px #23272e3d,
    inset 0 2px 2px #ffffff3d;
  transition: box-shadow 0.3s;
}

.button-primary-square:hover {
  box-shadow:
    0 0 12px -2px #fe5b25,
    0 0 12px -2px #a355f7,
    0 0 4px 2px #23272e3d,
    inset 0 2px 2px #ffffff3d;
}

.button-primary-square.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.bento-grid-large {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 0.75fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.bento-feature-check {
  padding: 2px;
  background-color: #d6ffeb;
  border: 1px solid #adffd8;
  border-radius: 100%;
}

.bento-feature-list {
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.wrap-v-x-small {
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.paragraph-small-bg {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-bg.text-weight-bold {
  font-weight: 700;
}

.bento-image-horizontal {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0% 50%;
}

.bento-image-horizontal.left {
  align-self: flex-end;
  height: 90%;
  object-position: 100% 50%;
}

.h5-heading-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -0.8px;
}

.bento-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #edeff3;
  border-radius: 24px;
}

.bento-card-content {
  position: relative;
  display: flex;
  flex-direction: column;
  grid-row-gap: 32px;
  grid-column-gap: 32px;
  align-items: flex-start;
  padding: 32px;
}

.bento-feature-item {
  display: flex;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: flex-start;
}

.wrap-v-small {
  display: flex;
  flex-direction: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
}

.bento-card-dots {
  position: absolute;
  inset: 0%;
  width: 100%;
  height: 100%;
  pointer-events: none;
  object-fit: cover;
  opacity: 0.6;
}

.bento-card-text-wrapper-large {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  padding: 40px;
}

.bento-card-grid {
  position: relative;
  display: grid;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  justify-content: space-between;
  overflow: hidden;
  background-color: #fff;
  border: 0 solid #000;
  border-radius: 20px;
}

.bento-grid-wrapper {
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.container-large-16 {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.h6-heading-6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.5px;
}

.paragraph-large-12 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.015em;
}

.paragraph-large-12.text-color-gray-600 {
  color: #525f75;
}

.paragraph-x-small-10 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.04px;
}

.paragraph-x-small-10.text-color-gray-600 {
  color: #525f75;
}

.icon-regular-13 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--_apps---colors--primary);
  transition: color 0.2s;
}

.text-span-strong {
  font-weight: 500;
  color: #000;
}

.content-features-grid {
  grid-template-rows: auto;
  grid-row-gap: 40px;
  grid-column-gap: 24px;
}

.subheading-small-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #000;
}

.section-large-11 {
  position: relative;
  padding: 120px 0%;
}

.max-width-small-5 {
  width: 100%;
  max-width: 400px;
}

.paragraph-regular-15 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
  color: #646464;
}

.paragraph-regular-15.text-color-secondary {
  color: var(--secondary-text);
}

.h3-heading-7 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.content-left-2 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 64px;
  grid-column-gap: 64px;
  width: 100%;
  max-width: 560px;
}

.content-left-2.alt {
  align-items: flex-start;
  justify-content: center;
}

.grid-two-column-3 {
  grid-template-rows: auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.column-2x-small-4 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
}

.badge-outline-2 {
  display: flex;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  background-color: #fff;
  border-radius: 99px;
  box-shadow:
    0 0 0 1px #0000000f,
    0 1px 2px #0000000f;
}

.row-small-2 {
  display: flex;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  justify-content: flex-start;
}

.container-regular-8 {
  width: 100%;
  max-width: 1316px;
  padding-right: 5%;
  padding-left: 5%;
  margin-right: auto;
  margin-left: auto;
}

.content-title-wrapper {
  display: flex;
  flex-direction: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: flex-start;
}

.image-17 {
  margin-bottom: 10px;
}

.flex-block-15 {
  position: relative;
  margin-bottom: -20px;
}

.div-block-19 {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 600px;
  overflow: hidden;
  background-image: linear-gradient(#fff0 67%, #fafafa 85%);
}

.title-wrapper-7 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  align-items: center;
  max-width: 858px;
  margin-right: auto;
  margin-bottom: 64px;
  margin-left: auto;
  text-align: center;
}

.icon-x-large-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.paragraph-regular-16 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.paragraph-regular-16.text-color-gray-600 {
  color: #525f75;
}

.h2-heading-10 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 72px;
  letter-spacing: -2px;
}

.text-color-orange-502 {
  color: #fe5b25;
}

.overline-3 {
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.feature-grid-wrapper {
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
}

.paragraph-large-bg {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.015em;
}

.paragraph-large-bg.text-weight-bold {
  font-weight: 700;
}

.feature-card-text {
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.container-large-17 {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.feature-card-grid-top {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1.25fr;
  grid-auto-columns: 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  justify-content: center;
}

.feature-card-3 {
  position: relative;
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  padding: 32px;
  border: 0.5px solid #d5d9e2;
  border-radius: 16px;
  box-shadow: 0 1px 2px #23272e14;
}

.feature-card-grid-bottom {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr 1.5fr;
  grid-auto-columns: 1fr;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  justify-content: center;
}

.section-small {
  position: relative;
  padding: 72px 5%;
}

.feature-card-4 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  padding: 8px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow:
    0 0 0 1px #0000000f,
    0 1px 2px #0000000f;
}

.feature-card-4.row {
  flex-flow: row;
  max-height: 300px;
}

.feature-card-4.row.noright {
  padding-right: 0;
  overflow: hidden;
}

.feature-card-4.row.bottom {
  padding-bottom: 0;
  overflow: hidden;
}

.title-wrapper-small-2 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: center;
  width: 100%;
  max-width: 584px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  text-align: center;
}

.column-x-small-7 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
}

.label-small {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #000;
  letter-spacing: -0.02em;
}

.label-small.text-color-secondary {
  color: #666;
}

.feature-content {
  display: flex;
  flex-direction: column;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  padding: 16px;
}

.paragraph-small-26 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.feature-footer-caption {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  color: #000;
}

.feature-image-wrapper-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: #fafafa;
  border-radius: 12px;
}

.section-large-12 {
  position: relative;
  padding: 120px 5%;
}

.section-large-12.background-secondary {
  padding-right: 0%;
  padding-left: 0%;
  background-color: #f5f5f500;
}

.max-width-small-6 {
  width: 100%;
  max-width: 400px;
}

.h4-heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-17 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.button-outline-2 {
  display: flex;
  flex-direction: row;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border-radius: 8px;
  box-shadow:
    0 1px 2px #0000000f,
    0 0 0 1px #0000000f;
  transition: background-color 0.3s;
}

.button-outline-2:hover {
  background-color: #f0f0f0;
}

.subheading-regular-7 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lufga, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #000;
}

.subheading-regular-7.left {
  text-align: left;
}

.grid-three-column-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
}

.container-regular-9 {
  width: 100%;
  max-width: 1316px;
  padding-right: 5%;
  padding-left: 5%;
  margin-right: auto;
  margin-left: auto;
}

.image-18 {
  box-sizing: border-box;
  min-height: 200px;
  max-height: 200px;
  margin-right: auto;
  margin-left: auto;
  object-fit: contain;
}

.image-19,
.image-20 {
  background-color: #fafafa;
}

.flex-block-16 {
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  align-items: center;
  justify-content: flex-start;
}

.icon-regular-14 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.container-regular-10 {
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
}

.flourish-wrapper {
  display: flex;
  flex-flow: column;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
}

.h1-heading-12 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.1;
  color: #000;
  letter-spacing: -0.04em;
}

.flourish-avatar-group {
  display: flex;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  align-items: flex-end;
  justify-content: center;
}

.flourish-block {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: #000;
  border-radius: 32px;
}

.header-wrapper-2 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  max-width: 558px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.button-primary-11 {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 236px;
  padding: 12px 24px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: #000;
  border-radius: 32px;
}

.button-primary-11.button-full-width {
  width: 100%;
}

.flourish-avatar-large {
  position: relative;
  z-index: 4;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-right: -16px;
  margin-bottom: 8px;
  margin-left: -16px;
  overflow: hidden;
  background-color: #edeef1;
  border: 4px solid #f7f8f8;
  border-radius: 99px;
}

.paragraph-x-large-4 {
  font-size: 20px;
  line-height: 1.5;
  color: #40444c;
  letter-spacing: -0.03em;
}

.phone {
  margin-top: -100px;
}

.section-header {
  position: relative;
  padding-top: 80px;
  padding-right: 5%;
  padding-left: 5%;
  background-color: #f7f8f800;
}

.header-button-block {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 8px 24px;
}

.phone-accent-left {
  position: absolute;
  inset: 10px auto auto -200px;
}

.brand-span {
  padding-right: 4px;
  padding-left: 4px;
  background-color: var(--_apps---colors--primary);
}

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

.phone-accent-right {
  position: absolute;
  top: auto;
  bottom: 40px;
  left: 200px;
}

.flourish-star-column {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
}

.flourish-star {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flourish-text-block {
  padding: 8px 12px;
}

.subheading-small-4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--_apps---colors--primary);
  letter-spacing: -0.02em;
}

.flourish-avatar {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  overflow: hidden;
  background-color: #edeef1;
  border: 4px solid #f7f8f8;
  border-radius: 99px;
}

.header-phone-block {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 44px;
}

.header-phone-wrapper {
  position: relative;
}

.data-collection-spacing {
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
}

.hero-section-phone-screenshot-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px;
}

.tabs-content-3 {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.stats-number {
  font-size: 55px;
  font-weight: 500;
}

.gradient-text {
  margin-top: 0;
  margin-bottom: 0;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #007aff, #fff 100%, #fff);
  -webkit-background-clip: text;
  background-clip: text;
}

.container {
  max-width: 1200px;
  padding: 2em;
  margin-right: auto;
  margin-left: auto;
}

.hero-card-image-holder {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 370px;
  height: 360px;
}

.hero-card-image-holder._03 {
  max-width: 400px;
}

.hero-card-image-holder._02 {
  max-width: 600px;
}

.stats-line {
  width: 6px;
  height: 100%;
  background-image: linear-gradient(#007aff, #003b7c 53%, #fff);
}

.stats-number-holder {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 24px;
}

.data-collection-stats-grid {
  grid-template-rows: auto;
  grid-template-columns: 0.75fr 1fr;
  grid-column-gap: 60px;
}

.cta-heading {
  max-width: 528px;
  margin-top: 40px;
  margin-bottom: 25px;
  font-size: 60px;
  font-weight: 600;
  text-align: center;
}

.button-4 {
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background-color: #000;
  border: 1px solid #007aff;
  border-radius: 49px;
  transition:
    background-position 0.25s,
    background-color 0.45s;
}

.button-4:hover {
  color: #fff;
  background-color: #222;
}

.button-4.white {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 42px;
  font-size: 16px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid #0f0f0f;
  border-radius: 8px;
}

.button-4.white:hover {
  background-color: #b6b6b6;
}

.features-title-holder {
  max-width: 760px;
}

.data-collection {
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: -1px;
}

.div-block-20 {
  height: 112px;
  background-image:
    linear-gradient(#007aff, #007aff00), linear-gradient(#0c0c0c, #0c0c0c);
}

.blured-bg {
  position: absolute;
  top: -5%;
  z-index: -1;
  width: 600px;
  height: 600px;
  background-image: linear-gradient(
    225deg,
    var(--_apps---colors--primary),
    var(--_apps---colors--primary) 51%,
    #fff 64%
  );
  border-radius: 400px;
  opacity: 0.37;
  filter: blur(120px);
}

.hero-section-phone-screenshot-holder {
  position: absolute;
  inset: 0%;
  padding: 5%;
}

.home-hero-holder {
  padding-top: 80px;
  overflow: hidden;
}

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

.fetaures-paragraph-holder {
  max-width: 642px;
}

.hero-paragraph-holder {
  max-width: 680px;
}

.flex-block-17 {
  flex-flow: column;
  align-items: stretch;
}

.stats-description {
  font-size: 20px;
}

.tab-link-tab-2 {
  padding: 14px 36px;
  margin-right: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background-color: #303030;
  border: 1px solid #0000;
  border-radius: 8px;
  transition:
    border-color 0.2s,
    background-color 0.35s;
}

.tab-link-tab-2.w--current {
  background-color: #181818;
  border: 1px solid #007aff;
  border-radius: 8px;
}

.tab-pane-holder {
  width: 100%;
  overflow: hidden;
  border-radius: 22px;
}

.hero-center-text-holder {
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}

.tab-pane {
  width: 100%;
}

.title-holder {
  display: none;
  flex-direction: column;
  grid-row-gap: 12px;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  text-align: center;
}

.section-3.grey-section {
  background-color: #0c0c0c;
}

.section-3.hero-section {
  margin-top: -72px;
  overflow: hidden;
}

.cta-icon {
  width: 100%;
}

.hero-card-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 12px;
  perspective: 1500px;
}

.data-collection-stats {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-row-gap: 120px;
  grid-column-gap: 40px;
}

.hero-phone-container {
  position: relative;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 400px;
  grid-auto-columns: 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 50px;
  align-items: center;
  width: 120%;
  padding-top: 100px;
  perspective: 1500px;
}

.hero-section-phone-image {
  position: relative;
  z-index: 1;
  width: 100%;
}

.paragraph-8 {
  color: #bdc2c9;
}

.cta-holder {
  display: flex;
  flex-direction: column;
  grid-row-gap: 40px;
  align-items: center;
  padding-top: 50px;
  overflow: hidden;
  background-color: #0c0c0c;
  border-radius: 36px;
}

.data-collection-tab-holder {
  display: none;
  padding-top: 58px;
  padding-bottom: 58px;
}

.title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.cta-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.style-heading-04 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 600;
  color: #000;
}

.style-heading-04.white {
  color: #fff;
}

.cta-icon-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85px;
}

.hero-card {
  perspective: 1500px;
}

.hero-section-phone-holder {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.hero-section-phone-holder.cta {
  width: 400px;
  margin-bottom: -40%;
}

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

.bold-text-16 {
  color: var(--_apps---colors--primary);
}

.smallapp {
  margin-bottom: -10px;
}

.container-2 {
  max-width: 1200px;
  padding: 2em 2em 7.9em;
  margin-right: auto;
  margin-left: auto;
}

.container-2.top {
  padding-bottom: 0;
}

.blured-bg-2 {
  position: absolute;
  top: -5%;
  z-index: -1;
  width: 600px;
  height: 600px;
  background-image: linear-gradient(
    225deg,
    #1e2e3e,
    #288175 51% 88%,
    #288175 88%
  );
  border-radius: 400px;
  opacity: 0.37;
  filter: blur(120px);
}

.title-holder-2 {
  position: static;
  right: 0;
  left: 0;
  z-index: -200;
  display: flex;
  flex-direction: column;
  grid-row-gap: 12px;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  text-align: center;
}

.title-holder-2.absolute {
  padding-bottom: 0;
}

.title-holder-2.absolute.trest {
  position: absolute;
}

.button-5 {
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background-color: #000;
  border: 1px solid #288175;
  border-radius: 49px;
  transition:
    background-position 0.25s,
    background-color 0.45s;
}

.button-5:hover {
  color: #fff;
  background-color: #222;
}

.button-5.navbar-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 41px;
  padding: 7px 14px;
  color: #fff;
  background-color: #ffbf42;
  border-style: none;
  border-radius: 12px;
}

.button-5.navbar-button:hover {
  background-color: #af8228;
}

.button-5.navbar-button.blue {
  background-color: #28817552;
  border-color: #288175;
  border-style: solid;
}

.reviews-logos-holder {
  display: flex;
  align-items: flex-end;
  height: 19vh;
  margin-bottom: -10px;
  overflow: hidden;
}

.hero-card-image-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  perspective: 1500px;
}

.paragraph-9 {
  color: #fff;
}

.lottie-animation {
  position: absolute;
  inset: -20% 0% -21%;
  z-index: -20;
  width: 100%;
  min-width: 100%;
  object-fit: cover;
}

.hero-phone-holder-2 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.home-hero-holder-2 {
  padding-top: 80px;
  overflow: hidden;
}

.image-21 {
  display: block;
  width: 100%;
  height: 19vh;
  object-fit: cover;
}

.gradient-text-2 {
  padding-bottom: 6px;
  margin-top: 0;
  margin-bottom: 0;
  overflow: visible;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #288175, #288175 0%, #ffbf42);
  -webkit-background-clip: text;
  background-clip: text;
}

.icon-regular-15 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.container-regular-11 {
  width: 100%;
  max-width: 1160px;
  margin-right: auto;
  margin-left: auto;
}

.feature-slider-image {
  width: 180px;
}

.subheading-large-7 {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.02em;
}

.subheading-large-7.text-color-brand-purple {
  color: var(--_apps---colors--primary);
}

.phone-2 {
  width: 100%;
  max-width: 470px;
  height: 100%;
  border-radius: 20px;
}

.button-link-small-2 {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #ff4b0e;
  text-decoration: none;
}

.header-section-03 {
  position: relative;
  padding: 120px 5%;
  background-color: #f7f8f800;
}

.feature-slider-wrapper {
  display: flex;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  justify-content: flex-start;
}

.h1-heading-13 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.1;
  color: #000;
  letter-spacing: -0.04em;
}

.icon-button-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: #000;
  border-radius: 32px;
  transition: background-color 0.3s;
}

.icon-button-primary:hover {
  background-color: #ff4b0e;
}

.caption-small-5 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.caption-small-5.text-color-tertiary {
  color: #5b616e;
}

.phone-accent-left-2 {
  position: absolute;
  inset: 10px auto auto -50px;
}

.header-grid {
  grid-template-rows: auto;
  grid-row-gap: 32px;
}

.header-button-group-2 {
  display: flex;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 16px;
}

.column-large-8 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.flourish-star-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff4b0e;
}

.phone-gradient {
  position: absolute;
  inset: auto 0% 0%;
  height: 290px;
  background-image: linear-gradient(0deg, #f7f8f8 6%, #fff0);
}

.header-logo-row {
  position: relative;
  display: flex;
  grid-row-gap: 32px;
  grid-column-gap: 32px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px;
  overflow: hidden;
}

.code-embed-5 {
  display: none;
  text-align: center;
}

.subheading-small-5 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02em;
}

.subheading-small-5.text-color-brand-orange {
  color: #ff4b0e;
}

.header-button-wrapper {
  width: 100%;
  max-width: 250px;
}

.header-logo-2 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  color: #d8dbdf;
  transition: all 0.3s;
}

.header-logo-2:hover {
  color: #000;
}

.phone-wrapper {
  position: relative;
  border-radius: 20px;
}

.header-slide-nav {
  position: static;
  padding: 16px;
  margin-left: 0;
}

.feature-slide-card {
  display: flex;
  flex-flow: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: flex-start;
  justify-content: center;
  padding: 16px;
  overflow-wrap: anywhere;
  background-color: #fff;
  border-radius: 8px;
}

.button-primary-large-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 32px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: #000;
  border-radius: 32px;
  transition: background-color 0.3s;
}

.button-primary-large-3:hover {
  background-color: #ff4b0e;
}

.feature-slide {
  margin-right: 16px;
}

.max-width-regular-5 {
  width: 100%;
  max-width: 550px;
}

.header-content-right {
  display: flex;
  flex-direction: column;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
}

.paragraph-x-large-5 {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -0.03em;
}

.feature-slider {
  display: flex;
  flex-flow: column;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  height: auto;
  overflow: hidden;
  background-color: #0000;
  clip-path: polygon(0 0, 400% 0, 400% 100%, 0% 100%);
}

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

.header-content-left {
  display: flex;
  flex-flow: column;
  grid-row-gap: 64px;
  grid-column-gap: 64px;
  justify-content: space-between;
  max-width: 600px;
}

.bold-text-17 {
  color: var(--_apps---colors--primary);
}

.badgestore {
  height: 50px;
  max-height: 100px;
}

.section-regular-18 {
  position: relative;
  max-width: 1316px;
  padding: 0 5% 96px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
}

.h5-heading-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -0.8px;
}

.container-large-18 {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.h6-heading-7 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.5px;
}

.paragraph-large-13 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.015em;
}

.paragraph-large-13.text-color-gray-600 {
  color: #525f75;
}

.nav_feature-card {
  position: relative;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  border-radius: 0.5rem;
}

.icon-xsmall-2 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
}

.icon-xsmall-2.text-color-brand {
  color: var(--_apps---colors--primary);
}

.nav_link {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  color: #3f3f46;
  white-space: nowrap;
  text-decoration: none;
  transition: color 0.3s;
}

.nav_link:hover,
.nav_link.w--current {
  color: #000;
}

.nav_link.is-dropdown-toggle {
  display: flex;
  grid-row-gap: 0.25rem;
  grid-column-gap: 0.25rem;
  align-items: center;
  justify-content: space-between;
  padding-right: 0.75rem;
}

.nav_dropdown-link {
  display: flex;
  grid-row-gap: 0.75rem;
  grid-column-gap: 0.75rem;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem 0.75rem;
  color: #000;
  text-decoration: none;
  border-radius: 0.5rem;
  transition: background-color 0.3s;
}

.nav_dropdown-link:hover {
  background-color: #fafafa;
}

.nav_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nav_dropdown-links {
  display: flex;
  flex-flow: column;
  grid-row-gap: 2px;
  grid-column-gap: 2px;
}

.nav_dropdown-grid {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
}

.dropdown_icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #f4f4f5;
  border: 1px solid #f4f4f5;
  border-radius: 0.5rem;
}

.nav_menu {
  position: static;
}

.icon-medium-4 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}

.nav_bar {
  position: relative;
  z-index: 999;
  padding: 1.5rem 5%;
  background-color: #fafafa;
}

.heading-style-h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.03em;
}

.heading-style-h6.text-weight-semibold {
  font-family: Lufga, Arial, sans-serif;
  font-weight: 600;
  color: var(--primary);
}

.nav_dropdown-card {
  padding: 0.5rem;
  margin-bottom: 10px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #d4d4d8;
  border-radius: 0.75rem;
}

.nav_dropdown {
  margin-right: 0;
  margin-left: 0;
}

.text-size-small-2 {
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.75;
}

.text-size-small-2.text-weight-medium.black {
  color: var(--_apps---colors--foreground);
}

.text-size-small-2.text-color-tertiary {
  color: #71717b;
}

.button-6 {
  display: inline-flex;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: #05df72;
  border-radius: 99rem;
  transition:
    color 0.5s,
    background-color 0.5s;
}

.button-6:hover {
  background-color: #00c950;
}

.button-6.is-outline-2 {
  color: #000;
  background-color: #0000;
  border: 1px solid #000;
}

.button-6.is-outline-2:hover {
  color: #fff;
  background-color: #000;
}

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

.nav_feature-heading {
  position: absolute;
  inset: 0 0% auto;
  padding: 1.25rem;
}

.nav_right {
  display: flex;
  flex: 1;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  align-items: center;
  justify-content: flex-end;
}

.nav_menu-icon-wrapper {
  display: flex;
  flex-flow: column;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.row-3x-small {
  display: flex;
  flex-direction: row;
  grid-row-gap: 0.25rem;
  grid-column-gap: 0.25rem;
  align-items: center;
  justify-content: flex-start;
}

.nav_dropdown-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}

.nav_logo-link {
  height: 100%;
  padding-right: 0;
  padding-left: 0;
}

.nav_dropdown-list {
  padding-top: 2rem;
  background-color: #0000;
}

.nav_dropdown-list.w--open {
  padding-top: 12px;
  background-color: #0000;
}

.nav_dropdown-list.is-medium {
  left: -4rem;
  min-width: 37.5rem;
}

.nav_logo {
  width: 100%;
  max-width: 7rem;
  height: 100%;
  object-fit: contain;
}

.nav_links {
  display: flex;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
}

.text-color-brand-5 {
  color: #368cfb;
}

.column-large-9 {
  display: flex;
  flex-flow: column;
  grid-row-gap: 1.5rem;
  grid-column-gap: 1.5rem;
}

.column-large-9.column-center {
  align-items: center;
  text-align: center;
}

.testimonial_avatar-small {
  position: relative;
  width: 7.5rem;
  height: 7.5rem;
  overflow: hidden;
  background-color: #f46d2a;
  background-image: url("/images/Noda-Logo-Background.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 85%;
  border: 0.25rem solid #fff;
  border-radius: 62.4375rem;
  box-shadow:
    0 6.85019rem 1.89825rem #0000,
    0 4.37419rem 1.73319rem #00000003,
    0 2.47594rem 1.48556rem #0000000a,
    0 1.07294rem 1.07294rem #00000012,
    0 0.247625rem 0.57775rem #00000014;
}

.heading-style-h6-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.03em;
}

.testimonial_quote {
  position: absolute;
  inset: -0.5rem -1rem auto auto;
}

.section-medium-4 {
  position: relative;
  padding: 4rem 5%;
}

.section-medium-4.background-secondary {
  background-color: #06060600;
}

.testimonial_avatar-wrapper {
  position: relative;
}

.testimonial_logo {
  display: flex;
  max-width: 7.5rem;
}

.text-color-tertiary-2 {
  color: #71717b;
}

.text-weight-medium-2 {
  font-weight: 500;
}

.center {
  text-align: center;
}

.bold-text-18 {
  color: var(--_apps---colors--primary);
  white-space: normal;
}

.card-feature {
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}

.div-block-21 {
  display: flex;
  justify-content: space-between;
  padding-right: 5%;
  padding-left: 5%;
}

.div-block-22 {
  position: relative;
  z-index: 50;
  display: flex;
  flex-flow: column;
  grid-row-gap: 21px;
  grid-column-gap: 21px;
  align-items: flex-start;
  align-self: flex-end;
  justify-content: center;
  max-width: 45%;
  margin-bottom: -28px;
}

.div-block-23 {
  padding-right: 5%;
  padding-left: 5%;
}

.big-picture-section {
  padding-top: 128px;
  padding-bottom: 128px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.code-embed-6 {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  vertical-align: middle;
  color: var(--accent);
}

.image-22 {
  display: block;
  max-width: 50%;
  object-fit: contain;
  object-position: 50% 100%;
}

.timeline-step {
  display: flex;
  flex-direction: column;
  grid-row-gap: 40px;
  grid-column-gap: 40px;
}

.timeline-dot {
  position: relative;
  z-index: 2;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 40px;
  box-shadow:
    0 1px 2px #0000000f,
    0 0 0 1px #0000000f;
}

.timeline-top {
  padding: 72px 24px;
  background-color: #f5f5f5;
}

.timeline-bottom {
  padding: 48px 5% 72px;
}

.timeline-card-small {
  display: flex;
  flex-direction: column;
  grid-row-gap: 40px;
  grid-column-gap: 40px;
}

.timeline-container {
  width: 100%;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  border-radius: 24px;
}

.timeline-tab-link {
  display: flex;
  grid-row-gap: 4px;
  grid-column-gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 4px 4px 4px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #666;
  background-color: #0000;
  border-radius: 8px;
  transition: background-color 0.3s;
}

.timeline-tab-link:hover {
  background-color: #f5f5f5;
}

.timeline-tab-link.w--current {
  color: #000;
  background-color: #f5f5f5;
}

.section-2x-small {
  padding: 20px 5%;
}

.timeline-header-mockup {
  margin-bottom: -180px;
}

.icon-wrapper-regular {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.paragraph-small-27 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-small-27.text-color-secondary {
  color: #666;
}

.timeline-dot-small {
  flex: none;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 6px;
}

.text-color-tertiary-3 {
  color: #8f8f8f;
}

.title-wrapper-8 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  align-items: flex-start;
}

.timeline-bar {
  position: relative;
  flex: 1;
  height: 1.2px;
  margin-right: -32px;
  background-color: #e3e3e3;
}

.tabs-content-4 {
  padding: 1px;
}

.timeline-bar-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.h4-heading-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-18 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.icon-arrow {
  position: relative;
  z-index: 1;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.label-regular {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #000;
}

.icon-minus {
  position: absolute;
  inset: 0%;
  z-index: 0;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  opacity: 0;
}

.timeline-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 32px;
  grid-column-gap: 32px;
}

.grid-two-column-4 {
  grid-template-rows: auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.timeline-tabs-menu {
  display: flex;
  grid-row-gap: 24px;
  grid-column-gap: 24px;
  align-items: center;
  margin-bottom: 72px;
}

.badge-outline-3 {
  display: flex;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  background-color: #fff;
  border-radius: 99px;
  box-shadow:
    0 0 0 1px #0000000f,
    0 1px 2px #0000000f;
}

.column-2x-large-3 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 40px;
  grid-column-gap: 40px;
}

.container-regular-12 {
  width: 100%;
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
}

.image-23,
.image-24,
.image-25 {
  position: relative;
  z-index: 1;
}

.code-embed-7 {
  position: absolute;
  inset: 0%;
  z-index: -1;
  overflow: hidden;
}

.div-block-25 {
  position: absolute;
  inset: 0%;
}

@media screen and (min-width: 1440px) {
  .page-wrapper {
    margin-bottom: 150px;
  }

  .page-wrapper.nooverflow {
    overflow: clip;
  }

  .grid-2-columns.style---styleguide-wrapper {
    grid-template-columns: 0.3fr 1fr;
  }

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

  .grid-2-columns.contact {
    grid-template-columns: 1fr 1.2fr;
    grid-column-gap: 80px;
  }

  .divider._0px {
    margin-top: 0;
    margin-bottom: 0;
  }

  .style---typography-block-grid {
    grid-template-columns: minmax(auto, 380px) 0.8fr;
  }

  .mg-bottom-48px.ce {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .grid-1-column.features-grid {
    grid-row-gap: 64px;
  }

  .btn-primary.pricing-item-popular:hover {
    background-color: var(--accent);
  }

  .line-rounded-icon.link-icon-right {
    text-overflow: clip;
    color: #e36936;
    -webkit-text-stroke-color: var(--primary);
    text-align: left;
    text-decoration-color: #000;
  }

  .style---dropdown-toggle {
    padding-top: 28px;
    padding-bottom: 28px;
    font-size: 20px;
    line-height: 20px;
  }

  .style---dropdown-link-sidebar {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 20px;
  }

  .style---dropdown-link-icon-sidebar {
    max-width: 46px;
    margin-right: 14px;
    border-radius: 12px;
  }

  .style---logo-wrapper {
    display: flex;
    justify-content: center;
  }

  .style---logo-sidebar {
    max-width: 260px;
  }

  .section.pd-0px {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 64px;
  }

  .section.pd-0px.extrabottom {
    margin-bottom: 150px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .link-arrow-wrapper.hide-mobile.left {
    margin-right: auto;
    margin-left: 0;
  }

  .image {
    border-radius: 0;
  }

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

  .image-2.extra {
    top: 5%;
  }

  .exttabot {
    margin-bottom: 32px;
  }

  .rich-text-block {
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
  }

  .testimimage.hat.hit {
    margin-bottom: 0;
  }

  .image-15.gap-row-0px {
    width: auto;
    height: auto;
    max-height: 400px;
    margin: 12px 12px 12px 0;
    border-radius: 20px;
  }

  .testimonial-slider {
    background-color: #f7f7f800;
  }

  .h3-heading-6.text-balance {
    font-family: Lufga, Arial, sans-serif;
  }

  .testimonial1-section {
    padding-right: 0%;
    padding-left: 0%;
    background-color: #f7f7f800;
  }

  .testimonial1-section.overflow {
    overflow: visible;
  }

  .paragraph-small-24 {
    color: var(--_apps---colors--primary);
  }

  .paragraph-small-24.text-strong {
    color: #000;
  }

  .testimonial-text {
    color: var(--muted-text);
  }

  .container-medium-3 {
    max-width: 1316px;
    padding-right: 0%;
    padding-left: 0%;
  }

  .testimonial-card {
    border-top-color: var(--_apps---colors--border);
    border-top-style: solid;
    border-top-width: 0;
    border-right-color: var(--_apps---colors--border);
    border-right-style: solid;
    border-right-width: 0;
    border-bottom-color: var(--_apps---colors--border);
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-left-color: var(--_apps---colors--border);
    border-left-style: solid;
    border-left-width: 0;
    border-radius: 33px;
    box-shadow: none;
  }

  .container {
    max-width: 1340px;
  }

  .hero-card-image-holder {
    height: 420px;
  }

  .container-2 {
    max-width: 1340px;
  }

  .button-5.navbar-button.w--current {
    background-color: #288175;
  }

  .holder {
    width: 100%;
    max-width: 1316px;
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 1920px) {
  .card.feature-02.testim {
    padding-right: 16px;
  }

  .card.bg-neutral-800.cta {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0;
    background-image: url("/images/Frame-972.avif");
    background-position: 0 0;
    background-size: cover;
  }

  .divider._0px {
    margin-top: 0;
    margin-bottom: 0;
  }

  .grid-1-column.features-grid {
    grid-template-rows: auto;
  }

  .display-2.color-neutral-100.mg-bottom-34px.l {
    width: 500px;
  }

  .style---heading {
    padding-right: 6vw;
    padding-left: 6vw;
  }

  .inner-container._76.center._100---mbl {
    overflow: hidden;
  }

  .style---content-wrapper {
    padding-right: 8vw;
    padding-left: 8vw;
  }

  .btn-primary {
    border-radius: 16px;
  }

  .line-rounded-icon.link-icon-right {
    color: #646464;
  }

  .buttons-row.center {
    align-items: center;
    justify-content: center;
  }

  .container-default {
    margin-right: auto;
    margin-left: auto;
  }

  .section {
    margin-right: -5px;
  }

  .section.hero.v1 {
    padding-bottom: 398px;
  }

  .section.pd-0px {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 80px;
  }

  .section.pd-300px {
    padding-top: 300px;
    padding-bottom: 300px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.pd-250px {
    padding-top: 250px;
    padding-bottom: 250px;
  }

  .section.pd-220px {
    padding-top: 220px;
    padding-bottom: 220px;
  }

  .section.pd-bottom-144px {
    padding-bottom: 144px;
  }

  .section.pd-144px {
    padding-top: 144px;
    padding-bottom: 144px;
  }

  .section.pd-top-144px {
    padding-top: 144px;
  }

  .section.pd-top-250px {
    padding-top: 250px;
  }

  .section.pd-280px {
    padding-top: 280px;
    padding-bottom: 280px;
  }

  .section.pd-top-200px {
    padding-top: 200px;
  }

  .section.pd-180px {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .section.pd-top-150px {
    padding-top: 150px;
  }

  .section.nobottom {
    margin-bottom: 0;
  }

  .link-arrow-wrapper.pad.start.why.width {
    width: 100%;
    text-align: center;
    transition: none;
  }

  .link-arrow-wrapper.pad.start.why.width:hover {
    background-color: var(--muted);
  }

  .link-arrow-wrapper.left {
    align-self: flex-start;
    margin-left: 0;
  }

  .link-arrow-wrapper.left.secondary {
    color: var(--_apps---colors--foreground);
  }

  .image.cover {
    align-self: stretch;
  }

  .image.cover.smaller {
    width: 100%;
  }

  .image.cover {
    flex: 1;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    object-fit: fill;
  }

  .image-wrapper.border-radius-32px {
    align-items: flex-end;
  }

  .checkout-col-right {
    position: sticky;
    top: 24px;
  }

  .body {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
  }

  .image-2.extra {
    width: 100%;
    margin-top: 194px;
    margin-left: 20px;
    object-position: 100% 100%;
  }

  .image-10 {
    width: 16px;
    height: 16px;
  }

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

  .image-cover {
    margin-top: 0;
  }

  .image-cover.negativetop {
    margin-top: -68px;
  }

  .navigation-dropdown-list-small.smaller.w--open {
    max-width: 150px;
  }

  .paragraph-large-4.nob {
    margin-bottom: 0;
  }

  .section-regular-2 {
    margin-top: -70px;
  }

  .section-regular-2.lessb {
    padding-bottom: 0;
  }

  .feature-image {
    border-width: 0;
  }

  .feature-dashboard {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .container-large-9 {
    max-width: 1316px;
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto;
  }

  .section-large-9.background-gradient-fade-in {
    max-width: 1316px;
    margin-right: auto;
    margin-left: auto;
  }

  .container-large-10 {
    max-width: 1316px;
    padding-right: 5%;
    padding-left: 5%;
  }

  .section-regular-10.background-primary,
  .section-regular-11 {
    margin-bottom: 0;
  }

  .feature-grid-2.lessplit {
    grid-row-gap: 36px;
    grid-column-gap: 36px;
  }

  .container-medium-3 {
    padding-right: 0%;
    padding-left: 0%;
  }

  .div-block-22 {
    display: flex;
    flex-flow: column;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    align-items: flex-start;
    justify-content: center;
    order: 0;
    margin-bottom: -28px;
  }

  .big-picture-section {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .code-embed-6 {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    color: var(--_apps---colors--primary);
  }

  .image-22 {
    max-width: 30%;
    margin-right: 10%;
  }

  .holder {
    width: 100%;
    max-width: 1316px;
    padding-right: 5%;
    padding-left: 5%;
    margin-right: auto;
    margin-left: auto;
  }

  .div-block-25 {
    position: absolute;
    inset: 0%;
    z-index: -1;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 45px;
  }

  h2 {
    margin-bottom: 12px;
    font-size: 32px;
  }

  blockquote {
    padding: 70px 86px;
    font-size: 22px;
    border-radius: 32px;
  }

  .grid-2-columns.style---styleguide-wrapper {
    grid-template-columns: 1fr;
    grid-row-gap: 0px;
  }

  .grid-2-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.contact {
    grid-template-columns: 1fr;
    grid-row-gap: 100px;
    grid-column-gap: 20px;
  }

  .grid-2-columns.title-and-paragraph._1-col-tablet {
    grid-template-columns: 1fr;
    grid-row-gap: 15px;
    grid-column-gap: 40px;
  }

  .grid-2-columns.text-left-default {
    grid-template-columns: 1fr;
    grid-row-gap: 60px;
  }

  .grid-2-columns.text-left-default.features-grid {
    grid-template-columns: 0.7fr 1fr;
  }

  .grid-2-columns.template-page-sidebar {
    grid-template-columns: 0.5fr 1fr;
  }

  .grid-2-columns.product-page {
    grid-row-gap: 28px;
    grid-column-gap: 15px;
  }

  .grid-2-columns.checkout-page {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.title-and-buttons._1-col-tablet {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
    grid-column-gap: 40px;
    justify-items: center;
    text-align: center;
  }

  .grid-2-columns.gap-28px.features-top-grid {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.card-cta-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 110px;
    grid-column-gap: 28px;
  }

  .grid-2-columns.blog {
    grid-row-gap: 60px;
    grid-column-gap: 28px;
  }

  .grid-2-columns.blog.v2 {
    padding-top: 90px;
  }

  .grid-2-columns.values-top-grid {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.mission {
    grid-template-columns: 1fr;
    grid-row-gap: 80px;
    grid-column-gap: 40px;
  }

  .grid-2-columns.card-setup-integration {
    grid-template-columns: 1fr;
    grid-row-gap: 60px;
  }

  .grid-2-columns.contact-card-links {
    grid-template-columns: 1fr;
  }

  .style---navigation-sidebar {
    position: static;
    min-height: auto;
    max-height: 100%;
    box-shadow: none;
  }

  .card.form {
    min-width: auto;
  }

  .card.link-card.career-item {
    padding: 78px 53px;
  }

  .card.link-card.card-team {
    margin-top: 0;
  }

  .card.link-card.pricing-item {
    max-width: 100%;
  }

  .card.link-card.pricing-item-popular {
    max-width: 100%;
    margin-bottom: 0;
  }

  .card.v2.testimonial {
    padding: 40px 34px 48px;
  }

  .card.v2.pricing-contact {
    padding-top: 70px;
    padding-bottom: 70px;
    border-radius: 32px;
  }

  .card.bg-neutral-800.cta {
    flex-flow: column;
    max-height: 100%;
    padding: 100px 80px 0;
  }

  .card.partner {
    padding-top: 35px;
    padding-bottom: 35px;
    border-radius: 20px;
  }

  .card.value-top {
    padding: 84px 45px;
  }

  .card.value {
    padding: 75px 45px 67px;
  }

  .card.add-cart {
    max-width: 100%;
    min-height: 612px;
    padding: 60px 40px;
  }

  .card.setup-integration {
    padding-top: 80px;
    padding-right: 40px;
    border-radius: 35px;
  }

  .card.newsletter {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .card.post-featured {
    width: 90%;
    max-width: 800px;
    padding-top: 60px;
    padding-right: 50px;
    padding-bottom: 70px;
    margin-top: -160px;
    margin-bottom: 0;
  }

  .card.password-protected {
    padding: 108px 68px;
  }

  .card.dropdown {
    width: auto;
    padding: 0 0 40px;
    overflow: visible;
    background-color: #0000;
    border-radius: 0;
    box-shadow: none;
  }

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

  .grid-4-columns.integrations-strip._01 {
    width: 1270px;
  }

  .grid-4-columns.integrations-strip._02 {
    width: 1360px;
    margin-left: -12%;
  }

  .grid-4-columns.integrations-strip._03 {
    width: 1300px;
  }

  .grid-4-columns.testimonials-strip {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    width: 1470px;
  }

  .grid-4-columns.testimonials-strip.strip-01 {
    margin-left: 0;
  }

  .grid-4-columns.partners {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 28px;
    grid-column-gap: 20px;
  }

  .style---block-sub-heading {
    margin-bottom: 24px;
  }

  .divider {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .divider._64px {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .divider._0px {
    margin-top: 0;
    margin-bottom: 0;
  }

  .style---typography-block-grid {
    grid-template-columns: minmax(auto, 250px) 1fr;
  }

  .mg-bottom-24px {
    margin-bottom: 20px;
  }

  .mg-bottom-32px {
    margin-bottom: 24px;
  }

  .mg-bottom-48px {
    margin-bottom: 40px;
  }

  .mg-bottom-56px {
    margin-bottom: 48px;
  }

  .mg-bottom-80px {
    margin-bottom: 70px;
  }

  .mg-top-56px {
    margin-top: 40px;
  }

  .display-1 {
    font-size: 84px;
  }

  .grid-1-column.gap-row-24px {
    grid-row-gap: 22px;
    grid-column-gap: 16px;
  }

  .grid-1-column.testimonials-strip {
    grid-row-gap: 25px;
  }

  .grid-1-column.card-link-icon-grid {
    grid-template-columns: 1fr 1fr;
  }

  .gap-row-80px {
    grid-row-gap: 56px;
  }

  .display-2 {
    max-width: 100%;
    font-size: 48px;
    overflow-wrap: normal;
  }

  .display-2.left {
    font-size: 44px;
  }

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

  .display-3 {
    font-size: 45px;
  }

  .display-4 {
    font-size: 22px;
  }

  .style---style-grid-wrapper {
    grid-row-gap: 140px;
  }

  .paragraph-large,
  .text-400 {
    font-size: 22px;
  }

  .text-400.medium.top-8px {
    top: 6px;
  }

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

  .grid-3-columns.gap-row-80px {
    grid-row-gap: 64px;
  }

  .grid-3-columns.style---buttons-grid.btn-apps {
    grid-template-columns: auto auto;
    grid-row-gap: 28px;
    grid-column-gap: 40px;
  }

  .grid-3-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-3-columns._3-col-tablet {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-3-columns.gap-28px._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.partners {
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 40px;
    grid-column-gap: 20px;
  }

  .grid-3-columns.pricing,
  .grid-3-columns.gap-row-28px._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .style---heading {
    min-height: auto;
    padding-top: 116px;
    padding-bottom: 116px;
    margin-bottom: 60px;
  }

  .inner-container._367px {
    display: flex;
    flex-flow: column;
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    max-width: 100%;
  }

  .inner-container._528px.cta {
    width: 80%;
    margin-right: 0;
    margin-bottom: -69px;
  }

  .inner-container._700px---tablet {
    max-width: 700px;
  }

  .inner-container._600px---tablet {
    max-width: 600px;
  }

  .inner-container._500px---tablet {
    max-width: 500px;
  }

  .inner-container._100---tablet {
    max-width: 100%;
  }

  .inner-container.about-hero-01 {
    width: 100%;
  }

  .inner-container.about-hero-03 {
    margin-top: 0;
    margin-left: 0%;
  }

  .inner-container.about-hero-02 {
    max-width: 75%;
    margin-top: 100px;
    margin-right: 0;
    margin-bottom: 0;
  }

  .inner-container.mission-image {
    min-width: 100%;
    max-width: 100%;
  }

  .inner-container.about-hero-avatar {
    max-width: 115px;
  }

  .inner-container.integration-hero {
    max-width: 600px;
  }

  .inner-container._48px---tablet {
    max-width: 48px;
  }

  .style---content-heading {
    padding: 32px;
    margin-bottom: 60px;
  }

  .btn-primary.small.add16 {
    margin-right: 16px;
  }

  .btn-primary.large {
    padding-right: 52px;
    padding-left: 52px;
  }

  .btn-secondary.small.header-btn-hidde-on-mb {
    margin-right: 25px;
  }

  .btn-secondary.large {
    padding-right: 52px;
    padding-left: 52px;
  }

  .avatar-circle._06 {
    width: 140px;
    max-width: 140px;
    height: 140px;
    max-height: 140px;
  }

  .avatar-circle._07 {
    width: 160px;
    max-width: 160px;
    height: 160px;
    max-height: 160px;
  }

  .avatar-circle._08 {
    width: 280px;
    max-width: 280px;
    height: 280px;
    max-height: 280px;
  }

  .style---dropdown-wrapper-sidebar {
    display: none;
  }

  .buttons-row.center---tablet {
    justify-content: center;
  }

  .style---sidebar-wrapper {
    overflow: hidden;
  }

  .style---logo-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
  }

  .style---button-wrapper-sidebar {
    display: none;
  }

  .section {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .section.small {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.hero {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .section.hero.v1 {
    padding-top: 90px;
    padding-bottom: 220px;
  }

  .section.hero.v2 {
    padding-top: 80px;
    padding-bottom: 88px;
  }

  .section.hero.v3 {
    padding-top: 90px;
  }

  .section.hero.v4 {
    padding-top: 90px;
    padding-bottom: 166px;
  }

  .section.hero.integrations {
    padding-top: 218px;
    padding-bottom: 204px;
  }

  .section.hero.v6 {
    padding-top: 100px;
    padding-bottom: 177px;
  }

  .section.hero.contact {
    padding-top: 100px;
    padding-bottom: 108px;
  }

  .section.pd-0px {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.pd-300px {
    padding-top: 208px;
    padding-bottom: 208px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.pd-250px {
    padding-top: 174px;
    padding-bottom: 174px;
  }

  .section.pd-220px {
    padding-top: 153px;
    padding-bottom: 153px;
  }

  .section.pd-bottom-144px {
    padding-bottom: 100px;
  }

  .section.pd-144px {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.pd-top-144px {
    padding-top: 100px;
  }

  .section.pd-top-250px {
    padding-top: 174px;
  }

  .section.pd-280px {
    padding-top: 194px;
    padding-bottom: 194px;
  }

  .section.pd-top-200px {
    padding-top: 118px;
  }

  .section.pd-180px {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .section.pd-top-150px {
    padding-top: 104px;
  }

  .section.not-found {
    padding-top: 100px;
    padding-bottom: 133px;
  }

  .section.password-protected {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .link-arrow-wrapper.left.secondary {
    margin-right: auto;
    margin-left: 0;
  }

  .heading-h1-size {
    font-size: 45px;
  }

  .heading-h2-size {
    font-size: 32px;
  }

  .header-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .header-nav-menu-wrapper {
    position: fixed;
    top: -0.0156px;
    height: 100vh;
    max-height: 100vh;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px;
    overflow: auto;
    background-color: var(--neutral--100\<deleted\|variable-07926372\>);
  }

  .header-nav-menu-list {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 84%;
  }

  .header-nav-link {
    font-size: 23px;
  }

  .header-nav-link.cart-btn-link {
    font-size: 18px;
  }

  .header-nav-link.header-link-hidde-on-tablet {
    display: none;
  }

  .header-nav-list-item {
    padding-left: 0;
    margin-bottom: 12px;
  }

  .header-nav-list-item.show-in-tablet {
    display: block;
  }

  .header-nav-list-item.show-in-tablet.bottom-nav-list {
    width: 100%;
    margin-top: auto;
    margin-bottom: 35px;
  }

  .header-nav-list-item.middle {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 25px;
  }

  .dropdown-column-wrapper {
    position: static;
    transform: none;
  }

  .header-logo-link,
  .header-logo-link.w--current {
    z-index: 2;
  }

  .hamburger-menu-wrapper.w--open {
    background-color: #0000;
  }

  .hamburger-menu-bar {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .hamburger-menu-bar.bottom {
    width: 20px;
    margin-left: auto;
  }

  .header-right-side {
    position: relative;
    z-index: 2;
  }

  .header-middle {
    margin-left: auto;
  }

  .flex-horizontal.flex-vertical---tablet {
    flex-direction: column;
  }

  .flex-horizontal.align-center---tablet {
    align-items: center;
  }

  .flex-horizontal.categories.center---tablet {
    justify-content: center;
  }

  .footer-wrapper {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .grid-footer {
    grid-template-columns: 1fr;
    grid-row-gap: 80px;
    grid-column-gap: 50px;
  }

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

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

  .grid-footer-bottom {
    grid-template-columns: 1fr;
    grid-row-gap: 2px;
    grid-column-gap: 16px;
    text-align: center;
  }

  .card-link-icon {
    padding: 32px 20px;
  }

  .accordion-item-wrapper {
    padding-right: 40px;
    padding-left: 40px;
  }

  .image-wrapper.border-radius-13px.integration-featured-image {
    margin-right: 0;
  }

  .template-pages---phography-wrapper {
    border-radius: 10px;
  }

  .button-row-left.add-cart {
    margin-bottom: 20px;
  }

  .mg-bottom-68px {
    margin-bottom: 60px;
  }

  .mg-top-68px {
    margin-top: 60px;
  }

  .position-absolute.top-right.mission-icon---02 {
    max-width: 18%;
    margin-top: 8%;
    margin-right: -8%;
  }

  .position-absolute.top-right.integration-hero---06 {
    margin-right: 3%;
  }

  .position-absolute.top-right.integration-hero---07 {
    margin-right: -31%;
  }

  .position-absolute.top-right.card-form-02 {
    margin-top: -7%;
    margin-right: -10%;
  }

  .position-absolute.bottom-left.cta---02 {
    inset: auto 0% 0% auto;
    max-width: 23%;
    margin-right: -14%;
    margin-bottom: 28%;
    margin-left: 0%;
  }

  .position-absolute.bottom-left.about-hero-avatar---02 {
    max-width: 23%;
    margin-left: -10%;
  }

  .position-absolute.bottom-left.about-hero-avatar---01 {
    max-width: 30%;
  }

  .position-absolute.bottom-left.mission-icon---01 {
    max-width: 18%;
    margin-bottom: 8%;
    margin-left: -8%;
  }

  .position-absolute.bottom-left.integration-hero---04 {
    margin-bottom: -32%;
    margin-left: -2%;
  }

  .position-absolute.bottom-left.integration-hero---05 {
    margin-bottom: -31%;
    margin-left: -36%;
  }

  .position-absolute.bottom-left.card-form-01 {
    margin-bottom: -10%;
    margin-left: -10%;
  }

  .position-absolute.bottom-right.image-hero-v1---02 {
    width: 55%;
    margin-bottom: -21%;
  }

  .position-absolute.bottom-right.about-hero-avatar---03 {
    max-width: 30%;
  }

  .position-absolute.bottom-right.integration-hero---09 {
    margin-right: 5%;
  }

  .position-absolute.bottom-right.integration-hero---10 {
    margin-right: -36%;
    margin-bottom: -32%;
  }

  .position-absolute.top-left.image-hero-v1---01 {
    width: 44%;
  }

  .position-absolute.top-left.cta---01 {
    max-width: 75%;
    margin-top: -8%;
    margin-left: -19%;
  }

  .position-absolute.top-left.integration-hero---01 {
    margin-top: -34%;
    margin-left: -39%;
  }

  .position-absolute.top-left.integration-hero---02 {
    margin-top: -29%;
    margin-left: -2%;
  }

  .position-absolute.left.integration-hero---03 {
    margin-left: -31%;
  }

  .position-absolute.right.integration-hero---08 {
    margin-right: -36%;
  }

  .position-absolute.right.post-featured {
    position: static;
    max-width: 100%;
  }

  .position-absolute.top.shape-about-hero {
    top: 670px;
    width: 90%;
  }

  .position-absolute.contact-card-links-bg {
    width: 85%;
  }

  .mg-bottom-131px {
    margin-bottom: 110px;
  }

  .card-use-case-content {
    padding-top: 56px;
    padding-right: 34px;
    padding-left: 34px;
  }

  .mg-top-128px {
    margin-top: 100px;
  }

  .link-wrapper.post-item-link.v2 {
    margin-top: -90px;
  }

  .link-wrapper.post-featured {
    flex-direction: column-reverse;
  }

  .mg-bottom-53px {
    margin-bottom: 44px;
  }

  .nav-content {
    grid-row-gap: 24px;
    grid-column-gap: 24px;
  }

  .mg-top-0px---tablet {
    margin-top: 0;
  }

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

  .mg-right-0px---tablet {
    margin-right: 0;
  }

  .mg-bottom-8px---tablet {
    margin-bottom: 8px;
  }

  .team-item:nth-child(odd),
  .team-item:nth-child(2n),
  .team-item:last-child {
    margin-top: 0;
  }

  .hero-v2-grid {
    grid-template-rows: auto;
    grid-row-gap: 0px;
    grid-column-gap: 40px;
  }

  .mg-top-146px {
    margin-top: 122px;
  }

  .mg-top-146px.mg-top-0px---tablet {
    margin-top: 0;
  }

  .category-item.center---tablet {
    justify-content: center;
  }

  .post-item:nth-child(odd) {
    margin-top: -90px;
  }

  .post-item:nth-child(2n) {
    margin-top: 90px;
  }

  .cart-main-wrapper {
    z-index: 3;
  }

  .position-sticky {
    position: sticky;
  }

  .position-sticky.top {
    top: 0;
    right: 0;
    left: 0;
  }

  .position-sticky.top.header-nav-menu-top-fade {
    z-index: 1;
    display: block;
    height: 130px;
    background-image: linear-gradient(
      to bottom,
      var(--neutral--100\<deleted\|variable-07926372\>) 40%,
      #fff0
    );
  }

  .display-5 {
    font-size: 22px;
  }

  .grid {
    grid-template-rows: 1fr auto auto;
    grid-template-columns: repeat(auto-fit, minmax(300px, 3fr)) 1px 1px;
    grid-auto-columns: 1px;
  }

  .image-2.extra {
    top: auto;
  }

  .image-2.extra.stuff {
    height: 100%;
  }

  .titleblog {
    font-size: 48px;
  }

  .grid45,
  .grid-two-column {
    grid-template-columns: 1fr;
  }

  .contact-form {
    order: -1;
  }

  .image-cover.negativetop {
    margin-top: -100px;
  }

  .form-block {
    align-items: center;
  }

  .navigation-link {
    width: 100%;
  }

  .navigation-right {
    display: flex;
    align-items: center;
    width: auto;
  }

  .navigation-logo-link {
    margin-right: 0;
  }

  .navigation-menu {
    padding: 12px 3%;
    background-color: #000;
    border-bottom: 1px solid #ffffff3d;
  }

  .navigation-menu.w--open {
    background-color: #282556;
    border-color: #fff;
  }

  .navigation-links {
    flex-flow: column;
    grid-row-gap: 12px;
    grid-column-gap: 12px;
  }

  .navigation-dropdown-toggle {
    justify-content: space-between;
    width: 100%;
  }

  .navigation-menu-button {
    padding: 12px;
    color: #fff;
    background-color: #3d3d3da3;
    background-image: radial-gradient(circle at 50% 220%, #ffffff4a, #fff0);
    border: 1px solid #ffffff14;
    border-radius: 12px;
  }

  .navigation-menu-button.w--open {
    background-color: #36178c;
  }

  .navigation-dropdown {
    width: 100%;
  }

  .navigation-dropdown-list {
    padding-top: 0;
  }

  .navigation-dropdown-list.w--open {
    position: static;
    padding-top: 8px;
  }

  .dropdown-card-regular {
    min-width: auto;
  }

  .navigation-left {
    display: flex;
    align-items: center;
    width: auto;
  }

  .header-image-wrapper {
    position: static;
    width: 100%;
  }

  .header-section {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .header-content-small {
    grid-row-gap: 64px;
    grid-column-gap: 64px;
    max-width: none;
  }

  .navigation-menu-button-2 {
    padding: 12px;
    color: #6869ac;
    background-color: #e8ecf7;
    border: 1px dashed #6869ac;
    border-radius: 8px;
  }

  .navigation-menu-button-2.w--open {
    color: #4c4cb3;
    background-color: #fff;
    border-style: solid;
  }

  .navigation-brand-link {
    padding: 0;
    margin-right: 10px;
  }

  .navigation-dropdown-2 {
    width: 100%;
  }

  .navigation-menu-2 {
    position: absolute;
    height: auto;
    background-color: #fff;
    box-shadow: 0 40px 50px #ebebf4cc;
  }

  .dropdown-link-3 {
    padding: 10px;
  }

  .dropdown-card {
    flex-flow: column;
    box-shadow: none;
  }

  .banner-close,
  .navigation-dropdown-list-small.w--open {
    position: static;
  }

  .navigation-link-2 {
    justify-content: flex-start;
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
  }

  .navigation-link-2:hover {
    color: #4c4cb3;
  }

  .navigation-link-2.w--open {
    width: 100%;
    color: #fff;
    background-color: #7070c2;
  }

  .banner-container {
    grid-row-gap: 8px;
    grid-column-gap: 8px;
    justify-content: space-between;
  }

  .navigation-dropdown-toggle-2 {
    justify-content: flex-start;
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
  }

  .navigation-dropdown-toggle-2:hover {
    color: #4c4cb3;
  }

  .navigation-dropdown-toggle-2.w--open {
    width: 100%;
    color: #fff;
    background-color: #6869ac;
  }

  .cta-badge._05 {
    right: 0%;
  }

  .cta-badge._01 {
    left: 0%;
  }

  .section-large-2 {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .header-tabs-wrapper {
    padding-right: 16px;
    padding-left: 16px;
  }

  .content-features {
    grid-template-columns: 1fr 1fr;
  }

  .section-large-3 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .h2-heading {
    font-size: 46px;
  }

  .title-grid {
    grid-template-columns: 1.25fr;
  }

  .section-large-4 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .h3-heading {
    font-size: 40px;
  }

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

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

  .section-large-5 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .button-secondary {
    background-image: linear-gradient(#ffffff1f, #fff0);
  }

  .integration-logo-wrapper {
    width: 80%;
  }

  .grid-three-column {
    grid-template-columns: 1fr 1fr;
  }

  .grid-three-column.special {
    margin-top: -120px;
  }

  .title-grid-2 {
    grid-template-columns: 1fr;
    place-items: center stretch;
  }

  .section-regular-3 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

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

  .section-large-6 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .feature-dashboard {
    position: static;
    width: 100%;
  }

  .grid-two-column-2 {
    grid-template-columns: 1fr;
  }

  .column-3x-large {
    grid-row-gap: 48px;
    grid-column-gap: 48px;
  }

  .hiw-content {
    padding-top: 0;
    padding-bottom: 0;
  }

  .step-line-wrapper {
    display: none;
  }

  .hiw-wrapper {
    grid-row-gap: 64px;
    grid-column-gap: 64px;
  }

  .section-regular-4 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

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

  .cta-footer-overlay {
    bottom: -64px;
  }

  .cta-footer-image {
    margin-bottom: -64px;
  }

  .button-header,
  .button-primary-5,
  .button-primary-6 {
    display: flex;
  }

  .section-large-7 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .para-3.center {
    display: none;
  }

  .content-title {
    order: -1;
  }

  .content-title-grid {
    grid-template-columns: 1fr;
  }

  .section-regular-5,
  .section-regular-6 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .table-row,
  .table-row.table-head {
    grid-template-columns: 1fr 1fr;
  }

  .h3-heading-2.text-weight-medium {
    font-weight: 500;
  }

  .div-block-12,
  .sidecover {
    overflow: hidden;
  }

  .section-regular-8 {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .banner-squiggle {
    opacity: 0.4;
  }

  .section-large-8 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .tab-content-grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .h3-heading-3 {
    font-size: 40px;
  }

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

  .h3-heading-4 {
    font-size: 40px;
  }

  .blog-card.is-horizontal {
    grid-template-columns: 1fr;
  }

  .section-regular-9 {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .blog-grid-large,
  .collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .collection-list._2 {
    grid-template-columns: 1fr;
  }

  .h3-heading-5 {
    font-size: 40px;
  }

  .paragraph-small-18.desktop-no-wrap {
    white-space: normal;
  }

  .paragraph-small-18.abs {
    font-size: 18px;
  }

  .section-regular-10 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .process-row {
    flex-flow: column;
  }

  .process-card-bottom {
    max-height: 200px;
  }

  .grid-three-column-2 {
    grid-template-columns: 1fr 1fr;
  }

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

  .h2-heading-6 {
    font-size: 46px;
  }

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

  .video-features {
    grid-template-columns: 1fr;
  }

  .video-heading {
    flex-flow: column;
    align-items: flex-start;
    justify-content: space-between;
  }

  .feature-card-2:hover {
    background-color: #fff;
  }

  .feature-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .feature-grid-2.lessplit {
    max-width: 100%;
    margin-top: 12px;
  }

  .feature-card-small:hover {
    background-color: #fff0;
  }

  .section-regular-12 {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .flex-block-12.centremobile {
    align-self: flex-start;
    text-align: center;
  }

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

  .button-dark {
    display: flex;
  }

  .pricing-card-b {
    flex-direction: column;
  }

  .pricing-card-inner {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    width: 100%;
  }

  .pricing-feature-wrapper {
    width: 100%;
  }

  .pricing-card-b-2 {
    flex-direction: column;
  }

  .h3-heading-6 {
    font-size: 40px;
  }

  .testimonial1-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .hero_section-top {
    padding-top: 200px;
  }

  .hero_form-block {
    align-items: center;
  }

  .hero_left {
    grid-row-gap: 32px;
    grid-column-gap: 32px;
    max-width: none;
  }

  .section-medium-3 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .hero_image-inner {
    padding: 0.75rem;
  }

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

  .content-overlay {
    display: none;
  }

  .h2-heading-9 {
    font-size: 46px;
  }

  .content-card-row {
    flex: 0 auto;
    width: 100%;
  }

  .content-feature-card {
    min-width: auto;
    max-width: none;
  }

  .grid-three-column-3 {
    grid-template-columns: 1fr 1fr;
  }

  .section-regular-16 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .content-empty-cards {
    display: none;
  }

  .bento-grid-large {
    grid-template-columns: 1fr;
  }

  .content-left-2 {
    max-width: none;
  }

  .grid-two-column-3 {
    grid-template-columns: 1fr;
  }

  .feature-card-grid-top,
  .feature-card-grid-bottom {
    grid-template-columns: 1fr 1fr;
  }

  .feature-card-4.row.noright {
    flex-flow: row;
  }

  .subheading-regular-7.left {
    text-align: left;
  }

  .grid-three-column-4 {
    grid-template-columns: 1fr 1fr;
  }

  .hero-section-phone-screenshot-image {
    border-radius: 20px;
  }

  .hero-card-image-holder {
    height: 160px;
  }

  .data-collection-stats-grid {
    display: flex;
    flex-direction: column;
    grid-row-gap: 50px;
  }

  .data-collection {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-phone-holder {
    padding-bottom: 120px;
  }

  .title-holder {
    padding-top: 30px;
  }

  .hero-phone-container {
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr;
    grid-column-gap: 24px;
  }

  .style-heading-04 {
    font-size: 28px;
  }

  .title-holder-2 {
    padding-top: 30px;
  }

  .hero-phone-holder-2 {
    padding-bottom: 120px;
  }

  .home-hero-holder-2 {
    overflow: visible;
  }

  .phone-2 {
    object-position: 50% 0%;
  }

  .header-section-03 {
    padding-top: 60px;
  }

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

  .nav_feature-card {
    max-height: 18rem;
  }

  .nav_link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 0;
    padding-left: 0;
  }

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

  .nav_menu {
    position: absolute;
    flex-flow: column;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    padding-right: 5%;
    padding-bottom: 1.5rem;
    padding-left: 5%;
    background-color: #fff;
  }

  .nav_dropdown-card {
    background-color: #0000;
    box-shadow: none;
  }

  .nav_menu-button {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border-radius: 1rem;
  }

  .nav_menu-button.w--open {
    color: #000;
    background-color: #05df72;
  }

  .nav_dropdown-list {
    position: static;
    padding-top: 0.25rem;
  }

  .nav_dropdown-list.w--open {
    position: static;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .nav_dropdown-list.is-medium {
    min-width: auto;
  }

  .nav_links {
    display: flex;
    flex-flow: column;
    grid-row-gap: 4px;
    grid-column-gap: 4px;
    align-items: stretch;
  }

  .card-feature {
    align-self: center;
    width: 100%;
  }

  .div-block-21 {
    flex-flow: column;
    grid-row-gap: 23px;
    grid-column-gap: 23px;
  }

  .div-block-22 {
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin-bottom: 16px;
  }

  .image-22 {
    align-self: center;
  }

  .timeline-top {
    flex-direction: column;
    align-items: center;
  }

  .timeline-bottom {
    padding-top: 120px;
  }

  .timeline-grid {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 40px;
  }

  .grid-two-column-4 {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1 {
    margin-bottom: 10px;
    font-size: 38px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 14px;
  }

  blockquote {
    padding: 58px 34px;
    font-size: 20px;
    border-radius: 26px;
  }

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

  .grid-2-columns.style---styleguide-wrapper {
    grid-template-columns: auto;
  }

  .grid-2-columns.contact {
    grid-row-gap: 80px;
  }

  .grid-2-columns.title-and-paragraph {
    grid-template-columns: 1.1fr;
    grid-row-gap: 12px;
  }

  .grid-2-columns.text-left-default {
    grid-row-gap: 50px;
  }

  .grid-2-columns.text-left-default.features-grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row dense;
    grid-row-gap: 30px;
  }

  .grid-2-columns.text-left-default.features-grid.rev {
    display: flex;
    flex-flow: column;
  }

  .grid-2-columns.text-left-default.features-grid.first.vert {
    display: flex;
    flex-flow: column;
    grid-template-columns: 100%;
    grid-auto-columns: 100%;
    grid-auto-flow: row dense;
    justify-items: center;
    width: 100%;
    max-width: 100%;
  }

  .grid-2-columns.text-left-default.features-grid.end.vert {
    display: flex;
    flex-flow: column;
  }

  .grid-2-columns.template-page-sidebar {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.changelog-item.first {
    grid-column-gap: 30px;
  }

  .grid-2-columns.product-page {
    grid-template-columns: 1fr;
    grid-row-gap: 60px;
  }

  .grid-2-columns.checkout-page {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.title-and-buttons {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
    grid-column-gap: 40px;
    justify-items: center;
    text-align: center;
  }

  .grid-2-columns.card-cta-grid {
    grid-row-gap: 80px;
    grid-column-gap: 28px;
  }

  .grid-2-columns.blog.v2 {
    padding-top: 0;
  }

  .grid-2-columns.mission {
    grid-row-gap: 50px;
  }

  .grid-2-columns.card-newsletter-grid {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.card-post-featured-details {
    grid-template-columns: auto;
    grid-row-gap: 20px;
    grid-column-gap: 28px;
    justify-items: start;
  }

  .grid-2-columns.post-page-details {
    grid-column-gap: 28px;
  }

  .grid-2-columns.contact-card-links {
    margin-top: 43px;
    margin-bottom: 43px;
  }

  .grid-2-columns.password-protected {
    grid-row-gap: 28px;
    grid-column-gap: 10px;
  }

  .card {
    border-radius: 20px;
  }

  .card.form {
    min-height: 925px;
    padding: 60px 34px;
  }

  .card.link-card.career-item {
    padding: 65px 34px;
  }

  .card.link-card.pricing-item {
    padding-top: 58px;
    padding-bottom: 46px;
  }

  .card.link-card.integration {
    padding: 43px 34px;
  }

  .card.link-card.search-item {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .card.link-card.pricing-item-popular {
    padding-top: 58px;
    padding-bottom: 46px;
  }

  .card.sticky-top.top-132px.static-mbl {
    position: static;
  }

  .card.feature-02.extra {
    flex-flow: column;
    align-items: stretch;
  }

  .card.v2.testimonial {
    padding-top: 32px;
    padding-bottom: 40px;
    border-radius: 30px;
  }

  .card.v2.pricing-contact {
    padding: 58px 34px;
    border-radius: 26px;
  }

  .card.v2.contact-links {
    padding: 50px 34px;
  }

  .card.bg-neutral-800.cta {
    padding-top: 80px;
    padding-right: 34px;
    padding-left: 34px;
  }

  .card.value-top {
    padding: 70px 34px;
  }

  .card.value {
    padding: 63px 34px 56px;
  }

  .card.add-cart {
    min-height: 566px;
    padding-top: 50px;
    padding-right: 34px;
    padding-left: 34px;
  }

  .card.setup-integration {
    padding: 70px 34px 50px;
  }

  .card.newsletter {
    padding: 75px 34px;
  }

  .card.post-featured {
    width: 94%;
    padding: 50px 34px 60px;
    margin-top: -90px;
    border-radius: 30px;
  }

  .card.password-protected {
    padding: 90px 34px;
    border-radius: 30px;
  }

  .style---color-block {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }

  .grid-4-columns.integrations-strip {
    grid-row-gap: 20px;
    grid-column-gap: 20px;
  }

  .grid-4-columns.integrations-strip._01 {
    width: 1128px;
    margin-left: 0%;
  }

  .grid-4-columns.integrations-strip._02 {
    width: 1133px;
    margin-left: -16%;
  }

  .grid-4-columns.integrations-strip._03 {
    width: 1081px;
    margin-left: 6%;
  }

  .grid-4-columns.testimonials-strip._01 {
    grid-template-columns: 1fr;
    width: 100%;
    margin-left: 0;
  }

  .grid-4-columns.testimonials-strip._02 {
    display: none;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .grid-4-columns.testimonials-strip.strip-01 {
    grid-template-columns: 1fr;
    width: 100%;
    margin-left: 0;
  }

  .grid-4-columns.partners {
    grid-template-columns: 1fr;
  }

  .style---block-sub-heading.border {
    padding-bottom: 24px;
    margin-bottom: 48px;
  }

  .divider {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .divider._0px {
    margin-top: 0;
    margin-bottom: 0;
  }

  .style---typography-block-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 28px;
  }

  .style---content-block {
    margin-bottom: 64px;
  }

  .mg-bottom-56px {
    margin-bottom: 40px;
  }

  .mg-bottom-64px {
    margin-bottom: 48px;
  }

  .mg-bottom-80px {
    margin-bottom: 60px;
  }

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

  .mg-top-80px {
    margin-top: 64px;
  }

  .text-200 {
    font-size: 16px;
  }

  .display-1 {
    font-size: 52px;
  }

  .display-1.mg-bottom-20px {
    margin-bottom: 15px;
  }

  .display-1.mg-bottom-8px.mwidth {
    min-width: 0;
  }

  .display-1.mg-bottom-12px {
    margin-bottom: 10px;
  }

  .grid-1-column {
    grid-row-gap: 30px;
    grid-column-gap: 16px;
  }

  .grid-1-column.gap-column-24px {
    grid-row-gap: 20px;
  }

  .grid-1-column.gap-row-24px,
  .grid-1-column.integrations-strip {
    grid-row-gap: 20px;
    grid-column-gap: 16px;
  }

  .grid-1-column.features-grid {
    position: relative;
    display: flex;
    flex-flow: column;
    grid-row-gap: 90px;
    grid-column-gap: 16px;
    overflow: hidden;
  }

  .grid-1-column.card-link-icon-grid {
    grid-template-columns: 1fr;
  }

  .display-2 {
    margin-right: auto;
    margin-left: 0;
    font-size: 36px;
    text-align: left;
  }

  .display-2.mg-bottom-12px {
    margin-bottom: 10px;
  }

  .display-2.max-width-small.nomargin {
    margin-right: auto;
    margin-left: auto;
  }

  .display-2.left {
    font-size: 28px;
  }

  .display-3 {
    font-size: 36px;
  }

  .display-3.mg-bottom-14px {
    margin-bottom: 10px;
  }

  .display-4 {
    font-size: 20px;
  }

  .display-4.mg-bottom-16px,
  .display-4.mg-bottom-12px {
    margin-bottom: 10px;
  }

  .display-4.sca-e {
    font-size: 36px;
  }

  .style---style-grid-wrapper {
    grid-row-gap: 120px;
  }

  .paragraph-large {
    font-size: 20px;
  }

  .paragraph-large.text-bold.mg-bottom-40px.center {
    width: 100%;
  }

  .text-400 {
    font-size: 20px;
  }

  .text-400.medium.top-8px {
    top: 4px;
  }

  .text-300 {
    font-size: 18px;
  }

  .text-100 {
    font-size: 14px;
  }

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

  .grid-3-columns.gap-row-80px {
    grid-row-gap: 40px;
  }

  .grid-3-columns.style---buttons-grid,
  .grid-3-columns.style---buttons-grid.btn-apps {
    grid-template-columns: auto;
  }

  .grid-3-columns._3-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.partners {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
  }

  .style---shadow-card {
    border-radius: 18px;
  }

  .style---heading {
    padding: 104px 24px;
  }

  .inner-container._499px {
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }

  .inner-container._528px.cta {
    max-width: 410px;
    margin-bottom: -38px;
  }

  .inner-container._450px---mbl {
    max-width: 450px;
  }

  .inner-container._600px---mbl {
    max-width: 600px;
  }

  .inner-container._120px---mbl {
    max-width: 120px;
  }

  .inner-container._100---mbl {
    max-width: 100%;
  }

  .inner-container._420px---mbl {
    max-width: 420px;
  }

  .inner-container._40---mbl {
    max-width: 40%;
  }

  .inner-container._35---mbl {
    max-width: 35%;
  }

  .inner-container._500px---mbl {
    max-width: 500px;
  }

  .inner-container._550px---mbl {
    max-width: 550px;
  }

  .inner-container._400px---mbl {
    max-width: 400px;
  }

  .inner-container.about-hero-02 {
    margin-top: 40px;
  }

  .inner-container.about-hero-avatar {
    max-width: 87px;
  }

  .inner-container._195px---mbl {
    max-width: 195px;
  }

  .inner-container._178px---mbl {
    max-width: 178px;
  }

  .style---content-heading {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 36px;
    border-radius: 18px;
  }

  .style---heading-icon-wrapper {
    max-width: 58px;
    border-radius: 16px;
  }

  .style---content-wrapper {
    padding-right: 24px;
    padding-left: 24px;
  }

  .border-radius-32px {
    border-radius: 20px;
  }

  .border-radius-40px {
    border-radius: 30px;
  }

  .style---card-wrapper {
    border-radius: 18px;
  }

  .style---bg-white {
    padding: 34px 24px;
  }

  .style-buttons-dark {
    padding-right: 24px;
    padding-left: 24px;
  }

  .btn-primary {
    padding: 12px 32px;
  }

  .btn-primary.small {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn-primary.large {
    padding: 24px 43px;
    font-size: 20px;
  }

  .btn-primary.white.fw {
    width: 100%;
  }

  .btn-primary.inside-input.default {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .btn-primary.ml {
    display: none;
  }

  .btn-secondary {
    padding: 22px 32px;
  }

  .btn-secondary.small {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn-secondary.small.header-btn-hidde-on-mb {
    display: none;
  }

  .btn-secondary.large {
    padding: 24px 43px;
    font-size: 20px;
  }

  .btn-secondary.tabs {
    margin-right: 0;
    margin-bottom: 16px;
    margin-left: 0;
  }

  .btn-secondary.category {
    padding: 10px 14px;
    margin-right: 14px;
    margin-bottom: 14px;
  }

  .btn-secondary.category.all {
    padding: 14px 21px;
  }

  .badge-primary {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }

  .badge-primary.white.post-category {
    padding: 10px 14px;
  }

  .badge-primary.small {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
  }

  .badge-primary.large {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
  }

  .badge-primary.post-category {
    padding: 10px 14px;
  }

  .badge-secondary {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }

  .badge-secondary.small {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
  }

  .badge-secondary.large {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
  }

  .input {
    font-size: 16px;
  }

  .input.large.button-inside {
    min-height: 68px;
  }

  .input.flex-vertical {
    min-height: 74px;
  }

  .position-relative {
    width: 100%;
  }

  .style---avatars-grid {
    grid-template-columns: repeat(auto-fit, 180px);
  }

  .avatar-circle._02 {
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
  }

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

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

  .avatar-circle._05 {
    width: 80px;
    max-width: 80px;
    height: 80px;
    max-height: 80px;
  }

  .avatar-circle._06 {
    width: 120px;
    max-width: 120px;
    height: 120px;
    max-height: 120px;
  }

  .avatar-circle._07 {
    width: 140px;
    max-width: 140px;
    height: 140px;
    max-height: 140px;
  }

  .avatar-circle._08 {
    width: 220px;
    max-width: 220px;
    height: 220px;
    max-height: 220px;
  }

  .style---icons-grid {
    grid-template-columns: repeat(auto-fit, 56px);
  }

  .square-icon {
    max-width: 56px;
    border-radius: 12px;
  }

  .style---line-icons-grid {
    grid-template-columns: repeat(auto-fit, 18px);
  }

  .rich-text img {
    border-radius: 28px;
  }

  .rich-text h2 {
    margin-bottom: 12px;
  }

  .rich-text h3 {
    margin-top: 43px;
    margin-bottom: 12px;
  }

  .rich-text figure {
    margin-top: 43px;
    margin-bottom: 43px;
  }

  .rich-text ul,
  .rich-text ol {
    padding-left: 30px;
  }

  .rich-text h6,
  .rich-text h5,
  .rich-text h4 {
    margin-top: 43px;
    margin-bottom: 12px;
  }

  .rich-text blockquote {
    margin-top: 43px;
    margin-bottom: 43px;
  }

  .buttons-row.center---tablet {
    flex-flow: column;
  }

  .style---logo-sidebar {
    max-width: 210px;
  }

  .section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.small {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.hero.v1 {
    padding-top: 80px;
    padding-bottom: 150px;
  }

  .section.hero.v2 {
    padding-top: 70px;
    padding-bottom: 74px;
  }

  .section.hero.v3 {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .section.hero.v4 {
    padding-top: 80px;
    padding-bottom: 138px;
  }

  .section.hero.integrations {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .section.hero.v6 {
    padding-top: 80px;
    padding-bottom: 148px;
  }

  .section.hero.contact {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .section.pd-0px {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.pd-300px {
    padding-top: 174px;
    padding-bottom: 174px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.pd-250px {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .section.pd-220px {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .section.pd-bottom-144px {
    padding-bottom: 80px;
  }

  .section.pd-144px {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.pd-top-144px {
    padding-top: 80px;
  }

  .section.pd-top-250px {
    padding-top: 145px;
  }

  .section.pd-280px {
    padding-top: 162px;
    padding-bottom: 162px;
  }

  .section.pd-top-200px {
    padding-top: 100px;
  }

  .section.pd-180px {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .section.pd-top-150px {
    padding-top: 87px;
  }

  .section.not-found {
    padding-top: 80px;
    padding-bottom: 111px;
  }

  .section.password-protected {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .link-arrow-wrapper {
    margin-right: auto;
    font-size: 18px;
  }

  .link-arrow-wrapper.left.secondary {
    align-self: center;
  }

  .heading-h1-size {
    font-size: 38px;
  }

  .heading-h2-size {
    font-size: 28px;
  }

  .heading-h3-size {
    font-size: 22px;
  }

  .heading-h4-size {
    font-size: 20px;
  }

  .heading-h5-size {
    font-size: 16px;
  }

  .heading-h6-size {
    font-size: 14px;
  }

  .header-nav-list-item.show-in-tablet.bottom-nav-list {
    margin-bottom: 30px;
  }

  .header-logo-link {
    max-width: 160px;
  }

  .btn-circle-primary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
  }

  .btn-circle-primary.large {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    font-size: 26px;
  }

  .btn-circle-secondary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
  }

  .btn-circle-secondary.large {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    font-size: 26px;
  }

  .flex-horizontal.categories.center---tablet {
    margin-right: -14px;
    margin-bottom: -14px;
  }

  .flex-horizontal.center---mbl {
    justify-content: center;
  }

  .grid-footer {
    grid-row-gap: 70px;
    grid-column-gap: 50px;
  }

  .nav-menu-list-wrapper {
    margin-right: 40px;
  }

  .nav-menu-list-wrapper.mg-right-0px {
    margin-right: 0;
  }

  .nav-link {
    font-size: 18px;
  }

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

  .footer-bottom {
    padding-top: 32px;
    padding-bottom: 35px;
  }

  .card-link-icon {
    flex-direction: column;
    padding: 26px 32px;
    text-align: center;
  }

  .icon-list {
    margin-right: 10px;
  }

  .overflow-hidden.fade-wrapper.testimonials {
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .accordion-item-wrapper {
    padding: 40px 34px;
    border-radius: 20px;
  }

  .accordion-side {
    margin-right: 16px;
  }

  .accordion-side.right-side {
    margin-left: 20px;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 35px;
  }

  .pd---content-inside-card {
    padding: 32px 24px 40px;
  }

  .pd---content-inside-card.team-member-page {
    padding: 50px 34px;
  }

  .pd---content-inside-card.large {
    padding: 56px 40px;
  }

  .pd---content-inside-card.large.template-pages {
    padding-top: 50px;
    padding-right: 32px;
    padding-left: 32px;
  }

  ._404-not-found {
    margin-bottom: -122px;
    font-size: 42vw;
  }

  .pay-btn.order-summary {
    height: 55px;
  }

  .order-list-title {
    font-size: 24px;
  }

  .order-summary-price {
    font-size: 18px;
  }

  .text-no-wrap {
    max-width: 80%;
  }

  .text-no-wrap.wrap-on-mobile {
    white-space: normal;
  }

  .mg-bottom-20px {
    margin-bottom: 15px;
  }

  .mg-bottom-20px.keep {
    margin-bottom: 20px;
  }

  .mg-bottom-60px {
    margin-bottom: 50px;
  }

  .button-row-left {
    margin-right: 20px;
  }

  .button-row-left.add-cart {
    margin-bottom: 15px;
  }

  .mg-bottom-68px {
    margin-bottom: 50px;
  }

  .mg-bottom-58px {
    margin-bottom: 48px;
  }

  .mg-top-68px {
    margin-top: 50px;
  }

  .mg-bottom-34px {
    margin-bottom: 28px;
  }

  .border-radius-38px {
    border-radius: 30px;
  }

  .position-absolute.top-right.shape-hero-v1---01 {
    border-radius: 20px;
  }

  .position-absolute.top-right.mission-icon---02 {
    max-width: 23%;
  }

  .position-absolute.top-right.integration-hero---06 {
    max-width: 18%;
    margin-top: -32%;
    margin-right: 16%;
  }

  .position-absolute.top-right.integration-hero---07 {
    max-width: 32%;
    margin-top: -29%;
    margin-right: -21%;
  }

  .position-absolute.top-right.card-form-02 {
    margin-top: -6%;
  }

  .position-absolute.bottom-left.shape-hero-v1---02 {
    border-radius: 25px;
  }

  .position-absolute.bottom-left.about-hero-avatar---02 {
    left: auto;
    max-width: 30%;
    margin-bottom: -15%;
    margin-left: 0%;
  }

  .position-absolute.bottom-left.about-hero-avatar---01 {
    max-width: 45%;
    margin-bottom: 15%;
    margin-left: -12%;
  }

  .position-absolute.bottom-left.mission-icon---01 {
    max-width: 23%;
  }

  .position-absolute.bottom-left.integration-hero---04 {
    max-width: 22%;
    margin-bottom: -28%;
    margin-left: 22%;
  }

  .position-absolute.bottom-left.integration-hero---05 {
    max-width: 29%;
    margin-bottom: -39%;
    margin-left: -17%;
  }

  .position-absolute.bottom-right.shape-hero-v1---03 {
    border-radius: 25px;
  }

  .position-absolute.bottom-right.image-hero-v1---02 {
    margin-bottom: -5%;
  }

  .position-absolute.bottom-right.about-hero-avatar---03 {
    max-width: 44%;
    margin-right: 11%;
  }

  .position-absolute.bottom-right.integration-hero---09 {
    max-width: 22%;
    margin-right: 21%;
    margin-bottom: -38%;
  }

  .position-absolute.bottom-right.integration-hero---10 {
    max-width: 29%;
    margin-right: -17%;
  }

  .position-absolute.top-left.image-hero-v1---01 {
    margin-top: -8%;
    margin-left: 9%;
  }

  .position-absolute.top-left.integration-hero---01 {
    max-width: 32%;
    margin-top: -27%;
    margin-left: -26%;
  }

  .position-absolute.top-left.integration-hero---02 {
    max-width: 19%;
    margin-top: -32%;
    margin-left: 12%;
  }

  .position-absolute.left.integration-hero---03 {
    display: none;
    max-width: 23%;
    margin-left: -28%;
  }

  .position-absolute.right.integration-hero---08 {
    display: none;
    max-width: 23%;
    margin-right: -30%;
  }

  .position-absolute.top.shape-about-hero {
    top: 488px;
    border-radius: 20px;
  }

  .mg-bottom-131px {
    margin-bottom: 90px;
  }

  .border-radius-28px {
    border-radius: 20px;
  }

  .card-feature-01-content {
    padding: 50px 34px 10px;
  }

  .card-feature-02-content {
    padding: 51px 34px 28px;
  }

  .mg-top-128px {
    margin-top: 80px;
  }

  .link-wrapper.post-item-link.v2 {
    margin-top: 0;
  }

  .mg-bottom-53px {
    margin-bottom: 44px;
  }

  .grid-footer-menu {
    grid-row-gap: 16px;
    grid-column-gap: 0px;
  }

  .mg-bottom-60px---mbl {
    margin-bottom: 60px;
  }

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

  .hidden-mbl {
    display: none;
  }

  .mg-right-0px---tablet {
    margin-right: 0;
  }

  .mg-bottom-8px---tablet {
    margin-bottom: 8px;
  }

  .mg-top-0px---mbl {
    margin-top: 0;
  }

  .card-career-item-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 35px;
    grid-column-gap: 23px;
  }

  .mg-bottom-28px {
    margin-bottom: 20px;
  }

  .hero-v2-grid {
    grid-row-gap: 0px;
    grid-column-gap: 20px;
  }

  .mg-right--40px {
    margin-left: -20px;
  }

  .divider-text.contact-links {
    flex: 1;
    max-width: 28px;
  }

  .mg-top-146px {
    margin-top: 100px;
  }

  .mg-top-146px.mg-top-0px---tablet {
    margin-top: 0;
  }

  .select {
    font-size: 16px;
  }

  .post-item:nth-child(odd),
  .post-item:nth-child(2n) {
    margin-top: 0;
  }

  .mg-top-34px {
    margin-top: 28px;
  }

  .mg-right-0px---mbl {
    margin-right: 0;
  }

  .mg-bottom-20px---mbl {
    margin-bottom: 20px;
  }

  .mg-bottom-50px {
    margin-bottom: 40px;
  }

  .flex-vertical---mbl {
    display: flex;
    flex-direction: column;
  }

  .cart-main-wrapper {
    margin-right: 20px;
  }

  .cart-list-title {
    font-size: 24px;
  }

  .position-sticky.top.header-nav-menu-top-fade {
    height: 120px;
  }

  .card-2 {
    border-radius: 20px;
  }

  .card-2.link-card.integration {
    padding: 43px 34px;
  }

  .display-5 {
    font-size: 20px;
  }

  .display-5.mg-bottom-12px {
    margin-bottom: 10px;
  }

  .link-arrow-wrapper-2 {
    font-size: 18px;
  }

  .grid {
    grid-template-rows: minmax(483px, 500px) minmax(483px, 500px) repeat(
        auto-fit,
        minmax(483px, 500px)
      );
    grid-template-columns: repeat(auto-fit, minmax(300px, 500px));
    grid-auto-flow: row;
  }

  .image-2.extra {
    top: auto;
  }

  .div-block-2 {
    bottom: 25px;
  }

  .flex-block {
    align-items: center;
    justify-content: center;
  }

  .flex-block.r {
    flex-flow: row-reverse;
    align-items: center;
    justify-content: center;
  }

  .grid-2 {
    display: flex;
    flex-flow: column;
    grid-auto-flow: row;
  }

  .heading-2.nolink {
    width: 250px;
  }

  .contact-bg-image-wrapper {
    display: none;
  }

  .image-cover.negativetop {
    margin-top: -55px;
  }

  .h1-heading {
    font-size: 56px;
  }

  .dropdown-grid-bottom {
    grid-template-columns: 1fr 1fr;
  }

  .banner {
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto;
  }

  .h1-heading-2 {
    font-size: 48px;
  }

  .dropdown-link-3 {
    padding: 10px;
  }

  .dropdown-card {
    max-height: 50vh;
    overflow: auto;
  }

  .banner-container {
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto;
  }

  .cta-badge-wrapper {
    bottom: 15%;
  }

  .cta-image {
    height: auto;
    margin-bottom: -10%;
  }

  .h5-heading {
    font-size: 28px;
  }

  .f-h2-heading {
    font-size: 44px;
  }

  .f-section-regular {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .cta-image-marquee {
    width: 1220px;
  }

  .section-x-large {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-4 {
    font-size: 48px;
  }

  .header-tabs-menu {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-row-gap: 12px;
    grid-column-gap: 12px;
  }

  .header-line-overlay {
    height: 15%;
  }

  .header-content-wrapper-2 {
    margin-bottom: 24px;
  }

  .background-2,
  .header-line-small {
    display: none;
  }

  .heading-pattern {
    padding-right: 20px;
    margin-right: -20px;
  }

  .content-features {
    grid-template-columns: 1fr;
  }

  .max-width-small {
    margin-right: auto;
    margin-left: auto;
  }

  .certificate-nav {
    padding-right: 32px;
    padding-left: 32px;
  }

  .column-regular-3.column-left {
    text-align: center;
  }

  .paragraph-regular-2 {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .content-card-large {
    max-width: none;
  }

  .background-3 {
    display: none;
  }

  .content-component {
    flex-flow: column;
    align-items: stretch;
  }

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

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

  .background-4 {
    display: none;
  }

  .grid-three-column {
    grid-template-columns: 1fr;
  }

  .grid-three-column.special {
    grid-row-gap: 0px;
    grid-column-gap: 0px;
    margin-top: -50px;
  }

  .h1-heading-6 {
    font-size: 56px;
  }

  .hiw-mask {
    width: 100%;
    max-width: 520px;
  }

  .h5-heading-2 {
    font-size: 28px;
  }

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

  .hiw-content-card,
  .hiw-content {
    max-width: none;
  }

  .hiw-feature-grid {
    grid-template-columns: 1fr;
  }

  .h2-heading-2 {
    font-size: 48px;
  }

  .cta-section {
    padding-bottom: 48px;
  }

  .cta-footer-image-wrapper {
    display: none;
  }

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

  .cta-footer {
    position: static;
  }

  .h1-heading-7 {
    font-size: 56px;
  }

  .header-section-s {
    padding-top: 72px;
  }

  .h1-heading-8 {
    font-size: 48px;
  }

  .h5-heading-3 {
    font-size: 28px;
  }

  .logo-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading-3 {
    font-size: 48px;
  }

  .h2-heading-4 {
    font-size: 40px;
  }

  .section-regular-7 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .pricing-card-grid {
    grid-template-columns: 1fr;
  }

  .team-member {
    height: 240px;
  }

  .team-member:hover {
    margin-bottom: 0;
  }

  .team-member.team-member-05 {
    margin-left: 0;
    transform: none;
  }

  .team-member.team-member-04 {
    bottom: 0;
    margin-left: 0;
    transform: none;
  }

  .team-member.team-member-01 {
    margin-right: 0;
    transform: none;
  }

  .team-member.team-member-02 {
    bottom: 0;
    margin-right: 0;
    transform: none;
  }

  .team-member.team-member-03 {
    bottom: 0;
  }

  .footer-team {
    position: static;
    display: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .footer-background {
    margin-bottom: -64px;
  }

  .footer-contact-link {
    font-size: 50px;
  }

  .h2-heading-5 {
    font-size: 48px;
  }

  .cta-container {
    padding-right: 48px;
    padding-left: 48px;
  }

  .paragraph-x-large-3 {
    font-size: 18px;
  }

  .tab-content-grid {
    grid-template-columns: 1fr;
  }

  .h3-heading-3 {
    font-size: 32px;
  }

  .tabs-menu-2 {
    background-color: #f4f4f500;
  }

  .h3-heading-4 {
    font-size: 32px;
  }

  .blog-card.is-horizontal,
  .blog-grid-large {
    grid-template-columns: 1fr;
  }

  .paragraph-small-18.abs {
    display: none;
    order: 0;
  }

  .grid-three-column-2 {
    grid-template-columns: 1fr;
  }

  .video-features,
  .video-heading {
    padding-right: 0;
    padding-left: 0;
  }

  .h2-heading-7 {
    font-size: 40px;
  }

  .feature-grid-2,
  .feature-grid-2.lessplit {
    grid-template-columns: 1fr;
  }

  .flex-block-12 {
    align-self: center;
    text-align: center;
  }

  .section-regular-13 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading-8 {
    font-size: 44px;
  }

  .section-regular-14 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .testimonial-slider-header {
    max-width: none;
    margin-bottom: 24px;
  }

  .testimonial-slide {
    vertical-align: top;
  }

  .testimonial-footer {
    margin-top: 48px;
  }

  .testimonial-arrow {
    top: 0;
    right: auto;
    left: 56px;
  }

  .testimonial-arrow.left {
    right: auto;
    left: 0;
  }

  .h1-heading-11 {
    font-size: 48px;
  }

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

  .section-regular-15 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .heading-style-h1-2 {
    font-size: 3.5rem;
  }

  .hero_right {
    align-items: stretch;
    max-width: none;
  }

  .grid-three-column-3 {
    grid-template-columns: 1fr;
  }

  .section-regular-17 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .bento-image-horizontal {
    margin-top: -96px;
  }

  .bento-image-horizontal.left {
    margin-top: -105px;
  }

  .bento-card-grid {
    grid-template-columns: 1fr;
  }

  .content-features-grid {
    grid-row-gap: 24px;
  }

  .section-large-11 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h3-heading-7 {
    font-size: 40px;
  }

  .feature-card-grid-top,
  .feature-card-grid-bottom {
    grid-template-columns: 1fr;
  }

  .feature-card-4.row.noright {
    flex-flow: column;
    max-height: 500px;
  }

  .feature-card-4.row.bottom {
    flex-flow: column;
    max-height: 600px;
  }

  .section-large-12 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .subheading-regular-7.left {
    text-align: left;
  }

  .subheading-regular-7.centre {
    text-align: center;
  }

  .grid-three-column-4 {
    grid-template-columns: 1fr;
  }

  .h1-heading-12 {
    font-size: 48px;
  }

  .section-header {
    padding-top: 72px;
    background-size: auto;
  }

  .cta-heading {
    font-size: 42px;
  }

  .tab-pane-holder {
    border-radius: 12px;
  }

  .hero-phone-container {
    padding-top: 82px;
  }

  .phone-2 {
    max-width: 100%;
  }

  .header-section-03 {
    padding-top: 72px;
    background-size: auto;
  }

  .h1-heading-13 {
    font-size: 48px;
  }

  .phone-accent-left-2 {
    left: -4%;
  }

  .header-content-left {
    padding-bottom: 40px;
  }

  .section-regular-18 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .hide-mobile-landscape {
    display: none;
  }

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

  .div-block-24 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .image-25 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 26px;
  }

  blockquote {
    padding: 48px 23px;
    border-radius: 22px;
  }

  .grid-2-columns.contact {
    grid-row-gap: 70px;
  }

  .grid-2-columns.title-and-paragraph._1-col-tablet {
    grid-row-gap: 10px;
  }

  .grid-2-columns.text-left-default {
    grid-row-gap: 40px;
  }

  .grid-2-columns.text-left-default.features-grid {
    grid-template-columns: minmax(200px, 1fr);
    grid-row-gap: 25px;
  }

  .grid-2-columns.text-left-default.features-grid.rev {
    overflow: hidden;
  }

  .grid-2-columns.text-left-default.features-grid.first.vert {
    grid-template-columns: 1.2fr;
    grid-auto-flow: row dense;
  }

  .grid-2-columns.text-left-default.features-grid.end.vert {
    grid-template-columns: 1.2fr;
  }

  .grid-2-columns.changelog-item {
    grid-template-columns: 1fr;
    grid-row-gap: 16px;
  }

  .grid-2-columns.product-page {
    grid-row-gap: 50px;
    grid-column-gap: 15px;
  }

  .grid-2-columns.card-cta-grid {
    grid-row-gap: 60px;
    grid-column-gap: 28px;
  }

  .grid-2-columns.card-testimonial-top-grid {
    grid-row-gap: 18px;
    grid-column-gap: 15px;
  }

  .grid-2-columns.blog {
    grid-row-gap: 50px;
    grid-column-gap: 28px;
  }

  .grid-2-columns.mission {
    grid-row-gap: 40px;
  }

  .grid-2-columns.post-page-details {
    grid-column-gap: 20px;
  }

  .grid-2-columns.contact-card-links {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .grid-2-columns.password-protected {
    grid-template-columns: 1fr;
    grid-row-gap: 18px;
    grid-column-gap: 10px;
  }

  .card.form {
    min-height: 905px;
    padding: 50px 23px;
  }

  .card.link-card.career-item {
    padding: 54px 23px;
  }

  .card.link-card.card-team {
    padding: 43px 23px 40px;
  }

  .card.link-card.pricing-item {
    padding: 48px 23px 38px;
  }

  .card.link-card.integration,
  .card.link-card.search-item {
    padding-right: 23px;
    padding-left: 23px;
  }

  .card.link-card.pricing-item-popular {
    width: 100%;
    padding: 48px 23px 38px;
  }

  .card.checkout-block {
    padding-right: 23px;
    padding-left: 23px;
  }

  .card.feature-02.extra {
    padding-right: 0;
  }

  .card.feature-02.extra.tom {
    flex-flow: column-reverse;
  }

  .card.feature-02.extra.tom.rev {
    flex-flow: column;
  }

  .card.v2.testimonial {
    padding-right: 23px;
    padding-left: 23px;
  }

  .card.v2.pricing-contact {
    padding: 48px 23px;
    border-radius: 22px;
  }

  .card.v2.contact-links {
    padding: 42px 23px;
  }

  .card.bg-neutral-800.cta {
    padding-top: 70px;
    padding-right: 23px;
    padding-left: 23px;
  }

  .card.partner {
    border-radius: 15px;
  }

  .card.value-top {
    padding: 58px 23px;
  }

  .card.value {
    padding: 53px 23px 48px;
  }

  .card.add-cart {
    min-height: 528px;
    padding-right: 23px;
    padding-left: 23px;
  }

  .card.setup-integration {
    padding-top: 60px;
    padding-right: 23px;
    padding-left: 23px;
  }

  .card.newsletter {
    padding: 63px 23px;
  }

  .card.post-featured {
    padding: 43px 23px 50px;
    margin-top: -40px;
    border-radius: 20px;
  }

  .card.password-protected {
    padding: 75px 23px;
    border-radius: 20px;
  }

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

  .grid-4-columns.integrations-strip._01 {
    width: 967px;
  }

  .grid-4-columns.integrations-strip._02 {
    width: 982px;
  }

  .grid-4-columns.integrations-strip._03 {
    width: 910px;
  }

  .color-neutral-400 {
    margin-bottom: 16px;
  }

  .divider._64px {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .divider._0px {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mg-bottom-16px {
    margin-bottom: 8px;
  }

  .mg-bottom-24px {
    margin-bottom: 16px;
  }

  .mg-bottom-48px,
  .mg-bottom-56px {
    margin-bottom: 32px;
  }

  .mg-bottom-64px {
    margin-bottom: 40px;
  }

  .mg-bottom-80px {
    margin-bottom: 50px;
  }

  .mg-bottom-80px.ex {
    margin-bottom: 80px;
  }

  .mg-top-80px {
    margin-top: 56px;
  }

  .display-1 {
    font-size: 43px;
  }

  .display-1.mg-bottom-8px.mwidth {
    min-width: 0;
    font-size: 48px;
  }

  .grid-1-column {
    grid-row-gap: 25px;
    grid-column-gap: 16px;
  }

  .grid-1-column.features-grid {
    grid-row-gap: 200px;
  }

  .display-2 {
    font-size: 35px;
    text-align: center;
  }

  .display-2.max-width-small.nomargin {
    max-width: 100%;
    white-space: normal;
  }

  .display-2.centre {
    margin-left: auto;
  }

  .display-3 {
    font-size: 26px;
  }

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

  .paragraph-large.text-bold.mg-bottom-40px.center {
    max-width: 100%;
    overflow: visible;
  }

  .text-400.medium.top-8px {
    top: 0;
  }

  .text-300.medium.color-neutral-400.mt-16 {
    text-align: center;
  }

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

  .style---heading {
    padding-top: 66px;
    padding-bottom: 66px;
    margin-bottom: 40px;
  }

  .inner-container._76.center._100---mbl {
    bottom: -10%;
    display: none;
  }

  .inner-container._76.center._100---mbl.hero-mobile-image {
    bottom: 0%;
    display: block;
  }

  .inner-container._528px.cta {
    width: 85%;
  }

  .inner-container._412px._100---mbp {
    text-align: center;
  }

  .inner-container._300px---mbp {
    max-width: 300px;
  }

  .inner-container._300px---mbp.center {
    max-width: 400px;
  }

  .inner-container._100---mbp {
    max-width: 100%;
  }

  .inner-container._45---mbp {
    max-width: 45%;
  }

  .inner-container._20px---mbp {
    max-width: 20px;
  }

  .inner-container._50---mbp {
    max-width: 50%;
  }

  .inner-container._320px---mbp {
    max-width: 320px;
  }

  .inner-container.about-hero-02 {
    margin-top: 30px;
  }

  .inner-container.about-hero-avatar {
    max-width: 75px;
  }

  .inner-container._60px---mbp {
    max-width: 60px;
  }

  .style---content-heading {
    padding-right: 22px;
    padding-left: 22px;
  }

  .style---heading-icon-wrapper {
    width: 58px;
    margin-right: 14px;
    border-radius: 16px;
  }

  .para-1.r.e {
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
  }

  .para-1.r.e.b {
    align-self: center;
  }

  .border-radius-32px {
    border-radius: 15px;
  }

  .border-radius-40px {
    border-radius: 20px;
  }

  .btn-primary {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .btn-primary.small {
    padding-right: 20px;
    padding-left: 20px;
  }

  .btn-primary.small.add16 {
    display: none;
  }

  .btn-primary.large {
    padding-right: 20px;
    padding-left: 20px;
  }

  .btn-primary.inside-input {
    position: static;
  }

  .btn-primary.inside-input.default {
    padding: 22px 20px;
  }

  .btn-primary.ml {
    display: none;
    margin-right: 16px;
  }

  .btn-secondary {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }

  .btn-secondary.small,
  .btn-secondary.large {
    padding-right: 20px;
    padding-left: 20px;
  }

  .btn-secondary.category {
    width: auto;
    margin-right: 10px;
  }

  .input {
    padding-right: 20px;
    padding-left: 20px;
  }

  .input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .input.small.cart-item-quantity {
    margin-top: 15px;
  }

  .input.large.button-inside {
    min-height: 64px;
  }

  .input.button-inside {
    min-height: 78px;
    padding-right: 20px;
    margin-bottom: 16px;
  }

  .position-relative {
    max-width: 100%;
    text-align: center;
  }

  .position-relative.negative {
    margin-top: 0;
  }

  .text-area {
    padding-right: 20px;
    padding-left: 20px;
  }

  .checkbox-field-wrapper {
    font-size: 16px;
    line-height: 20px;
  }

  .checkbox-field-wrapper.large {
    font-size: 18px;
    line-height: 22px;
  }

  .checkbox {
    min-width: 22px;
    min-height: 22px;
  }

  .checkbox.large {
    min-width: 26px;
    min-height: 26px;
  }

  .radio-button-field-wrapper {
    font-size: 16px;
    line-height: 22px;
  }

  .radio-button-field-wrapper.large {
    font-size: 18px;
    line-height: 24px;
  }

  .radio-button {
    min-width: 22px;
    min-height: 22px;
  }

  .radio-button.large {
    min-width: 26px;
    min-height: 26px;
  }

  .square-icon {
    max-width: 56px;
    border-radius: 14px;
  }

  .social-icon-square {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
    border-radius: 6px;
  }

  .rich-text img {
    border-radius: 20px;
  }

  .rich-text h2 {
    margin-bottom: 10px;
  }

  .rich-text h3 {
    margin-top: 36px;
    margin-bottom: 10px;
  }

  .rich-text figure {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .rich-text ul,
  .rich-text ol {
    padding-left: 20px;
    margin-bottom: 32px;
  }

  .rich-text h6,
  .rich-text h5,
  .rich-text h4 {
    margin-top: 36px;
    margin-bottom: 10px;
  }

  .buttons-row {
    flex-direction: column;
  }

  .container-default {
    padding-right: 20px;
    padding-left: 20px;
  }

  .section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section.small {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.hero {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section.hero.v1 {
    padding-top: 70px;
    padding-bottom: 120px;
  }

  .section.hero.v2 {
    padding-bottom: 61px;
  }

  .section.hero.v3 {
    padding-top: 70px;
  }

  .section.hero.v4 {
    padding-top: 70px;
    padding-bottom: 115px;
  }

  .section.hero.integrations {
    padding-top: 180px;
    padding-bottom: 180px;
  }

  .section.hero.v6 {
    padding-top: 70px;
    padding-bottom: 123px;
  }

  .section.hero.contact {
    padding-top: 70px;
  }

  .section.pd-0px {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .section.pd-300px {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.pd-250px {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section.pd-220px {
    padding-top: 106px;
    padding-bottom: 106px;
  }

  .section.pd-bottom-144px {
    padding-bottom: 70px;
  }

  .section.pd-144px {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section.pd-top-144px {
    padding-top: 70px;
  }

  .section.pd-top-250px {
    padding-top: 121px;
  }

  .section.pd-280px {
    padding-top: 135px;
    padding-bottom: 135px;
  }

  .section.pd-top-200px {
    padding-top: 96px;
  }

  .section.pd-180px {
    padding-top: 87px;
    padding-bottom: 87px;
  }

  .section.pd-top-150px {
    padding-top: 72px;
  }

  .section.not-found {
    padding-top: 70px;
    padding-bottom: 93px;
  }

  .section.password-protected {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .link-arrow-wrapper {
    margin-right: auto;
  }

  .link-arrow-wrapper.white.rem.center,
  .link-arrow-wrapper.pad.start {
    margin-left: auto;
  }

  .link-arrow-wrapper.pad.start.why.width {
    align-self: flex-start;
    text-align: left;
  }

  .link-arrow-wrapper.hide-mobile {
    display: none;
  }

  .link-arrow-wrapper.left.secondary {
    display: none;
    margin-left: 0;
    overflow: visible;
  }

  .link-text.mainlink {
    display: inline-block;
  }

  .heading-h1-size {
    font-size: 32px;
  }

  .heading-h2-size {
    font-size: 26px;
  }

  .header-nav-menu-wrapper {
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fff;
  }

  .header-nav-link {
    text-decoration: none;
  }

  .header-nav-list-item.show-in-tablet {
    width: 100%;
  }

  .header-logo-link {
    max-width: 150px;
    margin-right: 20px;
  }

  .btn-circle-secondary.small.accordion-btn {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .flex-horizontal.align-center.children-wrap.contact-links {
    flex-direction: column;
    align-items: flex-start;
  }

  .flex-horizontal.justify-center.align-center {
    position: relative;
    overflow: visible;
  }

  .flex-horizontal.categories.center---tablet {
    margin-right: -10px;
  }

  .grid-footer {
    grid-template-columns: 1fr;
    grid-row-gap: 60px;
    grid-column-gap: 50px;
  }

  .nav-menu-list-wrapper {
    margin-right: 30px;
  }

  .nav-menu-list-wrapper.mg-right-0px {
    margin-right: 0;
  }

  .nav-link.white,
  .nav-link.white.w--current {
    text-align: center;
  }

  .footer-top {
    padding-top: 90px;
  }

  .error-message.cart-error {
    margin-right: 20px;
    margin-left: 20px;
  }

  .text-center {
    max-width: 100%;
  }

  .card-link-icon {
    flex-direction: column;
    align-items: center;
    padding-right: 23px;
    padding-left: 23px;
    text-align: center;
  }

  .icon-list {
    margin-right: 8px;
  }

  .overflow-hidden.fade-wrapper {
    padding: 15px 20px;
    margin-right: -20px;
    margin-left: -20px;
  }

  .accordion-item-wrapper {
    padding-right: 23px;
    padding-left: 23px;
  }

  .accordion-side.right-side {
    margin-left: 10px;
  }

  .tabs-menu {
    margin-bottom: 30px;
  }

  .empty-state {
    padding-right: 20px;
    padding-left: 20px;
  }

  .pd---content-inside-card.team-member-page {
    padding-right: 23px;
    padding-left: 23px;
  }

  .pd---content-inside-card.large {
    padding: 40px 24px;
  }

  .pd---content-inside-card.large.template-pages {
    padding-top: 40px;
    padding-right: 23px;
    padding-left: 23px;
  }

  .pd---content-inside-card.template-pages---sidebar {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .image-wrapper.image-circle.border-shadow,
  .image-wrapper.image-circle.border {
    border-width: 5px;
  }

  ._404-not-found {
    margin-bottom: -64px;
  }

  .cart-container {
    border-radius: 0;
  }

  .cart-header,
  .cart-list,
  .cart-footer {
    padding-right: 20px;
    padding-left: 20px;
  }

  .pay-btn.cart {
    height: 53px;
  }

  .checkout-block-header {
    flex-direction: column;
    padding-bottom: 15px;
  }

  .order-item {
    flex-direction: column;
    padding-top: 22px;
    padding-bottom: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .order-list-price {
    margin-top: 11px;
  }

  .order-list-title {
    margin-bottom: 4px;
  }

  .order-item-image {
    margin-bottom: 20px;
  }

  .order-item-content {
    margin-left: 0;
  }

  .checkout-column {
    margin-bottom: 24px;
  }

  .text-no-wrap.wrap-on-mobile {
    white-space: normal;
  }

  .mg-bottom-20px {
    margin-bottom: 10px;
  }

  .mg-bottom-20px.keep {
    margin-bottom: 20px;
  }

  .mg-bottom-60px {
    margin-bottom: 40px;
  }

  .button-row-left {
    align-self: stretch;
    margin-right: 0;
    margin-bottom: 32px;
  }

  .button-row-right.extra.r {
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
  }

  .container-large {
    padding-right: 20px;
    padding-left: 20px;
  }

  .mg-bottom-58px {
    margin-bottom: 40px;
  }

  .mg-top-68px {
    margin-top: 40px;
  }

  .border-radius-38px {
    border-radius: 20px;
  }

  .position-absolute.top-right.shape-hero-v1---01 {
    border-radius: 15px;
  }

  .position-absolute.top-right.post-item {
    margin-top: 2%;
    margin-right: 2%;
  }

  .position-absolute.top-right.mission-icon---02 {
    max-width: 25%;
  }

  .position-absolute.top-right.integration-hero---06 {
    margin-top: -39%;
    margin-right: 25%;
  }

  .position-absolute.top-right.integration-hero---07 {
    margin-top: -32%;
    margin-right: -16%;
  }

  .position-absolute.top-right.card-form-02 {
    margin-top: -10%;
    border-radius: 20px;
  }

  .position-absolute.bottom-left.shape-hero-v1---02 {
    border-radius: 20px;
  }

  .position-absolute.bottom-left.cta---02 {
    max-width: 30%;
    margin-right: -12%;
    margin-bottom: 35%;
  }

  .position-absolute.bottom-left.about-hero-avatar---02 {
    max-width: 33%;
  }

  .position-absolute.bottom-left.about-hero-avatar---01 {
    max-width: 48%;
  }

  .position-absolute.bottom-left.mission-icon---01 {
    max-width: 25%;
  }

  .position-absolute.bottom-left.integration-hero---04 {
    margin-bottom: -42%;
  }

  .position-absolute.bottom-left.card-form-01,
  .position-absolute.bottom-right.shape-hero-v1---03 {
    border-radius: 20px;
  }

  .position-absolute.bottom-right.about-hero-avatar---03 {
    max-width: 48%;
  }

  .position-absolute.bottom-right.integration-hero---09 {
    margin-bottom: -30%;
  }

  .position-absolute.bottom-right.integration-hero---10 {
    margin-bottom: -45%;
  }

  .position-absolute.top-left.cta---01 {
    max-width: 80%;
    margin-top: 17%;
    margin-left: -18%;
  }

  .position-absolute.top-left.integration-hero---01 {
    margin-top: -35%;
    margin-left: -19%;
  }

  .position-absolute.top-left.integration-hero---02 {
    margin-top: -35%;
    margin-left: 22%;
  }

  .position-absolute.left.fade {
    margin-left: -20px;
  }

  .position-absolute.right.fade {
    margin-right: -20px;
  }

  .position-absolute.top.shape-about-hero {
    top: 550px;
    min-height: 30%;
  }

  .mg-bottom-131px {
    margin-bottom: 70px;
  }

  .border-radius-28px {
    border-radius: 10px;
  }

  .card-feature-01-content {
    padding-top: 43px;
    padding-right: 23px;
    padding-left: 23px;
  }

  .card-feature-02-content {
    padding: 44px 23px 23px;
  }

  .card-integration-strip-grid {
    grid-template-columns: 28% 1fr;
    grid-row-gap: 16px;
    grid-column-gap: 10px;
  }

  .card-use-case-content {
    padding-top: 48px;
    padding-right: 23px;
    padding-left: 23px;
  }

  .mg-top-128px {
    margin-top: 70px;
  }

  .mg-bottom-53px {
    margin-bottom: 10px;
  }

  .grid-footer-menu {
    grid-template-columns: 1fr;
    grid-row-gap: 32px;
    grid-column-gap: 0px;
  }

  .mg-bottom-60px---mbl {
    margin-bottom: 50px;
  }

  .text-center---mbl.alignr {
    margin-top: 60px;
  }

  .hidden-mbp {
    display: none;
  }

  .mg-right-0px---tablet {
    margin-right: 0;
  }

  .mg-bottom-8px---tablet {
    margin-bottom: 8px;
  }

  .card-career-item-grid {
    grid-row-gap: 30px;
    grid-column-gap: 23px;
  }

  .card-team-grid {
    grid-row-gap: 16px;
    grid-column-gap: 10px;
  }

  .hero-v2-grid {
    grid-row-gap: 0px;
    grid-column-gap: 15px;
  }

  .details-icon-left {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }

  .divider-text {
    margin-right: 10px;
    margin-left: 10px;
  }

  .divider-text.contact-links {
    display: none;
  }

  .mg-top-146px {
    margin-top: 80px;
  }

  .mg-top-146px.mg-top-0px---tablet {
    margin-top: 0;
  }

  .select::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .inside-input-main-wrapper {
    min-height: 158px;
  }

  .author-grid {
    grid-row-gap: 12px;
    grid-column-gap: 8px;
  }

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

  .cart-main-wrapper {
    margin-right: 15px;
  }

  .cart-item {
    flex-direction: column;
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .cart-item-content {
    margin-left: 0;
  }

  .cart-list-title {
    margin-bottom: 4px;
  }

  .cart-list-price {
    margin-top: 11px;
  }

  .position-sticky.top.header-nav-menu-top-fade {
    height: 110px;
  }

  .mg-bottom-15px---mbp {
    margin-bottom: 15px;
  }

  .card-2.link-card.integration {
    padding-right: 23px;
    padding-left: 23px;
  }

  .grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 500px));
    grid-row-gap: 34px;
    grid-column-gap: 34px;
  }

  .body {
    background-color: #fafafa;
  }

  .image-2 {
    top: auto;
    object-position: 50% 100%;
  }

  .image-2.extra {
    top: auto;
  }

  .div-block.right {
    display: none;
    overflow: visible;
  }

  .image-3 {
    align-self: center;
    margin-top: 0;
    margin-bottom: 12px;
    object-fit: contain;
  }

  .image-7 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .text-block {
    text-align: center;
    white-space: nowrap;
  }

  .flex-block {
    flex-flow: column-reverse;
  }

  .flex-block.r,
  .flex-block.r.rr {
    flex-flow: column;
  }

  .nomargin {
    white-space: nowrap;
  }

  .nomargin.hwt.nom.nolink {
    margin-left: 16px;
    font-size: 14px;
    text-align: left;
  }

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

  .div-block-7 {
    align-items: center;
    justify-content: center;
  }

  .flex-block-3 {
    grid-row-gap: 20px;
    grid-column-gap: 20px;
  }

  .code-embed {
    display: none;
  }

  .flex-block-4 {
    padding-right: 0;
    padding-left: 0;
  }

  .heading-2.nolink {
    width: auto;
  }

  .image-10 {
    display: none;
  }

  .titleblog {
    font-size: 32px;
  }

  .grid-3 {
    grid-template:
      "."
      / 1fr 1fr;
    grid-auto-flow: row;
  }

  .testimimage.hat,
  .testimimage.hat.hit {
    display: none;
  }

  .image-11 {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-9 {
    margin-right: auto;
    margin-left: auto;
  }

  .rich-text-block-2 {
    max-width: 100%;
    text-align: center;
  }

  .image-cover {
    margin-top: 0;
  }

  .image-cover.negativetop {
    margin-top: -50px;
  }

  .button-primary-large {
    width: 100%;
  }

  .dropdown-grid-bottom,
  .dropdown-grid-top {
    grid-template-columns: 1fr;
  }

  .navigation-button-wrapper {
    display: none;
  }

  .dropdown-footnote {
    flex-direction: column;
    align-items: flex-start;
  }

  .banner {
    display: none;
  }

  .dropdown-link-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-buttons {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .header-logos {
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    padding-right: 0;
    padding-left: 0;
  }

  .button-primary {
    width: 100%;
  }

  .navigation-menu-button-2 {
    margin-left: 0;
  }

  .navigation-dropdown-2 {
    display: block;
    margin-right: 0;
  }

  .navigation-buttons-hide {
    display: none;
  }

  .navigation-dropdown-list-small.smaller.w--open {
    box-shadow: none;
  }

  .paragraph-small-4 {
    white-space: normal;
  }

  .banner-content {
    grid-row-gap: 8px;
    grid-column-gap: 8px;
  }

  .dropdown-right-block,
  .form-row {
    flex-flow: column;
  }

  .cta-badge-wrapper {
    display: none;
  }

  .button-primary-2 {
    width: 100%;
  }

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

  .f-cta-form-wrapper {
    flex-direction: column;
  }

  .f-form-button,
  .f-cta-form-block {
    width: 100%;
  }

  .cta-marquee-card {
    width: 240px;
    height: 290px;
  }

  .header-tabs-menu {
    grid-template-columns: 1fr;
  }

  .paragraph-large-4.nob {
    display: none;
    margin-bottom: 0;
  }

  .header-heading-block {
    padding-right: 16px;
    padding-left: 16px;
  }

  .certificate-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 24px;
    padding-left: 24px;
  }

  .column-regular-3.column-left {
    overflow: visible;
  }

  .paragraph-regular-2,
  .para-2 {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .integration-logo-wrapper {
    width: 90%;
  }

  .column-regular-5.column-left {
    align-items: center;
    justify-content: center;
  }

  .h1-heading-6 {
    font-size: 52px;
  }

  .title-grid-2 {
    display: flex;
    flex-flow: row;
    grid-auto-flow: row;
  }

  .feature-image-wrapper {
    display: block;
  }

  .button-group {
    flex-flow: column;
    align-items: stretch;
    justify-content: flex-start;
  }

  .grid-two-column-2 {
    height: auto;
    margin-top: 36px;
    margin-bottom: 36px;
  }

  .column-3x-large {
    grid-row-gap: 80px;
    grid-column-gap: 80px;
  }

  .hiw-content.r {
    align-items: center;
    justify-content: center;
  }

  .hiw-detail-card {
    display: none;
  }

  .button-header,
  .button-primary-5,
  .button-primary-6 {
    width: 100%;
  }

  .column-2x-large {
    flex-flow: column-reverse;
    grid-row-gap: 46px;
    grid-column-gap: 46px;
  }

  .logo {
    padding-right: 0;
    padding-left: 0;
  }

  .logo-section {
    padding-bottom: 120px;
  }

  .button-primary-7 {
    width: 100%;
  }

  .button-wrapper {
    max-width: none;
  }

  .h3-heading-2 {
    font-size: 40px;
  }

  .paragraph-regular-8.text-color-gray-800 {
    margin-bottom: 16px;
  }

  .image-14 {
    top: auto;
    left: 0;
    width: 100%;
    height: 60%;
  }

  .paragraph-2 {
    margin-bottom: 3px;
  }

  .sidecover {
    display: none;
  }

  .footer-team {
    grid-template-columns: 1fr;
  }

  .footer-contact-link {
    font-size: 32px;
  }

  .banner-03-container {
    flex-flow: column;
    align-items: flex-start;
    justify-content: space-between;
  }

  .banner-content-2 {
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
  }

  .cta-container {
    padding: 48px 24px;
  }

  .tabs-menu-2 {
    background-color: #f4f4f500;
  }

  .tab-content-wrapper {
    padding: 16px;
  }

  .h3-heading-4 {
    font-family: Lufga, Arial, sans-serif;
    color: var(--primary);
  }

  .blog-image-row {
    width: auto;
  }

  .blog-card-row {
    flex-flow: column;
  }

  .collection-item.row {
    height: auto;
  }

  .collection-list {
    grid-template-columns: 1fr;
  }

  .collection-list._2 {
    display: none;
  }

  .video-features {
    grid-template-columns: 1fr;
  }

  .card-white {
    padding: 16px;
  }

  .feature-card-small {
    grid-row-gap: 0px;
    grid-column-gap: 0px;
    padding-top: 20px;
    padding-bottom: 12px;
  }

  .title-center-4 {
    margin-bottom: 56px;
  }

  .flex-block-12 {
    margin-right: auto;
    text-align: center;
  }

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

  .image-16 {
    height: 100%;
  }

  .div-block-17 {
    height: 300px;
    transform: rotate(-40deg);
  }

  .paragraph-7 {
    display: none;
  }

  .button-dark {
    width: 100%;
  }

  .pricing-button-group {
    flex-direction: column;
  }

  .pricing-toggle-price {
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .pricing-toggle-wrapper,
  .pricing-button-group-2 {
    flex-direction: column;
  }

  .testimonial-mask-overflow {
    width: auto;
  }

  .testimonial-footer {
    flex-flow: column;
    align-items: stretch;
  }

  .hero_section-top {
    padding-top: 150px;
  }

  .hero_logos-large {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-row-gap: 1.5rem;
    grid-column-gap: 2rem;
    place-items: center start;
  }

  .form_row {
    flex-flow: column;
  }

  .heading-style-h1-2 {
    font-size: 3.25rem;
  }

  .button-3 {
    width: 100%;
  }

  .avatar-large {
    order: -1;
  }

  .content-pattern-back,
  .content-pattern-front {
    display: none;
  }

  .content-features-grid {
    grid-template-columns: 1fr;
  }

  .content-left-2 {
    grid-row-gap: 48px;
    grid-column-gap: 48px;
  }

  .phone-accent-left {
    top: 20px;
    left: -24px;
  }

  .container {
    padding-right: 1em;
    padding-left: 1em;
  }

  .hero-card-image-holder {
    width: 140px;
  }

  .cta-heading {
    padding: 10px;
    margin-top: 29px;
    margin-bottom: 29px;
    font-size: 32px;
  }

  .blured-bg {
    width: 400px;
    height: 400px;
    opacity: 0.33;
    filter: blur(50px);
  }

  .stats-description {
    font-size: 16px;
  }

  .tab-link-tab-2 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .data-collection-stats {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }

  .hero-phone-container {
    position: relative;
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-content: center;
  }

  .hero-card._03 {
    position: absolute;
    inset: auto auto 17% 0%;
    z-index: 5;
  }

  .hero-card._04 {
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .hero-card._01 {
    position: absolute;
    inset: 21% auto auto 0%;
  }

  .hero-card._02 {
    position: absolute;
    inset: 37% 0% auto auto;
  }

  .hero-section-phone-holder {
    z-index: 5;
    width: 240px;
  }

  .hero-section-phone-holder.cta {
    width: 80%;
  }

  .container-2 {
    padding-right: 1em;
    padding-bottom: 6.6em;
    padding-left: 1em;
  }

  .blured-bg-2 {
    width: 400px;
    height: 400px;
    opacity: 0.33;
    filter: blur(50px);
  }

  .title-holder-2 {
    position: static;
  }

  .title-holder-2.absolute {
    position: absolute;
  }

  .lottie-animation {
    display: none;
  }

  .hero-phone-holder-2 {
    padding-bottom: 23px;
  }

  .feature-slider-image {
    width: auto;
  }

  .feature-slider-wrapper {
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .phone-accent-left-2 {
    top: 20px;
  }

  .header-button-group-2 {
    flex-flow: wrap;
  }

  .header-logo-row {
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
  }

  .header-button-wrapper {
    max-width: 210px;
  }

  .nav_dropdown-card {
    border-width: 0;
  }

  .div-block-22 {
    align-items: center;
    justify-content: center;
  }

  .image-22 {
    max-width: 100%;
  }

  .timeline-step {
    flex-flow: row;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .timeline-top {
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .timeline-bottom {
    padding-right: 0%;
    padding-bottom: 48px;
    padding-left: 0%;
  }

  .timeline-card-small {
    flex-direction: row;
  }

  .timeline-tab-link {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .timeline-header-mockup {
    margin-bottom: -120px;
  }

  .timeline-bar {
    flex: 1;
    width: 1.2px;
    height: auto;
    margin-right: 0;
    margin-bottom: -40px;
  }

  .timeline-bar-wrapper {
    flex-direction: column;
    height: 100%;
  }

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

  .timeline-tabs-menu {
    flex-flow: wrap;
    grid-row-gap: 12px;
    grid-column-gap: 12px;
    align-items: stretch;
    margin-bottom: 48px;
  }

  .div-block-25 {
    margin-top: 489px;
  }
}

#w-node-bc517f69-527b-5e9c-47e0-2bba84fe9e81-414a00dc,
#w-node-_4a45ed9f-8be8-1cd8-88f5-f89e89d81cfb-414a00dc,
#w-node-_51ec3279-0ba4-e06f-6a44-1c8bfefda1ae-414a00dc,
#w-node-_150052ef-3881-7641-c147-a020e9c715bc-e9c7159d,
#w-node-_150052ef-3881-7641-c147-a020e9c715fa-e9c7159d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_150052ef-3881-7641-c147-a020e9c715fd-e9c7159d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-a6178dd7-a480-36b4-dd5d-6b5459ca3058-944a00e9 {
  align-self: end;
}

#w-node-_0c69c66e-9b36-71c6-9343-f2d611b00f6c-b54a00f1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dbf466ca-8f17-e78b-fa11-038c0e2b26a8-b54a00f1 {
  justify-self: end;
}

#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471bf8-b54a00f1,
#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471bf9-b54a00f1,
#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471bfc-b54a00f1,
#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471bff-b54a00f1,
#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471c0b-b54a00f1,
#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471c0e-b54a00f1,
#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471c11-b54a00f1,
#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471c1f-b54a00f1,
#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471c22-b54a00f1,
#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471c25-b54a00f1,
#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471c33-b54a00f1,
#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471c36-b54a00f1,
#w-node-_3a8216b4-0a06-18b1-65c7-b4eb7a471c39-b54a00f1,
#w-node-f0f9a33b-4b9a-a73f-6d52-fd545e5eb2c5-304a0133 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_61914fa1f3028ad34c1c480b000000000014-c74a0134 {
  align-self: stretch;
}

#w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e25-3a498352,
#w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e31-3a498352,
#w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e3d-3a498352,
#w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e49-3a498352 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e4a-3a498352,
#w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e56-3a498352 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc144015a-c144012a,
#w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc144015b-c144012a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440165-c144012a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440142-c144012a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440143-c144012a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc144014b-c144012a,
#w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440135-c144012a,
#w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440136-c144012a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440140-c144012a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_311429ae-0d80-15ae-9fde-7e338e4b049e-8e4b0493 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_311429ae-0d80-15ae-9fde-7e338e4b04a7-8e4b0493,
#w-node-_311429ae-0d80-15ae-9fde-7e338e4b04b1-8e4b0493,
#w-node-_7cddfd97-7a77-65fb-4783-b24bf84453e8-85353cfb,
#w-node-_7cddfd97-7a77-65fb-4783-b24bf84453f4-85353cfb,
#w-node-_7cddfd97-7a77-65fb-4783-b24bf8445400-85353cfb,
#w-node-_7cddfd97-7a77-65fb-4783-b24bf844540c-85353cfb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7cddfd97-7a77-65fb-4783-b24bf844540d-85353cfb,
#w-node-_7cddfd97-7a77-65fb-4783-b24bf8445419-85353cfb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-ad42d693-42d3-f7e2-8c5a-60188f30f1e7-347e9320 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad42d693-42d3-f7e2-8c5a-60188f30f1f3-347e9320 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_6ce3d55f-01da-e799-ec59-8e92458b176d-506d3db4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6ce3d55f-01da-e799-ec59-8e92458b1779-506d3db4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_9c09bdb5-72cf-9327-6bf2-38003ce6ed6f-a5d6c5ab {
  justify-self: end;
}

#w-node-bcd7a0a1-1021-d679-572f-f238176e5425-4adb6dcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bae181a3-829b-0795-411f-a562074f163e-4adb6dcb {
  justify-self: end;
}

#w-node-a36ad6d5-b08e-cf8d-3fa1-d5a3734e80fb-4adb6dcb,
#w-node-_014b61cc-b8a1-088f-07da-bc139e06cf41-4adb6dcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_014b61cc-b8a1-088f-07da-bc139e06cf63-4adb6dcb {
  justify-self: end;
}

#w-node-_8184aaaa-71d4-1820-777b-0e70915acc99-2a803780 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c45b17dc-742b-059e-ff1f-b3822a423032-2a803780 {
  grid-area: span 100 / span 4 / span 100 / span 4;
}

#w-node-_43f614f3-f700-3a54-9338-b446e2623615-8582a335,
#w-node-_43f614f3-f700-3a54-9338-b446e2623623-8582a335,
#w-node-_43f614f3-f700-3a54-9338-b446e262362d-8582a335,
#w-node-_43f614f3-f700-3a54-9338-b446e2623637-8582a335,
#w-node-_43f614f3-f700-3a54-9338-b446e2623641-8582a335,
#w-node-ca443288-f39c-babc-e71f-61078cfc9bf8-8582a335,
#w-node-ca443288-f39c-babc-e71f-61078cfc9c00-8582a335,
#w-node-ca443288-f39c-babc-e71f-61078cfc9c08-8582a335,
#w-node-ca443288-f39c-babc-e71f-61078cfc9c10-8582a335,
#w-node-ca443288-f39c-babc-e71f-61078cfc9c18-8582a335 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_014b61cc-b8a1-088f-07da-bc139e06cf63-8582a335 {
  justify-self: end;
}

#w-node-a6e6334e-fdc1-d8c9-4832-2f8a6b3f8218-63e4fd59 {
  place-self: end;
}

#w-node-_717cc807-f1c0-d9b4-1d74-ed48a0f3df6a-63e4fd59 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_717cc807-f1c0-d9b4-1d74-ed48a0f3df85-63e4fd59 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_717cc807-f1c0-d9b4-1d74-ed48a0f3df8d-63e4fd59,
#w-node-_43f614f3-f700-3a54-9338-b446e2623615-9bdd13d7,
#w-node-_43f614f3-f700-3a54-9338-b446e2623623-9bdd13d7,
#w-node-_43f614f3-f700-3a54-9338-b446e262362d-9bdd13d7,
#w-node-_43f614f3-f700-3a54-9338-b446e2623637-9bdd13d7,
#w-node-_43f614f3-f700-3a54-9338-b446e2623641-9bdd13d7,
#w-node-cc2b4662-d578-3e8c-251f-115c42353bb9-9bdd13d7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440142-c144012a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-ac4e37a6-0db3-1a11-fa01-2d09bbd3b54a-2668d157 {
    justify-self: end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_150052ef-3881-7641-c147-a020e9c715fa-e9c7159d {
    order: 9999;
  }

  #w-node-_150052ef-3881-7641-c147-a020e9c715fd-e9c7159d {
    justify-self: center;
  }

  #w-node-_96261b3f-1c19-0836-b191-861874c9944b-307bc8ee {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a6178dd7-a480-36b4-dd5d-6b5459ca3032-944a00e9 {
    order: 9999;
  }

  #w-node-_41be1b5a-080c-5692-b3b6-96219a7e6b3e-3a498352,
  #w-node-_41be1b5a-080c-5692-b3b6-96219a7e6b61-3a498352,
  #w-node-_1fc07b9d-7be7-3cb6-dba9-983881520972-3a498352 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440165-c144012a,
  #w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440143-c144012a,
  #w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440140-c144012a {
    justify-self: auto;
  }

  #w-node-fb6cf4bd-a7fc-bb76-88e0-d7257fcbe780-7401ccaa,
  #w-node-_630cd505-f2e5-5616-19b0-08448c9b626f-7401ccaa,
  #w-node-d515f7bb-f058-3017-1960-f1352616f7f0-2616f7ca {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ad42d693-42d3-f7e2-8c5a-60188f30f1e7-347e9320,
  #w-node-ad42d693-42d3-f7e2-8c5a-60188f30f1f3-347e9320,
  #w-node-_6ce3d55f-01da-e799-ec59-8e92458b176d-506d3db4,
  #w-node-_6ce3d55f-01da-e799-ec59-8e92458b1779-506d3db4 {
    justify-self: center;
  }

  #w-node-_9c09bdb5-72cf-9327-6bf2-38003ce6ed6f-a5d6c5ab {
    justify-self: auto;
  }

  #w-node-bcd7a0a1-1021-d679-572f-f238176e5425-4adb6dcb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-bae181a3-829b-0795-411f-a562074f163e-4adb6dcb {
    justify-self: auto;
  }

  #w-node-bae181a3-829b-0795-411f-a562074f1663-4adb6dcb,
  #w-node-_014b61cc-b8a1-088f-07da-bc139e06cf41-4adb6dcb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_014b61cc-b8a1-088f-07da-bc139e06cf63-4adb6dcb {
    justify-self: auto;
  }

  #w-node-_43f614f3-f700-3a54-9338-b446e2623615-8582a335,
  #w-node-ca443288-f39c-babc-e71f-61078cfc9bf8-8582a335 {
    justify-self: center;
  }

  #w-node-_014b61cc-b8a1-088f-07da-bc139e06cf63-8582a335 {
    justify-self: auto;
  }

  #w-node-_43f614f3-f700-3a54-9338-b446e2623615-9bdd13d7,
  #w-node-cc2b4662-d578-3e8c-251f-115c42353bb9-9bdd13d7 {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_001568b2-4571-a5f1-dc93-8f32a7c4f77d-414a00dc,
  #w-node-_001568b2-4571-a5f1-dc93-8f32a7c4f78d-414a00dc,
  #w-node-_2a3ec0c5-e35f-9ac3-9e90-52d38b69669f-414a00dc,
  #w-node-_2a3ec0c5-e35f-9ac3-9e90-52d38b6966a7-414a00dc,
  #w-node-_132d9c9e-a1bd-4338-f722-ad5c590f2231-414a00dc,
  #w-node-_132d9c9e-a1bd-4338-f722-ad5c590f2239-414a00dc,
  #w-node-_96261b3f-1c19-0836-b191-861874c9944b-307bc8ee {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a6178dd7-a480-36b4-dd5d-6b5459ca3032-944a00e9 {
    order: -9999;
  }

  #w-node-_41be1b5a-080c-5692-b3b6-96219a7e6b3e-3a498352,
  #w-node-_41be1b5a-080c-5692-b3b6-96219a7e6b61-3a498352,
  #w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e63-3a498352,
  #w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e6b-3a498352,
  #w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e73-3a498352,
  #w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e7b-3a498352,
  #w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e83-3a498352,
  #w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e8b-3a498352,
  #w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e93-3a498352,
  #w-node-_18d35407-cde6-7b7b-3d1c-fa5b33c94e9b-3a498352 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1fc07b9d-7be7-3cb6-dba9-983881520972-3a498352 {
    grid-column: span 1 / span 1;
  }

  #w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc144015a-c144012a {
    place-self: auto center;
  }

  #w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc144015b-c144012a,
  #w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc144014b-c144012a,
  #w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440136-c144012a {
    justify-self: center;
  }

  #w-node-fb6cf4bd-a7fc-bb76-88e0-d7257fcbe780-7401ccaa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_630cd505-f2e5-5616-19b0-08448c9b626f-7401ccaa,
  #w-node-d515f7bb-f058-3017-1960-f1352616f7f0-2616f7ca {
    grid-column: span 1 / span 1;
  }

  #w-node-_7cddfd97-7a77-65fb-4783-b24bf8445426-85353cfb,
  #w-node-_7cddfd97-7a77-65fb-4783-b24bf844542e-85353cfb,
  #w-node-_7cddfd97-7a77-65fb-4783-b24bf8445436-85353cfb,
  #w-node-_7cddfd97-7a77-65fb-4783-b24bf844543e-85353cfb,
  #w-node-_7cddfd97-7a77-65fb-4783-b24bf8445446-85353cfb,
  #w-node-_7cddfd97-7a77-65fb-4783-b24bf844544e-85353cfb,
  #w-node-_7cddfd97-7a77-65fb-4783-b24bf8445456-85353cfb,
  #w-node-_7cddfd97-7a77-65fb-4783-b24bf844545e-85353cfb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9c09bdb5-72cf-9327-6bf2-38003ce6ed69-a5d6c5ab,
  #w-node-_9c09bdb5-72cf-9327-6bf2-38003ce6ed8b-a5d6c5ab,
  #w-node-_9c09bdb5-72cf-9327-6bf2-38003ce6edac-a5d6c5ab {
    grid-area: span 2 / span 1 / span 2 / span 1;
    order: -9999;
  }

  #w-node-bcd7a0a1-1021-d679-572f-f238176e5425-4adb6dcb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bae181a3-829b-0795-411f-a562074f1663-4adb6dcb {
    grid-column: span 1 / span 1;
  }

  #w-node-_014b61cc-b8a1-088f-07da-bc139e06cf41-4adb6dcb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a6e6334e-fdc1-d8c9-4832-2f8a6b3f8218-63e4fd59 {
    justify-self: center;
  }

  #w-node-_717cc807-f1c0-d9b4-1d74-ed48a0f3df6a-63e4fd59 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_717cc807-f1c0-d9b4-1d74-ed48a0f3df85-63e4fd59,
  #w-node-_717cc807-f1c0-d9b4-1d74-ed48a0f3df8f-63e4fd59 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440143-c144012a {
    order: 9999;
  }

  #w-node-_2cf84b2a-aa99-ccb7-7882-6e3dc1440135-c144012a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_311429ae-0d80-15ae-9fde-7e338e4b04a7-8e4b0493 {
    grid-row: span 2 / span 2;
  }

  #w-node-ad42d693-42d3-f7e2-8c5a-60188f30f1e7-347e9320,
  #w-node-_6ce3d55f-01da-e799-ec59-8e92458b176d-506d3db4 {
    justify-self: stretch;
  }

  #w-node-bae181a3-829b-0795-411f-a562074f163e-4adb6dcb,
  #w-node-_014b61cc-b8a1-088f-07da-bc139e06cf63-4adb6dcb,
  #w-node-_014b61cc-b8a1-088f-07da-bc139e06cf63-8582a335 {
    justify-self: center;
  }
}

@font-face {
  font-family: "Social Icons Font";
  src:
    url("/fonts/social-icon-font.woff2") format("woff2"),
    url("/fonts/social-icon-font.eot") format("embedded-opentype"),
    url("/fonts/social-icon-font.woff") format("woff"),
    url("/fonts/social-icon-font.ttf") format("truetype"),
    url("/fonts/social-icon-font.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Line Square Icons";
  src:
    url("/fonts/line-square-icons.woff2") format("woff2"),
    url("/fonts/line-square-icons.eot") format("embedded-opentype"),
    url("/fonts/line-square-icons.woff") format("woff"),
    url("/fonts/line-square-icons.ttf") format("truetype"),
    url("/fonts/line-square-icons.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Filled Icons";
  src:
    url("/fonts/filled-icon-font.woff2") format("woff2"),
    url("/fonts/filled-icon-font.eot") format("embedded-opentype"),
    url("/fonts/filled-icon-font.woff") format("woff"),
    url("/fonts/filled-icon-font.ttf") format("truetype"),
    url("/fonts/filled-icon-font.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Line Rounded Icons";
  src:
    url("/fonts/line-rounded-icons.woff2") format("woff2"),
    url("/fonts/line-rounded-icons.eot") format("embedded-opentype"),
    url("/fonts/line-rounded-icons.woff") format("woff"),
    url("/fonts/line-rounded-icons.ttf") format("truetype"),
    url("/fonts/line-rounded-icons.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaLightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaMediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaThin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaRegular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaSemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src:
    url("/fonts/LufgaExtraBoldItalic.ttf") format("truetype"),
    url("/fonts/LufgaBoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaBlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaMedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src:
    url("/fonts/LufgaBold.ttf") format("truetype"),
    url("/fonts/LufgaExtraBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaBlack.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lufga";
  src: url("/fonts/LufgaSemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Claritycity";
  src: url("/fonts/ClarityCity-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Claritycity";
  src: url("/fonts/ClarityCity-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Claritycity";
  src: url("/fonts/ClarityCity-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}