@layer webflow {
@font-face {
  font-family: Inter;
  src: url('../fonts/Inter-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

@font-face {
  font-family: Interdisplay;
  src: url('../fonts/InterDisplay-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: Inter Extra;
  src: url('../fonts/inter-extra-bold.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Outfit Variablefont Wght;
  src: url('../fonts/Outfit-VariableFont_wght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --text-main: white;
  --text-mutted: #b4b9c4;
  --bright-blue: #5b8cf2;
  --gray-text: #ababab;
  --bg-blue: #050f1a;
  --bg-cards: #15263d;
  --line-main: #2e425d;
  --main-blue: #3970e6;
  --cyan: #14b6e9;
  --bg-main: #0e1a2e;
  --green: #00de66;
  --dart-part-gradient: #0d1524;
  --light-part-gradient: #1c2b4c;
  --bg-lighter: #142036;
  --bg-card-hover: #1d3151;
  --dark-blue: #13171d;
  --lines: #57dbffcc;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

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

@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-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  color: #fff;
  background-color: #000;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  display: flex;
}

h1 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 75px;
  font-weight: 700;
  line-height: 1.5;
}

h2 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.4;
}

h3 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
}

h4, h5 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  background-image: linear-gradient(180deg, var(--text-main), var(--text-mutted));
  color: #81859f;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

p {
  color: var(--text-mutted);
  letter-spacing: 0;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

p:hover {
  letter-spacing: 0;
}

a {
  color: #fff;
  font-family: Interdisplay, Arial, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: color .35s;
}

a:hover {
  color: var(--bright-blue);
}

ul {
  font-size: 18px;
  font-weight: 500;
}

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

li {
  color: var(--gray-text);
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
}

blockquote {
  text-shadow: 1px 1px 10px #ffffff69;
  border-left: 5px #e2e2e2;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 50px 32px;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.2;
}

figure {
  margin-bottom: 10px;
}

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

.section {
  width: auto;
  height: auto;
  margin-top: 0;
  position: static;
  overflow: hidden;
}

.section.grye {
  z-index: 5;
  background-color: var(--bg-blue);
  background-image: linear-gradient(180deg, var(--bg-cards), #0c1424 0%);
  border: 0 solid #000;
  width: 100%;
  margin-top: 0;
  position: relative;
  overflow: hidden;
}

.section.featuresd-section {
  background-color: var(--bg-blue);
  width: 100%;
  margin-top: 140px;
  margin-bottom: 100px;
  overflow: hidden;
}

.section.multi-currency {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.section.faq {
  width: 100%;
  overflow: visible;
}

.section.gradient {
  width: 100%;
}

.section.related {
  margin-top: 4em;
}

.section._100 {
  width: 100vw;
  height: 100vh;
  margin-top: -69px;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.section.hero {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.logos {
  z-index: 3;
  background-color: #0d1524;
  position: relative;
}

.section.gradient-bg {
  background-image: linear-gradient(180deg, #1c2b4c, var(--bg-blue));
}

.section.gradient-fill {
  background-image: url('../images/magicpattern-mesh-gradient-1710864029234.png');
  background-position: 0 0;
  background-size: cover;
  margin-top: 120px;
  position: relative;
}

.section.gradient-blue {
  background-image: linear-gradient(180deg, var(--bg-blue) 60%, #1c2b4c);
}

.section.comparetable {
  margin-top: 140px;
}

.section.mobile-comparetable {
  display: none;
}

.container {
  z-index: 2;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
  position: relative;
}

.container.nav-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.container.no-paddings {
  z-index: 2;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.container.wide-container {
  max-width: 1170px;
}

.container.about {
  max-width: 1300px;
}

.container.all-numbers {
  padding-top: 8em;
  padding-bottom: 0;
}

.container.all-numbers.contacts {
  padding-top: 4em;
}

.container.all-numbers.small-padding {
  margin-bottom: 100px;
  padding-top: 0;
  padding-bottom: 0;
}

.container.pricing-plans {
  width: 100%;
  padding-top: 8em;
  overflow: hidden;
}

.container.contacts {
  padding-top: 8em;
}

.container.hidden {
  z-index: 4;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.container.hero {
  height: auto;
  padding-bottom: 0;
}

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

.container.blog {
  padding-top: 8em;
}

.nav-menu-container {
  border: 1px solid var(--line-main);
  -webkit-backdrop-filter: blur(34px);
  backdrop-filter: blur(34px);
  background-color: #0b132366;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  box-shadow: 0 14px 20px #00000036;
}

.navbar {
  z-index: 20;
  background-color: #0000;
  height: 70px;
  position: sticky;
  inset: 10px 0% auto;
  overflow: hidden;
}

.navbar.mainnsv {
  align-self: center;
  height: auto;
}

.nav-menu {
  align-items: center;
  height: 100%;
  font-weight: 600;
  display: flex;
}

.white-text {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-family: Interdisplay, Arial, sans-serif;
  font-weight: 700;
}

.top-margin-l {
  margin-top: 3em;
}

.button {
  color: #000;
  background-color: #fff;
  border-radius: 100px;
  padding: 16px 60px;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .3s, box-shadow .5s;
}

.button:hover {
  color: #000;
  background-color: #f5f5f5;
  box-shadow: 0 0 13px #ffffff61;
}

.button.big {
  padding: 20px 40px;
}

.button.big.top-margin-l.w--current {
  margin-top: 2em;
  padding-top: 20px;
  font-size: 18px;
}

.button.from {
  height: 45px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  right: 3px;
}

.button.from:hover {
  box-shadow: 0 0 20px #ffffff80;
}

.button.from.contact {
  background-image: linear-gradient(135deg, var(--main-blue), var(--cyan));
  color: #fff;
}

.button.add-to-cart {
  text-align: center;
  justify-content: center;
  width: 100%;
}

.button.navbar-button {
  padding: 11px 24px 10px;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
}

.button.navbar-button.grey {
  color: #fff;
  background-color: #112236;
  padding-top: 11px;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
}

.button.navbar-button.grey:hover {
  box-shadow: 0 0 13px #06668061;
}

.grid-6-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin-top: -80px;
  padding-top: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.utility-page-content {
  z-index: 3;
  text-align: center;
  flex-direction: column;
  margin-top: -100px;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.utility-page-form {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.link-block {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  transition: color .4s;
}

.link-block:hover {
  color: #a8a8a8;
}

.link-block.animation-01, .link-block.animation-02, .link-block.animation-03, .link-block.animation-04 {
  overflow: hidden;
}

.link-block.animation-05 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.link-block-underline {
  background-color: #8d8d8d;
  width: 100%;
  height: 1px;
  margin-top: 2px;
}

.link-block-underline._02, .link-block-underline._01 {
  height: 1px;
}

.link-block-underline._01._2px {
  height: 2px;
}

.footer {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--bg-cards);
  color: #000;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 0 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-image {
  object-position: 0% 50%;
  width: 70%;
}

.nav-link {
  grid-column-gap: 6px;
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: hidden;
}

.grey-text {
  color: var(--gray-text);
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.text-field-form {
  border: 1px solid var(--line-main);
  background-color: var(--bg-blue);
  color: #fff;
  border-radius: 160px;
  width: 460px;
  height: 50px;
  margin-bottom: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 26px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  transition: transform .4s, border-color .4s;
}

.text-field-form:focus {
  border-color: #fff;
}

.text-field-form::placeholder {
  color: #586e89;
}

.text-field-form.contact {
  background-color: #171f28;
  width: 100%;
}

.instructions-image {
  border-radius: 12px;
  width: 100%;
}

.change-log-container {
  grid-column-gap: 60px;
  border: 2px solid #b8b8b8;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  padding: 25px;
  display: flex;
}

.menu-button {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.center-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.grid-2-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
}

.style-guide-title-holder {
  flex-direction: column;
}

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

.colors-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 30px;
  display: flex;
}

.success-message {
  border: 1px solid var(--line-main);
  color: #fff;
  letter-spacing: 0;
  background-color: #0e1319;
  border-radius: 6px;
  padding: 24px;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
  box-shadow: 0 0 30px #0000001a;
}

.headings-holder {
  background-color: var(--bg-main);
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 40px;
  display: flex;
}

.link-block-2 {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  transition: color .4s;
}

.link-block-2:hover {
  color: #fff;
}

.link-block-2.animation-03 {
  overflow: hidden;
}

.link-block-2.animation-05 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.x-icon {
  width: 14px;
}

.x-icon.invert {
  filter: invert(63%);
}

.content {
  grid-column-gap: 16px;
  align-items: center;
}

.right-underline {
  background-color: #aaa;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.aa-font {
  font-size: 130px;
}

.colors-container {
  background-color: #fafafa;
}

.sg---color-description {
  grid-row-gap: 2px;
  background-color: var(--bg-main);
  flex-direction: column;
  padding: 15px;
  display: flex;
}

.style-guide-gray-background {
  background-color: var(--bg-main);
}

.style-guide-gray-background.big-margins {
  margin-top: 90px;
  margin-bottom: 90px;
}

.style-guide-x-button {
  background-color: #141b22;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
  transition: background-color .4s;
  display: flex;
  position: fixed;
  inset: .3em 2em auto auto;
}

.style-guide-x-button:hover {
  background-color: var(--bg-main);
}

.paragraph-container {
  width: 80%;
  margin-top: 10px;
}

.submit-button-arrow {
  color: #030303;
  background-color: #d9d9d9;
  border-radius: 0 8px 8px 0;
  height: 100%;
  padding: 0 21px;
  font-size: 18px;
  font-weight: 600;
  position: absolute;
  inset: auto 0% 0% auto;
}

.font-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #161b22;
  justify-content: space-between;
  margin-top: 30px;
  padding: 45px 70px;
  display: flex;
}

.style-guide-main-panel {
  width: 100%;
  height: 100%;
  padding: 50px;
}

.button-holder {
  grid-row-gap: 30px;
  background-color: var(--bg-main);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 30px 40px;
  display: flex;
}

.style-guide-left-panel {
  grid-row-gap: 25px;
  flex-direction: column;
  width: 100%;
  padding: 35px 8px 0 35px;
  display: flex;
  position: sticky;
  top: 50px;
}

.style-guide-home-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
}

.style-guide-home-text.hide-mobile {
  display: block;
}

.headings-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  margin-top: 30px;
  display: flex;
}

.h6-fixed {
  font-size: 24px;
}

.h6-fixed.bold-text {
  font-weight: 700;
}

.h6-fixed.light-text {
  font-weight: 100;
}

.grid-holder {
  grid-row-gap: 30px;
  background-color: var(--bg-main);
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 40px;
  display: flex;
}

.subscribe-form {
  position: relative;
}

.sg---color-black {
  background-color: #111;
  width: 235px;
  height: 150px;
}

.paragraph-m {
  font-size: 18px;
  line-height: 1.8;
}

.style-guide-panel-title {
  color: #b3b3b3;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 400;
}

.style-guide-container {
  display: flex;
}

.button-grid {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2em;
  display: grid;
}

.style-guide-navbar-link {
  flex-direction: column;
  align-items: flex-start;
  height: 35px;
  display: flex;
  overflow: hidden;
}

.borders-2 {
  opacity: .58;
  color: #fff;
  border: 1px solid #b9b9b9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 18px;
  font-weight: 300;
  display: flex;
}

.borders-2.center {
  height: 100px;
}

.grid-8-col {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style-guide-empty-container {
  padding: 50px;
}

.style-guide-small-title {
  color: #fff;
  font-size: 21px;
  font-weight: 400;
}

.style-guide-hero-holder {
  grid-row-gap: 20px;
  flex-direction: column;
  padding: 50px 380px 50px 50px;
  display: flex;
}

.no-margins {
  color: var(--text-mutted);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.style-guide-navbar {
  z-index: 30;
  color: #fff;
  background-color: #151b22;
  border-bottom: 1px solid #151b22;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: sticky;
  top: 0;
}

.style-guide-tab-holder {
  color: #fff;
  border-radius: 5px;
  width: 120%;
  margin-left: -25px;
  padding: 11px 25px 11px 49px;
  font-size: 16px;
  font-weight: 400;
  transition-property: background-color;
  transition-duration: .675s;
}

.style-guide-tab-holder.w--current {
  color: #fff;
  background-color: #2b333d;
}

.subscribe-field-text {
  color: #fff;
  background-color: #0000;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 30px 109px 30px 17px;
  font-size: 18px;
  font-weight: 500;
  transition: border-color .4s;
}

.subscribe-field-text:focus {
  border-color: #ffd660;
}

.subscribe-field-text::placeholder {
  color: #b9b9b9;
}

.contact-field-text {
  color: #fff;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #595959;
  border-radius: 0;
  flex: 1;
  height: 60px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 32px;
  font-size: 18px;
  font-weight: 400;
  transition: border-color .375s;
  display: inline-block;
}

.contact-field-text:hover {
  border-bottom-color: #fff;
}

.contact-field-text:focus {
  border-bottom-color: #ffd660;
}

.contact-field-text::placeholder {
  color: #595959;
  font-weight: 300;
}

.link-underline-holder {
  height: 2px;
  position: relative;
}

.font-details-holder {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.style-guide-left-panel-holder {
  background-color: #151b22;
  align-items: flex-start;
  width: 405px;
  display: flex;
}

.left-underline {
  background-color: #aaa;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-text {
  background-image: linear-gradient(90deg, var(--main-blue), var(--cyan) 49%, var(--green));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  height: 250px;
  font-family: Gilroy, sans-serif;
  font-size: 14vw;
  font-weight: 700;
}

.hero-text._02 {
  background-image: linear-gradient(90deg, var(--cyan), var(--green) 101%);
  height: 170px;
  font-size: 12vw;
}

.hero-text.hyphen {
  background-image: linear-gradient(90deg, var(--cyan), var(--cyan));
  height: 170px;
  font-size: 12vw;
}

.hero-text.next {
  background-image: linear-gradient(90deg, var(--main-blue) 18%, var(--cyan));
  height: 170px;
  font-size: 12vw;
}

.hero-text.accounting {
  background-image: linear-gradient(90deg, var(--main-blue), var(--cyan) 50%, var(--green));
  height: 170px;
  margin-top: 0;
  font-size: 12vw;
  position: absolute;
}

.hero-text.finance {
  height: 170px;
  margin-top: 0;
  font-size: 12vw;
  position: absolute;
}

.hero-text.workflows {
  height: 170px;
  font-size: 12vw;
}

.gradient-button-holder {
  position: relative;
}

.gradient-button {
  filter: blur(20px);
  background-image: linear-gradient(to right, #ffbbae, #c6caf6 73%, #958feb);
  border-radius: 100px;
  position: absolute;
  inset: 0%;
}

.gradient-white-button {
  z-index: 1;
  color: #000;
  background-color: #fff;
  border-radius: 100px;
  padding: 16px 24px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}

.nav-link-holder {
  color: #fff;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-weight: 500;
  transition: opacity .2s, color .35s;
  display: flex;
}

.nav-link-holder:hover {
  color: #fff;
}

.nav-link-holder.w--current {
  color: #fff;
  text-shadow: 0 0 #ffffff40;
  background-color: #112137;
}

.nav-link-text-holder:hover, .nav-link-text-holder:lang(en) {
  color: #fff;
}

.nav-link-text {
  color: var(--gray-text);
  -webkit-text-stroke-color: var(--gray-text);
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.nav-link-text:hover {
  color: #fff;
}

.nav-link-text:lang(en) {
  color: #b4bcd0;
}

.nav-button-holder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.nav-button-holder.nav-button-on-mobile {
  display: none;
}

.brand {
  width: 64px;
  min-width: 64px;
}

.brand-image {
  width: 90%;
}

.nav-link-active-holder {
  color: #895454;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Gilroy, sans-serif;
  display: flex;
  position: relative;
}

.nav-link-active-holder:hover {
  color: #fff;
}

.nav-link-active-holder.blog {
  flex: 0 auto;
  display: block;
}

.cricle-active-holder {
  filter: blur(40px);
  background-image: linear-gradient(#eec5bd, #c6caf6 64%, #dad9e9);
  border-radius: 200px;
  width: 70px;
  height: 70px;
  display: none;
  position: absolute;
  top: 27.8984px;
}

.cricle-active-holder.w--current {
  opacity: .5;
  filter: blur(17px);
  background-image: none;
  width: 50px;
  height: 50px;
  display: flex;
  top: 11.8984px;
}

.hero-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-image: radial-gradient(circle closest-side at 50% 40%, #050f1ab3, #050f1a00);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 160px;
  padding-bottom: 100px;
  display: flex;
  overflow: visible;
}

.hero-sticky-holder {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.hero-text-holder {
  grid-column-gap: 0px;
  perspective: 1000px;
  white-space: nowrap;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.hero-paragraph-holder {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  display: flex;
}

.hero-section-text-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  overflow: visible;
}

.iphone-holder {
  z-index: 1;
  border-radius: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 700px;
  display: none;
  position: relative;
  top: 4%;
}

.iphone-screen {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4.1% 4.6%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.iphone-image {
  z-index: 2;
  width: 100%;
  position: relative;
}

.hero-section-sticky {
  width: 100%;
  position: static;
  top: 0%;
  bottom: 0%;
}

.hero-section-paragraph-holder {
  grid-row-gap: 36px;
  flex-direction: column;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.iphone-screen-image {
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 40px;
  width: 100%;
  height: 100%;
}

.iphone-screen-image.card {
  border-radius: 20px;
}

.iphone-screen-image.mobile {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.iphone-drop-shadow {
  filter: blur(64px);
  background-color: #000;
  width: 120%;
  height: 70%;
  position: absolute;
}

.iphone-drop-shadow.low {
  opacity: .37;
  filter: blur(18px);
  width: 100%;
}

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

.form-block {
  margin-bottom: 0;
}

.form-block.contact {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-top: 12px;
  display: block;
}

.from-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-grid-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
}

.logo-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.logo-small-container {
  height: 27px;
}

.logo-small {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.center-title {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.title-holder {
  grid-row-gap: 0px;
  perspective: 1500px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: none;
  display: flex;
}

.title {
  background-image: linear-gradient(180deg, var(--text-main), var(--text-mutted));
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.4;
}

.title.smaller {
  margin-bottom: 10px;
  line-height: 1.2;
}

.title.left {
  text-align: left;
}

.experience-section {
  padding-top: 0;
  padding-bottom: 0;
}

.experience-cards-holder {
  perspective: 1000px;
  margin-top: 60px;
}

.experience-cards-holder.features {
  margin-top: 60px;
}

.experience-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  perspective: 1000px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.experience-grid.features {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.experience-card {
  z-index: 5;
  background-color: #0000;
  border-radius: 26px;
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.experience-card-content {
  z-index: 5;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  opacity: 1;
  border-radius: 25px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin: 1px;
  display: flex;
  position: relative;
}

.experience-card-content.mobile {
  z-index: 6;
  background-color: var(--bg-cards);
  flex-direction: row;
  margin-top: 160px;
  margin-bottom: 1px;
  display: flex;
  overflow: hidden;
}

.experience-card-content.horizontal {
  flex-flow: row;
}

.experience-card-image-holder {
  width: 100%;
  position: relative;
}

.experience-card-image-holder._02 {
  height: 280px;
}

.experience-card-image-holder._02.onboaring {
  height: auto;
  margin-bottom: 8px;
}

.experience-card-image-holder.smaller {
  height: auto;
}

.experience-card-image {
  width: 100%;
}

.experience-card-text-holder {
  grid-row-gap: 6px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 24px 40px 40px;
  display: flex;
}

.experience-card-text-holder.padding {
  padding-left: 22px;
  padding-right: 22px;
}

.experience-card-text-holder.padding.top-botton {
  justify-content: center;
  align-items: center;
  padding: 40px 40px 24px;
}

.experience-card-text-holder.padding.top-botton._40 {
  padding-bottom: 40px;
  padding-right: 0;
}

.experience-card-text-holder._02 {
  padding-left: 40px;
  padding-right: 40px;
}

.experience-card-text-holder._02._40 {
  padding-top: 40px;
  padding-bottom: 0;
}

.experience-card-text-holder._02.smaller2 {
  padding-top: 0;
}

.experience-card-text-holder._02.features {
  padding-top: 40px;
  padding-bottom: 24px;
}

.card-title {
  background-image: linear-gradient(180deg, var(--text-main), var(--text-mutted));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}

.card-title.max-width {
  max-width: 420px;
}

.card-title.max-width.left-alighned {
  text-align: left;
}

.card-title.contact-block {
  margin-top: 40px;
}

.card-title.contact-block.email {
  width: auto;
  margin-top: 0;
}

.experience-paragraph-holder {
  max-width: 600px;
  line-height: 1.5;
}

.experience-paragraph-holder._02 {
  max-width: 280px;
}

.experience-gradient {
  background-image: linear-gradient(#151b2200, #151b22);
  height: 70px;
  position: absolute;
  inset: auto 0% -3%;
}

.effortlessly-integration-section {
  background-color: #171f28;
  background-image: linear-gradient(#0d1524, #1c2b4c);
  height: 100%;
  overflow: hidden;
}

.effortlessly-integration-container {
  padding-top: 120px;
}

.effortlessly-integration-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.logo-holder-effortlessly-integration {
  z-index: 2;
  grid-column-gap: 50px;
  justify-content: center;
  align-items: center;
  width: 95%;
  display: flex;
  position: absolute;
  top: 180px;
}

.iphone-holder-effortlessly-integration {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.effortlessly-integration---iphone-holder {
  z-index: 1;
  border-radius: 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 430px;
  display: flex;
  position: relative;
  top: 6%;
}

.logo-holder {
  perspective: 1000px;
  border-radius: 41px;
  justify-content: center;
  align-items: center;
  width: 155px;
  min-width: 155px;
  height: 155px;
  min-height: 155px;
  display: flex;
  position: relative;
}

.logo-holder.s-size {
  border-radius: 24px;
  width: 100px;
  min-width: 100px;
  height: 100px;
  min-height: 100px;
}

.logo-image {
  z-index: 2;
  object-fit: cover;
  border-radius: 44px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.logo-image.blured {
  z-index: 1;
  filter: blur(20px);
}

.logo-image.s-size {
  border-radius: 24px;
}

.workflow-section {
  z-index: 4;
  grid-row-gap: 6px;
  background-color: var(--dart-part-gradient);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -364px;
  padding-top: 65px;
  padding-bottom: 65px;
  display: flex;
  position: relative;
}

.light-holder {
  background-image: linear-gradient(90deg, var(--cyan), var(--cyan) 100%, var(--text-main));
  opacity: .23;
  filter: blur(90px);
  width: 70%;
  height: 270px;
  position: absolute;
  inset: 420px 0% 0% 37%;
}

.light-holder.hero-spot {
  z-index: 1;
  background-image: linear-gradient(90deg, var(--main-blue), var(--main-blue) 82%, var(--cyan));
  width: 100%;
  inset: auto 0% 0%;
}

.light-holder.top {
  z-index: 0;
  background-image: radial-gradient(circle, #1245d7 46%, #c1c1c11a);
  width: 300px;
  height: 300px;
  inset: -100% auto auto;
  overflow: visible;
}

.light-holder.main-page {
  width: 70%;
  left: 15%;
}

.sticky-section {
  padding-top: 80px;
  padding-bottom: 40px;
}

.trusted-white-overlay {
  background-image: linear-gradient(180deg, var(--bg-blue), #0000);
  width: 48vw;
  height: 10em;
  position: sticky;
  inset: 0 0% auto;
}

.trusted-white-overlay.bottom {
  background-image: linear-gradient(0deg, var(--bg-blue), #0000 58%);
  height: 20vh;
  top: 80vh;
}

.trusted-item {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 15vh;
  display: flex;
}

.trusted-item.last {
  margin-bottom: 130px;
}

.trusted-item-header {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.content-sticky {
  position: sticky;
  top: 100px;
}

.trusted-overlay-container {
  width: 1px;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.trusted-content {
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}

.trusted-content.trusted-list {
  padding-top: 60vh;
  padding-bottom: 5rem;
}

.header-qn {
  background-image: linear-gradient(128deg, var(--main-blue), var(--cyan) 50%, var(--green));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: -14px;
  margin-right: 10px;
  font-family: Gilroy, sans-serif;
  font-size: 75px;
  font-weight: 700;
}

.download-badge-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.download-badge-container {
  grid-column-gap: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.download-badge-button {
  width: 242px;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

.download-badge-button:hover {
  transform: scale(1.1);
}

.download-badge-button.small {
  width: 190px;
}

.dark-and-light-mode-holder {
  background-color: #0000;
  background-image: linear-gradient(180deg, #050f1a, var(--light-part-gradient) 50%, #050f1a);
  width: 100%;
  height: 600vh;
}

.dark-and-light-mode-container {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.dark-and-light-mode-sticky {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.dark-mode-holder {
  z-index: 1;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dark-mode-hand-holder {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 80%;
  min-width: auto;
  max-width: none;
  margin: 0;
  display: flex;
  position: relative;
  inset: 0;
}

.dashboard-tab {
  z-index: 1;
  width: 100%;
  max-width: none;
  padding-top: 16px;
  padding-bottom: 16px;
  display: block;
  position: absolute;
}

.dark-mode-app-holder {
  padding: 2.6% 26% 26.2% 16%;
  position: absolute;
  inset: 0%;
}

.dark-mode-app {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.white-mode-holder {
  z-index: 1;
  background-color: #131e36;
  background-image: linear-gradient(180deg, var(--light-part-gradient), var(--bg-blue));
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.center-iphone {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.cards-section {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
}

.black-text {
  color: #000;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#000, #1b1b1cd9);
  -webkit-background-clip: text;
  background-clip: text;
}

.cards-grid-holder {
  padding-top: 70px;
}

.cards-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-background {
  background-color: #f5f5f8;
  border-radius: 30px;
  height: 100%;
  overflow: hidden;
}

.card-container {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  max-height: 530px;
  display: flex;
  position: relative;
}

.card-container._02 {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.card-image-holder {
  width: 100%;
}

.card-image-holder._02 {
  width: auto;
  height: 80%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.card-image {
  width: 100%;
  height: 100%;
}

.card-text-holder {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  display: flex;
  overflow: hidden;
}

.card-text-holder._02 {
  text-align: left;
  align-items: flex-start;
  width: 100%;
  padding: 46px 46px 46px 38px;
}

.card-text-holder.small {
  padding-left: 13px;
  padding-right: 13px;
}

.two-cards-holder {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.card-logo-holder {
  perspective: 1000px;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 288px;
  min-height: 288px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-logo-container {
  z-index: 1;
  background-color: #fff;
  border-radius: 41px;
  justify-content: center;
  align-items: center;
  width: 155px;
  height: 155px;
  display: flex;
  position: relative;
}

.card-bg-image-holder {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.card-bg-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.card-logo {
  width: 66px;
}

.card-iphone-holder {
  width: 100%;
  margin-top: -190px;
  position: relative;
  top: 190px;
}

.iphone-card {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 270px;
  display: flex;
  position: relative;
  left: 24px;
}

.cards-second-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  display: grid;
}

.simple-card-image {
  width: 100%;
}

.social-media-link {
  opacity: 1;
  transition: opacity .2s, color .2s;
}

.social-media-link:hover {
  opacity: .7;
}

.footer-list-item {
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 0;
  padding-right: 1em;
}

.social-media-content {
  grid-column-gap: 1em;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.line {
  background-color: #2b3a57;
  width: 80%;
  height: 1px;
  position: absolute;
  top: 0%;
  bottom: auto;
}

.line.bottom {
  width: 30%;
  inset: auto auto 0%;
}

.line.top {
  width: 40%;
}

.hero-text-blur {
  background-image: linear-gradient(90deg, var(--main-blue), var(--cyan));
  opacity: 0;
  filter: blur(16px);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  height: auto;
  font-size: 12vw;
  font-weight: 800;
  position: absolute;
}

.hero-text-blur.gen {
  background-image: linear-gradient(90deg, var(--cyan), var(--green));
}

.card-logo-wrapper {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 250px;
  padding: 45px;
  display: flex;
  position: relative;
}

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

.licensing-grid.feather-icon {
  justify-content: space-around;
  display: flex;
}

.licensing-content {
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.feather-icon-holder {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.logo-to-use-image {
  height: 100%;
}

.licensing-icon {
  filter: invert();
}

.licensing-cards-wrapper {
  grid-row-gap: 45px;
  background-color: #151b22;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 50px;
  display: flex;
}

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

.logo-to-use-holder {
  height: 24px;
}

.licensing-cards {
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.licensing-title {
  font-size: 24px;
  font-weight: 500;
}

.feather-icon {
  width: 100%;
}

.licensing-cards-container {
  background-color: #000;
  margin-top: 50px;
  padding-top: 69px;
  padding-bottom: 69px;
}

.licensing-image-holder {
  width: 100%;
}

.licensing-link-holder {
  grid-column-gap: 8px;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  transition-property: opacity;
  display: flex;
}

.licensing-link-holder:hover {
  opacity: .7;
}

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

.hide {
  display: none;
}

.experience-wrapper {
  perspective: 1000px;
  width: 100%;
  height: 100%;
  display: flex;
}

.experience-wrapper:hover {
  color: #fff;
}

.experience-wrapper.onboarding {
  flex-flow: column;
  display: flex;
}

.experience-wrapper.full-lenth {
  justify-content: center;
  align-items: center;
}

.light-wrapper {
  z-index: 4;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.light {
  opacity: 1;
  background-color: #0000;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.hero-text-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-text-wrapper._01 {
  position: static;
}

.hero-text-wrapper._01.finance {
  position: absolute;
}

.hero-text-wrapper._01.acc-fin {
  width: 100%;
  height: 170px;
  margin-top: 0;
}

.hero-text-wrapper._01.mob {
  display: block;
}

.light-inside {
  z-index: 5;
  filter: blur(70px);
  background-color: #fff;
  width: 200px;
  height: 200px;
  position: absolute;
}

.light-inside.small {
  width: 70px;
}

.light-inside.lighter {
  background-color: #ffffff1a;
}

.light-wrapper-in-front {
  z-index: 5;
  position: absolute;
  inset: 0%;
}

.light-outside {
  opacity: .1;
  filter: blur(70px);
  background-color: #fff;
  width: 200px;
  height: 200px;
}

.error-message {
  text-align: center;
  background-color: #ff3939;
  border-radius: 50px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 15px;
}

.buy-template-guide {
  z-index: 20;
  grid-column-gap: 10px;
  opacity: .8;
  border: 1px solid #0003;
  border-radius: 6px;
  flex-direction: row;
  align-items: stretch;
  margin-bottom: 30px;
  margin-left: 30px;
  margin-right: 30px;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  transition: opacity .4s, box-shadow .475s;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.buy-template-guide:hover {
  opacity: 1;
  color: #000;
  border-color: #4253ff;
  box-shadow: 0 6px 20px #0000003b;
}

.buy-this-template-button-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  display: flex;
}

.buy-this-template-content {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.buy-this-template-text {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.buy-webflow-template-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.webflow-icon {
  background-image: url('../images/webflow-blue-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  display: block;
}

.buy-template-price {
  font-weight: 700;
}

.features-hero-holder {
  margin-top: 60px;
  margin-bottom: 200px;
}

.features-hero-container {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.features-hero-content-holder {
  grid-row-gap: 50px;
  perspective: 1500px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.features-hero {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-size: 100px;
  font-weight: 700;
  line-height: 1.1;
}

.features-hero-text-holder {
  transform: perspective(1500px);
}

.features-phone-holder {
  perspective: 1500px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.features-phone-container {
  z-index: 1;
  width: 250px;
  position: relative;
}

.features-phone {
  z-index: 1;
  width: 100%;
  position: relative;
}

.features-screenshot-holder {
  padding: .8em;
  position: absolute;
  inset: 0%;
}

.features-screenshot {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.features-number {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(48deg, #000 22%, #fff0 52%), linear-gradient(270deg, #eec5bd, #f3b1a5 39%, #c6caf6 78%, #dad9e9);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 28.9em;
  font-weight: 800;
  position: absolute;
  inset: -34% auto auto -4%;
}

.features-number._2 {
  background-image: linear-gradient(to right, #000 36%, #fff0 65%), linear-gradient(to right, #eec5bd, #f3b1a5 39%, #c6caf6 78%, #dad9e9);
  inset: -12% -8% auto auto;
}

.features-number._3 {
  z-index: 1;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 100% 100%, #000 33%, #fff0 56%), linear-gradient(270deg, #eec5bd, #f3b1a5 39%, #c6caf6 78%, #dad9e9);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 800;
  inset: auto auto -27% -5%;
}

.features-number._4 {
  z-index: -1;
  background-image: linear-gradient(#000 32%, #fff0 59%), linear-gradient(270deg, #eec5bd, #f3b1a5 39%, #c6caf6 78%, #dad9e9);
  inset: auto -8% -47% auto;
}

.company-number-facts-holder {
  background-color: #161b22;
  border: 1px solid #30363d;
  border-radius: 26px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 50px 100px;
  overflow: hidden;
}

.company-number-facts-container {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.company-number-facts-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.your-needs-section-holder {
  grid-row-gap: 160px;
  flex-direction: column;
  margin-top: 180px;
  margin-bottom: 0;
  display: flex;
}

.your-needs-section-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  place-items: center stretch;
}

.your-needs-section-grid.rotated {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-columns: 1fr 1.25fr;
}

.your-neeeds-content-holder {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.gradient-small-text {
  background-image: linear-gradient(to bottom, var(--cyan), var(--cyan));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.white-title {
  background-image: linear-gradient(0deg, var(--text-mutted), var(--text-main));
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.25;
}

.white-title.center {
  text-align: center;
  width: auto;
  margin-top: 0;
}

.your-needs-image-holder {
  border: 0 solid #30363d;
  border-radius: 26px;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  position: relative;
  overflow: hidden;
}

.your-needs-image-holder.small-image {
  height: 520px;
}

.your-needs-image-holder.image-anim {
  border-width: 1px;
  border-color: var(--line-main);
  background-color: var(--bg-cards);
  justify-content: center;
  align-items: center;
  transition: transform .325s, opacity .35s;
  display: flex;
  transform: rotate(0);
}

.your-needs-image-holder.image-anim:hover {
  opacity: .9;
  transform: scale(.96);
}

.your-needs-image-holder.image-anim.centered {
  cursor: pointer;
  margin-top: 48px;
}

.your-needs-image-holder.image-anim.centered.hero {
  cursor: auto;
}

.your-needs-image-holder.image-anim.centered.hero:hover {
  opacity: 1;
  transform: none;
}

.your-needs-image-holder.image-anim.tablet, .your-needs-image-holder.image-anim.smaller {
  display: none;
}

.your-needs-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.card-features-holder {
  margin-top: 80px;
  margin-bottom: 80px;
}

.card-features-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  perspective: 1500px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.experience-card-text-holder-left {
  grid-row-gap: 6px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

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

.experience-card-text-holder-small {
  grid-row-gap: 6px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  padding: 21px;
  display: flex;
}

.download-badge-container-cta {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.experience-card-mobile-holder {
  width: 100%;
  position: relative;
}

.experience-card-mobile-container {
  width: 100%;
}

.mobile-accessiblity-holder {
  width: 285px;
}

.mobile-accessibilty-container {
  z-index: 5;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-top: 30px;
  display: flex;
  position: relative;
}

.iphone-screen-mobile {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4.1%;
  padding-left: 4.6%;
  padding-right: 4.6%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.about-hero-content-holder {
  perspective: 1500px;
  width: 100%;
}

.about-hero-content-wrapper {
  grid-row-gap: 9px;
  background-color: var(--bg-main);
  border: 1px solid #30363d;
  border-radius: 10px;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.about-hero-title {
  font-size: 24px;
  font-weight: 500;
}

.about-hero-container {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.about-hero-text-holder {
  grid-row-gap: 30px;
  perspective: 1500px;
  flex-direction: column;
  display: flex;
}

.about-hero-holder {
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.about-hero-image-holder {
  perspective: 1500px;
  width: 100%;
}

.about-hero-image {
  width: 100%;
}

.about-black-section {
  grid-row-gap: 80px;
  flex-direction: column;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
}

.divider {
  background-color: #3b3f45;
  width: 100%;
  height: 1px;
}

.about-black-list-holder {
  background-color: #161b22;
  border: 1px solid #30363d;
  border-radius: 26px;
}

.about-black-list-container {
  grid-row-gap: 30px;
  flex-direction: column;
  padding: 40px 60px 40px 40px;
  display: flex;
}

.about-black-list-wrapper {
  grid-column-gap: 10px;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 15px;
  display: flex;
}

.about-black-list-icon-holder {
  background-image: linear-gradient(270deg, #eec5bd, #f3b1a5 30%, #c6caf6 72%, #dad9e9);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.about-black-list-icon {
  width: 12px;
}

.about-company-image-holder {
  border-radius: 32px;
  width: 100%;
  height: 510px;
  overflow: hidden;
}

.about-company-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.open-roles-container {
  grid-row-gap: 35px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.open-roles-holder {
  margin-top: 75px;
  margin-bottom: 75px;
}

.role-container {
  grid-row-gap: 6px;
  flex-direction: column;
  padding: 40px;
  display: flex;
}

.role-title {
  font-size: 24px;
  font-weight: 500;
}

.role-job-locaiton {
  color: #b4bcd0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.more-info-text {
  color: #b4bcd0;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.normal-link {
  color: #b4bcd0;
  text-decoration: underline;
}

.normal-link:hover {
  color: #fff;
}

.open-roles-cta-holder {
  margin-bottom: 120px;
}

.open-roles-cta-container {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  border-radius: 26px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.open-roles-cta {
  z-index: 1;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border: 1px undefined var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 26px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 1px;
  padding: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.h3-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 800;
}

.paragraph-open-roles {
  max-width: 520px;
}

.open-roles-illustation {
  width: 450px;
  position: absolute;
  inset: auto -1% -22% auto;
}

.blog-hero {
  margin-top: 0;
  margin-bottom: 48px;
}

.blog-post-main {
  background-color: #0000;
}

.blog-post-holder {
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 18px;
  flex-direction: row;
  align-items: stretch;
  transition: opacity .4s, transform .35s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
  overflow: hidden;
}

.blog-post-holder:hover {
  opacity: .8;
  color: #fff;
  transform: scale(.95);
}

.blog-post-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.blog-post-content {
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  padding: 40px;
  display: flex;
}

.blog-post-thumbnail-holder {
  width: auto;
  height: auto;
}

.blog-post-thumbnail {
  object-fit: cover;
  border-radius: 18px 0 0 18px;
  width: auto;
  height: auto;
}

.blog-category {
  background-color: var(--cyan);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.blog-title {
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
}

.blog-content-holder {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.blog-cta-container {
  justify-content: space-between;
  display: flex;
}

.blog-cta-email-holder {
  grid-row-gap: 35px;
  border-bottom: 1px solid #3b3f45;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.subscribe-text {
  font-size: 24px;
  font-weight: 600;
}

.follow-us-holder {
  grid-row-gap: 20px;
  border-bottom: 1px solid #3b3f45;
  border-left: 1px solid #3b3f45;
  flex-direction: column;
  max-width: 250px;
  padding: 20px;
  display: flex;
}

.blog-grid-wrapper {
  padding-top: 0;
  padding-bottom: 50px;
}

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

.blog-item-holder {
  border: 1px solid var(--line-main);
  border-radius: 16px;
  flex-direction: column;
  height: 100%;
  transition: transform .325s cubic-bezier(.175, .885, .32, 1.275), opacity .35s;
  display: flex;
}

.blog-item-holder:hover {
  opacity: .9;
  color: #fff6f6;
  transform: scale(.96);
}

.blog-item-thumbnail-holder {
  border: 0px solid var(--line-main);
  height: auto;
}

.blog-item-thumbnail {
  object-fit: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
  height: 100%;
}

.blog-category-holder {
  grid-column-gap: 20px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.blog-category-holder.top {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.blog-content {
  border: 0px none var(--green);
  background-color: #0000;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  padding: 24px 24px 40px;
  display: flex;
  position: relative;
}

.blog-small-name {
  margin-top: 12px;
  margin-bottom: 12px;
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}

.blog-summery-holder {
  color: var(--gray-text);
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.blog-details-holder {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 60px;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
}

.blog-details-title {
  max-width: 990px;
  margin-top: 24px;
  margin-bottom: 0;
}

.white-title-medium {
  text-align: left;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 72px;
  font-weight: 600;
  line-height: 1.2;
}

.paragraph-xl {
  color: var(--text-mutted);
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.blog-main-image-holder {
  border-radius: 12px;
  width: 100%;
  height: auto;
  margin-top: 40px;
  margin-bottom: 60px;
  overflow: hidden;
}

.blog-main-image {
  object-fit: cover;
  object-position: 50% 35%;
  width: 100%;
  height: 660px;
}

.blog-rich-text-holder {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 30% 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: auto;
  display: grid;
  position: relative;
}

.social-media-content-blog {
  grid-column-gap: 1em;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: center;
  width: 200px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  position: sticky;
  top: 20%;
}

.blog-rich-text-wrapper {
  max-width: none;
  margin-top: 20px;
}

.blog-cta-wrapper {
  border-top: 1px solid #3b3f45;
  margin-top: 120px;
  padding-top: 30px;
}

.blog-cta-content-holder {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.blog-cta-content-container {
  grid-row-gap: 6px;
  flex-direction: column;
  max-width: 420px;
  display: flex;
}

.blog-cta-title {
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.blog-rich-text-w {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 90px;
  padding-right: 90px;
  display: flex;
}

.pricing-category-holder {
  z-index: 3;
  position: relative;
}

.pricing-category-wrapper {
  grid-column-gap: 6px;
  background-color: #161b22;
  border: 1px solid #30363d;
  border-radius: 40px;
  padding: 6px;
  display: flex;
}

.pricing-category-container {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.pricing-button {
  background-color: #3d3d3d00;
  border-radius: 30px;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-weight: 500;
  transition: color .35s, background-color .425s;
}

.pricing-button:hover {
  color: #fff;
  background-color: #2d32384a;
}

.pricing-hero {
  margin-top: 0;
  margin-bottom: 40px;
}

.pricing-table-holder {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.pricing-table-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.pricing-item {
  z-index: 3;
  background-color: #161b22;
  border: 1px solid #30363d;
  border-radius: 26px;
  position: relative;
}

.pricing-item.middle {
  z-index: 2;
  border-color: #d4c3df;
  box-shadow: 0 60px 70px #efc0b730, 0 -20px 50px #d2d2ee12, 0 0 60px 9px #f1b2aa24;
}

.pricing-item-container {
  padding: 35px;
}

.pricing-title {
  color: #f3b1a5;
  margin-bottom: 32px;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.price-holder {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 8px;
  display: flex;
}

.price {
  font-size: 36px;
  font-weight: 700;
}

.pricing-indicator {
  color: #b4bcd0;
  margin-bottom: 11px;
  margin-left: 4px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.pricing-divider {
  background-color: var(--line-main);
  width: 100%;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.pricing-divider.white {
  background-color: #ffffff4d;
  height: .5px;
}

.pricing-list-holder {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.pricing-button-holder {
  text-align: center;
  flex-direction: column;
  align-items: stretch;
  margin-top: 50px;
  display: flex;
}

.faq-holder {
  flex-direction: column;
  align-items: center;
  margin-top: 48px;
  margin-bottom: 20px;
  display: flex;
}

.faq-container {
  grid-row-gap: 32px;
  flex-direction: column;
  width: 70%;
  display: flex;
}

.faq-block {
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  cursor: pointer;
  border-radius: 26px;
  padding: 32px;
  transition: background-color .5s;
}

.faq-block:hover {
  border-color: var(--cyan);
  background-color: var(--bg-blue);
}

.faq-heading {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-question-text {
  color: var(--text-main);
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.faq-icon-holder {
  border: 2px solid #fff;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
}

.faq-icon {
  width: 10px;
}

.faq-answer-holder {
  overflow: hidden;
}

.faq-answer {
  color: #b4bcd0;
  padding-top: 12px;
  padding-right: 28px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.cart-icon {
  width: 17px;
  min-width: 16px;
}

.cart-quantity {
  color: #fff;
  background-color: #fff0;
  border-radius: 0;
  min-width: 0;
  height: auto;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.cart-button {
  grid-column-gap: 6px;
  outline-offset: 0px;
  background-color: #353535;
  border-radius: 30px;
  outline: 0 #96969600;
  padding: 8px 14px;
  transition-property: background-color;
}

.cart-button:hover {
  background-color: #464646;
}

.cart {
  z-index: 3;
  margin-right: 12px;
}

.cart-container {
  background-color: #212121;
  border-radius: 26px;
  min-width: 390px;
  box-shadow: 0 5px 25px #00000040;
}

.cart-wrapper {
  background-color: #0000;
}

.pricing-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-info-container {
  background-color: #161b22;
  border: 1px solid #30363d;
  border-radius: 26px;
  max-width: 780px;
  padding: 35px;
}

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

.pricing-avatar-holder {
  grid-column-gap: 18px;
  align-items: center;
  display: flex;
}

.pricing-icon-holder {
  border-radius: 11px;
  width: 88px;
  min-width: 88px;
  height: 88px;
  min-height: 88px;
  overflow: hidden;
}

.pricing-title-normal {
  color: #f3b1a5;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.pricing-tilte-info {
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.pricing-info {
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pricing-list-wrapper {
  border-left: 1px solid #27272a;
  flex-direction: column;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 32px;
  display: flex;
}

.pricing-long-decsription {
  padding-top: 60px;
}

.pricing-details-hero {
  margin-top: 44px;
  margin-bottom: 44px;
}

.black-list li {
  color: #fff;
  background-image: url('../images/Gradient-Check.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 33px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.black-list ul {
  padding-left: 0;
}

.pricing-link {
  color: #a3a3a3;
}

.pricing-link.w--current {
  color: #fff;
  background-color: #ffffff1a;
  border-radius: 20px;
}

.checkout-form {
  background-color: #000;
}

.block-header {
  background-color: #fff0;
  border-style: none;
}

.block-content {
  background-color: #fff0;
  border: 1px #000;
}

.customer-info {
  background-color: #101010;
  border: 1px solid #161616;
  border-radius: 16px;
}

.field-input {
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  color: #fff;
  border-radius: 11px;
  height: 60px;
  margin-bottom: 20px;
  padding: 10px 12px;
  font-size: 16px;
  font-weight: 300;
  transition: border-color .2s, all .35s;
}

.field-input:hover, .field-input:focus, .field-input.-wfp-focus {
  background-color: var(--bg-cards);
  border-color: #fff;
}

.field-input::placeholder {
  color: #586e89;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.field-input.textarea {
  border-color: var(--line-main);
  height: auto;
  min-height: 100px;
}

.field-input.textarea:hover, .field-input.textarea:focus {
  background-color: var(--bg-cards);
}

.field-label {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.animate-on-load-03 {
  margin-top: 24px;
}

.animate-on-load-04 {
  width: 100%;
}

.animate-on-load-04._100-width-and-height {
  height: 100%;
}

.cart-x-icon {
  width: 25px;
  min-width: 24px;
}

.close-button {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.cart-header {
  border-bottom-style: none;
  border-bottom-color: #3b3f45;
  padding: 17px 22px;
}

.cart-icon-holder {
  border-radius: 10px;
  width: 62px;
  min-width: 62px;
  height: 62px;
  min-height: 62px;
  overflow: hidden;
}

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

.cart-quantity-holder {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 9px;
  display: flex;
}

.cart-header-holder {
  width: 100%;
  display: flex;
}

.cart-title {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.cart-item {
  border-bottom: 1px solid #3b3f45;
  flex-direction: column;
  margin-bottom: 12px;
  padding-bottom: 0;
}

.cart-item:last-child {
  border-bottom-style: none;
}

.cart-price-holder {
  flex-direction: row;
  flex: 0 auto;
  justify-content: space-between;
  width: 100%;
}

.cart-price {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.remove-button-icon {
  width: 24px;
  min-width: 24px;
}

.remove-button {
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  transition-property: background-color;
  display: flex;
}

.remove-button:hover {
  background-color: #323232;
}

.quantity-wrapper {
  grid-column-gap: 11px;
  align-items: center;
  display: flex;
}

.cart-quantity-inside {
  background-color: #323232;
  border-style: none;
  border-radius: 50px;
  margin-bottom: 0;
}

.cart-list {
  max-height: 60vh;
  padding: 0 13px 13px;
}

.cart-footer {
  border-top-style: none;
  padding-top: 0;
}

.empty-state {
  grid-row-gap: 12px;
  text-align: center;
  background-color: #ffffff1a;
  border-radius: 24px;
  flex-direction: column;
  margin: 36px;
  padding: 50px 27px;
  font-size: 16px;
  font-weight: 500;
}

.download-app-content {
  grid-row-gap: 6px;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 520px;
  max-width: none;
  padding: 32px;
  display: flex;
}

.iphone-image-home-page {
  z-index: 2;
  height: 100%;
  position: relative;
}

.prespective {
  perspective: 1500px;
  position: relative;
}

.cta-gradient {
  background-image: linear-gradient(to right, #eec5bd, #f3b1a5 38%, #c6caf6 78%, #dad9e9);
  border-radius: 26px;
  position: absolute;
  inset: 0%;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-brand {
  width: 140px;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  margin-right: 60px;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  color: #fff;
  text-transform: none;
  margin-bottom: 12px;
  font-family: Gilroy, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}

.footer-link {
  color: #fff;
  margin-top: 6px;
  margin-bottom: 2px;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

.footer-link:hover {
  color: var(--gray-text);
}

.footer-link.blog {
  display: none;
}

.footer-divider {
  border-top: 1px solid #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
  padding-top: 30px;
}

.footer-brand-holder {
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.black-link {
  color: #000;
}

.order-summery {
  top: 83px;
}

.contact-form-block {
  width: 50%;
}

.div-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  height: auto;
  display: flex;
}

.body {
  background-color: var(--bg-blue);
  overflow: visible;
}

.pricing-plan-card {
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 24px;
  padding: 32px 32px 56px;
  position: relative;
}

.pricing-plan-card.essentials {
  border-color: var(--cyan);
  padding-bottom: 150px;
  box-shadow: 0 0 40px #7fe9ff80;
}

.plan-label {
  color: var(--cyan);
  background-color: #0000;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.plan-price {
  margin-top: 12px;
  font-family: Gilroy, sans-serif;
  font-size: 42px;
  font-weight: 600;
}

.top-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 73% 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.per-month {
  color: var(--gray-text);
  margin-top: 4px;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.plan-descri-tion {
  width: 90%;
  color: var(--gray-text);
  margin-top: 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.plan-descri-tion.growth-plan {
  margin-top: 20px;
}

.bulltert-list-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 12px;
  display: grid;
}

.bulltert-list-wrapper.smaller {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.bullet {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.bullet.with-chip {
  justify-content: flex-start;
  align-items: center;
}

.icon {
  width: 18px;
  height: auto;
  margin-top: 1px;
}

.icon.minus {
  height: 30px;
}

.bullet-text {
  color: var(--gray-text);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.bullet-text.white {
  color: var(--text-main);
}

.bullet-text.smaller {
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
}

.plan-button {
  text-align: center;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.main-button-n {
  background-color: #fff0;
  border-radius: 10em;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 1px;
  transition: all .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.main-button-n:hover {
  text-decoration: none;
  overflow: hidden;
}

.button-bg {
  z-index: 1;
  background-color: #10192b;
  border-radius: 10em;
  width: 100%;
  transition: background-color .2s;
  position: relative;
}

.button-bg:hover {
  background-color: #131c2e;
}

.button-bg.pricing-bg {
  background-color: #0b1323;
}

.button-bg.pricing-bg:hover {
  background-color: #1d2734;
}

.button-inside {
  color: #fff;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}

.border-gradient-long {
  width: 500px;
  height: 500px;
  position: absolute;
  top: -140px;
  left: -70px;
}

.button-div {
  border-radius: 24px;
  margin-top: 32px;
  transition: transform .2s;
  display: flex;
  overflow: hidden;
}

.button-div:hover {
  transform: translate(0, -2px);
}

.button-div.price-section {
  width: auto;
  margin-top: 24px;
  transition: box-shadow .2s, transform .2s;
  position: absolute;
  inset: auto 32px 32px;
}

.button-div.price-section:hover {
  transform: none;
  box-shadow: 0 0 10px #f5f5f880;
}

.plan-main-button {
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 0 solid #000;
  border-radius: 90px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: box-shadow .2s, color .35s;
  display: flex;
  position: absolute;
  inset: auto 32px 32px;
}

.plan-main-button:hover {
  color: #000;
  box-shadow: 0 0 20px #7fe9ff80;
}

.paragraph {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.image {
  position: absolute;
  inset: 0%;
}

.lines {
  flex: 0 auto;
  display: block;
  position: absolute;
  inset: auto 0% 0% 5%;
}

.contacts-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 160px;
  margin-bottom: 50px;
  display: grid;
}

.contacts-grid.contacts {
  margin-top: 0;
}

._1-grid {
  border: 1px solid var(--line-main);
  background-color: #0e1319;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 32px;
}

.contact-info {
  color: var(--gray-text);
  margin-top: 4px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.tile {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-top-left-radius: 25px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  padding: 32px;
  display: grid;
}

.tile.second {
  border-top-left-radius: 0;
  border-top-right-radius: 25px;
}

.tile.four {
  border-top-left-radius: 0;
  border-bottom-right-radius: 25px;
}

.tile.third {
  border-top-left-radius: 0;
  border-bottom-left-radius: 25px;
}

.left-side-tile {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: block;
}

.left-side-tile.contactus {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tile-email {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-bottom-left-radius: 25px;
  grid-template-rows: auto;
  grid-template-columns: 3.5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  padding: 32px;
  display: flex;
}

.link-block-3 {
  height: auto;
}

.image-2 {
  height: 50px;
}

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

.footer-divid {
  background-color: #2e3b49;
  height: 1px;
  margin-bottom: 40px;
}

.hero-body {
  z-index: 20;
  width: 510px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}

.email-button {
  color: #000;
  background-color: #fff;
  border-radius: 90px;
  margin-top: 0;
  padding: 16px 32px;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: box-shadow .2s, color .35s;
}

.email-button:hover {
  color: #000;
  box-shadow: 0 2px 15px #ffffff80;
}

.email-button.padding {
  margin-top: 12px;
}

.email-button._40padding {
  margin-top: 40px;
}

.email-button.features {
  padding-left: 48px;
  padding-right: 48px;
}

.image-bg {
  border: 1px solid var(--line-main);
  background-color: #171f28;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-3 {
  z-index: 6;
  cursor: auto;
  margin: 0;
  position: relative;
  inset: auto 0% 0%;
}

.image-3.pointer {
  cursor: pointer;
}

.store-link {
  transition: box-shadow .2s, color .35s;
}

.store-link:hover {
  box-shadow: 0 0 15px #7fe9ff80;
}

.div-block-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  margin-top: 12px;
  display: flex;
}

.image-4, .image-5 {
  height: 48px;
}

.paragraph-2 {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.paragraph-3 {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.paragraph-4 {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.paragraph-5 {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

.paragraph-6 {
  width: 100%;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.header-subtext {
  color: var(--gray-text);
  text-align: center;
  margin-top: 12px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.header-subtext.right {
  text-align: left;
}

.header-subtext._80 {
  text-align: left;
  width: 80%;
  margin-top: 12px;
  line-height: 1.5;
}

.header-subtext.centered {
  margin-top: 0;
}

.paragraph-8 {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.paragraph-8.faq {
  width: 500px;
}

.paragraph-9, .paragraph-10, .paragraph-11, .paragraph-12, .paragraph-13 {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.message {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.no-spam {
  color: #aebfd1;
  margin-bottom: 0;
  padding-top: 2px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.div-block-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 40px;
  display: flex;
}

.contact-line {
  background-color: var(--line-main);
  height: 1px;
  margin-top: 28px;
  margin-bottom: 28px;
}

.list-point {
  color: #fff;
  width: auto;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.list-point.contact-us {
  width: 100%;
}

.contact-us {
  margin-top: 0;
}

.list-flex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  width: 240px;
  display: flex;
}

.list-flex.addons-list {
  color: #fff;
  width: auto;
  font-family: Inter, sans-serif;
  font-size: 14px;
}

.list-flex.addons-list.contact-page {
  justify-content: flex-start;
  align-items: flex-start;
}

.name-person {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-weight: 600;
}

.contact-person {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.b2 {
  color: #fff;
  text-align: center;
  border-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.b2.left {
  color: #aebfd1;
  text-align: left;
  margin-top: 8px;
}

.b2.left._0-padding {
  margin-top: 0;
  font-weight: 400;
}

.contact-text {
  width: 480px;
}

.contact-points {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 16px;
  display: flex;
}

.person-image {
  width: 72px;
}

.div-block-5 {
  width: auto;
}

.tick {
  margin-top: 4px;
}

.body-2 {
  background-color: var(--bg-blue);
}

.list {
  flex-flow: column;
  padding-left: 20px;
  list-style-type: disc;
  display: flex;
}

.text-content {
  padding-top: 0;
}

.privacy-and-legal {
  margin-top: 60px;
  margin-bottom: 40px;
}

.tab-pane-tab-2 {
  border: 0px solid var(--line-main);
  background-color: #0000;
  border-radius: 16px;
  margin-top: 16px;
  padding: 24px 0 0;
}

.content-2 {
  justify-content: center;
  margin-top: 0;
  display: flex;
}

.h7 {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 130%;
}

.h7.small {
  margin-top: 0;
  margin-bottom: 10px;
}

.b4 {
  color: var(--text-mutted);
  border-width: 0;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.privacy-link-email {
  color: #aebfd1;
  text-decoration: none;
}

.tab {
  color: var(--text-mutted);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 600;
}

.tab-pane-tab-1 {
  border: 0px solid var(--line-main);
  background-color: #0000;
  border-radius: 24px;
  margin-top: 16px;
  padding: 24px 0 0;
}

.content-wrap {
  z-index: 10;
  background-color: #0000;
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1440px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tabs {
  flex-direction: column;
  flex: 1;
  max-width: 770px;
  display: flex;
}

.text-span-5 {
  font-weight: 600;
}

.tab-link-privacy {
  border-bottom: 2px solid var(--text-mutted);
  color: var(--text-mutted);
  background-color: #0000;
  flex: 1;
  padding-top: 14px;
  padding-bottom: 14px;
}

.tab-link-privacy.w--current {
  color: #fff;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  border-bottom: 2px solid #fff;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
}

.list-item {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  list-style-type: disc;
}

.tabs-menu-2 {
  background-color: #0000;
  border: 0 solid #d2d2d2e6;
  border-bottom: 2px #d2d2d2e6;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

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

.body-3 {
  background-color: #12181f;
}

.footer-link-2 {
  color: #fff;
  text-transform: none;
  font-family: Gilroy, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s, border-width .2s, all .2s;
}

.footer-link-2:hover {
  color: var(--gray-text);
  border-bottom: 0 solid #000;
  text-decoration: none;
}

.footer-link-2:active {
  border-bottom-width: 0;
  text-decoration: none;
}

.footer-link-2.legal {
  color: #b3bcd0;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.footer-link-2.legal:hover {
  color: #fff;
}

.footer-link-2.legal-bi {
  display: none;
}

.footer-link-2.blog {
  display: block;
}

.link-icon {
  transition: box-shadow .2s, opacity .2s;
}

.link-icon:hover {
  opacity: 1;
  color: #fff;
  mix-blend-mode: normal;
  box-shadow: 0 2px 10px #7fe9ff80;
}

.col-1 {
  margin-top: 0;
  padding-bottom: 16px;
}

.image-12 {
  height: 24px;
}

.footer-divider-2 {
  background-color: var(--line-main);
  color: #d2d2d2e6;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.footer-divider-2.two {
  margin-top: 32px;
  margin-bottom: 32px;
}

.footer-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: minmax(auto, 1fr) auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  max-width: 1170px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 3em 2em 2em;
  display: grid;
}

.all-rights {
  color: var(--gray-text);
  text-transform: uppercase;
  border-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
}

.app-wrapper {
  grid-column-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.links-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  margin-top: 16px;
  display: flex;
  position: relative;
}

.image-13, .image-14 {
  width: 140px;
}

.store-links {
  z-index: 6;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-top: 16px;
  display: flex;
  position: relative;
}

.circles {
  width: 230px;
  max-width: none;
  position: absolute;
  inset: 17% 0% 0% 30%;
}

.body-4 {
  background-color: var(--bg-blue);
}

.tablet-visual {
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.text-block {
  color: var(--text-main);
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.image-content {
  z-index: 5;
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 25px;
  margin: 1px;
  position: relative;
}

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

.links-content {
  color: var(--text-mutted);
  border-left: 1px solid #586e89;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.links-content:hover {
  color: #fff;
  border-left-color: #fff;
  text-decoration: underline;
}

.links-content.w--current {
  color: #fff;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #aebfd1;
  border-left-width: 1px;
  border-left-color: #fff;
  padding-left: 12px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.content-links {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.stylablebuttons {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.twittershare {
  letter-spacing: .5px;
  background-color: #1da1f200;
  background-image: url('../images/X.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 5px;
  align-items: center;
  height: 29px;
  padding: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.left-side-sticky {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: flex-start start;
  max-width: none;
  margin-top: 20px;
  display: block;
  position: sticky;
  top: 100px;
}

.buttoncontainer {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  width: auto;
  display: flex;
}

.sharevia {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 16px;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.linkedinshare {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0077b500;
  background-image: url('../images/Facebook.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 5px;
  align-items: center;
  height: 29px;
  padding: 32px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.pinterestsave {
  letter-spacing: .5px;
  background-color: #bd081c00;
  background-image: url('../images/Email.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 5px;
  align-items: center;
  height: 29px;
  padding: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 16px;
  display: none;
}

.share-via {
  flex-flow: column;
  width: auto;
  margin-top: 40px;
  display: inline-flex;
}

.table-of-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #18212c00;
  border: 0 solid #fff;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 360px;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: static;
  top: 20px;
}

.facebookshare {
  letter-spacing: .5px;
  background-color: #3b599800;
  background-image: url('../images/Linkedin.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 5px;
  align-items: center;
  height: 29px;
  padding: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.html-embed {
  clear: none;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.paragraph-14 {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.paragraph-15 {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.body-5 {
  background-color: var(--bg-blue);
}

.heading {
  background-image: linear-gradient(0deg, var(--text-mutted), white);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Gilroy, sans-serif;
  font-weight: 600;
}

.paragraph-16 {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.heading-2 {
  background-image: linear-gradient(0deg, var(--text-mutted), var(--text-main));
  font-family: Gilroy, sans-serif;
  font-weight: 600;
}

.paragraph-17 {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.heading-3 {
  background-image: linear-gradient(0deg, var(--text-mutted), var(--text-main));
  font-family: Gilroy, sans-serif;
  font-weight: 600;
}

.paragraph-18 {
  font-weight: 400;
}

.rich-text-block, .rich-text-block-2 {
  padding-top: 32px;
}

.rich-text-blog {
  padding-top: 0;
}

.body-6 {
  background-color: var(--bg-blue);
}

.dashboard-tablet {
  z-index: 1;
  display: none;
  position: absolute;
}

.blog-card {
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 16px;
  flex-flow: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.list-item-2 {
  color: var(--gray-text);
}

.heading-4, .heading-5, .heading-6 {
  background-image: linear-gradient(0deg, var(--text-mutted), var(--text-main));
}

.paragraph-19 {
  letter-spacing: 0;
}

.related-posts {
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  font-weight: 600;
  display: flex;
}

.div-block-11 {
  justify-content: center;
  align-items: center;
  margin-bottom: -120px;
  display: flex;
}

._404 {
  color: #0000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  background-image: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 334px;
  font-weight: 700;
}

.number-0 {
  color: #0000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 334px;
  font-weight: 700;
}

.hero-circles-holder {
  z-index: 0;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.circle {
  z-index: 2;
  background-image: linear-gradient(180deg, var(--main-blue), var(--cyan) 52%, var(--green));
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1150px;
  height: 1150px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.circle._02 {
  width: 1430px;
  height: 1430px;
  position: absolute;
  inset: 0%;
}

.circle.two {
  z-index: 1;
  width: 1500px;
  height: 1500px;
}

.circle.small {
  width: 600px;
  height: 600px;
}

.circle-stroke {
  background-color: var(--bg-blue);
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  margin: 4px 2px 2px;
  overflow: hidden;
}

.loader {
  z-index: 2000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.footer-logo-container {
  position: absolute;
}

.footer-circle {
  position: absolute;
  top: -1.5vw;
  left: -2.5vw;
}

.footer-circle.smaller {
  width: 50px;
  top: 80px;
  left: -4vw;
}

.footer-circle.smaller.top {
  top: 10px;
  left: 8vw;
}

.wrapper {
  overflow: hidden;
}

.logo-center {
  position: relative;
}

.image-15 {
  width: 90px;
}

.laoder-circle {
  z-index: -1;
  background-color: var(--bg-cards);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 140vw;
  height: 140vw;
  display: flex;
  position: absolute;
}

.loader-2 {
  z-index: 2000;
  background-color: #0e1721;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.loader-wrapper {
  z-index: 190;
  background-color: var(--bg-blue);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bg-blur {
  z-index: 100000000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-74 {
  height: 120px;
}

.progress-bar-wrapper {
  background-color: var(--line-main);
  border-radius: 10px;
  width: 350px;
  height: 6px;
  margin-top: 48px;
  margin-bottom: 16px;
  position: relative;
  overflow: visible;
}

.div-block-6 {
  z-index: 8;
  background-color: #0000;
  background-image: linear-gradient(90deg, var(--main-blue), var(--cyan) 50%, var(--green));
  border-radius: 24px;
  width: 100%;
  height: 6px;
  position: relative;
}

.html-embed-5 {
  z-index: 1;
  position: relative;
}

.logo-wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  display: flex;
  overflow: visible;
}

.image-75 {
  width: 909px;
  min-width: auto;
  max-width: none;
  height: 900px;
  min-height: auto;
  position: absolute;
  inset: -30% 0% -20% -40%;
}

.image-75.gradient-image {
  width: 2500px;
  height: 2500px;
  top: -270%;
  bottom: 0%;
  left: -70%;
}

.div-block-12 {
  z-index: -10;
  background-color: var(--green);
  opacity: .6;
  filter: blur(5px);
  border-radius: 55px;
  width: 8px;
  height: 8px;
  position: absolute;
  inset: 0% .5% 0% auto;
}

.hero-logo-wrapp {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.div-block-13 {
  z-index: 30;
  background-image: linear-gradient(#050f1a, #050f1a 60%);
  height: 100px;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-14 {
  overflow: hidden;
}

.hero_wrapper {
  margin-top: -50px;
}

.buttom-hero-oart {
  width: 100%;
  height: 100%;
  margin-top: -30px;
  position: relative;
}

.div-block-15 {
  z-index: 5;
  background-image: linear-gradient(0deg, #050f1a, #050f1a00);
  width: 100%;
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.text-block-2 {
  width: auto;
  color: var(--text-main);
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.ajay-gopal {
  background-image: linear-gradient(180deg, var(--text-main), var(--text-mutted));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.reports-tab {
  z-index: 2;
  position: absolute;
}

.transaction {
  z-index: 3;
  position: absolute;
}

.reconcilation {
  z-index: 4;
  position: absolute;
}

.dasboard-visual {
  z-index: 2;
  width: 100%;
  max-width: none;
  padding-top: 16px;
  padding-bottom: 16px;
  display: block;
  position: absolute;
}

.title-2 {
  background-image: linear-gradient(#f5f5f8, #bbbbbd);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 70px;
  font-weight: 700;
}

.white-mode-holder-2 {
  z-index: 1;
  background-color: #131e36;
  background-image: linear-gradient(#1c2b4c, #050f1a);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.dark-and-light-mode-holder-2 {
  background-color: #0000;
  background-image: linear-gradient(180deg, var(--bg-blue), var(--light-part-gradient) 54%, var(--bg-blue));
  width: 100%;
  height: 600vh;
}

.sales-visual {
  z-index: 2;
  width: 100%;
  max-width: none;
  padding-top: 16px;
  padding-bottom: 16px;
  position: absolute;
}

.reconcilation-visual {
  z-index: 3;
  width: 100%;
  max-width: none;
  padding-top: 16px;
  padding-bottom: 16px;
  position: absolute;
}

.reports-visual {
  z-index: 4;
  width: 100%;
  max-width: none;
  padding-top: 16px;
  padding-bottom: 16px;
  position: absolute;
}

.sales-tablet, .recon-tablet, .reports-tablet {
  display: none;
}

.dark-mode-hand {
  z-index: 1;
  width: 90%;
  max-width: none;
  padding-top: 16px;
  padding-bottom: 16px;
  display: block;
  position: relative;
}

.center-iphone-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.dark-and-light-mode-holder-3 {
  background-color: #0000;
  width: 100%;
  height: 250vh;
}

.img {
  display: none;
}

.dark-mode-hand-holder-2 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 80%;
  min-width: auto;
  max-width: none;
  margin: 0;
  display: flex;
  position: relative;
  inset: 0;
}

.nav-menu-2 {
  align-items: center;
  height: 100%;
  font-weight: 600;
  display: flex;
}

.nav-link-text-2 {
  color: #b4bcd0;
  -webkit-text-stroke-color: #b4bcd0;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.nav-link-text-2:hover {
  color: #fff;
}

.nav-link-text-2:lang(en) {
  color: #b4bcd0;
}

.container-2 {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
}

.container-2.nav-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.navbar-2 {
  z-index: 20;
  background-color: #0000;
  height: 70px;
  position: sticky;
  inset: 10px 0% auto;
}

.nav-menu-container-2 {
  -webkit-backdrop-filter: blur(34px);
  backdrop-filter: blur(34px);
  background-color: #0b132366;
  border: 1px solid #2b3a57;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  box-shadow: 0 14px 20px #00000036;
}

.nav-link-2 {
  grid-column-gap: 6px;
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: hidden;
}

.nav-link-text-3 {
  color: #b4bcd0;
  -webkit-text-stroke-color: #b4bcd0;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.nav-link-text-3:hover {
  color: #fff;
}

.nav-link-text-3:lang(en) {
  color: #b4bcd0;
}

.container-3 {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
}

.container-3.nav-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.nav-link-3 {
  grid-column-gap: 6px;
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: hidden;
}

.body-contact {
  background-color: var(--bg-blue);
}

.nav-menu-3 {
  align-items: center;
  height: 100%;
  font-weight: 600;
  display: flex;
}

.nav-link-text-4 {
  color: #b4bcd0;
  -webkit-text-stroke-color: #b4bcd0;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.nav-link-text-4:hover {
  color: #fff;
}

.nav-link-text-4:lang(en) {
  color: #b4bcd0;
}

.nav-menu-container-3 {
  -webkit-backdrop-filter: blur(34px);
  backdrop-filter: blur(34px);
  background-color: #0b132366;
  border: 1px solid #2b3a57;
  border-radius: 100px;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  box-shadow: 0 14px 20px #00000036;
}

.nav-link-4 {
  grid-column-gap: 6px;
  flex-direction: row;
  align-items: center;
  height: 100%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: hidden;
}

.hero-h {
  background-image: linear-gradient(135deg, var(--main-blue) 21%, var(--cyan) 73%);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 160px;
  font-weight: 700;
}

.hero-h.hyphen {
  background-image: linear-gradient(135deg, var(--cyan) 21%, var(--cyan) 73%);
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.hero-h.gen {
  background-image: linear-gradient(135deg, var(--cyan), #00de66);
  margin-top: 0;
  margin-bottom: 0;
}

.hero-h.finance {
  background-image: linear-gradient(135deg, var(--main-blue) 19%, var(--cyan) 50%, var(--green));
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-h.accounting {
  background-image: linear-gradient(135deg, var(--main-blue) 15%, var(--cyan) 50%, var(--green));
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.hero-h.platform {
  background-image: linear-gradient(135deg, var(--main-blue) 14%, var(--cyan) 50%, var(--green));
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
}

.paragraph-2-copy {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.experience-paragraph-holder-copy {
  width: auto;
  max-width: 600px;
}

.experience-paragraph-holder-copy {
  max-width: 550px;
}

.experience-paragraph-holder-copy._02 {
  max-width: 280px;
}

.experience-paragraph-holder-copy-copy {
  max-width: 440px;
}

.experience-paragraph-holder-copy-copy._02 {
  max-width: 280px;
}

.body-7 {
  background-color: var(--bg-blue);
}

.left-side-hero {
  align-self: flex-start;
  width: 50%;
  margin-top: 60px;
}

.right-side-hero {
  width: 50%;
  height: 59vh;
  position: relative;
  inset: auto 0% 0%;
}

.hero-wrapper {
  flex-flow: row;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.heading-7 {
  font-weight: 700;
}

.heading-8 {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-family: Interdisplay, Arial, sans-serif;
  font-weight: 900;
  line-height: 1.3;
}

.heading-9, .heading-10, .heading-11, .heading-12, .heading-13 {
  font-weight: 700;
}

.hero-header {
  margin-bottom: 0;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.2;
}

.hero-body-lp {
  color: var(--gray-text);
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.hero-bullet {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.star-bullet {
  width: 26px;
}

.white-span {
  color: var(--text-main);
}

.hero-bullets-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 530px;
  margin-top: 12px;
  display: flex;
}

.logos-holder {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 32px;
  display: flex;
}

.image-76 {
  z-index: 2;
  width: 1190px;
  position: absolute;
  inset: auto 0% 0%;
}

.logos-text {
  color: var(--gray-text);
  text-align: center;
  margin-top: 32px;
  font-family: Inter, sans-serif;
}

.logo-wrap {
  width: 80px;
  height: 80px;
}

.top-reasons-section {
  margin-top: 100px;
}

.tabs-wrapper {
  width: 100%;
  margin-top: 48px;
  margin-bottom: 120px;
}

.top-reasons {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.tabs-menu-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 50%;
  margin-right: 40px;
  display: flex;
}

.tabs-content {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.tab-link-tab-1 {
  background-color: #c8c8c8;
}

.tab-link-tab-1.w--current {
  border: 1px solid var(--cyan);
  background-color: #0000;
  border-radius: 16px;
  padding: 24px;
}

.tabs-bodytext {
  color: var(--gray-text);
  margin-top: 8px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.tab-header {
  margin-top: 0;
  margin-bottom: 0;
}

.tab-style-reason {
  border: 1px solid var(--line-main);
  background-color: #0000;
  border-radius: 16px;
  padding: 24px;
}

.tab-style-reason.w--current {
  border-color: var(--cyan);
  background-color: #0000;
}

.header-button {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.header-h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.grid-numbers {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  display: grid;
}

.number-wrapper {
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 16px;
  padding: 24px;
}

.icon-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.body-grid {
  color: var(--gray-text);
  margin-top: 12px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  display: block;
}

.body-grid._8padding {
  text-align: center;
  width: 550px;
  margin-top: 8px;
}

.body-grid.center {
  text-align: left;
}

.header-grid {
  margin-top: 0;
  margin-bottom: 0;
}

.compare-wrap {
  border-style: solid;
  border-width: 0 0 1px 1px;
  border-color: var(--line-main);
  background-color: #0000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.compare-wrap.absolute {
  border-width: 1px 1px 0;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: relative;
}

.compare-wrap.gredient-fill {
  z-index: 8;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top-width: 0;
  border-right-width: 0;
  border-right-color: var(--cyan);
  border-left-color: var(--cyan);
  background-image: linear-gradient(90deg, #0041ff1a, #75dcff1a 46%, #7fe9ff1a 50%, #12e0701a);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  margin-left: 0;
  padding-top: 0;
  display: grid;
  position: relative;
}

.compare-wrap.gredient-fill._3-columns {
  grid-template-columns: 1fr 1fr;
}

.compare-wrap.gredient-fill.bottom {
  border-bottom-width: 1px;
  border-bottom-color: var(--cyan);
}

.compare-wrap.gredient-fill.grey {
  background-color: #15223b;
  background-image: none;
}

.compare-wrap.xero {
  border-right-width: 0;
  border-left-color: var(--cyan);
}

.compare-wrap.xero.grey {
  background-color: #15223b;
}

.compare-wrap.experience-paragraph-holder-copy {
  background-color: #15223b;
  max-width: none;
}

.image-69 {
  width: 20px;
}

.plan {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
}

.compare-point {
  width: 100%;
  color: var(--text-main);
  text-align: center;
  border-style: none;
  margin-top: 0;
  margin-bottom: 0;
}

.compare-point.jaz {
  flex: 0 auto;
  justify-content: space-around;
  align-items: stretch;
  font-weight: 600;
  display: flex;
}

.compare-point.subtext {
  color: var(--gray-text);
  font-size: 12px;
}

.compare-point.upper {
  margin-top: -16px;
}

.dropdown-tigger {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-style: solid;
  border-width: 0 1px;
  border-color: var(--line-main);
  background-color: #15223b;
  border-radius: 12px 0 0;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding: 0;
  display: grid;
  position: relative;
}

.dropdown-tigger:active {
  border-bottom-left-radius: 0;
}

.image-65 {
  width: 20px;
  position: relative;
  inset: auto 0% 0%;
}

.feature-name {
  color: var(--text-main);
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
}

.feature-name.subtext {
  color: var(--gray-text);
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.white-tick {
  width: 20px;
}

.feature-list {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 0px solid var(--line-main);
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  transition: border-width .4s, border-color .4s, transform .2s;
  display: grid;
  position: relative;
}

.feature-list:hover {
  border-width: 0;
  border-color: var(--line-main);
}

.feature-list.last {
  border-bottom-width: 0;
}

.feature-list.bottom, .feature-list.bottom:hover {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.feature-wrap {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: #747a80 #747a80 var(--line-main) var(--line-main);
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
}

.feature-wrap.bottom {
  border-bottom-width: 0;
}

.feature-wrap.grey {
  background-color: #15223b;
}

.dropdown-wrapper {
  background-color: #161e28;
  border-radius: 12px;
  height: auto;
  margin-top: 32px;
  overflow: hidden;
}

.dropdown-wrapper.top {
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 12px 0 12px 12px;
  margin-top: 0;
}

.div-block-28 {
  z-index: 1000000;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: sticky;
  top: 0;
}

.plan-table {
  background-color: #18212c;
  border: .5px solid #747a80;
  border-left-width: 1px;
  position: relative;
}

.plan-table.free {
  border-width: 1px 0 0 1px;
  border-color: var(--cyan);
  background-color: var(--bg-cards);
  border-top-left-radius: 16px;
  border-top-right-radius: 0;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 1px;
  display: flex;
}

.plan-table.growth {
  border-width: 1px 1px 0;
  border-color: var(--line-main);
  background-color: var(--bg-cards);
  border-top-left-radius: 0;
  border-top-right-radius: 16px;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  display: flex;
}

.plan-table.green {
  border-width: 1px 0 0 1px;
  border-color: var(--line-main) var(--line-main) var(--line-main) var(--cyan);
  background-color: var(--bg-cards);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  display: flex;
}

.sticky-fill {
  z-index: 1000000;
  background-color: #0000;
  padding-bottom: 0;
  position: relative;
  top: 0;
}

.heading-17 {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 28px;
}

.plan-strip {
  background-color: #fff;
  background-image: linear-gradient(90deg, var(--main-blue), var(--green) 50%, var(--cyan));
  width: 100%;
  height: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  position: absolute;
  inset: auto 0% 0%;
}

.plan-strip.pink-wave, .plan-strip.green {
  background-color: var(--line-main);
  background-image: none;
  height: 2px;
}

.plan-above {
  background-color: #0000;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.plan-above.jaz {
  background-color: var(--bg-cards);
  border-top-left-radius: 16px;
  padding-left: 0;
}

.compare-table {
  margin-top: 40px;
  margin-bottom: 0;
}

.cta-section {
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 80px;
  display: flex;
  position: relative;
}

.right-side-text {
  width: 54%;
}

.left-side-visual {
  align-self: auto;
  width: 500px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.cta-header {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.4;
}

.text-span-6 {
  background-image: linear-gradient(90deg, var(--main-blue), var(--cyan) 50%, var(--green));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.image-77 {
  width: 65%;
  position: absolute;
  inset: auto 0% 0% 15%;
}

.image-77.tablet {
  vertical-align: baseline;
  display: none;
}

.centered-cta {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
}

.cta-centered-header {
  text-align: center;
  width: 520px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.3;
}

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

.div-block-30 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.center-hold {
  margin-bottom: 160px;
}

.center {
  text-align: center;
}

.onboarding {
  margin-top: 100px;
}

.heading-19 {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-family: Interdisplay, Arial, sans-serif;
  font-weight: 900;
}

.heading-20 {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-family: Interdisplay, Arial, sans-serif;
  font-weight: 700;
}

.heading-21 {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-weight: 700;
}

.onboarding-header {
  text-align: center;
  margin-bottom: 40px;
}

.div-block-32 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: stretch stretch;
  display: flex;
}

.chip-text {
  color: var(--cyan);
  font-family: Gilroy, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.chip-tryforfree {
  border: 1px solid var(--cyan);
  background-color: #172839;
  border-radius: 8px;
  padding: 6px 8px;
}

.pricing-divider-copy {
  background-color: #2e3b49;
  width: 100%;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.hero-logos {
  z-index: 200;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1130px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 32px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pikohanna {
  object-fit: contain;
  width: auto;
  height: 32px;
}

.connexions, .heysara {
  width: auto;
  height: 40px;
}

.trustmoore {
  width: auto;
  height: 48px;
}

.legatcy {
  width: auto;
  height: 40px;
}

.legatcy.meco {
  height: 40px;
}

.logo-wrapp {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-self: flex-start;
  align-items: stretch;
  margin-left: 0;
  display: flex;
}

.trusted-by {
  background-color: #fff;
  background-image: linear-gradient(180deg, var(--text-main), var(--text-mutted));
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.topshadow-logo {
  z-index: 140;
  background-image: linear-gradient(#050f1a 53%, #050f1a00);
  width: 100%;
  height: 44px;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-33 {
  background-image: linear-gradient(#050f1a00, #050f1a);
  width: 100%;
  height: 44px;
  position: absolute;
  inset: auto 0% 0%;
}

.logo-grid-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-self: center;
  place-items: center;
  width: 180vw;
  min-width: 100vw;
  display: grid;
}

.side-shadow {
  z-index: 50;
  background-image: linear-gradient(90deg, #050f1a, #050f1a 0%, #050f1a00);
  width: 80px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.side-shadow.right {
  inset: 0% 0% 0% auto;
  background-image: linear-gradient(90deg, #050f1a00, #050f1a00 50%, #12181f);
  width: 90px;
  inset: 0% -1% 0% auto;
}

.side-shadow.left {
  background-image: linear-gradient(90deg, var(--bg-main), #12181f00);
  width: 90px;
  left: -1%;
}

.side-shadow.left.white {
  background-image: linear-gradient(90deg, #fafafa, #12181f00);
}

.side-shadow.right {
  background-image: linear-gradient(90deg, #050f1a00, #050f1a00 50%, var(--bg-main));
  width: 90px;
  inset: 0% -1% 0% auto;
}

.side-shadow.right.white {
  background-image: linear-gradient(90deg, #050f1a00, #050f1a00 50%, #fafafa);
}

.mobile-scroll-logo-top, .mobile-scroll-logo-bottom {
  display: none;
}

.isa {
  height: 40px;
}

.as {
  height: 40px;
  padding-left: 0;
}

.amc {
  height: 40px;
}

.elephant {
  height: 48px;
}

.features-hero-title {
  background-image: linear-gradient(180deg, var(--text-main), var(--text-mutted));
  text-align: center;
  font-size: 78px;
  font-weight: 700;
  line-height: 1;
}

.features-hero {
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  transition: box-shadow .2s, transform .2s;
  display: flex;
}

.features-hero:hover {
  box-shadow: 0 0 10px #f5f5f880;
}

.features-hero-bg {
  z-index: 2;
  background-color: var(--bg-blue);
  border-radius: 26px;
  padding: 0 48px;
  transition: transform .2s, box-shadow .2s;
  position: relative;
}

.features-hero-bg:hover {
  background-color: var(--bg-cards);
  box-shadow: 0 2px 5px #fafafa33;
}

.feature-hero-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.features-hero-button-gradient {
  width: 500px;
  height: 500px;
  position: absolute;
  inset: -180% 0% 0% -100px;
}

.jaz-free {
  border: 0px solid var(--cyan);
  justify-content: center;
  align-items: center;
  display: flex;
}

.jaz-essentials {
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: var(--line-main) var(--cyan) var(--line-main) var(--line-main);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.jaz-essentials.two-lines {
  margin-bottom: 0;
  padding-top: 0;
}

.plan-wrapper {
  border-style: solid none solid solid;
  border-width: 0 0 1px;
  border-color: var(--line-main) var(--cyan) var(--line-main) var(--line-main);
  margin-right: 0;
  padding: 12px 0 12px 24px;
}

.plan-holder {
  border-bottom: 1px solid var(--line-main);
  border-left: 1px solid var(--line-main);
  justify-content: center;
  align-items: center;
  display: flex;
}

.plan-holder.two-plans {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: 0px solid var(--cyan);
  border-left: 0px solid var(--cyan);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch space-between;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.plan-holder.xero {
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-left-color: var(--cyan);
}

.jaz-plan {
  border-bottom: 0 solid #7fe9ff1a;
  border-right: 0 solid #7fe9ff1a;
  border-left: 1px solid var(--cyan);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.jaz-plan.left {
  border-top: 0px solid var(--line-main);
  border-right: 0px solid var(--cyan);
  border-left: 1px solid var(--line-main);
}

.plan-name {
  background-image: linear-gradient(180deg, var(--text-main), var(--text-mutted));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 22px;
  font-weight: 600;
  display: flex;
}

.text-span-7 {
  background-image: linear-gradient(90deg, var(--main-blue), var(--cyan) 51%, var(--green));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.image-78 {
  z-index: 1;
  width: 5000px;
  height: 3000px;
  position: absolute;
  inset: -120% 0% 0%;
}

.pricing-table_mobile-nav-btn {
  color: #fff;
  background-color: #d14424;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.swiper-wrapper {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.swiper-wrapper.cc-price-table {
  flex-direction: column;
  align-items: stretch;
}

.pricing-table_title-col {
  flex: 1;
  max-width: 25%;
}

.pricing-table_mobile-nav-icon {
  color: #faf7f2;
  width: 16px;
  line-height: .9;
}

.swiper {
  width: 100%;
}

.pricing-table_card-body {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 0;
  font-size: 1.375rem;
  line-height: 1.4;
  position: relative;
}

.u-sr-only {
  white-space: nowrap;
  border: 0 solid #0000;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.swiper-slide {
  flex: none;
  width: 500px;
  margin-right: 20px;
}

.swiper-slide.cc-pricing-table {
  flex: 1;
  width: auto;
  max-width: 33.3333%;
  margin-right: 0;
}

.swiper-slide.cc-price-table {
  width: 100%;
  margin-right: 0;
}

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

.section-2 {
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
}

.pricing-table_mobile-nav {
  z-index: 1;
  justify-content: space-between;
  width: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.pricing-table_cell {
  border-bottom: 1px solid #49484a1a;
  flex-direction: column;
  justify-content: center;
  min-height: 3.7em;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.pricing-table_cell.cc-title-col {
  text-align: left;
  align-items: flex-start;
}

.pricing-table_cell.cc-title-row {
  border-bottom-style: none;
}

.pricing-table {
  display: flex;
}

.pricing-table_options {
  flex: 1;
  position: relative;
}

.pricing-table_card {
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  margin-bottom: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pricing-table_card.cc-callout {
  background-color: #d1442424;
  border: 1px solid #d14424;
}

.price-table_cell-last-accent-bg {
  background-color: #d1442424;
  border-bottom: 1px solid #d14424;
  border-left: 1px solid #d14424;
  border-right: 1px solid #d14424;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  height: 48px;
  margin-left: -1px;
  margin-right: -1px;
  position: absolute;
  inset: auto 0% -49px;
}

.u-font-inter {
  font-weight: 400;
}

.price-table {
  flex-direction: column;
  margin-bottom: 48px;
  display: flex;
}

.price-table_row {
  display: flex;
}

.price-table_cell {
  text-align: center;
  border-bottom: 1px solid #49484a1a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  padding: 1.2em .8em;
  font-size: 1.375rem;
  line-height: 1.2;
  display: flex;
}

.price-table_cell.cc-callout {
  background-color: #d1442424;
  border-left: 1px solid #d14424;
  border-right: 1px solid #d14424;
  position: relative;
}

.price-table_cell.cc-callout.cc-header {
  border-top: 1px solid #d14424;
}

.price-table_cell.cc-header {
  border-bottom-style: none;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  padding-top: 48px;
}

.price-table_cell.cc-title {
  text-align: left;
  align-items: flex-start;
}

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

.paragraph-1-25 {
  font-size: 1.25rem;
}

.container-4 {
  width: 90%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.price-table_options, .div-block-34 {
  position: relative;
}

.ht {
  height: 48px;
}

.grid-wrapper {
  perspective: 1000px;
  width: 100vw;
  height: 100vh;
  margin-top: -220px;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.grid__horizontal-wrapper {
  z-index: 1;
  width: 100vw;
  height: 400vh;
  position: absolute;
  top: 0%;
}

.grid__horizontal {
  z-index: 0;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 400vh;
  display: flex;
}

.horizontal-line {
  background-color: #48af7c;
  width: 100%;
  height: 1px;
  display: flex;
}

.grid {
  background-color: var(--bg-cards);
  width: 100vw;
  height: 200vh;
  transform-style: preserve-3d;
  position: relative;
  overflow: hidden;
  transform: translate(0, -50vh)rotateX(69deg)rotateY(0)rotateZ(0);
}

.vertical-line {
  background-color: #48af7c;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 100%;
  display: flex;
  position: relative;
}

.vertical-line.middle {
  box-shadow: none;
  background-color: #0000;
}

.vertical-line.hide {
  width: 1px;
  box-shadow: none;
  background-color: #48af7c;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.grid__vertical {
  z-index: 1;
  object-fit: contain;
  justify-content: space-around;
  width: 100%;
  height: 200vh;
  display: flex;
  position: absolute;
  top: 0%;
}

.scanlines {
  z-index: 1;
  opacity: .15;
  background-color: #fff;
  position: fixed;
  inset: 0%;
}

.scanlines__video {
  filter: saturate(0%);
  width: 100%;
  height: 100%;
}

.page-wrapper {
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.grid__mask {
  z-index: 2;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #0000, var(--bg-blue) 60%);
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  position: absolute;
  transform: translate3d(0, 0, 2000px);
}

.div-block-35 {
  z-index: 140;
  background-color: #0000;
  background-image: linear-gradient(180deg, #050f1a00, var(--bg-blue) 63%);
  width: 100%;
  height: 350px;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-36 {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--bg-blue), #050f1a00);
  position: absolute;
  inset: 30% 0% 0%;
}

.div-block-37 {
  background-image: repeating-radial-gradient(circle farthest-corner at 50% 50%, var(--bg-blue), #050f1a00);
  width: auto;
  height: 610px;
  position: absolute;
  inset: 0% 0% auto;
}

.bottom-shadow {
  z-index: 50;
  background-image: linear-gradient(0deg, #050f1a, #050f1a00);
  width: 100%;
  height: 160px;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-38 {
  z-index: 230;
  background-color: #0000;
  background-image: linear-gradient(0deg, var(--bg-blue), #050f1a00 20%);
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: auto 0% 0%;
}

.grid-wrapper-2 {
  perspective: 1000px;
  width: 100vw;
  height: 130vh;
  margin-top: -360px;
  overflow: hidden;
}

.grid__horizontal-wrapper-2 {
  z-index: 1;
  width: 100%;
  height: 400vh;
  position: absolute;
  top: 0%;
}

.grid__horizontal-2 {
  z-index: 0;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  display: flex;
}

.horizontal-line-2 {
  background-color: #0f577e;
  width: 100%;
  height: 2px;
}

.grid-2 {
  width: 100vw;
  height: 200vh;
  transform-style: preserve-3d;
  position: relative;
  overflow: hidden;
  transform: translate(0, -50vh)rotateX(69deg)rotateY(0)rotateZ(0);
}

.vertical-line-2 {
  background-color: #0f577e;
  width: 2px;
  height: 100%;
}

.vertical-line-2.hide {
  display: block;
}

.grid__vertical-2 {
  z-index: 0;
  justify-content: space-around;
  width: 100%;
  height: 200vh;
  display: flex;
  position: absolute;
  top: 0%;
}

.page-wrapper-2 {
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  position: absolute;
}

.grid__mask-2 {
  z-index: 2;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #0000, var(--bg-blue) 80%);
  width: 100%;
  height: 200vh;
  transform-style: preserve-3d;
  position: absolute;
  transform: translate3d(0, 0, 2000px);
}

.div-block-39 {
  background-image: linear-gradient(0deg, var(--bg-blue) 70%, #050f1a00);
  height: 300px;
  position: absolute;
  inset: auto 0% 0%;
}

.nav-menu-4 {
  align-items: center;
  height: 100%;
  font-weight: 600;
  display: flex;
}

.navbar-3 {
  z-index: 20;
  background-color: #0000;
  height: 70px;
  position: sticky;
  inset: 10px 0% auto;
  overflow: hidden;
}

.navbar-3.mainnsv {
  background-image: linear-gradient(#12181f 22%, #050f1a00);
  width: auto;
  height: auto;
  padding-top: 0;
  top: 0;
  overflow: hidden;
}

.brand-image-2 {
  flex: none;
  width: auto;
  min-width: auto;
  max-width: 80px;
  display: block;
  overflow: visible;
}

.nav-links {
  text-transform: none;
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.nav-links:hover {
  color: var(--text-main);
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.nav-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 24px 48px;
  display: flex;
  overflow: hidden;
}

.nav-container.matcha {
  justify-content: center;
  align-items: center;
}

.brand-2 {
  width: 90px;
  min-width: 64px;
}

.brand-2.w--current {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  width: auto;
  min-width: 50px;
  max-width: none;
  height: 100%;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.brand-2.w--current:lang(en) {
  width: 90px;
}

.links-holder {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.nav-link-holder-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  border: 0 solid #0000;
  border-radius: 0;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .3s, transform 1s, opacity .2s, color .35s;
  display: flex;
}

.nav-link-holder-2:hover {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  width: auto;
  color: var(--text-main);
  border-bottom: 0 solid #fff;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0;
}

.nav-link-holder-2.w--current {
  color: var(--bright-blue);
  text-shadow: 0 0 #ffffff40;
  background-color: #0000;
  border-bottom-color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.nav-link-holder-2.black {
  color: var(--bg-main);
}

.hero-headline {
  flex-flow: column;
  margin-top: 80px;
  display: flex;
}

.hero-logos-2 {
  z-index: 200;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-top: 180px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-wrapp-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-self: flex-start;
  align-items: stretch;
  min-width: auto;
  max-width: 1440px;
  margin-left: 0;
  display: flex;
}

.elephant-2 {
  width: auto;
  height: 48px;
}

.section-3 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.cont {
  width: auto;
  max-width: 1440px;
  margin-left: 48px;
  margin-right: 48px;
  position: relative;
}

.cont.hero {
  width: 100%;
  margin-left: 48px;
  padding-left: 48px;
  padding-right: 48px;
}

.cont.pricing {
  margin-top: 48px;
  margin-bottom: 120px;
}

.cont.pricing.featulres {
  align-self: stretch;
  margin-top: 0;
}

.cont.pricing.featulres.nopad {
  margin-bottom: 0;
}

.cont.contact-section {
  align-self: stretch;
  width: auto;
  margin-top: 80px;
  padding-bottom: 0;
  display: block;
}

.cont.centered {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.cont.separator {
  background-color: #0000;
  flex-flow: row;
  align-self: center;
  max-width: 1440px;
  height: 1px;
  margin-top: 80px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: visible;
}

.cont.separ {
  background-color: #283647;
  margin-left: 0;
  margin-right: 0;
}

.cont.faq {
  align-self: stretch;
}

.cont.sep {
  width: 100%;
  margin-top: 20px;
  line-height: 1.2;
}

.cont.sep.second {
  margin-left: 0;
  margin-right: 0;
}

.cont.sep.blog {
  margin-top: 0;
  margin-bottom: 70px;
}

.cont.partner-featured {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  overflow: visible;
}

.subheadline {
  color: #fff;
  width: 620px;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 150%;
}

.logo-grid-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-self: center;
  place-items: center;
  width: 150vw;
  min-width: 100vw;
  display: grid;
}

.logo-grid-wrapper-2.clio {
  grid-template-columns: 1fr 1fr 1fr;
  width: 150vw;
  min-width: 80vw;
}

.logo-grid-wrapper-2.unxero {
  grid-template-columns: 1fr 1fr 1fr;
  align-content: space-between;
  align-self: stretch;
  width: 100vw;
}

.subheadline-hero {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 30% 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-left: 0;
  display: flex;
}

.h1-hero {
  color: #fff;
  background-image: none;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 120px;
  font-weight: 900;
  line-height: 100%;
}

.h1-hero.outlined-bold {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
  border: 0 solid #000;
  margin-left: 0;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 118px;
  font-weight: 900;
}

.h1-hero.black {
  width: 600px;
  color: var(--bg-main);
  text-align: center;
  margin-bottom: 16px;
  font-size: 90px;
}

.h1-hero.black-copy {
  width: 700px;
  color: var(--bg-main);
  text-align: center;
  margin-bottom: 16px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 90px;
  font-weight: 700;
}

.div-block-40 {
  margin-left: 0;
}

.trusted-by-2 {
  text-align: center;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.hero-cta {
  background-color: var(--main-blue);
  width: 100%;
  max-width: 260px;
  color: var(--text-main);
  text-align: center;
  border-radius: 32px;
  align-self: auto;
  margin-left: 0;
  padding: 20px 40px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 700;
  transition: color .3s, background-color .3s, box-shadow .5s;
}

.hero-cta:hover {
  background-color: var(--bright-blue);
  color: #fff;
}

.hero-cta.partner-page, .hero-cta.tinvio {
  margin-top: 40px;
}

.hero-cta.black {
  background-color: var(--bg-main);
  color: #fff;
  max-width: 320px;
  margin-top: 0;
  margin-bottom: 32px;
  margin-left: 32px;
}

.hero-cta.black:hover {
  background-color: var(--text-main);
  color: var(--bg-main);
}

.hero-cta.black.padding {
  margin-top: 32px;
}

.hero-cta.white {
  background-color: var(--text-main);
  max-width: 230px;
  color: var(--main-blue);
}

.hero-cta.white:hover {
  background-color: var(--bg-main);
  color: var(--text-main);
}

.hero-header-wrap {
  flex-flow: column;
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.hero-header-wrap.center {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.bullet-text-2 {
  color: #363a40;
  width: 70%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.capt-h3 {
  color: #fff;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  width: 92%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 44px;
  font-weight: 900;
  line-height: 130%;
}

.capt-h3.help-center {
  width: 82%;
}

.capt-h3.help-center.black {
  color: #fff;
  font-size: 40px;
  line-height: 120%;
}

.capt-h3.shorter {
  color: #fff;
  width: 90%;
  margin-bottom: 16px;
  font-family: Outfit, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.capt-h3.shorter.black {
  color: #050f1a;
}

.capt-h3.shorter.center {
  text-align: left;
  text-transform: none;
  font-size: 44px;
}

.accountant-business {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  height: 100%;
  margin-top: 80px;
  display: flex;
}

.chip {
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  border: 1px solid var(--text-mutted);
  object-fit: fill;
  border-radius: 32px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: flex-start;
  place-items: center start;
  width: auto;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  padding: 8px 16px;
  display: flex;
  position: relative;
  right: auto;
  overflow: hidden;
}

.chip.wrap {
  border-width: 0;
  border-radius: 0;
  margin-bottom: 8px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.chip.black {
  color: #050f1a;
  border-color: #050f1a;
}

.chip.white {
  border-color: var(--text-main);
}

.section-4 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.section-4._2 {
  margin-top: 120px;
  margin-bottom: 120px;
  padding-bottom: 0;
  font-size: 56px;
  overflow: hidden;
}

.section-4.features {
  margin-top: 120px;
  margin-bottom: 120px;
}

.section-4.contact {
  height: 100%;
  margin-bottom: 0;
}

.section-4.contact.home-page {
  background-color: #0000;
  margin-bottom: 0;
}

.section-4.faq {
  align-self: stretch;
  margin-top: 140px;
  margin-bottom: 100px;
}

.section-4.faq-section {
  align-self: stretch;
}

.section-4.related-posts {
  margin-bottom: 60px;
}

.section-4.sticky {
  overflow: visible;
}

.section-4.partners {
  margin-top: 140px;
  margin-bottom: 200px;
}

.section-4.partners.tinvio {
  background-color: var(--bg-main);
  margin-top: 180px;
  margin-bottom: 0;
  padding-top: 140px;
}

.section-4.xero-to {
  margin-top: 80px;
}

.section-4.unxero-form {
  padding-top: 80px;
}

.section-4.lighter {
  background-color: var(--bg-lighter);
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: visible;
}

.section-4.lighter.white {
  background-color: #fafafa;
}

.section-4.top-padding-48 {
  margin-top: 48px;
}

.heading-22 {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-top: 0;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 62px;
  font-weight: 900;
  line-height: 150%;
}

.bullets-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  margin-top: 16px;
  margin-bottom: 0;
  display: flex;
}

.bullets-list.pricing {
  margin-top: 12px;
  margin-bottom: 32px;
}

.chip-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.accountact-video {
  object-fit: contain;
  flex-flow: row;
  width: 100%;
  height: 100%;
  display: block;
}

.text-part {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding: 32px;
  display: flex;
}

.text-part.pricing-main {
  width: auto;
  padding: 0;
}

.text-part.price-card {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 48px;
}

.image-part {
  border-radius: 20px;
  width: 100%;
  height: 390px;
  overflow: hidden;
}

.image-part.accountant {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  width: auto;
  height: 390px;
  display: flex;
  overflow: hidden;
}

.bullet-2 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  display: flex;
}

.accountant {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-self: auto;
  place-items: center stretch;
  height: 100%;
  display: grid;
  overflow: visible;
}

.chip-text-2 {
  color: #fff;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: block;
  overflow: visible;
}

.features-title {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 100%;
}

.features-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  display: flex;
}

.tile-header {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.tile-header.partners {
  font-size: 24px;
}

.tile-header.smaller {
  margin-bottom: 8px;
  font-size: 28px;
}

.tile-header.agents-title {
  max-width: 290px;
}

.tile-header.pricing {
  margin-top: 8px;
}

.text-side {
  margin: 32px 32px 24px;
}

.text-side.clio {
  margin-top: 20px;
  margin-bottom: 36px;
}

.text-side._0-pad {
  margin: 0;
}

.text-side.e-invoicing {
  margin-bottom: 30px;
}

.text-side.numbers {
  margin-top: 20px;
  margin-bottom: 36px;
}

.more-features-container {
  background-color: #171717;
  border: 1px solid #3b3d3e;
  border-radius: 20px;
  padding: 36px;
}

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

.features-row._3-column {
  grid-template-columns: 1fr 1fr 1fr;
}

.features-row.agents {
  margin-top: 48px;
  margin-bottom: 16px;
}

.tile-subtext {
  color: var(--text-mutted);
  margin-top: 8px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.tile-subtext.white {
  color: var(--text-main);
}

.tile-2 {
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding-bottom: 0;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tile-2:hover {
  background-color: var(--bg-card-hover);
  transform: scale(1.02);
}

.tile-2.contact-form {
  padding: 36px;
}

.tile-2.clio {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  position: relative;
}

.tile-2.gradient {
  background-image: linear-gradient(90deg, var(--main-blue), var(--bright-blue));
  cursor: pointer;
  width: 100%;
  transition: transform .4s, all 1s cubic-bezier(.55, .085, .68, .53), background-color 2s;
}

.tile-2.gradient:hover {
  background-image: linear-gradient(260deg, var(--bright-blue), var(--main-blue));
  transform: none;
}

.heading-23 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 120%;
}

.heading-23.line-break {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  width: 100%;
  margin-top: -3px;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 600;
}

.heading-23.mobile {
  display: none;
}

.heading-23.mobile.clio {
  margin-top: 8px;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 700;
  display: flex;
}

.heading-23.mobile.clio.center {
  justify-content: center;
  align-items: center;
}

.heading-23.mobile.clio.right {
  justify-content: flex-end;
  align-items: center;
}

.heading-23.mobile.unxero {
  margin-top: 100px;
  margin-bottom: 24px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 60px;
  font-weight: 700;
  display: flex;
}

.heading-23.mutted {
  color: var(--text-mutted);
}

.heading-23.blue {
  color: var(--bright-blue);
}

.heading-23.centered {
  text-align: center;
}

.heading-23.black {
  color: var(--bg-main);
}

.features-column {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: 45% auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.features-column.swap {
  grid-template-rows: auto 45%;
}

.feature-llist-point {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 0 dashed #2a3747;
  border-right: 0 solid #2a3747;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 4px;
  display: flex;
}

.feature-llist-point.transparent-bottom {
  border-bottom-width: 0;
}

.feature-llist-point.edge {
  border-right-width: 0;
}

.feature-llist-point.edge.bottom, .feature-llist-point.bottom {
  border-bottom-width: 0;
}

.feature-point {
  width: 100%;
  color: var(--text-main);
  background-color: #213652;
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  transition: all .2s;
}

.feature-point:hover {
  background-color: var(--line-main);
  transform: scale(1.03);
}

.feature-point.and-more {
  text-align: center;
  flex-flow: row;
  align-self: center;
  width: 220px;
  display: block;
}

.headline-wrapper {
  z-index: 11;
  width: 100%;
  position: relative;
}

.all-features-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  margin-top: 24px;
  display: flex;
}

.all-features-grid.tablet {
  display: none;
}

.fill-feature {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: 1;
  padding: 8px;
  display: flex;
}

.fill-feature.filled {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #1f1f1f;
  border-radius: 8px;
  padding: 12px 12px 12px 16px;
}

.tile-image {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.grid-image {
  width: 100%;
  display: block;
  position: relative;
  inset: auto 0% 0%;
}

.grid-image.mobile {
  display: none;
}

.chip-text-3 {
  color: #fff;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: block;
  overflow: visible;
}

.text-span-2, .text-span {
  font-weight: 700;
}

.foreveryone-text {
  color: #fff;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 180px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 135px;
  font-weight: 700;
  line-height: 100%;
  display: flex;
}

.plan-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-items: stretch;
  margin-top: 40px;
  padding: 0;
  transition: all .2s;
  display: grid;
}

.plan-card:hover {
  background-color: var(--bg-card-hover);
  transform: scale(1.02);
}

.b2-2 {
  color: var(--text-mutted);
  -webkit-text-stroke-color: #ababab;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.b2-2.black {
  color: #363a40;
}

.plan-price-2 {
  color: #fff;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 100%;
}

.plan-price-2.black {
  color: #050f1a;
}

.blue-button {
  background-color: #1150d6;
  border-radius: 32px;
  padding: 16px 40px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 900;
  transition: color .3s, background-color .3s, box-shadow .5s;
}

.blue-button:hover {
  color: #050f1a;
  background-color: #fff;
}

.blue-button.wide {
  aspect-ratio: auto;
  color: #fff;
  background-color: #08111b;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  font-family: Inter Extra, Arial, sans-serif;
  font-weight: 800;
  display: flex;
  position: absolute;
  inset: auto 40px 40px;
}

.blue-button.wide:hover {
  color: #fff;
  background-color: #1050d6;
}

.blue-button.wide.white {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  margin-left: 0;
  padding-left: 40px;
  font-family: Inter Extra, Arial, sans-serif;
  font-weight: 700;
  left: 32px;
  right: 32px;
}

.blue-button.wide.white:hover {
  color: #08111b;
  background-color: #fff;
}

.description-card-pricing {
  width: auto;
  color: var(--text-mutted);
  margin-top: 8px;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.description-card-pricing.black {
  color: #363a40;
}

.plan-content {
  padding: 32px 32px 40px;
  position: relative;
}

.plan-content.gradient {
  border: .5px solid var(--text-mutted);
  background-color: #fafafa;
  background-image: linear-gradient(90deg, var(--main-blue), var(--bright-blue));
  border-radius: 20px;
  padding-bottom: 48px;
  padding-right: 32px;
}

.bullet-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--text-mutted);
  display: flex;
}

.bullet-text-3 {
  color: var(--text-main);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.bullet-text-3.white {
  color: #fff;
  font-weight: 500;
}

.bullet-text-3.white.black {
  color: #050f1a;
}

.chip-text-4 {
  color: #fff;
  text-transform: uppercase;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: block;
  overflow: visible;
}

.chip-text-4.black {
  color: #050f1a;
}

.pricing-text {
  color: #fff;
  margin-top: 80px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 160px;
  font-weight: 700;
  line-height: 100%;
}

.bullets-title {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.bullets-title.black {
  color: var(--text-main);
}

.phone-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  height: auto;
  display: flex;
  position: relative;
}

.smaller-tile.black {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 36px;
  transition: all .3s;
  display: flex;
}

.smaller-tile.black:hover {
  background-color: var(--bg-card-hover);
  transform: scale(1.02);
}

.smaller-tile.white {
  background-color: #fafafa;
  border: 1px solid #fff;
  border-radius: 20px;
  height: 100%;
  padding: 36px;
}

.google-play {
  position: absolute;
  bottom: 50px;
}

.four-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 0;
  margin-bottom: 4px;
  display: grid;
}

.four-grid.pricingpage {
  grid-template-columns: 1fr;
  margin-top: 60px;
}

.text-button {
  color: var(--text-mutted);
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
}

.text-button.white {
  color: #fff;
  font-family: Outfit, sans-serif;
  font-weight: 700;
}

.app-store-link {
  position: absolute;
  bottom: 180px;
}

.help-center-redirect {
  text-decoration: none;
}

.bigger-tile {
  background-color: #050f1a;
  background-image: linear-gradient(90deg, var(--main-blue), var(--bright-blue));
  border: 1px solid #2a3747;
  border-radius: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-top: 36px;
  padding-left: 36px;
  padding-right: 36px;
  text-decoration: none;
  display: flex;
}

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

.first-column.pricing-page {
  grid-template-rows: auto;
}

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

.text-wrapper {
  width: 50%;
  margin-bottom: 36px;
}

.contaxt-us-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 40px;
  display: flex;
}

.contact-us-redirect {
  text-align: left;
  text-decoration: none;
}

.footer-2 {
  flex-flow: column;
  margin-top: auto;
  display: flex;
}

.footer-2.white {
  background-color: #fafafa;
}

.footer-2.tinvio {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-top: 200px;
}

.footer-2.tinvio-footer {
  background-color: #111;
  padding-top: 180px;
}

.all-right-reserved {
  color: var(--text-mutted);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.all-right-reserved.white-bg {
  color: #363a3f;
}

.footer-content-2 {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 10px;
  padding-bottom: 16px;
  display: flex;
}

.footer-content-2.tinvio {
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
}

.footer-link-wrapper {
  color: var(--text-mutted);
  text-transform: uppercase;
  border-bottom: 0 solid #fff;
  padding: 8px 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: color .3s;
}

.footer-link-wrapper:hover {
  color: var(--text-main);
  border: 0 solid #fff;
}

.footer-link-wrapper.white-bg {
  color: #363a3f;
}

.slash {
  color: #85898f;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.footer-link-hold {
  color: #fff;
  border-bottom: 0 solid #fff0;
  padding-top: 8px;
  padding-bottom: 4px;
  text-decoration: none;
  transition: background-color .3s, border-color .3s;
}

.footer-link-hold:hover {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  border-bottom-color: #fff;
}

.footer-link-hold.white-bg {
  color: #12181f;
  border-bottom-color: #0000;
}

.footer-link-hold.white-bg:hover {
  color: #12181f;
  border-bottom-color: #12181f;
}

.footer-links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 0 solid #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-default {
  background-color: var(--bg-main);
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  overflow: visible;
}

.body-default.white {
  background-color: #fff;
  background-image: url('../images/white-lines.svg');
  background-position: 0 0;
  background-size: auto;
}

.h1-hero-2 {
  background-color: var(--main-blue);
  color: #fff;
  text-overflow: clip;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 0;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 120px;
  font-weight: 900;
  line-height: 110%;
}

.h1-hero-2.white {
  background-color: #0000;
  font-family: Outfit, sans-serif;
  font-size: 114px;
  font-weight: 700;
}

.h1-hero-2.blue {
  justify-content: space-between;
  align-items: center;
  width: auto;
  padding: 10px 12px;
  font-family: Outfit, sans-serif;
  font-size: 114px;
  display: block;
  overflow: visible;
}

.h1-hero-2.blue.bottom {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  font-family: Outfit, sans-serif;
  font-size: 114px;
  font-weight: 700;
  display: flex;
  overflow: visible;
}

.h1-hero-2.blue.first {
  width: auto;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 700;
  display: block;
}

.h1-hero-2.blue.desktop {
  background-image: linear-gradient(90deg, var(--main-blue), var(--bright-blue));
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Outfit, sans-serif;
  font-size: 114px;
  display: none;
}

.h1-hero-2.blue.desktop.visible {
  background-color: #0000;
  background-image: none;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding-right: 20px;
  display: flex;
}

.text-field-contact {
  color: #fbfbfb;
  background-color: #0000;
  border: 0 solid #000;
  border-radius: 8px;
  margin-top: 0;
  margin-bottom: auto;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 16px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  transition: all .4s;
}

.text-field-contact:hover {
  color: #fbfbfb;
  border-width: 0;
  border-color: #2b3b4d80;
  padding-left: 1.2rem;
}

.text-field-contact:active {
  color: #212121;
}

.text-field-contact:focus {
  color: #fbfbfb;
  border-color: #2b3b4d;
}

.text-field-contact::placeholder {
  color: #ffffff4d;
  -webkit-text-stroke-color: #383a3d;
}

.text-field-contact.smaller {
  padding-top: 12px;
}

.b-1 {
  color: #bfc8d8;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}

.b-1.center {
  color: var(--text-mutted);
  text-align: center;
  font-weight: 400;
}

.b-1.center.matcha {
  max-width: 530px;
}

.text-size-contact {
  font-size: 1.375rem;
}

.text-size-medium-vw {
  color: var(--text-mutted);
  text-transform: uppercase;
  margin-bottom: 0;
  padding-top: 16px;
  padding-left: 16px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.image-6 {
  height: 32px;
  position: absolute;
}

.form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.name-wrapper-contact {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--bg-cards);
  border-radius: 8px;
  flex-flow: column;
  width: 400px;
  margin-top: 12px;
  display: flex;
}

.name-wrapper-contact.message {
  background-color: var(--bg-cards);
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  position: relative;
}

.success-message-2 {
  color: #000;
  text-align: center;
  background-color: #f4f4f4;
  border-radius: .6rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

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

.div-block-41 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.error-message-2 {
  text-align: center;
  background-color: #e54e4e;
  border-radius: .5rem;
}

.send-button {
  background-color: var(--main-blue);
  border-radius: 110px;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  transition: background-color .3s;
  display: flex;
  position: absolute;
  inset: auto 2% 10% auto;
}

.send-button:hover {
  background-color: var(--bright-blue);
}

.send-button.matcha-send {
  position: relative;
}

.contact-us-header {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 48px;
  display: flex;
}

.contact-headline {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 130%;
}

.contact-headline.matcha {
  font-size: 90px;
}

.submit-button {
  z-index: 3;
  color: #0000;
  background-color: #0000;
  font-family: Inter, sans-serif;
  font-size: 18px;
  display: block;
  position: relative;
  inset: 0%;
}

.submit-button.blue-button {
  color: #fff;
  background-color: #0000;
  border-radius: 80px;
  width: auto;
  padding: 32px 40px;
  font-size: 0;
  position: relative;
  inset: auto 1% 7% auto;
}

.contact-fields-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-bottom: 0;
  display: flex;
}

.form-content {
  z-index: 10;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.form-wrapper {
  z-index: 2;
  width: auto;
  margin-bottom: 0;
  padding-bottom: 60px;
  display: block;
  position: relative;
}

.form-wrapper.unxero {
  padding-bottom: 120px;
}

.body-9 {
  background-color: #12181f;
  background-image: url('../images/bg-hero.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.see-pricing-plans {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--main-blue);
  border: 0 solid #000;
  border-radius: 140px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 32px;
  padding-bottom: 32px;
  text-decoration: none;
  transition-property: background-color;
  display: flex;
}

.see-pricing-plans:hover {
  background-color: var(--bright-blue);
  color: #fff;
}

.see-pricing-plans.e-invoice, .see-pricing-plans._16pad {
  margin-top: 16px;
}

.see-pricing-plans._32pad {
  margin-top: 32px;
}

.see-plans-button {
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.body-10 {
  background-color: #12181f;
  background-image: url('../images/bg-hero.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: stretch;
  display: block;
}

.separator {
  background-color: var(--line-main);
  width: auto;
  max-width: none;
  height: 1px;
  margin-top: 0;
  margin-left: 48px;
  margin-right: 48px;
  padding-left: 48px;
}

.app-subtext {
  width: 420px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.hero-animation {
  height: 120px;
  overflow: hidden;
}

.hero-subtext {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  display: flex;
}

.h1-hero-3 {
  color: #fff;
  background-image: none;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 120px;
  font-weight: 900;
  line-height: 100%;
}

.h1-hero-3.outlined-bold {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
  border: 0 solid #000;
  margin-left: 0;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 130px;
  font-weight: 900;
}

.subheadline-2 {
  color: #fff;
  width: auto;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 150%;
}

.div-block-42 {
  margin-left: 160px;
}

.hero-headline-2 {
  flex-flow: column;
  width: 100%;
  margin-top: 80px;
  display: flex;
  overflow: visible;
}

.hero-headline-2.clio {
  margin-top: 0;
}

.hero-headline-2.partner-page {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-top: 40px;
}

.brand-3 {
  width: 90px;
  min-width: 64px;
}

.brand-3.w--current {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  width: auto;
  min-width: 50px;
  max-width: none;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.brand-3.w--current:lang(en) {
  width: 90px;
}

.nav-menu-5 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  height: auto;
  font-weight: 600;
  display: flex;
}

.livvic-text {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Outfit, sans-serif;
  font-size: 62px;
  font-weight: 700;
}

.faq-sticky-section-wrapper {
  position: relative;
}

.faq-answer-2 {
  flex-flow: column;
  margin-top: 10px;
  display: flex;
  overflow: hidden;
}

.faq-wrapper {
  border-bottom: 1px solid var(--line-main);
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  margin-bottom: 20px;
  padding: 0 0 5px;
  overflow: hidden;
}

.faq-wrapper.cursor-hover-animation {
  cursor: default;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom-color: #2a3747;
  border-bottom-color: var(--line-main);
  overflow-wrap: normal;
  cursor: default;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  overflow: hidden;
}

.faq-section-questions {
  width: auto;
}

.faq-paragraph {
  color: #8f959d;
  margin-bottom: 24px;
  font-size: 20px;
}

.plus-icon {
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.faq-seciton-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

.faq-question {
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.faq-sticky-section {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 0;
}

.faq-question-text-2 {
  color: #12181f;
  text-transform: none;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Outfit, sans-serif;
  font-size: 36px;
  font-weight: 700;
}

.plus-line-animated {
  color: #171719;
  height: auto;
}

.plus {
  filter: brightness(200%);
  height: 24px;
}

.faq-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  display: grid;
}

.faq-header-wrapper {
  width: auto;
}

.faq-section-questions-2 {
  text-overflow: clip;
}

.faq-paragraph-2 {
  color: #363a3f;
  text-overflow: clip;
  flex: 0 auto;
  margin-bottom: 20px;
  font-weight: 400;
}

.faq-paragraph-2.unxero {
  margin-bottom: 0;
}

.plus-icon-2 {
  justify-content: flex-end;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-left: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.faq-question-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  padding-bottom: 0;
  display: grid;
}

.faq-sticky-section-2 {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 110px;
}

.plus-line-animated-2 {
  color: #171719;
}

.faq-header {
  color: #12181f;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.section-5 {
  background-color: #fafafa;
  padding: 100px 48px;
}

.livvic-text-2 {
  font-weight: 400;
}

.content-container {
  max-width: 1310px;
  margin-left: auto;
  margin-right: auto;
}

.faq-paragraph-3 {
  margin-bottom: 30px;
}

.faq-seciton-grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.faq-question-3 {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.faq-sticky-section-3 {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 110px;
}

.faq-question-text-3 {
  text-transform: none;
  font-size: 38px;
}

.plus-line-animated-3 {
  color: #171719;
}

.section-6 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.section-6.hero {
  background-image: url('../images/Gradient-Background-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-6.hero-clio {
  background-image: url('../images/Gradient-Background-2.png');
  background-position: 50% 0;
  background-size: cover;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0;
  overflow: hidden;
}

.section-6.tinvio {
  background-color: #0000;
}

.hero-logos-3 {
  z-index: 200;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-top: 120px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-logos-3.unxero {
  margin-top: 60px;
}

.subheadline-3 {
  color: #fff;
  width: 480px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
}

.h1-hero-4 {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  background-image: none;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 120px;
  font-weight: 900;
  line-height: 100%;
}

.h1-hero-4.outlined-bold {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
  border: 0 solid #000;
  margin-left: 0;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 130px;
  font-weight: 900;
}

.h1-hero-4.outlined-bold-copy {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
  border: 0 solid #000;
  margin-left: 0;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 110px;
  font-weight: 900;
}

.h1-hero-4.outlined-bold-copy-copy {
  color: #0000;
  -webkit-text-stroke-width: 1.25px;
  -webkit-text-stroke-color: white;
  border: 0 solid #000;
  margin-left: 0;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 110px;
  font-weight: 900;
}

.trusted-by-3 {
  text-align: center;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.div-block-43 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  margin-left: 0;
  display: flex;
}

.elephant-3 {
  width: auto;
  height: 48px;
}

.cont-2 {
  width: auto;
  max-width: 1440px;
  margin-left: 48px;
  margin-right: 48px;
}

.cont-2.separator {
  background-color: #0000;
  flex-flow: row;
  align-self: center;
  max-width: 1440px;
  height: 1px;
  margin-top: 80px;
  margin-left: 48px;
  margin-right: 48px;
  padding-left: 48px;
  padding-right: 48px;
  display: block;
  overflow: visible;
}

.cont-2.hero {
  width: 100%;
  margin-left: 48px;
  padding-bottom: 60px;
  padding-left: 48px;
  padding-right: 48px;
  overflow: hidden;
}

.cont-2.hero.clio {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center start;
  margin-top: 80px;
  padding-bottom: 80px;
  display: grid;
}

.cont-2.hero.e-invoice {
  padding-bottom: 0;
  overflow: visible;
}

.cont-2.separ {
  background-color: #283647;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.subheadline-hero-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 30% 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-top: 24px;
  margin-left: 0;
  display: flex;
}

.subheadline-hero-2.e-invoicing {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
}

.cont-3 {
  width: auto;
  max-width: 1440px;
  margin-left: 48px;
  margin-right: 48px;
}

.cont-3.separator {
  background-color: #0000;
  flex-flow: row;
  align-self: center;
  max-width: 1440px;
  height: 1px;
  margin-top: 80px;
  margin-left: 48px;
  margin-right: 48px;
  padding-left: 48px;
  padding-right: 48px;
  display: block;
  overflow: visible;
}

.cont-3.separ {
  background-color: #283647;
  margin-left: 0;
  margin-right: 0;
}

.accountant-subtext {
  width: auto;
  color: var(--text-mutted);
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.accountant-subtext.centered {
  text-align: center;
  width: 65%;
}

.accountant-subtext._12pad {
  margin-top: 12px;
}

.accountant-subtext.pricing-main {
  margin-top: 12px;
  font-weight: 400;
}

.accountact-video-2 {
  aspect-ratio: auto;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.accountact-video-2.inlinevideo._w-background-video {
  z-index: 1;
}

.accountant-businesses {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  display: grid;
}

.accountant-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 16px;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  place-items: center stretch;
  transition: all .3s, background-color .3s;
  display: grid;
  overflow: hidden;
}

.accountant-2:hover {
  background-color: var(--bg-card-hover);
  transform: scale(1.02);
}

.accountant-2.price-card {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.accountant-2.price-card:hover {
  transform: scale(1.02);
}

.cont-4 {
  align-self: stretch;
  max-width: 1440px;
  margin-left: 48px;
  margin-right: 48px;
}

.cont-4.post-grid {
  align-self: center;
  margin-bottom: 60px;
  padding-top: 10px;
}

.heading-24 {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-top: 0;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 62px;
  font-weight: 600;
  line-height: 150%;
}

.capt-h3-2 {
  color: #fff;
  text-transform: none;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 120%;
}

.capt-h3-2.essentials-header {
  width: 90%;
}

.image-part-2 {
  border-radius: 0;
  width: 100%;
  height: 350px;
  overflow: hidden;
}

.image-part-2.accountant-2 {
  z-index: 1;
  border-radius: 0;
  width: 100%;
  height: 350px;
  display: block;
  position: relative;
}

.chip-text-5 {
  width: auto;
  color: var(--text-mutted);
  text-transform: uppercase;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  font-family: Fira Mono, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: block;
  overflow: visible;
}

.chip-text-5.white {
  color: var(--text-main);
}

.chip-text-5.blue {
  color: var(--bright-blue);
}

.text-span-8 {
  font-weight: 600;
}

.contact-us-link {
  color: #12181f;
  border-bottom: 1px solid #0000;
  transition: border-color .3s, color .35s;
}

.contact-us-link:hover {
  color: #12181f;
  border-bottom: 1px solid #000;
}

.and-more-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 24px;
  display: flex;
}

.grey-line {
  background-color: #4c535b;
  width: 100%;
  height: 1px;
}

.footer-link-whitebg {
  border-bottom: 0 solid #0000;
  padding-top: 8px;
  padding-bottom: 4px;
  transition: border-color .3s, color .35s;
}

.footer-link-whitebg:hover {
  border-bottom-width: 0;
  border-bottom-color: #12181f;
}

.footer-link-whitebg-text {
  color: #363a40;
  text-transform: uppercase;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .3s;
}

.footer-link-whitebg-text:hover {
  color: var(--bright-blue);
}

.bold-text-3, .bold-text-4 {
  font-size: 60px;
  font-weight: 700;
}

.success-info {
  max-width: none;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.success-form {
  border: 1px solid var(--line-main);
  background-color: #171717;
  border-radius: 20px;
  max-width: 660px;
  padding: 36px;
}

.heading-24-copy {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  width: 100%;
  margin-top: 0;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 150%;
}

.features-title-copy {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 100%;
}

.subheadline-3-copy {
  color: #fff;
  width: 440px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 150%;
}

.subheadline-3-copy-copy {
  width: auto;
  max-width: none;
  color: var(--text-mutted);
  justify-content: flex-end;
  align-items: center;
  font-family: Outfit, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 150%;
  display: flex;
}

.subheadline-3-copy-copy.left {
  justify-content: center;
  align-items: flex-start;
  max-width: none;
}

.subheadline-3-copy-copy.left.black {
  color: var(--bg-main);
  text-align: center;
}

.subheadline-3-copy-copy.clio {
  max-width: 670px;
  font-size: 26px;
  font-weight: 500;
  line-height: 140%;
}

.subheadline-3-copy-copy.xero-to-jaz {
  max-width: 550px;
}

.subheadline-3-copy-copy.limited {
  max-width: 520px;
  line-height: 130%;
}

.features-title-copy-copy {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 100%;
}

.nav-bar {
  border-bottom: 1px solid var(--line-main);
  background-color: var(--bg-main);
  align-self: stretch;
  max-width: 1440px;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  overflow: clip;
}

.nav-bar.white {
  background-color: #fff;
}

.nav-bar.white.tivnio {
  background-color: #0000;
  background-image: none;
}

.nav-wrapper.white {
  background-image: linear-gradient(#fff, #fff0);
}

.blog-title-h1 {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 140px;
  font-weight: 700;
}

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

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

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

.link-post {
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 230px;
  display: flex;
  overflow: clip;
}

.link-post:hover {
  color: var(--text-main);
}

.link-post._100 {
  aspect-ratio: auto;
  min-height: 340px;
  position: relative;
}

.link-post._360px {
  height: 360px;
  min-height: auto;
}

.post-text-gradient {
  z-index: 11;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: cover;
  object-position: 50% 50%;
  background-image: linear-gradient(0deg, #171717, #28364700);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 100px 36px 36px;
  display: flex;
  position: relative;
}

.blog-chip {
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 40px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 16px;
  font-family: Fira Mono, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.collection-list---1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.collection-list-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.bg-image-post {
  object-fit: cover;
  object-position: 50% 27%;
  width: 100%;
  height: 100%;
  padding-top: 0;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.collection-list---2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  width: 100%;
  height: auto;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  display: grid;
}

.link-post-small {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.link-post-small:hover {
  color: #fff;
}

.small-post-image {
  object-fit: cover;
  object-position: 50% 25%;
  border-radius: 12px;
  width: 100%;
  height: 230px;
  margin-bottom: 24px;
  overflow: hidden;
}

.small-post-title {
  height: auto;
  margin-top: 12px;
  font-family: Outfit, sans-serif;
  font-weight: 700;
}

.post-title {
  text-align: left;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.2;
}

.heading-25 {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-family: Interdisplay, Arial, sans-serif;
  font-weight: 700;
}

.paragraph-20 {
  color: #ababab;
  font-weight: 500;
}

.clio-subheader {
  margin-top: 32px;
}

.subheader-padding {
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  display: block;
}

.hero-image {
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  display: flex;
}

.hero-image.partner-page {
  margin-top: 40px;
  margin-bottom: -30px;
  overflow: hidden;
}

.hero-image.e-invoice {
  margin-top: 100px;
  padding-left: 48px;
  padding-right: 48px;
}

.hero-clio {
  padding-bottom: 60px;
  overflow: hidden;
}

.clio-features {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.clio-features.e-invoice {
  align-self: center;
  margin-bottom: 100px;
}

.clio-features.invoices {
  margin-top: 100px;
  position: relative;
}

.clio-features.xero-to {
  margin-top: 120px;
}

.clio-features._48 {
  margin-top: 120px;
  margin-bottom: 120px;
}

._4-tiles {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

._4-tiles.e-invoice {
  margin-top: 24px;
}

.how-clio-works {
  margin-top: 120px;
}

.white-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 20px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .75fr .25fr 1fr;
  grid-auto-columns: 1fr;
  padding: 80px 48px;
  display: flex;
}

.white-container.xero-to {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  padding-top: 80px;
}

.black-header {
  color: #fff;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 120%;
}

.black-header.invoice {
  width: auto;
  margin-top: 0;
}

.black-header.centered {
  margin-top: 0;
  margin-bottom: 0;
}

.how-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-self: center;
  width: auto;
  min-width: auto;
  max-width: none;
  display: flex;
}

.body-black {
  color: var(--text-mutted);
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.vertical-divider {
  background-color: var(--line-main);
  width: 1px;
  margin-left: 32px;
  margin-right: 32px;
}

._4-points {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.title-point {
  color: #fff;
  margin-top: 16px;
  margin-bottom: 12px;
  font-family: Outfit, sans-serif;
  font-size: 28px;
  font-weight: 600;
}

.body-16 {
  color: #535353;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.point-text {
  width: 96%;
  color: var(--text-mutted);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.container-3columns {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-bottom: 20px;
  display: flex;
}

.container-3columns.xero-to {
  flex-flow: column;
}

.ai-powered {
  margin-top: 120px;
  margin-bottom: 120px;
}

.large-title-1 {
  margin-bottom: 32px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 106px;
  font-weight: 700;
}

.large-title-2 {
  justify-content: flex-end;
  align-items: center;
  margin-top: 32px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 106px;
  font-weight: 700;
  display: flex;
}

.carousel-holder {
  overflow: hidden;
}

.first-row-carousel {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  min-width: 1440px;
  display: flex;
}

.grid-tiles {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-around;
  align-items: stretch;
  min-width: 120%;
  display: flex;
}

.grid-tiles._2 {
  margin-left: 0;
}

.image-81 {
  overflow: visible;
}

.image-82 {
  width: 100%;
  overflow: visible;
}

.image-83 {
  width: 100%;
  max-width: none;
  overflow: visible;
}

.marquee-wrapper {
  color: #dfdfdf;
  background-color: #111;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  overflow: hidden;
}

.marquee-container {
  grid-column-gap: 4.5vw;
  grid-row-gap: 4.5vw;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.marquee-content-contaier {
  grid-column-gap: 2.2vw;
  grid-row-gap: 2.2vw;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.marquee-text {
  white-space: nowrap;
  font-size: 3.5vw;
  line-height: 1.5em;
}

.marquee-icon {
  width: 2.5vw;
}

.holder-block {
  width: 100%;
  min-height: 180px;
  display: flex;
  overflow: hidden;
}

.moving-block {
  flex: none;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.marquee-horizontal {
  z-index: 200;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 450px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-horizontal.small-marquee {
  width: 100%;
  height: 180px;
}

.track-horizontal {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.collection-list-3 {
  align-items: center;
  display: flex;
}

.small-marquee {
  width: 180px;
  margin-right: 0;
}

.ai-tile, .image-84 {
  height: 120px;
}

.image-85 {
  width: auto;
  height: 120px;
}

.slider-wrapper {
  background-color: #0000;
  flex: none;
  width: 100%;
  max-width: 1440px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
  overflow: clip;
}

.items-holder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: none;
  display: flex;
}

.items {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: none;
  align-items: center;
  width: 50%;
  display: flex;
}

.item {
  width: auto;
  height: 115px;
  margin-left: 0;
  margin-right: 0;
}

.item.empty {
  opacity: .4;
}

.items-holder-2 {
  flex: none;
  display: flex;
}

.holder {
  flex-flow: column;
  flex: none;
  display: flex;
}

.faded-ledt-side {
  z-index: 50;
  background-image: linear-gradient(90deg, var(--bg-main), #12181f00);
  width: 100px;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.faded-right-side {
  z-index: 40;
  background-color: #0000;
  background-image: linear-gradient(270deg, var(--bg-main), #12181f00);
  width: 80px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.holder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.tablet-hero {
  display: none;
}

.item-car {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  flex: none;
  display: flex;
}

.logo-wrapp-3 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  justify-content: space-between;
  align-self: flex-start;
  align-items: stretch;
  margin-left: 0;
  display: flex;
}

.logo-wrapp-3.unxero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.elephant-4 {
  width: auto;
  height: 48px;
}

.elephant-4.new {
  height: 34px;
}

.cards-wrapp {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 150vw;
  min-width: 100vw;
  display: flex;
}

.row-cards {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.point-text-copy {
  color: #ababab;
  width: 96%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.abstract {
  width: 40px;
  height: 40px;
}

.abstract.unxero {
  margin-bottom: 20px;
}

.div-block-44 {
  opacity: .5;
  background-color: #18212c;
}

.div-block-45 {
  align-self: flex-start;
}

.patrners-hero-h {
  text-align: center;
  font-size: 90px;
  font-weight: 900;
  line-height: 130%;
}

.text-span-9 {
  background-color: var(--main-blue);
  padding-left: 16px;
  padding-right: 16px;
}

.subtitle-partners-hero {
  max-width: 700px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
}

.divider-partners {
  background-color: #2a3747;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  max-width: 70%;
  height: 1px;
  display: block;
}

.featured-grid {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 32px;
  margin-right: 32px;
  display: grid;
}

.divider-holder {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.tinvio-hero {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  display: flex;
}

.tinvio-header {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 60%;
  display: flex;
}

.tinvio-visual {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.reasons {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0000;
  border: 0 #283647;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 200px;
  padding: 0;
  display: grid;
}

.reason {
  background-color: #08111b;
  border: 1px solid #283647;
  border-radius: 20px;
  padding: 32px;
}

.reason-body {
  color: var(--gray-text);
  margin-top: 8px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
}

.reason-title {
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
}

.lottie-animation {
  flex: 0 auto;
  width: 180px;
  position: absolute;
  top: -38px;
  left: -40px;
  transform: rotate(-90deg);
}

.lottie-desktop {
  width: 100px;
  position: relative;
}

.lottie-mobile {
  display: none;
}

.tinvio-container {
  width: 186px;
}

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

.image-86 {
  max-width: 100%;
}

.submit-matcha {
  background-color: #809555;
  border-radius: 100px;
  flex: 1;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  transition: background-color .2s;
}

.submit-matcha:hover {
  background-color: #677944;
}

.image-87 {
  z-index: 1;
  width: 140px;
  position: absolute;
  inset: -28% -7% auto auto;
}

.contact-form-container {
  position: relative;
}

.menu-button-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.center-box-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-46 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.section-changelog {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.container-changelog {
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.h1-cl {
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 70px;
  font-weight: 900;
}

.div-block-47 {
  background-color: var(--line-main);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.updated-wrapper {
  margin-top: 0;
}

.item-cl {
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-bottom: 0;
  display: grid;
  position: relative;
}

.list-separator {
  background-color: #292a2b;
  height: 1px;
}

.chip-wrapper {
  width: 100%;
  display: flex;
}

.feature-general0title {
  margin-bottom: 32px;
  padding-bottom: 0;
  font-family: Inter Extra, Arial, sans-serif;
  font-size: 36px;
  font-weight: 800;
}

.feature-title {
  margin-top: 16px;
  margin-bottom: 0;
  padding-bottom: 8px;
  font-family: Inter Extra, Arial, sans-serif;
  font-size: 28px;
}

.feature-visual {
  width: 100%;
  margin-top: 32px;
}

.image-89 {
  width: 100%;
}

.date-label {
  color: var(--gray-text);
  margin-top: 12px;
  font-family: Interdisplay, Arial, sans-serif;
  font-weight: 500;
}

.date-sticky {
  z-index: 4;
  position: sticky;
  top: 10%;
  overflow: visible;
}

.feature-wrapper {
  margin-bottom: 48px;
}

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

.feature-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 2.25fr;
  grid-auto-columns: 1fr;
  place-items: start;
  margin-top: 48px;
  display: grid;
  position: relative;
  overflow: visible;
}

.feature-item.not-top {
  margin-top: 0;
}

.divider-cl {
  background-color: var(--line-main);
  width: 100%;
  height: 1px;
}

.div-block-48 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.submit-button-2 {
  display: none;
}

.h-1.e-invoicing {
  font-size: 120px;
  line-height: 100%;
}

.h-1.e-invoicing.part-1, .h-1.e-invoicing.part-2 {
  display: none;
}

.subtext-hero {
  display: flex;
}

.info-section {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  display: flex;
}

.info-section.xero-to-jaz {
  justify-content: space-between;
  align-items: stretch;
}

._3-tiles {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 24px;
  display: grid;
}

.link-black {
  color: var(--bg-main);
}

.subtitle-terms {
  font-size: 20px;
}

._3-points {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  display: grid;
}

._3-points.xero-to-jaz {
  width: auto;
}

.number {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 36px;
  margin-left: 36px;
  margin-right: 36px;
  display: flex;
}

.number-point {
  opacity: .6;
  color: var(--gray-text);
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 64px;
  font-weight: 700;
}

.div-block-49 {
  height: 1px;
}

.divider-section {
  background-color: var(--line-main);
  height: 1px;
  margin-top: 80px;
  margin-left: 0;
  margin-right: 0;
}

.divider-section.unxero {
  background-color: #3b3d3e99;
  margin-top: 0;
}

.image-90 {
  position: absolute;
  inset: 0% 0% auto;
}

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

.white-body {
  background-color: #fafafa;
  justify-content: flex-start;
  align-items: center;
}

.container-xero {
  background-color: #0000;
  align-self: center;
  width: 100%;
  max-width: 1340px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 48px;
  padding-right: 48px;
}

.nav-xero {
  background-color: #0000;
  background-image: linear-gradient(#fafafa 50%, #fafafa00);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 16px;
  display: flex;
  position: fixed;
}

.cta-header-unxero {
  background-color: #1150d6;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding-left: 44px;
  padding-right: 44px;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-weight: 600;
  transition: color .4s, background-color .4s;
  display: flex;
}

.cta-header-unxero:hover {
  background-color: var(--bg-main);
  color: #fff;
}

.cta-header-unxero.footer {
  width: 240px;
  height: 64px;
  color: var(--text-main);
  font-size: 24px;
}

.cta-header-unxero.footer:hover {
  background-color: var(--text-main);
  color: var(--bg-main);
}

.cta-header-unxero.footer.header {
  display: none;
}

.nav-content {
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.unxero-hero-title {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.h1-unxero {
  width: 86%;
  color: var(--bg-main);
  text-align: center;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 96px;
  font-weight: 700;
  line-height: 100%;
}

.h1-unxero.section-h {
  margin-top: 0;
  font-size: 90px;
}

.unxero-hero-subtext {
  color: var(--line-main);
  margin-top: 16px;
  font-family: Outfit, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.unxero-hero-subtext.section-s {
  font-size: 36px;
}

.tiles-unxero {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.tile-unxero-hero {
  background-color: #1150d6;
  border-radius: 20px;
  padding: 40px;
  position: relative;
}

.tile-unxero-hero.teal {
  background-color: var(--cyan);
}

.tile-unxero-hero.cyan {
  background-color: #14b6e9;
}

.tile-images {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.tile-points {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-top: 32px;
  display: flex;
  position: relative;
}

.point-unxero {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.point-header {
  text-transform: uppercase;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.point-value {
  font-family: Outfit, sans-serif;
  font-size: 36px;
  font-weight: 600;
}

.point-value.visible-mobile {
  display: none;
}

.jaz-icon-visual {
  z-index: 1;
  width: 270px;
  position: absolute;
  inset: auto -4% -4% auto;
}

.xero-visual-goat {
  width: 220px;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.xero-visual-goat.mobile-visible {
  display: block;
}

.unxero-hero-section, .unxero-steps-section {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 120px;
  display: flex;
}

.drag-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: linear-gradient(#fff, #fafcff);
  border: 2px dashed #e3eaf3;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  padding: 56px;
  display: grid;
}

.folder-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--text-main);
  border: 2px solid #e6ecf4;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 24px 24px;
  display: flex;
}

.folder-name {
  color: var(--bg-main);
  text-align: center;
  font-family: Outfit, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.image-91 {
  width: 80%;
}

.unxero-features-section {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 120px;
  display: flex;
}

.feature-tiles {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  display: grid;
}

.feature-unxero {
  background-color: var(--text-main);
  border: 2px solid #e6ecf4;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.feature-title-unxero {
  color: var(--bg-main);
  font-family: Outfit, sans-serif;
  font-size: 36px;
  font-weight: 600;
}

.feature-subtext {
  color: var(--line-main);
  margin-top: 0;
  font-family: Interdisplay, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.feature-text-part {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 36px 36px 20px;
  display: flex;
}

.faq-xero {
  background-color: var(--text-main);
  border: 2px solid #e6ecf4;
  border-radius: 20px;
  padding: 28px;
}

.faq-xero-title {
  width: 100%;
  color: var(--bg-main);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 130%;
}

.faqs-xero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.unxero-footer-section {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-top: 120px;
  margin-bottom: 60px;
  display: flex;
}

.footer-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--bg-main);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  padding: 80px;
}

.h2-unxero {
  text-align: center;
  margin-top: 0;
  font-family: Outfit, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 100%;
}

.mobile-folder {
  display: none;
}

.image-93, .image-94, .image-95, .image-96, .image-97 {
  width: 100%;
}

.heading-26 {
  font-size: 50px;
}

.heading-27 {
  font-size: 42px;
}

.heading-28 {
  font-size: 43px;
}

.heading-29 {
  font-size: 32px;
}

.text-field {
  display: block;
}

.text-field-2, .text-field-3, .text-field-4, .text-field-5, .text-field-6 {
  display: none;
}

.nav-buttons {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.heading-large {
  color: var(--text-main);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
}

.heading-large.rotate-text {
  color: #dcdfea;
  white-space: nowrap;
  font-weight: 600;
}

.heading-large.rotate-text._9, .heading-large.rotate-text._1, .heading-large.rotate-text._4, .heading-large.rotate-text._5, .heading-large.rotate-text._17, .heading-large.rotate-text._2, .heading-large.rotate-text._14, .heading-large.rotate-text._3, .heading-large.rotate-text._11, .heading-large.rotate-text._12, .heading-large.rotate-text._16, .heading-large.rotate-text._7, .heading-large.rotate-text._15, .heading-large.rotate-text._13, .heading-large.rotate-text._6, .heading-large.rotate-text._10, .heading-large.rotate-text._8, .heading-large.rotate-text._18 {
  color: var(--bright-blue);
}

.track-vertical {
  flex-direction: column;
  display: flex;
  position: absolute;
}

.vertical-scroll-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 43ch;
  position: relative;
}

.text-rotation-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-top: 0;
  margin-bottom: 16px;
  display: flex;
  overflow: hidden;
}

.hero-cta-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 48px;
  display: flex;
}

.hero-cta-wrapper.pricing-main {
  margin-top: 24px;
}

.cta-secondary {
  width: auto;
  color: var(--text-mutted);
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.cta-secondary:hover {
  color: var(--text-main);
}

.cta-secondary.pricing-card {
  margin-top: 32px;
}

.centered-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.lines-ship {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lines-ship.blue {
  justify-content: flex-start;
  align-items: center;
}

.line-blue {
  background-color: var(--bright-blue);
  width: 16px;
  height: 1px;
}

.line-blue.white {
  background-color: var(--text-main);
}

.centered-headers {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.chips-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.all-features {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 32px;
  padding: 32px;
  display: grid;
}

.separator-line {
  background-color: var(--line-main);
  width: 100%;
  height: 1px;
  margin-top: 12px;
  margin-bottom: 12px;
}

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

.tab-text-side {
  width: auto;
}

.slider-2 {
  display: none;
}

.paragraph-default {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75em;
}

.btn-primary {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #12181f;
  border-radius: 48px;
  justify-content: center;
  padding: 20px 28px;
  font-weight: 500;
  line-height: 1.125em;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

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

.btn-primary.button-row {
  align-self: flex-start;
  margin-right: 26px;
}

.btn-primary.button-row.in-tab {
  margin-top: 32px;
  margin-right: 0;
}

.teb-image {
  flex: 0 auto;
  align-self: center;
  width: auto;
  height: 100%;
  display: block;
}

.tab-title {
  color: #12181f;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.75;
}

.tab-text-image {
  margin-bottom: 16px;
}

.tab-container {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #fff;
  border: 1px solid #eeeff1;
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .6fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  width: 100%;
  padding: 60px 40px;
  display: grid;
  box-shadow: 0 2px 12px #1212131a;
}

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

.link {
  font-weight: 500;
}

.image-98 {
  width: 90%;
  max-width: 500px;
  height: auto;
}

.main-plan {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--line-main);
  background-color: var(--bg-cards);
  border-radius: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  width: 100%;
  padding: 48px;
  transition: all .3s;
  display: flex;
}

.main-plan:hover {
  background-color: var(--bg-card-hover);
  transform: scale(1.02);
}

.price-part {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-image: linear-gradient(90deg, var(--main-blue), var(--bright-blue));
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  min-height: 360px;
  padding: 32px;
  display: flex;
  position: relative;
}

.currency-sign {
  font-family: Outfit, sans-serif;
  font-size: 160px;
  font-weight: 700;
}

.main-price {
  padding-bottom: 24px;
  font-family: Outfit, sans-serif;
  font-size: 80px;
  font-weight: 700;
}

.main-details {
  font-family: Outfit, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.details-wrapper {
  margin-bottom: 32px;
}

.main-price-divider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 1px;
  height: auto;
  min-height: 210px;
  color: var(--text-mutted);
  background-color: #ffffff4d;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: block;
}

.pricing-2-tiles {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing-general-tiles {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.slider-3 {
  display: none;
}

.header-tile-main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

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

.text-300.bold.color-neutral-800 {
  width: 278px;
  min-width: auto;
}

.text-300.bold.color-neutral-800.black {
  color: #6e6e6e;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.text-300.medium {
  color: #3b3c3d;
  text-align: center;
  width: 90%;
  font-weight: 400;
}

.pricing-table-top {
  background-color: #fff;
  border-bottom: 1px solid #e6e7e8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 230px;
  padding: 48px 24px;
  display: flex;
  position: sticky;
  top: 0;
}

.pricing-table-top.first {
  align-items: flex-start;
  padding-left: 0;
}

.pricing-table-top.featured {
  background-color: #eef3ff;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
}

.pricing-title-tablet {
  margin-bottom: 12px;
  display: none;
}

.pricing-column.featured {
  background-color: #eef3ff;
  border-radius: 24px;
}

.pricing-content-wrapper {
  border-bottom: 1px solid #e6e7e8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
  min-height: 94px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.pricing-content-wrapper.no-line {
  border-bottom-width: 0;
}

.pricing-content-wrapper.left {
  align-items: flex-start;
  height: 100px;
  display: flex;
}

.pricing-content-wrapper.left.last {
  border-bottom-style: none;
}

.pricing-content-wrapper.empty {
  height: 100px;
}

.pricing-content-wrapper.empty.the-last {
  border-bottom-width: 0;
}

.pricing-content-wrapper.last {
  border-bottom-style: none;
}

.pricing-content-wrapper.no-underline {
  border-bottom-width: 0;
}

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

.grid-4-columns.pricing-tablet {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
}

.logo-2 {
  opacity: 1;
  height: 80px;
}

.logo-2.juan {
  text-align: left;
  height: 60px;
  display: block;
}

.logo-2.opacity {
  opacity: .6;
}

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

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

.dropdown {
  width: 100%;
}

.pricing-comparison-wrap {
  width: 100%;
  max-width: none;
  margin-top: -20px;
  margin-left: auto;
  margin-right: auto;
}

.tooltip {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
  padding: 8px 12px;
}

.tooltip-button {
  cursor: default;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  display: flex;
  position: relative;
}

.tooltip-copy {
  z-index: 1;
  position: relative;
}

.comparison-feature {
  color: #727272;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  display: flex;
}

.comparison-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2131452b;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.comparison-row.header {
  z-index: 6;
  background-color: #fafafa;
  border-bottom-width: 0;
  border-bottom-color: #223046;
  align-content: end;
  padding-top: 56px;
  padding-bottom: 0;
  position: sticky;
  top: 0;
}

.comparison-item {
  padding-top: 12px;
  padding-bottom: 12px;
}

.comparison-item.x {
  background-image: url('../images/x_1.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
}

.comparison-item.check.with-text {
  padding-left: 24px;
}

.comparison-item.check.blue {
  background-color: #0000;
  background-image: none;
}

.comparison-item.blue {
  background-color: var(--bg-cards);
}

.tooltip-wrap {
  z-index: 10;
  justify-content: center;
  width: 300px;
  display: none;
  position: absolute;
  bottom: 40px;
}

.tooltip-arrow {
  z-index: 0;
  background-color: #000;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: rotate(45deg);
}

.comparison-header-title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1;
}

.comparison-header-title.feature {
  color: #0000;
  text-align: left;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.comparison-header-title.blue {
  color: var(--main-blue);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.comparison-header-title.black {
  color: var(--bg-main);
}

.table-title-wrapp {
  background-color: #0000;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding-top: 32px;
  padding-bottom: 32px;
}

.comparsion-item {
  color: #0d1a2f99;
  -webkit-text-stroke-color: #0d1a2fcc;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.comparsion-item.section {
  color: var(--bg-main);
  -webkit-text-stroke-color: #406193;
  text-transform: uppercase;
  font-family: Fira Mono, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.comparison-divider {
  border-bottom: 1px solid var(--gray-text);
  background-color: #0000;
  width: 100%;
  margin-top: 32px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
}

.comparison-divider.first {
  border-bottom-color: var(--gray-text);
  margin-top: 0;
}

.centered-value {
  justify-content: center;
  align-items: center;
  display: flex;
}

.value-text {
  color: var(--bg-main);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.value-text.blue {
  background-image: linear-gradient(90deg, var(--main-blue), var(--bright-blue));
  color: var(--main-blue);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
}

.divider-navbar {
  display: none;
}

.div-block-52 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.watermark-pricing {
  color: #fff6;
  text-transform: uppercase;
  font-family: Fira Mono, sans-serif;
  font-size: 60px;
  font-weight: 500;
  position: absolute;
  inset: 6% 6% auto auto;
}

.watermark-pricing.smaller {
  color: #ffffff1a;
  font-size: 48px;
  right: 3%;
}

.price-card-link {
  width: 70%;
  transition: all .3s, color .35s;
}

.price-card-link:hover {
  color: var(--text-main);
  transform: scale(1.02);
}

.secondary-cta {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.secondary-cta.pricing {
  margin-top: 40px;
}

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

.agent-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.tile-agent-subtext {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.div-block-54 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: auto;
  margin-bottom: 32px;
  margin-left: 32px;
  margin-right: 32px;
  padding-right: 0;
  display: flex;
}

.image-103 {
  flex: 0 auto;
  order: 0;
  display: block;
}

@media screen and (min-width: 1280px) {
  .section {
    z-index: 4;
    margin-top: 0;
    position: relative;
    overflow: hidden;
  }

  .section.grye {
    border-width: 0;
  }

  .section.featuresd-section {
    margin-top: 160px;
  }

  .section._100 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    margin-top: -69px;
    display: flex;
    overflow: hidden;
  }

  .section.hero, .section.blog {
    margin-top: 0;
  }

  .section.logos {
    z-index: 4;
  }

  .section.gradient-fill {
    z-index: 3;
    position: relative;
  }

  .section.comparetable {
    margin-top: 160px;
  }

  .container {
    position: relative;
  }

  .container.no-paddings {
    overflow: visible;
  }

  .container.hidden {
    z-index: 5;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: hidden;
  }

  .hero-text {
    height: 250px;
  }

  .hero-text._02, .hero-text.hyphen, .hero-text.next, .hero-text.accounting, .hero-text.finance, .hero-text.workflows {
    height: 200px;
  }

  .hero-text-holder {
    margin-top: 0;
  }

  .hero-section-paragraph-holder {
    width: 100%;
    margin-top: 30px;
    padding-top: 0;
  }

  .title-holder {
    justify-content: center;
    align-items: center;
  }

  .experience-card-content.mobile {
    margin-top: 160px;
  }

  .light-holder.top {
    width: 300px;
    top: -100%;
  }

  .trusted-content {
    padding-left: 0;
  }

  .dashboard-tab {
    max-width: 1240px;
  }

  .hero-text-blur {
    height: 200px;
  }

  .hero-text-wrapper.hyphen {
    height: 100%;
  }

  .blog-details-title {
    max-width: 2000px;
  }

  .pricing-divider {
    opacity: 1;
  }

  .download-app-content {
    padding-left: 32px;
  }

  .footer-content {
    grid-template-columns: auto auto;
  }

  .plan-descri-tion, .plan-descri-tion.growth-plan {
    width: 95%;
    margin-top: 20px;
  }

  .bulltert-list-wrapper {
    grid-row-gap: 16px;
  }

  .button-div.price-section {
    border: 0 solid #fff;
  }

  .contacts-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 0px solid var(--line-main);
    background-color: #0000;
    border-radius: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-items: center;
    width: 100%;
    margin-top: 160px;
    display: grid;
  }

  ._1-grid {
    border: 1px solid var(--line-main);
    background-color: #0e1319;
    border-top-left-radius: 25px;
    width: 100%;
  }

  .tile, .tile.second, .tile.four {
    width: 100%;
  }

  .tile-email {
    width: 100%;
    height: 100%;
  }

  .content-wrap {
    margin-top: 0;
  }

  .footer-grid {
    grid-template-rows: minmax(auto, 1fr) auto .25fr auto;
    grid-template-areas: "."
                         "."
                         "Area"
                         ".";
  }

  .hero-circles-holder {
    display: flex;
    inset: 0%;
    overflow: hidden;
  }

  .circle.small {
    width: 600px;
    height: 600px;
  }

  .jaz-logo {
    position: static;
    inset: 0%;
  }

  .hero-logo-wrapp {
    overflow: hidden;
  }

  .hero_wrapper {
    margin-top: -70px;
  }

  .text-block-2 {
    width: auto;
  }

  .dasboard-visual, .sales-visual, .reconcilation-visual, .reports-visual, .dark-mode-hand {
    max-width: 1240px;
  }

  .hero-h.hyphen {
    height: 100%;
  }

  .paragraph-2-copy {
    width: 100%;
  }

  .experience-paragraph-holder-copy {
    width: auto;
    max-width: 520px;
  }

  .experience-paragraph-holder-copy-copy {
    max-width: 520px;
  }

  .div-block-28 {
    padding-left: 0;
    padding-right: 0;
  }

  .compare-table {
    margin-top: 48px;
  }

  .pricing-divider-copy {
    opacity: 1;
  }

  .pikohanna {
    height: 32px;
  }

  .connexions, .heysara {
    height: 40px;
  }

  .trustmoore {
    height: 49px;
  }

  .legatcy, .legatcy.meco {
    height: 40px;
  }

  .image-78 {
    z-index: 1;
  }

  .grid__mask {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #0000, var(--bg-blue) 60%);
  }

  .nav-container {
    max-width: 1440px;
  }

  .cont.contact-section {
    align-self: center;
    width: 100%;
    padding-left: 48px;
    padding-right: 48px;
  }

  .cont.separator {
    flex-flow: column;
    width: auto;
    display: block;
  }

  .cont.sep {
    text-align: center;
    font-size: 56px;
  }

  .cont.sep.second {
    overflow: hidden;
  }

  .h1-hero.outlined-bold {
    font-size: 118px;
  }

  .h1-hero.black-copy {
    width: auto;
  }

  .div-block-40 {
    margin-left: 160px;
  }

  .capt-h3 {
    width: 80%;
  }

  .capt-h3.help-center {
    width: 70%;
  }

  .capt-h3.shorter {
    width: 90%;
  }

  .capt-h3.shorter.black {
    width: 70%;
  }

  .text-part.price-card {
    padding: 48px;
  }

  .tile-header {
    font-size: 38px;
  }

  .tile-header.pricing {
    font-size: 32px;
  }

  .tile-subtext {
    font-size: 18px;
  }

  .heading-23.line-break {
    width: 100%;
  }

  .feature-point {
    color: var(--text-main);
  }

  .plan-price-2 {
    font-size: 54px;
  }

  .blue-button.wide {
    left: 36px;
    right: 36px;
  }

  .description-card-pricing {
    width: auto;
  }

  .plan-content {
    padding-top: 36px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .plan-content.gradient {
    padding-right: 36px;
  }

  .footer-content-2.tinvio {
    width: 100%;
    padding-left: 48px;
  }

  .h1-hero-2.blue.desktop {
    font-size: 120px;
  }

  .b-1.center.matcha {
    max-width: 530px;
  }

  .separator {
    background-color: var(--line-main);
    width: auto;
    max-width: none;
    height: 1px;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 48px;
    padding-right: 0;
  }

  .subheadline-3 {
    width: 600px;
    font-family: Inter, sans-serif;
    font-weight: 500;
  }

  .h1-hero-4.outlined-bold-copy {
    font-size: 120px;
  }

  .h1-hero-4.outlined-bold-copy-copy {
    -webkit-text-stroke-width: 1.25px;
    font-size: 116px;
  }

  .capt-h3-2 {
    width: 90%;
    line-height: 120%;
  }

  .subheadline-3-copy {
    width: 600px;
    font-family: Inter, sans-serif;
    font-weight: 500;
  }

  .subheadline-3-copy-copy {
    width: auto;
    max-width: none;
    font-family: Outfit, sans-serif;
    font-size: 28px;
    font-weight: 500;
  }

  .subheadline-3-copy-copy.left.black {
    max-width: 90.0001%;
  }

  .hero-image {
    justify-content: flex-end;
    align-items: center;
  }

  .black-header {
    font-size: 54px;
  }

  .black-header.centered {
    font-size: 56px;
  }

  .how-title {
    width: 50%;
    min-width: auto;
  }

  .point-text {
    width: auto;
  }

  .container-3columns.xero-to {
    justify-content: center;
    align-items: center;
  }

  .first-row-carousel {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: auto;
    max-width: 1440px;
    display: flex;
  }

  .grid-tiles {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: stretch;
    width: auto;
    min-width: 100%;
    display: flex;
  }

  .grid-tiles._2 {
    margin-left: 20px;
  }

  .image-81, .image-82, .image-83 {
    width: 100%;
  }

  .lottie-mobile {
    display: none;
  }

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

  ._3-points.xero-to-jaz {
    justify-content: center;
    place-items: center;
    width: 100%;
    max-width: 1100px;
  }

  .unxero-steps-section, .unxero-features-section {
    margin-top: 160px;
  }

  .cta-secondary.pricing-card {
    margin-top: 32px;
  }

  .main-plan {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding: 48px;
  }

  .price-part {
    min-height: 360px;
  }

  .comparison-header-title.blue {
    background-image: linear-gradient(90deg, var(--main-blue), var(--bright-blue));
    -webkit-text-stroke-color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .comparison-divider {
    border-radius: 0;
  }
}

@media screen and (min-width: 1440px) {
  .section.gradient {
    margin-top: 0;
  }

  .section.hero {
    overflow: hidden;
  }

  .container {
    max-width: 1350px;
    padding-bottom: 4em;
  }

  .container.wide-container {
    max-width: 1350px;
  }

  .hero-text {
    height: 250px;
  }

  .hero-text._02, .hero-text.hyphen, .hero-text.next, .hero-text.accounting, .hero-text.finance, .hero-text.workflows {
    height: 260px;
  }

  .hero-section {
    height: auto;
  }

  .hero-text-holder {
    margin-top: 0;
  }

  .hero-section-paragraph-holder {
    margin-top: 30px;
    padding-top: 0;
  }

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

  .title-holder {
    max-width: none;
  }

  .experience-card-text-holder, .experience-card-text-holder.padding, .experience-card-text-holder._02 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .card-title {
    width: 100%;
  }

  .experience-paragraph-holder {
    width: 100%;
    max-width: 460px;
  }

  .experience-gradient {
    height: 130px;
  }

  .experience-gradient._02 {
    bottom: -26%;
  }

  .light-holder.top {
    width: 400px;
    height: 400px;
    top: -140%;
  }

  .dashboard-tab {
    max-width: 1320px;
  }

  .card-image-holder._02 {
    height: 100%;
  }

  .card-text-holder.small {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-text-blur {
    height: 260px;
  }

  .hero-text-wrapper._01.acc-fin {
    margin-top: 0;
  }

  .features-phone-container {
    width: 320px;
  }

  .features-number {
    font-size: 30em;
    top: -22%;
  }

  .features-number._2 {
    top: -3%;
  }

  .features-number._3 {
    bottom: -25%;
  }

  .features-number._4 {
    bottom: -29%;
  }

  .gradient-small-text {
    top: -22%;
  }

  .your-needs-image-holder {
    max-width: 480px;
    max-height: 480px;
  }

  .your-needs-image-holder.small-image {
    height: 580px;
  }

  .your-needs-image-holder.image-anim.centered {
    max-width: none;
    max-height: none;
  }

  .blog-details-title {
    max-width: 2000px;
  }

  .pricing-divider {
    margin-top: 24px;
  }

  .plan-descri-tion {
    width: 80%;
    margin-top: 20px;
  }

  .plan-descri-tion.growth-plan {
    width: 80%;
  }

  .button-div.price-section {
    transition-duration: .5s, .2s;
  }

  .plan-main-button {
    transition-duration: .5s, .35s;
  }

  .lines {
    left: 16%;
  }

  .tile.four {
    height: 100%;
  }

  .email-button {
    transition-duration: .5s, .35s;
  }

  .image-3 {
    width: auto;
    inset: 0%;
  }

  .content-2 {
    margin-bottom: 80px;
  }

  .b4, .privacy-link-email {
    color: #ababab;
  }

  .content-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-menu-2 {
    padding-top: 0;
  }

  .link-icon {
    transition-duration: .5s, .2s;
  }

  .footer-grid {
    max-width: 1350px;
  }

  .circles {
    left: 35%;
  }

  .links-content {
    color: var(--gray-text);
    border-left-color: #586e89;
    font-family: Gilroy, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
  }

  .links-content:hover {
    color: #fff;
  }

  .links-content.w--current {
    color: #fff;
    border-left-width: 1px;
    border-left-color: #fff;
  }

  .content-links {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    display: flex;
  }

  .pinterestsave {
    padding-right: 20px;
  }

  .table-of-content {
    background-color: #18212c00;
    border: 0 solid #fff;
    border-radius: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: 0;
    display: flex;
  }

  .buttom-hero-oart {
    margin-top: -30px;
  }

  .dasboard-visual, .sales-visual, .reconcilation-visual, .reports-visual, .dark-mode-hand {
    max-width: 1320px;
  }

  .container-2, .container-3 {
    max-width: 1350px;
    padding-bottom: 4em;
  }

  .paragraph-2-copy {
    width: 100%;
  }

  .experience-paragraph-holder-copy {
    width: 100%;
    max-width: 70%;
  }

  .experience-paragraph-holder-copy-copy {
    width: 100%;
    max-width: 62%;
  }

  .compare-wrap.experience-paragraph-holder-copy {
    max-width: none;
  }

  .image-77 {
    position: absolute;
    inset: auto 0% 0% 10%;
  }

  .pricing-divider-copy {
    opacity: .75;
    margin-top: 24px;
  }

  .hero-logos {
    max-width: 1300px;
  }

  .pikohanna {
    height: 40px;
  }

  .connexions, .heysara {
    height: 44px;
  }

  .trustmoore {
    height: 50px;
  }

  .legatcy, .legatcy.meco {
    height: 44px;
  }

  .logo-grid-wrapper {
    width: 150vw;
  }

  .side-shadow.right {
    background-image: linear-gradient(90deg, #050f1a00, #050f1a00 50%, #12181f);
    background-image: linear-gradient(90deg, #050f1a00, #050f1a00 50%, var(--bg-main));
  }

  .isa, .as, .amc {
    height: 44px;
  }

  .elephant {
    height: 52px;
  }

  .plan-holder.two-plans, .jaz-plan {
    margin-left: 0;
  }

  .grid__mask {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #0000, var(--bg-blue) 60%);
  }

  .div-block-35 {
    height: 360px;
  }

  .navbar-3.mainnsv {
    justify-content: space-between;
    align-items: center;
    width: auto;
    display: flex;
  }

  .nav-links {
    font-size: 18px;
  }

  .nav-container {
    flex-flow: row;
    flex: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .hero-headline {
    justify-content: center;
    align-items: flex-start;
  }

  .hero-logos-2 {
    max-width: none;
  }

  .elephant-2 {
    height: 52px;
  }

  .section-3.hero {
    padding-left: 48px;
    padding-right: 48px;
  }

  .cont {
    flex-flow: column;
    align-self: center;
    width: 100%;
    margin-left: 48px;
    margin-right: 48px;
    display: flex;
  }

  .cont.hero {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cont.pricing {
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 100%;
    padding-left: 0;
  }

  .cont.pricing.featulres {
    align-self: center;
    width: 100%;
  }

  .cont.contact-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    order: -1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    align-items: center;
    max-width: 1440px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    overflow: hidden;
  }

  .cont.footer-cont {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: 48px;
    margin-right: 48px;
    display: block;
  }

  .cont.separator {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cont.faq {
    width: 100%;
  }

  .cont.sep.second {
    padding-left: 0;
    padding-right: 0;
  }

  .logo-grid-wrapper-2 {
    width: 150vw;
  }

  .logo-grid-wrapper-2.unxero {
    width: 90vw;
    min-width: auto;
  }

  .h1-hero {
    font-size: 140px;
  }

  .h1-hero.outlined-bold {
    font-size: 118px;
  }

  .h1-hero.black, .h1-hero.black-copy {
    width: auto;
  }

  .hero-cta {
    font-family: Interdisplay, Arial, sans-serif;
    font-weight: 700;
  }

  .bullet-text-2 {
    width: 60%;
    font-size: 16px;
  }

  .capt-h3 {
    width: 76%;
  }

  .capt-h3.help-center {
    width: 50%;
  }

  .capt-h3.help-center.black {
    width: 60%;
    line-height: 120%;
  }

  .capt-h3.shorter {
    width: 80%;
    line-height: 120%;
  }

  .section-4._2 {
    justify-content: space-between;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .section-4.contact {
    margin-bottom: 180px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .section-4.faq {
    align-self: stretch;
  }

  .section-4._48 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .section-4.lighter {
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    padding-left: 48px;
    padding-right: 48px;
  }

  .section-4.padding {
    align-self: stretch;
    padding-left: 48px;
    padding-right: 48px;
  }

  .heading-22 {
    width: 100%;
  }

  .tile-header {
    font-size: 38px;
  }

  .heading-23.mobile.clio {
    width: auto;
  }

  .headline-wrapper {
    width: 100%;
  }

  .four-grid {
    grid-auto-flow: row;
    justify-content: space-between;
    width: 100%;
    max-width: 1440px;
    margin-left: 0;
  }

  .four-grid.pricingpage {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .bigger-tile {
    background-image: linear-gradient(90deg, var(--main-blue), var(--bright-blue) 64%);
    border-width: 1px;
    border-color: #2a3747b3;
  }

  .first-column.pricing-page {
    width: 100%;
    max-width: 1440px;
  }

  .footer-2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-left: 48px;
    padding-right: 48px;
    display: flex;
  }

  .footer-2.tinvio {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .all-right-reserved {
    color: var(--text-mutted);
    font-family: Interdisplay, Arial, sans-serif;
  }

  .footer-content-2 {
    color: var(--text-main);
  }

  .footer-content-2.tinvio {
    width: auto;
  }

  .footer-link-wrapper {
    color: var(--text-mutted);
    font-family: Interdisplay, Arial, sans-serif;
    font-weight: 400;
  }

  .footer-link-wrapper:hover {
    color: var(--text-main);
  }

  .slash {
    color: #ababab;
  }

  .footer-link-hold {
    transition: color .3s, border-color .3s;
  }

  .body-default {
    justify-content: space-between;
    align-items: stretch;
    overflow: visible;
  }

  .h1-hero-2 {
    font-size: 140px;
  }

  .h1-hero-2.blue {
    font-size: 114px;
  }

  .h1-hero-2.blue.bottom {
    font-size: 114px;
    font-weight: 700;
  }

  .h1-hero-2.blue.desktop.visible {
    width: auto;
  }

  .b-1.center {
    font-family: Inter, sans-serif;
    font-weight: 400;
  }

  .b-1.center.matcha {
    max-width: 530px;
    font-weight: 500;
  }

  .image-6 {
    margin-top: 0;
    margin-left: -8px;
    transform: rotate(45deg);
  }

  .form {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .form-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .separator {
    width: 100%;
    margin-left: 0;
  }

  .h1-hero-3 {
    font-size: 140px;
  }

  .h1-hero-3.outlined-bold {
    font-size: 150px;
  }

  .subheadline-2 {
    width: 720px;
  }

  .hero-headline-2 {
    justify-content: center;
    align-items: flex-start;
  }

  .faq-wrapper.cursor-hover-animation, .faq-section-questions, .faq-question, .faq-question-text-2 {
    width: 100%;
  }

  .faq-content {
    justify-content: stretch;
    width: 100%;
  }

  .faq-header-wrapper {
    width: 100%;
  }

  .section-5 {
    padding-left: 48px;
  }

  .content-container {
    max-width: 1440px;
  }

  .section-6.hero, .section-6.hero-clio {
    padding-left: 48px;
    padding-right: 48px;
  }

  .hero-logos-3 {
    max-width: none;
    margin-top: 160px;
    overflow: clip;
  }

  .subheadline-3 {
    width: 700px;
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 500;
  }

  .h1-hero-4 {
    font-size: 140px;
  }

  .h1-hero-4.outlined-bold {
    font-size: 150px;
  }

  .h1-hero-4.outlined-bold-copy {
    font-size: 130px;
  }

  .h1-hero-4.outlined-bold-copy-copy {
    -webkit-text-stroke-width: 1.25px;
    font-size: 128px;
  }

  .trusted-by-3 {
    font-family: Interdisplay, Arial, sans-serif;
    font-weight: 600;
  }

  .div-block-43 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
  }

  .elephant-3 {
    height: 52px;
  }

  .cont-2.separator {
    padding-left: 0;
    padding-right: 0;
  }

  .cont-2.hero {
    align-self: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cont-2.hero.clio {
    align-self: center;
  }

  .cont-2.hero.tinvio {
    justify-content: center;
    align-items: center;
  }

  .cont-3.separator {
    padding-left: 0;
    padding-right: 0;
  }

  .accountant-subtext {
    width: auto;
  }

  .cont-4 {
    align-self: center;
    width: 100%;
  }

  .cont-4.all-features-section {
    flex-flow: column;
    align-self: center;
    width: 100%;
    display: flex;
  }

  .heading-24 {
    width: 90%;
  }

  .capt-h3-2 {
    width: 85%;
    font-family: Inter, sans-serif;
  }

  .capt-h3-2.essentials-header {
    font-family: Outfit, sans-serif;
  }

  .footer-link-whitebg-text {
    font-family: Interdisplay, Arial, sans-serif;
  }

  .heading-24-copy {
    width: 90%;
  }

  .subheadline-3-copy {
    width: 700px;
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 500;
  }

  .subheadline-3-copy-copy {
    width: auto;
    max-width: none;
    font-family: Outfit, sans-serif;
    font-size: 28px;
    font-weight: 500;
  }

  .nav-bar {
    flex: 0 auto;
    align-self: center;
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .nav-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 48px;
    padding-right: 48px;
    display: flex;
  }

  .link-post._100 {
    min-height: 350px;
  }

  .clio-subheader, .subheader-padding {
    width: 100%;
  }

  .hero-image {
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .clio-features.e-invoice, .clio-features.invoices, .clio-features.xero-to {
    padding-left: 48px;
    padding-right: 48px;
  }

  .clio-features._48 {
    margin-left: 48px;
    margin-right: 48px;
  }

  .how-clio-works {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .white-container.xero-to {
    width: auto;
    max-width: 1440px;
  }

  .how-title {
    width: 40%;
    min-width: auto;
    max-width: none;
  }

  .work-point {
    width: 330px;
  }

  .ai-powered {
    justify-content: center;
    align-items: center;
    margin-bottom: 140px;
    display: flex;
  }

  .items-holder, .holder {
    flex-flow: column;
  }

  .elephant-4 {
    height: 52px;
  }

  .row-cards {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
  }

  .patrners-hero-h {
    max-width: 1170px;
  }

  .info-section.invoices {
    padding-left: 48px;
    padding-right: 48px;
  }

  .info-section.xero-to-jaz._48 {
    margin-left: 48px;
    margin-right: 48px;
  }

  ._3-points.xero-to-jaz {
    max-width: 1160px;
  }

  .divider-section {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-xero {
    order: -9999;
    align-self: stretch;
  }

  .unxero-hero-section {
    justify-content: center;
    align-items: center;
    margin-top: 140px;
    display: flex;
  }

  .feature-unxero {
    overflow: hidden;
  }

  .image-98 {
    width: auto;
  }

  .pricing-general-tiles {
    align-self: stretch;
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 1920px) {
  .section.featuresd-section {
    margin-top: 160px;
  }

  .section.hero {
    z-index: 2;
  }

  .container {
    width: 100%;
  }

  .container.wide-container {
    max-width: 1350px;
  }

  .hero-text {
    height: 400px;
    font-size: 12vw;
  }

  .hero-text._02, .hero-text.hyphen, .hero-text.next, .hero-text.accounting, .hero-text.finance, .hero-text.workflows {
    height: 320px;
  }

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

  .hero-text-holder {
    height: 320px;
  }

  .hero-section-text-holder {
    margin-top: 60px;
    padding-top: 0;
  }

  .iphone-holder {
    top: 2%;
  }

  .hero-section-paragraph-holder {
    margin-top: 0;
    padding-top: 0;
  }

  .card-title.max-width {
    max-width: 500px;
  }

  .experience-paragraph-holder {
    width: 100%;
  }

  .light-holder.top {
    width: 600px;
    height: 600px;
    top: -200%;
  }

  .dark-mode-hand-holder {
    margin-bottom: 0;
  }

  .dashboard-tab {
    max-width: 1500px;
  }

  .hero-text-blur {
    height: 350px;
  }

  .hero-text-wrapper._01.acc-fin {
    margin-top: 60px;
  }

  .your-needs-image-holder.image-anim.centered {
    max-width: none;
    max-height: none;
  }

  .blog-details-title {
    width: 90%;
    max-width: 2000px;
  }

  .body {
    aspect-ratio: auto;
  }

  .plan-descri-tion, .plan-descri-tion.growth-plan {
    width: 80%;
  }

  .icon {
    width: 20px;
    height: 20px;
  }

  .icon.minus {
    height: 20px;
  }

  .main-button-n {
    border-radius: 10em;
    margin-top: 0;
    padding: 2px;
    display: flex;
    overflow: hidden;
  }

  .button-bg {
    border-radius: 10em;
  }

  .button-inside {
    color: #fff;
    padding-left: 48px;
    padding-right: 48px;
    font-size: 18px;
    font-weight: 700;
  }

  .lines {
    left: 15%;
  }

  .hero-body {
    width: 520px;
  }

  .paragraph-5 {
    width: 100%;
  }

  .content-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .tab-link-privacy.w--current {
    -webkit-text-fill-color: inherit;
    background-color: #f3c3c300;
    background-clip: border-box;
  }

  .circle {
    width: 1400px;
    height: 1400px;
  }

  .circle.two {
    width: 1700px;
    height: 1700px;
  }

  .hero_wrapper {
    margin-top: 0;
  }

  .buttom-hero-oart {
    margin-top: -80px;
  }

  .dasboard-visual, .sales-visual, .reconcilation-visual, .reports-visual, .dark-mode-hand {
    max-width: 1500px;
  }

  .dark-mode-hand-holder-2 {
    margin-bottom: 0;
  }

  .hero-h.finance {
    height: 100%;
    inset: auto 0% 0%;
  }

  .hero-h.accounting {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
  }

  .experience-paragraph-holder-copy {
    width: 70%;
  }

  .experience-paragraph-holder-copy-copy {
    width: 62%;
  }

  .compare-wrap.experience-paragraph-holder-copy {
    width: auto;
  }

  .plan {
    font-size: 22px;
  }

  .dropdown-wrapper.top {
    margin-top: 0;
  }

  .div-block-28 {
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-fill {
    z-index: 10000000;
    background-color: #0000;
    padding-bottom: 0;
    position: sticky;
    top: 0;
  }

  .pikohanna, .connexions, .heysara, .trustmoore {
    width: auto;
    height: 66px;
  }

  .legatcy {
    object-fit: contain;
    width: auto;
    height: 66px;
  }

  .legatcy.meco {
    height: 66px;
  }

  .logo-grid-wrapper {
    width: 140vw;
    position: relative;
  }

  .side-shadow.right {
    z-index: 1000;
    z-index: 1000;
    inset: 0% 0% 0% auto;
    background-image: linear-gradient(90deg, #050f1a00, #050f1a00 50%, #12181f);
    width: 300px;
    inset: 0% 0% 0% auto;
  }

  .side-shadow.left {
    z-index: 80;
    width: 300px;
  }

  .side-shadow.right {
    z-index: 1000;
    background-image: linear-gradient(90deg, transparent, #050f1a00 50%, var(--bg-main));
    width: 300px;
    inset: 0% 0% 0% auto;
  }

  .isa, .as, .amc {
    height: 66px;
  }

  .features-hero-bg {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-wrapper {
    height: 100vh;
    margin-top: -300px;
    position: relative;
  }

  .grid__horizontal-wrapper {
    height: 400vh;
  }

  .grid {
    z-index: 0;
    height: 200vh;
  }

  .vertical-line {
    justify-content: center;
    align-items: center;
  }

  .vertical-line.hide {
    align-self: center;
    display: flex;
  }

  .grid__vertical {
    justify-content: space-around;
    display: flex;
  }

  .page-wrapper {
    height: 100vh;
  }

  .grid__mask {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #0000, var(--bg-blue) 60%);
    height: 100%;
    inset: 0%;
  }

  .div-block-35 {
    background-image: linear-gradient(180deg, #050f1a00, var(--bg-blue) 28%);
  }

  .bottom-shadow {
    z-index: 50;
    box-sizing: border-box;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--text-mutted);
    object-fit: fill;
    background-image: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 250px;
    display: block;
    position: absolute;
    inset: auto 0% 0%;
    overflow: visible;
  }

  .div-block-38 {
    z-index: 240;
    background-image: linear-gradient(0deg, var(--bg-blue), #050f1a00 20%);
    width: 100%;
    height: 100vh;
    position: absolute;
    inset: auto 0% 0%;
    overflow: visible;
  }

  .horizontal-line-2 {
    height: 2px;
    box-shadow: none;
    background-color: #0f577e;
  }

  .vertical-line-2 {
    width: 2px;
    box-shadow: none;
    background-color: #0f577e;
  }

  .navbar-3.mainnsv {
    justify-content: center;
    align-items: baseline;
    max-width: none;
    display: flex;
    overflow: scroll;
  }

  .nav-container {
    flex: 0 auto;
    justify-content: space-between;
    align-items: center;
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .hero-headline {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    display: flex;
  }

  .section-3 {
    justify-content: center;
    align-items: center;
  }

  .cont {
    flex-flow: column;
    justify-content: space-between;
    align-self: center;
    align-items: stretch;
    width: 100%;
    max-width: 1440px;
    display: flex;
    overflow: visible;
  }

  .cont.hero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-left: 48px;
    margin-right: 48px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cont.pricing.featulres {
    align-self: center;
    margin-top: 0;
  }

  .cont.footer-cont {
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .cont.separator {
    flex: 1;
  }

  .cont.sep {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .cont.sep.second {
    padding-left: 0;
    padding-right: 0;
  }

  .logo-grid-wrapper-2 {
    width: 140vw;
    position: relative;
  }

  .logo-grid-wrapper-2.unxero {
    width: 70vw;
    min-width: auto;
  }

  .subheadline-hero {
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
  }

  .h1-hero {
    width: auto;
    font-size: 160px;
    display: flex;
  }

  .h1-hero.outlined-bold {
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    font-size: 118px;
    position: relative;
  }

  .div-block-40 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-left: 180px;
    display: flex;
  }

  .hero-cta {
    -webkit-text-stroke-width: 0px;
    font-family: Interdisplay, Arial, sans-serif;
    font-weight: 700;
  }

  .bullet-text-2 {
    width: 62%;
  }

  .capt-h3 {
    width: 74%;
    font-size: 46px;
  }

  .capt-h3.shorter {
    width: 70%;
  }

  .capt-h3.shorter.center {
    width: 80%;
  }

  .section-4 {
    justify-content: center;
    align-items: center;
  }

  .section-4._2 {
    justify-content: flex-end;
    align-self: auto;
    align-items: center;
  }

  .section-4.faq {
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-self: stretch;
    align-items: center;
  }

  .section-4.partners.tinvio {
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  .section-4.lighter {
    align-self: stretch;
  }

  .heading-22 {
    font-size: 60px;
  }

  .features-title {
    font-size: 46px;
  }

  .heading-23 {
    font-size: 60px;
  }

  .heading-23.line-break {
    width: 100%;
  }

  .heading-23.mobile.clio {
    width: auto;
  }

  .feature-point {
    font-size: 17px;
  }

  .grid-image {
    width: 100%;
  }

  .foreveryone-text {
    width: 100%;
    margin-bottom: 180px;
  }

  .b2-2 {
    color: var(--text-mutted);
    font-size: 18px;
  }

  .b2-2.black {
    color: #08111b;
    font-size: 18px;
  }

  .blue-button.wide {
    font-size: 18px;
  }

  .description-card-pricing {
    color: var(--text-mutted);
    font-size: 18px;
  }

  .description-card-pricing.black, .bullet-text-3.white, .bullet-text-3.white.black, .bullets-title.black {
    font-size: 18px;
  }

  .footer-2 {
    flex: 1;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    max-width: none;
    display: flex;
    overflow: visible;
  }

  .footer-2.tinvio {
    justify-content: center;
    align-items: center;
  }

  .footer-content-2 {
    flex-flow: row;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    display: flex;
  }

  .h1-hero-2 {
    width: auto;
    font-size: 160px;
    display: flex;
  }

  .h1-hero-2.blue.bottom {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .h1-hero-2.blue.first, .h1-hero-2.blue.desktop {
    background-image: none;
  }

  .b-1.center.matcha {
    max-width: 530px;
  }

  .separator {
    background-color: var(--line-main);
  }

  .h1-hero-3 {
    width: auto;
    font-size: 160px;
    display: flex;
  }

  .h1-hero-3.outlined-bold {
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    font-size: 170px;
    position: relative;
  }

  .subheadline-2 {
    width: 800px;
  }

  .div-block-42 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-left: 180px;
    display: flex;
  }

  .hero-headline-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    display: flex;
  }

  .faq-section-questions-2 {
    flex-flow: column;
    display: flex;
  }

  .section-6 {
    justify-content: center;
    align-items: center;
  }

  .subheadline-3 {
    width: 700px;
    font-family: Inter, sans-serif;
  }

  .h1-hero-4 {
    width: auto;
    font-size: 160px;
    display: flex;
  }

  .h1-hero-4.outlined-bold, .h1-hero-4.outlined-bold-copy {
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    font-size: 170px;
    position: relative;
  }

  .h1-hero-4.outlined-bold-copy-copy {
    -webkit-text-stroke-width: 1.5px;
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    font-size: 170px;
    position: relative;
  }

  .div-block-43 {
    -webkit-text-stroke-width: 1.25px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
    display: flex;
  }

  .cont-2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1440px;
    display: flex;
    overflow: visible;
  }

  .cont-2.hero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-left: 48px;
    margin-right: 48px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cont-2.hero.tinvio {
    justify-content: space-between;
    align-items: center;
  }

  .subheadline-hero-2 {
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
  }

  .cont-3 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1440px;
    display: flex;
    overflow: visible;
  }

  .accountant-subtext {
    font-size: 20px;
  }

  .cont-4 {
    width: 85%;
  }

  .cont-4.post-grid {
    align-self: center;
  }

  .cont-4.all-features-section {
    align-self: center;
    width: 100%;
  }

  .heading-24 {
    font-size: 60px;
  }

  .capt-h3-2 {
    width: 82%;
    font-size: 46px;
  }

  .heading-24-copy {
    font-size: 60px;
  }

  .features-title-copy {
    font-size: 46px;
  }

  .subheadline-3-copy {
    width: 700px;
    font-family: Inter, sans-serif;
  }

  .subheadline-3-copy-copy {
    -webkit-text-stroke-width: 0px;
    width: auto;
    max-width: none;
    font-family: Outfit, sans-serif;
    font-weight: 500;
  }

  .features-title-copy-copy {
    font-size: 46px;
  }

  .nav-bar {
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
    min-width: 1440px;
    max-width: none;
    display: block;
  }

  .nav-bar.white.tivnio {
    width: 100%;
  }

  .nav-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .clio-features.e-invoice {
    align-self: auto;
  }

  .clio-features.xero-to {
    padding-left: 0;
    padding-right: 0;
  }

  ._4-tiles {
    width: 100%;
  }

  ._4-tiles.e-invoice {
    justify-content: stretch;
    width: auto;
  }

  .black-header.centered {
    margin-top: 0;
    margin-bottom: 0;
  }

  .how-title {
    align-self: center;
    min-width: auto;
    max-width: none;
  }

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

  .work-point {
    width: auto;
  }

  .point-text {
    width: 100%;
  }

  .container-3columns {
    align-self: center;
  }

  .ai-powered {
    display: flex;
  }

  .large-title-2 {
    flex-flow: row;
    width: 100%;
  }

  .slider-wrapper {
    overflow: clip;
  }

  .logo-wrapp-3.unxero {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .point-text-copy {
    width: 90%;
  }

  .info-section {
    align-self: center;
  }

  .info-section.xero-to-jaz {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  ._3-points.xero-to-jaz {
    width: 1230px;
    max-width: none;
  }

  .divider-section {
    margin-left: 0;
    margin-right: 0;
  }

  .container-xero {
    width: 100%;
  }

  .nav-xero {
    order: 0;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  .cta-header-unxero:hover {
    background-color: var(--bg-main);
    color: var(--text-main);
  }

  .cta-header-unxero.footer:hover {
    background-color: var(--main-blue);
  }

  .unxero-steps-section, .unxero-features-section {
    margin-top: 180px;
  }

  .comparsion-item, .value-text {
    font-size: 17px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 55px;
  }

  h2 {
    font-size: 45px;
  }

  h3 {
    font-size: 35px;
  }

  .section.featuresd-section {
    margin-top: 140px;
  }

  .section.multi-currency {
    overflow: hidden;
  }

  .section.hero {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .section.contact {
    overflow: visible;
  }

  .section.gradient-bg {
    overflow: hidden;
  }

  .section.gradient-fill {
    margin-top: 80px;
  }

  .section.comparetable {
    display: none;
  }

  .section.mobile-comparetable {
    margin-bottom: 60px;
    display: inline;
    overflow: visible;
  }

  .container {
    padding-top: 2em;
  }

  .container.no-paddings {
    z-index: 20;
  }

  .container.all-numbers.contacts.borttom {
    overflow: visible;
  }

  .container.pricing-plans {
    padding-top: 6em;
  }

  .container.contacts {
    padding-top: 8em;
  }

  .container.sticky {
    display: none;
  }

  .nav-menu-container {
    grid-column-gap: 0px;
    text-align: center;
    justify-content: center;
    height: 54px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    overflow: visible;
  }

  .navbar {
    z-index: 100;
    top: 8px;
    overflow: visible;
  }

  .nav-menu {
    z-index: 10170;
    border: 1px solid var(--line-main);
    background-color: var(--bg-blue);
    border-radius: 20px;
    max-width: 285px;
    height: auto;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 10px;
    display: flex;
    left: 0;
    right: 0;
  }

  .button.navbar-button {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button.navbar-button {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  .button.navbar-button.grey {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: block;
  }

  .grid-6-col {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .link-block {
    padding-top: 0;
    padding-bottom: 2px;
  }

  .link-block-underline {
    display: none;
  }

  .footer {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-image {
    width: 60%;
  }

  .nav-link {
    z-index: 20000;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: auto;
    position: relative;
  }

  .grey-text, .text-field-form.contact {
    font-size: 14px;
  }

  .menu-button {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: block;
  }

  .menu-button.w--open {
    background-color: var(--bg-cards);
    border-radius: 40px;
  }

  .menu-button.white.w--open {
    background-color: #f3f3f3;
  }

  .center-box {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: block;
  }

  .link-block-2 {
    padding-top: 0;
    padding-bottom: 2px;
  }

  .style-guide-main-panel {
    padding: 16px;
  }

  .style-guide-left-panel {
    grid-column-gap: 16px;
    grid-row-gap: 50px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 17px;
    display: grid;
  }

  .style-guide-container {
    flex-direction: column;
  }

  .grid-8-col {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .style-guide-empty-container {
    padding: 17px 0;
  }

  .style-guide-hero-holder {
    padding: 28px;
  }

  .style-guide-tab-holder {
    margin-left: 0;
    padding: 5px 0;
  }

  .style-guide-left-panel-holder {
    width: 100%;
  }

  .hero-text {
    height: 180px;
    font-size: 17vw;
  }

  .hero-text._02, .hero-text.hyphen {
    height: 140px;
  }

  .hero-text.next {
    background-image: linear-gradient(90deg, var(--main-blue), var(--cyan) 56%, #7fe9ff);
    text-align: center;
    white-space: normal;
    direction: ltr;
    max-width: 690px;
    height: 140px;
  }

  .hero-text.next.mobile {
    background-image: linear-gradient(90deg, var(--main-blue), var(--cyan) 56%, var(--green));
    width: auto;
    max-width: none;
  }

  .hero-text.accounting, .hero-text.finance, .hero-text.workflows {
    height: 140px;
  }

  .nav-button-holder {
    margin-top: 10px;
    display: none;
  }

  .nav-button-holder.nav-button-on-mobile {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .brand {
    width: 60px;
    min-width: 90px;
    margin-right: 60px;
    display: block;
  }

  .brand.w--current {
    width: 60px;
    min-width: auto;
    margin-right: 90px;
  }

  .brand-image {
    width: auto;
  }

  .cricle-active-holder.w--current {
    opacity: .22;
    top: -8px;
  }

  .hero-section {
    z-index: 50;
    justify-content: center;
    height: auto;
    padding-bottom: 200px;
    position: relative;
  }

  .hero-sticky-holder {
    height: auto;
  }

  .hero-text-holder {
    z-index: 50;
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    height: auto;
    display: flex;
    position: relative;
  }

  .hero-section-text-holder {
    z-index: 6;
    height: auto;
    margin-top: 510px;
    margin-bottom: 0;
    position: relative;
  }

  .iphone-holder {
    height: 720px;
  }

  .hero-section-sticky {
    height: 100%;
    position: relative;
    top: 50%;
  }

  .hero-section-paragraph-holder {
    z-index: 8;
    grid-row-gap: 20px;
    margin-top: -20px;
    padding-top: 0;
    position: relative;
  }

  .from-holder {
    flex-flow: column;
  }

  .logo-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .center-title, .center-title.lp {
    margin-top: 0;
  }

  .title-holder {
    width: 100%;
  }

  .title {
    font-size: 56px;
  }

  .title.all-your-numbers {
    width: 620px;
  }

  .title.left {
    text-align: left;
  }

  .experience-section {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .experience-cards-holder {
    margin-top: 48px;
  }

  .experience-cards-holder.features {
    margin-top: 32px;
  }

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

  .experience-grid.features {
    grid-template-rows: auto auto auto;
  }

  .experience-card-content.horizontal {
    flex-flow: column;
  }

  .experience-card-image-holder._02, .experience-card-image-holder._02.onboaring {
    height: auto;
  }

  .experience-card-image-holder.smaller {
    height: auto;
    margin-top: 24px;
  }

  .experience-card-image {
    object-fit: contain;
  }

  .experience-card-text-holder {
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .experience-card-text-holder.padding.top-botton {
    padding-left: 32px;
  }

  .experience-card-text-holder.padding.top-botton._40 {
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 32px;
    padding-bottom: 0;
    padding-right: 32px;
  }

  .experience-card-text-holder._02 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .experience-card-text-holder._02._40, .experience-card-text-holder._02.features {
    padding-top: 32px;
  }

  .card-title {
    width: 100%;
  }

  .card-title.max-width.left-alighned {
    text-align: center;
    max-width: none;
  }

  .card-title.contact-block.email {
    width: auto;
  }

  .effortlessly-integration-container {
    padding-top: 80px;
  }

  .effortlessly-integration---iphone-holder {
    width: 320px;
  }

  .logo-holder {
    border-radius: 8px;
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
  }

  .logo-image {
    border-radius: 20px;
  }

  .logo-image.blured {
    display: none;
  }

  .workflow-section {
    margin-top: -220px;
    padding: 42px;
  }

  .light-holder.top {
    width: 200px;
    height: 200px;
    top: -48%;
  }

  .sticky-section {
    padding-top: 47px;
    padding-bottom: 47px;
  }

  .trusted-item {
    margin-bottom: 5vh;
  }

  .trusted-item.last {
    margin-bottom: 0;
  }

  .trusted-overlay-container {
    display: none;
  }

  .trusted-content.trusted-list {
    padding-top: 0;
    padding-bottom: 0;
  }

  .header-qn {
    font-size: 60px;
  }

  .dark-mode-hand-holder {
    margin-bottom: 0;
  }

  .dashboard-tab {
    width: 94%;
  }

  .cards-grid {
    grid-template-columns: 1fr 2fr 1fr 1fr;
  }

  .card-container {
    max-height: none;
  }

  .card-iphone-holder {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .cards-second-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hero-text-blur {
    height: 140px;
  }

  .light-wrapper {
    z-index: 0;
    display: none;
  }

  .light {
    display: none;
  }

  .hero-text-wrapper._01 {
    flex-flow: row;
    width: auto;
    height: auto;
    position: static;
  }

  .hero-text-wrapper._01.acc-fin, .hero-text-wrapper._01.mob {
    display: flex;
  }

  .light-wrapper-in-front {
    z-index: 0;
    display: none;
  }

  .features-hero-container {
    grid-row-gap: 120px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .features-hero-content-holder {
    align-items: center;
  }

  .features-hero {
    font-size: 60px;
  }

  .features-phone-holder {
    width: 60%;
  }

  .company-number-facts-holder {
    padding: 34px;
  }

  .your-needs-section-holder {
    margin-top: 140px;
    margin-bottom: 0;
  }

  .your-needs-section-grid {
    grid-template-columns: 1fr 1fr;
  }

  .gradient-small-text {
    font-size: 20px;
  }

  .white-title {
    text-align: center;
    align-self: center;
    width: 660px;
    font-size: 60px;
    line-height: 1.3;
  }

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

  .your-needs-image-holder {
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
    position: relative;
  }

  .your-needs-image-holder.image-anim {
    border-radius: 32px;
  }

  .your-needs-image-holder.image-anim.centered {
    display: none;
  }

  .your-needs-image-holder.image-anim.tablet {
    display: block;
  }

  .your-needs-image-holder.image-anim.smaller {
    border-radius: 40px;
    margin-top: 40px;
    display: flex;
  }

  .card-featured-grid {
    display: flex;
  }

  .experience-card-mobile-holder {
    position: relative;
  }

  .experience-card-mobile-container {
    position: absolute;
    inset: auto 0% 0%;
  }

  .mobile-accessiblity-holder {
    width: auto;
  }

  .mobile-accessibilty-container {
    height: 259.008px;
  }

  .about-hero-container {
    grid-row-gap: 80px;
    flex-direction: column;
    display: flex;
  }

  .open-roles-cta {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    padding: 48px 32px 32px;
  }

  .open-roles-illustation {
    width: 270px;
    bottom: -25%;
    right: 10%;
  }

  .blog-hero {
    margin-top: 0;
    margin-bottom: 28px;
  }

  .blog-post-container {
    flex-direction: column;
    display: flex;
  }

  .blog-cta-container {
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .blog-cta-email-holder {
    border-bottom-style: none;
  }

  .follow-us-holder {
    border: 1px #000;
    width: 100%;
    max-width: none;
  }

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

  .blog-details-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-details-title {
    margin-bottom: 16px;
  }

  .white-title-medium {
    font-size: 56px;
  }

  .paragraph-xl {
    font-size: 18px;
  }

  .blog-main-image-holder {
    width: auto;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .blog-main-image {
    width: 100%;
    max-width: 100%;
    height: 540px;
  }

  .blog-rich-text-holder {
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .social-media-content-blog {
    flex-direction: row;
    margin-top: 17px;
    margin-bottom: 17px;
  }

  .blog-rich-text-w {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-hero {
    margin-top: 0;
  }

  .pricing-table-container {
    flex-direction: column;
    display: flex;
  }

  .pricing-divider {
    opacity: .75;
  }

  .faq-container {
    width: 100%;
  }

  .cart {
    margin-right: 0;
  }

  .cart-container {
    margin-top: 20px;
    margin-right: -110px;
  }

  .field-input {
    width: auto;
  }

  .animate-on-load-03 {
    margin-top: 16px;
  }

  .download-app-content {
    min-width: 470px;
    padding: 32px;
  }

  .footer-wrapper {
    grid-row-gap: 60px;
    flex-flow: row;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .contact-form-block {
    width: 100%;
  }

  .contact-form {
    flex-flow: column;
    width: auto;
    display: flex;
  }

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

  .body {
    overflow: visible;
  }

  .pricing-plan-card {
    padding-bottom: 150px;
  }

  .plan-descri-tion {
    margin-top: 20px;
  }

  .button-bg {
    background-color: #16213b;
  }

  .border-gradient-long {
    width: 920px;
    height: 920px;
    top: -270px;
    left: -40px;
  }

  .lines {
    left: -1%;
  }

  .contacts-grid {
    margin-top: 160px;
  }

  .contact-info {
    margin-top: 8px;
  }

  .tile {
    grid-template-columns: 80% 1fr;
  }

  .left-side-tile.contactus {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .div-block-2 {
    margin-top: 16px;
  }

  .hero-body {
    width: 540px;
  }

  .email-button {
    margin-top: 0;
  }

  .email-button._40padding {
    text-align: center;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .image-bg {
    width: 100%;
    height: 100%;
  }

  .image-3 {
    width: 100%;
    position: relative;
    inset: 0% 0% 0% auto;
  }

  .header-subtext {
    text-align: center;
    font-size: 16px;
  }

  .header-subtext._80 {
    font-size: 16px;
  }

  .header-subtext.centered {
    text-align: center;
    margin-top: 8px;
  }

  .paragraph-8.faq {
    width: auto;
  }

  .paragraph-10 {
    width: 390px;
  }

  .div-block-4 {
    margin-top: 32px;
  }

  .list-point {
    font-size: 16px;
  }

  .list-point.contact-us {
    font-size: 18px;
  }

  .b2 {
    width: 80%;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  .b2.left {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    font-size: 16px;
    display: block;
  }

  .b2.left._0-padding {
    margin-top: 8px;
  }

  .contact-text {
    width: 100%;
  }

  .body-2 {
    overflow: hidden;
  }

  .privacy-and-legal {
    margin-top: 20px;
  }

  .tab {
    font-size: 24px;
  }

  .content-wrap {
    margin-left: 0;
    margin-right: 0;
    padding: 40px 0 0;
    overflow: hidden;
  }

  .content-wrap.privacy {
    padding-left: 24px;
    padding-right: 24px;
  }

  .col-1 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .footer-divider-2 {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .footer-grid {
    margin-top: 0;
    margin-bottom: 0;
  }

  .all-rights {
    margin-top: 0;
    padding-top: 0;
    font-size: 12px;
  }

  .app-wrapper {
    margin-top: 0;
  }

  .links-wrapper {
    margin-top: 20px;
  }

  .circles {
    width: 360px;
    display: none;
    inset: auto 0% 0%;
  }

  .left-side-sticky {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: 100%;
    position: relative;
    top: 0;
  }

  .buttoncontainer {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 60%;
  }

  .share-via {
    display: none;
  }

  .table-of-content {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .dashboard-tablet {
    display: none;
  }

  .related-posts {
    margin-bottom: 32px;
  }

  .hero-circles-holder {
    z-index: 0;
    width: auto;
    height: auto;
    display: flex;
    inset: 0%;
  }

  .circle {
    width: 900px;
    height: 900px;
  }

  .circle.two {
    width: 1200px;
    height: 1200px;
  }

  .loader {
    z-index: 200000;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .footer-logo-container {
    position: absolute;
  }

  .footer-circle {
    width: 60px;
  }

  .footer-circle.smaller {
    width: 40px;
  }

  .footer-circle.smaller.top {
    left: 14vw;
  }

  .image-15 {
    width: 60px;
  }

  .laoder-circle {
    width: 200vw;
    height: 200vw;
  }

  .image-75 {
    width: 1200px;
    height: 1200px;
  }

  .hero_wrapper {
    z-index: 16;
    position: relative;
  }

  .buttom-hero-oart {
    margin-top: -40px;
    display: flex;
  }

  .dasboard-visual {
    width: 100%;
    display: block;
  }

  .title-2 {
    font-size: 60px;
  }

  .sales-visual, .reconcilation-visual, .reports-visual {
    width: 100%;
    display: block;
  }

  .sales-tablet {
    z-index: 2;
    display: none;
    position: absolute;
  }

  .recon-tablet {
    z-index: 3;
    display: none;
    position: absolute;
  }

  .reports-tablet {
    z-index: 4;
    display: none;
    position: absolute;
  }

  .dark-mode-hand {
    width: 95%;
  }

  .dark-mode-hand-holder-2 {
    margin-bottom: 0;
  }

  .nav-menu-2 {
    z-index: 10000;
    background-color: var(--bg-blue);
    border: 1px solid #2b3a57;
    border-radius: 20px;
    max-width: 300px;
    height: auto;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 10px;
    display: flex;
    left: 0;
    right: 0;
  }

  .container-2 {
    padding-top: 0;
  }

  .navbar-2 {
    top: 8px;
  }

  .nav-menu-container-2 {
    grid-column-gap: 0px;
    text-align: center;
    justify-content: center;
    max-width: 300px;
    height: 54px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    overflow: visible;
  }

  .nav-link-2 {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .container-3 {
    padding-top: 0;
  }

  .nav-link-3 {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: auto;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .div-block-16 {
    overflow: visible;
  }

  .body-contact {
    background-color: var(--bg-blue);
    overflow: visible;
  }

  .nav-menu-3 {
    z-index: 3000;
    background-color: #050f1a;
    border: 1px solid #2b3a57;
    border-radius: 20px;
    max-width: 285px;
    height: auto;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 10px;
    display: flex;
    left: 0;
    right: 0;
  }

  .nav-menu-container-3 {
    grid-column-gap: 0px;
    text-align: center;
    justify-content: center;
    height: 54px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    overflow: visible;
  }

  .nav-link-4 {
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .hero-h {
    font-size: 120px;
  }

  .body-7 {
    overflow: visible;
  }

  .top-reasons {
    display: none;
  }

  .tabs-bodytext.in-dropdown {
    margin-bottom: 16px;
  }

  .button-top {
    width: 100%;
  }

  .body-grid {
    text-align: center;
    width: 90%;
    max-width: none;
  }

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

  .dropdown-tigger {
    border-radius: 0;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .feature-name.subtext {
    display: none;
  }

  .white-tick {
    width: 16px;
  }

  .div-block-28 {
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
  }

  .heading-17 {
    font-size: 22px;
  }

  .cta-section {
    flex-flow: column;
    padding: 48px 48px 0;
  }

  .right-side-text {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .left-side-visual {
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-top: 60px;
    display: flex;
    position: relative;
    left: auto;
  }

  .cta-header {
    text-align: center;
    width: 90%;
    max-width: none;
  }

  .image-77 {
    width: 70%;
    display: none;
    position: relative;
    left: auto;
    right: auto;
  }

  .image-77.tablet {
    width: 100%;
    display: block;
  }

  .reason-drop {
    color: #fff;
    width: 100%;
    font-family: Gilroy, sans-serif;
    font-size: 28px;
    display: block;
  }

  .dropdown-title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
  }

  .dropdown-toggle {
    border: 1px solid var(--line-main);
    border-radius: 16px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 24px;
    display: flex;
  }

  .dropdown-toggle.w--open {
    flex-flow: row;
  }

  .dropdown-list {
    overflow: hidden;
  }

  .dropdown-list.w--open {
    border: 1px solid var(--line-main);
    background-color: #16233f;
    border-radius: 16px;
    margin-top: 8px;
    padding: 16px;
    position: static;
  }

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

  .div-block-30 {
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
  }

  .center-hold {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .all-your-numbers {
    flex-flow: column;
    display: flex;
  }

  .onboarding-header {
    font-size: 48px;
  }

  .div-block-32 {
    flex-flow: column;
  }

  .pricing-divider-copy {
    opacity: .75;
  }

  .hero-logos {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .pikohanna, .connexions, .heysara, .trustmoore, .legatcy {
    height: 40px;
  }

  .logo-wrapp {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-items: stretch;
    max-width: none;
    overflow: visible;
  }

  .logo-grid-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 200vw;
    position: static;
  }

  .features-hero-title {
    margin-bottom: 0;
    font-size: 62px;
  }

  .feature-hero-button-wrapper {
    align-self: center;
    margin-top: 32px;
  }

  .feture-card-content {
    align-self: center;
  }

  .plan-holder.two-plans {
    grid-template-columns: 1fr;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .plan-name {
    flex: 1;
    font-size: 20px;
  }

  .comparetable-mobile {
    margin-top: 40px;
    position: relative;
  }

  .sticky-mobile-compare {
    background-color: var(--bg-blue);
    position: sticky;
    top: 0;
  }

  .compare-tablet-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .compare-point-mobile {
    border-right: 0px solid var(--line-main);
    border-bottom: 1px solid var(--line-main);
    border-left: 0px solid var(--line-main);
    background-color: var(--bg-blue);
    text-align: center;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
  }

  .compare-point-mobile.top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .compare-point {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-family: Gilroy, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }

  .three-points-plan {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .essentials-point {
    border-right: 0px solid var(--line-main);
    border-bottom: 0px solid var(--line-main);
    border-left: 0px solid var(--line-main);
    background-image: linear-gradient(90deg, #0041ff1a, #7fe9ff1a 50%, #00de661a);
    border-bottom-left-radius: 16px;
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
  }

  .essentials-point.last-left {
    border-bottom-left-radius: 16px;
  }

  .premium-point {
    border-style: solid;
    border-width: 0 1px;
    border-color: var(--line-main);
    background-color: var(--bg-cards);
    justify-content: center;
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
    display: flex;
  }

  ._250docs-point {
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: var(--line-main);
    background-color: var(--bg-cards);
    border-bottom-right-radius: 16px;
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
  }

  ._250docs-point.last-right {
    border-bottom-right-radius: 16px;
  }

  .compare-point-vlalue {
    font-family: Inter, sans-serif;
    font-size: 16px;
  }

  .compare-point-vlalue.essentials {
    font-weight: 600;
  }

  .hover-container {
    border: 1px solid var(--line-main);
    border-radius: 16px;
    transition: all .2s, border-radius .2s, border-width .2s, border-color .2s;
  }

  .hover-container:hover {
    border: 1px solid var(--cyan);
  }

  .hover-container.last {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
  }

  .hover-container.top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .swiper-slide.cc-price-table {
    margin-right: 0;
  }

  .u-text-semibold {
    font-family: Gilroy, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
  }

  .u-text-semibold.apps {
    padding-bottom: 6px;
    font-size: 20px;
  }

  .u-text-semibold.plan-name {
    color: var(--gray-text);
    border-top: 0 solid #7fe9ff1a;
    flex-flow: row;
    flex: 1;
    justify-content: space-around;
    align-items: stretch;
    padding-top: 0;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: flex;
  }

  .section-2.u-pb-0 {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .price-table_cell-last-accent-bg {
    border-style: solid;
    border-width: 1px;
    border-color: #7fe9ff1a var(--cyan) var(--cyan);
    background-color: #0000;
    background-image: linear-gradient(90deg, #0041ff1a, #7fe9ff1a 50%, #00de661a);
    margin-left: -1px;
    margin-right: 0;
  }

  .price-table_row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .price-table_row.cc-header {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: stretch;
  }

  .price-table_cell {
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: var(--line-main);
    background-color: var(--bg-cards);
    padding: 16px;
  }

  .price-table_cell.cc-callout {
    border-right-width: 1px;
    border-right-color: var(--cyan);
    border-bottom-color: #7fe9ff1a;
    border-left-width: 1px;
    border-left-color: var(--cyan);
    background-color: #0000;
    background-image: linear-gradient(90deg, #0041ff1a, #7fe9ff1a 52%, #00de661a);
    padding: 16px;
  }

  .price-table_cell.cc-callout.cc-last {
    border-bottom: 1px solid var(--cyan);
  }

  .price-table_cell.cc-callout.cc-header {
    border-color: var(--cyan);
    background-color: #15223b;
    background-image: none;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-right-radius: 0;
    flex: 0 auto;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    width: 25%;
    margin-left: 1px;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    position: static;
  }

  .price-table_cell.cc-header {
    background-color: #15223b;
    border-bottom-width: 2px;
    border-left-width: 0;
    flex: 1;
    padding-top: 16px;
  }

  .price-table_cell.cc-header.empty {
    background-color: var(--bg-blue);
    border-style: solid;
    border-width: 0;
  }

  .price-table_cell.cc-header.bottom {
    background-color: #15223b;
    border-left-width: 0;
  }

  .price-table_cell.cc-header.bottom.right {
    border-top-left-radius: 0;
  }

  .price-table_cell.cc-header.center {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .price-table_cell.cc-title {
    border-style: solid;
    border-width: 1px 1px 0;
    border-color: var(--line-main);
    background-color: var(--bg-cards);
    padding: 16px;
  }

  .price-table_cell.cc-title.bottom-left {
    border-bottom-width: 1px;
    border-bottom-left-radius: 12px;
  }

  .price-table_cell.cc-title.top-left {
    border-right-width: 1px;
    border-right-color: var(--line-main);
    border-top-left-radius: 12px;
  }

  .price-table_cell.bottom {
    border-bottom-width: 1px;
  }

  .price-table_cell.bottom-right {
    border-bottom-width: 1px;
    border-bottom-right-radius: 12px;
  }

  .price-table_cell.bottom-right.tablet {
    border-bottom-width: 0;
    border-bottom-right-radius: 0;
  }

  .container-4 {
    width: auto;
  }

  .text-block-3, .text-block-4, .text-block-5 {
    font-family: Inter, sans-serif;
    font-size: 16px;
  }

  .jaz-value {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }

  .other-value {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }

  .lead-to-features-mobile {
    border-radius: 42px;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .ht {
    height: 40px;
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-wrapper {
    margin-top: 0;
  }

  .horizontal-line, .vertical-line {
    background-color: #52ffa8b3;
  }

  .vertical-line.hide {
    background-color: #52ffa8b3;
    display: none;
  }

  .page-wrapper {
    height: 110vh;
  }

  .grid__mask {
    height: 200vh;
  }

  .vertical-line-2.hide {
    display: none;
  }

  .grid__vertical-2 {
    height: 200vh;
  }

  .nav-menu-4 {
    z-index: 3000;
    background-color: #12181f;
    border: 1px solid #2a3747;
    border-radius: 20px;
    flex-flow: column;
    max-width: 285px;
    height: auto;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 10px;
    display: flex;
    left: 0;
    right: 0;
  }

  .navbar-3 {
    z-index: 100;
    top: 8px;
    overflow: visible;
  }

  .navbar-3.mainnsv {
    flex-flow: column;
    display: flex;
    overflow: visible;
  }

  .brand-image-2 {
    box-sizing: border-box;
    object-fit: contain;
    width: auto;
    max-width: 80px;
    height: auto;
    position: relative;
    overflow: visible;
  }

  .image-79 {
    width: 36px;
  }

  .nav-container {
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px 0;
    display: flex;
  }

  .nav-container.matcha {
    justify-content: center;
    align-items: center;
  }

  .brand-2 {
    width: 60px;
    min-width: 90px;
    margin-right: 60px;
    display: block;
  }

  .brand-2.w--current {
    width: 110px;
    min-width: auto;
    height: auto;
    margin-right: 100px;
    overflow: visible;
  }

  .links-holder {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-headline {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 80px;
    padding-left: 0;
    display: flex;
  }

  .hero-logos-2 {
    margin-top: 180px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-wrapp-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-items: stretch;
    max-width: none;
    overflow: visible;
  }

  .cont {
    align-self: stretch;
    margin-left: 20px;
    margin-right: 20px;
  }

  .cont.hero {
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
    margin-left: 20px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cont.pricing {
    align-self: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cont.pricing.featulres {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .cont.contact-section {
    align-self: center;
    width: 100%;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cont.centered {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cont.separator {
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cont.faq {
    justify-content: space-between;
    align-self: stretch;
    align-items: stretch;
    display: flex;
  }

  .cont.sep {
    width: auto;
    margin-top: 80px;
    margin-left: 0;
    margin-right: 0;
  }

  .cont.sep.below {
    margin-top: 80px;
  }

  .cont.sep.blog {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .cont.partner-featured {
    margin-top: 48px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .subheadline {
    width: auto;
    font-size: 26px;
  }

  .logo-grid-wrapper-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 200vw;
    position: static;
  }

  .logo-grid-wrapper-2.unxero {
    grid-template-columns: 1fr 1fr 1fr;
    width: 140vw;
  }

  .subheadline-hero {
    grid-template-columns: 35% 1fr;
    align-self: stretch;
    margin-left: 0;
    display: flex;
  }

  .h1-hero {
    font-size: 110px;
  }

  .h1-hero.outlined-bold {
    margin-left: 0;
    font-size: 100px;
  }

  .h1-hero.black {
    font-size: 84px;
  }

  .h1-hero.black-copy {
    width: auto;
    font-size: 84px;
  }

  .div-block-40 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 120px;
    display: flex;
  }

  .hero-cta {
    max-width: 250px;
    transition: opacity .2s, background-color .2s;
  }

  .hero-cta:hover {
    box-shadow: 0 0 20px #ffffff80;
  }

  .hero-cta.partner-page {
    max-width: 260px;
  }

  .hero-cta.black {
    margin-bottom: 24px;
    margin-left: 24px;
    margin-right: 24px;
  }

  .hero-header-wrap.center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .hero-header-wrap.agents {
    text-align: center;
  }

  .bullet-text-2 {
    width: 100%;
    font-size: 18px;
  }

  .capt-h3 {
    width: auto;
    font-size: 40px;
  }

  .capt-h3.help-center {
    width: 100%;
  }

  .capt-h3.help-center.black {
    font-size: 36px;
  }

  .capt-h3.shorter {
    width: auto;
    font-size: 36px;
  }

  .capt-h3.shorter.center {
    text-align: center;
  }

  .accountant-business {
    margin-top: 80px;
  }

  .chip {
    padding-left: 12px;
    padding-right: 12px;
  }

  .section-4 {
    align-self: stretch;
  }

  .section-4._2 {
    margin-top: 100px;
  }

  .section-4.features {
    margin-top: 80px;
  }

  .section-4.contact {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-4.contact.home-page {
    align-self: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .section-4.partners {
    margin-top: 120px;
    margin-bottom: 180px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-4.partners.tinvio {
    margin-top: 160px;
    padding-top: 120px;
  }

  .heading-22 {
    font-size: 52px;
  }

  .bullets-list {
    margin-bottom: 0;
  }

  .chip-wrap {
    margin-bottom: 16px;
  }

  .text-part {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 32px;
  }

  .text-part.pricing-main {
    width: auto;
  }

  .text-part.price-card {
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
  }

  .image-part, .image-part.accountant {
    width: 100%;
    height: 450px;
  }

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

  .chip-text-2 {
    font-size: 14px;
  }

  .features-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 40px;
    display: flex;
  }

  .tile-header {
    font-size: 32px;
  }

  .tile-header.smaller {
    font-size: 24px;
  }

  .tile-header.agents-title {
    max-width: 340px;
  }

  .text-side {
    margin-top: 32px;
    margin-left: 32px;
    margin-right: 32px;
  }

  .more-features-container {
    padding: 32px;
  }

  .features-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .features-row.agents {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 32px;
  }

  .tile-subtext {
    font-size: 16px;
  }

  .tile-2 {
    height: auto;
  }

  .tile-2:hover {
    background-color: var(--bg-cards);
    transform: none;
  }

  .tile-2.gradient {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 50vh;
  }

  .heading-23 {
    font-size: 50px;
  }

  .heading-23.line-break {
    display: none;
  }

  .heading-23.mobile {
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    font-family: Interdisplay, Arial, sans-serif;
    font-weight: 700;
    line-height: 130%;
    display: block;
  }

  .heading-23.mobile.clio {
    line-height: 130%;
  }

  .heading-23.mobile.unxero {
    margin-top: 80px;
    margin-bottom: 24px;
  }

  .heading-23.mutted {
    font-size: 48px;
  }

  .features-column {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

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

  .features-column.swap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .feature-llist-point.transparent-bottom, .feature-llist-point.transparent-bottom.no-bottom {
    border-bottom-width: 0;
  }

  .feature-llist-point.edge-bottom {
    border-bottom-width: 0;
    border-right-width: 0;
  }

  .feature-llist-point.edge-tablet {
    border-right-width: 0;
  }

  .feature-point {
    color: var(--text-main);
    font-size: 16px;
  }

  .all-features-grid {
    display: none;
  }

  .all-features-grid.tablet {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
  }

  .tile-image {
    width: 100%;
  }

  .grid-image {
    width: 100%;
    display: none;
    inset: auto 0% 0%;
  }

  .grid-image.mobile {
    height: auto;
    display: block;
  }

  .grid-image.visible {
    display: block;
  }

  .chip-text-3 {
    font-size: 14px;
  }

  .foreveryone-text {
    margin-bottom: 100px;
    font-size: 110px;
  }

  .plan-card {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .plan-card:hover {
    transform: none;
  }

  .blue-button.wide {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .blue-button.wide.white {
    margin-top: 32px;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .plan-content {
    padding: 32px;
  }

  .plan-content.gradient {
    padding-bottom: 40px;
  }

  .chip-text-4 {
    font-size: 14px;
  }

  .pricing-text {
    font-size: 110px;
  }

  .phone-wrapper {
    width: auto;
  }

  .smaller-tile.black {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 100%;
    padding: 32px;
    display: flex;
  }

  .smaller-tile.white {
    height: 100%;
    padding: 32px;
  }

  .image-7 {
    height: 70px;
  }

  .four-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    width: auto;
    margin-top: 60px;
  }

  .app-store-link {
    bottom: 160px;
  }

  .image-8 {
    height: 70px;
  }

  .bigger-tile {
    flex-flow: column;
    padding-top: 48px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .text-wrapper {
    flex-flow: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 70%;
    display: flex;
  }

  .footer-2.tinvio-footer {
    padding-top: 140px;
  }

  .all-right-reserved {
    font-size: 14px;
  }

  .footer-link-wrapper {
    color: var(--text-mutted);
    font-size: 14px;
  }

  .footer-link-hold {
    color: var(--text-mutted);
  }

  .body-default {
    background-color: var(--bg-main);
  }

  .h1-hero-2 {
    font-size: 120px;
  }

  .h1-hero-2.blue {
    text-transform: uppercase;
    padding: 6px 16px;
    font-family: Outfit, sans-serif;
    font-size: 114px;
    font-weight: 700;
    display: inline-flex;
  }

  .h1-hero-2.blue.padding {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .h1-hero-2.blue.bottom {
    padding-top: 0;
    font-weight: 700;
    display: block;
  }

  .h1-hero-2.blue.first {
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 700;
    display: inline-flex;
  }

  .h1-hero-2.blue.desktop {
    flex: 0 auto;
    display: none;
  }

  .text-field-contact {
    font-size: 20px;
  }

  .text-size-medium-vw {
    font-size: 12px;
  }

  .form {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .name-wrapper-contact, .name-wrapper-contact.message {
    width: 100%;
  }

  .contact-headline {
    width: auto;
    font-size: 72px;
  }

  .contact-headline.matcha {
    font-size: 66px;
  }

  .contact-fields-row, .form-wrapper {
    width: 100%;
  }

  .form-wrapper.unxero {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .see-pricing-plans {
    margin-top: 0;
  }

  .see-pricing-plans._32pad {
    margin-top: 16px;
  }

  .see-plans-button {
    font-size: 28px;
  }

  .separator {
    width: 100%;
    margin-left: 0;
    margin-right: 20px;
    padding-left: 20px;
  }

  .app-subtext {
    text-align: center;
    font-size: 18px;
  }

  .h1-hero-3 {
    font-size: 120px;
  }

  .h1-hero-3.outlined-bold {
    margin-left: 0;
    font-size: 89px;
  }

  .subheadline-2 {
    width: auto;
    font-size: 26px;
  }

  .div-block-42 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 40px;
    display: flex;
  }

  .hero-headline-2 {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 60px;
    padding-left: 0;
    display: flex;
  }

  .hero-headline-2.partner-page {
    margin-top: 32px;
  }

  .brand-3 {
    width: 60px;
    min-width: 90px;
    margin-right: 60px;
    display: block;
  }

  .brand-3.w--current {
    width: 110px;
    min-width: auto;
    height: auto;
    margin-right: 100px;
    overflow: visible;
  }

  .brand-3.matcha {
    margin-right: 0;
  }

  .brand-3.matcha.w--current {
    width: auto;
    margin-right: 0;
  }

  .image-80 {
    width: 36px;
  }

  .nav-menu-5 {
    z-index: 3000;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px solid var(--line-main);
    background-color: var(--bg-main);
    border-radius: 0;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    max-width: none;
    height: auto;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 20px;
    display: flex;
    left: 0;
    right: 0;
  }

  .nav-menu-5.white {
    background-color: #fff;
    border-color: #d5d7db;
  }

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

  .livvic-text {
    font-size: 52px;
  }

  .faq-wrapper.cursor-hover-animation {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .faq-section-questions {
    width: 100%;
  }

  .faq-paragraph {
    color: #76808e;
  }

  .plus-icon {
    margin-left: 10px;
  }

  .faq-seciton-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    overflow: hidden;
  }

  .faq-seciton-grid.unxero {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: center;
  }

  .faq-question {
    width: 100%;
  }

  .faq-question-text-2 {
    font-size: 32px;
  }

  .faq-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    flex: 1;
    grid-template-columns: 1fr;
    place-items: stretch stretch;
  }

  .faq-header-wrapper {
    width: 100%;
  }

  .plus-icon-2 {
    height: auto;
    margin-left: 10px;
  }

  .faq-question-2 {
    place-items: center end;
  }

  .section-5 {
    align-self: stretch;
    padding: 60px 20px 80px;
  }

  .faq-seciton-grid-2 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .section-6.hero-clio {
    padding-bottom: 0;
    display: block;
  }

  .hero-logos-3 {
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-logos-3.unxero {
    margin-top: 48px;
  }

  .subheadline-3 {
    width: auto;
    font-size: 20px;
    font-weight: 500;
  }

  .h1-hero-4 {
    font-size: 120px;
  }

  .h1-hero-4.outlined-bold {
    margin-left: 0;
    font-size: 89px;
  }

  .h1-hero-4.outlined-bold-copy, .h1-hero-4.outlined-bold-copy-copy {
    margin-left: 0;
    font-size: 108px;
  }

  .div-block-43 {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 740px;
    margin-left: 0;
    display: flex;
    overflow: scroll;
  }

  .cont-2 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .cont-2.separator {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cont-2.hero {
    justify-content: space-between;
    width: 100%;
    margin-left: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .cont-2.hero.clio {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    width: auto;
    margin-top: 60px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cont-2.hero.tinvio {
    flex-flow: column;
    padding-bottom: 40px;
  }

  .cont-2.hero.e-invoice {
    padding-left: 0;
  }

  .subheadline-hero-2 {
    grid-template-columns: 35% 1fr;
    margin-left: 0;
  }

  .cont-3 {
    align-self: stretch;
    margin-left: 20px;
    margin-right: 20px;
  }

  .cont-3.separator {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .accountant-subtext {
    width: auto;
    font-size: 16px;
  }

  .accountant-businesses {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 32px;
  }

  .accountant-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .accountant-2:hover {
    background-color: var(--bg-cards);
    transform: none;
  }

  .accountant-2.price-card {
    justify-content: space-between;
    align-items: flex-start;
  }

  .accountant-2.price-card:hover {
    transform: none;
  }

  .cont-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-24 {
    font-size: 52px;
  }

  .capt-h3-2 {
    width: 80%;
    font-size: 36px;
  }

  .image-part-2, .image-part-2.accountant-2 {
    width: 100%;
    height: 450px;
  }

  .chip-text-5 {
    font-size: 14px;
  }

  .bold-text-4 {
    display: none;
  }

  .success-form {
    align-self: center;
    width: 100%;
  }

  .heading-24-copy {
    font-size: 52px;
  }

  .subheadline-3-copy {
    width: auto;
    font-size: 20px;
    font-weight: 500;
  }

  .subheadline-3-copy-copy {
    width: auto;
    max-width: none;
    font-size: 24px;
    font-weight: 600;
  }

  .subheadline-3-copy-copy.left {
    max-width: 630px;
  }

  .subheadline-3-copy-copy.left.black {
    font-size: 22px;
  }

  .subheadline-3-copy-copy.clio {
    max-width: 840px;
  }

  .subheadline-3-copy-copy.xero-to-jaz {
    width: 450px;
    max-width: none;
  }

  .nav-bar {
    overflow: visible;
  }

  .blog-title-h1 {
    font-size: 100px;
  }

  .post-text-gradient {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .collection-list---2 {
    grid-column-gap: 24px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .collection-list---2.in-page {
    grid-template-columns: 1fr;
  }

  .small-post-image {
    height: 300px;
  }

  .small-post-title {
    font-size: 26px;
  }

  .post-title {
    font-size: 56px;
  }

  .subheader-padding {
    padding-left: 0;
  }

  .hero-image.partner-page {
    margin-top: 60px;
    margin-bottom: 0;
  }

  .hero-image.e-invoice {
    margin-top: 60px;
    padding: 20px 32px;
  }

  .hero-clio {
    display: none;
  }

  .clio-features {
    margin-top: 100px;
  }

  .clio-features.e-invoice {
    align-self: stretch;
    margin-bottom: 80px;
  }

  .clio-features.xero-to {
    margin-top: 100px;
  }

  .clio-features._48 {
    margin-top: 80px;
    margin-bottom: 100px;
  }

  ._4-tiles {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  ._4-tiles.e-invoice {
    grid-template-columns: 1fr 1fr;
  }

  .how-clio-works {
    margin-top: 100px;
  }

  .white-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: space-between;
    align-items: center;
    padding: 48px 32px;
  }

  .white-container.xero-to {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .black-header.invoice {
    width: auto;
  }

  .black-header.centered {
    text-align: center;
    font-size: 52px;
  }

  .how-title {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    width: auto;
    min-width: auto;
    max-width: none;
    display: flex;
  }

  .body-black {
    text-align: left;
  }

  .vertical-divider {
    width: 100%;
    height: 1px;
    margin-top: 32px;
    margin-left: 0;
    margin-right: 0;
  }

  ._4-points {
    grid-column-gap: 40px;
    margin-top: 32px;
  }

  .title-point {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
  }

  .container-3columns {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-self: flex-start;
    align-items: center;
    width: 100%;
  }

  .container-3columns.xero-to {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .ai-powered {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .large-title-1, .large-title-2 {
    font-size: 80px;
  }

  .holder-block {
    min-height: 120px;
  }

  .marquee-horizontal.small-marquee {
    width: 100%;
    height: 120px;
  }

  .small-marquee {
    width: 120px;
  }

  .item {
    height: 110px;
  }

  .holder {
    flex-flow: column;
  }

  .tablet-hero {
    width: 100%;
    max-width: 100%;
    display: block;
    overflow: visible;
  }

  .tablet-hero.unxero {
    width: 70%;
  }

  .tablet-hero.clio {
    width: 80%;
  }

  .logo-wrapp-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-items: stretch;
    max-width: none;
    overflow: visible;
  }

  .logo-wrapp-3.unxero {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .row-cards {
    display: flex;
  }

  .point-text-copy {
    width: 100%;
  }

  .abstract {
    width: 36px;
    height: 28px;
  }

  .patrners-hero-h {
    font-size: 80px;
  }

  .subtitle-partners-hero {
    max-width: 550px;
    font-size: 20px;
  }

  .featured-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .tinvio-hero {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 80px;
  }

  .tinvio-header {
    width: auto;
  }

  .tinvio-visual {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .reasons {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    margin-top: 140px;
  }

  .reason-body {
    max-width: 90%;
  }

  .lottie-animation {
    top: -92px;
  }

  .image-87 {
    width: 120px;
    top: -23%;
    right: -1%;
  }

  .contact-form-container {
    width: 100%;
  }

  .menu-button-2 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: block;
  }

  .menu-button-2.w--open {
    background-color: #23303f;
    border-radius: 40px;
  }

  .menu-button-2.matcha {
    flex: none;
    display: none;
  }

  .center-box-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: block;
  }

  .center-box-2.matcha {
    display: none;
  }

  .image-88 {
    width: 36px;
  }

  .h-1.e-invoicing {
    font-size: 94px;
  }

  .info-section {
    margin-top: 60px;
  }

  .info-section.xero-to-jaz {
    margin-top: 80px;
  }

  ._3-tiles {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  ._3-points {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 32px;
  }

  .divider-section {
    margin-left: 0;
    margin-right: 0;
  }

  .container-xero {
    padding-left: 24px;
    padding-right: 24px;
  }

  .cta-header-unxero {
    height: 56px;
  }

  .h1-unxero {
    width: auto;
    font-size: 80px;
  }

  .h1-unxero.section-h {
    font-size: 84px;
  }

  .unxero-hero-subtext {
    text-align: center;
    margin-top: 12px;
    font-size: 32px;
  }

  .unxero-hero-subtext.section-s {
    font-size: 28px;
  }

  .tiles-unxero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
    margin-top: 48px;
  }

  .tile-unxero-hero {
    overflow: clip;
  }

  .point-header {
    font-size: 18px;
  }

  .point-value {
    font-size: 32px;
  }

  .point-value.visible-mobile {
    display: none;
  }

  .jaz-icon-visual {
    width: 340px;
    bottom: -1%;
    right: 0%;
  }

  .xero-visual-goat {
    width: 260px;
  }

  .unxero-steps-section {
    margin-top: 100px;
  }

  .drag-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 40px;
  }

  .folder-container {
    padding: 24px 16px;
  }

  .folder-name {
    font-size: 22px;
  }

  .image-91 {
    width: 80%;
    display: block;
  }

  .unxero-features-section {
    margin-top: 100px;
  }

  .feature-tiles {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .feature-title-unxero {
    font-size: 32px;
  }

  .feature-text-part {
    padding: 32px 32px 16px;
  }

  .unxero-footer-section {
    margin-top: 100px;
    margin-bottom: 24px;
  }

  .footer-block {
    padding-left: 60px;
    padding-right: 60px;
  }

  .h2-unxero {
    margin-top: 0;
    font-size: 68px;
    line-height: 100%;
  }

  .mobile-folder {
    width: 160px;
    display: none;
  }

  .nav-buttons {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
  }

  .heading-large {
    font-size: 2.25rem;
  }

  .vertical-scroll-wrapper {
    width: 43ch;
    height: auto;
    overflow: hidden;
  }

  .text-rotation-wrapper {
    flex-flow: row;
    width: 100%;
  }

  .chips-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .all-features {
    grid-template-columns: 1fr 1fr;
  }

  .features-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .tab-text-side {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
  }

  .icon-3 {
    display: none;
  }

  .home-sliders-1 {
    height: auto;
    margin-right: 11px;
  }

  .slider-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #0000;
    border-radius: 0;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
  }

  .left-arrow-2 {
    z-index: 5;
  }

  .paragraph-default.color-neutral-600.enter {
    text-align: center;
    width: auto;
  }

  .btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .btn-primary.button-row.in-tab {
    align-self: center;
    margin-top: 16px;
  }

  .teb-image {
    width: 80%;
  }

  .tab-title {
    text-align: center;
    margin-bottom: 16px;
  }

  .right-arrow-2 {
    display: none;
  }

  .tab-text-image {
    margin-bottom: 8px;
  }

  .tab-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: auto;
    height: 100%;
    box-shadow: none;
    border-color: #e6e7e8;
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-content: flex-start;
    place-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mask-2 {
    z-index: 1;
    border-radius: 0;
    flex: 1;
    order: 0;
    width: 100%;
    margin-bottom: 0;
    overflow: visible;
  }

  .slide-nav-2 {
    color: #d634a0;
    -webkit-text-stroke-color: #190658;
    margin-top: 20px;
    padding-top: 0;
    position: relative;
    inset: auto 0% 0%;
  }

  .main-plan {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    padding: 32px;
    display: grid;
  }

  .main-plan:hover {
    transform: none;
  }

  .price-part {
    width: 100%;
    min-height: 280px;
  }

  .main-price-divider {
    width: auto;
    height: 1px;
    min-height: auto;
  }

  .pricing-2-tiles {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .home-sliders-1-2 {
    vertical-align: middle;
    height: auto;
    margin-right: 12px;
  }

  .slider-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #0000;
    border-radius: 0;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    display: none;
  }

  .mask-3 {
    z-index: 1;
    border-radius: 0;
    flex: 1;
    order: 0;
    align-self: auto;
    width: 100%;
    margin-bottom: 0;
    overflow: visible;
  }

  .slide {
    vertical-align: middle;
  }

  .icon-text-tile {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
    display: flex;
  }

  .text-300.bold.color-neutral-800 {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    min-width: auto;
    display: flex;
  }

  .text-300.bold.color-neutral-800.black {
    font-size: 18px;
  }

  .pricing-title-tablet {
    display: block;
  }

  .pricing-column.first {
    display: none;
  }

  .pricing-content-wrapper {
    min-height: 134px;
  }

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

  .grid-4-columns.pricing-tablet {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .pricing-comparison-wrap {
    margin-top: -40px;
  }

  .comparison-row.header {
    padding-top: 72px;
  }

  .comparison-header-title, .comparison-header-title.blue {
    font-size: 26px;
  }

  .table-title-wrapp {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .divider-navbar {
    background-color: var(--line-main);
    width: 100%;
    height: 1px;
    margin-top: 12px;
    margin-bottom: 12px;
    display: flex;
  }

  .watermark-pricing {
    font-size: 56px;
  }

  .watermark-pricing.smaller {
    font-size: 44px;
  }

  .price-card-link {
    width: 100%;
  }

  .secondary-cta.pricing {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 26px;
  }

  h5 {
    font-size: 22px;
  }

  h6 {
    font-size: 20px;
  }

  .section.overflow-hidden {
    overflow: hidden;
  }

  .section.featuresd-section {
    margin-bottom: 0;
  }

  .section.comparetable {
    display: none;
  }

  .section.mobile-comparetable {
    margin-top: 60px;
    display: block;
    overflow: visible;
  }

  .container {
    overflow: hidden;
  }

  .container.no-paddings {
    overflow: visible;
  }

  .container.all-numbers {
    padding-top: 4em;
  }

  .container.all-numbers.contacts {
    padding-bottom: 4em;
  }

  .container.footer-layout {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container.contacts {
    max-width: none;
    padding-top: 4em;
    padding-bottom: 0;
  }

  .container.blog {
    padding-top: 4em;
  }

  .container.sticky {
    overflow: visible;
  }

  .navbar {
    z-index: 2000;
  }

  .nav-menu {
    z-index: 200000;
  }

  .footer {
    padding: 0 20px;
  }

  .footer-image {
    object-fit: contain;
  }

  .grey-text {
    margin-top: 4px;
    font-size: 14px;
  }

  .change-log-container {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 340px;
  }

  .grid-4-col {
    grid-template-columns: 1fr 1fr;
  }

  .colors-holder {
    flex-direction: column;
    align-items: flex-start;
  }

  .font-holder {
    flex-direction: column;
    padding: 16px;
  }

  .style-guide-left-panel {
    grid-template-columns: 1fr 1fr;
  }

  .grid-8-col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .style-guide-empty-container {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-text {
    height: 130px;
  }

  .hero-text._02, .hero-text.hyphen, .hero-text.next {
    height: 100px;
  }

  .hero-text.next.mobile {
    height: auto;
  }

  .hero-text.accounting, .hero-text.finance, .hero-text.workflows {
    height: 100px;
  }

  .brand {
    min-width: auto;
    padding-left: 0;
  }

  .brand-image {
    width: auto;
  }

  .hero-section {
    flex-flow: column;
    justify-content: center;
    padding-top: 220px;
    padding-bottom: 160px;
    overflow: visible;
  }

  .hero-sticky-holder {
    height: 100%;
  }

  .hero-text-holder {
    width: 100%;
    height: auto;
  }

  .hero-section-text-holder {
    height: auto;
    margin-top: 200px;
  }

  .iphone-holder {
    height: 510px;
    top: 10%;
  }

  .iphone-image {
    width: auto;
    height: auto;
  }

  .hero-section-sticky {
    height: auto;
    top: 0%;
  }

  .hero-section-paragraph-holder {
    margin-top: 0;
    padding-top: 0;
  }

  .center-title.all-numbers {
    margin-top: 40px;
  }

  .title {
    width: 490px;
    font-size: 50px;
  }

  .title.all-your-numbers {
    width: 490px;
  }

  .experience-section {
    padding-bottom: 0;
  }

  .experience-cards-holder {
    margin-top: 40px;
  }

  .experience-cards-holder.features {
    margin-top: 32px;
  }

  .experience-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .experience-card-content.mobile {
    flex-direction: column;
    margin-top: 100px;
  }

  .experience-card-image-holder._02, .experience-card-image-holder.smaller {
    height: auto;
  }

  .experience-card-image {
    overflow: visible;
  }

  .experience-card-text-holder {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .experience-card-text-holder.padding.top-botton {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .experience-card-text-holder.padding.top-botton._40 {
    padding-top: 24px;
    padding-bottom: 0;
    padding-right: 24px;
  }

  .experience-card-text-holder._02 {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .experience-card-text-holder._02._40, .experience-card-text-holder._02.features {
    padding-top: 24px;
  }

  .card-title {
    font-size: 32px;
  }

  .card-title.max-width.left-alighned {
    text-align: center;
  }

  .light-holder.top {
    background-image: radial-gradient(circle, #1245d7 54%, #c1c1c11a);
    width: 180px;
    height: 180px;
    top: -50%;
  }

  .trusted-item {
    margin-bottom: 3em;
  }

  .trusted-overlay-container {
    display: none;
  }

  .trusted-content {
    padding-top: 0;
    padding-bottom: 3rem;
  }

  .trusted-content.trusted-list {
    padding-top: 0;
  }

  .header-qn {
    font-size: 46px;
  }

  .dark-mode-hand-holder {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    top: 0%;
  }

  .dashboard-tab {
    width: auto;
    display: none;
  }

  .center-iphone {
    justify-content: center;
    align-items: center;
  }

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

  .hero-text-blur {
    opacity: 0;
    height: auto;
  }

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

  .licensing-grid.feather-icon {
    flex-direction: row;
    justify-content: space-between;
  }

  .feather-icon-holder {
    width: 20px;
  }

  .hero-text-wrapper._01.acc-fin {
    margin-top: 0;
  }

  .hero-text-wrapper.hyphen {
    height: 130px;
  }

  .features-phone-holder {
    width: 100%;
  }

  .company-number-facts-container {
    grid-row-gap: 50px;
    flex-direction: column;
    display: flex;
  }

  .your-needs-section-holder {
    grid-row-gap: 100px;
  }

  .gradient-small-text {
    font-size: 18px;
  }

  .white-title {
    width: 490px;
    font-size: 50px;
  }

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

  .your-needs-image-holder.image-anim {
    border-radius: 24px;
  }

  .your-needs-image-holder.image-anim.smaller {
    border-radius: 30px;
    margin-top: 40px;
  }

  .card-features-container {
    grid-template-columns: 1fr 1fr;
  }

  .download-badge-container-cta {
    flex-direction: row;
  }

  .experience-card-mobile-container {
    position: static;
  }

  .mobile-accessibilty-container {
    width: 80%;
    height: auto;
    margin-top: 24px;
  }

  .about-black-list-holder {
    width: 100%;
  }

  .blog-post-holder:hover {
    transform: none;
  }

  .blog-post-content {
    padding: 24px;
  }

  .follow-us-holder {
    padding: 0;
  }

  .blog-grid-wrapper {
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .blog-grid {
    flex-direction: column;
    display: flex;
  }

  .blog-details-title {
    margin-top: 24px;
    margin-bottom: 12px;
  }

  .white-title-medium {
    font-size: 48px;
  }

  .blog-main-image-holder {
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .blog-main-image {
    height: 480px;
  }

  .pricing-hero {
    margin-bottom: 30px;
  }

  .pricing-divider {
    opacity: 1;
  }

  .pricing-info-container {
    border-radius: 12px;
    padding: 13px;
  }

  .pricing-grid {
    grid-row-gap: 30px;
    flex-direction: column;
    display: flex;
  }

  .pricing-list-wrapper {
    border-top: 1px solid #27272a;
    padding-left: 0;
  }

  .download-app-content {
    flex-flow: column;
    padding: 24px;
  }

  .footer-wrapper {
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .footer-brand {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-right: 0;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .footer-brand-holder {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .pricing-plan-card {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .plan-descri-tion {
    width: 98%;
  }

  .bullet-text {
    font-size: 16px;
  }

  .button-bg {
    background-color: #151f37;
  }

  .button-inside {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }

  .plan-main-button {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 15px;
  }

  .contacts-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 100px;
  }

  .tile {
    border-top-right-radius: 25px;
    padding: 24px;
  }

  .tile.second {
    border-top-right-radius: 0;
  }

  .tile.four {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .tile-email {
    border-bottom-right-radius: 25px;
    padding: 24px;
  }

  .footer-divid {
    width: 200%;
  }

  .hero-body {
    width: 400px;
    font-size: 16px;
  }

  .email-button {
    padding: 16px 40px;
    font-size: 16px;
  }

  .email-button._40padding {
    margin-top: 34px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .email-button.features {
    padding-left: 40px;
    padding-right: 40px;
  }

  .header-subtext._80 {
    width: 100%;
  }

  .list-point {
    font-size: 14px;
  }

  .list-point.contact-us {
    font-size: 16px;
  }

  .list-flex.addons-list {
    width: 220px;
  }

  .list-flex.addons-list.contact-page {
    width: auto;
  }

  .b2 {
    width: 70%;
  }

  .b2.left {
    font-size: 14px;
  }

  .body-2 {
    overflow: hidden;
  }

  .privacy-and-legal {
    margin-left: 16px;
    margin-right: 16px;
  }

  .tab-pane-tab-2 {
    padding-top: 16px;
  }

  .content-2 {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    overflow: hidden;
  }

  .tab {
    width: 210px;
    font-size: 20px;
  }

  .tab-pane-tab-1 {
    padding-top: 16px;
  }

  .content-wrap {
    padding-left: 24px;
    padding-right: 24px;
    overflow: visible;
  }

  .content-wrap.privacy {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs {
    flex: 0 auto;
    width: auto;
    display: flex;
  }

  .tab-link-privacy {
    justify-content: center;
    align-self: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .tab-link-privacy.w--current {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-menu-2 {
    width: auto;
  }

  .footer-link-2.legal {
    display: block;
  }

  .footer-link-2.legal-bi {
    display: inline-flex;
  }

  .col-1 {
    margin-bottom: 0;
  }

  .footer-divider-2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .footer-grid {
    grid-row-gap: 0px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .all-rights {
    margin-top: 0;
  }

  .app-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }

  .links-wrapper {
    grid-column-gap: 40px;
    flex-flow: row;
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .circles {
    width: auto;
  }

  .tablet-visual {
    z-index: 7;
    justify-content: center;
    align-items: center;
    width: 90%;
    display: inline-flex;
  }

  .card-content {
    flex-flow: column;
  }

  .stylablebuttons {
    width: 100%;
  }

  .buttoncontainer {
    width: 80%;
  }

  .dashboard-tablet {
    justify-content: center;
    align-items: center;
    width: 95%;
    display: inline-flex;
  }

  .div-block-11 {
    margin-bottom: -40px;
  }

  ._404, .number-0 {
    -webkit-text-stroke-width: 1.5px;
    font-size: 144px;
  }

  .circle {
    width: 800px;
    height: 800px;
  }

  .circle.two {
    width: 1100px;
    height: 1100px;
  }

  .logo-center {
    width: 270px;
  }

  .laoder-circle {
    width: 240vw;
    height: 240vw;
  }

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

  .buttom-hero-oart {
    margin-top: -60px;
  }

  .ajay-gopal {
    font-size: 22px;
  }

  .dasboard-visual {
    width: auto;
    display: none;
  }

  .title-2 {
    width: 480px;
    font-size: 50px;
  }

  .sales-visual, .reconcilation-visual, .reports-visual {
    display: none;
  }

  .sales-tablet {
    z-index: 10;
    width: 95%;
    display: block;
  }

  .recon-tablet {
    z-index: 20;
    width: 95%;
    display: block;
  }

  .reports-tablet {
    z-index: 30;
    width: 95%;
    display: block;
  }

  .dark-mode-hand {
    width: auto;
    display: none;
  }

  .center-iphone-2 {
    justify-content: space-between;
    align-items: center;
  }

  .img {
    justify-content: center;
    align-items: center;
    width: 95%;
    display: inline-flex;
  }

  .dark-mode-hand-holder-2 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    top: 10%;
  }

  .container-2, .container-3 {
    overflow: hidden;
  }

  .hero-h {
    font-size: 80px;
  }

  .top-reasons-section {
    width: 100%;
  }

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

  .body-grid {
    text-align: left;
  }

  .body-grid._8padding {
    width: 450px;
  }

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

  .feature-name.subtext {
    margin-top: 2px;
    font-size: 12px;
    display: flex;
  }

  .feature-name.subtext._2 {
    display: none;
  }

  .white-tick {
    width: 16px;
  }

  .plan-strip {
    align-self: flex-end;
    width: 2%;
    height: 100%;
    inset: 0% 0% 0% auto;
  }

  .cta-section {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-77.tablet {
    width: 90%;
  }

  .reason-drop {
    box-sizing: border-box;
    width: 100%;
  }

  .dropdown-title {
    box-sizing: border-box;
    aspect-ratio: auto;
    text-align: left;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: normal;
    object-fit: fill;
    direction: ltr;
    flex-flow: row;
    flex: 0 auto;
    width: 90%;
    height: auto;
    font-size: 24px;
    text-decoration: none;
    display: block;
    overflow: scroll;
  }

  .dropdown-toggle {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    width: 100%;
    margin-right: 0;
    padding-bottom: 24px;
    padding-right: 24px;
    overflow: visible;
  }

  .div-block-30 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-31 {
    width: auto;
    height: auto;
  }

  .center-hold {
    margin-bottom: 100px;
  }

  .pricing-divider-copy {
    opacity: .75;
  }

  .hero-logos {
    margin-top: 0;
  }

  .pikohanna {
    height: 44px;
    padding-left: 0;
  }

  .connexions {
    height: 44px;
  }

  .heysara, .trustmoore, .legatcy {
    object-fit: contain;
    height: 44px;
  }

  .legatcy.meco {
    height: 38px;
  }

  .logo-wrapp {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
  }

  .logo-grid-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 290vw;
    display: grid;
  }

  .side-shadow.left.white, .side-shadow.right.white {
    width: 50px;
  }

  .logo-grid-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100vw;
    min-width: 100vw;
  }

  .mobile-scroll-logo-top {
    width: 100%;
    display: flex;
  }

  .mobile-scroll-logo-bottom {
    width: 100%;
    display: flex;
    position: relative;
    left: auto;
    right: 50%;
  }

  .isa {
    height: 44px;
    padding-bottom: 4px;
  }

  .as, .amc, .elephant {
    height: 44px;
  }

  .features-hero-bg {
    padding-left: 40px;
    padding-right: 40px;
  }

  .compare-point-vlalue {
    text-align: center;
    font-size: 14px;
  }

  .pricing-table_mobile-nav-btn {
    background-color: var(--cyan);
  }

  .swiper-wrapper.cc-price-table {
    flex-direction: row;
  }

  .pricing-table_title-col {
    max-width: 50%;
  }

  .swiper.cc-pricing-table, .swiper.cc-price-table {
    overflow: hidden;
  }

  .pricing-table_card-body {
    padding-top: 28px;
    padding-bottom: 28px;
    font-size: 1.3rem;
  }

  .swiper-slide.cc-pricing-table {
    flex: none;
    width: 100%;
    max-width: none;
  }

  .u-text-semibold {
    font-size: 18px;
  }

  .u-text-semibold.apps {
    padding-bottom: 2px;
    font-size: 24px;
  }

  .u-text-semibold.plan-name {
    border-top-width: 0;
    flex-flow: row;
    flex: 0 auto;
    justify-content: space-between;
    align-self: stretch;
    align-items: stretch;
    margin-top: 4px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: .9;
    display: flex;
  }

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

  .section-2.u-pb-0 {
    padding-top: 40px;
  }

  .pricing-table_mobile-nav {
    z-index: 2;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    width: 110%;
    margin-left: -5%;
    display: flex;
    top: 40px;
  }

  .pricing-table_cell.cc-title-row {
    padding-left: 32px;
    padding-right: 32px;
  }

  .pricing-table_options {
    max-width: 50%;
  }

  .pricing-table_card {
    border-radius: 12px;
  }

  .price-table_cell-last-accent-bg {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0;
    width: 20px;
    height: 100.5%;
    display: none;
    inset: 0% -20px 0% auto;
  }

  .price-table {
    flex-direction: row;
    margin-bottom: 0;
  }

  .price-table_row {
    flex-direction: column;
  }

  .price-table_row.cc-header {
    width: 30%;
  }

  .price-table_cell {
    border-bottom-width: 1px;
    width: 100%;
    min-height: 5em;
    font-size: 1.3rem;
  }

  .price-table_cell.cc-callout {
    border-top: 1px solid var(--cyan);
    border-bottom-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: var(--cyan);
    background-color: var(--bg-cards);
    background-image: none;
    border-left-style: none;
    border-left-color: #7fe9ff;
    min-height: 5em;
  }

  .price-table_cell.cc-callout.cc-last {
    border-right-style: solid;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .price-table_cell.cc-callout.cc-header {
    background-color: #15223b;
    background-image: none;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    border-right-width: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 0;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    min-height: 5em;
    margin-left: 0;
    margin-right: 0;
    padding-top: 16px;
    padding-left: 24px;
  }

  .price-table_cell.cc-header {
    background-color: #15223b;
    border-width: 0 1px 1px;
    border-bottom-style: solid;
    border-right-style: solid;
    border-right-color: #49484a1a;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    align-items: flex-start;
    padding-top: 16px;
    padding-left: 24px;
  }

  .price-table_cell.cc-header.bottom {
    background-color: #15223b;
    border-bottom-left-radius: 12px;
    min-height: 5em;
    padding-top: 16px;
  }

  .price-table_cell.cc-title {
    text-align: center;
    border-bottom-style: none;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .price-table_cell.cc-title.top-left {
    border-bottom-color: var(--line-main);
  }

  .price-table_cell.bottom-right {
    border-bottom-width: 1px;
  }

  .price-table_cell.bottom-right.tablet {
    border-top-width: 0;
    border-bottom-width: 1px;
    border-bottom-right-radius: 12px;
  }

  .paragraph-1-25 {
    font-size: 1.1rem;
  }

  .price-table_options {
    flex: 1;
    width: 50%;
  }

  .jaz-value, .other-value {
    font-size: 16px;
  }

  .text-block-6 {
    transition: opacity .2s;
    transform: rotate(40deg);
  }

  .ht {
    height: 44px;
  }

  .grid-wrapper {
    height: 100vh;
    margin-top: -20px;
  }

  .horizontal-line, .horizontal-line.hide {
    background-color: #52ffa880;
  }

  .grid {
    height: 150vh;
  }

  .vertical-line, .vertical-line.hide {
    background-color: #52ffa880;
  }

  .page-wrapper {
    height: 144vh;
  }

  .grid__mask {
    height: 180vh;
  }

  .navbar-3 {
    z-index: 2000;
  }

  .brand-image-2 {
    width: auto;
  }

  .nav-container {
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .brand-2 {
    width: 80px;
    min-width: auto;
    padding-left: 0;
  }

  .brand-2.w--current {
    width: auto;
    height: auto;
  }

  .links-holder {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-headline {
    margin-top: 80px;
  }

  .hero-logos-2 {
    margin-top: 120px;
    padding-bottom: 60px;
  }

  .logo-wrapp-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
  }

  .elephant-2 {
    height: 44px;
  }

  .section-3 {
    overflow: hidden;
  }

  .cont {
    margin-left: 16px;
    margin-right: 16px;
  }

  .cont.hero {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cont.pricing {
    margin-top: 16px;
    margin-bottom: 80px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .cont.pricing.featulres {
    margin-bottom: 40px;
  }

  .cont.contact-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cont.centered {
    width: 100%;
    margin-top: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .cont.separator {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cont.sep {
    margin-top: 100px;
  }

  .cont.partner-featured {
    margin-top: 24px;
    margin-left: 16px;
    margin-right: 26px;
  }

  .subheadline {
    text-align: left;
    width: auto;
    font-size: 22px;
  }

  .logo-grid-wrapper-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 290vw;
    min-width: 100vw;
    display: grid;
  }

  .logo-grid-wrapper-2.unxero {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    width: 200vw;
  }

  .subheadline-hero {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: grid;
  }

  .h1-hero {
    font-size: 96px;
  }

  .h1-hero.outlined-bold, .h1-hero.black {
    font-size: 64px;
  }

  .h1-hero.black-copy {
    width: auto;
    font-size: 64px;
  }

  .div-block-40 {
    margin-left: 0;
  }

  .hero-cta {
    width: 260px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 18px;
  }

  .hero-cta:hover {
    box-shadow: none;
  }

  .hero-cta.partner-page {
    max-width: 240px;
    margin-top: 32px;
  }

  .hero-cta.tinvio {
    margin-top: 32px;
  }

  .hero-cta.black {
    margin-bottom: 32px;
  }

  .hero-cta.white {
    max-width: 210px;
  }

  .hero-header-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: block;
  }

  .hero-header-wrap.center {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .bullet-text-2 {
    width: 90%;
    font-size: 18px;
  }

  .capt-h3 {
    width: 90%;
    font-size: 34px;
  }

  .capt-h3.help-center.black, .capt-h3.shorter {
    font-size: 34px;
  }

  .capt-h3.shorter.center {
    text-align: left;
    width: 400px;
  }

  .chip {
    margin-right: 0;
  }

  .section-4 {
    overflow: hidden;
  }

  .section-4._2, .section-4.features {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .section-4.contact {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-4.partners {
    margin-top: 100px;
    margin-bottom: 140px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-4.partners.tinvio {
    margin-top: 140px;
    padding-top: 80px;
  }

  .section-4.unxero-form {
    padding-top: 60px;
  }

  .section-4.lighter {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-4.lighter.home {
    overflow: hidden;
  }

  .section-4.padding {
    margin-bottom: 0;
  }

  .heading-22 {
    font-size: 48px;
  }

  .bullets-list {
    margin-top: 12px;
  }

  .chip-wrap {
    margin-bottom: 12px;
  }

  .text-part {
    padding: 24px;
  }

  .text-part.price-card {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .image-part {
    width: 100%;
    height: 400px;
  }

  .image-part.accountant {
    height: 400px;
  }

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

  .tile-header {
    font-size: 28px;
  }

  .tile-header.smaller {
    text-align: center;
    font-size: 22px;
  }

  .tile-header.agents-title {
    max-width: none;
  }

  .text-side {
    margin: 24px;
  }

  .text-side.clio {
    margin-bottom: 24px;
  }

  .more-features-container {
    padding: 24px;
  }

  .features-row, .features-row._3-column {
    grid-template-columns: 1fr;
  }

  .tile-2 {
    justify-content: space-between;
    align-items: flex-start;
    width: auto;
    height: auto;
    min-height: auto;
  }

  .tile-2.gradient {
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    min-height: auto;
    display: flex;
  }

  .heading-23 {
    font-size: 44px;
  }

  .heading-23.line-break {
    display: none;
  }

  .heading-23.line-break.clio {
    display: block;
  }

  .heading-23.mobile {
    font-weight: 700;
  }

  .heading-23.mobile.clio {
    text-align: left;
    justify-content: space-between;
    align-items: center;
    font-size: 40px;
  }

  .heading-23.mobile.clio.right {
    text-align: left;
  }

  .heading-23.mobile.clio.centered {
    font-size: 44px;
  }

  .heading-23.mobile.unxero {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    font-size: 44px;
  }

  .heading-23.mutted {
    font-size: 46px;
  }

  .features-column {
    grid-template-rows: auto auto;
  }

  .features-column.tablet {
    grid-template-columns: 1fr;
  }

  .features-column.swap {
    grid-template-rows: auto auto;
  }

  .feature-llist-point {
    border-right-width: 0;
  }

  .feature-llist-point.bottom {
    border-bottom-width: 0;
  }

  .tile-image {
    height: auto;
  }

  .grid-image {
    flex: 0 auto;
    display: none;
  }

  .grid-image.mobile {
    object-fit: fill;
    object-position: 50% 0%;
    height: 100%;
    display: block;
  }

  .grid-image.visible {
    display: block;
  }

  .foreveryone-text {
    margin-bottom: 80px;
    font-size: 80px;
  }

  .plan-card {
    margin-top: 40px;
  }

  .plan-content {
    padding: 24px;
  }

  .bullet-text-3 {
    font-size: 16px;
  }

  .pricing-text {
    font-size: 96px;
  }

  .smaller-tile.black {
    height: auto;
    min-height: 220px;
    padding: 24px;
  }

  .smaller-tile.white {
    height: 230px;
    padding: 24px;
  }

  .image-7 {
    height: 80px;
  }

  .four-grid {
    margin-top: 60px;
  }

  .four-grid.pricingpage {
    margin-top: 20px;
  }

  .app-store-link {
    bottom: 180px;
  }

  .image-8 {
    height: 80px;
  }

  .bigger-tile {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .first-column {
    grid-template-columns: 1fr;
  }

  .text-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .footer-2.tinvio {
    margin-top: 140px;
  }

  .footer-2.tinvio-footer {
    padding-top: 120px;
  }

  .all-right-reserved {
    color: var(--text-mutted);
    text-align: center;
  }

  .footer-content-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .footer-link-wrapper {
    color: var(--text-main);
  }

  .footer-link-hold {
    color: var(--text-mutted);
    font-family: Inter, sans-serif;
  }

  .body-default {
    background-image: none;
    overflow: visible;
  }

  .h1-hero-2 {
    font-size: 72px;
  }

  .h1-hero-2.white {
    font-size: 76px;
  }

  .h1-hero-2.blue {
    padding-right: 16px;
    font-size: 76px;
  }

  .h1-hero-2.blue.bottom {
    padding-top: 0;
    padding-left: 12px;
    padding-right: 12px;
  }

  .h1-hero-2.blue.first {
    padding-left: 12px;
    padding-right: 0;
    font-size: 76px;
  }

  .b-1 {
    font-size: 18px;
  }

  .b-1.center.matcha {
    max-width: 480px;
  }

  .text-size-medium-vw {
    color: var(--text-mutted);
  }

  .image-6 {
    height: 26px;
  }

  .name-wrapper-contact {
    width: auto;
  }

  .div-block-41 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .send-button {
    width: 56px;
    height: 56px;
  }

  .contact-us-header {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .contact-headline {
    width: 100%;
    font-size: 52px;
  }

  .contact-headline.matcha {
    font-size: 52px;
  }

  .submit-button.blue-button {
    font-size: 0;
  }

  .contact-fields-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .body-9 {
    background-image: none;
  }

  .see-pricing-plans {
    margin-top: 0;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .see-plans-button {
    font-size: 28px;
  }

  .body-10 {
    background-image: none;
  }

  .separator {
    margin-right: 0;
    padding-left: 0;
  }

  .app-subtext {
    text-align: left;
    width: 380px;
    font-size: 18px;
  }

  .h1-hero-3 {
    font-size: 72px;
  }

  .h1-hero-3.outlined-bold {
    font-size: 58px;
  }

  .subheadline-2 {
    text-align: left;
    width: auto;
    font-size: 22px;
  }

  .div-block-42 {
    margin-left: 0;
  }

  .hero-headline-2 {
    margin-top: 60px;
  }

  .brand-3 {
    width: 80px;
    min-width: auto;
    padding-left: 0;
  }

  .brand-3.w--current {
    width: auto;
    height: auto;
  }

  .nav-menu-5 {
    padding: 12px 16px;
  }

  .livvic-text {
    font-size: 44px;
  }

  .faq-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .faq-paragraph {
    font-size: 18px;
  }

  .faq-seciton-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: auto;
  }

  .faq-seciton-grid.unxero {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .faq-question-text-2 {
    font-size: 28px;
  }

  .faq-header {
    width: 100%;
    font-size: 18px;
  }

  .faq-header.unxero {
    align-self: center;
    display: flex;
  }

  .section-5 {
    padding: 60px 16px 40px;
  }

  .faq-question-text-3 {
    font-size: 28px;
  }

  .section-6, .section-6.hero {
    overflow: hidden;
  }

  .section-6.hero-clio {
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .hero-logos-3 {
    margin-top: 120px;
    padding-bottom: 0;
  }

  .hero-logos-3.unxero {
    margin-top: 32px;
  }

  .subheadline-3 {
    text-align: left;
    width: auto;
    font-size: 22px;
  }

  .h1-hero-4 {
    font-size: 72px;
  }

  .h1-hero-4.outlined-bold, .h1-hero-4.outlined-bold-copy {
    font-size: 58px;
  }

  .h1-hero-4.outlined-bold-copy-copy {
    -webkit-text-stroke-width: 1.1px;
    font-size: 58px;
  }

  .trusted-by-3 {
    font-size: 16px;
  }

  .div-block-43 {
    width: 500px;
    margin-left: 0;
  }

  .elephant-3 {
    height: 44px;
  }

  .cont-2 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .cont-2.hero {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .cont-2.hero.clio {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 60px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .cont-2.hero.tinvio {
    padding-bottom: 0;
  }

  .subheadline-hero-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 16px;
    display: grid;
  }

  .subheadline-hero-2.e-invoicing {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 12px;
  }

  .cont-3 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .accountant-subtext {
    width: 100%;
    font-size: 16px;
  }

  .accountant-subtext.centered {
    width: 80%;
  }

  .accountant-businesses {
    margin-top: 24px;
  }

  .cont-4 {
    margin-left: 16px;
    margin-right: 16px;
  }

  .heading-24 {
    font-size: 48px;
  }

  .capt-h3-2 {
    width: 100%;
    font-size: 34px;
  }

  .image-part-2 {
    height: 360px;
  }

  .image-part-2.accountant-2 {
    height: 350px;
  }

  .bold-text-3 {
    font-size: 56px;
    line-height: 130%;
  }

  .success-info {
    font-size: 18px;
  }

  .success-form {
    padding: 32px;
  }

  .heading-24-copy {
    font-size: 48px;
  }

  .subheadline-3-copy {
    text-align: left;
    width: auto;
    font-size: 22px;
  }

  .subheadline-3-copy-copy {
    text-align: left;
    width: 100%;
    max-width: 440px;
    font-size: 18px;
  }

  .subheadline-3-copy-copy.left {
    max-width: 480px;
  }

  .subheadline-3-copy-copy.clio {
    font-size: 22px;
  }

  .subheadline-3-copy-copy.xero-to-jaz {
    width: 410px;
  }

  .features-title-copy-copy {
    font-size: 32px;
  }

  .blog-title-h1 {
    font-size: 66px;
  }

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

  .link-post._100 {
    height: 100%;
    min-height: 370px;
  }

  .post-text-gradient {
    background-image: linear-gradient(0deg, #171717, #28364700);
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .bg-image-post {
    object-position: 50% 40%;
  }

  .collection-list---2 {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .link-post-small {
    overflow: visible;
  }

  .small-post-image {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: 50% 25%;
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
  }

  .small-post-title {
    height: auto;
  }

  .post-title {
    font-size: 48px;
  }

  .clio-subheader {
    margin-top: 16px;
  }

  .subheader-padding {
    padding-left: 0;
  }

  .hero-image {
    width: auto;
    margin-top: 48px;
  }

  .hero-image.partner-page {
    width: 80%;
  }

  .hero-image.e-invoice {
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-clio {
    display: none;
  }

  .clio-features {
    margin-top: 80px;
  }

  .clio-features.e-invoice {
    overflow: hidden;
  }

  .clio-features.invoices {
    margin-top: 80px;
    overflow: hidden;
  }

  .clio-features._48 {
    margin-bottom: 80px;
  }

  ._4-tiles {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 32px;
  }

  ._4-tiles.e-invoice {
    display: none;
  }

  .how-clio-works {
    margin-top: 80px;
  }

  .white-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 40px 24px;
  }

  .white-container.xero-to {
    justify-content: space-between;
    align-items: center;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .black-header {
    font-size: 40px;
  }

  .black-header.invoice {
    width: auto;
  }

  .black-header.centered {
    margin-bottom: 0;
    font-size: 44px;
  }

  .black-header.centered.choose-what {
    font-size: 40px;
  }

  .body-black {
    text-align: left;
  }

  .vertical-divider {
    margin-top: 24px;
  }

  ._4-points {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 24px;
  }

  .work-point {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .title-point {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
  }

  .point-text {
    width: auto;
  }

  .container-3columns {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .container-3columns.xero-to {
    justify-content: space-between;
    align-self: center;
    align-items: flex-start;
  }

  .ai-powered {
    margin-top: 100px;
    margin-bottom: 120px;
  }

  .large-title-1 {
    margin-bottom: 24px;
    font-size: 52px;
  }

  .large-title-2 {
    margin-top: 24px;
    font-size: 52px;
  }

  .holder-block {
    min-height: 120px;
  }

  .moving-block {
    overflow: hidden;
  }

  .marquee-horizontal.small-marquee {
    width: 100%;
    height: 120px;
  }

  .small-marquee {
    width: 120px;
  }

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

  .item {
    height: 90px;
  }

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

  .faded-ledt-side, .faded-right-side {
    width: 20px;
  }

  .tablet-hero {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .tablet-hero.unxero {
    width: 85%;
  }

  .tablet-hero.clio {
    width: 90%;
  }

  .logo-wrapp-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
  }

  .elephant-4 {
    height: 44px;
  }

  .abstract {
    width: 32px;
    height: 32px;
  }

  .patrners-hero-h {
    font-size: 58px;
  }

  .subtitle-partners-hero {
    max-width: 490px;
    font-size: 18px;
  }

  .divider-partners {
    max-width: 74%;
  }

  .featured-grid {
    grid-template-columns: 1fr;
    margin-left: 48px;
    margin-right: 48px;
  }

  .tinvio-hero {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    margin-top: 60px;
  }

  .tinvio-header {
    align-self: center;
    width: 100%;
  }

  .tinvio-visual {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 340px;
    height: 290px;
    position: relative;
  }

  .reasons {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 100px;
  }

  .reason {
    width: auto;
    padding: 24px;
  }

  .reason-body {
    font-size: 18px;
  }

  .reason-title {
    font-size: 24px;
  }

  .jaz-container {
    width: 220px;
    max-width: none;
    position: absolute;
    inset: auto 0% 5% auto;
  }

  .lottie-animation {
    width: 170px;
    top: -115px;
    left: 72px;
    transform: rotate(0);
  }

  .lottie-desktop {
    display: block;
  }

  .lottie-mobile {
    width: 170px;
    display: none;
    position: absolute;
    top: 10px;
    left: 220px;
    transform: rotate(30deg);
  }

  .tinvio-container {
    width: 180px;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .lottie-animation-2 {
    position: static;
    top: -130px;
    left: 80px;
  }

  .collection-item {
    width: 100%;
  }

  .submit-matcha {
    font-size: 20px;
  }

  .image-87 {
    vertical-align: baseline;
    display: none;
  }

  .h-1.e-invoicing {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 72px;
    line-height: 110%;
  }

  .h-1.e-invoicing.part-1 {
    padding-right: 21px;
    display: inline-block;
  }

  .h-1.e-invoicing.part-2 {
    display: inline-block;
  }

  .h-1.e-invoicing.full {
    display: none;
  }

  .h-1.e-invoicing.full.unxero {
    display: block;
  }

  ._3-tiles {
    display: none;
  }

  ._3-points {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  ._3-points.xero-to-jaz {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
    align-items: baseline;
  }

  .number {
    margin-top: 24px;
    margin-left: 24px;
    margin-right: 24px;
  }

  .divider-section {
    margin-left: 0;
    margin-right: 0;
  }

  ._6-tiles {
    grid-template-columns: 1fr;
  }

  .container-xero {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cta-header-unxero {
    height: 53px;
    font-size: 18px;
  }

  .cta-header-unxero.footer {
    font-size: 20px;
  }

  .h1-unxero {
    font-size: 56px;
  }

  .h1-unxero.section-h {
    font-size: 60px;
  }

  .unxero-hero-subtext {
    margin-top: 12px;
    font-size: 28px;
    display: none;
  }

  .unxero-hero-subtext.section-s {
    font-size: 24px;
  }

  .tiles-unxero {
    margin-top: 32px;
  }

  .tile-unxero-hero {
    height: 320px;
    padding: 32px;
  }

  .tile-unxero-hero.cyan {
    height: 320px;
  }

  .logo {
    width: 100px;
  }

  .status-icon {
    width: 54px;
  }

  .tile-points {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 24px;
  }

  .point-unxero {
    display: none;
  }

  .point-header {
    font-size: 18px;
  }

  .point-value {
    font-size: 28px;
  }

  .point-value.visible-mobile {
    width: 230px;
    display: flex;
  }

  .jaz-icon-visual {
    width: 288px;
    bottom: -5%;
    right: -4%;
  }

  .jaz-icon-visual.mobile {
    width: 250px;
    position: absolute;
    bottom: -12%;
    right: -9%;
  }

  .xero-visual-goat {
    width: 220px;
    display: block;
    bottom: -10%;
  }

  .xero-visual-goat.mobile-visible {
    display: none;
  }

  .unxero-hero-section {
    margin-top: 100px;
  }

  .drag-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 32px;
    padding: 32px;
  }

  .folder-name {
    font-size: 22px;
  }

  .image-91 {
    width: 40%;
    display: none;
  }

  .unxero-features-section {
    margin-top: 100px;
  }

  .faq-xero {
    padding: 20px;
  }

  .faq-xero-title {
    font-size: 28px;
  }

  .unxero-footer-section {
    margin-top: 100px;
    margin-bottom: 16px;
  }

  .footer-block {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .h2-unxero {
    margin-top: 0;
    font-size: 52px;
  }

  .goat-holder {
    display: none;
  }

  .mobile-folder {
    width: 190px;
    display: block;
  }

  .image-92 {
    width: 148px;
  }

  .nav-buttons {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .heading-large {
    font-size: 1.875rem;
  }

  .vertical-scroll-wrapper {
    height: 2.34375rem;
    overflow: hidden;
  }

  .text-rotation-wrapper {
    margin-left: 0%;
  }

  .hero-cta-wrapper {
    margin-top: 40px;
  }

  .cta-secondary {
    font-size: 18px;
  }

  .lines-ship.blue.blue-tile {
    margin-bottom: 12px;
  }

  .chips-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .all-features {
    margin-top: 24px;
    padding: 24px;
    display: none;
  }

  .all-features._1, .all-features._2, .all-features._3, .all-features._4 {
    grid-template-columns: 1fr;
    display: block;
  }

  .tab-text-side {
    width: 100%;
    height: auto;
  }

  .home-sliders-1 {
    vertical-align: baseline;
    height: 383.76svh;
  }

  .image-39 {
    display: block;
  }

  .slider-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .image-38, .image-40 {
    display: block;
  }

  .paragraph-default.color-neutral-600.enter {
    width: auto;
  }

  .btn-primary {
    padding: 20px 32px;
  }

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

  .teb-image {
    flex: 0 auto;
    display: block;
  }

  .image-36 {
    display: block;
  }

  .tab-container {
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding: 36px 26px 32px;
  }

  .mask-2 {
    flex: 1;
    order: 0;
    align-self: auto;
    overflow: visible;
  }

  .slide-nav-2 {
    color: var(--text-main);
    -webkit-text-stroke-color: #fff;
  }

  .image-98 {
    width: 100%;
    display: block;
  }

  .main-plan {
    padding: 32px 24px;
  }

  .price-part {
    min-height: 260px;
    padding: 24px;
  }

  .currency-sign {
    font-size: 120px;
  }

  .main-price {
    padding-bottom: 18px;
    font-size: 60px;
  }

  .main-details {
    font-size: 26px;
  }

  .pricing-2-tiles {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

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

  .home-sliders-1-2 {
    vertical-align: baseline;
    height: 100%;
    margin-right: 8px;
  }

  .image-99 {
    display: block;
  }

  .slider-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: 24px;
    display: flex;
  }

  .image-100, .image-101, .image-102 {
    display: block;
  }

  .mask-3 {
    flex: 0 auto;
    order: 0;
    align-self: stretch;
    height: 100%;
    overflow: visible;
  }

  .slide {
    vertical-align: text-bottom;
    height: 100%;
  }

  .icon-text-tile {
    margin-bottom: 8px;
  }

  .card-wrap {
    flex-flow: column;
    display: flex;
  }

  .e-invoicing-slide-1 {
    margin-right: 8px;
  }

  .e-invoicing-slide-1.last {
    margin-right: 0;
  }

  .text-300, .text-300.bold.color-neutral-800.black, .text-300.medium {
    font-size: 18px;
  }

  .pricing-table-top {
    min-height: auto;
    padding: 40px 18px;
    position: static;
  }

  .pricing-content-wrapper {
    min-height: 130px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pricing-content-wrapper.empty {
    display: flex;
  }

  .pricing-content-wrapper.last-featured {
    border-bottom-width: 0;
  }

  .pricing-content-wrapper.last-tablet {
    border-bottom-width: 1px;
  }

  .grid-4-columns.pricing-tablet {
    grid-template-columns: 1fr;
    display: none;
  }

  .pricing-comparison-wrap {
    margin-top: -40px;
  }

  .comparison-feature {
    background-color: #0000;
    padding-top: 12px;
    padding-bottom: 4px;
  }

  .comparison-row {
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "Feature-Row Feature-Row Feature-Row";
  }

  .comparison-row.header {
    padding-top: 66px;
    padding-bottom: 0;
  }

  .comparison-item {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .comparison-item.check {
    padding-top: 8px;
    padding-bottom: 12px;
  }

  .comparison-item.check.blue {
    background-color: #0000;
    padding-top: 8px;
    padding-bottom: 12px;
  }

  .comparison-header-title {
    font-size: 24px;
  }

  .comparison-header-title.feature {
    display: none;
  }

  .comparison-header-title.blue {
    font-size: 24px;
  }

  .table-title-wrapp {
    background-color: #0000;
  }

  .watermark-pricing {
    font-size: 48px;
  }

  .watermark-pricing.smaller {
    font-size: 41px;
  }

  .div-block-54 {
    margin-bottom: 24px;
    margin-left: 24px;
    margin-right: 24px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 34px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 28px;
  }

  p {
    font-size: 14px;
    font-weight: 400;
  }

  blockquote {
    padding: 16px;
    font-size: 18px;
    line-height: 1.5;
  }

  .section.featuresd-section {
    margin-top: 100px;
    overflow: hidden;
  }

  .section.multi-currency, .section.faq {
    overflow: hidden;
  }

  .section.hero {
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .container {
    padding: 1em;
  }

  .container.all-numbers {
    padding-top: 4em;
  }

  .container.all-numbers.contacts {
    padding-bottom: 4em;
  }

  .nav-menu-container {
    justify-content: center;
    height: 48px;
  }

  .navbar {
    top: 8px;
  }

  .nav-menu {
    width: 100%;
    left: 0;
    right: 0;
  }

  .button {
    width: auto;
  }

  .button.from {
    width: 200px;
    margin-top: 16px;
    position: relative;
    right: 0;
  }

  .grid-6-col {
    grid-template-columns: 1fr;
  }

  .utility-page-content {
    padding: 29px;
  }

  .utility-page-form {
    justify-content: space-between;
    height: 420px;
    padding: 30px;
  }

  .footer {
    text-align: left;
    padding: 0;
  }

  .text-field-form {
    width: 320px;
    max-width: 320px;
  }

  .menu-button.w--open {
    background-color: var(--bg-cards);
    border-radius: 100px;
  }

  .grid-2-col {
    grid-template-columns: 1fr;
  }

  .headings-holder {
    padding: 10px;
  }

  .style-guide-x-button {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    top: .3em;
    right: 0;
  }

  .paragraph-container {
    width: 100%;
  }

  .style-guide-left-panel {
    grid-row-gap: 20px;
    flex-direction: column;
    padding: 23px 12px;
    display: flex;
  }

  .style-guide-home-text.hide-mobile {
    display: none;
  }

  .paragraph-m {
    font-size: 16px;
  }

  .style-guide-panel-title {
    font-size: 18px;
  }

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

  .style-guide-navbar-link {
    justify-content: center;
    align-items: center;
  }

  .grid-8-col {
    grid-template-columns: 1fr 1fr;
  }

  .no-margins {
    font-size: 14px;
  }

  .style-guide-navbar {
    padding-left: .3em;
    padding-right: .3em;
  }

  .style-guide-tab-holder {
    font-size: 19px;
  }

  .hero-text {
    height: 80px;
    font-size: 16vw;
  }

  .hero-text._02, .hero-text.hyphen, .hero-text.next {
    height: 80px;
    font-size: 14vw;
  }

  .hero-text.next.mobile {
    line-height: 1.3;
  }

  .hero-text.accounting, .hero-text.finance, .hero-text.workflows {
    height: 80px;
    font-size: 14vw;
  }

  .brand.w--current {
    width: auto;
    max-width: none;
    padding-left: 0;
    left: 0;
  }

  .brand-image {
    width: 60px;
    max-width: none;
    max-height: none;
    position: relative;
  }

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

  .hero-text-holder {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .hero-section-text-holder {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-top: 200px;
    margin-bottom: 0;
    position: relative;
  }

  .iphone-holder {
    height: 420px;
  }

  .hero-section-sticky {
    height: auto;
    position: relative;
    top: 0%;
  }

  .hero-section-paragraph-holder {
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
  }

  .iphone-screen-image {
    border-radius: 10px;
  }

  .from-holder {
    grid-row-gap: 6px;
    align-items: center;
  }

  .form-block {
    width: 100%;
  }

  .from-wrapper {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    max-width: 320px;
  }

  .title {
    width: 100%;
    font-size: 38px;
  }

  .title.smaller {
    font-size: 44px;
  }

  .title.all-your-numbers {
    width: 330px;
  }

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

  .experience-cards-holder, .experience-cards-holder.features {
    margin-top: 32px;
  }

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

  .experience-card-content {
    border-radius: 15px;
  }

  .experience-card-content.mobile {
    margin-top: 80px;
  }

  .experience-card-image {
    height: auto;
  }

  .experience-card-text-holder {
    padding: 20px;
  }

  .experience-card-text-holder.padding.top-botton {
    padding: 20px 20px 16px;
  }

  .experience-card-text-holder.padding.top-botton._40 {
    padding-top: 20px;
    padding-bottom: 0;
    padding-right: 20px;
  }

  .experience-card-text-holder._02 {
    padding: 16px 20px 20px;
  }

  .experience-card-text-holder._02._40 {
    padding-top: 20px;
  }

  .experience-card-text-holder._02.features {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .card-title {
    font-size: 22px;
  }

  .effortlessly-integration-wrapper {
    margin-top: 32px;
  }

  .logo-holder-effortlessly-integration {
    grid-column-gap: 24px;
    top: 142px;
  }

  .effortlessly-integration---iphone-holder {
    width: 200px;
  }

  .logo-holder {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
  }

  .logo-holder.s-size {
    border-radius: 0;
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
  }

  .logo-image {
    border-radius: 9px;
  }

  .logo-image.s-size {
    border-radius: 7px;
  }

  .workflow-section {
    margin-top: -160px;
    padding: 20px;
  }

  .light-holder.top {
    width: 50%;
    top: -30%;
  }

  .trusted-item {
    grid-row-gap: 8px;
  }

  .trusted-item-header {
    grid-row-gap: 18px;
    flex-direction: column;
    align-items: flex-start;
  }

  .header-qn {
    font-size: 40px;
  }

  .download-badge-container {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .dark-mode-hand-holder {
    z-index: 1;
    width: auto;
    min-width: auto;
    max-width: none;
    margin-bottom: 0;
    inset: 10% auto auto;
  }

  .dashboard-tab {
    width: 100%;
    display: none;
  }

  .white-mode-holder {
    z-index: 1;
    height: 50vh;
    inset: auto 0% 0%;
  }

  .center-iphone {
    z-index: 0;
  }

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

  .card-image-holder._02 {
    height: 54%;
    bottom: -5%;
  }

  .card-image {
    position: relative;
  }

  .card-text-holder._02 {
    padding: 20px 20px 78px;
  }

  .card-logo-holder {
    height: 420px;
    min-height: 420px;
  }

  .card-iphone-holder {
    align-items: center;
  }

  .iphone-card {
    left: 0;
  }

  .footer-list-item {
    margin-bottom: 10px;
  }

  .hero-text-blur {
    height: 80px;
    font-size: 14vw;
  }

  .licensing-grid {
    flex-direction: column;
    display: flex;
  }

  .licensing-grid.feather-icon {
    flex-direction: column;
    align-items: center;
  }

  .licensing-grid.feather-icon.grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .feather-icon-holder {
    width: auto;
  }

  .licensing-cards-wrapper {
    padding: 27px;
  }

  .licensing-cards-container {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .left {
    display: block;
  }

  .hero-text-wrapper._01.acc-fin {
    margin-top: 0;
  }

  .hero-text-wrapper.hyphen {
    height: auto;
  }

  .buy-template-guide {
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .features-hero-holder {
    margin-top: 0;
    padding-top: 30px;
  }

  .features-hero {
    font-size: 11vw;
    font-weight: 500;
  }

  .features-number {
    font-size: 19em;
  }

  .features-number._2 {
    top: -25%;
    right: -23%;
  }

  .features-number._3 {
    bottom: -20%;
    left: -17%;
  }

  .features-number._4 {
    bottom: -28%;
  }

  .features-number._1 {
    top: -34%;
  }

  .your-needs-section-grid, .your-needs-section-grid.rotated {
    grid-row-gap: 32px;
  }

  .white-title {
    width: auto;
    font-size: 46px;
  }

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

  .your-needs-image-holder.image-anim.smaller {
    margin-top: 32px;
  }

  .experience-card-text-holder-left {
    padding: 15px;
  }

  .card-featured-grid {
    flex-direction: column;
  }

  .experience-card-text-holder-small {
    padding: 15px;
  }

  .download-badge-container-cta {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .mobile-accessibilty-container {
    margin-top: 0;
  }

  .role-container {
    grid-row-gap: 24px;
    padding: 25px;
  }

  .open-roles-cta {
    border-radius: 26px;
    padding: 32px 24px 40px;
  }

  .h3-title {
    font-size: 32px;
  }

  .open-roles-illustation {
    width: 250px;
    bottom: -20%;
  }

  .blog-post-container {
    grid-row-gap: 0px;
  }

  .blog-category {
    font-size: 16px;
    font-weight: 600;
  }

  .blog-title {
    font-size: 24px;
  }

  .blog-content-holder {
    margin-bottom: 8px;
  }

  .blog-cta-email-holder {
    flex-direction: column;
    justify-content: space-between;
  }

  .subscribe-text {
    font-size: 22px;
  }

  .blog-category-holder.top {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .blog-content {
    padding: 14px;
  }

  .blog-small-name {
    font-size: 22px;
    font-weight: 600;
  }

  .blog-summery-holder {
    font-weight: 300;
  }

  .blog-details-title {
    margin-top: 24px;
    margin-bottom: 12px;
  }

  .white-title-medium {
    font-size: 40px;
  }

  .paragraph-xl {
    font-size: 16px;
  }

  .blog-main-image-holder {
    margin-bottom: 24px;
  }

  .blog-main-image {
    height: 480px;
  }

  .blog-cta-wrapper {
    margin-top: 60px;
  }

  .blog-cta-content-holder {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .pricing-item, .pricing-item.middle {
    border-radius: 12px;
  }

  .pricing-item-container {
    padding: 24px 20px 20px;
  }

  .price-holder {
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .price {
    font-size: 28px;
  }

  .faq-block {
    border-radius: 12px;
    padding: 16px;
  }

  .faq-question-text {
    padding-right: 10px;
    font-size: 21px;
  }

  .faq-answer {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
  }

  .cart-container {
    border-radius: 0;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    margin-top: 0;
    margin-right: auto;
    padding-top: 8px;
    padding-bottom: 25px;
  }

  .pricing-avatar-holder {
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .pricing-long-decsription {
    padding-top: 12px;
  }

  .animate-on-load-03 {
    margin-top: 8px;
  }

  .cart-header {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .cart-icon-holder {
    width: 52px;
    min-width: 52px;
    height: 52px;
    min-height: 52px;
  }

  .cart-quantity-holder {
    padding-top: 0;
    padding-bottom: 3px;
  }

  .cart-price {
    font-size: 15px;
  }

  .cart-quantity-inside {
    border-radius: 7px;
    height: 30px;
  }

  .cart-list {
    max-height: none;
  }

  .cart-footer {
    padding-bottom: 0;
    padding-left: 13px;
    padding-right: 13px;
  }

  .download-app-content {
    min-width: 0;
    max-width: none;
    padding: 24px 16px 16px;
  }

  .default-state {
    justify-content: space-between;
  }

  .default-state-2 {
    margin-bottom: 0;
  }

  .footer-wrapper {
    text-align: left;
    justify-content: space-between;
    align-items: center;
  }

  .footer-block {
    justify-content: center;
    align-items: center;
  }

  .footer-link {
    text-align: left;
  }

  .contact-form-block {
    width: 100%;
  }

  .div-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 120px;
  }

  .div-block.upper {
    height: auto;
  }

  .pricing-plan-card {
    padding-top: 24px;
    padding-left: 26px;
    padding-right: 16px;
  }

  .plan-descri-tion, .plan-descri-tion.growth-plan {
    width: 90%;
  }

  .bullet-text, .bullet-text.smaller {
    font-size: 14px;
  }

  .button-bg {
    background-color: #121c33;
  }

  .button-inside {
    padding-left: 32px;
    padding-right: 32px;
  }

  .border-gradient-long {
    width: 500px;
    height: 500px;
    top: -160px;
  }

  .contacts-grid {
    margin-top: 80px;
  }

  .contact-info {
    margin-top: 4px;
    font-size: 14px;
  }

  .tile {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tile-email {
    padding: 24px 16px;
  }

  .hero-body {
    width: 95%;
  }

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

  .image-3 {
    width: 350px;
  }

  .paragraph-4 {
    width: 100%;
  }

  .header-subtext {
    margin-top: 8px;
    font-size: 14px;
  }

  .paragraph-10 {
    width: 320px;
  }

  .no-spam {
    width: 75px;
  }

  .div-block-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .list-point {
    font-size: 16px;
  }

  .b2 {
    width: 100%;
    margin-top: 8px;
    font-size: 14px;
  }

  .tab {
    width: 90px;
    font-size: 18px;
  }

  .content-wrap {
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
  }

  .tab-link-privacy {
    justify-content: center;
    align-self: center;
  }

  .col-1 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .image-12 {
    object-fit: contain;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .footer-divider-2.two {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .footer-grid {
    grid-row-gap: 0px;
  }

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

  .app-wrapper {
    grid-row-gap: 16px;
    flex-flow: column;
    margin-top: 24px;
  }

  .links-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    margin-top: 24px;
    margin-bottom: 0;
    display: grid;
  }

  .circles {
    width: auto;
    inset: auto 0% 0%;
  }

  .tablet-visual {
    z-index: 1;
    width: 95%;
    display: block;
    position: static;
  }

  .stylablebuttons {
    flex-wrap: wrap;
    align-content: flex-end;
  }

  .twittershare {
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .buttoncontainer {
    flex-wrap: wrap;
    align-content: center;
    width: 70%;
  }

  .linkedinshare, .pinterestsave, .facebookshare {
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .html-embed {
    margin-top: 0;
  }

  .dashboard-tablet {
    z-index: 2;
    position: relative;
  }

  .circle {
    width: 600px;
    height: 600px;
  }

  .circle.two {
    width: 800px;
    height: 800px;
  }

  .footer-circle {
    width: 40px;
  }

  .footer-circle.smaller {
    width: 30px;
    top: 50px;
    left: -4vw;
  }

  .footer-circle.smaller.top {
    width: 30px;
    left: 18vw;
  }

  .logo-center {
    width: 170px;
  }

  .laoder-circle {
    width: 380vw;
    height: 380vw;
  }

  .loader-2 {
    z-index: 2000;
    display: none;
  }

  .image-74 {
    height: 90px;
  }

  .progress-bar-wrapper {
    width: 300px;
  }

  .image-75 {
    position: absolute;
    inset: -90% auto 60% -70%;
  }

  .buttom-hero-oart {
    justify-content: center;
    align-items: center;
    margin-top: -40px;
  }

  .text-block-2 {
    width: 110%;
  }

  .dasboard-visual {
    width: 100%;
    display: none;
  }

  .title-2 {
    width: 330px;
    font-size: 38px;
  }

  .white-mode-holder-2 {
    z-index: 1;
    height: 50vh;
    inset: auto 0% 0%;
  }

  .sales-tablet, .recon-tablet, .reports-tablet {
    width: 95%;
  }

  .dark-mode-hand {
    width: 100%;
    display: none;
  }

  .center-iphone-2 {
    z-index: 0;
  }

  .img {
    z-index: 10;
    position: relative;
  }

  .dark-mode-hand-holder-2 {
    z-index: 1;
    width: auto;
    min-width: auto;
    max-width: none;
    margin-bottom: 0;
    inset: 10% auto auto;
  }

  .nav-menu-2 {
    background-color: #0b1323;
    width: 100%;
    left: 0;
    right: 0;
  }

  .container-2 {
    padding: 1em;
  }

  .navbar-2 {
    top: 8px;
  }

  .nav-menu-container-2 {
    justify-content: center;
    height: 48px;
  }

  .container-3 {
    padding: 1em;
  }

  .nav-menu-3 {
    width: 100%;
    left: 0;
    right: 0;
  }

  .nav-menu-container-3 {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 220px;
    height: 48px;
    display: grid;
  }

  .hero-h {
    font-size: 64px;
  }

  .header-button {
    flex-flow: column;
  }

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

  .body-grid.center {
    font-size: 14px;
  }

  .white-tick {
    width: 14px;
  }

  .heading-17 {
    font-size: 22px;
  }

  .left-side-visual {
    width: 400px;
    margin-top: 40px;
  }

  .image-77.tablet {
    width: 60%;
  }

  .dropdown-title {
    width: 90%;
  }

  .onboarding-header {
    font-size: 35px;
  }

  .hero-logos {
    padding-bottom: 100px;
  }

  .pikohanna {
    box-sizing: border-box;
    object-fit: contain;
    width: auto;
    height: 44px;
  }

  .connexions {
    object-fit: contain;
    width: auto;
    height: 38px;
  }

  .heysara {
    object-fit: fill;
    width: auto;
    height: 44px;
  }

  .trustmoore, .legatcy {
    height: 44px;
  }

  .legatcy.meco {
    height: 34px;
  }

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

  .logo-grid-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    place-items: stretch stretch;
    width: 400vw;
  }

  .feature-hero-button-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    margin-top: 24px;
  }

  .features-hero-button-gradient {
    width: 350px;
    height: 350px;
    top: -140%;
    left: -30px;
  }

  .plan-name {
    font-size: 18px;
  }

  .compare-point {
    font-size: 16px;
  }

  .essentials-point.last-left {
    padding-left: 6px;
    padding-right: 6px;
  }

  .compare-point-vlalue {
    font-size: 14px;
  }

  .pricing-table_card-body {
    padding: 20px;
    font-size: 1.125rem;
  }

  .u-text-semibold {
    font-size: 16px;
  }

  .u-text-semibold.apps {
    padding-bottom: 0;
    font-size: 20px;
  }

  .u-text-semibold.plan-name {
    margin-top: 5px;
  }

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

  .section-2.u-pb-0 {
    padding-top: 40px;
  }

  .pricing-table_cell {
    min-height: 4em;
  }

  .price-table_row.cc-header {
    width: 30%;
  }

  .price-table_cell {
    border-top-width: 0;
    border-bottom-width: 1px;
    min-height: 5em;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.1rem;
  }

  .price-table_cell.cc-callout {
    border-right-style: solid;
    border-right-width: 1px;
    min-height: 5em;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .price-table_cell.cc-callout.cc-header {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    min-height: 5em;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
  }

  .price-table_cell.cc-header {
    text-align: left;
    min-height: 5em;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .price-table_cell.cc-header.empty {
    min-height: 7em;
  }

  .price-table_cell.cc-header.bottom {
    justify-content: center;
    align-items: flex-start;
    min-height: 5em;
    padding-top: 12px;
  }

  .price-table_cell.cc-header.bottom.right, .price-table_cell.cc-header.center {
    padding-left: 16px;
  }

  .price-table_cell.cc-title, .price-table_cell.cc-title.top-left {
    min-height: 7em;
  }

  .price-table_cell.bottom-right.tablet {
    border-top-width: 0;
    border-bottom-width: 1px;
    min-height: 5em;
  }

  .container-4 {
    width: auto;
  }

  .jaz-value, .other-value {
    font-size: 16px;
  }

  .ht {
    height: 40px;
  }

  .nav-menu-4 {
    z-index: 3030;
    width: 100%;
    left: 0;
    right: 0;
  }

  .navbar-3 {
    top: 8px;
  }

  .brand-image-2 {
    width: 80px;
    max-width: none;
    max-height: none;
    position: relative;
  }

  .brand-2.w--current {
    width: 90px;
    max-width: none;
    height: 40px;
    padding-left: 0;
    left: 0;
  }

  .hero-logos-2 {
    padding-bottom: 60px;
  }

  .logo-wrapp-2 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .cont.pricing {
    margin-bottom: 60px;
  }

  .cont.pricing.featulres {
    margin-bottom: 0;
  }

  .cont.sep {
    margin-top: 60px;
  }

  .subheadline {
    font-size: 18px;
  }

  .logo-grid-wrapper-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    place-items: stretch stretch;
    width: 400vw;
  }

  .logo-grid-wrapper-2.unxero {
    width: 280vw;
  }

  .subheadline-hero {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 16px;
  }

  .h1-hero {
    font-size: 72px;
  }

  .h1-hero.outlined-bold {
    margin-top: 8px;
    font-size: 46px;
  }

  .h1-hero.black {
    font-size: 54px;
  }

  .h1-hero.black-copy {
    width: auto;
    font-size: 54px;
  }

  .hero-cta {
    width: auto;
    max-width: none;
  }

  .hero-cta.black {
    align-self: stretch;
    width: auto;
    max-width: none;
    margin-bottom: 24px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .hero-cta.white {
    width: auto;
    max-width: none;
  }

  .bullet-text-2 {
    width: 100%;
    font-size: 18px;
  }

  .capt-h3 {
    width: 100%;
    font-size: 32px;
  }

  .capt-h3.help-center.black {
    font-size: 32px;
    line-height: 120%;
  }

  .capt-h3.shorter {
    width: 100%;
    font-size: 36px;
    line-height: 120%;
  }

  .capt-h3.shorter.center {
    width: auto;
    font-size: 32px;
  }

  .accountant-business {
    margin-top: 60px;
  }

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

  .chip.white {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-4._2 {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .section-4.features {
    margin-top: 60px;
  }

  .section-4.partners {
    margin-top: 100px;
    margin-bottom: 120px;
  }

  .section-4.partners.tinvio {
    margin-top: 160px;
    padding-top: 80px;
  }

  .section-4.lighter {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .heading-22 {
    font-size: 36px;
  }

  .bullets-list {
    margin-top: 8px;
  }

  .text-part {
    padding: 20px;
  }

  .text-part.pricing-main {
    width: auto;
  }

  .text-part.price-card {
    padding-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-part, .image-part.accountant {
    height: 340px;
  }

  .accountant {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .features-title {
    font-size: 28px;
  }

  .features-grid {
    margin-top: 24px;
  }

  .tile-header {
    font-size: 26px;
  }

  .tile-header.smaller {
    font-size: 20px;
  }

  .text-side.clio, .text-side.numbers {
    margin-bottom: 24px;
  }

  .features-row.agents {
    margin-top: 24px;
  }

  .tile-2 {
    height: 320px;
    min-height: auto;
  }

  .tile-2.clio, .tile-2.clio.no-limits {
    height: auto;
  }

  .tile-2.gradient {
    justify-content: space-between;
    align-items: flex-start;
    min-height: 320px;
  }

  .tile-2.no-limits {
    height: auto;
  }

  .heading-23 {
    font-size: 40px;
  }

  .heading-23.mobile {
    font-size: 36px;
  }

  .heading-23.mobile.clio {
    text-align: left;
    font-size: 36px;
  }

  .heading-23.mobile.clio.center {
    font-size: 40px;
  }

  .heading-23.mobile.clio.centered {
    text-align: center;
    font-size: 40px;
  }

  .heading-23.mobile.unxero {
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 130%;
  }

  .heading-23.mutted {
    font-size: 40px;
  }

  .heading-23.left {
    text-align: left;
  }

  .feature-point {
    color: var(--text-main);
    padding-top: 8px;
    padding-bottom: 9px;
    font-size: 14px;
  }

  .grid-image.mobile {
    width: 100%;
    height: auto;
  }

  .grid-image.visible {
    width: auto;
  }

  .foreveryone-text {
    text-align: right;
    font-size: 60px;
  }

  .plan-card {
    margin-top: 32px;
  }

  .description-card-pricing {
    width: 110%;
  }

  .bullet-text-3 {
    font-size: 14px;
  }

  .pricing-text {
    font-size: 60px;
    overflow: visible;
  }

  .smaller-tile.black, .smaller-tile.white {
    height: auto;
  }

  .image-7 {
    height: 66px;
  }

  .google-play {
    bottom: 15%;
  }

  .four-grid {
    margin-top: 60px;
  }

  .app-store-link {
    bottom: 50%;
  }

  .image-8 {
    height: 66px;
  }

  .text-wrapper {
    width: 100%;
  }

  .footer-2.tinvio {
    margin-top: 120px;
  }

  .footer-2.tinvio-footer {
    padding-top: 100px;
  }

  .all-right-reserved {
    text-align: center;
    -webkit-text-stroke-color: #8f959d;
  }

  .footer-link-wrapper {
    -webkit-text-stroke-color: #8f959d;
  }

  .h1-hero-2, .h1-hero-2.white {
    font-size: 50px;
  }

  .h1-hero-2.blue, .h1-hero-2.blue.first {
    font-size: 48px;
  }

  .text-field-contact.smaller {
    padding-bottom: 100px;
  }

  .b-1.center {
    font-weight: 500;
  }

  .image-6 {
    height: 24px;
  }

  .form {
    width: 100%;
  }

  .send-button {
    width: 48px;
    height: 48px;
  }

  .contact-us-header {
    margin-bottom: 32px;
  }

  .contact-headline {
    width: 100%;
    font-size: 52px;
  }

  .submit-button.blue-button {
    font-size: 0;
  }

  .form-wrapper {
    width: 100%;
  }

  .see-pricing-plans {
    margin-top: 0;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .see-pricing-plans.e-invoice {
    margin-top: 16px;
  }

  .see-plans-button {
    font-size: 22px;
  }

  .app-subtext {
    width: auto;
    font-size: 16px;
  }

  .h1-hero-3 {
    font-size: 50px;
  }

  .h1-hero-3.outlined-bold {
    margin-top: 8px;
    font-size: 46px;
  }

  .subheadline-2 {
    font-size: 18px;
  }

  .hero-headline-2 {
    margin-top: 60px;
    overflow: visible;
  }

  .brand-3.w--current {
    width: 90px;
    max-width: none;
    height: 40px;
    padding-left: 0;
    left: 0;
  }

  .brand-3.matcha.w--current {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: auto;
  }

  .nav-menu-5 {
    z-index: 3030;
    border-color: var(--line-main);
    background-color: var(--bg-main);
    border-top-right-radius: 0;
    width: 100%;
    left: 0;
    right: 0;
  }

  .livvic-text {
    font-size: 40px;
  }

  .faq-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .faq-question-text-2 {
    font-size: 26px;
    line-height: 120%;
  }

  .plus-line-animated {
    width: 20px;
  }

  .faq-paragraph-2 {
    font-size: 16px;
  }

  .plus-icon-2 {
    width: 20px;
    padding-bottom: 0;
  }

  .plus-line-animated-2 {
    width: 20px;
  }

  .section-5 {
    padding: 40px 16px;
  }

  .faq-question-text-3 {
    font-size: 24px;
    line-height: 120%;
  }

  .plus-line-animated-3 {
    width: 20px;
  }

  .hero-logos-3 {
    margin-top: 80px;
    padding-bottom: 0;
  }

  .subheadline-3 {
    font-size: 18px;
  }

  .h1-hero-4 {
    font-size: 50px;
  }

  .h1-hero-4.outlined-bold, .h1-hero-4.outlined-bold-copy {
    margin-top: 8px;
    font-size: 46px;
  }

  .h1-hero-4.outlined-bold-copy-copy {
    -webkit-text-stroke-width: 1.1px;
    margin-top: 8px;
    font-size: 48px;
    line-height: 100%;
  }

  .div-block-43 {
    width: auto;
  }

  .cont-2.hero {
    margin-left: 0;
    padding-bottom: 20px;
    overflow: hidden;
  }

  .cont-2.hero.clio, .cont-2.hero.tinvio {
    padding-bottom: 0;
  }

  .cont-2.hero.e-invoice {
    padding-right: 0;
  }

  .subheadline-hero-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    margin-top: 16px;
  }

  .white-arrow {
    height: 18px;
  }

  .accountant-subtext {
    font-size: 16px;
  }

  .accountant-subtext.centered {
    width: 90%;
  }

  .accountant-subtext.pricing-main {
    width: auto;
  }

  .accountant-businesses {
    margin-top: 24px;
  }

  .heading-24 {
    font-size: 36px;
  }

  .capt-h3-2 {
    width: 100%;
    font-size: 28px;
    line-height: 120%;
  }

  .capt-h3-2.essentials-header {
    width: auto;
  }

  .image-part-2, .image-part-2.accountant-2 {
    height: 300px;
  }

  .chip-text-5 {
    font-size: 13px;
  }

  .chip-text-5.white {
    font-size: 12px;
  }

  .heading-24-copy {
    font-size: 36px;
  }

  .features-title-copy {
    font-size: 28px;
    line-height: 120%;
  }

  .subheadline-3-copy {
    font-size: 18px;
  }

  .subheadline-3-copy-copy {
    max-width: none;
    font-size: 18px;
  }

  .subheadline-3-copy-copy.left {
    max-width: none;
  }

  .subheadline-3-copy-copy.clio {
    font-size: 18px;
    font-weight: 500;
  }

  .subheadline-3-copy-copy.xero-to-jaz {
    width: auto;
    max-width: 400px;
  }

  .features-title-copy-copy {
    font-size: 28px;
    line-height: 120%;
  }

  .blog-title-h1 {
    font-size: 51px;
  }

  .blog-chip {
    font-size: 13px;
  }

  .post-title {
    font-size: 44px;
  }

  .clio-subheader {
    margin-top: 12px;
  }

  .hero-image.e-invoice {
    margin-top: 32px;
  }

  .clio-features.xero-to, .clio-features._48 {
    margin-top: 80px;
  }

  ._4-tiles {
    margin-top: 24px;
  }

  .white-container {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding: 32px 20px;
  }

  .white-container.xero-to {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .black-header.invoice {
    width: auto;
    min-width: auto;
    max-width: 230px;
  }

  .black-header.centered {
    text-align: center;
    font-size: 40px;
  }

  .black-header.centered.choose-what {
    text-align: left;
    max-width: 290px;
    font-size: 36px;
  }

  .how-title {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-self: flex-start;
    min-width: auto;
  }

  .vertical-divider {
    margin-top: 24px;
  }

  ._4-points {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .title-point {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
  }

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

  .container-3columns.xero-to {
    align-self: stretch;
  }

  .ai-powered {
    margin-top: 120px;
    margin-bottom: 100px;
  }

  .large-title-1 {
    font-size: 40px;
  }

  .large-title-2 {
    font-size: 36px;
  }

  .holder-block {
    min-height: 80px;
  }

  .marquee-horizontal.small-marquee {
    height: 80px;
  }

  .small-marquee {
    width: 80px;
  }

  .items {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .item {
    height: 70px;
  }

  .holder {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .tablet-hero.unxero, .tablet-hero.clio {
    width: 100%;
  }

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

  .row-cards {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .abstract {
    width: 28px;
    height: 28px;
  }

  .abstract.unxero {
    margin-bottom: 16px;
  }

  .patrners-hero-h {
    font-size: 44px;
  }

  .subtitle-partners-hero {
    max-width: 510px;
  }

  .divider-partners {
    max-width: 84%;
  }

  .featured-grid {
    margin-left: 24px;
    margin-right: 24px;
  }

  .tinvio-hero {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 60px;
  }

  .tinvio-visual {
    max-width: 320px;
    height: 230px;
  }

  .reasons {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 100px;
  }

  .reason-body {
    font-size: 16px;
  }

  .reason-title {
    font-size: 22px;
  }

  .jaz-container {
    vertical-align: baseline;
    width: 180px;
    inset: auto 0% 0% auto;
  }

  .lottie-animation {
    width: 150px;
    top: -93px;
    left: 80px;
  }

  .lottie-mobile {
    width: 130px;
    left: 180px;
  }

  .tinvio-container {
    width: 150px;
  }

  .lottie-animation-2 {
    width: auto;
  }

  .h-1.e-invoicing.part-1, .h-1.e-invoicing.part-2 {
    font-size: 60px;
  }

  .h-1.e-invoicing.full.unxero {
    width: 230px;
  }

  .info-section {
    margin-top: 40px;
  }

  ._3-points {
    margin-top: 24px;
  }

  ._3-points.xero-to-jaz {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  ._6-tiles {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .cta-header-unxero {
    display: none;
  }

  .cta-header-unxero.footer {
    width: 220px;
    height: 58px;
    display: flex;
  }

  .cta-header-unxero.footer.header {
    display: flex;
  }

  .cta-header-unxero.footer.header:hover {
    background-color: var(--bg-main);
    color: var(--text-main);
  }

  .nav-content {
    justify-content: center;
    align-items: center;
  }

  .h1-unxero {
    font-size: 50px;
  }

  .h1-unxero.section-h {
    font-size: 52px;
  }

  .unxero-hero-subtext {
    margin-top: 8px;
    font-size: 24px;
  }

  .unxero-hero-subtext.section-s {
    font-size: 20px;
  }

  .tiles-unxero {
    grid-template-rows: auto auto auto;
    justify-content: stretch;
    place-items: center;
    margin-top: 24px;
  }

  .tile-unxero-hero, .tile-unxero-hero.cyan {
    height: 300px;
    padding: 0;
  }

  .logo {
    width: 80px;
  }

  .status-icon {
    width: 50px;
  }

  .tile-images {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .tile-points {
    margin-top: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .point-header {
    font-size: 16px;
  }

  .point-value {
    font-size: 24px;
  }

  .point-value.visible-mobile {
    width: 65%;
    display: block;
    position: relative;
  }

  .jaz-icon-visual {
    width: auto;
    position: relative;
  }

  .jaz-icon-visual.mobile {
    width: 230px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    bottom: -20%;
    right: -22%;
  }

  .xero-visual-goat {
    width: 220px;
    display: none;
    position: absolute;
  }

  .xero-visual-goat.mobile-visible {
    flex: 0 auto;
    width: 190px;
    height: auto;
    display: block;
    position: relative;
    bottom: 30%;
    right: 0%;
  }

  .unxero-hero-section {
    margin-top: 88px;
  }

  .drag-container {
    padding: 24px;
  }

  .folder-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-bottom: 16px;
  }

  .folder-name {
    font-size: 18px;
  }

  .image-91 {
    width: 50%;
  }

  .feature-title-unxero {
    font-size: 28px;
  }

  .feature-text-part {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .faq-xero-title {
    font-size: 24px;
  }

  .footer-block {
    padding: 48px;
  }

  .h2-unxero {
    margin-top: 0;
    font-size: 48px;
  }

  .goat-holder {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 340px;
    margin-top: -40px;
    display: flex;
  }

  .mobile-folder {
    width: 180px;
  }

  .image-92 {
    width: 140px;
  }

  .nav-buttons {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .heading-large {
    flex: 1;
    height: 100%;
    font-size: 1.5rem;
  }

  .vertical-scroll-wrapper {
    height: 2.1rem;
  }

  .text-rotation-wrapper {
    width: auto;
    margin-bottom: 8px;
  }

  .hero-cta-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 32px;
  }

  .hero-cta-wrapper.pricing-main {
    justify-content: space-between;
    align-items: stretch;
    width: auto;
  }

  .cta-secondary {
    align-self: center;
  }

  .cta-secondary.hero-home, .cta-secondary.pricing-card {
    align-self: flex-start;
  }

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

  .all-features {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .tab-text-side {
    width: 100%;
    height: auto;
  }

  .home-sliders-1 {
    margin-right: 6px;
  }

  .slider-2 {
    height: auto;
  }

  .paragraph-default.color-neutral-600.enter {
    width: 100%;
  }

  .btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .btn-primary.button-row {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .btn-primary.button-row.in-tab {
    margin-bottom: 0;
  }

  .teb-image {
    display: none;
  }

  .tab-container {
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding-bottom: 32px;
  }

  .mask-2 {
    flex: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .image-98 {
    object-fit: contain;
  }

  .main-plan {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 24px 16px;
  }

  .price-part {
    width: 100%;
    min-height: 220px;
    padding: 24px;
  }

  .currency-sign {
    font-size: 88px;
  }

  .main-price {
    font-size: 32px;
  }

  .main-details {
    font-size: 22px;
  }

  .details-wrapper {
    margin-bottom: 14px;
  }

  .home-sliders-1-2 {
    margin-right: 6px;
  }

  .slider-3 {
    height: auto;
  }

  .mask-3 {
    flex: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

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

  .comparison-row {
    margin-bottom: 0;
  }

  .comparison-row.header {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .comparison-item.check.blue {
    border-radius: 12px;
  }

  .comparison-header-title.blue {
    font-size: 24px;
  }

  .table-title-wrapp {
    background-color: #0000;
  }

  .div-block-52 {
    flex-flow: wrap;
  }

  .watermark-pricing, .watermark-pricing.smaller {
    font-size: 32px;
  }
}

#w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a97-fc808a4f {
  place-self: center;
}

#w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a98-fc808a4f {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a99-fc808a4f {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center;
}

#w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9a-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9b-fc808a4f {
  place-self: center;
}

#w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9c-fc808a4f {
  justify-self: center;
}

#w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9d-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9e-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9f-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa0-fc808a4f, #w-node-_2747c8b8-7fb3-4fd5-8983-774b5f5baa89-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa2-fc808a4f {
  place-self: center;
}

#w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa3-fc808a4f {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa4-fc808a4f {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center;
}

#w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa5-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa6-fc808a4f {
  place-self: center;
}

#w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa7-fc808a4f {
  justify-self: center;
}

#w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa8-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa9-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aaa-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aab-fc808a4f, #w-node-_1233a6de-12f8-4276-be85-b8db1b12a6db-fc808a4f {
  place-self: center;
}

#w-node-d5bcb152-cda5-b503-becd-d62320e9f2be-fc808a4f, #w-node-d5bcb152-cda5-b503-becd-d62320e9f2ce-fc808a4f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_1f417a74-e2a4-34e1-4cb9-84e05e959caa-fc808a4f {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-fd285806-5cdc-fb75-27e4-6e034ac208a6-fc808a4f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c32a6971-ee69-1c2f-91b8-3368ac7cd7e4-fc808a4f {
  justify-self: stretch;
}

#w-node-b05be0ab-67fc-ba1d-085a-d4239e46e974-fc808a4f, #w-node-_1679d2c6-dad6-d55f-c8e8-aaa49dc1df1c-fc808a4f {
  grid-area: 1 / 1 / 2 / 2;
  align-self: stretch;
}

#w-node-_61f17c18-5d32-9400-d206-8e4383ad2999-fc808a4f {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_61f17c18-5d32-9400-d206-8e4383ad29aa-fc808a4f {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_61f17c18-5d32-9400-d206-8e4383ad29ab-fc808a4f {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_23aba918-e470-0955-8e46-59625a278db8-f042b8e5 {
  place-self: center;
}

#w-node-aeeec375-3e7b-d45d-1f3b-c336bb4429b6-f042b8e5 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-faa5ddf8-1720-4419-3b33-b537e85bca1a-f042b8e5 {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center;
}

#w-node-_8fe36490-ba40-a56f-83fd-1a60148b84d5-f042b8e5, #w-node-e8dfdb09-4df9-7ca9-76e7-a5f2128da4c5-f042b8e5 {
  place-self: center;
}

#w-node-a7728f6f-d34a-dd94-7069-83673ad04190-f042b8e5 {
  justify-self: center;
}

#w-node-b0d0c34b-32d8-59ae-f91a-a0968bd1ebd4-f042b8e5, #w-node-_72e6558b-5703-ccbe-74bd-4c423f0c14f1-f042b8e5, #w-node-aa06dbc6-7606-7c21-06eb-ff394e32d567-f042b8e5, #w-node-_85a9a091-400f-b5a6-3a24-2d760db8fe53-f042b8e5, #w-node-cbdf4a05-4c70-0e11-abcd-ce5ab750deaa-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2d8-f042b8e5 {
  place-self: center;
}

#w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2d9-f042b8e5 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2da-f042b8e5 {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center;
}

#w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2db-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2dc-f042b8e5 {
  place-self: center;
}

#w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2dd-f042b8e5 {
  justify-self: center;
}

#w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2de-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2df-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2e0-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2e1-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2e2-f042b8e5 {
  place-self: center;
}

#w-node-_1261dedf-b3c9-2162-53e7-29ae1d8c7955-f042b8e5, #w-node-c9a3eb7f-e26e-bb52-e19d-39f848eddb94-f042b8e5 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_7c369291-b38e-0008-5e70-efcc18461d4c-f042b8e5 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_7c369291-b38e-0008-5e70-efcc18461d4d-f042b8e5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_7a405be8-0a26-057e-3bd3-7289f3f9886f-f042b8e5 {
  grid-area: 1 / 4 / 2 / 9;
}

#w-node-_7a405be8-0a26-057e-3bd3-7289f3f98870-f042b8e5 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_8c828c4b-063f-f20f-6482-b138be2c6dbe-f042b8e5, #w-node-_7c769986-af35-2c7e-a088-51a92c6e6099-f042b8e5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0d0ad326-d860-afea-159e-08960b49f32f-f042b8e5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5f871815-b708-5709-b1a1-fd7383b0f0ce-f042b8e5 {
  place-self: start end;
}

#w-node-_921d5ad2-0af4-72e5-0e71-44599c00c0a7-f042b8e5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_40b43e06-b4b7-1a09-2429-494e019ceffa-f042b8e5 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_921d5ad2-0af4-72e5-0e71-44599c00c0b0-f042b8e5 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: start end;
}

#w-node-b9941922-06aa-2ada-461b-c842c8d5287d-f042b8e5 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-b9941922-06aa-2ada-461b-c842c8d52886-f042b8e5 {
  place-self: start end;
}

#w-node-eee23009-3a9a-36fe-c98c-de80194df310-f042b8e5, #w-node-_30791349-22c8-0626-e21d-158be57bf1d0-f042b8e5, #w-node-_0f99c55c-aef0-ebd9-f690-9830ff12bd17-f042b8e5, #w-node-_0f99c55c-aef0-ebd9-f690-9830ff12bd1f-f042b8e5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_15bfd9dd-e1e9-85df-226e-9533e9d66c33-f042b8e5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_15bfd9dd-e1e9-85df-226e-9533e9d66c39-f042b8e5 {
  place-self: start end;
}

#w-node-_529ead1a-fb9d-0e1f-1066-f45e7e78ca01-f042b8e5 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_529ead1a-fb9d-0e1f-1066-f45e7e78ca07-f042b8e5 {
  place-self: start end;
}

#w-node-_4f42513b-af8d-57df-a019-302daba5dc85-f042b8e5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4f42513b-af8d-57df-a019-302daba5dc8b-f042b8e5 {
  place-self: start end;
}

#w-node-_9482c39c-9698-c40f-07df-42363c3d693a-0a144c54 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_45f877e0-636e-ccc5-d283-f04d2f48e83d-0a144c54 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center start;
}

#w-node-_45f877e0-636e-ccc5-d283-f04d2f48e83f-0a144c54 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_45f877e0-636e-ccc5-d283-f04d2f48e840-0a144c54 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: start end;
}

#w-node-_45f877e0-636e-ccc5-d283-f04d2f48e848-0a144c54 {
  grid-area: 2 / 1 / 3 / 2;
  place-self: start;
}

#w-node-_93c33259-bbd3-629e-de6f-581e36f9e637-0a144c54 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_45f877e0-636e-ccc5-d283-f04d2f48e851-0a144c54 {
  grid-area: 4 / 1 / 5 / 2;
  justify-self: start;
}

#w-node-eca874f7-3a71-100d-4279-70f317735984-0a144c54 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: end;
}

#w-node-cf5e4ca1-9480-830e-b60e-6d46dea3dc58-f042b8fc, #w-node-_4251a876-0729-5d4a-eb72-e0d80c50ba6b-f042b8fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6ecca6df-2a0f-fb0c-c590-081f4c1c12e4-f042b8fc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c59db0e2-42cb-45bb-b899-0a897bca219c-f042b8fc, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcd8-f042b8fc, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcda-f042b8fc, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcdc-f042b8fc, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcde-f042b8fc, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dce0-f042b8fc, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dce2-f042b8fc, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dce4-f042b8fc, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dce6-f042b8fc, #w-node-_0f36e23a-3fab-0fa0-e253-60a677d40cdb-f042b8fc, #w-node-a3766d40-26e9-9090-447e-7a79ee3a5c9f-f042b8fc, #w-node-_27dc780f-c46d-97fd-b84b-d41942f2a8cc-f042b8fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c41893f6-77f1-aba0-bdf5-c28286a834ef-f042b8fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-fdd6b3f9-ad6d-93e1-6fcb-85fbc3858e73-f042b8fc, #w-node-_725e9958-a1cb-101d-3e2b-cea8a5b9c0c7-f042b8fc, #w-node-_73f158c9-d084-628e-5757-50febde5ec6a-f042b8fc, #w-node-cbb4e338-487f-fee9-3f18-49fbb39b5830-f042b8fc {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_076ad6bd-252d-be8f-852d-adcc0bb202ce-0bb202c0, #w-node-_076ad6bd-252d-be8f-852d-adcc0bb202d8-0bb202c0, #w-node-_076ad6bd-252d-be8f-852d-adcc0bb202e9-0bb202c0, #w-node-_076ad6bd-252d-be8f-852d-adcc0bb202f7-0bb202c0, #w-node-_076ad6bd-252d-be8f-852d-adcc0bb20301-0bb202c0, #w-node-_076ad6bd-252d-be8f-852d-adcc0bb2030b-0bb202c0, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d863-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d866-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d887-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d88a-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d8ab-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d8ae-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d8d1-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d8d3-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d8d5-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d8d7-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d8d9-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d8db-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d8dd-f042b902, #w-node-de2c1a22-6aa7-bc90-8931-b47734c9d8df-f042b902 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-da5367eb-16ef-e9b0-85bd-954e671d7b89-f042b903 {
  align-self: start;
}

#w-node-da5367eb-16ef-e9b0-85bd-954e671d7ba4-f042b903 {
  justify-self: auto;
}

#w-node-_3e8df2a6-0970-1d56-9495-cbe5c4aa4a67-f042b905, #w-node-_07ecd636-7d03-f8c9-9271-f9df17cbe476-f042b905, #w-node-_07ecd636-7d03-f8c9-9271-f9df17cbe49f-f042b905, #w-node-_07ecd636-7d03-f8c9-9271-f9df17cbe4c8-f042b905, #w-node-_07ecd636-7d03-f8c9-9271-f9df17cbe4f3-f042b905, #w-node-_07ecd636-7d03-f8c9-9271-f9df17cbe4f5-f042b905, #w-node-_07ecd636-7d03-f8c9-9271-f9df17cbe4f7-f042b905, #w-node-_07ecd636-7d03-f8c9-9271-f9df17cbe4f9-f042b905, #w-node-_07ecd636-7d03-f8c9-9271-f9df17cbe4fb-f042b905, #w-node-_07ecd636-7d03-f8c9-9271-f9df17cbe4fd-f042b905, #w-node-_07ecd636-7d03-f8c9-9271-f9df17cbe4ff-f042b905, #w-node-_07ecd636-7d03-f8c9-9271-f9df17cbe501-f042b905 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_76f4d2a1-8347-d7b6-f936-9f49d11e04a0-f042b909 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_98d84ba8-b1c9-27a9-e3ca-bf11bc670687-f042b90b, #w-node-_98d84ba8-b1c9-27a9-e3ca-bf11bc670689-f042b90b, #w-node-_98d84ba8-b1c9-27a9-e3ca-bf11bc67068b-f042b90b, #w-node-_98d84ba8-b1c9-27a9-e3ca-bf11bc67068d-f042b90b, #w-node-bb91ceaa-06d0-2ec1-a620-bfcd18bff0df-f042b90e, #w-node-_0006f261-face-d8e0-43a5-88aa60d5be8f-f042b90e, #w-node-_986159ab-d85b-4506-4c82-583c6f9332ef-f042b90e, #w-node-_986159ab-d85b-4506-4c82-583c6f9332f2-f042b90e, #w-node-_2cb91dee-387e-ee81-fab7-0ec4c2c9e9cb-f042b90e, #w-node-_2cb91dee-387e-ee81-fab7-0ec4c2c9e9ce-f042b90e, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcd8-f042b90e, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcda-f042b90e, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcdc-f042b90e, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dcde-f042b90e, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dce0-f042b90e, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dce2-f042b90e, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dce4-f042b90e, #w-node-f078fdf9-afcd-dd23-e056-d7d58c77dce6-f042b90e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8c331566-379f-cbef-9da9-4f92e2bbed1a-f042b910, #w-node-_8c331566-379f-cbef-9da9-4f92e2bbed27-f042b910, #w-node-_8c331566-379f-cbef-9da9-4f92e2bbed88-f042b910, #w-node-_8c331566-379f-cbef-9da9-4f92e2bbed8e-f042b910, #w-node-_8c331566-379f-cbef-9da9-4f92e2bbed93-f042b910, #w-node-_8c331566-379f-cbef-9da9-4f92e2bbed98-f042b910 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3ca917aa-0c75-330f-9ccc-e0ded3f3fdd8-dc730014, #w-node-_3ca917aa-0c75-330f-9ccc-e0ded3f3fde7-dc730014, #w-node-_3ca917aa-0c75-330f-9ccc-e0ded3f3fdf1-dc730014, #w-node-_3ca917aa-0c75-330f-9ccc-e0ded3f3fdf6-dc730014, #w-node-_3ca917aa-0c75-330f-9ccc-e0ded3f3fdf9-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7934f011-c1fc-974c-422a-6ec3ca9c10a7-dc730014 {
  grid-area: 1 / 1 / 2 / 9;
  place-self: auto stretch;
}

#w-node-_7934f011-c1fc-974c-422a-6ec3ca9c10a8-dc730014 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_7934f011-c1fc-974c-422a-6ec3ca9c1085-dc730014 {
  grid-area: 2 / 1 / 3 / 5;
}

#w-node-_7934f011-c1fc-974c-422a-6ec3ca9c1086-dc730014 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_7934f011-c1fc-974c-422a-6ec3ca9c10bb-dc730014 {
  grid-area: 2 / 5 / 3 / 9;
}

#w-node-_7934f011-c1fc-974c-422a-6ec3ca9c10bc-dc730014 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_78ac3c66-8d2f-f6f3-db27-09ccc1ffdb51-dc730014, #w-node-_78ac3c66-8d2f-f6f3-db27-09ccc1ffdb52-dc730014, #w-node-_78ac3c66-8d2f-f6f3-db27-09ccc1ffdb54-dc730014, #w-node-_78ac3c66-8d2f-f6f3-db27-09ccc1ffdb59-dc730014, #w-node-_78ac3c66-8d2f-f6f3-db27-09ccc1ffdb5d-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_78ac3c66-8d2f-f6f3-db27-09ccc1ffdb5e-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_62d29207-813f-325a-d478-b751ddbd59a7-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_62d29207-813f-325a-d478-b751ddbd59aa-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_68c8fb45-b0df-12d4-accd-fc601cc7d780-dc730014, #w-node-_008c7c22-e662-794b-3862-0bff3dac8471-dc730014 {
  place-self: stretch stretch;
}

#w-node-_62d29207-813f-325a-d478-b751ddbd59ad-dc730014, #w-node-_62d29207-813f-325a-d478-b751ddbd59b0-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_4571d961-4b1f-c213-8371-668b0fef80fa-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4571d961-4b1f-c213-8371-668b0fef80fd-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_4571d961-4b1f-c213-8371-668b0fef80fe-dc730014, #w-node-_4571d961-4b1f-c213-8371-668b0fef8101-dc730014 {
  place-self: stretch stretch;
}

#w-node-_4571d961-4b1f-c213-8371-668b0fef8104-dc730014, #w-node-_4571d961-4b1f-c213-8371-668b0fef8107-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_2b28b6c4-b694-1825-5815-b6d73974eef7-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2b28b6c4-b694-1825-5815-b6d73974eefa-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_2b28b6c4-b694-1825-5815-b6d73974eefb-dc730014, #w-node-_2b28b6c4-b694-1825-5815-b6d73974eefe-dc730014 {
  place-self: stretch stretch;
}

#w-node-_2b28b6c4-b694-1825-5815-b6d73974ef01-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_2b28b6c4-b694-1825-5815-b6d73974ef04-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_77fff0ae-cdc8-2895-702f-e70aaa4501a9-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77fff0ae-cdc8-2895-702f-e70aaa4501ae-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_77fff0ae-cdc8-2895-702f-e70aaa4501af-dc730014, #w-node-_77fff0ae-cdc8-2895-702f-e70aaa4501b1-dc730014 {
  place-self: stretch stretch;
}

#w-node-_77fff0ae-cdc8-2895-702f-e70aaa4501b3-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_77fff0ae-cdc8-2895-702f-e70aaa4501b5-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_7c877ba5-e232-7058-8def-0493e6ff38d7-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7c877ba5-e232-7058-8def-0493e6ff38da-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_7c877ba5-e232-7058-8def-0493e6ff38db-dc730014, #w-node-_7c877ba5-e232-7058-8def-0493e6ff38dd-dc730014 {
  place-self: stretch stretch;
}

#w-node-_7c877ba5-e232-7058-8def-0493e6ff38df-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_7c877ba5-e232-7058-8def-0493e6ff38e1-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-b88b718b-ccd9-36d9-33c7-06773d39a5b1-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b88b718b-ccd9-36d9-33c7-06773d39a5b4-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-b88b718b-ccd9-36d9-33c7-06773d39a5b5-dc730014, #w-node-b88b718b-ccd9-36d9-33c7-06773d39a5b7-dc730014 {
  place-self: stretch stretch;
}

#w-node-b88b718b-ccd9-36d9-33c7-06773d39a5b9-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-b88b718b-ccd9-36d9-33c7-06773d39a5bb-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-bc3b32b9-de69-e059-710a-bc0f501ce931-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc3b32b9-de69-e059-710a-bc0f501ce936-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-bc3b32b9-de69-e059-710a-bc0f501ce937-dc730014, #w-node-bc3b32b9-de69-e059-710a-bc0f501ce939-dc730014 {
  place-self: stretch stretch;
}

#w-node-bc3b32b9-de69-e059-710a-bc0f501ce93b-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-bc3b32b9-de69-e059-710a-bc0f501ce93d-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_96434f9e-b734-9116-4209-43389018491d-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_96434f9e-b734-9116-4209-433890184920-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_96434f9e-b734-9116-4209-433890184921-dc730014, #w-node-_96434f9e-b734-9116-4209-433890184923-dc730014 {
  place-self: stretch stretch;
}

#w-node-_96434f9e-b734-9116-4209-433890184925-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_96434f9e-b734-9116-4209-433890184927-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-faa2394f-6ccc-8140-a373-213a55db15a7-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-faa2394f-6ccc-8140-a373-213a55db15aa-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-faa2394f-6ccc-8140-a373-213a55db15ab-dc730014, #w-node-faa2394f-6ccc-8140-a373-213a55db15ad-dc730014 {
  place-self: stretch stretch;
}

#w-node-faa2394f-6ccc-8140-a373-213a55db15af-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-faa2394f-6ccc-8140-a373-213a55db15b1-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_62d29207-813f-325a-d478-b751ddbd59cb-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_62d29207-813f-325a-d478-b751ddbd59ce-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_292e3614-9be4-2645-7dbf-44f6111acd98-dc730014, #w-node-_459c8323-a0cd-9010-1a28-35421659d753-dc730014 {
  place-self: stretch stretch;
}

#w-node-_62d29207-813f-325a-d478-b751ddbd59d1-dc730014, #w-node-_62d29207-813f-325a-d478-b751ddbd59d4-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-f0c3e6a1-f8ce-f2bf-ca0b-14dedc87b346-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f0c3e6a1-f8ce-f2bf-ca0b-14dedc87b349-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-f0c3e6a1-f8ce-f2bf-ca0b-14dedc87b34a-dc730014, #w-node-f0c3e6a1-f8ce-f2bf-ca0b-14dedc87b34c-dc730014 {
  place-self: stretch stretch;
}

#w-node-f0c3e6a1-f8ce-f2bf-ca0b-14dedc87b34e-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-f0c3e6a1-f8ce-f2bf-ca0b-14dedc87b351-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-ec1ba4e3-4428-3a9c-ae2d-41911a81ec98-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec1ba4e3-4428-3a9c-ae2d-41911a81ec9b-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-ec1ba4e3-4428-3a9c-ae2d-41911a81ec9c-dc730014 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ec1ba4e3-4428-3a9c-ae2d-41911a81ec9e-dc730014, #w-node-ec1ba4e3-4428-3a9c-ae2d-41911a81eca1-dc730014 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-d969451b-12d0-f725-ae4c-99f3ed5f2b82-dc730014 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d969451b-12d0-f725-ae4c-99f3ed5f2b88-dc730014 {
  place-self: start end;
}

#w-node-d969451b-12d0-f725-ae4c-99f3ed5f2b89-dc730014 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-d969451b-12d0-f725-ae4c-99f3ed5f2b8f-dc730014 {
  place-self: start end;
}

#w-node-d969451b-12d0-f725-ae4c-99f3ed5f2b90-dc730014 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d969451b-12d0-f725-ae4c-99f3ed5f2b96-dc730014 {
  place-self: start end;
}

#w-node-dbbedd0d-fa22-c5af-3006-f936d16aae14-91b94baa {
  justify-self: stretch;
}

#w-node-_44e6286a-4402-ca89-0194-4cd622281ad3-91b94baa {
  align-self: stretch;
}

#w-node-_9e0ab9ed-34af-ce3d-76b3-884c692b5eb3-91b94baa {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_4b4d1df3-f15e-9c4c-fbf9-9a14ccb363f7-91b94baa, #w-node-_3ff3234e-104e-c7b5-a05e-0fd002b088fa-91b94baa, #w-node-_7478dbb0-6541-0993-d30c-55f36b197ad3-91b94baa, #w-node-_9ab100c0-5290-6a1d-08dc-422cd7e8ebff-91b94baa, #w-node-eb135d2e-7215-591c-4a93-e51aa6a92018-91b94baa, #w-node-_53d246db-4b73-826f-980e-98f5111cdd3a-91b94baa, #w-node-bf253f89-6bd9-f4bf-ec96-eb7d101fa2bb-91b94baa, #w-node-f78564c8-f9d5-113d-d391-cc28155a3a6d-91b94baa, #w-node-_5b7db7da-26ea-77fa-9085-adf9d91411df-91b94baa, #w-node-cad34cdc-24db-e2bb-6d00-09a0f332749d-91b94baa, #w-node-_10a38f32-9180-05d6-6b82-21f4987ad57c-91b94baa, #w-node-bd7d1c2b-ea44-41b0-8534-6141df941a41-91b94baa, #w-node-_751c6eec-39a8-e25e-efa5-dfd2f2091853-91b94baa {
  align-self: stretch;
}

#w-node-fbcedf2d-c3f6-f591-43a7-9c23465b22f8-91b94baa {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_8def435a-5cea-136b-c745-def47f354f31-91b94baa, #w-node-a429ea9a-4211-0375-197a-3707d92779bf-91b94baa, #w-node-_87bebe08-562b-02ff-b08c-115edea3a135-91b94baa, #w-node-_655db2b2-1302-12ca-617f-8126be2d9bac-91b94baa, #w-node-_2acbfb97-6eb0-f492-1a9c-3e1b07c6a379-91b94baa {
  align-self: stretch;
}

#w-node-_6812acf2-6b98-2bec-8052-05a25054a78e-91b94baa {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_5f11db93-14d7-cf64-96de-9a5c25b6030b-91b94baa, #w-node-ead9eae8-b9ca-5cfd-9b32-963c5ead9a08-91b94baa, #w-node-_24d5b74e-aa69-9924-0fe1-c906eb980007-91b94baa, #w-node-f5a953e6-581d-bf72-31b7-bcf65b47f95e-91b94baa, #w-node-_1b779ead-f345-14a2-fbc6-4816c6c0c284-91b94baa {
  align-self: stretch;
}

#w-node-_631796d4-51bd-bc64-aa59-40fbd9c5be5a-91b94baa {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-aed4b074-048d-704f-65a0-cd7a95a0c0d7-91b94baa, #w-node-e01ba19c-bdff-4b74-3398-bbae05cb03fd-91b94baa, #w-node-c55b162f-4496-621a-e3b4-aa4128d02b69-91b94baa, #w-node-c634b881-263b-e282-792e-ea4351e6a787-91b94baa, #w-node-b7383a16-3d8a-424a-f9a0-a92b9211cf47-91b94baa, #w-node-_38ddc8cf-ceb4-9346-f3f6-86fdcf8325af-91b94baa {
  align-self: stretch;
}

#w-node-db78ddaa-580a-e33f-525e-3efb15b5ac1e-91b94baa, #w-node-db78ddaa-580a-e33f-525e-3efb15b5ac21-91b94baa, #w-node-_5f17912c-a792-2dd4-c38b-99b42687d41b-91b94baa, #w-node-db78ddaa-580a-e33f-525e-3efb15b5ac35-91b94baa, #w-node-db78ddaa-580a-e33f-525e-3efb15b5ac3f-91b94baa, #w-node-_502da1d3-c511-8f8c-5ac1-a2885d755a01-91b94baa {
  justify-self: stretch;
}

#w-node-b2f0a5cb-ae66-7f23-cb59-4cb256e55f9d-6c09c5cd {
  place-self: center start;
}

#w-node-fbb2a8f3-f1c0-bb7c-500c-d06a1662ec08-6c09c5cd {
  justify-self: center;
}

#w-node-bc42d4c7-2a5e-7f67-2ebb-1df2454e72f5-6c09c5cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d3d6e9d7-5df5-a8bf-1263-4ef25e383ed7-6c09c5cd {
  grid-area: 1 / 1 / 2 / 2;
  align-self: stretch;
}

#w-node-_5b8de693-2dec-6451-68a6-ebb4cf2b9aac-6c09c5cd, #w-node-_5b8de693-2dec-6451-68a6-ebb4cf2b9ac3-6c09c5cd, #w-node-_2de4d88a-fe71-bae6-2317-39e0ee61b630-6c09c5cd, #w-node-_0f124eee-3af7-d7e3-884f-46e46cc3b5d3-6c09c5cd, #w-node-f7b1393f-53d9-f033-9ce3-6d124b839512-6c09c5cd, #w-node-_74504706-498e-0e9a-f385-413f54519a50-6c09c5cd {
  justify-self: stretch;
}

#w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41717-c696b94d, #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41728-c696b94d {
  align-self: stretch;
}

#w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41739-c696b94d {
  place-self: stretch stretch;
}

#w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41749-c696b94d {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41717-974fdf3d, #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41728-974fdf3d {
  align-self: stretch;
}

#w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41739-974fdf3d {
  place-self: stretch stretch;
}

#w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41749-974fdf3d {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-d881e1c5-df4d-5eee-4434-67a6511767a0-41934599, #w-node-a489ef86-80b5-deb7-fe96-4519f5dfe124-41934599 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_9d890fd9-d474-d425-79f0-371ceb68b48c-307c4393 {
  place-self: center stretch;
}

#w-node-bc42d4c7-2a5e-7f67-2ebb-1df2454e72f5-307c4393 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5b8de693-2dec-6451-68a6-ebb4cf2b9aac-307c4393, #w-node-_81335514-5111-83a4-e072-9122491fe9ee-307c4393, #w-node-bf734da2-f3b8-f59b-06e5-345c4a482815-307c4393, #w-node-f35c2dd1-ee5b-d46b-338c-ac1d2c9cc645-307c4393, #w-node-de71fcf8-2949-9166-3dd1-1893ee7045cf-307c4393, #w-node-f85ef281-a437-2c9d-797d-6f1af1692f2f-307c4393 {
  justify-self: stretch;
}

#w-node-_9d890fd9-d474-d425-79f0-371ceb68b48c-da3241e8 {
  place-self: center stretch;
}

#w-node-bc42d4c7-2a5e-7f67-2ebb-1df2454e72f5-da3241e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d83b8916-af8b-b03b-5a9f-6d5064dd481b-da3241e8 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-d83b8916-af8b-b03b-5a9f-6d5064dd4824-da3241e8 {
  grid-area: 1 / 3 / 2 / 5;
}

#w-node-d83b8916-af8b-b03b-5a9f-6d5064dd482d-da3241e8 {
  grid-area: 1 / 5 / 2 / 7;
}

#w-node-_271c0c0c-2159-ba47-3354-a752d9b634c3-da3241e8 {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-d62b8f65-31ca-6ac7-686b-a1cc7e4ff58d-da3241e8 {
  grid-area: 2 / 4 / 3 / 7;
}

#w-node-d709482b-b8af-44ec-b2c3-cdf40ec79d8d-da3241e8, #w-node-d709482b-b8af-44ec-b2c3-cdf40ec79d90-da3241e8, #w-node-d709482b-b8af-44ec-b2c3-cdf40ec79d9a-da3241e8, #w-node-d709482b-b8af-44ec-b2c3-cdf40ec79da4-da3241e8, #w-node-d709482b-b8af-44ec-b2c3-cdf40ec79db4-da3241e8, #w-node-d709482b-b8af-44ec-b2c3-cdf40ec79dbe-da3241e8, #w-node-_38dc61b9-4389-8626-56e1-db81d03f7706-da3241e8 {
  justify-self: stretch;
}

#w-node-_611b006b-7be1-a968-dfb8-954961cb9cca-07ffeb36, #w-node-_0e49ba09-8ccf-8bdf-3a2d-6b959748b8ce-07ffeb36, #w-node-_263024ef-b171-89ba-975c-d5887bc51bf8-07ffeb36, #w-node-_4a0e5394-37a0-15fe-0a2b-5f7480ee48d2-07ffeb36, #w-node-daa97cb0-a1d3-f70f-fa64-0bcad08f197d-07ffeb36, #w-node-_4fbd7d04-1662-1d59-4b18-d8e9d772bce0-07ffeb36, #w-node-d86438a4-2cb9-fd5e-c4ea-e882759db4f1-07ffeb36 {
  align-self: stretch;
}

#w-node-_927d8605-94b5-341a-440f-dce9f16e0339-07ffeb36, #w-node-_927d8605-94b5-341a-440f-dce9f16e033c-07ffeb36, #w-node-_71585f2f-c29e-f8b1-c30a-1941fd3dcbf4-07ffeb36, #w-node-e15dc8e8-cf2f-7cf0-4d58-142a9d9a9a01-07ffeb36, #w-node-c3c19a7c-bdfe-c8c3-9a19-f9502a48a410-07ffeb36, #w-node-a3d21b14-a12f-3ebf-cadc-351824deb1b1-07ffeb36, #w-node-_1ac18440-a854-8bba-6cee-4233bbc6fb56-07ffeb36, #w-node-ab94fcce-cd6a-2d88-1039-0a35362c6123-07ffeb36, #w-node-c87b67a2-cc4e-13cf-e61b-656cec3472c7-07ffeb36 {
  justify-self: stretch;
}

#w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41717-af062fe5, #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41728-af062fe5 {
  align-self: stretch;
}

#w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41739-af062fe5 {
  place-self: stretch stretch;
}

#w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41749-af062fe5 {
  grid-area: 2 / 1 / 3 / 4;
}

@media screen and (min-width: 1920px) {
  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a97-fc808a4f {
    justify-self: center;
  }

  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a98-fc808a4f {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: center;
  }

  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a99-fc808a4f {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: center;
  }

  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9a-fc808a4f {
    place-self: center;
  }

  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9c-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9d-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9e-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9f-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa0-fc808a4f, #w-node-_2747c8b8-7fb3-4fd5-8983-774b5f5baa89-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa2-fc808a4f {
    justify-self: center;
  }

  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa3-fc808a4f {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: center;
  }

  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa4-fc808a4f {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: center;
  }

  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa5-fc808a4f {
    place-self: center;
  }

  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa7-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa8-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa9-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aaa-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aab-fc808a4f, #w-node-_1233a6de-12f8-4276-be85-b8db1b12a6db-fc808a4f, #w-node-_23aba918-e470-0955-8e46-59625a278db8-f042b8e5 {
    justify-self: center;
  }

  #w-node-aeeec375-3e7b-d45d-1f3b-c336bb4429b6-f042b8e5 {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: center;
  }

  #w-node-faa5ddf8-1720-4419-3b33-b537e85bca1a-f042b8e5 {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: center;
  }

  #w-node-_8fe36490-ba40-a56f-83fd-1a60148b84d5-f042b8e5 {
    place-self: center;
  }

  #w-node-a7728f6f-d34a-dd94-7069-83673ad04190-f042b8e5, #w-node-b0d0c34b-32d8-59ae-f91a-a0968bd1ebd4-f042b8e5, #w-node-_72e6558b-5703-ccbe-74bd-4c423f0c14f1-f042b8e5, #w-node-aa06dbc6-7606-7c21-06eb-ff394e32d567-f042b8e5, #w-node-_85a9a091-400f-b5a6-3a24-2d760db8fe53-f042b8e5, #w-node-cbdf4a05-4c70-0e11-abcd-ce5ab750deaa-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2d8-f042b8e5 {
    justify-self: center;
  }

  #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2d9-f042b8e5 {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: center;
  }

  #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2da-f042b8e5 {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: center;
  }

  #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2db-f042b8e5 {
    place-self: center;
  }

  #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2dd-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2de-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2df-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2e0-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2e1-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2e2-f042b8e5 {
    justify-self: center;
  }

  #w-node-_3ca917aa-0c75-330f-9ccc-e0ded3f3fdf9-dc730014, #w-node-_62d29207-813f-325a-d478-b751ddbd59a7-dc730014, #w-node-_4571d961-4b1f-c213-8371-668b0fef80fa-dc730014, #w-node-_2b28b6c4-b694-1825-5815-b6d73974eef7-dc730014, #w-node-_77fff0ae-cdc8-2895-702f-e70aaa4501a9-dc730014, #w-node-_7c877ba5-e232-7058-8def-0493e6ff38d7-dc730014, #w-node-b88b718b-ccd9-36d9-33c7-06773d39a5b1-dc730014, #w-node-bc3b32b9-de69-e059-710a-bc0f501ce931-dc730014, #w-node-_96434f9e-b734-9116-4209-43389018491d-dc730014, #w-node-faa2394f-6ccc-8140-a373-213a55db15a7-dc730014, #w-node-f0c3e6a1-f8ce-f2bf-ca0b-14dedc87b346-dc730014 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-db78ddaa-580a-e33f-525e-3efb15b5ac17-91b94baa, #w-node-b2f0a5cb-ae66-7f23-cb59-4cb256e55f9d-6c09c5cd, #w-node-_5b8de693-2dec-6451-68a6-ebb4cf2b9aa5-6c09c5cd, #w-node-_5b8de693-2dec-6451-68a6-ebb4cf2b9aa5-307c4393, #w-node-d709482b-b8af-44ec-b2c3-cdf40ec79d86-da3241e8, #w-node-_927d8605-94b5-341a-440f-dce9f16e0332-07ffeb36 {
    justify-self: start;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_61f17c18-5d32-9400-d206-8e4383ad29ab-fc808a4f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_5f871815-b708-5709-b1a1-fd7383b0f0ce-f042b8e5, #w-node-_921d5ad2-0af4-72e5-0e71-44599c00c0b0-f042b8e5, #w-node-b9941922-06aa-2ada-461b-c842c8d52886-f042b8e5 {
    place-self: start end;
  }

  #w-node-_0f99c55c-aef0-ebd9-f690-9830ff12bd17-f042b8e5, #w-node-_0f99c55c-aef0-ebd9-f690-9830ff12bd1f-f042b8e5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_3ca917aa-0c75-330f-9ccc-e0ded3f3fdf1-dc730014 {
    justify-self: end;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41749-c696b94d, #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41749-974fdf3d, #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41749-af062fe5 {
    grid-area: 2 / 1 / 3 / 4;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_61f17c18-5d32-9400-d206-8e4383ad29ab-fc808a4f {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_0d0ad326-d860-afea-159e-08960b49f32f-f042b8e5 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_921d5ad2-0af4-72e5-0e71-44599c00c0a7-f042b8e5 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b9941922-06aa-2ada-461b-c842c8d5287d-f042b8e5 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_0f99c55c-aef0-ebd9-f690-9830ff12bd1f-f042b8e5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_45f877e0-636e-ccc5-d283-f04d2f48e848-0a144c54 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-fbb2a8f3-f1c0-bb7c-500c-d06a1662ec08-6c09c5cd {
    justify-self: center;
  }

  #w-node-bc42d4c7-2a5e-7f67-2ebb-1df2454e72f5-da3241e8, #w-node-c4d92695-d8b5-bbe2-be11-dd2eee9f3e45-da3241e8, #w-node-f067274d-0706-37fa-5b27-4f0cef84afae-da3241e8 {
    justify-self: stretch;
  }
}

@media screen and (max-width: 991px) {
  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9c-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa7-fc808a4f {
    align-self: center;
  }

  #w-node-d5bcb152-cda5-b503-becd-d62320e9f2bd-fc808a4f {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-d5bcb152-cda5-b503-becd-d62320e9f2cb-fc808a4f {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-d5bcb152-cda5-b503-becd-d62320e9f2ce-fc808a4f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_1f417a74-e2a4-34e1-4cb9-84e05e959caa-fc808a4f {
    grid-row: 3 / 4;
    grid-column-end: 3;
  }

  #w-node-_61f17c18-5d32-9400-d206-8e4383ad2999-fc808a4f {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_61f17c18-5d32-9400-d206-8e4383ad299b-fc808a4f {
    align-self: stretch;
  }

  #w-node-_61f17c18-5d32-9400-d206-8e4383ad29aa-fc808a4f {
    grid-row: 2 / 3;
  }

  #w-node-a7728f6f-d34a-dd94-7069-83673ad04190-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2dd-f042b8e5 {
    align-self: center;
  }

  #w-node-_1261dedf-b3c9-2162-53e7-29ae1d8c7955-f042b8e5 {
    grid-area: 3 / 1 / 4 / 6;
  }

  #w-node-_7c369291-b38e-0008-5e70-efcc18461d4c-f042b8e5 {
    grid-area: 1 / 1 / 2 / 6;
  }

  #w-node-_7a405be8-0a26-057e-3bd3-7289f3f9886f-f042b8e5 {
    grid-area: 2 / 1 / 3 / 6;
  }

  #w-node-_8c828c4b-063f-f20f-6482-b138be2c6dbe-f042b8e5 {
    grid-area: 4 / 1 / 5 / 6;
  }

  #w-node-_529ead1a-fb9d-0e1f-1066-f45e7e78ca02-f042b8e5 {
    align-self: end;
  }

  #w-node-_9482c39c-9698-c40f-07df-42363c3d693a-0a144c54 {
    grid-row: 3 / 4;
  }

  #w-node-_45f877e0-636e-ccc5-d283-f04d2f48e83d-0a144c54 {
    place-self: start;
  }

  #w-node-_45f877e0-636e-ccc5-d283-f04d2f48e840-0a144c54 {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: end;
  }

  #w-node-_45f877e0-636e-ccc5-d283-f04d2f48e848-0a144c54 {
    grid-row: 2 / 3;
    grid-column-end: 3;
    justify-self: start;
  }

  #w-node-_93c33259-bbd3-629e-de6f-581e36f9e637-0a144c54 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_45f877e0-636e-ccc5-d283-f04d2f48e851-0a144c54 {
    grid-row: 4 / 5;
  }

  #w-node-_076ad6bd-252d-be8f-852d-adcc0bb202ce-0bb202c0 {
    grid-column: span 2 / span 2;
  }

  #w-node-_076ad6bd-252d-be8f-852d-adcc0bb202d8-0bb202c0 {
    grid-column: span 4 / span 4;
  }

  #w-node-_076ad6bd-252d-be8f-852d-adcc0bb202e9-0bb202c0 {
    grid-area: 1 / 3 / 2 / 5;
  }

  #w-node-da5367eb-16ef-e9b0-85bd-954e671d7ba4-f042b903 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3ca917aa-0c75-330f-9ccc-e0ded3f3fdd8-dc730014, #w-node-_3ca917aa-0c75-330f-9ccc-e0ded3f3fdf1-dc730014, #w-node-_3ca917aa-0c75-330f-9ccc-e0ded3f3fdf6-dc730014 {
    grid-column: span 2 / span 2;
  }

  #w-node-_3ca917aa-0c75-330f-9ccc-e0ded3f3fdf9-dc730014 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_7934f011-c1fc-974c-422a-6ec3ca9c10a7-dc730014 {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-_7934f011-c1fc-974c-422a-6ec3ca9c1085-dc730014 {
    grid-area: 3 / 1 / 4 / 9;
  }

  #w-node-_7934f011-c1fc-974c-422a-6ec3ca9c10bb-dc730014 {
    grid-area: 4 / 1 / 5 / 9;
  }

  #w-node-d969451b-12d0-f725-ae4c-99f3ed5f2b8a-dc730014 {
    align-self: end;
  }

  #w-node-dbbedd0d-fa22-c5af-3006-f936d16aae14-91b94baa {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b2f0a5cb-ae66-7f23-cb59-4cb256e55f9d-6c09c5cd {
    place-self: center start;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41738-c696b94d {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41741-c696b94d {
    place-self: center;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41749-c696b94d {
    grid-row: 3 / 4;
    grid-column-end: 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41738-974fdf3d {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41741-974fdf3d {
    place-self: center;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41749-974fdf3d {
    grid-row: 3 / 4;
    grid-column-end: 3;
  }

  #w-node-eedf1a30-f986-fd80-be29-28ceb2223c45-307c4393 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-d83b8916-af8b-b03b-5a9f-6d5064dd481b-da3241e8 {
    grid-column-end: 4;
  }

  #w-node-d83b8916-af8b-b03b-5a9f-6d5064dd4824-da3241e8 {
    grid-column: 4 / 7;
  }

  #w-node-d83b8916-af8b-b03b-5a9f-6d5064dd482d-da3241e8 {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_271c0c0c-2159-ba47-3354-a752d9b634c3-da3241e8 {
    grid-column: 4 / 7;
  }

  #w-node-d62b8f65-31ca-6ac7-686b-a1cc7e4ff58d-da3241e8 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-_927d8605-94b5-341a-440f-dce9f16e0332-07ffeb36 {
    justify-self: center;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41738-af062fe5 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41741-af062fe5 {
    place-self: center;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41749-af062fe5 {
    grid-row: 3 / 4;
    grid-column-end: 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-fd285806-5cdc-fb75-27e4-6e034ac208a6-fc808a4f {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-b05be0ab-67fc-ba1d-085a-d4239e46e974-fc808a4f, #w-node-_1679d2c6-dad6-d55f-c8e8-aaa49dc1df1c-fc808a4f {
    justify-self: start;
  }

  #w-node-_61f17c18-5d32-9400-d206-8e4383ad2999-fc808a4f {
    grid-row: 1 / 2;
    grid-column-end: 3;
  }

  #w-node-_61f17c18-5d32-9400-d206-8e4383ad29aa-fc808a4f {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_1261dedf-b3c9-2162-53e7-29ae1d8c7955-f042b8e5 {
    grid-column: span 3 / span 3;
  }

  #w-node-_7c369291-b38e-0008-5e70-efcc18461d4c-f042b8e5, #w-node-_7a405be8-0a26-057e-3bd3-7289f3f9886f-f042b8e5, #w-node-_8c828c4b-063f-f20f-6482-b138be2c6dbe-f042b8e5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_15bfd9dd-e1e9-85df-226e-9533e9d66c33-f042b8e5 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-_529ead1a-fb9d-0e1f-1066-f45e7e78ca01-f042b8e5 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-_4f42513b-af8d-57df-a019-302daba5dc85-f042b8e5 {
    grid-column-end: 3;
  }

  #w-node-d68c123e-4669-b5f4-a2a4-141e0beb4443-f042b8e5 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_9482c39c-9698-c40f-07df-42363c3d693a-0a144c54 {
    grid-row: 4 / 5;
  }

  #w-node-_45f877e0-636e-ccc5-d283-f04d2f48e83d-0a144c54 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: center;
  }

  #w-node-_45f877e0-636e-ccc5-d283-f04d2f48e840-0a144c54 {
    grid-area: 3 / 1 / 4 / 3;
    justify-self: center;
  }

  #w-node-_45f877e0-636e-ccc5-d283-f04d2f48e848-0a144c54 {
    grid-area: 2 / 1 / 3 / 3;
    place-self: center;
  }

  #w-node-_93c33259-bbd3-629e-de6f-581e36f9e637-0a144c54 {
    grid-area: 5 / 1 / 6 / 3;
    place-self: center;
  }

  #w-node-_45f877e0-636e-ccc5-d283-f04d2f48e851-0a144c54 {
    grid-row: 5 / 6;
    grid-column-end: 3;
    justify-self: center;
  }

  #w-node-eca874f7-3a71-100d-4279-70f317735984-0a144c54 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0f36e23a-3fab-0fa0-e253-60a677d40cdb-f042b8fc, #w-node-a3766d40-26e9-9090-447e-7a79ee3a5c9f-f042b8fc, #w-node-_27dc780f-c46d-97fd-b84b-d41942f2a8cc-f042b8fc, #w-node-c41893f6-77f1-aba0-bdf5-c28286a834ef-f042b8fc {
    grid-column: span 2 / span 2;
  }

  #w-node-_7934f011-c1fc-974c-422a-6ec3ca9c10a7-dc730014 {
    grid-area: 1 / 1 / 2 / 9;
  }

  #w-node-_7934f011-c1fc-974c-422a-6ec3ca9c1085-dc730014 {
    grid-area: 3 / 1 / 4 / 9;
  }

  #w-node-_7934f011-c1fc-974c-422a-6ec3ca9c10bb-dc730014 {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-d969451b-12d0-f725-ae4c-99f3ed5f2b82-dc730014 {
    grid-row: 2 / 3;
    grid-column-start: 1;
  }

  #w-node-d969451b-12d0-f725-ae4c-99f3ed5f2b89-dc730014 {
    grid-row: 3 / 4;
    grid-column-start: 1;
  }

  #w-node-d969451b-12d0-f725-ae4c-99f3ed5f2b90-dc730014 {
    grid-column-end: 3;
  }

  #w-node-d969451b-12d0-f725-ae4c-99f3ed5f2b97-dc730014 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_9e0ab9ed-34af-ce3d-76b3-884c692b5eb3-91b94baa, #w-node-_4b4d1df3-f15e-9c4c-fbf9-9a14ccb363ee-91b94baa, #w-node-_3ff3234e-104e-c7b5-a05e-0fd002b088f1-91b94baa, #w-node-_7478dbb0-6541-0993-d30c-55f36b197aca-91b94baa, #w-node-_9ab100c0-5290-6a1d-08dc-422cd7e8ebf6-91b94baa, #w-node-eb135d2e-7215-591c-4a93-e51aa6a9200f-91b94baa, #w-node-_53d246db-4b73-826f-980e-98f5111cdd31-91b94baa, #w-node-bf253f89-6bd9-f4bf-ec96-eb7d101fa2b2-91b94baa, #w-node-f78564c8-f9d5-113d-d391-cc28155a3a64-91b94baa, #w-node-_5b7db7da-26ea-77fa-9085-adf9d91411d6-91b94baa, #w-node-cad34cdc-24db-e2bb-6d00-09a0f3327494-91b94baa, #w-node-_10a38f32-9180-05d6-6b82-21f4987ad573-91b94baa, #w-node-bd7d1c2b-ea44-41b0-8534-6141df941a38-91b94baa, #w-node-_751c6eec-39a8-e25e-efa5-dfd2f209184a-91b94baa, #w-node-fbcedf2d-c3f6-f591-43a7-9c23465b22f8-91b94baa, #w-node-_8def435a-5cea-136b-c745-def47f354f28-91b94baa, #w-node-a429ea9a-4211-0375-197a-3707d92779b6-91b94baa, #w-node-_87bebe08-562b-02ff-b08c-115edea3a12c-91b94baa, #w-node-_655db2b2-1302-12ca-617f-8126be2d9ba3-91b94baa, #w-node-_2acbfb97-6eb0-f492-1a9c-3e1b07c6a370-91b94baa, #w-node-_6812acf2-6b98-2bec-8052-05a25054a78e-91b94baa, #w-node-_5f11db93-14d7-cf64-96de-9a5c25b60302-91b94baa, #w-node-ead9eae8-b9ca-5cfd-9b32-963c5ead99ff-91b94baa, #w-node-_24d5b74e-aa69-9924-0fe1-c906eb97fffe-91b94baa, #w-node-f5a953e6-581d-bf72-31b7-bcf65b47f955-91b94baa, #w-node-_1b779ead-f345-14a2-fbc6-4816c6c0c27b-91b94baa, #w-node-_631796d4-51bd-bc64-aa59-40fbd9c5be5a-91b94baa, #w-node-aed4b074-048d-704f-65a0-cd7a95a0c0ce-91b94baa, #w-node-e01ba19c-bdff-4b74-3398-bbae05cb03f4-91b94baa, #w-node-c55b162f-4496-621a-e3b4-aa4128d02b60-91b94baa, #w-node-c634b881-263b-e282-792e-ea4351e6a77e-91b94baa, #w-node-b7383a16-3d8a-424a-f9a0-a92b9211cf3e-91b94baa, #w-node-_38ddc8cf-ceb4-9346-f3f6-86fdcf8325a6-91b94baa {
    grid-area: Feature-Row;
  }

  #w-node-_38ddc8cf-ceb4-9346-f3f6-86fdcf8325af-91b94baa {
    align-self: center;
  }

  #w-node-d3d6e9d7-5df5-a8bf-1263-4ef25e383ed7-6c09c5cd {
    justify-self: start;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41716-c696b94d {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41717-c696b94d {
    justify-self: start;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41727-c696b94d {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41738-c696b94d {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41749-c696b94d {
    grid-row: 4 / 5;
    grid-column-end: 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41716-974fdf3d {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41717-974fdf3d {
    justify-self: start;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41727-974fdf3d {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41738-974fdf3d {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41749-974fdf3d {
    grid-row: 4 / 5;
    grid-column-end: 3;
  }

  #w-node-_9d890fd9-d474-d425-79f0-371ceb68b48c-307c4393 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-f35c2dd1-ee5b-d46b-338c-ac1d2c9cc645-307c4393 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-_9d890fd9-d474-d425-79f0-371ceb68b48c-da3241e8 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-bc42d4c7-2a5e-7f67-2ebb-1df2454e72f5-da3241e8 {
    justify-self: center;
  }

  #w-node-d83b8916-af8b-b03b-5a9f-6d5064dd481b-da3241e8 {
    grid-column-end: 2;
  }

  #w-node-d83b8916-af8b-b03b-5a9f-6d5064dd4824-da3241e8 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d83b8916-af8b-b03b-5a9f-6d5064dd482d-da3241e8 {
    grid-row: 3 / 4;
    grid-column-end: 2;
  }

  #w-node-_271c0c0c-2159-ba47-3354-a752d9b634c3-da3241e8 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-d62b8f65-31ca-6ac7-686b-a1cc7e4ff58d-da3241e8 {
    grid-row: 5 / 6;
    grid-column-end: 2;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41716-af062fe5 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41717-af062fe5 {
    justify-self: start;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41727-af062fe5 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41738-af062fe5 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-e30c44c8-d290-13c7-76d6-7e2ce6c41749-af062fe5 {
    grid-row: 4 / 5;
    grid-column-end: 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a97-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9a-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9b-fc808a4f {
    place-self: center;
  }

  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9c-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9d-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9e-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26a9f-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa0-fc808a4f, #w-node-_2747c8b8-7fb3-4fd5-8983-774b5f5baa89-fc808a4f {
    align-self: center;
  }

  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa2-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa5-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa6-fc808a4f {
    place-self: center;
  }

  #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa7-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa8-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aa9-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aaa-fc808a4f, #w-node-c0ddf2a5-1d42-f5a6-90c2-66186ae26aab-fc808a4f, #w-node-_1233a6de-12f8-4276-be85-b8db1b12a6db-fc808a4f {
    align-self: center;
  }

  #w-node-_23aba918-e470-0955-8e46-59625a278db8-f042b8e5, #w-node-_8fe36490-ba40-a56f-83fd-1a60148b84d5-f042b8e5, #w-node-e8dfdb09-4df9-7ca9-76e7-a5f2128da4c5-f042b8e5 {
    place-self: center;
  }

  #w-node-a7728f6f-d34a-dd94-7069-83673ad04190-f042b8e5, #w-node-b0d0c34b-32d8-59ae-f91a-a0968bd1ebd4-f042b8e5, #w-node-_72e6558b-5703-ccbe-74bd-4c423f0c14f1-f042b8e5, #w-node-aa06dbc6-7606-7c21-06eb-ff394e32d567-f042b8e5, #w-node-_85a9a091-400f-b5a6-3a24-2d760db8fe53-f042b8e5, #w-node-cbdf4a05-4c70-0e11-abcd-ce5ab750deaa-f042b8e5 {
    align-self: center;
  }

  #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2d8-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2db-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2dc-f042b8e5 {
    place-self: center;
  }

  #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2dd-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2de-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2df-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2e0-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2e1-f042b8e5, #w-node-_2de349f3-4d64-9acd-2ca4-a19b1d09d2e2-f042b8e5 {
    align-self: center;
  }

  #w-node-_45f877e0-636e-ccc5-d283-f04d2f48e83d-0a144c54 {
    grid-row-start: 1;
    grid-column-end: 3;
    justify-self: center;
  }

  #w-node-_45f877e0-636e-ccc5-d283-f04d2f48e848-0a144c54 {
    align-self: center;
  }

  #w-node-cf5e4ca1-9480-830e-b60e-6d46dea3dc58-f042b8fc, #w-node-_4251a876-0729-5d4a-eb72-e0d80c50ba6b-f042b8fc {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_076ad6bd-252d-be8f-852d-adcc0bb202d8-0bb202c0 {
    grid-column: span 2 / span 2;
  }

  #w-node-_076ad6bd-252d-be8f-852d-adcc0bb202e9-0bb202c0 {
    grid-column: 1 / 3;
  }

  #w-node-dbbedd0d-fa22-c5af-3006-f936d16aae14-91b94baa {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: stretch;
  }

  #w-node-d83b8916-af8b-b03b-5a9f-6d5064dd481b-da3241e8, #w-node-d83b8916-af8b-b03b-5a9f-6d5064dd4824-da3241e8, #w-node-d83b8916-af8b-b03b-5a9f-6d5064dd482d-da3241e8, #w-node-_271c0c0c-2159-ba47-3354-a752d9b634c3-da3241e8, #w-node-d62b8f65-31ca-6ac7-686b-a1cc7e4ff58d-da3241e8 {
    grid-column-end: 2;
  }
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.woff2') format('woff2'), url('../fonts/Inter-ExtraBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-ExtraBold.woff2') format('woff2'), url('../fonts/InterDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Interdisplay';
  src: url('../fonts/InterDisplay-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Black.ttf') format('truetype'), url('../fonts/Gilroy-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-ExtraboldItalic.ttf') format('truetype'), url('../fonts/Gilroy-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-HeavyItalic.ttf') format('truetype'), url('../fonts/Gilroy-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Bold.ttf') format('truetype'), url('../fonts/Gilroy-Extrabold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Extra';
  src: url('../fonts/inter-extra-bold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit Variablefont Wght';
  src: url('../fonts/Outfit-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
}