@font-face {
  font-family: Clashgrotesk Complete;
  src: url('../fonts/ClashGrotesk_Complete.zip') format("undefined");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Mona Sans;
  src: url('../fonts/Mona-Sans-SemiBoldNarrow.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mona Sans;
  src: url('../fonts/Mona-Sans-BlackNarrow.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plusjakartasans;
  src: url('../fonts/PlusJakartaSans-SemiBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --secondary: #0b63a9;
  --text-color: #2b2b2b;
  --primary: #090c9b;
  --bg-grey: #d4d4d4;
  --transparent: transparent;
  --black: black;
  --untitled-ui--gray100: #f2f4f7;
  --white-color: #fff;
  --blue-grey: #9daabf;
  --dark: #1d1d1f;
  --dim-grey: #c5c5c5;
  --magenta: #da0178;
  --notification-bg: #001b38;
  --background-box-color: #292b2c;
  --untitled-ui--grey200: #f5f5f5;
  --highlight: #354fff;
  --untitled-ui--primary600: #7f56d9;
  --environment-green: #03c03c;
  --untitled-ui--white: white;
  --link-bg-grey: #ddd;
  --primary-2: #2193b0;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray700: #344054;
  --untitled-ui--gray50: #f9fafb;
  --untitled-ui--gray600: #475467;
  --untitled-ui--gray900: #101828;
  --untitled-ui--success700: #027a48;
  --footer: var(--dark);
  --untitled-ui--gray500: #667085;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--primary50: #f9f5ff;
  --link-hover: #00aeef;
  --untitled-ui--primary800: #53389e;
  --untitled-ui--success50: #ecfdf3;
}

.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-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

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

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

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

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

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

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

.w-commerce-commercecartquantity {
  -webkit-appearance: none;
  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-commercecartquantity::placeholder {
  color: #999;
}

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

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

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

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  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;
  -webkit-appearance: none;
  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-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

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

.w-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-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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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-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;
  -webkit-appearance: none;
  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 {
  -webkit-appearance: none;
  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;
  -webkit-appearance: none;
  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;
  -webkit-appearance: none;
  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;
}

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

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

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

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

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

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

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

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

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

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

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

@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-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .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: #000;
  font-family: Mona Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Mona Sans, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 1.2;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Mona Sans, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.2;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Manrope, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Mona Sans, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Mona Sans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Mona Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

p {
  color: silver;
  letter-spacing: .7px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

a {
  color: var(--secondary);
  font-size: 16px;
  text-decoration: none;
  transition: color .35s;
}

a:hover {
  color: var(--text-color);
}

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

label {
  margin-bottom: 5px;
  font-weight: 400;
  display: block;
}

strong {
  font-weight: 600;
}

sup {
  font-size: 60%;
}

blockquote {
  color: var(--primary);
  border-left: 0 #e2e2e2;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 50px 10px;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4;
}

.section {
  z-index: 2;
  object-fit: fill;
  background-color: #0e0e0e00;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  position: static;
  top: auto;
  overflow: visible;
}

.section.dark-section {
  color: #fff;
  background-color: #181818;
}

.section.overflow-hidden {
  max-width: none;
  overflow: hidden;
}

.section.overflow-hidden.work-section {
  border: 0px none var(--bg-grey);
  background-color: var(--transparent);
  outline-offset: 0px;
  text-align: center;
  outline: 3px #000;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.section.overflow-hidden.work-section.a {
  margin-bottom: 5.3em;
}

.section.overflow-hidden.work-section.main-h-sec {
  background-color: var(--black);
  background-image: linear-gradient(#00000073, #00000073), url('../images/BG-Feature-Image-1_1BG Feature Image 1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  height: auto;
  margin-top: 10em;
  margin-bottom: 0;
  display: flex;
}

.section.overflow-hidden.work-section.main-h-sec.fade-in-blur-on-scroll {
  background-image: linear-gradient(#000000bf, #000000bf), url('../images/BG-Feature-Image-1_1BG Feature Image 1.webp');
  background-position: 0 0, 0%;
  background-size: auto, cover;
  height: 90vh;
  margin-top: 10em;
  margin-bottom: 3em;
  display: flex;
}

.section.overflow-hidden.work-section.bg-dark {
  background-image: linear-gradient(#03010f, #141414 51%, #000);
  margin-bottom: 0;
  padding-bottom: 6em;
}

.section.overflow-hidden.work-section-copy {
  border: 0px none var(--bg-grey);
  background-color: var(--transparent);
  outline-offset: 0px;
  text-align: left;
  outline: 3px #000;
  margin-top: 4em;
  margin-bottom: 4.6em;
}

.section.overflow-hidden.work-section-copy.a {
  margin-bottom: 5.3em;
}

.section.overflow-hidden.work-section-copy.last {
  margin-bottom: 0;
}

.section.overflow-hidden.width-full {
  max-width: none;
}

.section.pricing-3 {
  overflow: hidden;
}

.section.body-white {
  height: auto;
  padding-left: 2em;
  padding-right: 2em;
  position: relative;
  overflow: hidden;
}

.section.black-section {
  max-width: none;
}

.section.dark-gray-section {
  margin-left: auto;
  margin-right: auto;
}

.section.gray-body {
  background-color: var(--untitled-ui--gray100);
  max-width: none;
}

.section.process-section {
  background-color: var(--white-color);
}

.section.marquee {
  background-color: #0c0c0c;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  left: auto;
}

.section.width-full {
  max-width: none;
}

.section.hero-sec {
  background-color: #000;
}

.container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding: 12.4em 6em 10em;
  font-family: Inter, sans-serif;
  display: block;
  position: relative;
  top: 50px;
  bottom: 50px;
  overflow: visible;
}

.container.nav-container {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.container.hero-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container.big-container {
  max-width: 1450px;
  padding: 4em 0;
}

.container.no-padding-top {
  padding-top: 0;
  padding-left: 2em;
  padding-right: 2em;
}

.container.cta {
  padding-bottom: 8em;
}

.container.no-top-padding {
  text-align: left;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  font-family: Inter, sans-serif;
  display: block;
}

.container.medium {
  max-width: 1244px;
  padding-top: 4em;
}

.container.no-bottom-padding {
  padding-bottom: 0;
}

.container.xl {
  padding-bottom: 10em;
}

.container.border-top {
  border-top: 1px solid var(--blue-grey);
  height: 100vh;
  margin-top: 8em;
  padding-left: 2em;
  padding-right: 2em;
  position: relative;
}

.container.border-top.container-sticky {
  background-color: var(--black);
  font-family: Inter, sans-serif;
  position: relative;
}

.container.border-top.fade-in-blur-on-scroll {
  border: 0 #000;
  border-bottom-width: 1px;
  height: auto;
  margin-top: 0;
  padding-top: 3em;
  padding-left: 6em;
  padding-right: 6em;
  font-family: Inter, sans-serif;
  left: auto;
  right: auto;
}

.container.footer-container {
  padding-top: 4em;
  padding-bottom: 8em;
}

.container.height-full {
  height: auto;
  padding-top: 4em;
}

.container.connect-grid-container {
  padding-top: 4em;
}

.container.fade-in-blur-on-scroll {
  padding-top: 4em;
  font-family: Inter, sans-serif;
}

.container.fade-in-blur-on-scroll.cardgrid {
  padding-top: 0;
}

.container.fade-in-blur-on-scroll.pt-6 {
  padding-top: 6em;
}

.container.hero-sec {
  z-index: 3;
  height: 100%;
  padding-bottom: 1em;
}

.container.grid-sections {
  padding-top: 6em;
  padding-bottom: 6em;
  top: auto;
  bottom: auto;
}

.container.grid-sections.border-b {
  border: 0 solid #000;
  border-bottom: 1px solid #b6b6b6;
}

.container.grid-sections.border-t {
  border-top: 1px solid #b6b6b6;
}

.container.grid-sections.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.container.center-flex.py-3 {
  padding-top: 10em;
  padding-bottom: 10em;
  top: 0;
  bottom: 0;
}

.container.center-flex.py-3.case-carousel {
  justify-content: center;
  align-items: flex-start;
}

.container.center-flex.py-3.case-carousel.industries-carousel.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.container.center-flex.py-3.case-carousel.py-7 {
  padding-top: 5em;
  padding-bottom: 5em;
  top: auto;
  bottom: auto;
}

.container.center-flex.py-3.border-t {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-top: 1px solid #b6b6b6;
}

.container.center-flex.py-3.border-t.mx-w--500px {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  max-width: 805px;
}

.container.center-flex.py-3.border-t.text-left {
  justify-content: center;
  align-items: flex-start;
}

.container.center-flex.py-3.border-t.py-7 {
  padding-top: 5em;
  padding-bottom: 5em;
  top: auto;
  bottom: auto;
}

.container.center-flex.py-7 {
  padding-top: 7em;
  padding-bottom: 7em;
  top: auto;
  bottom: auto;
}

.container.mb-0 {
  padding-bottom: 0;
}

.container.mb-0.mt-8.mb-5 {
  padding-bottom: 5em;
}

.container.mb-0.mt-8.border-t {
  border-top: 1px solid #b6b6b6;
}

.container.mb-0.mt-8.y-0 {
  margin-top: 0;
}

.container.mb-0.mt-8.y-0.py-7 {
  line-height: 1.5;
}

.container.mb-0.y-0 {
  padding-top: 0;
  top: 0;
  bottom: 0;
}

.container.border-b {
  border-bottom: 1px solid #b6b6b6;
  position: relative;
}

.container.border-b.border-t {
  border-top: 1px solid #b6b6b6;
}

.container.section-heading {
  padding-top: 0;
  padding-bottom: 0;
}

.container.project-wrapper {
  padding-top: 8em;
  padding-bottom: 8em;
  top: 0;
  bottom: 0;
}

.container.heading-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 10em;
  display: flex;
  top: 0;
  bottom: 0;
}

.container.heading-wrapper.bg-dark.text-white {
  background-color: #000;
  height: 100%;
  top: 0;
}

.container.my-case {
  padding-top: 3em;
  padding-bottom: 8em;
  top: 0;
  bottom: 0;
}

.container.my-case.mt-8 {
  padding-top: 8em;
}

.container.legal-hero {
  padding-bottom: 5em;
}

.container.md-flex {
  display: flex;
}

.container.border-t {
  border-top: 1px solid #b6b6b6;
}

.container.y-0 {
  padding-top: 0;
  padding-bottom: 0;
  top: 0;
  bottom: 0;
}

.container.y-0.py-7 {
  padding-top: 5em;
  padding-bottom: 5em;
}

.container.y-0.py-2 {
  padding-top: 2em;
  padding-bottom: 2em;
}

.container.why-case-container {
  display: flex;
}

.navbar {
  z-index: 99;
  background-color: #0e0e0e;
  border-bottom-width: 1px;
  border-bottom-color: #dedede;
  height: 70px;
  position: sticky;
  top: 0;
}

.navbar.white {
  background-color: #fff;
  margin-top: -70px;
  position: sticky;
  top: 0;
}

.hero-section {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  transform: translate(0);
}

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

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

.no-margins {
  margin-top: 0;
  margin-bottom: 0;
}

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

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

.utility-page-wrap {
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  max-width: 100%;
  padding-top: 70px;
  display: flex;
  position: relative;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.footer-link {
  z-index: 1;
  color: var(--text-color);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: color .4s;
  position: relative;
  overflow: hidden;
}

.footer-link:hover {
  color: #000;
}

.link-block-underline {
  background-image: linear-gradient(to right, #dcacff, #ad68f3 35%, #2b2883 70%, #0c0c0c);
  width: 100%;
  height: 1px;
  margin-top: 2px;
}

.footer {
  z-index: auto;
  background-color: var(--dark);
  border-radius: 2px;
  align-items: flex-start;
  margin-bottom: 0;
  padding-top: 2em;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  position: relative;
  overflow: hidden;
}

.footer:hover {
  color: #c5e3e3;
}

.footer-content {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 2.25fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 3em;
  display: grid;
}

.footer-logo-link {
  opacity: 1;
  flex: 0 auto;
  transition-property: opacity;
  display: inline-block;
}

.footer-logo-link:hover {
  opacity: .8;
}

.footer-image {
  width: 100%;
  max-width: 120px;
}

.footer-heading {
  color: var(--dim-grey);
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: 14px;
  font-weight: 500;
}

.footer-heading.subscription {
  text-transform: none;
  margin-bottom: 0;
}

.copyright-section {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-top-color: var(--transparent);
  border-bottom-width: 1px;
  border-bottom-color: #212121;
  justify-content: space-between;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-link-holder {
  padding-left: 0;
}

.nav-link-holder.nav-menu-button {
  padding-right: 13px;
}

.body-white {
  background-color: #fff;
  font-family: Inter, sans-serif;
  overflow: visible;
}

.content {
  font-family: Inter, sans-serif;
}

.content.relative {
  position: relative;
}

.grey-text {
  color: #6b6b6b;
}

.grey-text.medium-heading {
  color: var(--text-color);
  text-align: center;
  font-family: Inter, sans-serif;
}

.field-label {
  color: var(--text-color);
  font-size: 18px;
  font-weight: 400;
}

.field-label.white {
  color: var(--white-color);
}

.success-message {
  border: 1px solid var(--primary);
  color: var(--primary);
  background-color: #fff;
  border-radius: 8px;
  padding: 1em;
}

.error-message {
  background-color: var(--blue-grey);
  text-align: center;
  border-style: none;
  border-width: 0;
  border-radius: 8px;
  margin: 10px 1em 1em;
  padding: 10px;
}

.instructions-image {
  border-radius: 0;
  width: 100%;
  margin-top: 1em;
}

.change-log-container {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  background-color: var(--magenta);
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2em;
  font-size: 16px;
  display: flex;
}

.copyright-text {
  color: #7e8181;
  flex: 1;
  justify-content: flex-start;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
}

.copyright-link {
  color: #000;
  margin-right: 5px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 500;
}

.copyright-link:hover {
  color: var(--secondary);
}

.style-guide-tab-holder {
  color: #000;
  border-radius: 5px;
  width: 100%;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 400;
  transition-property: background-color;
  transition-duration: .675s;
}

.style-guide-tab-holder:hover {
  background-color: var(--transparent);
  color: #000;
}

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

.style-guide-left-panel-holder {
  background-color: var(--magenta);
  align-items: flex-start;
  width: 405px;
  display: flex;
}

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

.hero-text {
  margin-top: 0;
  font-family: Mona Sans, sans-serif;
  font-size: 92px;
  font-weight: 700;
}

.paragraph-m {
  color: #000;
  font-size: 24px;
  line-height: 1.2;
}

.style-guide-gray-background {
  background-color: var(--magenta);
  border-radius: 12px;
}

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

.subscribe-button {
  color: #fff;
  background-color: #000;
  border: 0 solid #000;
  border-radius: 0 8px 8px 0;
  width: 100px;
  height: 100%;
  padding: 5px;
  font-weight: 500;
  transition: background-color .35s;
  position: absolute;
  inset: auto 0% 0% auto;
}

.subscribe-button:hover {
  background-color: var(--primary);
}

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

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

.link-block-23:hover {
  color: #000;
}

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

.grid-holder {
  grid-row-gap: 30px;
  background-color: var(--magenta);
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  padding: 2em;
  display: flex;
}

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

.subscribe-form-holder {
  width: 100%;
  max-width: 340px;
  margin-bottom: 0;
}

.style-guide-small-title {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

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

.colors-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  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;
}

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

.aa-font {
  color: #000;
  font-size: 130px;
}

.style-guide-empty-container {
  padding: 2em 2em 2em 1em;
}

.font-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--magenta);
  border-radius: 12px;
  justify-content: space-between;
  margin-top: 2em;
  padding: 2em;
  display: flex;
}

.button {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--notification-bg);
  color: var(--bg-grey);
  text-transform: none;
  border-radius: 7px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-weight: 500;
  transition: background-color .3s, transform .5s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.button:hover {
  background-color: var(--primary);
  color: #fff;
}

.button.gradient-white-button {
  color: #000;
  letter-spacing: 0;
  background-color: #fff;
  background-image: linear-gradient(to top, #b734b326, #fff);
  border-radius: 6px;
  padding: 14px 30px;
  transition: letter-spacing .35s, background-color .3s;
  box-shadow: inset 0 0 0 1px #0000001a;
}

.button.gradient-white-button:hover {
  background-color: var(--transparent);
  letter-spacing: 1px;
}

.button.transparent-on-dark-with-border {
  background-color: #0000000d;
  border: 1px solid #000;
  transition: color .35s, border-color .35s, background-color .3s;
}

.button.transparent-on-dark-with-border:hover {
  border-color: var(--secondary);
  color: var(--secondary);
  background-color: #ffffff1a;
}

.button.black {
  letter-spacing: 0;
  border-radius: 6px;
  padding: 14px 30px;
  transition: letter-spacing .35s, background-color .3s;
}

.button.black:hover {
  background-color: var(--secondary);
  letter-spacing: 1px;
}

.button.checkout {
  color: #000;
  background-color: #fff;
  transition: color .35s, background-color .3s;
}

.button.checkout:hover {
  background-color: var(--secondary);
  color: #fff;
}

.button._401 {
  color: #000;
  background-color: #fff;
  transition: color .35s, background-color .3s;
}

.button._401:hover {
  background-color: var(--secondary);
}

.button.white {
  color: #000;
  background-color: #fff;
  border-radius: 7px;
  padding-top: 14px;
  padding-bottom: 14px;
  transition: color .35s, background-color .3s;
}

.button.white:hover {
  background-color: var(--secondary);
  color: #fff;
}

.borders {
  border: 1px solid var(--dim-grey);
  opacity: 1;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.borders.center {
  height: 100px;
}

.button-holder {
  grid-row-gap: 30px;
  background-color: var(--transparent);
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2em;
  display: flex;
}

.subscribe-form {
  z-index: 1;
  width: 100%;
  position: relative;
}

.style-guide-main-panel {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
}

.headings-holder {
  background-color: var(--magenta);
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  padding: 2em;
  display: flex;
}

.headings-holder.black {
  background-color: var(--text-color);
}

.subscribe-email {
  color: #000;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 8px;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  padding: 10px 109px 10px 12px;
  font-weight: 500;
  line-height: 1;
  transition: background-color .35s, border-color .35s;
}

.subscribe-email:hover {
  background-color: #00000005;
}

.subscribe-email:focus {
  border-color: var(--primary);
  background-color: #fff;
}

.subscribe-email::placeholder {
  color: #0000004d;
}

.sg---color-primary {
  background-color: var(--primary);
  width: 235px;
  height: 150px;
}

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

.sg---color-primary.black {
  background-color: var(--text-color);
}

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

.style-guide-panel-title {
  color: #000;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}

.font-light {
  font-size: 24px;
  font-weight: 300;
}

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

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

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

.nav-link {
  z-index: 1;
  color: var(--transparent);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: relative;
}

.nav-link:hover, .nav-link.w--current {
  color: #000;
}

.link-background {
  z-index: -1;
  background-color: var(--background-box-color);
  border-radius: 100px;
  position: absolute;
  inset: 0%;
}

.link-background.purple {
  background-color: var(--primary);
}

.link-background.profile {
  background-color: var(--notification-bg);
}

.hero-section-secondary {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 300px;
  padding-top: 70px;
  display: flex;
  position: relative;
}

.hero-text-secondary {
  color: #000;
  text-align: center;
  margin-top: 10px;
  font-family: Inter, sans-serif;
  font-size: 6vw;
}

.richtext-centered {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-brand-content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 20px;
  display: flex;
}

.footer-description {
  max-width: 380px;
  font-size: 32px;
}

.social-media-icons {
  grid-column-gap: 5px;
  grid-row-gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.social-media-icons.profile-icons {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-family: Inter, sans-serif;
}

.social-media-link {
  z-index: 1;
  border-radius: 6px;
  padding: 9px;
  position: relative;
}

.social-media-link.profile {
  padding: 5px 2px;
}

.social-media-icon {
  width: 22px;
  height: 22px;
}

.hero-description {
  color: #1a1d1eb3;
  max-width: 450px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
}

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

.input-field {
  color: #000;
  -webkit-text-fill-color: inherit;
  background-color: #0000000a;
  background-clip: border-box;
  border: 1px solid #00000005;
  border-radius: 8px;
  height: 40px;
  margin-bottom: 0;
  padding: 10px;
  line-height: 1;
  transition: border-color .35s, background-color .35s;
}

.input-field:hover {
  background-color: #00000005;
}

.input-field:focus {
  border-color: var(--primary);
  background-color: #ffffff0a;
}

.input-field::placeholder {
  color: #0006;
}

.input-field.white {
  background-color: #fff;
}

.link {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: relative;
}

.link:hover, .link.w--current {
  color: #000;
}

.link.link-grey {
  color: var(--blue-grey);
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  line-height: 1.4;
}

.link.link-grey:hover {
  color: var(--white-color);
}

.link-with-line {
  z-index: 1;
  color: var(--text-color);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: color .4s;
  position: relative;
  overflow: hidden;
}

.link-with-line:hover {
  color: #000;
}

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

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

.external-icon {
  width: 16px;
}

.license-box {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  background-color: var(--white-color);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2em;
  padding: 2em;
  display: flex;
}

.license-box-top {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.grid-grey-content {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 80px;
  padding: 1em;
  display: flex;
}

.client-logo {
  object-fit: contain;
  width: 100%;
  max-width: 150px;
  height: 100%;
  max-height: 40px;
}

.feather-icons-image {
  width: 100%;
}

.instruction-item {
  background-color: var(--white-color);
  border-radius: 12px;
  padding: 2em;
}

.instructions-list {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.trusted-by-container {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: 1px solid #1d1e1f;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  padding-bottom: 3em;
  display: flex;
  overflow: visible;
}

.trusted-by-container.home-2 {
  margin-top: 3em;
}

.trusted-by-container.home-3 {
  z-index: 2;
  position: absolute;
  inset: auto 0% 0%;
}

.trusted-by-grid-content {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 1em;
  display: flex;
}

.trusted-by-grid-content._6 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.trusted-by-text {
  color: silver;
  text-align: center;
  white-space: nowrap;
  width: 10%;
  margin-right: 5vw;
  font-family: Inter, sans-serif;
  font-size: 24px;
  position: static;
}

.section-background {
  z-index: -1;
  background-color: #fafafa;
  position: absolute;
  inset: 0%;
}

.footer-grid-content {
  display: block;
}

.protected-input-holder {
  margin-bottom: 10px;
}

.blog-item-link3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.blog-item-image-holder {
  border-radius: 16px;
  width: 100%;
  height: auto;
  padding-top: 70%;
  position: relative;
  overflow: hidden;
}

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

.blog-wrapper {
  margin-top: 2em;
}

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

.blog-item-content {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2em .5em;
  display: flex;
}

.blog-item-title {
  color: var(--white-color);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
}

.blog-item-summary {
  margin-bottom: 0;
}

.blog-category-links-holder {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 30px 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: start;
  margin-bottom: 2em;
  display: grid;
}

.post-image {
  object-fit: cover;
  border-radius: 32px;
  width: 100%;
  height: 433px;
}

.blog-item-category {
  color: #2b2b2bb3;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.shop-wrapper {
  margin-top: 40px;
}

.shop-list {
  grid-column-gap: 3em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.shop-item {
  position: relative;
}

.product-add-to-cart-holder {
  z-index: 2;
  display: none;
  position: absolute;
  inset: 1em 1em auto auto;
}

.product-item {
  height: 100%;
  display: flex;
  position: relative;
}

.hide {
  display: none;
}

.add-to-cart-button {
  border: 1px solid var(--text-color);
  color: #fff0;
  background-color: #fff;
  background-image: url('../images/Cart-Icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 8px;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  transition: transform .45s, border-color .475s, background-color .475s;
  position: relative;
  top: 5px;
}

.add-to-cart-button:hover {
  border-color: var(--primary);
}

.add-to-cart-button:active {
  transform: scale(.9);
}

.out-of-stock-state {
  background-color: var(--magenta);
  color: var(--text-color);
  padding: 5px;
}

.error-state {
  background-color: var(--blue-grey);
}

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

.cart {
  z-index: 3;
  outline-offset: 0px;
  outline: 0 #000;
  height: 100%;
}

.cart-button {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  outline-offset: 0px;
  background-color: #3898ec00;
  border: 1px solid #fff;
  border-radius: 6px;
  outline: 0 #2b2b2b;
  justify-content: center;
  height: 100%;
  padding: 14px 20px;
  transition: border-color .35s;
  overflow: hidden;
}

.cart-button:hover {
  border-color: var(--secondary);
  color: #fff;
}

.cart-button.white-nav {
  border-color: #000;
}

.cart-button.white-nav:hover {
  border-color: var(--secondary);
}

.cart-form-wrapper {
  min-height: 300px;
}

.cart-item-option-list {
  font-size: 14px;
}

.cart-item-option-text {
  font-size: 14px;
  font-weight: 400;
}

.x-icon {
  width: 12px;
  height: auto;
}

.web-payments {
  margin-bottom: 1em;
}

.heading-title-holding {
  padding-bottom: 2em;
}

.product-details-grid {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.product-other-images {
  margin-top: 1em;
}

.product-other-images-list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.product-other-image-holder {
  border-radius: 5px;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.product-other-image-lightbox {
  background-color: var(--magenta);
  border-radius: 6px;
  width: 100%;
  padding: .7em;
  transition-property: background-color;
}

.product-other-image-lightbox:hover {
  background-color: var(--transparent);
}

.product-image-lightbox {
  transition-property: opacity;
}

.product-image-lightbox:hover {
  opacity: .8;
}

.product-add-to-cart-default {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.product-quantity {
  color: #fff;
  text-align: right;
  background-color: #000;
  border-style: none;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-right: 38px;
  position: relative;
}

.product-add-to-cart-quantity {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.checkout-form {
  background-color: #0000;
  padding: 0;
}

.checkout-container {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
}

.checkout-details {
  flex-basis: 100%;
}

.checkout-summary {
  top: 100px;
}

.checkout-box {
  background-color: #101010;
  border: 1px solid #ad68f3cc;
  border-radius: 8px;
  margin-top: 0;
  margin-bottom: 2em;
}

.checkout-box.no-margins {
  border-color: #ad68f3cc;
  margin-bottom: 0;
}

.checkout-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.required-label {
  color: red;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
}

.block-header {
  border-style: none none solid;
  border-width: 0 0 1px;
  border-bottom-color: var(--secondary);
  background-color: #0000;
  align-items: center;
  padding: 2em;
}

.block-content {
  background-color: #0000;
  border: 0 solid #000;
  border-top-style: none;
  padding: 1em;
}

.order-item-list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
}

.order-item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: 1px solid var(--secondary);
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  padding-bottom: 1em;
}

.order-item:last-child {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.order-item-image {
  object-fit: cover;
  width: 100px;
  height: 100px;
}

.order-item-title {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 500;
}

.order-item-quantity-holder {
  opacity: .7;
  color: var(--text-color);
}

.order-item-price {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.checkout-field-label {
  color: #fff;
}

.checkout-input-field {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-color: #161b22;
  background-clip: border-box;
  border: 1px solid #00000005;
  border-radius: 8px;
  height: 40px;
  margin-bottom: 1em;
  padding: 10px;
  line-height: 1;
  transition: border-color .35s, background-color .35s;
}

.checkout-input-field:hover {
  background-color: #00000005;
}

.checkout-input-field:focus, .checkout-input-field.-wfp-focus {
  border-color: var(--primary);
  background-color: #ffffff0a;
}

.checkout-input-field::placeholder {
  color: #0006;
}

.checkout-input-field.no-margins {
  background-color: #161b22;
  margin-bottom: 0;
}

.shipping-method-list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border: 1px #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.shipping-method {
  border-bottom-style: none;
  border-bottom-color: var(--transparent);
  background-color: #101010;
  padding: 0 0 1em 0;
}

.shipping-method:last-child {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.order-summary-label {
  color: var(--white-color);
}

.order-summary-value {
  color: var(--white-color);
  font-size: 16px;
}

.order-line-item, .extra-item {
  align-items: center;
  margin-bottom: 10px;
}

.order-item-content {
  margin-left: 0;
  margin-right: 0;
}

.order-item-full-content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.shipping-method-title {
  color: #fff;
  font-weight: 500;
}

.shipping-method-description {
  color: #fff;
  font-size: 12px;
}

.shipping-method-price {
  color: #fff;
  font-weight: 500;
}

.order-info-column {
  padding-left: 0;
  padding-right: 0;
}

.order-info-row {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  margin-left: 0;
  margin-right: 0;
}

.shipping-address {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.product-image {
  border-radius: 8px;
  width: 100%;
}

.no-shipping {
  color: var(--dim-grey);
  text-align: left;
  background-color: #0000;
  border: 1px #000;
  padding: 1em 0;
  font-weight: 400;
}

.product-title {
  color: #fff;
  margin-top: 0;
  font-size: 42px;
}

.licensing-instruction-heading {
  margin-top: 0;
  font-size: 30px;
}

.product-category-wrapper {
  display: block;
}

.product-category-list {
  padding-bottom: 2em;
}

.nav-dropdown {
  height: 100%;
  position: static;
}

.nav-dropdown-list {
  background-color: #0000;
  padding-left: 2em;
  padding-right: 2em;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
}

.nav-dropdown-list-content {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  color: #fff;
  background-color: #000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-top: 1em;
  padding-left: 3em;
  padding-right: 3em;
  display: flex;
  overflow: scroll;
}

.nav-dropdown-grid {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 120px;
  width: 100%;
}

.nav-dropdown-footer {
  background-image: linear-gradient(#0000, #000 79%);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 6em;
  padding-bottom: 3em;
  display: flex;
  position: relative;
}

.nav-dropdown-column {
  position: relative;
}

.nav-dropdown-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-list {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -15px;
  padding-left: 0;
  display: flex;
}

.whilte-link {
  color: #fff;
}

.whilte-link:hover {
  color: var(--secondary);
}

.nav-dropdown-line-abs {
  background-color: #fff3;
  width: 1px;
  display: block;
  position: absolute;
  inset: -20% 0% -40% auto;
}

.nav-dropdown-link-arrow {
  z-index: -3;
  background-color: #000;
  border-radius: 5px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 5px;
  transform: rotate(45deg);
}

.nav-dropdown-link-arrow-holder {
  z-index: -3;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 30px;
  display: none;
  position: absolute;
  inset: auto 0 -27px;
  overflow: hidden;
}

.nav-dropdown-link-arrow-animated {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  height: 16px;
  display: flex;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.explore-more-grid {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  color: #fff;
  grid-template-rows: auto;
  max-width: 1050px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.template-cta-content {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.template-cta-content.flex-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.template-cta-image {
  margin-top: 2em;
}

.small-black-text {
  color: #000;
  padding-top: 10px;
  font-size: 16px;
}

.small-content {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5em;
}

.small-content.no-padding {
  padding-bottom: 0;
}

.small-content.no-padding.text-grey {
  color: #131313;
}

.black-70pct {
  color: #0f0f11b3;
}

.large-white-text {
  color: var(--white-color);
  text-align: center;
  margin-bottom: 10px;
  font-size: 5rem;
  font-weight: 500;
}

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

.text-center {
  color: var(--untitled-ui--grey200);
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 22px;
  display: flex;
}

.text-center.padding-section-large.career-sub-text {
  padding-top: 1rem;
}

.main-logo {
  width: 100%;
  max-width: 50px;
  height: 100%;
  max-height: 50px;
  padding-top: 10px;
  position: relative;
  inset: 17% auto auto 7%;
}

.main-logo.bg-black {
  background-color: #000;
  border-radius: 100%;
  width: 30px;
  max-width: 100%;
  height: 30px;
  max-height: 100%;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  top: auto;
  left: auto;
}

.main-logo.bg-black.bg-grey {
  background-color: #e2e1e1;
}

.main-logo.bg-black.bg-grey.cookie-close {
  cursor: pointer;
  width: 20px;
  height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.main-logo.size-30px {
  width: 23px;
  height: 25px;
  margin-top: -6px;
  padding-top: 0;
}

.main-logo.size-30px.cookie-btn-logo-2 {
  filter: invert();
  width: 18px;
  height: 25px;
}

.orange-box {
  background-color: #ff5e20;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-box-tittle {
  padding-left: 2em;
  padding-right: 2em;
}

.buy-now-link {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 15px 30px 15px 60px;
  transition: background-color .35s;
  display: flex;
  position: relative;
}

.buy-now-link:hover {
  background-color: #ffffffd4;
}

.buy-now-link.flex-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
}

.buy-now-link.flex-left.mt-8 {
  margin-top: 8px;
}

.buy-now-link.flex-left.mt-8.cookie-btn {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid #00000024;
  border-radius: 4px;
  width: 100%;
}

.buy-now-link.flex-left.mt-8.cookie-btn.cookie-btn-2 {
  background-color: #ebebeb8c;
}

.buy-now-link.flex-left.mt-8.cookie-btn.cookie-accept {
  border-width: 2px;
  border-color: #00000026;
}

.buy-now-link.flex-left.mt-0 {
  margin-top: 0;
}

.blue-box {
  background-color: #3351f5;
  border-radius: 30px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blue-box.p-2 {
  padding-bottom: 50px;
  padding-left: 20px;
}

.feature-text {
  color: var(--white-color);
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 39px;
  font-weight: 500;
  display: flex;
}

.template-includes-card {
  border: 1px solid var(--highlight);
  background-color: #181818;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
  display: flex;
  overflow: hidden;
}

.template-includes-card.purple-border {
  border-color: var(--untitled-ui--primary600);
}

.template-includes-card.purple-border.fade-in-blur-on-scroll {
  padding-right: 2em;
}

.template-includes-card.sea-green-border {
  border-color: #00e1d1;
}

.template-includes-card.sea-green-border.fade-in-blur-on-scroll {
  padding-right: 2em;
}

.template-includes-card.magenta-border {
  border-color: var(--magenta);
}

.template-includes-card.magenta-border.fade-in-blur-on-scroll {
  padding-right: 2em;
}

.feature-box {
  background-color: #171717;
  border: 0 #505050;
  border-radius: 12px;
  justify-content: space-between;
  padding: 130px 10% 130px 70px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-box._1 {
  background-color: #15150e;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
}

.text-gray-paragraph-holder-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  z-index: 1;
  flex-flow: column;
  padding-right: 0;
  display: flex;
}

.text-gray-paragraph-holder-2.wrapper-text {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.text-gray-paragraph-holder-2.z-1 {
  z-index: 1;
}

.figma-file-image {
  object-fit: contain;
  width: 30%;
  height: 46%;
}

.small-empty-space-in-text {
  width: 0;
  display: inline-block;
}

.template-more-things-grid {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 3em;
}

.template-more-things-grid._2x-grid {
  grid-template-columns: 1fr 1fr;
}

.white-link {
  color: #fff;
  border-bottom: 1px solid #ffffff80;
  transition-property: border-color;
}

.white-link:hover {
  color: #fff;
  border-bottom-color: #fff;
}

.style-guide-image {
  width: 50%;
  height: 30%;
}

.text-gray-paragraph-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  padding-right: 100px;
  display: flex;
}

.text-gray-paragraph-holder.holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-right: 0;
}

.demo-cta-image {
  width: 50%;
  height: 50%;
  margin-top: 20px;
}

.notifications-image {
  width: 50%;
  max-width: none;
  height: 50%;
}

.template-growth-features {
  color: #f8f8f8;
  font-size: 29px;
  font-weight: 500;
}

.demo-business-email-image {
  width: 50%;
  height: 50%;
  margin-top: 40px;
}

.figma-component-library-holder {
  border: 1px solid var(--environment-green);
  background-color: #181818;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-top: 2em;
  padding-left: 3em;
  display: flex;
}

.demo-page-image-holder {
  border-radius: 20px;
  width: 100%;
  padding-top: 73%;
  transition: padding .35s;
  position: relative;
}

.main-page-title-badge {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  font-family: Inter, sans-serif;
  display: flex;
}

.demo-page-link {
  font-size: 24px;
  font-weight: 400;
  text-decoration: none;
}

.demo-page-link:hover {
  text-decoration: none;
}

.main-page-badge {
  border: 1px solid #0f0f11;
  border-radius: 20px;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

.demo-page-item-border {
  z-index: -1;
  background-color: #000;
  border-radius: 19px;
  position: absolute;
  inset: -1px;
}

.hero-page-image {
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 18px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.demo-pages-grid {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

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

.template-included-image.template-styles-and-buttons {
  object-fit: contain;
  padding-left: 20px;
  padding-right: 20px;
}

.template-overlay {
  background-image: linear-gradient(to top, #00000080, #0000);
  position: absolute;
  inset: 0%;
}

.template-overlay.grey-overlay-box {
  z-index: 2;
  background-image: linear-gradient(to top, #f5f5f7, #00000003 100%, #e8eaeb00);
  height: 50%;
  top: auto;
}

.inside-box-text {
  text-align: center;
  font-size: 26px;
}

.template-includes-box {
  background-color: #f5f5f7;
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.template-included-image-holder {
  width: 100%;
  height: 70%;
  position: relative;
}

.grid-what-is-included {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.grid-what-is-included-holder {
  width: 100%;
  margin-top: 50px;
}

.text-paragraph-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 180px;
  padding-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
}

.template-cards-wrapper {
  flex: none;
  justify-content: center;
  width: auto;
  display: flex;
}

.white-paragraph {
  color: #fff;
  margin-left: 26px;
  font-family: Outfit, sans-serif;
}

.template-footer-button-holder {
  max-width: 350px;
}

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

.demo-container {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.template-section {
  background-color: #111;
  border-radius: 42px;
  width: 100%;
  margin-bottom: 8em;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: 0 0 0 1px #ffffff1a;
}

.template-card-holder {
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 420px;
  min-height: 30vw;
  padding: 1%;
  display: flex;
  position: relative;
}

.template-card-image {
  object-fit: fill;
  width: auto;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.demo-blur-bg-effect {
  z-index: 0;
  opacity: 0;
  filter: blur(100px);
  background-color: #4652f6;
  width: 80%;
  height: 70%;
  position: absolute;
}

.integration-heading {
  font-size: 42px;
  font-weight: 500;
}

.template-footer-heading {
  color: #fff;
  width: 100%;
  max-width: 510px;
}

.demo-section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 3em;
  padding-bottom: 6em;
  display: flex;
  overflow: hidden;
}

.template-hover-state {
  justify-content: center;
  align-items: center;
  height: 50%;
  display: flex;
  position: absolute;
  inset: auto -1% -1%;
}

.template-footer-holder {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.template-card-image-holder {
  z-index: 1;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.hero-description-holder {
  margin-top: 3em;
}

.hero-description-holder.small-top-margin {
  margin-top: 1em;
}

.text-hidden {
  perspective: 291px;
  overflow: hidden;
}

.button-view-page {
  z-index: 1;
  color: #000;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  transition-property: box-shadow;
  display: flex;
  position: relative;
}

.button-view-page:hover {
  background-color: #fff;
  text-decoration: none;
  box-shadow: 0 4px 10px #0003;
}

.black-paragraph {
  color: #000;
}

.black-paragraph.work-description {
  color: var(--text-color);
  text-align: left;
  letter-spacing: normal;
  width: 100%;
  margin-bottom: 0;
  padding-left: 2em;
  padding-right: 2em;
}

.black-paragraph.work-description.t-description {
  padding-left: 0;
  padding-right: 0;
}

.black-paragraph.work-description.t-description.mt-2 {
  margin-top: 2em;
}

.black-paragraph.work-description.t-description.text-sm {
  font-size: 16px;
}

.black-paragraph.work-description.t-description.text-white {
  color: var(--bg-grey);
  font-size: 16px;
  line-height: 1.4;
}

.white-text-paragraph-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.with-standarts-quick-stack {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  width: 100%;
  margin-top: 3em;
  padding: 0;
}

.white-medium-text {
  color: var(--untitled-ui--white);
  font-size: 25px;
  font-weight: 500;
}

.quic-stack-box {
  background-color: #ffc444;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  padding-left: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.quic-stack-box.dark-gray {
  color: #fff;
  background-color: #1b1b1b;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.quic-stack-box.blue {
  pointer-events: none;
  color: #fff;
  background-color: #3452ff;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.figma-design-image {
  object-fit: contain;
  object-position: 50% 100%;
  border-radius: 4px;
  width: 100%;
  max-width: none;
  height: 330px;
  margin-top: 20px;
}

.black-text {
  color: #000;
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: 500;
}

.open-cource-image {
  object-fit: contain;
  object-position: 100% 100%;
  width: 50%;
  position: absolute;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.open-cource-image.top-image {
  width: 70%;
  top: 0;
}

.black-text-paragraph-holder {
  padding-left: 0;
  padding-right: 30px;
}

.link-inline {
  color: var(--blue-grey);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

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

.link-inline.w--current {
  color: #000;
}

.notification-subscribe-box {
  background-color: #fad370;
  background-image: url('../images/White-Arrow_1.svg'), linear-gradient(to right, var(--primary), var(--secondary));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 13px, auto;
  border-radius: 3px;
  width: 24px;
  height: 24px;
}

.hero-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--notification-bg);
  color: #fff;
  border-radius: 100px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 8px 8px 8px 16px;
  line-height: 1;
  transition-property: all;
  display: flex;
}

.hero-link:hover {
  color: #fff;
  background-color: #0f0f11;
}

.notification-banner {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: var(--notification-bg);
  color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 2em;
  font-size: 14px;
  display: flex;
}

.notification-banner.notification-side-content {
  justify-content: space-between;
}

.style-guide-box-holder {
  grid-row-gap: 30px;
  background-color: #0000000d;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2em;
  display: flex;
}

.sg-notifications-box {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.hero-link-arrow {
  background-image: url('../images/Arrow-Icon.svg'), linear-gradient(to bottom, var(--primary), var(--secondary));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 12px, auto;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  padding: 5px;
}

.notification-button-transparent {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.notification-button-transparent:hover {
  color: #ffffffe6;
}

.code-text {
  letter-spacing: .3px;
  margin-top: 1em;
  font-size: 15px;
  font-style: normal;
}

.code-tag-color {
  color: var(--notification-bg);
}

.code-style-starter {
  padding-left: 25px;
}

.code {
  color: #39ca3d;
}

.code-red {
  color: red;
}

.code-blue {
  color: #219;
}

.nav-rounded-center {
  z-index: 99;
  background-color: #0000;
  border: 0 #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 75px;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.navbar-footer-main-link-holder {
  padding-right: 10px;
  font-size: 24px;
  font-weight: 500;
  position: relative;
}

.navbar-footer-main-link-holder:hover {
  color: var(--primary);
}

.demo-page-text-center {
  text-align: left;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.blog-item-text-header {
  color: #606060;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.category-holder {
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.shop-item-title-price {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
}

.product-item-link {
  border: 1px #f1f1f1;
  border-radius: 30px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: transform .35s, box-shadow .2s;
  display: flex;
  overflow: hidden;
}

.product-item-link:hover {
  text-decoration: none;
  transform: scale(.96);
  box-shadow: 0 6px 30px 1px #0000001a;
}

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

.shop-item-title {
  color: #d0d5db;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.shop-item-content {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  padding: 2em 0;
  display: flex;
}

.shop-item-price {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.small-thumbnail-image {
  border-radius: 12px;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.category-text {
  background-image: linear-gradient(to right, #fff, var(--primary) 50%, var(--secondary));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 500;
}

.shop-item-summary {
  color: #fff9;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.folders-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.folders-parent.shop {
  justify-content: center;
  padding-top: 8em;
}

.filter-holder {
  grid-column-gap: 5px;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 2em;
  padding: 5px;
  line-height: 1;
  display: flex;
  overflow: hidden;
  box-shadow: 0 5px 20px #0000001a;
}

.filter-holder.no-margin-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff0;
  align-items: center;
  margin-top: 0;
  overflow: hidden;
}

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

.blog-item-title-2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 600;
}

.blog-item-date {
  color: #6e6e6e;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.blog-item-link {
  background-color: #fff0;
  border: 1px #f1f1f1;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: transform .2s, box-shadow .2s;
  display: flex;
  overflow: hidden;
}

.blog-item-link:hover {
  text-decoration: none;
  box-shadow: 0 6px 30px 1px #0000001a;
}

.footer-heading-lighter {
  color: var(--notification-bg);
  margin-bottom: 1rem;
  font-size: 16px;
  font-weight: 500;
}

.footer-description-secondary {
  color: #00000080;
  max-width: 260px;
  font-size: 14px;
}

.social-media-icons-2nd {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.list-item-with-checkicon {
  background-image: url('../images/65c50b489ae90254e450b30f_Black-Check-Tick.svg');
  background-position: 3px;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 25px;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.list-item-with-checkicon.active-pricing-list-item {
  background-image: url('../images/Tick.svg');
}

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

.pricing-line-text {
  color: var(--primary);
  text-align: center;
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
}

.pricing-item {
  color: #000c;
  background-color: #fff;
  background-image: linear-gradient(to top, #b734b326, #fff);
  border-radius: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding: 55px 39px 39px;
  display: flex;
}

.pricing-item.active-pricing-item {
  color: #fff;
  background-image: linear-gradient(to top, #dcacff, #ad68f3 33%, #2b2883 69%, #0c0c0c);
  height: 100%;
}

.pricing-features-holders {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 3em;
  display: flex;
}

.pricing-features-holders.active-pricing-features {
  color: #fff;
}

.list {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.pricing-grid {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 3em;
}

.pricing-grid.p1 {
  width: 90%;
}

.pricing-button-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 3em;
  display: flex;
}

.price-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom-width: 1px;
  border-bottom-color: #0003;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 1em;
  padding-bottom: 1em;
  display: flex;
}

.price-holder.price-holder-active {
  border-bottom-style: none;
  border-bottom-color: #fff3;
  margin-top: 1em;
  margin-bottom: 0;
  padding-bottom: 1em;
}

.pricing-type {
  color: #000;
  font-family: Inter, sans-serif;
  font-size: 24px;
}

.pricing-type.pricing-type-active {
  color: #fff;
}

.pricing-line {
  background-color: #0003;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: .5px;
  margin-bottom: 1.5em;
  display: flex;
  position: relative;
}

.pricing-line.line-active {
  background-color: #0000;
  background-image: linear-gradient(to right, var(--primary), var(--secondary));
}

.price {
  font-size: 42px;
  font-weight: 500;
  line-height: 1;
}

.pricing-feature-image {
  opacity: .8;
  filter: brightness(0%);
  object-fit: contain;
  width: 15px;
  height: 12px;
}

.pricing-feature-image.white-pricing-features-icon {
  filter: brightness(200%);
}

.button-icon-image {
  width: 15px;
}

.white-text {
  color: #fff;
}

.tooltip-container {
  z-index: 120;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.heading-3-style {
  margin-top: 0;
  font-size: 50px;
}

.card-item {
  z-index: 1;
  background-color: #f5f5f7;
  border-radius: 42px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px #0000000d;
}

.card-item:hover {
  text-decoration: none;
}

.card-item.pricing-card {
  background-color: #fff;
  border-radius: 32px;
  height: 100%;
  box-shadow: 5px 14px 50px 7.6px #0000001a;
}

.accordion-item-trigger {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.accordion-item-trigger:hover {
  opacity: .8;
}

.accordion-item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: 2px solid var(--link-bg-grey);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-bottom: 10px;
  display: flex;
}

.grey-text-2 {
  color: #878d95;
}

.content-sticky {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 100px;
}

.notification-button {
  color: var(--notification-bg);
  background-color: #fff;
  border-radius: 5px;
  transition: background-color .35s, color .35s;
}

.notification-button:hover {
  background-color: #ffffffe6;
}

.product-price {
  color: #fff;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 32px;
  font-weight: 500;
}

.hide-demo-page-text-on-tablet {
  padding-left: 5px;
}

.demo-hero-buttons-holder {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 508.8px;
  display: flex;
}

.subtitle-overlay-holder {
  width: 100%;
  height: 66px;
  position: relative;
  inset: 0% 0% auto;
}

.project-collection-list {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.project-collection-item {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.center-paragraph {
  color: silver;
  text-align: center;
  margin-top: 10px;
  font-weight: 600;
}

.center-paragraph.white {
  color: #fff;
}

.center-paragraph.gray-paragraph {
  color: var(--dim-grey);
  -webkit-text-stroke-color: var(--transparent);
  flex: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 36px;
  font-weight: 500;
}

.hero-button {
  background-color: #000;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 20px;
  display: flex;
}

.hero-button-text {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.show-more-button {
  color: #000;
  letter-spacing: 0;
  background-color: #fff;
  background-image: linear-gradient(to top, #b734b326, #b734b300);
  border-radius: 6px;
  min-width: 165px;
  padding: 11px 31px;
  font-size: 16px;
  transition: letter-spacing .35s;
}

.show-more-button:hover {
  letter-spacing: 1px;
  background-image: linear-gradient(to top, #b734b326, #b734b300);
}

.show-more-button.w--current {
  padding: 14px 24px;
}

.show-more-button.white-bg {
  background-color: #fff;
}

.show-more-button.contact {
  background-image: linear-gradient(0deg, #b734b326 100%, #b734b300);
  min-width: 180px;
  margin-bottom: -35px;
  padding-top: 5px;
  padding-bottom: 8px;
  transition: letter-spacing .35s, background-color .35s;
}

.show-more-button.h2 {
  min-width: 180px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.show-more-button.f2 {
  background-color: var(--primary);
  color: var(--transparent);
  padding-top: 16px;
  padding-bottom: 16px;
}

.show-more-button._404 {
  min-width: 180px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.show-more-button._404.w--current {
  padding-top: 10px;
  padding-bottom: 10px;
}

.show-more-button.contact {
  background-image: linear-gradient(0deg, #b734b326 100%, #b734b300);
  min-width: 180px;
  padding-top: 9px;
  transition: letter-spacing .35s, background-color .35s;
}

.show-more-button.contact:hover {
  letter-spacing: 1px;
  background-image: linear-gradient(to top, #b734b326 100%, #b734b300);
}

.gradient-button-holder {
  grid-column-gap: 20px;
  display: flex;
}

.gradient-button-holder.fade-in-blur-on-scroll {
  margin-top: 10px;
}

.gradient-link {
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 165px;
  padding: 1px;
  transition: border-radius .35s;
  display: flex;
  position: relative;
}

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

.gradient-link.gradient-link-with-auto {
  z-index: 3;
  background-color: #000;
}

.button-gradient {
  z-index: -1;
  opacity: 1;
  background-image: linear-gradient(to right, #fff, #dcacff 31%, #ad68f3 60%, #2b2883);
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button-content-holder {
  background-color: #171717;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 200px;
  padding: 14px 24px;
  font-size: 16px;
  transition: background-position .3s;
  display: flex;
}

.button-content-holder:hover {
  background-position: 88%;
}

.link-gradient-text {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.white-background-button-color {
  z-index: -2;
  background-color: #fff;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button-with-arrow {
  background-color: #fff;
  background-image: linear-gradient(to top, #b734b326, #b734b300);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 14px 30px;
  display: flex;
}

.button-with-arrow.transparent {
  background-image: none;
}

.button-with-arrow.rounded {
  border-radius: 30px;
}

.browse-text {
  color: #03000a;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.black-arrow {
  margin-top: 2px;
  margin-left: 10px;
}

.border-button {
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 12px;
  padding: 13px 16px;
  transition: border-color .35s, color .35s;
}

.border-button:hover {
  color: var(--transparent);
  border-color: #ad68f3;
}

.gradient-button {
  letter-spacing: 0;
  background-image: linear-gradient(#fff, #dcacff 20%, #ad68f3 65%, #2b2883 90%, #0c0c0c);
  border-radius: 12px;
  padding: 10px 20px;
  transition: letter-spacing .35s, color .35s;
}

.gradient-button:hover {
  color: #000;
  letter-spacing: 1px;
}

.gradient-button.demo {
  background-image: linear-gradient(30deg, #0c0c0c, #2b2883 25%, #ad68f3 54%, #dcacff 81%, #e7c6ff 100%, #fff);
  border-radius: 8px;
  min-width: 180px;
  padding-top: 13px;
  padding-bottom: 13px;
  transition: letter-spacing .35s, color .35s;
}

.gradient-button.demo {
  background-image: linear-gradient(30deg, #0c0c0c, #2b2883 25%, #ad68f3 54%, #dcacff 81%, #f0dffd 96%, #e7c6ff 100%, #fff);
  border-radius: 8px;
  width: 100%;
  min-width: 194px;
  padding-top: 13px;
  padding-bottom: 13px;
  transition: letter-spacing .35s, color .35s;
}

.gradient-button.demo:hover {
  opacity: 1;
  color: #d4d4d4;
  letter-spacing: 1px;
}

.gradient-button.demo.cta-btn {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0%;
  max-width: 100%;
  transition: letter-spacing .35s, color .35s;
  display: flex;
}

.gradient-button.demo.cta-btn:hover {
  color: #fff;
  letter-spacing: 1px;
}

.nav-dropdown-2 {
  position: static;
}

.cart-item-content {
  grid-column-gap: 5px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 10px;
}

.nav-brand-link {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition-property: opacity;
  display: flex;
  position: relative;
}

.nav-brand-link:hover {
  opacity: .9;
}

.nav-brand-link.w--current {
  width: 100%;
}

.nav-brand-link.mobile-logo {
  display: none;
}

.cart-footer-2 {
  border-top-width: 0;
  border-top-color: #e6e6e600;
  padding: 2em 1em 1em;
}

.cart-item {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.button-2 {
  z-index: 999;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  transition: background-color .35s, color .35s;
  display: flex;
}

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

.cart-subtotal-price-2 {
  color: #fff;
  letter-spacing: 0;
  font-size: 22px;
  font-weight: 500;
}

.nav-cart-wrapper {
  border-radius: 6px;
  justify-content: flex-end;
  align-items: center;
  height: 47px;
  padding-left: 10px;
  padding-right: 0;
  transition: border-color .3s;
  display: flex;
}

.cart-item-title {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.remove-text {
  letter-spacing: 2.4px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.cart-close-button-2 {
  filter: invert();
  outline-offset: 0px;
  outline: 0 #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition-property: opacity;
  display: flex;
}

.cart-close-button-2:hover {
  opacity: .7;
}

.error-message-2 {
  color: #151515;
  text-align: center;
  background-color: #ffdede;
  border-style: none;
  border-width: 0;
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px;
}

.cart-title-2 {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}

.cart-quantity-holder {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  display: flex;
  position: relative;
}

.hero-nav-link {
  z-index: 1;
  color: #000;
  text-transform: uppercase;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  display: flex;
  position: relative;
}

.hero-nav-link:hover {
  color: var(--secondary);
}

.hero-nav-link.w--current {
  color: var(--secondary);
  font-weight: 600;
  transition: color .35s;
}

.hero-nav-link.white {
  color: #fff;
}

.hero-nav-link.white:hover {
  color: var(--secondary);
}

.hero-nav-link.black, .hero-nav-link.black.w--current {
  display: none;
}

.cart-header-2 {
  border-bottom-width: 0;
  border-bottom-color: #e6e6e600;
  padding: 2em;
}

.nav-brand-logo {
  height: 100%;
  max-height: 40px;
}

.nav-menu-holder {
  z-index: 1;
  flex: 1;
  justify-content: center;
  display: flex;
  position: static;
}

.remove-button {
  color: #b5b5b5;
  font-size: 13px;
  line-height: 1;
}

.remove-button:hover {
  color: #fa4d50;
}

.nav-text {
  color: var(--bg-grey);
  text-transform: none;
  font-family: Inter, sans-serif;
  font-size: 12px;
  line-height: 1.3;
}

.nav-text.black {
  color: #000;
}

.cart-container-2 {
  background-color: #1a1b1c;
  border-radius: 8px;
  justify-content: space-between;
  max-width: 750px;
}

.cart-subtotal-label-2 {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
}

.cart-item-price {
  color: #d4d4d4;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

.cart-items {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-left: 1em;
  display: flex;
}

.menu-button-2 {
  z-index: 2;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  padding: 4px 5px 5px;
  transition: background-color .35s;
}

.menu-button-2:hover, .menu-button-2.w--open {
  background-color: #f1f1f1;
}

.black-cart-image {
  width: 20px;
}

.black-cart-image.white-nav {
  filter: none;
}

.hero-nav-link-holder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.hero-nav-link-holder.right {
  justify-content: center;
}

.nav-menu-container-holder {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.cart-list {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 1em;
  display: flex;
}

.cart-item-image {
  object-fit: cover;
  border-radius: 6px;
  width: 100px;
  height: 100px;
}

.cart-quantity-number-2 {
  color: #8b8b8b;
  background-color: #0000;
  min-width: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.cart-quantity-number-2.white-nav {
  color: #8b8b8b;
}

.cart-quantity {
  color: #b5b5b5;
  background-color: #1a1b1ce8;
  border-color: #fafafa00;
  border-radius: 9px;
  width: 50px;
  height: auto;
  margin-bottom: 0;
  margin-left: 1em;
  padding: 1px 5px;
  font-size: 14px;
  transition: color .35s, background-color .35s;
  position: relative;
}

.cart-quantity:hover {
  background-color: #ffffff1a;
}

.cart-quantity:focus {
  border-color: #d3433b;
}

.nav-items {
  grid-column-gap: 10px;
  width: 100%;
  display: flex;
}

.cart-text {
  margin-top: 3px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  display: block;
}

.cart-text:hover {
  color: #fff;
}

.cart-text.black {
  color: #000;
}

.cart-number-holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.symbol-text {
  color: #8b8b8b;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.symbol-text.white-nav {
  color: #8b8b8b;
  font-weight: 500;
}

.start-button {
  color: #000;
  letter-spacing: 0;
  background-color: #fff;
  background-image: linear-gradient(to top, #b734b326, #a42e9c00);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 180px;
  height: 47px;
  padding: 14px 30px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  transition: letter-spacing .35s;
  display: flex;
}

.start-button:hover {
  letter-spacing: .8px;
  min-width: 180px;
}

.start-button.white-nav {
  color: #fff;
  background-color: #000;
  height: 47px;
}

.footer-first-text-span {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #000, #ad68f3 52%, #dcacff);
  -webkit-background-clip: text;
  background-clip: text;
}

.footer-second-text-span {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #000, #ad68f3 53%, #dcacff);
  -webkit-background-clip: text;
  background-clip: text;
}

.footer-paragraph-holder {
  max-width: 330px;
}

.made-with-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  display: flex;
}

.footer-small-icon {
  object-fit: cover;
  position: absolute;
  inset: -8px -1% 0% auto;
}

.footer-line {
  color: #7e8181;
  background-image: linear-gradient(to right, #dcacff, #ad68f3 32%, #2b2883 72%, #0c0c0c);
  border: 1px solid #7e8181;
  width: 100%;
  height: 1px;
  margin-top: 100px;
  position: relative;
}

.main-hero-container {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: 110px;
  font-family: Inter, sans-serif;
  display: flex;
  overflow: hidden;
}

.main-heading {
  text-align: center;
  margin-top: 0;
  font-size: 70px;
  font-weight: 500;
}

.main-heading.h1-hero {
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 8vw;
}

.main-heading.fade-in-on-scroll {
  z-index: 1;
  font-family: Inter, sans-serif;
  font-size: 6em;
  position: relative;
}

.main-heading.fade-in-on-scroll.margin-top, .main-heading.bold-white-text {
  font-size: 8vw;
}

.product-container {
  z-index: 99;
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-container.pricing {
  height: 130vh;
}

.section-hero {
  background-color: #fff;
  padding-top: 3em;
  position: relative;
}

.section-hero.overflow-hidden {
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
}

.text-center-wrapper {
  z-index: 2;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.text-center-wrapper.paddings {
  padding: 30px;
}

.text-center-wrapper.cta {
  max-width: 50em;
}

.hero-gradient-box {
  z-index: -2;
  background-image: linear-gradient(#fff, #dcacff 30%, #ad68f3 57%, #2b2883 85%, #0c0c0c);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  height: 60%;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.hero-gradient-box.f1 {
  height: 100%;
}

.hero-gradient-box.p1 {
  background-image: linear-gradient(#fff, #dcacff 30%, #ad68f3 57%, #2b2883 85%, #0c0c0c);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  height: 100%;
}

.hero-text-white-gradient {
  z-index: 2;
  background-image: linear-gradient(to right, #fff, #fff0);
  width: 7vw;
  position: absolute;
  inset: 0% auto 0% -1vw;
}

.hero-text-white-gradient.white-gradient-on-right {
  background-image: linear-gradient(270deg, #fff, #fff0);
  inset: 0% -1vw 0% auto;
}

.product-phone-image {
  z-index: 1;
  max-width: none;
  height: 100%;
  position: relative;
}

.hero-text-line {
  background-color: #fff;
  border-radius: 20px;
  width: 2px;
  height: 160px;
  margin-top: 40px;
  display: none;
  position: relative;
  overflow: visible;
}

.hero-text-sticky {
  flex-direction: row;
  justify-content: center;
  width: 99vw;
  display: flex;
  position: sticky;
  top: 75px;
  overflow: visible;
}

.product-demo-sticky {
  min-height: auto;
  padding-top: 0;
  position: sticky;
  top: 0;
}

.grid-10-columns {
  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;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.product-phone-image-holder {
  z-index: 9999;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  margin-right: -26vh;
  padding-top: 11vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-phone-content {
  z-index: -1;
  border-radius: 8%;
  width: 27.7vh;
  margin-left: 9.7%;
  position: absolute;
  top: 12vh;
  bottom: 30vh;
  overflow: hidden;
}

.home-hero-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.home-hero-container._2 {
  background-color: #0c0c0c;
  height: 600px;
  margin-top: 3em;
}

.product-phone-demo-image, .iphone-lock-screen-image {
  opacity: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.download-buttons {
  margin-top: 2em;
  margin-bottom: 3em;
  display: flex;
}

.download-buttons.hero-download-buttons {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.download-buttons.center {
  z-index: 3;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}

.hero-product-demo {
  width: 100%;
  height: 200vh;
  display: block;
  position: relative;
}

.hero-product-demo.features {
  height: 100%;
}

.contact-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6em;
  padding-right: 6em;
  display: flex;
  position: relative;
}

.hero-text-holder-right {
  text-align: left;
  width: 50vw;
  position: relative;
  overflow: hidden;
}

.hero-gradient-holder {
  z-index: 40;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 115%;
  display: flex;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.hero-gradient-holder._2 {
  height: 100%;
}

.hero-paragraph-description {
  color: #323232;
  text-align: center;
  font-family: Inter, sans-serif;
}

.hero-paragraph-description.project-req-w {
  max-width: 600px;
}

.section-background-dark-gray {
  z-index: -1;
  background-color: #0c0c0c;
  height: auto;
  line-height: 1.5;
  position: absolute;
  inset: 0%;
}

.dark-section {
  z-index: 1;
  background-color: #0c0c0c;
  margin-top: auto;
  position: relative;
}

.dark-section.overflow-hidden {
  overflow: hidden;
}

.center-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-family: Inter, sans-serif;
  font-style: normal;
  line-height: 1.3;
  display: flex;
  overflow: hidden;
}

.center-text.top-margin {
  margin-top: 5em;
  margin-bottom: 5em;
}

.center-text._2 {
  margin-top: 2em;
}

.center-text.white-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: .5em;
  font-family: Inter, sans-serif;
  font-size: 70px;
  font-weight: 500;
}

.center-text.main-heading {
  margin-bottom: 1em;
}

.medium-center-text {
  background-image: linear-gradient(153deg, #fff, var(--secondary) 50%, var(--primary));
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-size: 55px;
  font-weight: 500;
}

.medium-center-text.product {
  font-size: 75px;
  font-weight: 800;
}

.feature-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 3em;
  margin-bottom: 3em;
}

.card-item-holder {
  background-color: #1d1e1f;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px #0000000d;
}

.card-item-holder:hover {
  text-decoration: none;
}

.card-item-holder.dark {
  background-color: #1d1d1f;
  background-color: var(--dark);
  border-radius: 15px;
  justify-content: space-between;
}

.card-item-content-holder {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 2em 2em 1em;
  font-family: Inter, sans-serif;
  display: flex;
  position: relative;
}

.card-feature-center {
  text-align: center;
  width: 100%;
}

.card-feature-icon {
  height: 65px;
  margin-bottom: .5em;
}

.small-text {
  color: var(--untitled-ui--grey200);
  font-size: 32px;
  font-weight: 800;
}

.effortless-grid {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  height: 100%;
  margin-top: 2em;
}

.persons-images {
  object-fit: cover;
  object-position: 100% 50%;
  width: 100%;
  height: 90%;
}

.first-image-holder {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.tabel-images {
  object-fit: cover;
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
}

.second-image-tabel-holder {
  width: 100%;
  height: 130%;
}

.heading-paragraph-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  display: flex;
}

.client-logo-holder {
  width: 100%;
}

.multi-images-holder {
  height: 100%;
  position: relative;
}

.logo-client {
  width: 100%;
  margin-top: 58px;
  margin-left: 17px;
}

.logo-client-holder {
  width: 110px;
  height: 110px;
  position: absolute;
  inset: 28% auto auto 8%;
}

.logo-client-holder._1 {
  left: -3%;
}

.logo-client-holder._2 {
  inset: 9% auto auto 35%;
}

.logo-client-holder._3 {
  inset: 55% auto auto 35%;
}

.logo-client-holder._4 {
  inset: -10% 8% auto auto;
}

.logo-client-holder._5 {
  inset: 42% 8% auto auto;
}

.black-section {
  z-index: 1;
  background-color: #000;
  position: relative;
  overflow: visible;
}

.black-section.bottom-radius {
  border-radius: 0;
  overflow: hidden;
}

.trusted-white-overlay {
  background-image: linear-gradient(#000, #fff0);
  width: 45vw;
  height: 10em;
  position: sticky;
  inset: 68px 0% auto;
}

.trusted-white-overlay.bottom {
  background-image: linear-gradient(to top, #000, #0000 100%, #fff0);
  height: 20vh;
  top: 80vh;
}

.trusted-item {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10vh;
  display: flex;
}

.trusted-item.last {
  margin-bottom: 0;
}

.text-small {
  font-size: 60%;
}

.trusted-item-header {
  align-items: center;
  display: flex;
}

.trusted-item-header.second {
  align-items: flex-start;
}

.trusted-no {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #06c 27%, #0b63a9 70%, #2b2883);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  font-family: Inter, sans-serif;
  font-size: 60px;
  font-weight: 800;
}

.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: 70vh;
}

.grid-6-col-h1 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.text-xl {
  font-size: 24px;
}

.white-heading {
  color: var(--untitled-ui--grey200);
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.white-heading.medium {
  font-size: 60px;
  font-weight: 500;
}

.white-heading.software-subheading {
  font-size: 58px;
  font-weight: 600;
}

.white-heading.contact-heading {
  font-size: 10vw;
}

.white-sticky-heading {
  color: #fff;
  margin-top: 20px;
}

.card-iphone {
  width: 100%;
  height: 390px;
  position: relative;
  overflow: hidden;
}

.grid-7-col {
  grid-template-rows: .5fr auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 4em;
}

.card-iphone-wrapp {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-iphone-wrapp.on-card {
  background-color: #0e0e0e;
  border-radius: 20px;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
}

.card-iphone-holder {
  position: relative;
}

.card-phone-image-container {
  z-index: 1;
  border-radius: 6%;
  position: absolute;
  inset: 5% 10.5% 6% 11%;
  overflow: hidden;
}

.card-iphone-screelock {
  width: 100%;
  position: absolute;
  inset: 0%;
}

.width-full {
  width: 100%;
}

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

.white-text-2 {
  color: #fff;
  font-size: 32px;
}

.bg-home-1-image {
  z-index: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.left-paragraph {
  text-align: left;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
}

.card-holder {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-holder.on-card {
  height: 70vh;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
}

.card-holder.on-card.second {
  background-color: #0e0e0e;
  border-radius: 20px;
  height: 100%;
  padding: 0;
}

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

.persons-image {
  width: 100%;
  position: absolute;
  inset: auto auto 0% -75%;
}

.large-tabel-image {
  width: 100%;
  position: absolute;
  inset: auto -40% 0% auto;
}

.app-features-holder {
  background-color: #0e0e0e;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 100%;
  display: flex;
}

.pay-images {
  height: 60%;
  position: absolute;
  inset: 33% 0% 0% -5%;
}

.testimonials-container {
  margin-bottom: 4rem;
  position: relative;
}

.card-item-box-holder {
  background-color: #1d1d1f;
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px #0000000d;
}

.card-item-box-holder:hover {
  text-decoration: none;
}

.card-box-holder {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 2em;
  display: flex;
  position: relative;
}

.more-testimonials {
  margin-top: 1em;
  position: relative;
  overflow: hidden;
}

.grid-testimonial {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: -5.9em;
  padding-top: 0;
}

.light-grey-2 {
  color: #787878;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.name-white-text {
  color: var(--bg-grey);
  font-family: Inter, sans-serif;
  font-size: 14px;
}

.testimonial-picture {
  border-radius: 50%;
  width: 43px;
  height: 43px;
  margin-right: 15px;
}

.testimonial-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 1.5em;
  display: flex;
}

.testimonial-text {
  flex: 1;
}

.testimonial-see-more {
  z-index: 2;
  text-align: center;
  background-image: linear-gradient(to top, #141415, #141415d1 50%, #14141500);
  border-radius: 0 0 20px 20px;
  padding-top: 7em;
  position: absolute;
  inset: auto 0% 1em;
}

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

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

.blog-link {
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  transition: opacity .35s, transform .35s;
  display: flex;
}

.blog-item-image-wrapper {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.blog-date {
  color: var(--blue-grey);
  -webkit-text-stroke-color: var(--secondary);
  margin-top: 20px;
  margin-bottom: 18px;
  font-size: 16px;
}

.blog-item-text {
  color: #d0d5db;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.blog-item-post-summary {
  color: #d0d5db99;
  margin-bottom: 0;
  font-weight: 400;
}

.pricing-text {
  font-size: 16px;
}

.month-text {
  font-size: 24px;
}

.center-cta-holder {
  z-index: 3;
  background-color: #000;
  background-image: linear-gradient(0deg, var(--blue-grey), var(--secondary) 34%, var(--primary) 66%, #0c0c0c);
  border-radius: 15px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.center-cta-holder.dark-bkg {
  background-color: var(--black);
  background-image: none;
}

.cta-text {
  z-index: 3;
  background-image: linear-gradient(90deg, var(--white-color), var(--primary-2) 52%, var(--blue-grey));
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 5vw;
  font-weight: 800;
  position: relative;
}

.cta-text.cta-gradient {
  background-image: linear-gradient(90deg, var(--white-color), var(--untitled-ui--primary600) 52%, var(--untitled-ui--primary700));
}

.cta-holder {
  z-index: 8;
  text-align: center;
  border-radius: 36px;
  flex-direction: column;
  align-items: center;
  height: 100%;
  min-height: 650px;
  padding-top: 50px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  position: relative;
}

.person-cta-image-holder {
  width: 63px;
  height: 63px;
  position: absolute;
  inset: auto auto 5% 5%;
}

.person-cta-image-holder._1 {
  bottom: 3%;
  left: 3%;
}

.person-cta-image-holder._2 {
  width: 133px;
  height: 133px;
  bottom: 3%;
  left: 11%;
}

.person-cta-image-holder._3 {
  width: 200px;
  height: 200px;
  bottom: 3%;
  left: 24%;
}

.tabel-cta-holder {
  text-align: center;
  object-fit: fill;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1024px;
  font-family: Inter, sans-serif;
  display: block;
  position: relative;
  inset: auto auto 3em;
}

.person-cta-image {
  object-fit: cover;
  height: 100%;
}

.tabel-cta-image {
  width: 100%;
  height: 100%;
}

.ellipses-holder {
  z-index: -1;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.ellipse-right {
  z-index: -1;
  background-image: url('../images/Elipse-Left.png');
  background-position: 50%;
  background-size: cover;
  width: 650px;
  height: 650px;
  position: absolute;
  inset: 0% -530px auto auto;
}

.ellipse-left {
  z-index: -1;
  background-image: url('../images/Elipse-Left.png');
  background-position: 50%;
  background-size: cover;
  width: 650px;
  height: 650px;
  position: absolute;
  inset: 5em auto auto -430px;
}

.dark-bg-images {
  z-index: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-top: .6px;
  padding-bottom: 8px;
  position: absolute;
  inset: 0%;
}

.cta-text-paragraph-holder {
  flex-flow: column;
  font-family: Inter, sans-serif;
  position: relative;
}

.tag-wrapper {
  grid-column-gap: 8px;
  color: #fff;
  background-color: #181818;
  border-radius: 40px;
  align-items: center;
  padding: 2px 12px 2px 2px;
  font-weight: 500;
  transition-property: background-color;
  display: flex;
}

.tag-wrapper:hover {
  color: #fff;
  background-color: #ad68f338;
}

.tag-wrapper.f3 {
  width: 280px;
}

.tag-wrapper.px--20px {
  background-color: #252525d6;
  padding: 4px 20px;
}

.tag-wrapper.px--20px:hover {
  background-color: #252525d6;
}

.hero-section-work {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: visible;
}

.circle {
  background-image: linear-gradient(#dcacff, #ad68f3 30%, #2b2883 70%, #0c0c0c);
  border-radius: 2000px;
  justify-content: center;
  align-items: center;
  width: 1000px;
  height: 1000px;
  display: flex;
}

.circle._01 {
  z-index: 1;
  background-image: linear-gradient(#dcacff, #ad68f3 35%, #2b2883 70%, #0c0c0c);
  border-radius: 2000px;
  height: 1000px;
}

.circle._2 {
  width: 1430px;
  height: 1430px;
  position: absolute;
}

.hero-text-holder-h2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 920px;
  display: flex;
}

.hero-text-holder-h2.center {
  grid-row-gap: 14px;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
}

.hero-button-holder {
  grid-column-gap: 35px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-holder {
  max-width: 620px;
}

.news-holder {
  color: #e2fd70;
  background-color: #383e47;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3px 10px;
  display: flex;
}

.container-work-header {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 2em;
}

.container-work-header.hero-container {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  position: relative;
}

.hero-circles-holder {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.hero-circles-holder.relative {
  height: 150vh;
  position: absolute;
  inset: 0%;
}

.hero-circles-holder.relative.large {
  border: 1px solid #000;
  border-color: var(--white-color);
  height: 180vh;
}

.circle-stroke {
  color: #0b63a9;
  background-color: #000;
  border: 1px solid #0b63a9;
  border-radius: 2000px;
  width: 100%;
  height: 100%;
  margin: 3px;
}

.hero-wrapper {
  grid-row-gap: 32px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 4em;
  display: flex;
  position: relative;
}

.hero-text-black {
  color: #fff;
  margin-top: 0;
  font-family: Mona Sans, sans-serif;
  font-size: 88px;
  font-weight: 700;
}

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

.show-more-button-holder {
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

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

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

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

.iphone-holder.home-3 {
  z-index: 3;
  perspective: 1500px;
  height: 600px;
  transform: translate(0)perspective(1500px);
}

.iphone-holder.product {
  z-index: 3;
  perspective: 1500px;
  transform: perspective(1500px);
}

.iphone-holder.features {
  perspective: 2000px;
  height: 70%;
  position: absolute;
  top: 0%;
  left: 38%;
  transform: perspective(2000px);
}

.iphone-holder.f3 {
  perspective: 1500px;
  height: 530px;
  position: relative;
  transform: perspective(1500px);
}

.iphone-holder._3 {
  position: relative;
}

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

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

.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%;
}

.hero-section-sticky {
  width: 100%;
  position: sticky;
  top: 50%;
}

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

.hero-text-blur {
  opacity: .64;
  filter: blur(120px);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(198deg, #fff, #dcacff 30%, #ad68f3 57%, #2b2883 80%, #0c0c0c);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14vw;
  font-weight: 800;
  position: absolute;
}

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

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

.iphone-drop-shadow.hide {
  display: none;
}

.hero-text-h2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #dcacff 30%, #ad68f3 60%, #2b2883 80%, #0c0c0c);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14vw;
  font-weight: 800;
}

.hero-text-h2._02 {
  background-image: linear-gradient(#fff, #dcacff 30%, #ad68f3 60%, #2b2883 80%, #0c0c0c);
}

.hero-text-h2.center-text {
  margin-top: auto;
  margin-bottom: auto;
  font-family: Inter, sans-serif;
  font-size: 6vw;
  font-weight: 500;
}

.iphone-mockup-holder {
  z-index: 1;
  margin-top: 63px;
  position: relative;
}

.hero-section-text-holder {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 110vh;
  display: flex;
  position: relative;
}

.hero-text-holder {
  grid-column-gap: 60px;
  perspective: 1000px;
  white-space: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.hero-section-h2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.medium-gradient-text {
  background-image: linear-gradient(90deg, #fff, var(--magenta) 50%, var(--primary-2));
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 6vw;
  font-weight: 500;
}

.features-of-product-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: stretch;
  font-family: Inter, sans-serif;
}

.product-development-holder {
  margin-top: 4em;
}

.person-image-holder {
  width: 100%;
  height: 100%;
  position: relative;
}

.person-image-home-2 {
  object-fit: cover;
  border-radius: 30px;
  width: 100%;
  height: 100%;
}

.bottom-gradient {
  z-index: 0;
  background-image: linear-gradient(0deg, #000, #fff0);
  border-radius: 16px;
  height: 70%;
  position: absolute;
  inset: auto 0% 0%;
}

.text-and-paragraph-holder {
  z-index: 0;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  padding: 15px 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.gradient-text {
  z-index: 23;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #f5f5f8, #f5f5f8c2);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 32px;
  font-weight: 800;
}

.gradient-text.purple {
  background-image: linear-gradient(to right, var(--white-color), var(--primary) 0%, var(--secondary));
  font-size: 55px;
  font-weight: 500;
}

.gradient-bg-holder {
  z-index: 0;
  background-image: linear-gradient(#ffffff8f, #dcacff 6%, #ad68f3 55%, #2b2883 81%, #0c0c0c);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  min-height: 400px;
  font-family: Inter, sans-serif;
  position: relative;
  overflow: hidden;
}

.expense-tabel-holder {
  object-fit: cover;
  border-radius: 16px;
  width: 90%;
  height: 60%;
  position: absolute;
  inset: 7% 0% 0% auto;
}

.expense-tabel-holder.second {
  border-radius: 20px;
}

.tabel-shadow {
  object-fit: cover;
  object-position: 0% 50%;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width: 100%;
  height: 90%;
  box-shadow: 0 2px 20px #0003;
}

.black-bg-holder {
  z-index: 0;
  background-color: #000;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  min-height: auto;
  position: relative;
  overflow: hidden;
}

.black-bg-box-holder {
  z-index: 33;
  background-color: #000;
  border-radius: 30px;
  height: 100%;
  min-height: 436px;
  position: relative;
  overflow: hidden;
}

.bg-tabel-holder {
  z-index: 3;
  width: 100%;
  position: relative;
  inset: 0% 0% auto;
}

.content-holder {
  z-index: 55;
  position: relative;
}

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

.invoice-holder {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.numbers-image {
  object-fit: contain;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fourth-person-image {
  border-radius: 30px;
  height: 100%;
}

.blue-gradient-text {
  z-index: 1;
  float: right;
  background-image: linear-gradient(90deg, #000, var(--primary) 50%, var(--secondary));
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  width: 80vw;
  height: 97%;
  margin: 0 20px;
  font-family: Inter, sans-serif;
  font-size: 58px;
  font-style: normal;
  font-weight: 500;
  line-height: 100px;
  text-decoration: none;
  position: relative;
  top: 4rem;
  overflow: visible;
}

.blue-gradient-text.greeting {
  float: none;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-left: auto;
  margin-right: auto;
  font-family: Caveat, sans-serif;
  font-size: 100px;
  font-style: normal;
  position: relative;
  top: auto;
}

.blue-gradient-text.fade-in-move-on-scroll {
  font-size: 6vw;
}

.blue-gradient-text.fade-in-move-on-scroll.h-fit {
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  font-size: 5vw;
  line-height: 1.5em;
  top: auto;
}

.blue-gradient-text.fade-in-move-on-scroll.h-fit.white-blue-gradient {
  background-image: linear-gradient(90deg, #fff, var(--primary) 50%, var(--secondary));
}

.blue-gradient-text.heading-generic {
  width: 100%;
  height: auto;
  margin-left: 5px;
  font-size: 50px;
  font-weight: 600;
  top: auto;
}

.blue-gradient-text.heading-generic.white-blue-gradient {
  background-image: linear-gradient(90deg, #dfdfdf, var(--primary) 50%, var(--secondary));
}

.medium-heading {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #f5f5f8, #f5f5f8c2);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 32px;
}

.medium-heading.bold {
  font-weight: 800;
}

.icon-holder {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  margin-top: 1.1em;
  display: flex;
}

.trusted-by-icon {
  width: 50px;
  max-width: 100%;
}

.title-big {
  z-index: 3;
  color: var(--white-color);
  margin: auto 2em;
  font-family: Inter, sans-serif;
  font-size: 50px;
  font-weight: 600;
}

.title-big.normal-size {
  font-weight: 500;
}

.title-big._60px {
  font-size: 60px;
}

.tiny-title {
  color: var(--highlight);
  letter-spacing: 1px;
  text-transform: none;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  position: static;
}

.financial-text-holder {
  width: 86%;
  font-size: 16px;
  line-height: 1.4;
}

.financial-text-holder.text-center-2._w--70 {
  width: 70%;
  font-weight: 500;
}

.financial-text-holder.text-center-2.fade-in-blur-on-scroll.mx-w-700px {
  max-width: 700px;
}

.financial-text-holder.text-center-2.fade-in-blur-on-scroll.mt-2 {
  margin-top: 4px;
}

.financial-text-holder.text-center-2.fade-in-blur-on-scroll.text-left {
  text-align: left;
}

.financial-text-holder.text-center-2.ongoing-des {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.financial-text-holder._w-full {
  width: 100%;
}

.financial-text-holder.mt-8 {
  margin-top: 8em;
  margin-bottom: 3em;
}

.grid-item-text-holder {
  z-index: 2;
  grid-row-gap: .7em;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.grid-item-text-holder.fade-in-blur-on-scroll.mt-0.mb-0._w-full {
  width: 100%;
  padding-bottom: 10px;
}

.grid-item-text-holder.fade-in-blur-on-scroll.mt-11 {
  margin-top: 11em;
}

.grid-item-text-holder.mt-6 {
  grid-row-gap: 0em;
  width: 50%;
  margin-top: 6em;
}

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

.grid-items-wrapper.last {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
}

.grid-items-wrapper.last-item {
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.financial-text {
  color: #dbe1f1;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.feature-grid-2 {
  grid-column-gap: 3.5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 5fr 5fr;
  margin-top: 10em;
  display: grid;
}

.grid-item-text-container {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.grid-item-text-container.h-full {
  height: 100%;
}

.tabel-pay-holder {
  background-color: #0e0e0e;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.tabel-pay-holder.home-3 {
  z-index: 3;
  background-color: #0e0e0e00;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  min-height: 300px;
  position: relative;
  overflow: hidden;
}

.tabel-pay-holder.home-3.aspect-sq {
  aspect-ratio: 1;
}

.tabel-pay-holder.home-3 {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.button-browse-holder {
  width: 50%;
  margin-top: 2em;
}

.tabel-pay-image.home-3 {
  z-index: 3;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 420px;
  position: absolute;
  bottom: 0%;
  left: auto;
  right: -5%;
}

.tabel-pay-image.home-3.last {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  object-fit: cover;
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
  inset: 15% 0% 0% 8%;
}

.tabel-pay-image.home-3.first {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  object-fit: fill;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  height: 500px;
  inset: 13% 0% 0% 11%;
}

.tabel-pay-image.h-full {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
}

.tabel-pay-image.h-full.fade-in-blur-on-scroll {
  filter: grayscale();
  border-radius: 12px;
}

.tabel-pay-image.h-full.grey-filter {
  object-fit: cover;
  object-position: 0% 50%;
  aspect-ratio: 16 / 9;
  border: 1px solid #0000002e;
  border-radius: 7px;
}

.tabel-pay-image.h-full.grey-filter.contain {
  object-fit: contain;
  object-position: 50% 50%;
  background-image: linear-gradient(153deg, #e1e1e1cc, #1f7b1ade 76%, #0a4f06d1), url('../images/pexels-knownasovan-62693.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.tabel-pay-image.h-full.grey-filter.cover-cen {
  object-position: 50% 50%;
  background-image: url('../images/pexels-knownasovan-62693.jpg');
  background-position: 0 0;
  background-size: auto;
}

.tabel-pay-image.h-full.grey-filter.aspect-v {
  object-position: 50% 50%;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
}

.tabel-pay-image.h-full.grey-filter.aspect-v.border-black {
  border-color: #00000029;
  box-shadow: 0 2px 6px #0003;
}

.tabel-pay-image.h-full.grey-filter.cover-top {
  object-position: 0% 0%;
}

.tabel-pay-image.h-full.grey-filter.obj-contain {
  object-fit: contain;
  object-position: 50% 50%;
}

.tabel-pay-image.h-full.grey-filter.obj-contain.aspect-unset {
  aspect-ratio: auto;
  border-style: none;
}

.tabel-pay-image.h-full.grey-filter.obj-contain.border-0 {
  border-style: none;
}

.pay-image {
  object-fit: cover;
  width: 145px;
  height: 145px;
  position: absolute;
  inset: auto auto 44% 22%;
  transform: perspective(1000px);
}

.total-expensive-holder {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: hidden;
}

.total-expensive-holder.top {
  align-items: flex-start;
}

.total-expensive-image {
  perspective: 2000px;
  height: auto;
  transform: perspective(2000px);
}

.total-expensive-image._2 {
  object-fit: contain;
  background-image: linear-gradient(to top, #1a1a1a00, #00000014);
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.medium-text {
  background-image: linear-gradient(to right, #fff, var(--primary) 50%, var(--secondary));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 55px;
  font-weight: 500;
}

.icon {
  width: 100%;
  font-size: 14px;
  line-height: 1.3;
}

.payment-button-holder {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.plan-number {
  background-image: linear-gradient(to right, #fff, var(--primary) 50%, var(--secondary));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 5px;
  font-size: 196px;
  font-weight: 600;
  line-height: .8;
}

.list-holder {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.pricing-button {
  color: #000;
  background-color: #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .35s;
  display: flex;
}

.pricing-button:hover {
  background-color: var(--secondary);
  color: #000;
}

.payment-number-holder {
  grid-column-gap: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 12px;
  display: flex;
}

.tab-text-holder {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.payment-tab-holder {
  background-color: #171717;
  border-radius: 20px;
  padding: 45px;
}

.list-icon-container {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 8px;
}

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

.payment-number-container {
  grid-column-gap: 20px;
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.grid-list {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 15px;
  margin-bottom: 15px;
}

.grid-list._2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  margin-top: 2em;
  display: flex;
}

.grid-list.about {
  grid-column-gap: 5px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 2em;
}

.grid-list.business-list {
  grid-template-columns: 1fr 1fr;
  margin-bottom: 5px;
}

.grid-list.business-list.my-5-10 {
  margin-top: 7px;
  margin-bottom: 10px;
}

.grid-list.cardlist {
  margin-top: 21px;
}

.grid-list._2list {
  grid-template-columns: 1fr 1fr;
}

.grid-list.hero-list {
  grid-template-rows: auto auto;
  grid-auto-flow: column;
}

.grid-list.sec-list {
  grid-template-columns: 1fr 1fr;
}

.grid-list.sec-list.case-study-grid {
  grid-template-columns: 1fr;
}

.grid-list.case-study-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  padding-left: 17px;
}

.grid-list.case-study-grid.grid-center-list {
  max-width: 100%;
}

.grid-list.case-study-grid.grid-center-list.max-w--680px {
  width: 100%;
  max-width: 680px;
}

.grid-list.case-study-grid.mt-0 {
  margin-top: 0;
}

.tab-grid {
  grid-column-gap: 130px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 10em;
  display: grid;
}

.payment-padding {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

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

.top-margin-l._100width {
  margin-top: 11em;
}

.gradient-link-pricing {
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1px;
  transition: border-radius .35s;
  display: flex;
  position: relative;
}

.gradient-link-pricing:hover {
  color: #fff;
}

.button-gradient-pricing {
  z-index: -1;
  background-image: linear-gradient(to right, #fafafa, var(--primary) 50%, var(--secondary));
  opacity: 1;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.button-content-holder-pricing {
  background-color: #171717;
  background-image: url('../images/RIght-Arrow.svg');
  background-position: 82%;
  background-repeat: no-repeat;
  background-size: 17px;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px 50px 12px 20px;
  font-size: 16px;
  transition: background-position .3s;
  display: flex;
}

.button-content-holder-pricing:hover {
  background-position: 88%;
}

.button-content-holder-pricing.button-holder-no-arrow {
  background-image: none;
  padding-right: 12px;
}

.white-background-button-color-2 {
  z-index: -2;
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.payment-text {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 52px;
  font-weight: 500;
}

.medium-payment-text {
  color: #fff;
  font-size: 45px;
  font-weight: 500;
}

.small-white-text {
  color: #fff;
  letter-spacing: normal;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

.small-white-text.xs {
  font-size: 16px;
}

.home-3-first-bg-image {
  z-index: 2;
  width: 100%;
  height: 115%;
  position: absolute;
  inset: 0%;
}

.home-3-bg-image {
  z-index: 2;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: -23% -19% 0% auto;
}

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

.hero-section-text-holder-home {
  flex-flow: wrap;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-text-holder-home.top-margin {
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 8em;
}

.right-bg-image {
  object-fit: fill;
  height: 100%;
}

.grid-2-col-holder {
  position: relative;
}

.product-development-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.main-product-holder {
  margin-top: 5.5em;
}

.grid-3-col {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.tracking-features-holder {
  background-color: #000;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding: 40px;
  position: relative;
  overflow: hidden;
}

.tracking-features-holder._2 {
  padding: 40px 0 0;
}

.tracking-image-and-content-holder {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.small-gradinet-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#f5f5f8, #f5f5f8bf);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 32px;
  font-weight: 800;
}

.tracking-image {
  width: 100%;
}

.small-text-paragraph-holder {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.small-text-paragraph-holder.second {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.track-holder {
  padding-left: 40px;
}

.track-holder._1 {
  padding-left: 0;
}

.small-gradient-text {
  background-image: linear-gradient(to right, #fff, var(--primary) 50%, var(--secondary));
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 55px;
  font-weight: 500;
}

.large-cart-holder {
  z-index: 3;
  width: 100%;
  height: 420px;
  position: absolute;
  top: 13%;
  left: auto;
  right: -21%;
}

.large-cart-image {
  height: 420px;
  transform: perspective(1500px);
}

.multi-logo-holder {
  z-index: 4;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 15% 0% 0%;
}

.logo-to-use-holder {
  width: 110px;
  height: 110px;
  position: absolute;
  inset: auto auto 0% 20%;
}

.logo-to-use-holder._2 {
  bottom: -8%;
  left: 38%;
}

.logo-to-use-holder._3 {
  bottom: 28%;
  left: 40%;
}

.logo-to-use-holder._4 {
  inset: 31% auto auto 52%;
}

.logo-to-use-holder._5 {
  left: 52%;
}

.logo-to-use-holder._6 {
  bottom: -6%;
  left: 65%;
}

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

.system-dev-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-4-col-home-3 {
  width: 100%;
  margin-top: 14em;
}

.grid-4-col-home-3.features {
  margin-top: 7em;
}

.icon-image {
  width: 25px;
  height: 25px;
}

.main-application-development-holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.main-application-development-holder._1 {
  perspective: 1500px;
  transform: perspective(1500px);
}

.main-application-development-holder._2 {
  justify-content: center;
  align-items: center;
  margin-top: .5em;
  display: block;
}

.gray-small-text {
  color: var(--untitled-ui--gray300);
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.gray-small-text.career-descriptions {
  font-size: 16px;
  line-height: 1.4;
}

.app-dev-image-text-holder {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  display: flex;
}

.gray-paragraph {
  color: var(--dim-grey);
  font-size: 22px;
  font-weight: 400;
}

.about-text-paragraph-holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  display: flex;
}

.features-explore-button {
  z-index: 2;
  color: #fff;
  background-color: #000;
  background-image: url('../images/Gray-Arrow.svg');
  background-position: 83% 53%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #292929;
  border-radius: 50px;
  width: 100%;
  height: 100%;
  padding: 17px 60px 17px 32px;
  font-family: Manrope, sans-serif;
  font-weight: 400;
  transition: box-shadow .4s, background-position .4s;
  position: relative;
}

.features-explore-button:hover {
  color: #fff;
  background-image: url('../images/White-Arrow.svg');
  background-position: 87% 53%;
  box-shadow: 1px 1px 30px #c92ef880;
}

.bg-grid-image {
  z-index: 0;
  mix-blend-mode: normal;
  object-fit: cover;
  object-position: 50% 50%;
  aspect-ratio: 16 / 7;
  border: 1px solid #0000002e;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.bg-grid-image.aspect-video {
  aspect-ratio: 1;
}

.bg-grid-image.aspect-portrait {
  aspect-ratio: 2 / 3;
}

.bg-grid-image.saturate-filter {
  filter: saturate(70%);
}

.bg-grid-image.obj-contain {
  object-fit: contain;
  border-style: none;
}

.bg-grid-image.aspect-sq {
  aspect-ratio: 1;
  object-fit: contain;
}

.bg-grid-image.aspect-sq.border-0 {
  border-style: none;
}

.home-3-button-holder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 3em;
  display: flex;
}

.home-3-button-holder.f3 {
  justify-content: flex-start;
  width: 100%;
}

.gradient-button-h3 {
  letter-spacing: 0;
  background-image: linear-gradient(#dcacff, #ad68f3 51%, #2b2883 81%, #0c0c0c);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  padding: 14px 24px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  transition: letter-spacing .35s, opacity .35s;
  display: flex;
}

.gradient-button-h3:hover {
  opacity: .71;
  color: var(--transparent);
  letter-spacing: 1px;
}

.button-with-border {
  opacity: 1;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 12px;
  padding: 14px 24px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  transition: border-color .3s;
  overflow: visible;
}

.button-with-border:hover {
  border-color: var(--secondary);
  color: #fff;
}

.white-div-overlay {
  z-index: -1;
  background-color: #fff;
  height: 300px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.black-div-overlay {
  z-index: 0;
  background-color: #000;
  border-bottom-right-radius: 65px;
  border-bottom-left-radius: 65px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.left-corner-image-holder {
  z-index: 100;
  width: 37%;
  height: 100%;
  position: absolute;
  inset: 3% auto 0% 0%;
}

.corner-image {
  width: 100%;
  height: 60%;
  font-family: Inter, sans-serif;
}

.corner-image.right {
  z-index: 2;
  height: 60%;
}

.right-corner-image-holder {
  z-index: 100;
  perspective: 2000px;
  width: 40%;
  height: 100%;
  position: absolute;
  inset: 3% 0% 0% auto;
  transform: perspective(2000px);
}

.dark-gray-section {
  z-index: 1;
  background-color: #0c0c0c;
  border-bottom: .5px solid #000;
  font-family: Inter, sans-serif;
  position: relative;
}

.feature-grid-holder {
  margin-top: 8em;
}

.feature-grid-holder.last {
  margin-top: 20em;
}

.feature-grid-holder.last.f2 {
  margin-top: 30em;
}

.feature-grid-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.feature-grid-1.second {
  grid-column-gap: 3.1em;
  grid-row-gap: 3.1em;
  grid-template-columns: 1fr .75fr;
  margin-top: 4em;
}

.bold-text {
  color: #fff;
  font-size: 64px;
  font-weight: 500;
}

.bold-text.service-heading {
  border: 0px none var(--dark);
  color: var(--highlight);
  border-radius: 90% 50% 50% 30%;
  padding: 15px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  position: absolute;
  top: 20px;
}

.bold-text.gradient-text {
  background-image: linear-gradient(90deg, var(--white-color), var(--blue-grey));
  max-width: 86%;
  font-family: Inter, sans-serif;
  font-size: 4vw;
}

.bold-text.gradient-text-simple {
  background-image: repeating-linear-gradient(145deg, var(--magenta), var(--secondary) 50%, var(--primary-2));
  font-size: 4vw;
}

.first-image-feature {
  object-fit: fill;
  height: 100%;
  position: relative;
}

.first-image-feature.second {
  text-align: left;
}

.first-image-feature.center-box {
  object-fit: contain;
  font-family: Inter, sans-serif;
}

.feature-bg-image-holder {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.feature-bg-image-holder.second {
  text-align: left;
  inset: 0% auto 0% 0%;
}

.feature-bg-image {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  transform: perspective(2000px);
}

.feature-bg-image.features-2 {
  height: 453px;
}

.feature-multi-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto auto 1% -22%;
}

.feature-multi-image.second {
  object-fit: fill;
  border-radius: 13px;
  height: 85%;
  bottom: -1%;
  left: 21%;
}

.feature-multi-image.f2 {
  perspective: 2000px;
  perspective-origin: 50%;
  transform-origin: 50%;
  width: 70%;
  height: 70%;
  bottom: 1%;
  left: 31%;
  transform: perspective(2000px);
}

.half-text-gradient {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
}

.small-blue-gradient-text {
  background-image: linear-gradient(180deg, var(--highlight), var(--white-color));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.review-image {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: 100%;
}

.review-image.features-2 {
  object-fit: cover;
}

.cta-disclaimer {
  color: #cdcdcd;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.cta-grid {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 3.5fr 2fr;
  justify-content: stretch;
  margin-bottom: 4em;
  display: grid;
}

.cta-grid.career-grid {
  grid-template-columns: 3fr 2fr;
}

.review-avatar {
  border-radius: 12px;
  width: 56px;
  height: 56px;
  overflow: hidden;
}

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

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

.review {
  grid-row-gap: 20px;
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: static;
  overflow: hidden;
}

.review.no-padding-bottom {
  padding-bottom: 0;
}

.cta-disclaimer-holder {
  grid-column-gap: 12px;
  align-items: center;
  display: flex;
}

.review-text {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 4vw;
  font-weight: 500;
}

.white-text-review {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.play-me-holder {
  z-index: -1;
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100000vw;
  font-size: 8vw;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: 2% 0% auto;
}

.play-me-holder-text {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  opacity: .15;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.play-me-holder-text._1 {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
}

.play-me-text {
  z-index: 400000000;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 500px;
  display: flex;
}

.features-bottom-gradient {
  z-index: 10;
  background-image: linear-gradient(to top, #0c0c0c, #fff0);
  width: 100%;
  height: 20%;
  position: absolute;
  inset: auto 0% 0%;
}

.features-bottom-gradient.different-in-mobile {
  background-image: linear-gradient(0deg, #000, #fff0);
  font-family: Inter, sans-serif;
}

.bold-text-holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.first-system-dev-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 3em;
}

.first-system-dev-grid.f2 {
  margin-top: 5em;
}

.review-text-holder.text-black {
  color: #000;
}

.person-review-holder.w {
  object-fit: cover;
  width: 300px;
}

.data-image {
  width: 230px;
  height: 230px;
  position: absolute;
  inset: 18% auto auto -27%;
}

.data-image._2 {
  top: 72%;
}

.data-image._2.features-3 {
  width: 280px;
  height: 280px;
  top: 79%;
}

.data-image._1 {
  transform: perspective(2000px);
}

.data-image._1.features-1 {
  perspective: 2000px;
  width: 280px;
  height: 280px;
  top: 30%;
  left: -27%;
}

.data-image._3 {
  inset: 18% 11% auto auto;
}

.data-image._3.features-2 {
  width: 280px;
  height: 280px;
  top: 30%;
  right: 18%;
}

.data-image._4 {
  inset: auto 11% -20% auto;
}

.data-image._4.features {
  width: 280px;
  height: 280px;
  bottom: -44%;
  right: 18%;
}

.data-images-holder {
  width: 100%;
  height: 100%;
}

.paragraph-extra-small {
  font-size: 16px;
  font-weight: 300;
}

.paragraph-extra-small.no-margins.white-text {
  color: #fff;
}

.tab-pane-pricing {
  width: 100%;
}

.pricing-text-content {
  grid-row-gap: 8px;
  text-align: left;
  flex-direction: column;
  display: flex;
}

.tabs-menu {
  z-index: 5;
  grid-column-gap: 10px;
  background-color: #827ded;
  border-radius: 12px;
  padding: 8px;
  display: flex;
  position: absolute;
  inset: auto auto 10% 0%;
}

.pricing-tab-holder {
  margin-top: 100px;
}

.pricing-grid-header {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  height: 180px;
  max-height: 360px;
  padding-left: 7px;
  padding-right: 5px;
  display: grid;
}

.pricing-grid-header.grid-3 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.tabel-checkmark-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: 0 2px 45px #0003;
}

.tabel-checkmark-holder.main {
  padding: 14px;
}

.pricing-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.pricing-grid-2.grid-3 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.price-tabs-content {
  width: 100%;
}

.price-holder-2 {
  grid-column-gap: 6px;
  align-items: center;
  display: flex;
}

.pricing-intro {
  color: #fff;
  font-family: Clashgrotesk Complete, sans-serif;
  font-size: 21px;
  font-weight: 600;
}

.pricing-header-container {
  grid-row-gap: 10px;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.pricing-header-container.main {
  -webkit-backdrop-filter: blur(45px);
  backdrop-filter: blur(45px);
  color: #fff;
  background-color: #ffffff12;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: flex-start;
  height: 130%;
  margin-left: 13px;
  padding-top: 52px;
}

.pricing-header-container.pricing-button-header {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  justify-content: flex-end;
  height: 130%;
  margin-bottom: 60px;
  padding: 10px 10px 28px;
}

.white-tabel-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  height: 100%;
  display: grid;
}

.white-tabel-grid.grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.checkmark-holder {
  z-index: 1;
  width: 25px;
  position: relative;
}

.arrow-up {
  width: 25px;
}

.pricing-tab-continaer {
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.tabel-white-background {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #ffffff0f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.tabel-white-background.bot {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.tabel-white-background.top {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.pricing-detail-holder {
  color: #fff;
  border-bottom: 1px solid #ffffff26;
  width: 85%;
  margin-top: 42px;
  margin-left: 24px;
  padding-bottom: 24px;
  font-size: 21px;
  font-weight: 300;
}

.pricing-detail-holder.last {
  border-bottom-style: none;
}

.pricing-tab {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-tabs-holder {
  background-image: url('../images/Pricing-Bg-Image.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 110%;
  border-radius: 16px;
  padding-left: 16px;
}

.plan-button {
  color: #000;
  background-color: #fecb03;
  border-radius: 158px;
  padding: 18px 45px;
  font-size: 19px;
  font-weight: 500;
  transition: color .4s, background-color .5s;
}

.plan-button:hover {
  background-color: #ddb106;
}

.plan-button.price-button {
  color: #8b44ff;
  background-color: #8b44ff1a;
  border-radius: 6px;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 500;
}

.plan-button.pricing {
  color: #fff;
  background-color: #827ded;
  border-radius: 30px;
  padding-left: 33px;
  padding-right: 33px;
  transition-duration: .4s, .4s;
}

.plan-button.pricing:hover {
  color: #000;
  background-color: #827dedb0;
}

.contact-us-icon-holder {
  background-color: #1a1a1a;
  border: 2px solid #ffffff26;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 45px;
  min-height: 45px;
  transition: border-width .3s, transform .3s;
  display: flex;
}

.contact-us-icon-holder:hover {
  border-width: 5px;
  transform: scale(1.3);
}

.contact-us-holder {
  grid-column-gap: 50px;
  -webkit-backdrop-filter: blur(45px);
  backdrop-filter: blur(45px);
  background-color: #171717;
  border: 2px solid #282828;
  border-radius: 16px 73px 16px 16px;
  align-items: center;
  padding: 32px;
  display: flex;
}

.tab-link {
  color: #fff;
  background-color: #0000;
  border-radius: 8px;
  padding: 12px 18px;
  font-size: 16px;
  font-weight: 500;
  transition-property: background-color;
}

.tab-link:hover {
  color: #fff;
  background-color: #ffffff1a;
}

.tab-link.w--current {
  color: #000;
  background-color: #fff;
}

.check-icon {
  width: 100%;
}

.pricing-card-borders {
  z-index: 0;
  border-bottom: 1px solid #ffffff0f;
  border-right: 1px solid #ffffff1a;
  margin-left: 24px;
  position: absolute;
  inset: -1px 0% 0% -1px;
}

.pricing-card-borders.bot-only {
  border-right-style: none;
  margin-left: 0;
  margin-right: 24px;
}

.pricing-card-borders.large {
  margin-left: 0;
}

.pricing-card-borders.large.left-border {
  border-left: 1px solid #ffffff0f;
}

.pricing-card-borders.no-bottom-line {
  border-bottom-style: none;
}

.gray-underline {
  z-index: 1;
  background-color: #ffffff26;
  height: 1px;
  position: absolute;
  inset: auto 30px 0%;
}

.gray-underline.dark {
  background-color: var(--transparent);
}

.card-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Clashgrotesk Complete, sans-serif;
  font-size: 32px;
  font-weight: 600;
}

.features-hero-container {
  grid-column-gap: 119px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

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

.features-hero-content-holder {
  grid-row-gap: 50px;
  perspective: 1500px;
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: visible;
}

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

.features-hero-2.work-heading {
  color: var(--text-color);
  font-size: 62px;
}

.big-container {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
}

.big-container.no-paddings {
  max-width: 1280px;
  padding: 0;
}

.big-container.no-paddings.map {
  float: none;
  max-width: 1044px;
  padding-top: 10em;
  padding-bottom: 10em;
}

.big-container.mt--5em {
  padding-top: 8em;
  padding-bottom: 8em;
}

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

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

.features-hero-holder-2.work-container {
  padding-left: 4em;
  padding-right: 4em;
}

.bg-image-f3 {
  text-align: left;
  object-fit: fill;
  background-image: none;
  background-size: auto;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 140%;
  height: 720px;
  display: flex;
  position: relative;
  inset: -8% 0% 0%;
}

.tabs-menu-2 {
  color: #fff;
  margin-bottom: 40px;
  display: flex;
}

.tabs-menu-2.feature-page {
  grid-column-gap: 37px;
  grid-row-gap: 37px;
  flex-direction: column;
  margin-bottom: 0;
}

.gradient-wrapp {
  z-index: -1;
  background-color: #000;
  border-radius: 20px;
  flex-direction: column;
  padding: 20px 20px 20px 30px;
  display: flex;
  position: relative;
}

.active-tab-container {
  background-image: linear-gradient(75deg, #dec880, #fff 28%, #ff347d 60%, #827ded);
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  height: 509px;
  margin-left: 30px;
  padding-top: 45px;
  display: flex;
}

.active-tab-container._01 {
  background-image: linear-gradient(#fff, #dcacff 8%, #ad68f3 45%, #2b2883 80%, #0c0c0c);
  border-radius: 19px;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 600px;
  margin-left: 30px;
  padding: 38px 10px 0 19px;
}

.image-tab-change {
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.tab-paragraph {
  padding-top: 10px;
  font-weight: 400;
}

.tabs-3 {
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.tabs-3.feature-page {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 3em;
}

.feature-image-holder {
  border-radius: 19px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.tab-open-content {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 15px;
  display: flex;
  overflow: hidden;
}

.feature-tabs-content {
  flex: 1;
  height: 100%;
}

.tab-heading {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.feature-tab-link {
  z-index: 4;
  opacity: 1;
  color: #fff;
  background-color: #252525;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 370px;
  padding: 1px;
  transition-property: none;
  display: flex;
}

.feature-tab-link.w--current {
  grid-column-gap: 30px;
  color: #fff;
  background-color: #171717;
  border-bottom: 1px solid #252525;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 370px;
  padding: 1px;
  font-weight: 600;
  transition-property: background-color;
  display: flex;
}

.feature-tab-link.w--current:hover {
  background-image: none;
}

.gradient-1px-border {
  z-index: -3;
  opacity: 0;
  background-image: linear-gradient(#fff, #dcacff 20%, #ad68f3 50%, #2b2883 75%, #0c0c0c 100%, #fff);
  border-radius: 20px;
  position: absolute;
  inset: 0%;
}

.small-tab-image {
  width: 120px;
  height: 120px;
  position: absolute;
  inset: auto auto 6% 12%;
}

.small-tab-image._2 {
  width: 150px;
  height: 150px;
  left: 30%;
}

.small-tab-image._3 {
  width: 150px;
  height: 150px;
  left: 48%;
}

.small-tab-image._4 {
  width: 150px;
  height: 150px;
  left: 66%;
}

.small-tab-image._1 {
  width: 150px;
  height: 150px;
}

.top-margin-xl {
  flex-direction: column;
  margin-top: 2em;
  position: relative;
}

.larg-text {
  color: #fff;
  font-size: 24px;
}

.managment-holder {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
}

.icon-text-wrapp {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.managment-wrapp {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.managment-help-image {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  min-height: 400px;
  transform: perspective(2000px);
}

.check-holder {
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.container-management-holder {
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px;
  position: relative;
}

.management-content-holder {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.feature-image-project {
  width: 40px;
  min-width: 40px;
  margin-top: 0;
}

.heading-paragraph-holder-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
  bottom: -8%;
}

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

.medium-managment-text {
  color: #fff;
  font-size: 45px;
  font-weight: 500;
}

.sales-data-image-holder {
  width: 320px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 50% 26%;
}

.company-avatar-circle {
  z-index: 1;
  width: 75px;
  min-width: 75px;
  height: 75px;
  min-height: 75px;
  position: relative;
}

.company-avatar-container {
  justify-content: center;
  align-items: center;
  position: relative;
}

.company-avatar-container.random {
  top: 2px;
  left: -12px;
}

.company-avatar-container.up {
  top: -18px;
  right: -14px;
}

.company-avatar-container.bot {
  bottom: -11px;
  left: -11px;
}

.company-avatar {
  width: 100%;
  height: 100%;
}

.connect-section-container {
  grid-row-gap: 60px;
  flex-direction: column;
  margin-top: 60px;
  display: flex;
}

.gray-circle {
  background-color: #17171a;
  border-radius: 50px;
  width: 30px;
  height: 30px;
}

.grey-circle-holder {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.connect-grid-container {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.section-heading-title {
  background-image: linear-gradient(90deg, #fff, var(--magenta) 50%, var(--secondary));
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 52px;
  line-height: 1.2;
}

.product-item-list-wrapper {
  z-index: 1;
  position: relative;
}

.product-item-list-wrapper.dark {
  height: 120%;
  margin-top: -10%;
}

.pricing-category-buttons {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 1em;
  display: flex;
}

.text-container {
  max-width: 50%;
  padding-bottom: 40px;
}

.sales-data-image {
  object-fit: cover;
  width: 100%;
  position: relative;
  bottom: 100px;
  transform: perspective(2000px);
}

.f3-bg-image {
  opacity: 1;
  object-fit: cover;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  order: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.calendar-icon {
  width: 20px;
  height: 20px;
}

.communication-manager-holder {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  align-items: center;
  display: flex;
}

.faq-s-section {
  z-index: 1;
  background-color: #0c0c0c;
  position: relative;
}

.center-gradient-title {
  background-image: linear-gradient(90deg, #fff, var(--primary-2) 50%, var(--secondary));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 55px;
  font-weight: 500;
}

.center-gradient-title.text-responsive {
  text-align: center;
  font-size: 6vw;
}

.faq-heading {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center end;
  margin-left: auto;
  display: flex;
}

.faq-holder {
  transform-origin: 25%;
  flex-direction: column;
  align-items: center;
  margin-top: 65px;
  margin-bottom: 65px;
  display: flex;
}

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

.faq-icon {
  width: 100%;
  height: 50px;
}

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

.faq-question-text {
  color: #f7f7f8;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 400;
}

.faq-block {
  cursor: pointer;
  border-radius: 20px;
  transition: background-color .5s;
  position: relative;
}

.faq-block:hover {
  border-style: none;
}

.faq-block:active {
  background-color: #111;
}

.faq-answer {
  color: var(--dim-grey);
  padding-top: 12px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.faq-icon-holder {
  perspective-origin: 50%;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
}

.gradient-line {
  z-index: -2;
  background-image: linear-gradient(180deg, #fff, var(--secondary) 24%, var(--notification-bg) 53%, #0d0d0d 80%);
  opacity: 0;
  border-radius: 20px;
  height: 100%;
  margin: -1px;
  position: absolute;
  inset: 0%;
}

.faq-content {
  background-color: #211f1f;
  border-radius: 20px;
  padding: 32px;
  transition: background-color .35s;
}

.faq-content:hover {
  background-color: #292828;
}

.arrow-action-button {
  background-color: #000;
  border-radius: 7px;
  padding: 10px 16px;
}

.up-right-arrow-image {
  width: 100%;
  height: 100%;
}

.grid-f2-holder {
  z-index: 1;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: flex-start;
  align-items: center;
  width: 200vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.tab-link-category {
  background-color: #0000;
  background-image: linear-gradient(270deg, #2f2f2f 76%, #2f2f2f00);
  border-radius: 6px;
  padding: 2px;
  transition: background-color .35s, color .35s;
  display: flex;
}

.tab-link-category.w--current {
  background-image: linear-gradient(to right, #fff, #dcacff 40%, #ad68f3 70%, #2b2883);
  padding: 1px;
}

.tab-link-category.right-side {
  background-image: linear-gradient(to right, #2f2f2f 76%, #2f2f2f00);
}

.tab-link-category.right-side.w--current {
  background-image: linear-gradient(to right, #fff, #dcacff 40%, #ad68f3 70%, #2b2883);
}

.tabs-menu-3 {
  grid-column-gap: 20px;
  color: #fff;
  display: flex;
}

.payment-holder._3 {
  z-index: 2;
  position: relative;
}

._100width {
  width: 100%;
}

.list-holder-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 18px;
  line-height: 1.2;
  display: flex;
}

.tab-text {
  color: #fff;
  background-color: #000;
  border-radius: 6px;
  padding: 12px 40px;
  font-size: 16px;
  transition: color .325s;
}

.tab-text:hover {
  color: #b6b6b6;
}

.tabs-content-2 {
  width: 100%;
  margin-top: 40px;
}

.corner-image-p3-holder {
  z-index: -1;
  width: 35%;
  height: 100%;
  position: absolute;
  inset: -19% -10% auto auto;
}

.corner-image-p3 {
  width: 100%;
}

.question {
  cursor: pointer;
  border-bottom: 2px solid #fff;
  padding-bottom: 12px;
  transition: border-color .3s;
}

.question:hover {
  border-bottom-color: #9e9e9e;
}

.contact-link-holder {
  z-index: 1;
  color: #161616;
  flex-direction: column;
  font-weight: 500;
  text-decoration: none;
  transition: color .4s;
  display: flex;
  overflow: hidden;
}

.contact-link-holder:hover {
  color: #000;
}

.accordion {
  color: #060a3e;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  transition: color .3s;
  display: flex;
  overflow: visible;
}

.accordion:hover {
  color: #41468b;
}

.accordion-bottom-wrap {
  background-color: #fff;
  width: 100%;
  height: 4px;
  margin-top: 0;
  margin-bottom: 15px;
  position: relative;
}

.accordions-header {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.lottie-animation-plus {
  border-radius: 4px;
  width: 36px;
  height: 36px;
}

.accordion-body {
  overflow: hidden;
}

.accordion-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.accordion-lottie-holder {
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-top: 0;
  padding: 7px;
  transition: border-color .3s;
  display: flex;
  position: relative;
}

.accordion-lottie-holder:hover {
  border-color: #1743f2;
}

.accordions-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start;
  align-items: start;
  width: 100%;
  display: grid;
}

.accordion-bottom-paragraph {
  width: 90%;
  margin-top: 15px;
  margin-bottom: 15px;
}

.accordion-header {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
}

.accordion-bottom-gradient {
  background-image: linear-gradient(to right, #fff, #dcacff 25%, #ad68f3 50%, #2b2883 80%, var(--notification-bg));
  opacity: 1;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  inset: 0%;
}

.gradient-text-holder {
  justify-content: flex-end;
  align-items: center;
  font-size: 70px;
}

.slider {
  z-index: 10;
  border-radius: 35px;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.slide-nav {
  display: none;
}

.hero-paragraph {
  padding-top: 10px;
}

.top-margin-m {
  margin-top: 2em;
}

.section-3.overflow-hidden {
  overflow: hidden;
}

.left-arrow {
  z-index: 11;
  background-color: #000;
  background-image: linear-gradient(to right, #fff, #dcacff 22%, #ad68f3 55%, #ad68f3 80%, var(--primary));
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  inset: auto 9% 7% auto;
}

.content-text-holder {
  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;
  width: 100%;
  display: block;
}

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

.black-box-holder {
  background-color: #171717;
  border-radius: 20px;
}

.black-box-holder.about-box {
  background-color: #111;
  align-items: center;
  height: 100%;
  padding: 40px;
  display: flex;
  position: relative;
}

.hero-center-text {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-family: Exo, sans-serif;
  font-size: 70px;
  font-style: italic;
  font-weight: 500;
}

.slider-image {
  object-fit: cover;
  border-radius: 35px;
  width: 100%;
  height: auto;
}

.left-arrow-image {
  width: 50%;
}

.slider-holder {
  object-fit: fill;
  width: 100%;
  margin-top: 2em;
  position: relative;
}

.gradient-text-simple {
  background-image: linear-gradient(90deg, var(--magenta), var(--primary) 50%, var(--secondary));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.gradient-text-simple.center-text {
  font-size: 60px;
  overflow: visible;
}

.map-holder {
  border: 1px solid var(--blue-grey);
  width: 100%;
  height: 100%;
  position: relative;
}

.mask {
  border-radius: 35px;
  width: 100%;
  height: 100%;
}

.card-about-content {
  color: var(--text-color);
  font-family: Outfit, sans-serif;
  font-size: 24px;
  font-weight: 500;
}

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

.element-holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.right-arrow {
  background-color: #000;
  background-image: linear-gradient(261deg, #fff, #dcacff 25%, #ad68f3 55%, #2b2883 80%, var(--primary));
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  inset: auto 3% 7% auto;
}

.grid-3-col-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}

.gradient-arrow-holder {
  background-color: #000;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  display: flex;
  position: absolute;
}

.hero-center-text-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 50px;
  line-height: 50px;
  display: flex;
  overflow: hidden;
}

.black-box-main-holder {
  background-color: #111;
  border-radius: 20px;
  padding: 40px;
  position: relative;
}

.border-gradient {
  z-index: -1;
  background-image: linear-gradient(#fff, #dcacff 20%, #ad68f3 50%, #2b2883 80%, #0c0c0c);
  border-radius: 20px;
  height: 100%;
  margin: -1px;
  position: absolute;
  inset: 0%;
}

.team-lead-member-image-holder {
  z-index: 1;
  width: 100%;
  height: auto;
  padding-top: 100%;
  position: relative;
}

.team-lead-member-image-holder.project-card-img-holder {
  border-radius: 12px;
  padding-top: 70%;
}

.team-lead-member-content {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  margin-top: 20px;
  display: flex;
}

.white-heading-text {
  color: #fff;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.white-heading-text.fade-in-blur-on-scroll.text-grey {
  color: #212121;
  letter-spacing: 0;
  font-family: Inter, sans-serif;
}

.white-heading-text.text-black {
  color: #101010;
}

.team-lead-grid {
  grid-column-gap: 30px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 5em;
  position: relative;
}

.team-lead-grid.mt-0.sm-gap-0 {
  grid-row-gap: 30px;
  justify-content: center;
  margin-top: 2em;
}

.team-lead-grid.mt-0.sm-gap-0.mt-0px {
  margin-top: 0;
}

.team-lead-member-image {
  object-fit: contain;
  border-radius: 11px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.center-heading {
  color: var(--transparent);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 52px;
  font-weight: 500;
}

.center-heading.white-title {
  font-size: 60px;
}

.hero-text-in-grid-holder.fade-in-blur-on-scroll, .hero-text-in-grid-holder.fade-in-blur-on-scroll._w-full {
  width: 100%;
}

.heading-generic {
  color: #fff;
  text-align: left;
  font-size: 35px;
  font-weight: 600;
}

.heading-generic.faqh3 {
  color: #272727;
}

.heading-generic.faqh3.faq-question-wrap {
  color: #2b2b2bba;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 30px;
}

.heading-generic.mb-2 {
  margin-bottom: 14px;
}

.heading-generic.text-black {
  color: #000;
}

.about-list {
  padding-left: 0;
}

.office-image-holder {
  width: 100%;
  height: 100%;
}

.about-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.6fr 1fr;
  margin-top: 4em;
}

.document-image-holder {
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-family: Inter, sans-serif;
  display: flex;
  position: relative;
}

.office-image {
  object-fit: cover;
  border: 1px solid #0000002e;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  transform: perspective(2000px);
}

.office-image.case-study-img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid #00000030;
  border-radius: 12px;
}

.office-image.case-study-img.obj-cover-center.saturate-filter {
  filter: saturate(78%);
  object-position: 50% 50%;
}

.office-image.obj-right {
  object-position: 100% 50%;
}

.office-image.obj-left {
  object-position: 0% 50%;
}

.office-image.border-0 {
  border-style: none;
}

.document-image {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  transform: perspective(2000px);
}

.investors-holder {
  width: 100%;
  height: 100%;
  min-height: 700px;
  padding: 40px 50px;
  position: relative;
}

.investor-text-paragraph-holder {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.medium-about-text {
  color: #fff;
  font-family: Outfit, sans-serif;
  font-size: 6vw;
}

.work-with-us-holder {
  font-family: Inter, sans-serif;
}

.work-with-us-container {
  grid-column-gap: 5em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  margin-top: 6em;
  margin-bottom: 6em;
  display: grid;
}

.work-with-us-image-container {
  perspective: 2000px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 170px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.work-with-us-prod-logo {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 50px;
  max-height: 100px;
}

.about-bg-gradient-image {
  z-index: -1;
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.job-postion-card-holder {
  cursor: pointer;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
  overflow: hidden;
}

.bold-white-text {
  color: #fff;
  font-family: Inter, sans-serif;
}

.career-item-line {
  background-color: var(--highlight);
  width: 60%;
  height: 2px;
  min-height: 2px;
  position: absolute;
  top: 50%;
  left: 28%;
}

.career-item-line._1 {
  background-color: var(--highlight);
}

.career-item-line._2 {
  background-color: var(--highlight);
  width: 60%;
  top: 57%;
  left: 28%;
}

.more-info-holder {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.career-arrow-bg {
  z-index: 0;
  border: 2px solid var(--secondary);
  background-color: #121212;
  border-radius: 7px;
  position: absolute;
  inset: 0%;
}

.career-item-title {
  color: var(--untitled-ui--grey200);
  font-family: Outfit, sans-serif;
  font-size: 32px;
  font-weight: 500;
}

.career-arrow-image-gradient {
  z-index: 1;
  width: 20px;
  position: relative;
}

.center-text-container {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  margin-bottom: 5em;
  margin-left: auto;
  margin-right: auto;
}

.career-arrow-image {
  z-index: 2147483647;
  filter: invert();
  width: 20px;
  position: relative;
}

.arrow-holder {
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  margin-left: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.simple-info-holder {
  z-index: 4;
  background-color: var(--background-box-color);
  border-radius: 15px;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 2em;
  font-family: Inter, sans-serif;
  transition: background-color .35s;
  display: flex;
  position: relative;
}

.simple-info-holder:hover {
  background-color: #1b1919;
}

.job-description-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 200px 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  margin-top: 2em;
  margin-bottom: 2em;
  display: grid;
}

.simple-info {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.accordion-button {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #ff7d1e;
  background-image: linear-gradient(to right, #ff7d1e, #fd40e5);
  border-radius: 12px;
  min-width: 180px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: letter-spacing .3s, color .3s;
}

.accordion-button:hover {
  color: #fff;
  letter-spacing: .3px;
  text-decoration: none;
}

.accordion-button.rounded-primary-color-button {
  background-color: var(--secondary);
  background-image: none;
  border-radius: 200px;
  flex: 1;
}

.accordion-button.primary-color-button {
  background-color: var(--highlight);
  background-image: none;
  border-radius: 10px;
  flex: 1;
  font-family: Inter, sans-serif;
}

.purple-paragraph {
  color: var(--primary);
}

.white-accordion-text {
  color: #fffc;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.pricing-table-main-holder {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5em;
  margin-bottom: 5em;
  display: grid;
}

.product-item-list {
  height: 100%;
}

.card-item-features {
  background-color: #0d0d0d;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px #0000000d;
}

.card-item-features:hover {
  text-decoration: none;
}

.card-item-features.dark {
  background-color: #292b2c;
  border-top-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  justify-content: space-between;
}

.card-item-features.dark.right-radius {
  border-radius: 0 20px 20px 0;
}

.card-item-content-paddings {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 2em 3em;
  display: flex;
  position: relative;
}

.card-item-content-paddings.h-100 {
  justify-content: space-between;
  padding-left: 3em;
  padding-right: 3em;
}

.product-item-title {
  color: #d1d1d1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 500;
}

.product-item-title.light {
  color: #fff;
}

.view-product-details-holder {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  display: flex;
}

.product-item-header {
  width: 100%;
  min-height: 70px;
}

.link-2 {
  flex: 0 auto;
  margin-right: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.link-2:hover {
  text-decoration: none;
}

.price-user-label {
  color: #787878;
  font-size: 16px;
}

.product-item-price-holder {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.product-item-price {
  color: #fff;
  padding-right: 5px;
  font-family: Manrope, sans-serif;
  font-size: 26px;
  font-weight: 800;
}

.product-item-price.light {
  color: #d1d1d1;
  font-family: Mona Sans, sans-serif;
}

.product-item-image {
  float: left;
  object-fit: cover;
  border-radius: 10px;
  width: 70px;
  height: 70px;
  margin-right: 1em;
}

.divider {
  opacity: .1;
  background-color: #fff;
  width: 100%;
  height: 1px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.divider.light {
  background-color: #fff;
}

.product-item-content-grow {
  flex: 1;
  width: 100%;
}

.main-list {
  grid-row-gap: 6px;
  flex-direction: column;
  padding-left: 0;
  display: flex;
}

.list-bullet {
  background-image: url('../images/Red-Tick.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 30px;
  width: 20px;
  height: 20px;
}

.list-text {
  color: #fff;
  font-family: Inter, sans-serif;
}

.button-pricing-plan {
  letter-spacing: 0;
  background-color: #fff;
  background-image: linear-gradient(162deg, #dcacff, #ad68f3 50%, #2b2883);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 300px;
  padding: 13px 30px;
  font-size: 16px;
  font-weight: 500;
  transition: letter-spacing .35s, color .35s;
  display: flex;
}

.button-pricing-plan:hover {
  letter-spacing: 1px;
}

.blog-heading {
  color: #fff;
  font-family: Outfit, sans-serif;
}

.blog-heading.text-black {
  color: #232323;
}

.blog-heading.text-black.text-left {
  text-align: left;
}

.blog-heading.text-black.text-left.fade-in-blur-on-scroll {
  margin-top: 10px;
}

.blog-heading.text-black.text-base {
  font-size: 60px;
}

.white-large-text {
  color: var(--white-color);
  font-family: Inter, sans-serif;
  font-size: 32px;
}

.blog-grid-holder {
  margin-top: 1.5em;
}

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

.blog-grid-item-holder {
  width: 100%;
  height: 100%;
}

.blog-main-image {
  object-fit: cover;
  border-radius: 32px;
  width: 100%;
  height: 100%;
  min-height: 500px;
}

.gradient-main-form-holder {
  background-image: linear-gradient(0deg, #aaa8a8, #dcacff 11%, #ad68f3 32% 43%, #fff 97%);
  border-radius: 32px;
  width: 100%;
  height: 100%;
  padding: 70px 30px 30px;
}

.gradient-main-form-holder.darkgradient {
  background-image: linear-gradient(0deg, #383838, #181818 43%, #4b4a4b 69%, #9b9b9b 84%, #fff 97%);
}

.blog-small-text {
  color: #fff;
  font-family: Outfit, sans-serif;
  font-size: 32px;
  font-weight: 500;
}

.subscribe-holder {
  width: 100%;
  margin-bottom: 0;
}

.blog-subscribe-form {
  z-index: 1;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.blog-subscribe-email {
  color: #fff;
  background-color: #0d0d0d;
  border: 1px solid #1d1d1d;
  border-radius: 12px;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  padding: 10px 109px 10px 24px;
  font-weight: 500;
  line-height: 1;
  transition: background-color .35s, border-color .35s;
}

.blog-subscribe-email:hover {
  background-color: #000000ab;
}

.blog-subscribe-email:focus {
  border-color: var(--notification-bg);
  color: #fff;
  background-color: #1b1a1a;
}

.blog-subscribe-email::placeholder {
  color: #c4c4c4;
  font-size: 16px;
  font-weight: 400;
}

.blog-subscribe-button {
  color: #101111;
  text-align: center;
  background-color: #fff;
  border: 1px solid #151515;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 500;
  transition: border-radius .35s, background-color .35s;
}

.blog-subscribe-button:hover {
  border-width: 1.5px;
  border-color: var(--secondary);
  background-color: #ffffff8a;
}

.form-blog-holder {
  margin-top: 5em;
}

.blog-text-holder {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  margin-top: 4em;
  display: flex;
}

.blog-text-holder.py-7 {
  margin-top: 0;
  padding-top: 5em;
  padding-bottom: 5em;
}

.blog-text {
  color: #fff;
  font-family: Outfit, sans-serif;
  font-size: 32px;
  font-weight: 500;
}

.text-block-5 {
  color: #484848;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.blog-current-link-holder {
  perspective: 2000px;
  width: 100%;
  height: 100%;
  padding: 10px;
  transform: perspective(2000px);
}

.blog-rich-text {
  color: #fff;
  font-size: 14px;
}

.blog-top-text {
  color: #666;
}

.blog-top-category-holder {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  width: 150px;
  display: flex;
}

.category-blog-text {
  color: #fff;
}

.rich-text-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 5em;
  display: grid;
}

.blog-privacy-holder {
  z-index: 2;
  background-color: var(--black);
  opacity: 1;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  min-height: 400px;
  padding: 40px 30px 60px;
  transition: opacity .4s;
  position: relative;
  top: 2rem;
}

.week-newsletter-header-holder {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.weekly-newsletter-header {
  color: #fff;
  font-family: Plusjakartasans, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.paragraph-s {
  font-size: 14px;
  font-weight: 300;
}

.newsletter-form-block {
  margin-top: 2em;
  margin-bottom: 0;
}

.text-field {
  color: #fff;
  background-color: #0d0d0d;
  border: 1px #d0d0d0;
  border-radius: 10px;
  height: 51px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  transition: border-color .4s, background-color .4s;
}

.text-field:hover {
  background-color: #0d0d0d36;
}

.text-field:active {
  color: #fff;
  background-color: #0d0d0d96;
}

.text-field:focus {
  border-color: var(--secondary);
  color: #fff;
}

.text-field.email-footer {
  background-color: var(--background-box-color);
  border-radius: 8px;
  height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.submit-button-container {
  position: relative;
}

.submit-button-container.space {
  flex-direction: column;
  margin-top: 5px;
  display: block;
}

.submit-button {
  z-index: 0;
  border: 1px solid var(--secondary);
  background-color: var(--bg-grey);
  opacity: 1;
  color: #000;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  padding: 15px 30px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  transition: color .35s, background-color .35s;
  position: relative;
  inset: 0%;
}

.submit-button:hover {
  color: #fff;
  background-color: #000;
}

.privacy-policy-sticky {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 100px;
}

.privacy-text {
  color: #7a7a7a;
  margin-top: 15px;
  margin-bottom: 15px;
}

.blog-gradient-border-holder {
  z-index: -1;
  opacity: 1;
  background-image: linear-gradient(#fff, #dcacff 1%, #ad68f3 50%, #2b2883 80%, #0c0c0c);
  border-radius: 20px;
  margin: -1px;
  position: static;
  inset: 0%;
}

.blog-gradient-border-holder._2 {
  z-index: 0;
  opacity: 0;
  background-image: linear-gradient(0deg, #fff, #dcacff 1%, #ad68f3 50%, #2b2883 80%, #0c0c0c);
  position: static;
}

.hero-shop-heading {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #ffffffd9);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 92px;
}

.shop-filter-gradient-holder {
  border: 2px solid #2f2f2f;
  border-radius: 8px;
  width: 80px;
  height: 100%;
  margin-right: 0;
  padding: 1px;
  position: relative;
}

.shop-category-item-link {
  color: #fff;
  background-color: #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 20px;
  transition: background-color .359s;
  display: flex;
  position: relative;
}

.shop-category-item-link:hover {
  color: #fff;
  background-color: #1d1d1d;
}

.shop-category-item-link.w--current {
  background-color: #1d1d1d;
  border-radius: 0;
  width: auto;
  height: 40px;
}

.all-item-text {
  font-size: 16px;
}

.product-quantity-holder {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  display: flex;
  position: relative;
}

.quantity-text {
  color: #fff;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 50px;
}

.quantity-holder {
  z-index: -1;
  background-image: linear-gradient(to right, #fff, #dcacff 35%, #ad68f3 70%, #2b2883);
  border-radius: 8px;
  margin: -1px;
  position: absolute;
  inset: 0%;
}

.shop-add-to-cart-button {
  letter-spacing: .7px;
  background-image: linear-gradient(#dcacff, #ad68f3 30%, #2b2883 60%, #0c0c0c);
  justify-content: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  transition: letter-spacing .35s;
}

.shop-add-to-cart-button:hover {
  letter-spacing: 1.3px;
}

.add-to-cart-holder {
  width: 300px;
}

.text-block-8 {
  color: #fff;
}

.main-error-message {
  color: #fff;
  text-align: center;
  background-color: #c31414;
  border-radius: 6px;
  margin-top: 33px;
  margin-left: 13px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 15px;
}

.main-error-message.newsletter {
  color: #d4d4d4;
  background-color: #a00a0a;
  padding-top: 10px;
  padding-bottom: 10px;
}

.main-success-message {
  background-color: #111;
  background-image: linear-gradient(90deg, var(--secondary), var(--primary) 50%, var(--secondary) 102%);
  color: var(--bg-grey);
  letter-spacing: 0;
  border-radius: 6px;
  padding: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
  box-shadow: 0 0 30px #0000001a;
}

.main-success-message.subscription {
  background-image: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.field-input {
  color: #fff;
  background-color: #161b22;
  border: 1px solid #ffffff26;
  border-radius: 7px;
  height: 60px;
  margin-bottom: 20px;
  padding: 10px 12px;
  font-size: 16px;
  font-weight: 300;
  transition: all .35s;
}

.field-input:hover {
  background-color: #13171d;
}

.field-input:focus {
  background-color: #13171d;
  border-color: #fff3;
}

.field-input::placeholder {
  color: #ffffff4d;
}

.field-input.textarea {
  height: auto;
  min-height: 100px;
}

.field-input.input-field-white {
  background-color: var(--bg-grey);
  color: var(--text-color);
  font-family: Inter, sans-serif;
}

.open-roles-cta {
  z-index: 1;
  grid-column-gap: 68px;
  grid-row-gap: 68px;
  border: 1px undefined undefined;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #161b22;
  background-image: url('../images/black-layer.svg'), linear-gradient(0deg, #fff, #dcacff 1%, #ad68f3 50%, #2b2883 80%, #0c0c0c);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  background-clip: border-box;
  border-radius: 26px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 1px;
  padding: 85px 70px;
  font-family: Inter, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

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

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

.open-roles-cta-container {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  border-radius: 26px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  transform: perspective(2000px);
}

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

.title-holder {
  grid-row-gap: 12px;
  perspective: 1500px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 910px;
  display: flex;
  position: static;
}

.title-holder.fade-in-on-scroll {
  height: Infinity% ;
  object-fit: fill;
  justify-content: center;
  align-items: flex-start;
  position: sticky;
  top: 20px;
}

.title-holder.fade-in-on-scroll.content-sticky {
  position: sticky;
  top: 0;
  left: auto;
}

.white-title {
  color: var(--untitled-ui--grey200);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.25;
}

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

.white-checkout-heading {
  color: #fff;
}

.checkbox-label {
  color: var(--white-color);
  margin-bottom: 0;
}

.checkbox {
  margin-top: 0;
}

.checkout-quantity-text {
  color: var(--white-color);
}

.shipping-method-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

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

._404-holder-2 {
  z-index: 1;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 335px;
  display: flex;
  position: relative;
}

.number-holder {
  z-index: -1;
  height: 100%;
  position: relative;
}

.number-406 {
  color: #fff;
  margin-left: -35px;
  margin-right: -35px;
  font-size: 400px;
  font-weight: 300;
}

._404-coin-image {
  z-index: 1;
  width: 50%;
  position: absolute;
  top: 64.0078px;
}

._404-image-holder {
  cursor: pointer;
  border-radius: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 280px;
  min-width: 280px;
  height: 280px;
  min-height: 280px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.paragraph-button-holder {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10em;
  display: flex;
}

._404-button-holder {
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.light-gray-text {
  color: #d0d9e5;
  font-family: Inter, sans-serif;
  font-size: 12px;
}

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

.navbar-dropdown-icon {
  filter: invert();
  margin-right: 6px;
  padding-left: 0;
}

.navbar-dropdown-icon.white {
  filter: none;
  font-size: 12px;
}

.nav-link-background {
  z-index: -1;
  color: var(--bg-grey);
  background-color: #955ad100;
  border-radius: 100px;
  position: absolute;
  inset: 0%;
}

.main-nav-dropdown {
  height: 100%;
  position: static;
}

.hero-dropdown-heading {
  color: var(--secondary);
  text-transform: uppercase;
  margin-top: 2em;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.main-nav-link {
  z-index: 1;
  color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: relative;
}

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

.main-nav-link.w--current {
  padding-top: 5px;
  padding-bottom: 5px;
  transition: background-position .2s, color .35s;
}

.main-nav-link.w--current:hover {
  background-image: none;
}

.main-nav-link.nav-link-dropdown {
  text-align: center;
  padding: 0 23px 0 0;
  font-size: 15px;
}

.main-nav-link.white-nav-link {
  color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 5px;
  padding-bottom: 5px;
}

.main-nav-link.white-nav-link.w--current {
  background-image: none;
}

.main-nav-link.nav-link-dropdown {
  text-align: center;
  padding-right: 25px;
}

.f2-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.main-phone-image-holder {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.mockup-iphone-holder {
  width: 100%;
}

.grid-images {
  object-fit: cover;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.feature-images-grid-holder {
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  min-width: 100vw;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.feature-images-grid-holder._2 {
  left: 50%;
}

.feature-2-iphone-mockup {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
  position: relative;
}

.feature-app-carousel {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-carousel-image-holder {
  position: absolute;
  inset: 2% 4.5%;
}

.feature-carousel-image-holder._1 {
  right: 4.5%;
}

.feature-app-carousel-main {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.gray-body {
  background-color: #ededed;
}

.demo-border-button {
  color: #000;
  letter-spacing: 0;
  background-color: #fff0;
  border: 1.5px solid #000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-width: 180px;
  padding: 13px 16px;
  transition: letter-spacing .35s, color .35s, border-color .35s;
  display: flex;
}

.demo-border-button:hover {
  border-width: 1.5px;
  border-color: var(--secondary);
  color: var(--secondary);
  letter-spacing: 1px;
}

.black-box-paragraph {
  color: #000;
  text-align: center;
  font-size: 16px;
}

.option-list, .field-label-2, .quantity, .buy-now-button {
  display: none;
}

.add-to-cart {
  justify-content: center;
  align-items: center;
  display: flex;
}

.quantity-2, .buy-now-button-2, .field-label-3, .field-label-4, .quantity-3, .buy-now-button-3 {
  display: none;
}

.feature-app-carousel-holder {
  z-index: 97;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  position: relative;
}

.image-2 {
  z-index: -1;
  border-radius: 20px;
  width: 90%;
  height: 100%;
  position: absolute;
  inset: 2% 0% auto 7%;
}

.hero-text-home-1 {
  color: #ededed;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15vw;
  overflow: hidden;
}

.hero-text-home-1._2 {
  text-align: left;
  width: 50vw;
  padding-left: 1.5vw;
  font-family: Inter, sans-serif;
  font-size: 14vw;
  line-height: 1.2;
}

.hero-text-home-1._1 {
  text-align: right;
  width: 50vw;
  padding-right: 1.5vw;
  font-family: Inter, sans-serif;
  font-size: 14vw;
  line-height: 1.2;
}

.product-phone-image-holder-h1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  margin-right: -26vh;
  padding-top: 11vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-gradient-holder-h1 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 60%;
  display: flex;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.h1-hero-section {
  background-color: #fff;
  padding-top: 3em;
  position: relative;
  overflow: hidden;
}

.home-hero-container-h1 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.hero-text-holder-left {
  text-align: center;
  width: 50vw;
  position: relative;
  overflow: hidden;
}

.hero-text-holder-h1 {
  flex-direction: row;
  justify-content: center;
  width: 99vw;
  display: flex;
  position: absolute;
  top: 70px;
  overflow: hidden;
}

.hero-product-demo-h1 {
  width: 100%;
  height: 100%;
  margin-top: -96px;
  display: block;
  position: relative;
}

.product-container-h1 {
  z-index: 99;
  border-radius: 75px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 1em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-gradient-box-h1 {
  z-index: -2;
  background-image: url('../images/Gradient-Test.png');
  background-position: 0 0;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.product-phone-content-h1 {
  z-index: -1;
  border-radius: 8%;
  width: 27.7vh;
  margin-left: 9.7%;
  position: absolute;
  top: 12vh;
  bottom: 30vh;
  overflow: hidden;
}

.footer-gradient-line-holder {
  width: 100%;
}

.home-2-main-hero {
  position: relative;
}

.home-2-circles-parent {
  z-index: -1;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.hero-v2-circles-holder {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}

.paragraph {
  font-size: 16px;
}

.paragraph.founder-paragraph {
  color: var(--text-color);
  margin-bottom: 10%;
  font-size: 16px;
  font-weight: 300;
  position: static;
}

.gray-light-paragraph {
  color: silver;
  font-size: 16px;
}

.notification-link-holder {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-paragraph {
  color: #9f9f9f;
}

.gray-paragraph-f3 {
  color: var(--text-color);
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
}

.notification-button-holder {
  width: 30%;
}

.multi-element-holder {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.dropdown-toggle {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-radius: 4px;
  align-items: center;
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .475s;
  display: flex;
}

.dropdown-toggle.w--open {
  z-index: 1;
  background-color: #ececec;
}

.dropdown-toggle.semi-bold {
  font-weight: 600;
}

.dropdown-toggle.semi-bold.category {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 16px;
  display: flex;
}

.dropdown-list {
  z-index: 10;
  border: 1px solid var(--secondary);
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 46px;
  transform: translate(0);
}

.dropdown-list.w--open {
  background-color: #fff;
  border: 2px solid #ececec;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 140px;
  top: 46px;
}

.category-small-container {
  z-index: 30;
  background-color: #fff;
  border-radius: 4px;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 0;
  position: relative;
}

.category-small-container.no-margins {
  z-index: 18;
  border: 1px solid var(--secondary);
  min-width: 140px;
  max-width: 150px;
  margin-bottom: 0;
  transform: translate(0);
}

.dropdown {
  z-index: 40;
  border-radius: 4px;
}

.dropdown.category {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  transform: translate(0);
}

.drop-down-arrow {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  width: 15px;
  display: block;
}

.dropdown-link {
  color: var(--text-color);
  width: 100%;
  padding: 15px;
  font-weight: 500;
  transform: translate(0);
}

.dropdown-link:hover, .dropdown-link.w--current {
  color: var(--secondary);
}

.all-text {
  width: 80%;
}

.nav-holder {
  z-index: 99999;
  position: sticky;
  top: 0;
}

.nav-holder.black {
  background-color: #111;
}

.effortless-shopping-text {
  color: var(--untitled-ui--grey200);
  font-family: Inter, sans-serif;
}

.mobile-burger-line {
  background-color: #fff;
  width: 60%;
  height: 1px;
}

.nav-dark {
  z-index: 9999;
  opacity: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--dim-grey);
  -webkit-text-stroke-color: var(--dim-grey);
  mix-blend-mode: normal;
  background-color: #000c;
  width: 100%;
  height: 40px;
  max-height: 40px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 40px;
  font-family: Inter, sans-serif;
  display: block;
  position: fixed;
  top: auto;
  box-shadow: 0 2px 5px #0003;
}

.nav-link-2 {
  opacity: 1;
  pointer-events: auto;
  color: #f5f5f7;
  text-align: center;
  -webkit-text-stroke-color: white;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.nav-link-2:hover {
  opacity: .7;
}

.nav-link-2.w--current {
  color: var(--blue-grey);
  transition-property: color;
  transition-duration: .2s;
}

.nav-link-2.logo {
  object-fit: contain;
  background-image: url('../images/trademark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200px;
  flex: 0 auto;
  align-self: center;
  width: 100%;
  min-width: 200px;
  height: 100%;
  min-height: 100%;
  overflow: visible;
}

.nav-link-2.logo.w--current {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  object-fit: contain;
  transition-property: opacity;
}

.nav-link-2.account {
  background-image: url('../images/abstract-user-flat-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 auto;
  width: auto;
}

.nav-link-2.search {
  background-image: url('../images/search.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.nav-menu {
  pointer-events: auto;
  -webkit-text-stroke-color: var(--transparent);
  justify-content: space-between;
  align-items: center;
  height: 44px;
  max-height: 44px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.container-2 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.mobile-burger {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-top: 7px;
  padding-bottom: 7px;
  display: none;
}

.image-3 {
  text-align: center;
  object-fit: contain;
  font-size: 10vw;
  transition: right .2s;
}

.image-3.marquee-content {
  white-space: nowrap;
  margin-right: 4vw;
  padding-right: 0;
}

.image {
  object-fit: contain;
  font-size: 10vw;
}

.image.marquee-content {
  white-space: nowrap;
  margin-right: 4vw;
}

.image.bg-image {
  opacity: .7;
  mix-blend-mode: overlay;
  object-fit: cover;
  font-family: Inter, sans-serif;
  position: static;
}

.image-4 {
  text-align: center;
  object-fit: contain;
}

.image-4.marquee-content {
  white-space: nowrap;
  margin-right: 4vw;
}

.image-5 {
  text-align: center;
  object-fit: contain;
  display: inline-block;
}

.image-5.marquee-content {
  white-space: nowrap;
  margin-right: 4vw;
}

.copyright-container {
  justify-content: space-between;
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.footer-copyright-text {
  color: #d0d9e5;
  text-align: right;
  -webkit-text-stroke-color: #000;
  font-size: 12px;
  line-height: 16px;
  display: block;
}

.copyright-country-text {
  color: #7e8181;
  order: 1;
  font-size: 12px;
}

.bold-text-2.gradient-text-holder, .bold-text-3, .bold-text-4, .bold-text-5 {
  font-weight: 300;
}

.bold-text-6 {
  height: 50px;
  font-weight: 300;
  line-height: 50px;
  overflow: visible;
}

.bold-text-7, .bold-text-8, .bold-text-9 {
  font-weight: 300;
}

.text-rotater {
  width: 100%;
  height: 100px;
  font-size: 50px;
  font-weight: 400;
  overflow: hidden;
}

.div-block {
  float: none;
  clear: none;
  text-align: center;
  object-fit: fill;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.rotater-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.link-3, .link-4, .link-5, .link-6 {
  color: var(--transparent);
}

.column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  object-fit: fill;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.columns {
  float: none;
  clear: none;
  text-align: center;
  font-size: 100%;
}

.paragraph-2 {
  float: none;
  clear: none;
}

.grey-page {
  background-color: var(--transparent);
}

.main {
  margin-left: 20%;
  margin-right: 20%;
  font-family: Inter, sans-serif;
  line-height: 28px;
}

.list-2 {
  color: var(--text-color);
  font-size: 16px;
  font-weight: 400;
}

.heading-4 {
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.heading-4.subheading {
  font-size: 30px;
  font-weight: 400;
}

.heading-4.privacy-h3 {
  margin-top: 80px;
  font-size: 33px;
}

.heading-4.privacy-h4 {
  color: #3d3d3d;
  font-size: 25px;
}

.div-block-2 {
  float: none;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  margin-right: 0;
  padding-top: 100px;
  display: block;
  overflow: visible;
}

.heading-2 {
  color: #444;
  text-align: center;
  -webkit-text-stroke-color: #444;
  border: 1px #444;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8em;
  position: static;
}

.heading-6 {
  color: #000;
  margin-top: 60px;
  font-size: 38px;
  font-weight: 500;
}

.horizontal-line {
  border-style: solid none none;
  border-width: 1px 0 0;
  border-color: var(--bg-grey);
  -webkit-text-stroke-color: var(--blue-grey);
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.horizontal-line.width80 {
  float: none;
  clear: none;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.horizontal-line.faq-line {
  border: 1px solid var(--dim-grey);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.heading {
  color: #000;
  text-align: center;
  margin-top: 40px;
  padding-bottom: 40px;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 500;
}

.heading.bottom-padding-0 {
  margin-bottom: 0;
  padding-bottom: 10px;
  font-size: 4vw;
}

.paragraph-3 {
  color: #444;
  text-align: left;
  letter-spacing: 1px;
  -webkit-text-stroke-color: #444;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.paragraph-3.meta {
  color: gray;
  margin-top: 60px;
  margin-bottom: 60px;
  font-size: 14px;
  font-weight: 300;
}

.heading-7 {
  color: #000;
  margin-top: 60px;
  font-family: Inter, sans-serif;
  font-size: 38px;
  font-weight: 500;
}

.heading-7.privacy-h2 {
  margin-top: 3em;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.body {
  font-family: Inter, sans-serif;
}

.body-grey {
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  overflow: visible;
}

.body-grey.text-effect-overflow-hidden {
  background-color: var(--transparent);
}

.bold-text-10 {
  letter-spacing: 1px;
  font-weight: 600;
}

.heading-8 {
  color: #444;
  text-align: center;
  -webkit-text-stroke-color: #444;
  text-transform: uppercase;
  border: 1px #444;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8em;
  position: static;
}

.div-block-4 {
  border-top: 1px solid #eee;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.heading-9 {
  color: #000;
  text-align: center;
  margin-top: 40px;
  padding-bottom: 40px;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 500;
}

.paragraph-4 {
  color: var(--text-color);
  text-align: left;
  letter-spacing: 0;
  -webkit-text-stroke-color: #444;
  margin-top: 40px;
  margin-bottom: 10px;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.paragraph-4.meta {
  color: gray;
  margin-top: 60px;
  margin-bottom: 60px;
  font-size: 14px;
  font-weight: 400;
}

.paragraph-4.d-table {
  display: table-column;
}

.paragraph-4.mt-0 {
  margin-top: 10px;
}

.paragraph-4.text-small {
  color: #ffffffe3;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.5;
}

.paragraph-4.text-small.text-center {
  text-align: center;
}

.paragraph-4.text-small.text-center.d-block {
  display: block;
}

.paragraph-4.text-small.text-center.sec-subtitle {
  font-size: 18px;
  font-style: normal;
  line-height: 1.6;
}

.paragraph-4.text-small.text-black {
  color: #000000e3;
}

.paragraph-4.text-small.on-hover-grp {
  z-index: 1;
  text-align: center;
  text-transform: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  background-color: #1f1e1e5e;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: 38%;
}

.paragraph-4.text-small._w--70 {
  width: 70%;
}

.paragraph-4.text-small._w--70.sec-subtitle {
  font-size: 18px;
  font-style: normal;
  line-height: 1.6;
}

.paragraph-4.text-small.sec-subtitle {
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
}

.paragraph-4.text-small.cta-center {
  text-align: center;
}

.header {
  object-fit: contain;
  background-color: #d0d9e5;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 30vh;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.header.faq-header {
  background-color: var(--background-box-color);
}

.heading-10 {
  clear: none;
  direction: ltr;
  color: var(--link-bg-grey);
  text-align: left;
  flex-flow: row-reverse;
  flex: 0 auto;
  place-content: space-around flex-start;
  align-items: flex-start;
  margin-right: 5px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 400;
  display: block;
}

.heading-10.fade-in-move-on-scroll {
  margin-top: auto;
  font-size: 50px;
  line-height: 50px;
}

.f-accordian-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4px;
  padding-bottom: 4px;
}

.rl_contact6_icon-wrapper {
  color: #000;
  flex: none;
  align-self: flex-start;
}

.submit-button-2 {
  color: #d0d9e5;
  background-color: #0a62a9;
  border-radius: 7px;
}

.f-accordian-list {
  background-color: #0000;
  width: 100%;
  display: block;
  position: static;
  overflow: hidden;
}

.rl-text-style-regular {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.support-main {
  margin-top: 60px;
  margin-left: 20%;
  margin-right: 20%;
}

.text-field-2 {
  border-radius: 7px;
  margin-bottom: 20px;
}

.f-accordian-dropdown {
  margin-bottom: 40px;
  transition: all .3s;
  display: block;
}

.rl-padding-global {
  padding-left: 0%;
  padding-right: 0%;
}

.f-accordian-title-wrapper {
  white-space: normal;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 14px;
  display: flex;
}

.form {
  overflow: visible;
}

.heading-11 {
  flex: 0 auto;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 400;
}

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

.rl-heading-style-h2 {
  color: #000;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2;
}

.link-7 {
  color: #111;
  font-family: Inter, sans-serif;
  text-decoration: none;
}

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

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

.rl_contact6_spacing-block-3 {
  width: 100%;
  padding-bottom: 2rem;
}

.f-accordian-wrapper {
  grid-row-gap: 24px;
  border: 1px #e4e6f1;
  border-radius: 8px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  display: block;
}

.f-accordian-toggle {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 4px;
  padding: 0;
}

.rl_contact6_spacing-block-2 {
  width: 100%;
  padding-bottom: 2rem;
}

.select-field {
  border-radius: 7px;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Inter, sans-serif;
  line-height: 28px;
}

.f-accordian-title {
  letter-spacing: -.01em;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
}

.text-field-3 {
  mix-blend-mode: darken;
  border-radius: 7px;
  height: 38px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
}

.rl-text-style-medium {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.f-paragraph-small {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}

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

.f-accordian-icon {
  color: #6b7094;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.rl-padding-section-large {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

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

.rl_section_contact6 {
  background-color: #fff;
}

.marquee {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  width: 200%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: static;
  left: 5px;
  overflow: hidden;
}

.marquee-content {
  white-space: nowrap;
  margin-right: 4vw;
  font-size: 10vw;
}

.image-6 {
  flex: 0 auto;
  width: 100%;
  height: 100%;
  margin-right: 5vw;
  overflow: visible;
}

.image-7 {
  width: 100%;
  height: 100%;
  margin-right: 5vw;
}

.image-8 {
  width: 100%;
  height: 111%;
  margin-right: 5vw;
}

.image-9 {
  height: 111%;
  margin-right: 5vw;
}

.image-10 {
  height: 100%;
  margin-right: 5vw;
}

.image-11 {
  height: 100%;
  margin-left: 100%;
  margin-right: 5vw;
}

.image-12 {
  width: 100%;
  height: 60%;
  margin-right: 5vw;
}

.image-13 {
  height: 70%;
  margin-right: 5vw;
}

.image-14 {
  height: 150%;
  margin-right: 5vw;
}

.image-15 {
  height: 100%;
  margin-right: 5vw;
}

.image-16 {
  height: 300%;
  margin-right: 5vw;
}

.marquee-wrapper {
  white-space: nowrap;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 200%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.marquee-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 50%;
  min-width: 50%;
  height: 8vw;
  padding-left: 5vw;
  display: flex;
  position: static;
  overflow: visible;
}

.image-17 {
  aspect-ratio: auto;
  text-align: center;
  object-fit: contain;
  flex: 0 auto;
  width: auto;
  height: 100%;
  overflow: visible;
}

.marquee-element {
  object-fit: fill;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-right: 5vw;
  display: flex;
}

.marquee-section.section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: auto;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-12 {
  color: #fff;
}

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

.circle-stroke-2 {
  background-color: #fff;
  border-radius: 2000px;
  width: 100%;
  height: 100%;
  margin: 3px;
}

.paragraph-5 {
  color: #000;
}

.paragraph-5.gray-dark-paragraph {
  text-align: center;
}

.paragraph-6 {
  color: var(--blue-grey);
  text-align: left;
  -webkit-text-stroke-color: var(--text-color);
  width: 80vw;
  margin-left: 4rem;
  margin-right: 4rem;
  display: block;
}

.paragraph-6.logos-disclaimer {
  float: right;
  color: var(--blue-grey);
  text-align: right;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 14px;
}

.disclaimer {
  float: none;
  clear: none;
  text-align: left;
  object-fit: fill;
  width: auto;
  margin-top: 8em;
  margin-bottom: 4em;
  display: block;
  position: static;
}

.marquee-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  white-space: nowrap;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: auto;
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.marquee-element-2 {
  object-fit: fill;
  justify-content: center;
  align-items: center;
  min-width: auto;
  height: 50%;
  max-height: 49%;
  display: flex;
}

.div-block-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr minmax(100%, 1fr);
  grid-auto-columns: 1fr;
  display: grid;
}

.marquee-2 {
  object-fit: fill;
  flex-flow: row;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 200%;
  min-width: 200%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: static;
  left: 5px;
  overflow: visible;
}

.image-18 {
  text-align: center;
  object-fit: contain;
  flex: 0 auto;
  width: auto;
  height: 100%;
  overflow: visible;
}

.heading-13 {
  color: var(--dim-grey);
  font-family: Inter, sans-serif;
}

.typeform-wrapper-hxa9xbio {
  height: 500px;
}

.div-block-7 {
  z-index: 1;
  text-align: center;
  position: relative;
  top: 4rem;
}

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

.bold-text-11 {
  z-index: 100;
  font-size: 55px;
  position: static;
}

.rotater-element {
  text-align: center;
  height: 100px;
  font-weight: 400;
}

.image-19 {
  text-align: center;
  width: 150px;
  height: auto;
}

.link-block-24 {
  width: 25px;
  height: 25px;
}

.image-20 {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 10px;
}

.body-2 {
  background-color: var(--black);
  text-align: left;
  font-family: Inter, sans-serif;
  overflow: visible;
}

.section-4 {
  z-index: 1;
  margin-top: 0;
  padding-top: 0;
  position: relative;
  top: 50px;
  overflow: visible;
}

.button-3 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  text-transform: none;
  background-color: #000;
  border-radius: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s, transform .5s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.button-3:hover {
  color: #fff;
  background-color: #dcacff;
}

.button-3.transparent-on-dark-with-border {
  background-color: var(--untitled-ui--gray700);
  border: 1px solid #000;
  border-radius: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: color .35s, border-color .35s, background-color .3s;
}

.button-3.transparent-on-dark-with-border:hover {
  color: #ad68f3;
  background-color: #ffffff1a;
  border-color: #ad68f3;
}

.button-3.white {
  background-color: var(--dim-grey);
  color: #000;
  border-radius: 7px;
  margin-left: 26px;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: color .35s, background-color .3s;
}

.button-3.white:hover {
  color: #fff;
  background-color: #ad68f3;
}

.demo-blur-bg-effect-2 {
  z-index: 0;
  opacity: 0;
  filter: blur(100px);
  background-color: #4652f6;
  width: 80%;
  height: 70%;
  position: absolute;
}

.form-2 {
  margin-bottom: -23px;
  margin-left: 14px;
}

.image-21 {
  width: 25px;
  height: 25px;
}

.image-22 {
  background-color: var(--background-box-color);
}

.heading-14 {
  color: var(--untitled-ui--gray50);
  text-align: right;
  font-family: Inter, sans-serif;
}

.heading-15 {
  color: var(--untitled-ui--gray50);
  text-align: left;
  font-family: Inter, sans-serif;
}

.link-8 {
  color: var(--secondary);
}

.link-8:hover, .link-9:hover, .link-10:hover {
  color: var(--primary-2);
}

.container-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1170px;
  margin-bottom: 4em;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 6em;
  font-family: Inter, sans-serif;
  display: block;
  position: static;
  top: 50px;
  overflow: visible;
}

.medium-gradient-text-2 {
  background-image: linear-gradient(90deg, #fff, #dcacff 50%, var(--secondary));
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 75px;
  font-weight: 500;
}

.center-text-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  font-style: normal;
  line-height: 1.3;
  display: flex;
  overflow: hidden;
}

.content-3.fade-in-move-on-scroll {
  height: auto;
}

.center-paragraph-2 {
  color: silver;
  text-align: center;
  width: 100%;
  font-weight: 600;
}

.center-paragraph-2.gray-light-paragraph {
  font-size: 30px;
  font-weight: 500;
}

.center-paragraph-2.white {
  color: #fff;
}

.center-paragraph-2.heropara {
  color: #828282;
}

.center-paragraph-2.heropara.paragraph-22 {
  font-weight: 500;
}

.world-map {
  width: 100%;
  margin-top: 4em;
  margin-bottom: 4em;
  display: block;
}

.image-24 {
  align-self: center;
}

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

.white-box-main-holder {
  background-color: var(--white-color);
  border-radius: 20px;
  padding: 30px;
  position: relative;
}

.hero-gradient-box-2 {
  z-index: -2;
  background-image: linear-gradient(#fff, #dcacff 30%, #ad68f3 57%, #2b2883 85%, #0c0c0c);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  height: 60%;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.hero-gradient-box-2.f1 {
  height: 100%;
}

.main-heading-2 {
  text-align: center;
  margin-top: 0;
  font-weight: 700;
}

.background-video {
  object-fit: contain;
  width: 100%;
}

.bold-text-12, .bold-text-13 {
  font-weight: 400;
}

.div-block-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-items: baseline;
  display: block;
}

.text-span {
  border-style: solid none;
  border-width: 0 0 5px;
  border-color: #b97af6 #b97af6 #d4a0fd var(--primary-2);
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  border-radius: 100%;
  padding: 10px 0 0 10px;
  display: inline-block;
  position: static;
}

.italic-text {
  z-index: 3;
  background-color: var(--blue-grey);
  color: var(--primary-2);
  -webkit-text-stroke-color: var(--primary-2);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border: 1px #000;
  position: static;
}

.select-field-2 {
  background-color: #161b22;
  border-radius: 11px;
}

.gray-dark-paragraph {
  text-align: center;
  letter-spacing: normal;
  color: #6a6b6d;
  font-size: 24px;
  font-weight: 500;
}

.gray-dark-paragraph.left-paragraph {
  color: var(--untitled-ui--gray600);
  text-align: left;
  margin-bottom: 20px;
}

.gray-dark-paragraph.left-paragraph.text-sum {
  font-size: 18px;
}

.field-container {
  margin-top: 10px;
  margin-bottom: 10px;
}

.field-input-gray {
  mix-blend-mode: normal;
  background-color: #0000;
  border-radius: 10px;
  width: 100%;
  height: 60px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.field-input-gray.input-field-half {
  width: 50%;
}

.field-input-gray.career {
  border: 1px solid var(--blue-grey);
  background-color: var(--untitled-ui--gray300);
}

.textarea.field-input-gray {
  color: var(--background-box-color);
}

.paragraph-8 {
  color: var(--text-color);
  margin-top: 40px;
  font-size: 16px;
}

.paragraph-8.ack {
  color: var(--dim-grey);
}

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

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

.flex-block-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: flex-start center;
  display: flex;
  overflow: auto;
}

.project-form-block {
  flex: 0 auto;
  width: 100%;
  display: block;
  position: static;
  overflow: visible;
}

.footer-container {
  width: 100%;
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4em;
  padding-left: 6em;
  padding-right: 6em;
}

.subscription-form-block {
  width: 100%;
  margin-right: 10px;
}

.center-dark-gradient-title {
  background-image: linear-gradient(146deg, var(--primary), var(--magenta) 50%, var(--primary-2) 102%);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 55px;
  font-weight: 500;
}

.flex-block-4 {
  clear: none;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--transparent);
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 80vw;
}

.flex-block-4.explainer-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.image-25 {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  position: relative;
  bottom: 0;
  right: 0;
}

.div-block-10 {
  margin-top: 2em;
}

.div-block-10._w-12 {
  width: 50%;
}

.div-block-10._w-full {
  width: 100%;
  margin-top: 0;
}

.project-holder {
  float: right;
  margin-top: 8em;
  margin-left: 10px;
  margin-right: 10px;
}

.project-holder.first-content {
  margin-top: 2em;
}

.flex-block-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.project-heading {
  color: var(--text-color);
  font-family: Inter, sans-serif;
  font-size: 44px;
}

.div-block-11 {
  object-fit: fill;
  height: 720px;
  position: static;
}

.project-line {
  border: 1px solid var(--untitled-ui--gray300);
}

.div-block-12 {
  float: none;
}

.div-block-13 {
  z-index: -3;
  object-fit: fill;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0%;
}

.image-26 {
  opacity: 1;
  mix-blend-mode: normal;
  object-fit: fill;
  width: 100%;
  max-width: none;
  height: 100%;
}

.div-block-14 {
  text-align: center;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 30% 0% auto;
}

.div-block-15 {
  opacity: 1;
  mix-blend-mode: normal;
}

.div-block-16 {
  object-fit: cover;
  height: 100%;
}

.div-block-17 {
  position: relative;
}

.greeting.medium-gradient-text-2 {
  background-image: linear-gradient(180deg, var(--transparent), var(--highlight) 50%, var(--magenta));
  margin-top: auto;
  margin-bottom: auto;
  font-family: Caveat, sans-serif;
  font-size: 75px;
}

.highlight-text {
  color: var(--highlight);
}

.zoom-header {
  z-index: 1;
  color: #152133;
  padding-left: .6vw;
  padding-right: .6vw;
  font-size: 5vw;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.zoom-header.right {
  text-align: right;
}

.video {
  width: 100%;
  height: 100vh;
  position: absolute;
}

.svg {
  width: 100%;
  margin-top: 3vh;
  margin-bottom: 3vh;
  position: relative;
  box-shadow: inset 0 0 0 2px #eef7ff, 0 0 0 50vw #eff7ff;
}

.section-5 {
  height: 100vh;
  position: relative;
}

.section-5.hero {
  height: 300vh;
}

.zoom {
  flex-direction: column;
  justify-content: center;
  width: 60vw;
  padding-top: 10vh;
  display: flex;
  position: relative;
}

.heading-16 {
  z-index: 1;
  color: #3330;
  text-align: center;
  letter-spacing: .8vw;
  margin-bottom: 40px;
  padding-left: 4px;
  font-family: Lato, sans-serif;
  font-size: 16vw;
  line-height: .8;
  position: absolute;
}

.sticky-div {
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.section-6 {
  height: 100vh;
  position: relative;
}

.section-6.hero {
  height: 300vh;
}

.heading-17 {
  z-index: 1;
  color: #3330;
  text-align: center;
  letter-spacing: .8vw;
  margin-bottom: 40px;
  padding-left: 4px;
  font-family: Lato, sans-serif;
  font-size: 16vw;
  line-height: .8;
  position: absolute;
}

.sticky-div-2 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.background-video-2 {
  z-index: 3;
  float: none;
  aspect-ratio: auto;
  object-fit: fill;
  object-position: 100% 100%;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.div-block-18 {
  object-fit: scale-down;
  width: 50%;
  height: 100%;
  position: absolute;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.image-27 {
  height: 15vh;
}

.link-block-25 {
  position: absolute;
  bottom: 0;
}

.image-28 {
  width: 50px;
  height: 50px;
}

.marquee_wrap {
  width: 200vw;
  display: flex;
}

.dynamic-marquee_logo-list {
  justify-content: space-around;
  width: 100vw;
  display: flex;
}

.logo {
  width: 10%;
}

.home-logo-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-logo-wrapper.bottom {
  margin-top: -2rem;
}

.clients-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  opacity: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.clients-grid.logo-animate {
  grid-column-gap: 3rem;
  opacity: 1;
  flex: none;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 120rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
}

.clients-grid.logo-animate-alt {
  grid-column-gap: 3rem;
  flex: none;
  width: 100rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.client-logo-2 {
  opacity: .8;
  object-fit: contain;
  width: 100%;
  min-height: 7rem;
  max-height: 7rem;
  transition: opacity .4s;
}

.client-logo-2:hover {
  opacity: 1;
}

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

.home-logo-left-gradient.right {
  background-image: linear-gradient(270deg, var(--black), #fff0);
  inset: 0% 0% 0% auto;
}

.logos-marquee {
  clear: none;
  text-align: left;
  width: 80vw;
  position: static;
}

.embed {
  display: none;
}

.overline {
  color: #72767d;
  text-align: center;
  letter-spacing: .08rem;
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: 500;
}

.client-logo-3 {
  opacity: .8;
  object-fit: contain;
  width: 100%;
  min-height: 50px;
  max-height: 50px;
  transition: opacity .4s;
}

.client-logo-3:hover {
  opacity: 1;
}

.client-logo-3.large-width {
  width: 150%;
  min-height: 100px;
}

.client-logo-3.small-width {
  width: 70%;
  max-width: 10%;
  min-height: 80%;
}

.home-logo-wrapper-2 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.home-logo-left-gradient-2.right {
  color: var(--black);
  background-image: linear-gradient(270deg, #0c0c0c, #fff0);
  inset: 0% 0% 0% auto;
}

.div-block-19 {
  color: #0000;
  text-align: left;
  background-color: #0c0c0c;
  flex-flow: row;
  justify-content: center;
  display: flex;
}

.accordion-2 {
  color: #fff;
  background-color: #636060;
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  align-items: flex-start;
  width: 10%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.accordion-2.active {
  background-color: #63606000;
  width: 70%;
}

.numbers {
  z-index: 10;
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
  position: relative;
}

.flex-fix {
  flex: 1;
}

.vertical-text {
  z-index: 10;
  font-size: 20px;
  position: relative;
}

.accordions {
  color: #fff;
  width: 80%;
  height: 80vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: visible;
}

.accordion-header-2 {
  z-index: 10;
  opacity: 1;
  border-left: 1px solid #888585;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 8vw;
  height: 100%;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
  position: relative;
}

.image-cover {
  opacity: 1;
  object-fit: cover;
  width: 100vw;
  max-width: 100vw;
  height: 100%;
  max-height: 80vh;
}

.image-container {
  z-index: -1;
  align-items: flex-end;
  width: 100%;
  height: 87vh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.accordion-label {
  color: #fff;
  letter-spacing: -3px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14vh;
  line-height: 120%;
  position: absolute;
  top: -1px;
  bottom: auto;
  left: 8vw;
}

.accordion-label.show-mvp {
  display: none;
}

.full-image_component {
  border-radius: 12px;
}

.image-wrapper-16-9 {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.image-wrapper-16-9.mobile-landscape-3-2 {
  border-radius: 12px;
}

.image-wrapper_image {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.reveal-side {
  background-color: #fff;
  width: 50%;
  height: 100%;
  display: none;
  position: absolute;
}

.reveal-side.left {
  background-color: var(--untitled-ui--white);
  inset: 0% auto auto 0%;
}

.reveal-side.left.bg-black {
  background-color: var(--untitled-ui--gray900);
}

.reveal-side.right {
  background-color: var(--white-color);
  inset: 0% 0% auto auto;
}

.reveal-side.right.bg-black {
  background-color: var(--untitled-ui--gray900);
}

.hero-section-2 {
  width: 100%;
  height: 200vh;
  position: relative;
}

.hero-video-container {
  width: 100%;
  height: 100%;
  position: static;
  box-shadow: 1px 1px 7px #0003;
}

.background-video-3 {
  border-radius: .75rem;
  width: 100%;
  height: 100%;
}

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

.play-button {
  -webkit-backdrop-filter: blur(12.5rem);
  backdrop-filter: blur(12.5rem);
  color: #fbfbfa;
  background-color: #d2d2d21a;
  border-radius: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 3.25rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  display: flex;
}

.play-icon {
  flex: 1;
  width: 24px;
  height: 24px;
}

.background-video-4, .background-video-5 {
  border-radius: .75rem;
  width: 100%;
  height: 100%;
}

.hero-video-wrapper {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.background-video-6, .background-video-7 {
  border-radius: .75rem;
  width: 100%;
  height: 100%;
}

.slider-gallery_component {
  flex-flow: column;
  justify-content: space-around;
  width: 100%;
  display: flex;
  position: relative;
}

.slilder-bg_component {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.full-container {
  margin-left: auto;
  margin-right: auto;
  padding-top: 10em;
  padding-bottom: 10em;
  font-family: Inter, sans-serif;
  overflow: visible;
}

.full-container.no-padding-top {
  padding-top: 0;
}

.full-container.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.marquee-infinite-slide-wrapper {
  width: 100vw;
  padding: 5.625rem 0 1.5rem;
  overflow: hidden;
}

.marquee-infinite-slide-box {
  grid-column-gap: 2rem;
  display: flex;
  position: static;
}

.marquee-infinite-slide-block {
  border-radius: 12px;
  width: 40%;
  height: 300px;
}

.marquee-infinite-slide-wrapper-alt {
  width: 100vw;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: hidden;
}

.marquee-infinite-slide-box-alt {
  grid-column-gap: 2rem;
  width: 100vw;
  display: flex;
  position: static;
}

.div-block-21 {
  padding-top: 4em;
  padding-left: 8em;
  padding-right: 8em;
}

.container-4 {
  width: 95%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

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

.change-text-wrapper.container {
  padding-top: 0;
  padding-bottom: 5em;
}

.text-don-t-change {
  color: #71c734;
  text-transform: capitalize;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50;
}

.text-change-wrapper {
  height: 55px;
  margin-bottom: -8px;
  padding-left: 10px;
  font-family: Inter, sans-serif;
  overflow: hidden;
}

.text-change {
  background-color: var(--highlight);
  color: var(--transparent);
  text-transform: none;
  -webkit-text-fill-color: transparent;
  background-image: url('../images/background-image-1.avif');
  background-position: 50%;
  background-size: auto;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 50px;
  display: flex;
}

.div-block-22 {
  align-items: center;
  display: flex;
}

.div-block-22.fade-in-move-on-scroll {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: auto;
}

.div-block-23 {
  object-fit: contain;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: auto;
  height: 100%;
  display: block;
}

.container-w3 {
  width: 100%;
  max-width: 58em;
  margin-left: auto;
  margin-right: auto;
}

.text-effect-wrapper {
  background-color: #000;
  height: 200vh;
  margin-top: -20vh;
  margin-bottom: -20vh;
}

.section-text-gradient-effect {
  z-index: 0;
  font-family: Inter, sans-serif;
  position: relative;
}

.text-effect-overflow-hidden {
  overflow: hidden;
}

.text-effect-inner {
  background-color: #000;
  border: 2px solid #0000;
  position: relative;
  overflow: hidden;
}

.text-overlap-end {
  background-color: #000;
  height: 100%;
  position: absolute;
  inset: auto 0% -100%;
}

.text-effect-text {
  color: #f5f5f7;
  font-size: 3.3em;
  font-weight: 600;
  line-height: 1.2em;
}

.text-effect-sticky-element {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.text-effect-gradient {
  mix-blend-mode: darken;
  background-image: linear-gradient(#000 12%, #351073 26%, #c958de 38%, #fbb1f7 50%, #c958de 64%, #351073 76%, #000 88%);
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.section-z-index-2 {
  z-index: 2;
  position: relative;
}

.section-tutorial {
  color: #f5f5f7;
  background-color: #000;
  padding-top: 9em;
  padding-bottom: 9em;
}

.container-w2 {
  width: 100%;
  max-width: 83.125em;
  margin-left: auto;
  margin-right: auto;
}

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

.p-sm-end {
  padding-bottom: 3em;
}

.title2 {
  font-size: 3.375em;
  font-weight: 600;
  line-height: 1.1em;
}

.row {
  background-color: #0000;
  background-image: url('../images/runzi-zhu-a0U58gHCVRw-unsplash.jpg');
  background-position: 0 0;
  background-size: cover;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.row._2 {
  background-image: url('../images/sydney-angove-GJJGpecwvMs-unsplash.jpg');
  background-position: 0 0;
  background-size: cover;
}

.row._3 {
  background-image: url('../images/cristina-gottardi-ajYKLDAa9tQ-unsplash.jpg');
  background-position: 0 0;
  background-size: cover;
}

.text-holder {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.text {
  color: #fff;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 7vw;
  line-height: 1em;
  display: flex;
  position: fixed;
  inset: 0%;
}

.grid-col {
  position: static;
}

.container-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 6em;
  display: block;
  position: relative;
  top: 50px;
  overflow: visible;
}

.document-image-2 {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  transform: perspective(2000px);
}

.grid-2-col-3 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
}

.grid-2-col-3.about {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}

.list-holder-3 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.about-grid-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.6fr 1fr;
  margin-top: 4em;
}

.tiny-title-2 {
  letter-spacing: 1px;
  text-transform: none;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff, #dcacff 0%, #ad68f3);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  position: static;
}

.bold-text-14 {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.title {
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
  position: relative;
  bottom: 0;
  right: 0;
}

.huge-heading {
  z-index: auto;
  color: var(--untitled-ui--gray50);
  text-align: right;
  text-transform: none;
  max-width: 70%;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 8vw;
  line-height: 100%;
  position: fixed;
  inset: auto 2% 0% auto;
}

.section-1 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: sticky;
  top: 0;
}

.section-grid {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2" 20vw
                 "Area Area-2"
                 / .25fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 100vh;
  margin-top: 80px;
  margin-right: 30px;
  display: grid;
  position: relative;
}

.section-grid._2, .section-grid._3 {
  width: auto;
}

.blank-column {
  width: 20vw;
}

.grid-content {
  background-color: var(--untitled-ui--success700);
  transform-origin: 100% 0;
  border-radius: 20px;
  font-family: Inter, sans-serif;
}

.grid-content._2 {
  border: 1px solid var(--highlight);
  background-color: var(--dark);
  background-image: linear-gradient(180deg, var(--dark), var(--black));
  margin-left: 10px;
  margin-right: -10px;
  padding: 4em 2em 2em;
}

.grid-content._3 {
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--primary-2);
  background-image: linear-gradient(180deg, var(--dark), var(--black));
  margin-right: -19px;
  padding: 4em 2em 2em;
}

.grid-content.collaboration-cards {
  border: 1px solid var(--environment-green);
  background-color: var(--black);
  background-image: linear-gradient(180deg, var(--dark), var(--black));
  box-shadow: 0 2px 5px 0 var(--black);
  padding: 4em 2em 2em;
}

.grid-content._4 {
  background-color: var(--magenta);
  margin-left: 30px;
  margin-right: -29px;
  padding-top: 4em;
  padding-left: 2em;
  padding-right: 2em;
}

.section-2 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: sticky;
  top: 10px;
}

.section-7 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: sticky;
  top: 20px;
}

.section-15 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: sticky;
  top: 30px;
}

.cta-content {
  border: 1px solid var(--untitled-ui--gray600);
  background-color: var(--footer);
  background-image: linear-gradient(180deg, var(--untitled-ui--gray500), var(--untitled-ui--gray600));
  transform-origin: 100%;
  border-radius: 20px;
  min-height: 100vh;
  padding: 4em 2em 0;
}

.sticky-menu {
  z-index: 900;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-direction: column;
  max-width: 20vw;
  margin-top: 20vh;
  padding: 20px;
  font-family: Inter, sans-serif;
  display: flex;
  position: sticky;
  top: 100px;
}

.section-8 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: sticky;
  top: 0;
}

.list-link {
  color: #fff;
  margin-bottom: 10px;
  font-size: 18px;
  text-decoration: none;
}

.list-link:hover {
  color: #30b16a;
  font-weight: 600;
}

.list-link.w--current {
  color: #ffffff4d;
  font-weight: 700;
}

.list-link.cta {
  color: #00a3de;
}

.section-9 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 20px;
}

.sticky-card-sections {
  z-index: 50;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 120px;
  display: flex;
  position: relative;
}

.container-6 {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.container-6.cc-flex-h {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text_left {
  letter-spacing: -.02em;
  margin-top: 12px;
  margin-bottom: 0;
  padding-right: 180px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  display: inline-block;
}

.col-right {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.div-block-24 {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.block {
  color: #fff;
  background-color: #7946f3;
  align-items: stretch;
  min-height: 400px;
  margin-bottom: 100px;
  padding: 48px 50px 56px;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.4;
  display: flex;
  position: sticky;
}

.block._1 {
  background-color: #182952;
  top: 22%;
}

.block._3 {
  background-color: #7045af;
  top: 30%;
}

.block._4 {
  background-color: #e14594;
  margin-bottom: 0;
  top: 34%;
}

.block._2 {
  background-color: #2b3595;
  top: 26%;
}

.col-left {
  flex: 1;
  align-self: stretch;
  position: relative;
}

.learn_wrapper {
  position: sticky;
  top: 34%;
}

.block-title {
  opacity: 1;
  color: #111010;
  text-align: center;
  letter-spacing: -.04px;
  -webkit-text-stroke-color: var(--text-color);
  margin-top: 10px;
  font-family: Inter, sans-serif;
  font-size: 6vw;
  font-weight: 500;
  line-height: 1;
}

.section-10 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-top: 140px;
  padding-bottom: 160px;
  position: relative;
}

.section-10.cc-no-padding-bottom {
  padding-bottom: 0;
}

.block-text {
  letter-spacing: -.01em;
}

.container-7 {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.container-7.cc-flex-h {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-25 {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.section-11 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-top: 140px;
  padding-bottom: 160px;
  position: relative;
}

.section-11.cc-no-padding-bottom {
  padding-bottom: 0;
}

.scroll-dot {
  background-color: #fff;
  border-radius: 100%;
  width: 3px;
  height: 10px;
}

.c-scroll-down {
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.card-details {
  color: var(--text-color);
  margin-bottom: 0;
}

.scroll {
  border: 1px solid #fff;
  border-radius: 1000px;
  justify-content: center;
  width: 30px;
  height: 48px;
  padding: 5px;
  display: flex;
}

.c-card-title {
  margin-bottom: 10px;
}

.card-subtitle {
  color: var(--untitled-ui--gray700);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
}

._w-cards-list {
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
  position: sticky;
  top: 1px;
}

.c-content {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.c-intro {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 140px 20px;
  display: flex;
  position: relative;
}

.c-cards-list {
  transition: all .2s;
  position: relative;
}

.yellow {
  color: #fff080;
}

._w-content {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.c-header {
  margin-bottom: 30px;
}

.card-title-2 {
  color: var(--blue-grey);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 3.5em;
  line-height: 1em;
}

.sliding-card {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  transition: all .25s;
  position: relative;
}

.sliding-card.sc-4 {
  position: sticky;
  top: 260px;
}

.sliding-card.sc-1 {
  position: sticky;
  top: 20px;
}

.sliding-card.sc-3 {
  position: sticky;
  top: 180px;
}

.sliding-card.sc-2 {
  position: sticky;
  top: 100px;
}

.sliding-card.sc-5 {
  position: sticky;
  top: 340px;
}

._w-description {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.header-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Merriweather, serif;
  font-size: 4em;
  font-weight: 900;
  line-height: 1.3em;
}

.c-card-details {
  margin-bottom: 20px;
}

.c-card-content-divider {
  border: .5px solid var(--bg-grey);
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.c-cloneable {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

._w-card {
  border: 1px solid var(--white-color);
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 100px;
  padding: 30px;
  position: relative;
  box-shadow: 1px 1px 5px #0003;
}

.description {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 1.4em;
}

.card_number {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-weight: 800;
}

.card_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  padding: 2rem;
  display: flex;
}

.card_image {
  object-fit: cover;
  width: 40%;
}

.card_number-circle {
  background-color: #fff;
  border-radius: 20rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.content-6 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 60rem;
  display: flex;
}

.stacking-card {
  border-radius: 1rem;
  width: 100%;
  min-height: 35rem;
  display: flex;
  position: sticky;
  top: 10%;
  overflow: hidden;
}

.stacking-card.is-three {
  background-color: #511de0;
}

.stacking-card.is-one {
  background-color: #e63f3f;
  position: sticky;
  left: 0;
}

.stacking-card.is-two {
  background-color: #2ba07d;
}

.youtube-container {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  font-size: 1rem;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.youtube-container:hover {
  transform: scale(1.05);
}

.cards_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  margin-bottom: 14rem;
  display: flex;
  position: relative;
}

.namma-logo {
  align-self: center;
}

.section-12 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

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

.c-card {
  width: 100%;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  transition: all .25s;
  position: relative;
}

.c-card._4 {
  position: sticky;
  top: 260px;
}

.c-card._1 {
  position: sticky;
  top: 20px;
}

.c-card._3 {
  position: sticky;
  top: 180px;
}

.c-card._2 {
  position: sticky;
  top: 100px;
}

.c-card._5 {
  position: sticky;
  top: 340px;
}

.container-8 {
  align-items: flex-start;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding: 10em 6em;
  display: flex;
  position: static;
}

.header-container {
  flex: 1;
  align-self: flex-start;
  margin-right: 2em;
  position: sticky;
  top: 20%;
}

.section-header {
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
}

.content-container {
  flex: 1;
  width: 100%;
  max-width: 800px;
  padding: 20px;
}

.content-container.career {
  background-color: var(--untitled-ui--gray300);
  border-radius: 15px;
}

.content-container.px-0 {
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

.top-block-text {
  position: absolute;
  top: 20px;
}

.image-cover-2 {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.apple-grid-block {
  color: #fff;
  text-align: center;
  background-color: #1a1a1a;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.apple-grid-block.green {
  background-color: #0c3138;
}

.image-nudge-down {
  position: relative;
  bottom: -8px;
}

.middle-block-text {
  position: absolute;
}

.apple-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 2fr 2fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  height: 100%;
}

.bottom-block-text {
  position: absolute;
  bottom: 20px;
}

.image-nudge-up {
  position: relative;
  top: -15px;
}

.flipcard-wrapper {
  font-family: Inter, sans-serif;
  position: relative;
}

.flipcard-front {
  opacity: 1;
  backface-visibility: hidden;
  color: #fff;
  mix-blend-mode: normal;
  background-image: url('../images/Office-Image_1Office Image.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  height: 500px;
  padding-top: 72px;
  padding-left: 40px;
  padding-right: 51px;
  position: relative;
  box-shadow: 1px 1px 9px #000c;
}

.flipcard-front.flipcard-privacy {
  background-image: none;
  border-radius: 16px;
  height: 400px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.flipcard-front.flipcard-tech {
  border-radius: 16px;
  height: 400px;
}

.flipcard-front.flipcard-integrity {
  background-color: #000;
  background-image: none;
  border-radius: 16px;
  height: 400px;
  padding-top: 0;
}

.flipcard-front.flipcard-social {
  background-image: none;
  border-radius: 16px;
  height: 400px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.flipcard-title {
  margin-top: 0;
  margin-bottom: 6px;
  font-family: Inter, sans-serif;
  font-size: 40px;
  line-height: 62px;
}

.flipcard-subtitle {
  max-width: 215px;
  font-weight: 700;
  line-height: 21px;
}

.flipcard-more {
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.flipcard-back {
  background-color: var(--untitled-ui--gray50);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  height: 400px;
  padding-top: 66px;
  padding-left: 2em;
  padding-right: 2em;
  font-family: Inter, sans-serif;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
  box-shadow: 7px 7px 40px 6px #00000017;
}

.flipcard-back.flip-card-back-top {
  background-color: var(--untitled-ui--gray50);
  border-radius: 16px;
  height: 400px;
  padding-left: 2em;
  padding-right: 2em;
}

.flipcard-back-title {
  color: var(--text-color);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 0;
  margin-bottom: 28px;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 48px;
}

.flipcard-less {
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.bold-text-15 {
  font-size: 32px;
  position: absolute;
  bottom: 1.5em;
  left: 1em;
}

.bold-text-16 {
  font-size: 32px;
  position: absolute;
  bottom: 2em;
  left: .5em;
}

.div-block-26 {
  background-image: url('../images/users-icon.png');
  background-position: 50%;
  background-size: cover;
  height: 23%;
}

.div-block-26.tabel-image {
  height: 100%;
}

.read-more-icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.div-block-27 {
  position: absolute;
  left: 10px;
}

.div-block-27.block-title {
  z-index: 3;
  inset: 75% auto 0% 0%;
}

.div-block-27.title-big {
  color: var(--untitled-ui--gray100);
  width: 100%;
  max-width: 50%;
  font-size: 5vw;
  inset: 65% auto 10% -5%;
}

.div-block-28 {
  z-index: 3;
  height: auto;
  position: static;
  top: auto;
  left: auto;
}

.button-text {
  color: #000;
  font-size: 1rem;
  font-weight: 600;
}

.img-1 {
  border-radius: 20px;
  margin-top: 1rem;
}

.img-1.filters {
  filter: contrast(170%) brightness(170%) saturate(0%);
  cursor: pointer;
  width: 100%;
  transition: filter .4s;
}

.img-1.filters:hover {
  filter: saturate(200%);
}

.button-4 {
  background-color: #bb8d8d;
  border: 2px solid #bb8d8d;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem;
  transition: all .4s;
  display: flex;
}

.button-4:hover {
  background-color: #926b6b;
  border: 2px solid #926b6b;
}

._12-column-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr);
  grid-auto-columns: 1fr;
  align-content: end;
  align-items: start;
  width: 100%;
  padding-left: 20px;
  display: grid;
}

.img-wrapper {
  perspective: 1000px;
  flex-direction: column;
  max-width: 300px;
  display: flex;
  overflow: hidden;
}

.img-wrapper._03 {
  margin-top: 120px;
}

.img-wrapper._02 {
  margin-top: 60px;
}

.img-wrapper._05 {
  margin-top: 80px;
}

.img-wrapper._04 {
  margin-top: 100px;
}

.all-images {
  flex-direction: row;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.text-block-9 {
  color: var(--transparent);
}

.text-block-10 {
  color: var(--dim-grey);
  font-family: Inter, sans-serif;
}

.text-block-11 {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.nav-links {
  align-items: center;
  display: flex;
}

.nav-logo {
  max-width: 70%;
}

.nav-width-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1244px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hamburger-top {
  -webkit-text-stroke-color: var(--dim-grey);
}

.main-nav {
  opacity: 1;
  overflow: unset;
  background-color: #0000;
  align-items: center;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6em;
  padding-right: 6em;
  font-weight: 500;
  display: flex;
  position: sticky;
  top: 0;
}

.nav-menu-button {
  color: var(--bg-grey);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  font-weight: 400;
  transition: color .35s;
}

.nav-menu-button:hover, .nav-menu-button:focus {
  color: #00aeef;
}

.nav-menu-button.highlight {
  background-color: #fd0;
  border-radius: 5px;
  margin-left: 10px;
  padding: 5px 10px;
}

.nav-menu-button.highlight:hover {
  color: #000;
}

.brand.w--current {
  color: var(--white-color);
}

.background-video-8 {
  width: 100%;
}

.flip-card-text {
  color: var(--text-color);
}

.body-3 {
  font-family: Inter, sans-serif;
}

.div-block-31 {
  background-color: var(--transparent);
}

.heading-18 {
  color: var(--blue-grey);
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.heading-18.main-heading {
  color: #282b2f;
  font-size: 32px;
}

.section-tag-container {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  font-size: 11px;
  line-height: 1em;
  display: flex;
}

.section-tag-container.container.linecontainer {
  padding-top: 0;
  padding-bottom: 0;
}

.section-tag-line {
  opacity: .42;
  background-image: linear-gradient(84deg, #000, #fff);
  flex: 1;
  height: 1px;
  min-height: 1px;
  margin-left: 20px;
}

.section-tag-line.line-2 {
  background-image: linear-gradient(274deg, #000, #fff);
}

.text-block-12 {
  font-size: 18px;
  line-height: 1;
}

.div-block-32 {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: contain;
  flex-flow: wrap;
  flex: 1;
  min-width: 60%;
  min-height: 100%;
  display: block;
  position: relative;
  inset: 5% -14% 0% auto;
  overflow: visible;
}

.footer-category-item {
  color: #f8f0f0;
  letter-spacing: -.01em;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: .5em;
}

.footer-category-item:hover {
  color: #a28a8a;
  background-color: #0000;
  text-decoration: underline;
}

.footer-category-item.last {
  margin-bottom: 0;
}

.footer-breadcrumbs-wrapper {
  border-top: 1px solid #d6d6d6;
  align-items: center;
  padding-top: 17px;
  padding-bottom: 17px;
  display: flex;
}

.disclaimer-message {
  color: #888;
  margin-top: 24px;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  line-height: 16px;
}

.footer-icon.separator {
  margin-left: 10px;
  margin-right: 10px;
}

.footer-icon.apple {
  opacity: 1;
  filter: invert();
  color: #fafafa;
  cursor: pointer;
}

.footer-icon.apple:hover {
  opacity: 1;
}

.country-link {
  color: #f4efef;
  cursor: pointer;
  border-top: 1px #d6d6d6;
  border-bottom: 1px #d6d6d6;
  border-right: 1px #d6d6d6;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
}

.country-link:hover {
  color: #a28a8a;
  text-decoration: underline;
}

.extras {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-category-header {
  color: var(--transparent);
  letter-spacing: -.01em;
  margin-top: 0;
  padding-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.33em;
  overflow: clip;
}

.site-map-links {
  color: var(--dim-grey);
  cursor: pointer;
  border-top: 1px #d6d6d6;
  border-bottom: 1px #d6d6d6;
  border-right: 1px solid #d6d6d6;
  margin-bottom: 0;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  transition: color .35s;
}

.site-map-links:hover {
  color: #a28a8a;
  text-decoration: underline;
}

.site-map-links.last {
  cursor: pointer;
  border-right-style: none;
}

.legal {
  padding-top: 34px;
  padding-bottom: 21px;
}

.footer-2 {
  z-index: 5;
  background-color: #1d1d1f;
  justify-content: space-around;
  align-items: baseline;
  display: flex;
  position: relative;
}

.single-footer-category {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 22px;
  margin-right: 59px;
  font-family: Inter, sans-serif;
  display: flex;
}

.single-footer-category.stacked {
  margin-bottom: 24px;
}

.footer-columns-d {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  max-width: 880px;
  height: auto;
  padding-top: 0;
  padding-right: 8px;
  font-family: Inter, sans-serif;
  display: flex;
  position: static;
}

.breadcrumb-link {
  color: #fafafa;
  letter-spacing: -.01em;
  cursor: default;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33341em;
}

.breadcrumb-link:hover {
  text-decoration: none;
}

.contact-messaging {
  color: var(--dim-grey);
  border-top: 1px #d6d6d6;
  border-bottom: 1px #d6d6d6;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 10px;
  line-height: 16px;
}

.image-29 {
  margin-right: 5px;
}

.container-9 {
  mix-blend-mode: normal;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-family: Inter, sans-serif;
}

.site-map {
  margin-left: 30px;
  display: flex;
}

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

.single-footer-column {
  flex-direction: column;
  align-items: flex-start;
  margin-top: -22px;
  margin-bottom: 0;
  display: flex;
}

.single-footer-column.d {
  flex-flow: row;
  align-items: flex-start;
  margin-top: -26px;
  margin-bottom: 10px;
  padding-right: 60px;
  font-family: Inter, sans-serif;
}

.single-footer-column.h {
  margin-top: -46px;
  padding-right: 10px;
}

.inline-contact-link {
  color: #888;
  text-decoration: none;
}

.inline-contact-link:hover {
  color: #a28a8a;
  text-decoration: underline;
}

.copyright-and-site-map {
  align-items: center;
  display: flex;
}

.contact {
  color: #888;
  border-top: 1px #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 8px;
  padding-top: 0;
  padding-bottom: 8px;
  font-size: 12px;
  line-height: 16px;
}

.image-30 {
  display: block;
}

.faq-tab-pane {
  width: 100%;
  margin-top: 2rem;
  padding-top: 5rem;
}

.faq-tab-pane.fade-in-move-on-scroll {
  margin-top: 4rem;
  padding-top: 8rem;
}

.heading-19 {
  align-self: auto;
  margin-right: 1rem;
}

.heading-19.serif-font {
  font-family: Merriweather, serif;
  font-weight: 900;
}

.heading-19.serif-font.text-align-center {
  font-family: Inter, sans-serif;
}

.line-vertical {
  background-color: #dbd7ce;
  width: 1px;
  height: 5rem;
}

.nav_link-wrap {
  justify-content: center;
  display: flex;
}

.faq_contact-section {
  background-color: #fafaf4;
  border: 0 #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: block;
  position: relative;
  overflow: visible;
}

.image-31 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.image-31.contain {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.link-11 {
  color: #f3f3f3;
  text-decoration: none;
}

.link-11:hover {
  color: silver;
}

.faq-radio-button {
  color: var(--text-color);
  cursor: pointer;
  border-style: none;
  border-radius: 10%;
  width: 100%;
  height: auto;
  margin: 0;
  transition: opacity .2s;
  position: absolute;
  inset: 0%;
  box-shadow: 2px 2px 5px #0003;
}

.faq-radio-button.w--redirected-checked {
  background-color: #ebe7e775;
  border-width: 2px;
  border-color: #311a0b;
  border-radius: 8%;
}

.footer-bottom {
  border-top: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.footer-bottom.text-size-small {
  border-top-color: #fff;
}

.main-wrapper {
  padding-top: 3rem;
}

.collection-list-2 {
  margin-top: 1rem;
}

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

.search-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 2%;
}

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

.icon-1x1-medium-4 {
  color: #ececec;
  width: 1rem;
  height: 1rem;
}

.faq-form {
  flex-flow: column;
  align-items: center;
  width: 100%;
  padding-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

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

.faq-form-wrapper {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 6em;
  padding-right: 6em;
  display: flex;
  position: relative;
}

.reset-button-wrapper {
  justify-content: flex-end;
  display: flex;
}

.nav_logo-link {
  width: 8rem;
}

.reset-text {
  color: #7c4c2f;
  text-align: right;
  cursor: pointer;
  padding: .5rem;
  text-decoration: none;
  display: inline;
}

.reset-text:hover {
  opacity: 1;
  background-color: #f8f6f6;
  border-radius: 10px;
}

.text-block-23 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
}

.footer4_component {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: auto;
  justify-content: space-between;
  place-items: center;
  display: grid;
}

.radio-text {
  text-align: center;
  margin-bottom: 0;
  font-size: 1rem;
  text-decoration: none;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.footer4_logo-link {
  color: #030013;
  text-decoration: none;
}

.faq-collection-item {
  border-bottom: 1px solid #dbd7ce;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.nav {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0000;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: fixed;
  inset: 0% 0% auto;
}

.icon-7 {
  color: #817e7e;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

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

.image-holder {
  clear: none;
  object-fit: fill;
  flex-direction: column;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.image-holder.faq {
  z-index: 1;
  justify-content: center;
  align-items: stretch;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.icon-1x1-large {
  width: 3rem;
  height: 3rem;
}

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

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

.image-small {
  width: auto;
}

.faq-type-item {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px none var(--transparent);
  background-color: var(--untitled-ui--gray100);
  color: var(--text-color);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-right: 0;
  padding: 2rem 1rem;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #00000080;
}

.faq-type-item:hover, .faq-type-item.w--current {
  color: #222121;
  background-color: #ebe7e7;
}

.faq-type-item.w--current:hover {
  background-color: #ebe7e7;
}

.timings-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.search-wrapper {
  width: 100%;
  position: relative;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.faq-types-wrapper-grid {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 8rem;
  margin-bottom: -5rem;
  display: grid;
  position: relative;
}

.faq-types-wrapper-grid.fade-in-on-scroll {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.link-white {
  color: #ececec;
}

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

.margin-bottom.margin-medium.margin-top {
  margin-top: 4rem;
}

.logo-text {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
}

.logo-text.black {
  color: #2b2b2c;
}

.nav_link {
  color: #313030;
  white-space: nowrap;
  border: 1px #030013;
  border-radius: 20px;
  padding: .5rem 1rem;
  transition: all .2s;
}

.nav_link:hover {
  color: #191919;
  background-color: #f7f5f5;
  border-style: none;
  border-color: #fff;
  padding: .5rem 1.5rem;
  font-style: normal;
  text-decoration: none;
}

.heading-3.serif-font {
  text-align: center;
  font-family: Merriweather, serif;
}

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

.section_footer {
  background-color: #19191a;
  margin-top: 0;
}

.footer4_links {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
  display: flex;
}

.contact-block {
  background-color: #eee;
  border: 1px solid #a4a5a7;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.text-color-white-2 {
  color: #e0e0e0;
}

.faq_search-section {
  z-index: 2;
  position: relative;
}

.search-field {
  border: 1px solid #a4a5a7;
  border-radius: 0;
  width: 100%;
  height: 3.5rem;
  margin-bottom: 0;
}

.search-field.text-size-medium {
  border-color: #dbd7ce;
  border-radius: 10px;
  padding-left: 3.2rem;
  padding-right: 3.2rem;
}

.empty-state {
  background-color: #f7f5f5;
}

.padding-section-medium {
  padding-top: 8rem;
  padding-bottom: 0;
}

.text-size-regular {
  font-size: 1rem;
}

.footer4_socials-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #000;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.background-image {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65vh;
  display: flex;
  position: relative;
}

.background-image.not-fixed {
  background-image: url('../images/why-keeps-bg.jpeg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: auto;
}

.background-image.not-fixed.faq {
  background-color: var(--untitled-ui--gray300);
  background-image: none;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  height: 60vh;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.search-filter-form-block {
  width: 100%;
}

.div-block-33 {
  width: 100%;
  height: 1px;
}

.faq-circle {
  background-color: #f3f3f3;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 55px;
  min-width: 55px;
  height: 55px;
  min-height: 55px;
  display: flex;
}

.faq-circle.job-icon {
  background-color: var(--blue-grey);
}

.faq-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.faq-question-bar {
  color: var(--untitled-ui--gray600);
  border-radius: 12px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
}

.faq-paragraph {
  color: var(--untitled-ui--gray500);
  letter-spacing: -.03em;
  border: 0 #000;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.faq-paragraph.list-faq {
  margin-top: -7px;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 30px;
}

.faq-paragraph.m-1 {
  margin-top: -10px;
}

.faq-content-2 {
  overflow: hidden;
}

.faq-question-wrap {
  cursor: pointer;
  background-color: #0000;
  border: 0 #000;
  padding-left: 40px;
  padding-right: 40px;
}

.question-title {
  color: var(--text-color);
  text-align: left;
  letter-spacing: -.03em;
  flex: 0 auto;
  align-self: auto;
  margin-right: 10px;
  font-size: 20px;
  font-weight: 400;
  display: block;
}

.link-12 {
  color: var(--dim-grey);
}

.gray-section {
  background-color: var(--dark);
  font-family: Inter, sans-serif;
}

.gray-section.top-margin-l {
  margin-top: 8em;
}

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

.close-overlay {
  z-index: 9;
  opacity: .25;
  color: var(--white-color);
  cursor: pointer;
  position: absolute;
  inset: 0;
}

.popup-header {
  text-align: left;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 35px;
  font-weight: 900;
  line-height: 1.2em;
}

.modal-scroll {
  width: 100%;
  min-height: auto;
  margin-top: 50px;
  padding: 50px 50px 100px;
  position: absolute;
}

.price-2 {
  padding-left: 6px;
  font-size: 32px;
  font-weight: 400;
}

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

.upgrade-row {
  text-align: left;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.pricing-box {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 8px;
  width: 48%;
  padding-bottom: 30px;
  transition: transform .2s ease-out, box-shadow .2s;
  overflow: hidden;
}

.feature-item.not-available {
  opacity: .5;
  filter: grayscale();
}

.pricing-column-contain {
  padding-left: 10%;
  padding-right: 10%;
}

.pricing-column-contain.top-price-contain {
  text-align: center;
  background-color: #00000008;
  padding-top: 17px;
  padding-bottom: 15px;
  font-size: 14px;
  font-weight: 700;
}

.pricing-column-contain.top-price-contain.green-price-contain {
  color: #1ab478;
  background-color: #28d8931a;
  justify-content: center;
  display: flex;
}

.upgrade-accent {
  background-color: #28d893;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.founders-note-overlay {
  z-index: 8888;
  background-color: #000000bf;
  font-family: Inter, sans-serif;
  display: block;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.price-text {
  color: #919496;
  margin-bottom: 15px;
  padding-left: 6px;
  font-size: 12px;
}

.price-duration {
  padding-left: 5px;
  font-size: 16px;
  font-weight: 500;
}

.popup {
  background-color: var(--white-color);
  cursor: pointer;
  width: auto;
  height: auto;
  position: absolute;
  inset: auto 20px 20px auto;
}

.discount-label {
  color: #fff;
  background-color: #28d893;
  border-radius: 5px;
  margin-left: 10px;
  padding-top: 1px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}

.popup-container {
  z-index: 1000;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  min-height: 400px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 50px 50px;
  font-weight: 300;
  display: block;
  position: relative;
  overflow: hidden;
}

.feature-text-2 {
  padding-left: 15px;
  display: inline-block;
}

.feature-wrapper {
  border-bottom: 1px solid #d9dadc;
  margin-bottom: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 15px;
  line-height: 32px;
}

.upgrade-button {
  color: #fff;
  text-align: center;
  background-color: #254054;
  border-radius: 5px;
  padding: 15px 22px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6em;
  text-decoration: none;
  transition: background-color .3s, box-shadow .3s;
  box-shadow: 0 20px 30px -10px #1810635c;
}

.upgrade-button:hover {
  background-color: #000;
  box-shadow: 0 10px 20px -5px #1810635c;
}

.upgrade-button.full-upgrade-button {
  display: block;
}

.upgrade-button.full-upgrade-button.primary-upgrade-button {
  background-color: #28d893;
  box-shadow: 0 20px 30px -10px #1810632e;
}

.upgrade-button.full-upgrade-button.primary-upgrade-button:hover {
  background-color: #1cb176;
  box-shadow: 0 10px 10px -5px #1810632e;
}

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

.image-32 {
  text-align: left;
}

.div-block-36 {
  object-fit: contain;
  width: 250px;
  height: auto;
}

.in-line-link {
  color: var(--text-color);
}

.popup-close {
  background-color: var(--bg-grey);
  border-radius: 20px;
  width: 35px;
  height: 35px;
  padding: 10px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.services-dropdown {
  background-color: #0e0e0e;
  justify-content: center;
  align-items: center;
  padding-top: 22px;
  padding-bottom: 17px;
  display: flex;
}

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

.iconlink {
  color: #f5f5f7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.iconlink:hover {
  color: #1e9cff;
}

.text-block {
  margin-top: -5px;
  font-size: 12px;
}

.new {
  color: #f86808;
  font-size: 10px;
}

.div-block-37 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  color: #fff;
  background-color: #305056;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: grid;
  position: fixed;
  inset: 60px 0% auto;
  overflow: hidden;
  box-shadow: 0 20px 25px -10px #1b323699;
}

.nav-bg {
  background-color: #305056;
  height: 100%;
  position: absolute;
  inset: -1px 0% auto;
}

.dropdown-link-wrap {
  opacity: .7;
  text-align: center;
  border: 3px solid #3e6d79;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  margin: 20px 10px;
  padding: 10px 20px 20px;
  transition: background-color .2s, opacity .2s;
  display: flex;
}

.dropdown-link-wrap:hover {
  opacity: 1;
  background-color: #3e6d79;
}

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

.dropdown-2 {
  position: static;
}

.nav-menu-2 {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
  position: static;
}

.nav-logo-2 {
  width: 40px;
}

.dropdown-link-icon {
  width: 100px;
  margin-top: 20px;
  margin-bottom: 35px;
}

.navlink {
  color: #fffc;
  text-transform: uppercase;
  border-bottom: 1px solid #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  display: flex;
  position: static;
}

.navlink:hover {
  color: #fffc;
  border-bottom: 1px solid #fff;
}

.menu-button {
  position: static;
}

.navbar-2 {
  background-color: #0000;
  width: 100%;
  height: 60px;
  position: fixed;
}

.dropdown-link-2 {
  color: #fff;
  letter-spacing: .4px;
  text-transform: uppercase;
  border-bottom: 1px solid #0000;
  flex-direction: column;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 31px;
  padding-right: 31px;
  font-size: 16px;
  font-weight: 500;
  transition: border-color .2s;
  display: flex;
}

.dropdown-link-2:hover {
  border-bottom: 1px solid #fff;
}

.nav-elements {
  border-bottom: 1px solid #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  display: flex;
  position: relative;
}

.icon-8 {
  margin: 0 0 2px 5px;
  position: relative;
}

.div-block-38 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  color: #fff;
  background-color: #305056;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: grid;
  position: fixed;
  inset: 60px 0% auto;
  overflow: hidden;
  box-shadow: 0 20px 25px -10px #1b323699;
}

.menu-button-3 {
  position: static;
}

.icon-9 {
  margin: 0 0 2px 5px;
  position: relative;
}

.icon-10 {
  color: #888;
  margin-right: 0;
  padding-top: 1px;
}

.dropdown-description-wrapper {
  width: 100%;
  padding-bottom: 48px;
  padding-left: 24px;
  padding-right: 24px;
}

.infotext {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
}

.infotext.grey {
  color: #909090;
}

.nav-point-wrapper {
  margin-left: 0;
  margin-right: 0;
  padding-left: 18px;
  padding-right: 18px;
  position: static;
}

.nav-point-wrapper.dropdown {
  margin-left: 0;
  margin-right: 0;
  padding-right: 13px;
}

.nav-point-wrapper.last-nav-item {
  padding-right: 0;
}

.logo-2 {
  width: 150px;
  margin-top: 2px;
}

.dropdown-icon-wrapper {
  width: 100%;
}

.dropdown-list-3 {
  background-color: #f8f9fc;
  height: 400px;
  inset: 82px 0% auto;
  overflow: hidden;
}

.nav-menu-3 {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  position: static;
}

.dropdown-icon {
  width: 60px;
  height: 60px;
}

.centered_w1 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2em;
  padding-right: 2em;
  display: block;
}

.centered_w1.nav-wrapper {
  z-index: 2;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-main {
  z-index: 99;
  background-color: #f7f9fc;
  border-bottom: 1px solid #bebebe;
  width: 100%;
  height: auto;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-link-3 {
  color: #909090;
  letter-spacing: .2px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 33px 0 28px;
  font-size: 15px;
  font-weight: 500;
  transition: color .3s ease-in-out;
}

.nav-link-3:hover {
  color: #de5000;
}

.nav-link-3.w--current {
  color: #de5000;
  border-bottom: 3px solid #de5000;
}

.dropdown-item-wrapper {
  z-index: 1;
  box-shadow: none;
  background-color: #f7f9fc;
  height: 100%;
  display: flex;
}

.dropdown-toggle-2 {
  padding: 0 18px 0 0;
}

.dropdown-item {
  text-align: center;
  background-color: #f7f9fc;
  border-right: 1px solid #ddd;
  flex-wrap: wrap;
  flex: 1;
  align-items: flex-end;
  height: 400px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.dropdown-item:hover {
  background-color: #eff1f5;
}

.logo-wrapper {
  align-self: center;
  margin-right: 42px;
  padding-left: 0;
}

.dropdown-link-3 {
  color: #de5000;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.page-dropdown-overlay {
  z-index: 1;
  background-color: #0006;
  display: none;
  position: fixed;
  inset: 0%;
}

.navbar7_menu-left {
  flex: 1;
  justify-content: center;
  display: flex;
}

.navbar7_menu {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

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

.navbar7_dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

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

.navbar7_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar7_menu-button {
  padding: 0;
}

.navbar7_dropdown-list.w--open {
  color: #fff;
  background-color: #161617;
  border-bottom: 1px solid #000;
  width: 100vw;
  max-width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.navbar7_menu-dropdown {
  position: static;
}

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

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

.icon-1x1-xsmall.text-color-grey {
  color: #dadada;
}

.navbar7_dropdown-toggle {
  color: #bdbdbd;
  padding: .8rem 1rem;
  font-size: .8rem;
  font-weight: 300;
}

.navbar7_dropdown-toggle.w--open {
  color: #fff;
}

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

.navbar7_component {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #454545;
  border-bottom: 1px #000;
  align-items: center;
  width: 100%;
  min-height: auto;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: fixed;
}

.navbar7_logo-link {
  padding-left: 0;
}

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

.text-size-tiny {
  color: var(--white-color);
  font-size: .75rem;
}

.text-size-tiny.text-weight-light.text-color-grey {
  color: #bdbdbd;
}

.navbar7_menu-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.navbar7_dropdown-link {
  grid-column-gap: .5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-top: .25rem;
  padding-bottom: .25rem;
  text-decoration: none;
  display: block;
}

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

.text-block-24 {
  margin-top: -5px;
  font-size: 12px;
}

.heading-20 {
  font-family: Inter, sans-serif;
}

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

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

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

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

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

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

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

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

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

.uui-heading-xxsmall {
  color: var(--text-color);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.uui-icon-1x1-xsmall {
  color: var(--secondary);
  width: 1.5rem;
  height: 1.5rem;
}

.uui-icon-featured-outline-large {
  border: .5rem solid var(--untitled-ui--primary50);
  background-color: var(--untitled-ui--primary100);
  color: var(--highlight);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.uui-layout77_item {
  flex-direction: column;
  align-items: center;
}

.uui-layout77_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
}

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

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

.uui-heading-medium {
  color: var(--text-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 4vw;
  font-weight: 600;
  line-height: 1.3;
}

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

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

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

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

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

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

.brk-wrap-1 {
  grid-column-gap: 2%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.brs-grid-wrap-text-1 {
  margin-bottom: 0;
  padding-left: 4em;
  padding-right: 4em;
}

.brv-container-interaction-1-10 {
  z-index: 10;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.bqv-link-1-copy {
  color: #06cc;
  text-align: center;
  background-image: url('../images/Vector-1.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto .6em;
  border-radius: 2em;
  padding-right: 1em;
  font-size: 1.3em;
  line-height: 1.3em;
}

.bqw-b-1-wrap-1 {
  align-items: center;
  margin-bottom: 2em;
  display: flex;
}

.ghj-wrap-3-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  padding-bottom: 1.5em;
  padding-left: 2em;
  display: none;
}

.brn-grid-wrap-pic-1 {
  padding-right: 4em;
}

.brn-grid-wrap-pic-1._3 {
  padding-left: 8em;
  padding-right: 8em;
}

.brn-grid-wrap-pic-1._2 {
  padding-right: 0;
}

.brs-grid-wrap-pic-1._2 {
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
}

.aaa-section-class-1 {
  flex-direction: column;
  align-items: stretch;
  font-size: 1vw;
  position: relative;
}

.bsa-pic-29 {
  z-index: 26;
  opacity: 0;
  background-image: url('../images/large_0029.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bqz-tab-pic-1 {
  max-height: 100%;
  display: block;
}

.bsa-pic-77 {
  z-index: 77;
  opacity: 0;
  background-image: url('../images/large_0077.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brs-4-tab-des--1-description-1 {
  color: #f7f6f8;
  font-size: 1.3em;
  line-height: 1.3em;
}

.aaa-link-block-1-3 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.bsc-link-3 {
  color: #2d2d2d;
  text-transform: capitalize;
  margin-bottom: .4em;
  margin-left: 2em;
  font-size: 1em;
  line-height: 1.3em;
}

.bsc-link-3:hover {
  color: #1c6cff;
}

.brv-container-interaction-1-6 {
  z-index: 6;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.bqw-b-2-wrap-1 {
  width: 49%;
}

.bqw-wrap-a-1 {
  background-color: #fafafa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 5em 12.4em;
  display: flex;
}

.bqw-wrap-a-1._2 {
  padding-top: 5em;
  padding-bottom: 0;
}

.bsa-content-info-1-two-content-1 {
  font-size: 5em;
  font-weight: 700;
  line-height: 1.3em;
}

.brz-pic-1 {
  height: 5em;
}

.bsc-link-3-1 {
  color: #fff;
  text-transform: none;
  background-color: #0071e3;
  border-radius: 30em;
  margin-left: 2em;
  padding: .5em 1em;
  font-size: .9em;
  line-height: 1.3em;
}

.bsc-link-3-1:hover {
  opacity: .95;
}

.aaa-section-1-2 {
  background-color: #fafafa;
  padding: 5em;
  font-size: 1vw;
}

.brt-wrap-content-2 {
  z-index: 4;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  padding: 5em 5em 4em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.aaa-text-8-2 {
  color: #6f6f73;
  font-size: 1.1em;
  line-height: 1.6em;
}

.brj-wrap-text-1 {
  padding-left: 7em;
  padding-right: 16em;
}

.brj-wrap-text-1._2 {
  margin-top: 4em;
  margin-bottom: 4em;
  padding-left: 0;
  padding-right: 30em;
}

.brj-wrap-text-1.brs {
  padding-right: 22em;
}

.brj-wrap-text-1._3 {
  padding-right: 23em;
}

.bsc-container-2 {
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
}

.brv-content-wrap-1 {
  position: relative;
}

.fondo {
  background-image: url('../images/m1_bg__cauh8axa5f36_large_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
}

.brv-container-interaction-1-25 {
  z-index: 25;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.aaa-text-5-2 {
  color: #6f6f73;
  font-size: 1.1em;
  line-height: 1.3em;
  display: inline;
}

.bqw-f-b-wrap-link-1 {
  margin-bottom: .5em;
  padding-right: 0;
}

.bsa-content-info-1-wrap-two-content-1 {
  grid-column-gap: 7%;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brq-tabs-wrap-text-1 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20em;
  margin-left: 13em;
  display: flex;
}

.brq-tabs-wrap-text-1._2 {
  width: 21em;
  margin-left: 19.5em;
}

.brq-tabs-wrap-text-1._4 {
  margin-left: 56.8em;
}

.brq-tabs-wrap-text-1._3 {
  border-bottom: .1em solid #d1d1d1;
  width: 21em;
  margin-left: 36.2em;
}

.bsa-pic-33 {
  z-index: 33;
  opacity: 0;
  background-image: url('../images/large_0033.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.aaa-decor-1 {
  background-color: #d3d3d8;
  width: .1em;
  height: 1.3em;
}

.bsa-pic-31 {
  z-index: 31;
  opacity: 0;
  background-image: url('../images/large_0031.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brv-b-grid-pic-1 {
  height: 22em;
}

.brv-c-wrap-text-1 {
  color: #f7f6f8;
  text-align: center;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.3em;
}

.bqz-wrap-tabs-laterales-1 {
  opacity: .27;
  background-color: #17171a;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  width: 15%;
  padding-top: 2em;
  padding-left: 5em;
  padding-right: 5em;
  display: flex;
  position: relative;
}

.brs-4-tab-des-wrap-1-bar-1 {
  margin-bottom: 1.5em;
}

.bsa-pic-13 {
  z-index: 13;
  opacity: 0;
  background-image: url('../images/large_0013.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brk-container-1 {
  padding: 8em 5em;
}

.aaa-link-6 {
  color: #2d2d2d;
}

.bsc-link-2 {
  color: #676767;
  font-size: 1em;
  line-height: 1.3em;
  text-decoration: none;
  display: block;
}

.brj-text-1 {
  color: var(--untitled-ui--gray500);
  text-align: left;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.4em;
}

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

.bqw-container-fond-1 {
  width: 100%;
}

.brv-container-interaction-1-13 {
  z-index: 13;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brs-4-tab-pie-bar-5-1 {
  background-color: #a1a1a6;
  border-radius: 5464650px;
  width: 12em;
  max-width: 27em;
  height: .5em;
}

.brs-4-tab-pie-bar-5-1._2 {
  width: 6em;
}

.brs-4-tab-pie-bar-5-1._5 {
  width: 2.5em;
}

.brs-4-tab-pie-bar-5-1._3-1 {
  width: 8.5em;
}

.brs-4-tab-pie-bar-5-1._1 {
  width: 3em;
}

.brs-4-tab-pie-bar-5-1._5-1 {
  width: 10em;
}

.brs-4-tab-pie-bar-5-1._4 {
  width: 8em;
}

.brs-4-tab-pie-bar-5-1._2-1 {
  width: 9em;
}

.brs-4-tab-grid-1 {
  grid-column-gap: 6em;
  grid-row-gap: 6em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brs-grid2-content-2 {
  margin-bottom: .5em;
}

.brn-grid-wrap-2 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.bqz-container-1 {
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
}

.bsc-content-wrap-heading-1 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 2em;
  display: flex;
}

.bsa-content-info-1-decor-1 {
  background-color: #1d1d1f;
  width: 4em;
  height: .4em;
}

.bqw-b-1-wrap-2 {
  margin-bottom: 2em;
  padding-right: 6em;
}

.bsc-link-2-1 {
  color: #2d2d2d;
  font-size: 2em;
  font-weight: 700;
  line-height: 1em;
  text-decoration: none;
}

.brv-wrap-c-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4em;
  padding-left: 15em;
  padding-right: 15em;
  display: flex;
}

.brs-wrap-2 {
  padding-left: 6em;
  padding-right: 6em;
}

.brv-container-interaction-1-26 {
  z-index: 26;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  position: absolute;
  inset: 0%;
}

.bsa-content-info-1-wrap-tagline-1 {
  margin-bottom: .2em;
  padding-right: 5em;
}

.brs-4-tab-grid-1-wrap-pie-1 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.brs-grid2-content-1 {
  margin-bottom: .5em;
}

.section-bar-1 {
  z-index: 100;
  font-size: .9vw;
  position: sticky;
  top: 0%;
}

.brl-pic-1 {
  border-radius: 10px;
  width: 100%;
  padding-left: 2em;
}

.black {
  color: #000;
}

.bsa-wrap-content-1 {
  grid-column-gap: 2%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.brm-container-1 {
  padding-top: 4.9em;
  padding-bottom: 5em;
}

.section-class {
  flex-direction: column;
  align-items: stretch;
  font-size: 1vw;
  position: relative;
}

.brj-link-1 {
  color: #06c;
  background-image: url('../images/Vector-1.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto .6em;
  padding-right: 1em;
  font-size: 1.7em;
  line-height: 1.3em;
}

.container-wrapper-dark {
  background-color: #000;
  width: 100%;
}

.container-wrapper-dark._2 {
  padding-bottom: 23.4em;
}

.container-wrapper-dark._2em {
  padding-top: 2em;
  padding-bottom: 0;
}

.container-wrapper-dark.tabscolors-2 {
  padding-top: 1em;
  padding-bottom: 6em;
}

.container-wrapper-dark._1 {
  padding: 10em 6em;
  font-family: Inter, sans-serif;
}

.container-wrapper-dark.tabscolors {
  padding-bottom: 1em;
}

.bsa-guias-1 {
  opacity: 0;
  background-color: red;
  width: 2em;
  height: 100vh;
}

.aaa-heading-3-2 {
  color: #1c1c1e;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3em;
}

.bri-tagline-1 {
  color: var(--untitled-ui--gray500);
  text-align: center;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.3em;
}

.aaa-paragraph-1-2 {
  color: #808084;
  font-size: 1.1em;
  line-height: 1.6em;
  display: inline;
}

.brs-4-tab-grid-1-tittle-1 {
  color: #f7f6f8;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1.3em;
}

.brl-wrap-name-1 {
  position: absolute;
  inset: auto auto 87% 37%;
}

.brl-wrap-name-1._5 {
  bottom: 5%;
  left: 36%;
}

.brl-wrap-name-1._1 {
  bottom: 88%;
}

.brl-wrap-name-1._7 {
  bottom: 11%;
  left: 15%;
}

.brl-wrap-name-1._6 {
  bottom: 5%;
  left: 53%;
}

.brl-wrap-name-1._4 {
  bottom: 5%;
  left: 25%;
}

.brl-wrap-name-1._3 {
  bottom: 88%;
  left: 72%;
}

.brl-wrap-name-1._2 {
  bottom: 88%;
  left: 55%;
}

.brq-tabs-content-1 {
  background-color: #f4f4f4;
  background-image: url('../images/explode_endframe__e8hwpkrs8sya_large.jpeg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 63em 43em;
  height: 100%;
  margin-bottom: 2em;
  padding-top: 4em;
}

.brl-wrap-pic-1 {
  background-color: var(--untitled-ui--grey200);
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
}

.brl-wrap-pic-1._2 {
  padding-bottom: 0;
}

.brl-wrap-pic-1._2.border-radius {
  border-radius: 10px;
}

.brl-wrap-pic-1.no-padding {
  border-radius: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.brv-d-button-1 {
  color: #262526;
  text-align: center;
  cursor: pointer;
  background-color: #f7f6f8;
  background-image: url('../images/Slice-2_1Slice 2.png');
  background-position: 94%;
  background-repeat: no-repeat;
  background-size: auto 1.5em;
  border: .1em solid #000;
  border-radius: 423423000px;
  padding: .5em 3em .5em 2em;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.3em;
  display: block;
}

.brv-d-button-1:hover {
  color: #fff;
  background-color: #000;
  background-image: none;
  background-position: 94%;
  background-repeat: no-repeat;
  background-size: auto 1.5em;
  border: .1em solid #fff;
}

.brq-decor-1 {
  color: #86858b;
  background-color: #d1d1d1;
  width: .1em;
  height: 10em;
  margin-top: 2em;
}

.brq-decor-1._3 {
  height: 2em;
}

.bsa-wrap-1 {
  width: 90em;
}

.brv-d-wrap-button-1 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.brv-wrap-paragraph-1 {
  z-index: 2;
  position: relative;
  top: 15em;
}

.link9 {
  color: #f7f6f8;
}

.bsc-link-1 {
  color: #ccc;
  text-transform: capitalize;
  font-size: 1em;
  line-height: 1.3em;
  text-decoration: none;
}

.bsc-link-1:hover {
  color: #fff;
}

.brs-4-link-tab-1 {
  background-color: #0000;
  margin-right: .5em;
  padding: 0;
}

.brs-4-link-tab-1.w--current {
  background-color: #0000;
  margin-right: .5em;
  padding-left: 0;
  padding-right: 0;
}

.bsa-pic-83 {
  z-index: 83;
  opacity: 0;
  background-image: url('../images/large_0083.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.tabs-content {
  flex-direction: column;
  margin-bottom: 2em;
  display: flex;
}

.brr-info-pic-wrap-text-1 {
  color: var(--dim-grey);
}

.brv-container-interaction-1-11 {
  z-index: 11;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.aaa-decor-2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  display: flex;
  position: relative;
}

.aaa-decor-2.two {
  display: block;
}

.brs-4-tab-grid-1-wrap-description-1 {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 3em;
  display: flex;
}

.brv-container-interaction-1-15 {
  z-index: 15;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.container-class-0 {
  flex-direction: column;
  display: flex;
}

.bqz-wrap-1 {
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 5em;
  display: flex;
  position: relative;
}

.bsc-section-1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bsc-pic-1-2 {
  width: 1.3em;
}

.brz-guia-move {
  opacity: 0;
  background-color: #443d7f;
  width: 2em;
  height: 100vh;
}

.brm-wrap-1 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-right: 15em;
  display: flex;
}

.brs-grid-pic-1 {
  width: 100%;
  padding-left: 4em;
  padding-right: 4em;
}

.bsa-pic-17 {
  z-index: 17;
  opacity: 0;
  background-image: url('../images/large_0017.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bsc-animation-small {
  background-color: #0000;
  width: .1em;
  height: auto;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.brt-content-wrap-decor-1 {
  margin-bottom: .5em;
}

.bqw-f-a-heading-1 {
  color: #03a10e;
  text-align: right;
  font-size: 3.5em;
  font-weight: 500;
  line-height: 1.3em;
}

.brv-container-interaction-1-19 {
  z-index: 19;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.bsa-pic-21 {
  z-index: 21;
  opacity: 0;
  background-image: url('../images/large_0021.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brn-wrap-grid-1, .bqv-grid-1 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-bottom: 2em;
  display: grid;
}

.brt-icon-play {
  height: 4em;
}

.bsc-wrap-2-1 {
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  display: flex;
}

.aaa-decor-text-1 {
  color: #f5f5f7;
  margin-right: .2em;
  display: inline;
}

.brl-wrap-1 {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.bqz-wrap-descrption-1 {
  max-width: 70em;
  padding-left: 3em;
  padding-right: 3em;
  position: absolute;
}

.brt-content-wrap-text-1 {
  flex-direction: column;
  align-items: flex-start;
  width: 26em;
  display: inline-block;
}

.brt-content-wrap-text-1.especial {
  width: 32em;
}

.bsa-pic-79 {
  z-index: 79;
  opacity: 0;
  background-image: url('../images/large_0079.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

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

.link7 {
  color: #f7f6f8;
}

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

.brp-wrap-1 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.aaa-link-1-2 {
  color: #535356;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
}

.aaa-link-1-2:hover {
  text-decoration: underline;
}

.aaa-link-5-2 {
  color: #47474a;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
}

.ghj-wrap-5 {
  border-top: 1px solid #d3d3d5;
}

.brq-tabs-menu-1 {
  flex: none;
  order: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.brr-wrap-info-pic-1 {
  z-index: 3;
  color: var(--dim-grey);
  justify-content: flex-end;
  align-self: stretch;
  margin-top: 1.5em;
  padding-left: 7.6em;
  padding-right: 7.6em;
  display: flex;
  position: static;
}

.brr-wrap-info-pic-1._2 {
  justify-content: space-between;
}

.aaa-wrap-4 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brr-info-pic-text-1 {
  color: var(--untitled-ui--gray500);
  text-align: right;
  font-size: 1.2em;
  line-height: 1.3em;
  display: inline-block;
  position: static;
}

.brs-4-tab-1, .bro-wrap-1 {
  flex-direction: column;
  display: flex;
}

.aaa-grid-2-2 {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2.5em;
  display: grid;
}

.bqw-b-1-wraptext-4-1 {
  display: none;
}

.bsc-content-valor-1 {
  color: #202022;
  text-align: center;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.3em;
}

.brj-wrap-pic-1 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.brv-container-interaction-1 {
  margin-bottom: 5em;
  padding-top: 9em;
}

.brv-container-interaction-1.brv-bords-1 {
  padding-top: 15em;
}

.bqw-f-b-text-1 {
  color: #1d1d1f;
  font-size: 1.3em;
  line-height: 1.6em;
}

.bsa-pic-57 {
  z-index: 57;
  opacity: 0;
  background-image: url('../images/large_0057.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bqw-b-2-pic-1 {
  display: block;
}

.bqu-text-1 {
  color: #f5f5f7;
  text-align: center;
  font-size: 1.6em;
  line-height: 1.3em;
}

.bsa-pic-3 {
  z-index: 3;
  opacity: 0;
  background-image: url('../images/large_0002.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brs-grid-1 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  font-family: Inter, sans-serif;
  display: grid;
}

.link18 {
  color: #f7f6f8;
}

.brt-content-wrap-1 {
  justify-content: flex-end;
  padding-left: 5em;
  padding-right: 10em;
  display: flex;
}

.brt-content-wrap-1._5 {
  padding-right: 17.8em;
}

.brt-content-wrap-1._4 {
  justify-content: flex-start;
}

.brt-content-wrap-1._2 {
  justify-content: flex-start;
  padding-left: 10em;
}

.brt-content-wrap-1._3 {
  padding-right: 5em;
}

.brs-grid2-wrap-1 {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 2em;
  display: flex;
}

.brs-wrap-1 {
  flex-direction: column;
  font-family: Inter, sans-serif;
  display: flex;
}

.bsa-pic-81 {
  z-index: 81;
  opacity: 0;
  background-image: url('../images/large_0081.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brm-content-wrap-2 {
  margin-top: 25px;
}

.bqv-wrap-tagline-1 {
  margin-bottom: 1.5em;
  padding-left: 3.5em;
  padding-right: 3.5em;
}

.aaa-wrap-5 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  align-items: center;
  display: flex;
}

.bqw-f-b-wrap-text-1 {
  margin-bottom: 1em;
}

.bsa-pic-47 {
  z-index: 47;
  opacity: 0;
  background-image: url('../images/large_0047.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bqw-f-wrap-a-1 {
  justify-content: flex-end;
  align-items: center;
  width: 49%;
  padding-left: 2em;
  padding-right: 1.5em;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.bqw-b-1-wrap-4 {
  align-items: flex-start;
  display: flex;
}

.brv-wrap-d-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brs-4-tab-des--1-bar-1-1 {
  background-color: #9249f4;
  background-image: linear-gradient(to right, #efa1dd, #7e31f3);
  border-radius: 5464650px;
  width: 27em;
  height: .5em;
}

.brs-4-tab-des--1-bar-1-1._1 {
  width: 27em;
  max-width: 27em;
}

.bqw-b-1-linkblock-4-copy {
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  margin-bottom: .5em;
  display: flex;
}

.bqw-b-1-linkblock-4-copy:active {
  border: .2em solid #06c;
}

.bsa-pic-63 {
  z-index: 63;
  opacity: 0;
  background-image: url('../images/large_0063.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brv-wrap-b-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bsa-pic-65 {
  z-index: 65;
  opacity: 0;
  background-image: url('../images/large_0065.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bqz-wrap-contents-tab1-1 {
  grid-column-gap: 2em;
  justify-content: space-around;
  display: flex;
}

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

.aaa-text-10-2 {
  color: #0057f7;
  text-align: center;
  background-image: url('../images/Screenshot-2022-06-29-20.06.08_1Screenshot 2022-06-29 20.06.08.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto .7em;
  padding-right: 1em;
  font-size: 1.2em;
  line-height: 1.3em;
}

.brs-wrap-4 {
  background-color: #151516;
  padding: 6em 8em;
}

.aaa-text-9-2 {
  color: #262628;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.3em;
}

.bsa-pic-67 {
  z-index: 67;
  opacity: 0;
  background-image: url('../images/large_0067.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bsa-wrap-chicle-1 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0%;
}

.link10 {
  color: #f7f6f8;
}

.bqu-link-1 {
  color: #f5f5f7;
  text-align: center;
  background-image: url('../images/Vector-1-2.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto .6em;
  margin-bottom: .5em;
  padding-right: 1em;
  font-size: 1.3em;
  line-height: 1.3em;
}

.bsc-text-2 {
  color: #676767;
  font-size: 1em;
  line-height: 1.3em;
}

.tabs-menu-4 {
  flex-wrap: wrap;
  margin-bottom: 6.5em;
  display: flex;
}

.bsa-content-info-1-two-content-2 {
  color: #959599;
  font-size: 1.3em;
  line-height: 1.2em;
}

.brn-wrap-1 {
  flex-direction: column;
  display: flex;
}

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

.brt-pic-1 {
  width: 100%;
}

.brs-grid2-content-1-1 {
  color: var(--untitled-ui--gray500);
  font-size: 1.5em;
  line-height: 1.3em;
}

.bsa-pic-37 {
  z-index: 37;
  opacity: 0;
  background-image: url('../images/large_0037.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bqw-b-1-linkblock-4 {
  border: .2em #000;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  margin-bottom: .5em;
  display: flex;
}

.bqw-b-1-linkblock-4:active {
  border: .2em solid #06c;
}

.bsa-pic-55 {
  z-index: 55;
  opacity: 0;
  background-image: url('../images/large_0055-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brq-tabs-text-1 {
  color: #86858b;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.3em;
}

.bsa-pic-43 {
  z-index: 43;
  opacity: 0;
  background-image: url('../images/large_0043.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.aaa-wrap-3-2 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  border-bottom: 1px solid #d0d0d5;
  margin-bottom: .7em;
  padding-bottom: .7em;
}

.brv-a-wrap-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4em;
  padding-left: 5em;
  padding-right: 5em;
  display: flex;
}

.bsa-pic-39 {
  z-index: 39;
  opacity: 0;
  background-image: url('../images/large_0039.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.aaa-text-1-2 {
  color: #7c7c80;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3em;
  display: inline;
}

.link14 {
  color: #f7f6f8;
}

.bsc-conatiner-1 {
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
}

.ghj-text-1-2 {
  color: #737277;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.3em;
}

.bsc-wrap-icon-3 {
  opacity: .86;
  margin-left: 2em;
  position: relative;
  top: 0;
}

.bsc-wrap-icon-3:hover {
  opacity: 1;
}

.brn-grid-wrap-text-1 {
  margin-bottom: 1em;
  padding-left: 4em;
  padding-right: 4em;
}

.brn-grid-wrap-text-1._3 {
  padding-right: 28.6em;
}

.brz-wrap-1 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.bsc-wrap-link {
  display: flex;
}

.bsc-pic-1 {
  width: 100%;
  display: block;
}

.bsc-square-link {
  grid-column-gap: 3.5em;
  grid-row-gap: 3.5em;
  justify-content: center;
  padding-left: 1.5em;
  display: flex;
}

.bro-pic-1 {
  width: 100%;
}

.bsc-icon-menu, .bsc-icon-menu-1 {
  opacity: 0;
  display: none;
}

.aaa-decor-4-2 {
  padding-right: 0;
  display: flex;
}

.aaa-text-7-2 {
  color: #6f6f73;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.6em;
  display: inline;
}

.bsc-wrap-text-1 {
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.tabs-menu-5 {
  flex-flow: wrap;
  order: 1;
  justify-content: center;
  align-items: center;
  padding-left: 13em;
  padding-right: 13em;
  display: flex;
  position: static;
}

.brs-grid-text-1 {
  color: var(--untitled-ui--gray500);
  font-family: Inter, sans-serif;
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.3em;
}

.aaa-wrap-9 {
  grid-column-gap: 1.7em;
  grid-row-gap: 1.7em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2em;
  display: flex;
}

.section-class-2 {
  padding-left: 5em;
  padding-right: 5em;
  font-size: 1vw;
}

.brr-two_content-wrap-text-1 {
  justify-content: center;
  align-items: center;
  width: 45%;
  margin-bottom: 2em;
  display: flex;
}

.link13 {
  color: #f7f6f8;
}

.link24 {
  color: #96969a;
}

.bsa-wrap-pic-1 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.bsa-pic-61 {
  z-index: 61;
  opacity: 0;
  background-image: url('../images/large_0061.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bqz_tab1_1 {
  background-color: #0000;
  margin-right: 1em;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.bqz_tab1_1.w--current {
  background-color: #0000;
  margin-right: 1em;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.brk-wrap-2-1 {
  justify-content: center;
  align-items: center;
  width: 60%;
  display: flex;
}

.brs-4-tab-des--1-bar-3-1 {
  background-color: #9249f4;
  background-image: linear-gradient(to right, #efa1dd, #7e31f3);
  border-radius: 5464650px;
  width: 27em;
  height: .5em;
}

.brs-4-tab-des--1-bar-3-1._1 {
  width: 27em;
  max-width: 27em;
}

.brv-b-wrap-grid-1 {
  grid-column-gap: 10em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.ghj-decor-1-2 {
  background-color: #f5f5f7;
  justify-content: center;
  align-items: center;
  padding-right: .5em;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.link20 {
  color: #99999e;
}

.brv-container-interaction-1-24 {
  z-index: 24;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.play-pause-button {
  display: none;
}

.brj-wrap-heading-1 {
  margin-bottom: 1.5em;
  padding-left: 7em;
  padding-right: 25em;
}

.brj-wrap-heading-1.brr {
  margin-bottom: 4em;
  padding-left: 0;
  padding-right: 30em;
}

.brj-wrap-heading-1.brs {
  align-items: flex-start;
  width: 100%;
  padding-right: 27em;
  display: flex;
}

.brj-wrap-heading-1.brs._1 {
  padding-right: 45.7em;
}

.aaa-heading-1-2 {
  color: #47474a;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.3em;
}

.brv-container-interaction-1-20 {
  z-index: 20;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.bqu-wrap-a-1 {
  background-image: url('../images/cta-1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 43em;
  padding-left: 5em;
  padding-right: 5em;
  display: flex;
}

.bqu-wrap-a-1._2 {
  background-image: url('../images/cta-2.avif');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  margin-right: 0;
  padding-left: 5em;
  padding-right: 5em;
}

.bqu-wrap-a-1._2.projects {
  height: 30em;
}

.bqu-wrap-a-1.projects {
  justify-content: center;
  align-items: center;
  height: 30em;
  padding-left: 2em;
  padding-right: 2em;
}

.brs-grid2-content-2-2 {
  color: #e7a644;
  font-size: 6em;
  font-weight: 500;
  line-height: 1.3em;
}

.brs-grid2-content-2-2._3 {
  color: #e2803d;
}

.brs-grid2-content-2-2._2 {
  color: #e99c44;
}

.brs-grid2-content-2-2._4 {
  color: #de703a;
}

.bsa-pic-35 {
  z-index: 35;
  opacity: 0;
  background-image: url('../images/large_0035.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.aaa-wrap-2 {
  margin-top: 4em;
}

.brq-tab-link-1 {
  border-radius: 324234px;
  width: .7em;
  height: .7em;
  margin-left: .5em;
  margin-right: .5em;
  padding: 0;
}

.brq-tab-link-1.w--current {
  border-radius: 324234em;
  flex: 0 auto;
}

.bsa-pic-19 {
  z-index: 19;
  opacity: 0;
  background-image: url('../images/large_0019.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.aaa-heading-2-2 {
  color: #47474a;
  margin-top: 1.3em;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.3em;
}

.link5 {
  color: #f7f6f8;
}

.bsc-wrap-pic-1 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 3em;
  display: none;
}

.text-smll {
  font-size: .5em;
}

.bsc-pic-2 {
  width: 1.1em;
  height: auto;
}

.brj-heading-1 {
  color: #1d1d1f;
  text-align: left;
  font-size: 6vw;
  font-weight: 500;
  line-height: 1.1em;
}

.brj-heading-1.brs {
  color: #f7f6f8;
  font-size: 4.5em;
}

.brj-heading-1.brs._1 {
  font-size: 4em;
}

.brj-heading-1.title-color-1 {
  color: var(--magenta);
  font-size: 6vw;
}

.brj-heading-1.titlecolor-2 {
  color: var(--text-color);
  font-size: 6vw;
}

.brj-heading-1.title-color-3 {
  color: var(--secondary);
  font-size: 6vw;
}

.brj-heading-1.title-color-4 {
  color: var(--primary);
  font-size: 6vw;
}

.brv-container-interaction-1-3 {
  z-index: 3;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.bqw-f-b-wrap-links-1 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.brs-4-heading-1 {
  color: #f7f6f8;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.3em;
}

.link6 {
  color: #f7f6f8;
}

.bsa-pic-45 {
  z-index: 45;
  opacity: 0;
  background-image: url('../images/large_0045.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.aaa-link-4-2 {
  color: #47474a;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
}

.aaa-link-4-2:hover {
  text-decoration: underline;
}

.bri-heading-1 {
  color: var(--text-color);
  text-align: center;
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.1em;
}

.brv-container-interaction-1-17 {
  z-index: 17;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-b-grid-wrap-pic-1 {
  justify-content: center;
  align-items: center;
  margin-bottom: 4em;
  display: flex;
}

.ghj-wrap-2 {
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  padding-right: .5em;
  display: flex;
  position: relative;
}

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

.bsc-wrap-pic {
  opacity: .8;
}

.bsc-wrap-pic:hover {
  opacity: 1;
}

.brj-wrap-text-2 {
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
}

.brj-wrap-1 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 6em;
  padding-right: 6em;
  display: flex;
}

.bqw-b-1-wraptext-4-1-copy {
  display: none;
}

.bqz-text-description-1 {
  color: #86868b;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.3em;
}

.brv-b-grid-wrap-heading-1 {
  margin-bottom: .8em;
  padding-left: 2em;
  padding-right: 2em;
}

.bqw-b-1-wrap-3 {
  margin-bottom: 2em;
  padding-right: 13em;
}

.aaa-grid-1 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brj-pic-1 {
  width: 100%;
}

.brt-content-decor-1 {
  background-color: #f7f6f8;
  width: 3em;
  height: .3em;
}

.brt-content-text-1 {
  color: #f7f6f8;
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.3em;
  display: inline-block;
}

.bqu-wrap-heading-1 {
  margin-bottom: 1.5em;
}

.brv-container-interaction-1-9 {
  z-index: 9;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.image-35 {
  width: 100%;
}

.brs-4-tab-grid-1-model-1 {
  color: #f7f6f8;
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.3em;
}

.aaa-wrap-1-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bqu-wrap-link-1 {
  flex-direction: column;
  display: flex;
}

.aaa-wrap-8-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: center;
  display: flex;
}

.brm-text-1 {
  color: var(--untitled-ui--gray500);
  font-size: 2em;
  font-weight: 500;
  line-height: 1.3em;
}

.linnk15 {
  color: #f7f6f8;
}

.brs-4-tab-des--1-bar-2-1 {
  background-color: #5d97fa;
  background-image: linear-gradient(to right, #4e9bd9, #1e3fc4);
  border-radius: 5464650px;
  height: .5em;
}

.brs-4-tab-des--1-bar-2-1._4-1, .brs-4-tab-des--1-bar-2-1._5-1 {
  width: 27em;
}

.brs-4-tab-des--1-bar-2-1._3 {
  width: 19em;
}

.brs-4-tab-des--1-bar-2-1._2 {
  width: 23em;
}

.brs-4-tab-des--1-bar-2-1._1 {
  width: 27em;
  max-width: 27em;
}

.brs-4-tab-des--1-bar-2-1._3-1 {
  width: 27em;
}

.brs-4-tab-des--1-bar-2-1._5 {
  width: 15.5em;
}

.brs-4-tab-des--1-bar-2-1._2-1, .brs-4-tab-des--1-bar-2-1._1-1 {
  width: 27em;
}

.brz-a-wrap-pic-1 {
  width: 50%;
  margin-left: -20em;
}

.brz-a-wrap-pic-1._2 {
  margin-left: 0;
  margin-right: -20em;
}

.brq-tabs-1 {
  flex-direction: column;
  align-self: stretch;
  height: 100%;
  display: flex;
}

.brs-grid-2 {
  grid-column-gap: 15em;
  grid-row-gap: 15em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brs-grid-2.grid-small-gap {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
}

.brv-container-interaction-1-16 {
  z-index: 16;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-wrap-stiky-1 {
  flex-direction: column;
  align-items: center;
  height: 85vh;
  padding-left: 8em;
  padding-right: 8em;
  display: flex;
  position: sticky;
  top: 0%;
}

.brp-container-1 {
  padding-top: 4.9em;
  padding-bottom: 5em;
}

.brt-wrap-1 {
  margin-left: 5em;
  margin-right: 5em;
}

.bsa-pic-25 {
  z-index: 25;
  opacity: 0;
  background-image: url('../images/large_0025.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bsa-pic-7 {
  z-index: 7;
  opacity: 0;
  background-image: url('../images/large_0007.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bsa-pic-27 {
  z-index: 27;
  opacity: 0;
  background-image: url('../images/large_0027-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brl-container-1 {
  padding-top: 1em;
  padding-bottom: 1em;
}

.bqw-b-1-tagline-3 {
  font-size: 1.3em;
  line-height: 1.3em;
}

.brv-container-interaction-1-12 {
  z-index: 12;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brp-content-wrap-1 {
  margin-bottom: 0;
}

.bqw-b-1-wrap-4-1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3em;
  margin-right: .5em;
  display: flex;
}

.bsa-pic-71 {
  z-index: 71;
  opacity: 0;
  background-image: url('../images/large_0071.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brp-content-text-1 {
  color: #1d1d1f;
  text-align: center;
  font-size: 8em;
  font-weight: 700;
  line-height: 1.1em;
}

.bqz-tabs-center-text-1 {
  color: #7d7d81;
  font-size: 1.1em;
  line-height: 1.3em;
}

.bqv-wrap-pic-1 {
  justify-content: center;
  align-items: baseline;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ghj-wrap-4 {
  border-bottom: 1px solid #d3d3d5;
}

.bsa-pic-75 {
  z-index: 75;
  opacity: 0;
  background-image: url('../images/large_0075.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bsa-pic-41 {
  z-index: 41;
  opacity: 0;
  background-image: url('../images/large_0041.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bsc-selection-2 {
  z-index: 7;
  -webkit-backdrop-filter: blur(1.5em);
  backdrop-filter: blur(1.5em);
  border-bottom: 1px solid #7e7e7e33;
  padding: 1em 10em 0;
  font-size: 1vw;
  position: sticky;
  top: 0;
}

.container-wrapper {
  padding: 6em 0;
  position: relative;
}

.container-wrapper.brs {
  padding: 0;
}

.aaa-text-2-2 {
  color: #2c66c6;
  cursor: pointer;
  margin-left: .5em;
  margin-right: .5em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3em;
  display: inline;
}

.aaa-text-2-2:hover {
  text-decoration: underline;
}

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

.bsa-section-1 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.link16 {
  color: #f7f6f8;
}

.brp-wrap-content-1 {
  margin-bottom: 2em;
}

.brm-heading-1 {
  text-align: left;
  font-size: 6em;
  font-weight: 500;
  line-height: 1.1em;
}

.container-class {
  color: var(--blue-grey);
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding: 4em 6em 10em;
}

.container-class.no-padding-top {
  padding-top: 0;
}

.brv-container-interaction-1-18 {
  z-index: 18;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-4 {
  z-index: 4;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brp-content-text-2 {
  color: #86868b;
  text-align: center;
  font-size: 1.6em;
  line-height: 1.3em;
}

.brv-guia-1 {
  opacity: 0;
  background-color: #a575ac;
  width: 2em;
  height: 80vh;
}

.container-class-1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.brs-4-text-link-tab-1 {
  color: #f7f6f8;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1.3em;
}

.bsc-wrap-1 {
  max-width: 84em;
  margin-left: auto;
  margin-right: auto;
}

.bqv-wrap-1 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.bsc-wrap-line {
  opacity: 0;
  display: none;
}

.brs-4-tab-des--2-num-1 {
  color: #9249f4;
  font-size: 2.6em;
  font-weight: 500;
  line-height: 1.3em;
}

.brs-4-tab-des--2-num-1._2 {
  color: #5d97fa;
}

.bqv-tagline-1 {
  color: #000;
  text-align: center;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.6em;
}

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

.brs-4-wrap-heading-1 {
  margin-bottom: 4em;
}

.bqu-envolver-texto-1 {
  margin-bottom: 1.5em;
}

.bri-container-1 {
  padding: 3em 5em 8em;
}

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

.link-13 {
  color: #86868b;
  text-decoration: none;
}

.bsa-pic-9 {
  z-index: 9;
  opacity: 0;
  background-image: url('../images/large_0009.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bqv-link-1 {
  color: #f5f5f7;
  text-align: center;
  cursor: pointer;
  background-color: #0071e3;
  border-radius: 2em;
  padding: .5em .9em;
  font-size: 1.3em;
  line-height: 1.3em;
}

.bsc-trigger-1 {
  height: 10em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.brv-b-grid-link-ind-1 {
  color: #5d97fa;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #6e9ccc 14%, #3452e7 98%, #4b65ea 100%, #111c86);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.5em;
  line-height: 1.3em;
  text-decoration: none;
}

.brv-b-grid-link-ind-1._2 {
  background-image: linear-gradient(to right, #e293e5 14%, #7f33f2 98%, #4b65ea 100%, #2b3eec);
}

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

.bsa-pic-69 {
  z-index: 69;
  opacity: 0;
  background-image: url('../images/large_0069.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brk-text-1 {
  color: #86868b;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.3em;
}

.brk-wrap-1-1 {
  justify-content: flex-start;
  align-items: center;
  width: 43%;
  display: flex;
}

.bqv-wrap-heading-1 {
  margin-bottom: 1.5em;
  padding-left: 3.5em;
  padding-right: 3.5em;
}

.bqv-wrap-heading-1._2 {
  padding-left: 6.1em;
  padding-right: 6.1em;
}

.bsc-wrap-icon-1 {
  opacity: .86;
  margin-left: 2em;
  position: relative;
  top: 0;
}

.bsc-wrap-icon-1:hover {
  opacity: 1;
}

.bqz-wrap-lateral-wrap-1 {
  background-image: url('../images/pro_apps_software_development__mbwnjhvxskqm_large.avif');
  background-position: 100%;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bqz-wrap-lateral-wrap-1.left {
  background-image: url('../images/industries-tab-7.png');
  top: 5.5em;
  left: 0%;
  right: 0%;
}

.bqz-wrap-lateral-wrap-1.whrite {
  background-image: url('../images/industries-tab-7.png');
  background-position: 0%;
  inset: 5em 0% 0%;
}

.bqv-tagline1-2 {
  color: #1d1d1f;
  text-align: center;
  font-size: 1.7em;
  font-weight: 700;
  line-height: 1.1em;
}

.link21 {
  color: #99999e;
}

.bqv-wrap-a-1 {
  background-color: #fafafa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 5em 3.5em;
  display: flex;
}

.bqv-wrap-a-1._1 {
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}

.bqv-wrap-a-1._1._1-1 {
  justify-content: space-between;
  padding-bottom: 0;
}

.brs-4-tab-pie-bar-5-2 {
  background-color: #a1a1a6;
  border-radius: 5464650px;
  width: 12em;
  max-width: 27em;
  height: .5em;
}

.brs-4-tab-pie-bar-5-2._1 {
  width: 8em;
}

.brs-4-tab-pie-bar-5-2._5-1, .brs-4-tab-pie-bar-5-2._3-1 {
  width: 15em;
}

.brs-4-tab-pie-bar-5-2._2-1 {
  width: 9em;
}

.brs-4-tab-pie-bar-5-2._3, .brs-4-tab-pie-bar-5-2._4 {
  width: 13em;
}

.brs-4-tab-pie-bar-5-2._2 {
  width: 6em;
}

.aaa-text-3-2 {
  color: #6f6f75;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3em;
}

.ghj-link-1 {
  color: #535355;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
}

.ghj-link-1:hover {
  text-decoration: underline;
}

.bsa-pic-59 {
  z-index: 59;
  opacity: 0;
  background-image: url('../images/large_0059.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bsa-pic-15 {
  z-index: 15;
  opacity: 0;
  background-image: url('../images/large_0015.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bg-vid-1 {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.link19 {
  color: #99999e;
}

.bqu-heading-1 {
  color: #f5f5f7;
  text-align: center;
  font-size: 3.7em;
  font-weight: 700;
  line-height: 1.1em;
}

.bqu-heading-1.small-white-text {
  font-size: 3.2em;
}

.container-class-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 93em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.brs-4-tab-des--1-bar-4-1 {
  background-color: #5d97fa;
  background-image: linear-gradient(to right, #4e9bd9, #1e3fc4);
  border-radius: 5464650px;
  width: 14em;
  height: .5em;
}

.brs-4-tab-des--1-bar-4-1._4-1 {
  width: 27em;
}

.brs-4-tab-des--1-bar-4-1._5 {
  width: 15.5em;
}

.brs-4-tab-des--1-bar-4-1._4 {
  width: 25em;
}

.brs-4-tab-des--1-bar-4-1._5-1, .brs-4-tab-des--1-bar-4-1._2-1 {
  width: 27em;
}

.brs-4-tab-des--1-bar-4-1._2 {
  width: 16em;
}

.brs-4-tab-des--1-bar-4-1._3 {
  width: 20em;
}

.brs-4-tab-des--1-bar-4-1._3-1, .brs-4-tab-des--1-bar-4-1._1-1 {
  width: 27em;
}

.brs-4-tab-des--1-bar-4-1._1 {
  width: 27em;
  max-width: 27em;
}

.brl-name-1 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.3em;
}

.aaa-text-4-2 {
  color: #47474a;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.3em;
}

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

.bri-wrap-heading-1 {
  margin-bottom: 1.5em;
}

.brs-grid-2-heading-1 {
  color: var(--untitled-ui--gray700);
  border-bottom: .1em solid #565659;
  margin-bottom: .8em;
  padding-bottom: .8em;
  font-size: 2em;
  line-height: 1.3em;
}

.bold-text-35, .bold-text-36 {
  font-weight: 400;
}

.bsa-pic-23 {
  z-index: 23;
  opacity: 0;
  background-image: url('../images/large_0023.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bqw-b-1-linkform2-4 {
  background-color: #a19c9c;
  border-radius: 99999px;
  width: 2.3em;
  height: 2.3em;
}

.bsc-menu-open {
  opacity: 0;
  font-size: 1vw;
  display: none;
}

.bsa-wrap-content-info-relative-1 {
  flex: 1;
  position: relative;
}

.bri-text-1 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.bsa-pic-5 {
  z-index: 5;
  opacity: 0;
  background-image: url('../images/large_0005.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bqu-grid-1 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bqu-grid-1.projects {
  width: 80vw;
}

.brs-4-tab-grid-1-pie-decor-1 {
  margin-bottom: 1em;
}

.bru-wrap-1 {
  padding-left: 6em;
  padding-right: 24.3em;
}

.bg-pic-1 {
  opacity: 0;
  width: 100%;
}

.bsa-pic-51 {
  z-index: 51;
  opacity: 0;
  background-image: url('../images/large_0051.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brs-grid-wrap-1 {
  background-color: var(--footer);
  flex-direction: column;
  padding-top: 4em;
  font-family: Inter, sans-serif;
  display: flex;
}

.brs-grid-wrap-1._2 {
  padding-bottom: 4em;
}

.withe {
  color: #fff;
  line-height: 1.3em;
}

.brs-4-tab-grid-1-wrap-model-1 {
  margin-bottom: 3em;
}

.brv-container-interaction-1-7 {
  z-index: 7;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-23 {
  z-index: 23;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.bqw-b-1-heading-2 {
  font-size: 3.2em;
  font-weight: 700;
  line-height: 1.2em;
}

.bqz-tabs-center-wrap-text-1 {
  margin-bottom: 2em;
}

.aaa-link-block-2-2 {
  height: 5em;
}

.link8 {
  color: #f7f6f8;
}

.brt-wrap-pic-1 {
  position: relative;
}

.bru-wrap-heading-1 {
  max-width: 50em;
  margin-bottom: 1.5em;
}

.ghj-wrap-1 {
  display: none;
}

.brq-wrap-tabs-1 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 60em;
  display: flex;
}

.aaa-wrap-1-1 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  border-top: 1px solid #d7d7db;
  border-bottom: 1px solid #d7d7db;
  flex-direction: column;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  display: flex;
}

.bsa-pic-49 {
  z-index: 49;
  opacity: 0;
  background-image: url('../images/large_0049.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bqw-b-wrap-1 {
  width: 49%;
  margin-bottom: 0;
  padding-top: 5em;
  padding-bottom: 5em;
}

.brt-wrap-content-1 {
  z-index: 4;
  border-radius: 35px;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  padding: 5em 5em 4em;
  display: flex;
  position: relative;
  inset: 0%;
}

.brt-wrap-content-1.fade-in-blur-on-scroll {
  height: 66vh;
  text-decoration: line-through;
}

.bsa-pic-53 {
  z-index: 53;
  opacity: 0;
  background-image: url('../images/large_0053.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.bru-wrap-tagline-1 {
  max-width: 40em;
  margin-bottom: .5em;
}

.text-span-3 {
  color: #000;
}

.link12 {
  color: #f7f6f8;
}

.bsc-wrap-1-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bsc-wrap-2 {
  justify-content: space-between;
  padding-bottom: 1em;
  display: flex;
}

.brs-grid2-grid-1 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.bqw-b-2-pic-1-copy {
  display: none;
}

.bsc-content-wrap-links-1 {
  grid-column-gap: 3%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bsc-content-wrap-links-1.cta-link {
  margin-top: 10px;
}

.aaa-icon-3 {
  display: inline-block;
}

.brv-container-interaction-1-8 {
  z-index: 8;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.bsa-content-info-1-tagline-1 {
  color: var(--untitled-ui--gray500);
  font-size: 1.5em;
  line-height: 1.5em;
}

.brs-4-tab-grid-1-wrap-tittle-1 {
  margin-bottom: 3em;
}

.brs-4-tab-grid-1-wrap-tittle-1._1 {
  margin-bottom: 0;
}

.bqu-wrap-1 {
  justify-content: space-between;
  display: flex;
}

.brq-wrap-1 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 5em;
  display: flex;
}

.brq-section1 {
  width: 100%;
  padding: 2em 5em 3em;
}

.tabs {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.brn-grid-text-1 {
  color: var(--untitled-ui--gray500);
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.3em;
}

.bsa-space-1 {
  height: 150vh;
  display: none;
}

.bro-section-1 {
  padding-top: 8em;
  padding-bottom: 13em;
}

.brv-wrap-a-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brv-container-interaction-1-21 {
  z-index: 21;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brz-container-1 {
  grid-column-gap: 35%;
  grid-row-gap: 35%;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 8em;
  padding-bottom: 14em;
  display: flex;
  overflow: hidden;
}

.brv-b-grid-wrap-link-ind-1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: .3em;
  display: flex;
}

.bsa-pic-11 {
  z-index: 11;
  opacity: 0;
  background-image: url('../images/large_0011.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-2 {
  z-index: 2;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.aaa-link-3-2 {
  color: #4f4f52;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
}

.aaa-link-3-2:hover {
  text-decoration: underline;
}

.link11 {
  color: #f7f6f8;
}

.brj-trigger-for-nav {
  height: 10em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.aaa-decor-3 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.bsc-content-wrap-valor-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2em;
  display: flex;
}

.text-block-4 {
  color: #f7f6f8;
  text-align: center;
  font-size: 4.5em;
  font-weight: 700;
  line-height: 1.3em;
  display: inline-block;
}

.bsa-content-info-1-wrap-1 {
  width: 17em;
  position: absolute;
  bottom: 56%;
  left: 64%;
}

.bsa-content-info-1-wrap-1._2 {
  bottom: 29%;
  left: 9%;
}

.bsa-content-info-1-wrap-1._4 {
  bottom: -5%;
  left: 27%;
}

.bsa-content-info-1-wrap-1._3 {
  bottom: 0%;
  left: 59%;
}

.link22 {
  color: #99999e;
}

.bsc-selection-1 {
  background-color: #0f0f0f;
  padding: 0 10em;
  font-size: 1vw;
  position: relative;
}

.brr-wrap-two_content-1 {
  grid-column-gap: 7%;
  grid-row-gap: 7%;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-left: 6em;
  padding-right: 6em;
  display: flex;
}

.aaa-icon-1-2 {
  width: 1.3em;
}

.bro-absolute-text-1 {
  color: #86868b;
  text-align: right;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.3em;
}

.bro-absolute-text-1._2 {
  color: #000;
}

.bro-absolute-text-1._1 {
  text-align: left;
}

.bsc-content-wrap-text-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2em;
  padding-left: 10em;
  padding-right: 10em;
  display: flex;
}

.bqv-wrap-tagline1-1 {
  margin-bottom: 1.5em;
}

.bru-text-1 {
  color: var(--blue-grey);
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.3em;
}

.bsc-content-heading-1 {
  color: var(--transparent);
  text-align: center;
  letter-spacing: -.8px;
  font-size: 6.5em;
  font-weight: 500;
  line-height: 1.3em;
}

.bsc-content-heading-1.fade-in-move-on-scroll {
  background-image: linear-gradient(135deg, white, var(--untitled-ui--gray500));
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 8vw;
}

.aaa-container-1 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-direction: column;
  width: 100%;
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.brv-container-interaction-1-14 {
  z-index: 14;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.bro-wrap-pic-1 {
  position: relative;
}

.link23 {
  color: #96969a;
}

.bg-hero-1 {
  position: relative;
}

.aaa-wrap-1-2-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bqz-wrap-tabs-center-1 {
  background-color: #17171a;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  width: 70%;
  padding-top: 2em;
  padding-left: 5em;
  padding-right: 5em;
  display: flex;
  position: relative;
}

.bsa-wrap-content-info-1 {
  z-index: 85;
  opacity: 0;
  background-image: url('../images/large_0086.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.brs-4-heading-des-tab-1 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.bsc-content-text-1 {
  color: var(--dim-grey);
  text-align: center;
  font-size: 2.4em;
  font-weight: 500;
  line-height: 1.2em;
}

.bsc-content-link-1-1 {
  color: #2c65c6;
  background-image: url('../images/Vector-1.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto .6em;
  padding-right: 1em;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.3em;
}

.bsc-content-link-1-1._2 {
  background-image: none;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 1.1em;
  padding-right: 1.5em;
}

.bsc-content-link-1-1.cta-link {
  font-size: 2em;
}

.brn-grid-wrap-1 {
  background-color: var(--untitled-ui--grey200);
  flex-direction: column;
  justify-content: space-between;
  padding-top: 4em;
  display: flex;
}

.brn-grid-wrap-1._2 {
  background-color: var(--untitled-ui--grey200);
  padding-bottom: 4em;
}

.bro-absolute-a-1 {
  justify-content: flex-end;
  align-items: center;
  width: 42%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.bro-absolute-a-1._2 {
  justify-content: flex-start;
  width: 39%;
  inset: 0% 0% 0% auto;
}

.container-class-4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.brm-wrap-heading-1 {
  margin-bottom: 2em;
  padding-right: 5em;
  position: relative;
}

.brs-4-tab-pie-text-1 {
  color: #8d8d91;
  font-size: 1.3em;
  line-height: 1.6em;
}

.brs-grid2-content-wrap-1 {
  flex-direction: column;
  display: flex;
}

.link17 {
  color: #f7f6f8;
}

.bqw-f-wrap-b-1 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 49%;
  padding-left: 6em;
  padding-right: 2em;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.brv-b-grid-heading-1 {
  color: #f7f6f8;
  text-align: center;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.3em;
}

.aaa-wrap-10 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-direction: column;
  display: flex;
}

.brv-container-interaction-1-22 {
  z-index: 22;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.bru-wrap-text-1 {
  max-width: 70em;
}

.bqv-wrap-link-1 {
  flex-direction: column;
  margin-bottom: 3.5em;
  display: flex;
}

.brv-container-interaction-1-5 {
  z-index: 5;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.bqz-tab1-text-1 {
  color: #86868b;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.3em;
}

.bqw-container-1 {
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.bru-tagline-1 {
  color: #f7f6f8;
  font-size: 1.5em;
  line-height: 1.3em;
}

.bsa-pic-73 {
  z-index: 73;
  opacity: 0;
  background-image: url('../images/large_0073.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.aaa-link-2-2 {
  color: #47474a;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3em;
}

.aaa-link-2-2:hover {
  text-decoration: underline;
}

.bru-heading-1 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #d78ae4, #8235f5 30%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 4.3em;
  font-weight: 500;
  line-height: 1.3em;
}

.bru-heading-1._1 {
  background-color: #343434;
  background-image: linear-gradient(#676767, #fff);
  font-size: 6vw;
}

.bru-heading-1._2 {
  background-image: linear-gradient(125deg, #00bcb8, #5d56ff);
  font-size: 6vw;
}

.bru-heading-1._3 {
  background-image: linear-gradient(90deg, var(--magenta), var(--highlight) 30%);
  font-size: 6vw;
}

.bru-heading-1._4, .bru-heading-1._5 {
  font-size: 6vw;
}

.bri-wrap-1 {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  width: 100%;
  max-width: 50em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.bsa-content-info-1-wrap-decor-1 {
  margin-bottom: .8em;
}

.bqw-f-b-link-1 {
  color: #06c;
  background-image: url('../images/Vector-1.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto .6em;
  padding-right: 1em;
  font-size: 1.3em;
  line-height: 1.3em;
  display: block;
}

.main-2 {
  z-index: 1;
  position: relative;
}

.bqz-description {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.bqu-heading-1-copy {
  color: #1d1d1f;
  text-align: center;
  font-size: 3.3em;
  font-weight: 500;
  line-height: 1.1em;
}

.div-block-39 {
  position: absolute;
  bottom: 60px;
}

.form-3 {
  margin-bottom: -63px;
  margin-left: -47px;
}

.text-field-4 {
  color: #fff;
  background-color: #0d0d0d;
  border: 1px #d0d0d0;
  border-radius: 10px;
  height: 51px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  transition: border-color .4s, background-color .4s;
}

.text-field-4:hover {
  background-color: #0d0d0d36;
}

.text-field-4:active {
  color: #fff;
  background-color: #0d0d0d96;
}

.text-field-4:focus {
  color: #fff;
  border-color: #0b63a9;
}

.text-field-4.email-footer {
  opacity: .26;
  background-color: #292b2c;
  border-radius: 8px;
  height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.button-5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  text-transform: none;
  background-color: #000;
  border-radius: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s, transform .5s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.button-5:hover {
  color: #fff;
  background-color: #dcacff;
}

.form-4 {
  margin-top: -20px;
  padding-top: 0;
  padding-right: 66px;
  display: block;
}

.main-success-message-2 {
  color: #d4d4d4;
  letter-spacing: 0;
  background-color: #111;
  background-image: linear-gradient(90deg, #0b63a9, #090c9b 50%, #0b63a9 102%);
  border-radius: 6px;
  padding: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
  box-shadow: 0 0 30px #0000001a;
}

.main-success-message-2.subscription {
  background-image: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-field-5 {
  color: #fff;
  background-color: #0d0d0d;
  border: 1px #d0d0d0;
  border-radius: 10px;
  height: 51px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  transition: border-color .4s, background-color .4s;
}

.text-field-5:hover {
  background-color: #0d0d0d36;
}

.text-field-5:active {
  color: #fff;
  background-color: #0d0d0d96;
}

.text-field-5:focus {
  color: #fff;
  border-color: #0b63a9;
}

.text-field-5.email-footer {
  background-color: #292b2c;
  border-radius: 8px;
  height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.button-6 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  text-transform: none;
  background-color: #000;
  border-radius: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s, transform .5s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.button-6:hover {
  color: #fff;
  background-color: #dcacff;
}

.footer-category-header-2 {
  color: #fafafa;
  letter-spacing: -.01em;
  margin-top: 3px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.33341em;
}

.image-36 {
  margin-right: 5px;
}

.site-map-links-2 {
  color: #fafafa;
  cursor: pointer;
  border-top: 1px #d6d6d6;
  border-bottom: 1px #d6d6d6;
  border-right: 1px solid #d6d6d6;
  margin-bottom: 0;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
  font-size: 12px;
  line-height: 16px;
}

.site-map-links-2:hover {
  color: #333;
  text-decoration: underline;
}

.site-map-links-2.last {
  cursor: pointer;
  border-right-style: none;
}

.country-link-2 {
  color: #555;
  cursor: pointer;
  border-top: 1px #d6d6d6;
  border-bottom: 1px #d6d6d6;
  border-right: 1px #d6d6d6;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
}

.country-link-2:hover {
  color: #333;
  text-decoration: underline;
}

.container-10 {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 6em;
  padding-right: 6em;
}

.text-field-6 {
  color: #fff;
  background-color: #0d0d0d;
  border: 1px #d0d0d0;
  border-radius: 10px;
  height: 51px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  transition: border-color .4s, background-color .4s;
}

.text-field-6:hover {
  background-color: #0d0d0d36;
}

.text-field-6:active {
  color: #fff;
  background-color: #0d0d0d96;
}

.text-field-6:focus {
  color: #fff;
  border-color: #0b63a9;
}

.text-field-6.email-footer {
  background-color: #292b2c;
  border-radius: 8px;
  height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.footer-category-item-2 {
  color: #f4ebeb;
  letter-spacing: -.01em;
  -webkit-text-stroke-color: #888;
  cursor: pointer;
  background-color: #0000;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  transition: color .35s;
  overflow: hidden;
}

.footer-category-item-2:hover {
  color: var(--blue-grey);
  text-decoration: none;
}

.footer-category-item-2.w--current {
  color: var(--dim-grey);
  margin-top: 5px;
  margin-bottom: 5px;
}

.footer-category-item-2.w--current:hover {
  color: var(--blue-grey);
}

.social-media-icon-2 {
  width: 22px;
  height: 22px;
}

.image-37 {
  display: block;
}

.image-38 {
  margin-right: 5px;
}

.single-footer-column-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.single-footer-column-2.sm-hidden {
  display: none;
}

.inline-contact-link-2 {
  color: var(--blue-grey);
  font-size: 12px;
  text-decoration: none;
}

.inline-contact-link-2:hover {
  color: var(--untitled-ui--gray500);
  text-decoration: none;
}

.footer-columns-d-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1044px;
  padding-top: 0;
  display: grid;
}

.button-7 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  text-transform: none;
  background-color: #000;
  border-radius: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s, transform .5s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.button-7:hover {
  color: #fff;
  background-color: #dcacff;
}

.footer-category-header-3 {
  color: var(--dim-grey);
  letter-spacing: -.01em;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.33341em;
}

.single-footer-category-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-39 {
  background-color: #292b2c;
}

.site-map-links-3 {
  color: var(--dim-grey);
  cursor: pointer;
  border-top: 1px #d6d6d6;
  border-bottom: 1px #d6d6d6;
  border-right: 1px solid #d6d6d6;
  margin-bottom: 0;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
  font-size: 10px;
  line-height: 16px;
}

.site-map-links-3:hover {
  color: var(--blue-grey);
  font-weight: 400;
  text-decoration: none;
}

.site-map-links-3.last {
  cursor: pointer;
  border-right-style: none;
}

.link-background-2 {
  z-index: -1;
  background-color: #292b2c;
  border-radius: 100px;
  position: absolute;
  inset: 0%;
}

.country-link-3 {
  color: #f4ebeb;
  cursor: pointer;
  border-top: 1px #d6d6d6;
  border-bottom: 1px #d6d6d6;
  border-right: 1px #d6d6d6;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  transition: color .35s;
}

.country-link-3:hover {
  color: var(--blue-grey);
  text-decoration: none;
}

.image-40 {
  width: 22px;
  height: 22px;
}

.list-item {
  color: var(--secondary);
  font-size: 18px;
}

.flex-block-6 {
  justify-content: flex-start;
  align-items: center;
}

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

.link-block-26 {
  margin-bottom: 10px;
}

.image-42 {
  width: 100%;
}

.subscription-form-block-2 {
  margin-top: 1em;
  margin-right: 10px;
}

.text-field-7 {
  color: #fff;
  background-color: #0d0d0d;
  border: 1px #d0d0d0;
  border-radius: 10px;
  height: 51px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  transition: border-color .4s, background-color .4s;
}

.text-field-7:hover {
  background-color: #0d0d0d36;
}

.text-field-7:active {
  color: #fff;
  background-color: #0d0d0d96;
}

.text-field-7:focus {
  color: #fff;
  border-color: #0b63a9;
}

.text-field-7.email-footer {
  background-color: #292b2c;
  border-radius: 7px;
  height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.single-footer-column-3 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button-8 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  text-transform: none;
  background-color: #000;
  border-radius: 7px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px 8px 15px;
  font-size: 11px;
  font-weight: 500;
  transition: background-color .3s, transform .5s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.button-8:hover {
  color: #fff;
  background-color: #dcacff;
}

.footer-category-header-4 {
  color: var(--dim-grey);
  letter-spacing: -.01em;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.33341em;
}

.single-footer-category-3 {
  flex-flow: column;
  display: flex;
}

.contact-form-container {
  z-index: 1;
  grid-column-gap: 68px;
  grid-row-gap: 68px;
  border: 1px none undefined;
  background-color: var(--notification-bg);
  background-image: url('../images/black-layer.svg'), linear-gradient(0deg, #1182c8, var(--secondary) 12%, var(--blue-grey) 50%, var(--notification-bg) 80%, #0c0c0c);
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 85px 70px;
  font-family: Inter, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-block-25 {
  color: #c5c5c5;
  font-family: Inter, sans-serif;
}

.text-block-26 {
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.site-map-link-3last {
  color: var(--dim-grey);
  border-bottom: 1px #d6d6d6;
  margin-right: 10px;
  padding-right: 10px;
  font-size: 10px;
  line-height: 16px;
}

.site-map-link-3last:hover {
  color: var(--blue-grey);
}

.background-video-9 {
  z-index: 1;
  border-radius: 10px;
}

.body-4 {
  background-color: var(--transparent);
}

.body-5 {
  background-color: var(--untitled-ui--gray100);
}

.button-9 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  text-transform: none;
  background-color: #000;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s, transform .5s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.button-9:hover {
  color: #fff;
  background-color: #090c9b;
}

.paragraph-10 {
  color: #2b2b2b;
  margin-top: 40px;
  font-size: 16px;
}

.paragraph-10.fade-in-move-on-scroll {
  margin-bottom: 10px;
  padding-top: 0;
}

.text-block-27 {
  color: #fafafa;
}

.field-input-gray-2 {
  background-color: var(--untitled-ui--gray100);
  color: var(--background-box-color);
  mix-blend-mode: normal;
  border-radius: 10px;
  width: 100%;
  height: 60px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.field-label-5 {
  color: #2b2b2b;
  font-size: 18px;
  font-weight: 400;
}

.container-11 {
  align-items: flex-start;
  width: 100%;
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding: 10em 6em;
  font-family: Inter, sans-serif;
  display: flex;
  position: static;
}

.feedback-form-block {
  margin-top: 10px;
}

.submit-button-3 {
  background-color: #000;
  border-radius: 10px;
  padding: 12px 20px;
}

.submit-button-3:hover {
  background-color: var(--primary);
}

.submit-button-3:active {
  background-color: var(--black);
}

.radio-button {
  background-color: var(--notification-bg);
}

.rad:active {
  background-color: var(--transparent);
}

.rad._1:active {
  background-color: var(--primary);
}

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

.brv-container-interaction-1-27 {
  z-index: 6;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-28 {
  z-index: 25;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

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

.brv-container-interaction-1-29 {
  z-index: 13;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-30 {
  z-index: 26;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  position: absolute;
  inset: 0%;
}

.brl-pic-1-2 {
  width: 100%;
}

.brl-wrap-pic-1-2 {
  background-color: #f5f5f7;
  padding-top: 5em;
  padding-bottom: 5em;
  position: relative;
}

.brl-wrap-pic-1-2._2 {
  padding-bottom: 0;
}

.brv-container-interaction-1-31 {
  z-index: 11;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-32 {
  z-index: 15;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-33 {
  z-index: 19;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

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

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

.brv-container-interaction-1-34 {
  margin-bottom: 5em;
  padding-top: 9em;
}

.brv-container-interaction-1-34.brv-bords-1 {
  padding-top: 15em;
}

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

.tabs-menu-6 {
  flex-wrap: wrap;
  margin-bottom: 6.5em;
  display: flex;
}

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

.brn-grid-wrap-text-1-2 {
  margin-bottom: 5em;
  padding-left: 4em;
  padding-right: 14.5em;
}

.brn-grid-wrap-text-1-2._3 {
  padding-right: 28.6em;
}

.bsc-pic-1-3 {
  width: 100%;
  display: block;
}

.tabs-menu-7 {
  flex-flow: wrap;
  order: 1;
  justify-content: center;
  align-items: center;
  padding-left: 13em;
  padding-right: 13em;
  display: flex;
  position: static;
}

.brr-two_content-wrap-text-1-2 {
  justify-content: center;
  align-items: center;
  width: 45%;
  margin-bottom: 1em;
  display: flex;
}

.brv-container-interaction-1-35 {
  z-index: 24;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-36 {
  z-index: 20;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-37 {
  z-index: 3;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-38 {
  z-index: 17;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.text-span-5 {
  color: #000;
}

.brv-container-interaction-1-39 {
  z-index: 9;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.image-43 {
  width: 100%;
}

.brv-container-interaction-1-40 {
  z-index: 16;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-41 {
  z-index: 12;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brp-content-text-1-2 {
  color: #1d1d1f;
  text-align: center;
  font-size: 10em;
  font-weight: 700;
  line-height: 1.1em;
}

.text-span-6 {
  color: #000;
}

.brv-container-interaction-1-42 {
  z-index: 18;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-43 {
  z-index: 4;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.bsc-wrap-1-3 {
  max-width: 84em;
  margin-left: auto;
  margin-right: auto;
}

.bold-text-45, .bold-text-46, .bold-text-47, .bold-text-48, .bold-text-49, .bold-text-50 {
  font-weight: 400;
}

.brv-container-interaction-1-44 {
  z-index: 7;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-45 {
  z-index: 23;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.text-span-7 {
  color: #000;
}

.bsc-wrap-1-4 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brv-container-interaction-1-46 {
  z-index: 8;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-47 {
  z-index: 21;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-48 {
  z-index: 2;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.text-span-8 {
  color: #000;
}

.bsc-content-heading-1-2 {
  color: #1d1d1f;
  text-align: center;
  letter-spacing: -.8px;
  font-size: 8vw;
  font-weight: 500;
  line-height: 1.3em;
}

.brv-container-interaction-1-49 {
  z-index: 14;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.bsc-content-text-1-2 {
  color: #1c1c1f;
  text-align: center;
  font-size: 2.4em;
  font-weight: 500;
  line-height: 1.2em;
}

.brn-grid-wrap-1-2 {
  background-color: #f5f5f7;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 4em;
  display: flex;
}

.brn-grid-wrap-1-2._2 {
  padding-bottom: 4em;
}

.brv-container-interaction-1-50 {
  z-index: 22;
  opacity: 0;
  margin-bottom: 0;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.brv-container-interaction-1-51 {
  z-index: 5;
  opacity: 0;
  margin-bottom: 5em;
  padding-top: 15em;
  display: block;
  position: absolute;
  inset: 0%;
}

.main-3 {
  z-index: 1;
  position: relative;
}

.playpause {
  z-index: 4;
  cursor: pointer;
  width: 32px;
  height: 32px;
  margin-top: 20px;
  margin-right: 10px;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hero-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.nav-2 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.text-block-28 {
  margin-top: -5px;
  font-size: 12px;
}

.nav-grid {
  grid-column-gap: 55px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.center-flex {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.icon-section-2 {
  background-color: #0e0e0e;
  justify-content: center;
  align-items: center;
  padding-top: 22px;
  padding-bottom: 17px;
  display: flex;
}

.play {
  display: none;
}

.tv-shows {
  z-index: 0;
  background-color: #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.navtextlink {
  color: #ccc;
  text-decoration: none;
  transition: color .2s;
}

.navtextlink:hover {
  color: #fff;
}

.text-block-2 {
  color: #fff;
  font-size: 17px;
  text-decoration: none;
}

.text-block-2.bigger {
  font-size: 20px;
}

.text-block-2.bigger:hover {
  text-decoration: underline;
}

.scrollingpics {
  z-index: 0;
  background-color: #ccc;
  justify-content: center;
  align-items: center;
  margin-top: 160px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button-10 {
  color: #fff;
  background-color: #0e0e0e;
  border-radius: 100px;
  padding: 10px 25px;
  text-decoration: none;
}

.button-10.flex {
  background-color: #f5f5f766;
  align-items: center;
  padding: 12px 20px;
  line-height: 14px;
  display: flex;
}

.tv-show {
  flex: none;
  width: 325px;
  height: 100%;
}

.tv-show._6 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/forallmankind.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.tv-show._2 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Dickinson.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.tv-show._3 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/the-morning-show.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.tv-show._1 {
  background-image: url('../images/See.jpg');
  background-position: 50%;
  background-size: cover;
}

.tv-show._4 {
  background-image: url('../images/Servant-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.tv-show._5 {
  background-image: url('../images/Elephant-Queen.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.tv-show._7 {
  background-image: linear-gradient(#00000080, #00000080), url('../images/truthbetold.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero {
  background-color: #ccc;
  height: 100vh;
  position: relative;
}

.h1 {
  color: #f5f5f7;
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 80px;
  font-weight: 700;
  line-height: 85px;
}

.image-44 {
  margin-left: 5px;
}

.logo-3 {
  transition: all .2s;
}

.logo-3:hover {
  filter: brightness(200%);
}

.zoom-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: 100vw;
  min-height: 50vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container-300-vh {
  height: 300vh;
  position: relative;
  overflow: visible;
}

.paragraph-11 {
  text-align: left;
  font-size: 1.313rem;
  font-weight: 500;
  line-height: 1.5;
}

.paragraph-11.max-width {
  max-width: 350px;
  padding-top: 0;
  font-size: 1.3rem;
}

.image-46 {
  vertical-align: baseline;
  width: 9500vw;
  min-width: 100vw;
  max-width: none;
  height: auto;
  min-height: auto;
  margin-top: 5%;
  overflow: hidden;
}

.section-video {
  height: auto;
  position: relative;
  overflow: visible;
}

.size {
  color: #fafafa;
  font-size: 3.5rem;
  font-weight: 500;
  line-height: 1;
}

.grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  margin-top: 2.5rem;
}

.italic-text-2 {
  color: #fafafa;
  font-style: normal;
}

.m4_bottom_info {
  background-color: #000;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  inset: auto 0% -7%;
  overflow: hidden;
}

.m4_bottom_info.padding-section-large {
  padding-left: 6em;
  padding-right: 6em;
}

.background-video-10 {
  width: 100vw;
  height: 100%;
  position: absolute;
}

.s-container {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12.5rem;
  padding-bottom: 5rem;
  display: flex;
}

.s-container._0_top_pad {
  max-width: 50rem;
  padding-top: 0;
  padding-bottom: 5rem;
}

.s-container._0_top_pad._0_bottom_pad {
  padding-bottom: 0;
}

.s-container._0_top_pad._0_bottom_pad.left {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.h2 {
  opacity: 1;
  color: gray;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.2;
}

.h2.large {
  color: #fafafa;
  font-size: 5rem;
  font-weight: 500;
}

.h2.large.fade-in-on-scroll {
  background-image: radial-gradient(circle farthest-corner at 0% 0%, white, var(--white-color) 0%, #777);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 8vw;
}

.sticky_video_wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.gap-2-5rme {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

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

.flex-block-7 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.div-block-40 {
  margin-top: 8em;
}

.div-block-41 {
  z-index: -3;
  object-fit: fill;
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0%;
  left: 0;
}

.div-block-42 {
  object-fit: cover;
  font-family: Inter, sans-serif;
}

.image-48 {
  object-fit: contain;
  font-size: 10vw;
}

.image-48.bg-image {
  opacity: .7;
  mix-blend-mode: overlay;
  object-fit: cover;
  font-family: Inter, sans-serif;
  position: static;
}

.div-block-43 {
  text-align: center;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.title-big-2 {
  color: #fafafa;
  margin: auto 2em;
  font-family: Inter, sans-serif;
  font-size: 50px;
  font-weight: 800;
}

.container-class-2-2 {
  width: 100%;
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
}

.horizontal-button-holder {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.paragraph-12 {
  color: var(--blue-grey);
  letter-spacing: normal;
  font-size: 1.8em;
  line-height: 1.3em;
}

.small-card-text {
  color: var(--blue-grey);
  letter-spacing: normal;
  font-size: 18px;
  line-height: 1.3;
}

.card-item-content-holder-2 {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 3.5em 2em;
  font-family: Inter, sans-serif;
  display: flex;
  position: relative;
}

.logo-client-2 {
  width: 100%;
}

.faq-button-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--gray100);
  box-shadow: 2px 2px 5px 0 var(--untitled-ui--gray300);
  color: var(--text-color);
  border-radius: 10%;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 2rem 1rem;
  transition: opacity .2s;
  display: flex;
}

.text-block-29, .text-block-30, .text-block-31, .text-block-32 {
  text-align: center;
  font-size: 16px;
}

.hero-paragraph-description-2 {
  color: #323232;
  font-family: Mona Sans, sans-serif;
}

.hero-paragraph-description-2.gray-dark-paragraph {
  color: var(--untitled-ui--gray500);
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.hero-button-text-2 {
  color: var(--untitled-ui--grey200);
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.arrow-action-button-2 {
  background-color: #000;
  border-radius: 8px;
  padding: 10px 20px;
}

.hero-button-2 {
  background-color: #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 20px;
  display: flex;
}

.main-heading-3 {
  color: #232323;
  text-align: center;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 6vw;
  font-weight: 500;
  line-height: 1.37;
}

.main-heading-3.hero-white-heading {
  color: #212121;
  text-align: left;
  width: 100%;
  margin-bottom: 5px;
  line-height: 1.3;
}

.main-heading-3.hero-white-heading.text-grey {
  color: #4a4a4a;
}

.contact-container-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.main-hero-container-2 {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: 110px;
  font-family: Inter, sans-serif;
  display: flex;
  overflow: hidden;
}

.hero-gradient-box-3 {
  z-index: -2;
  background-image: linear-gradient(#fff, #dcacff 30%, #ad68f3 57%, #2b2883 85%, #0c0c0c);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  height: 60%;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.hero-gradient-box-3.f1 {
  height: 100%;
}

.text-center-wrapper-2 {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.corner-image-2 {
  width: 100%;
  height: 60%;
}

.corner-image-2.right {
  height: 60%;
}

.body-6 {
  font-family: Inter, sans-serif;
}

.career_component {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.html-embed-2 {
  margin-top: 50px;
}

.career_section {
  padding-bottom: 6rem;
}

.header_tutorial-heading-component {
  width: 100%;
  max-width: 44rem;
  margin-top: 10rem;
  margin-bottom: 4rem;
}

.header_section {
  position: relative;
}

.page-padding {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.container-big {
  flex-direction: column;
  width: 100%;
  max-width: 73rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-21 {
  color: var(--white-color);
  font-family: Inter, sans-serif;
}

.grid-4 {
  grid-template-rows: auto;
}

.career_list-overlay {
  z-index: 1;
  background-image: linear-gradient(#1c1c1cbf, #1c1c1c40 58%, #1c1c1c80);
  position: absolute;
  inset: 0%;
}

.career-component {
  grid-template-rows: auto;
}

.career-item-link {
  color: var(--white-color);
  width: 100%;
  font-family: Inter, sans-serif;
  transition-property: filter;
  transition-duration: .5s;
}

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

.career_list-content-wrapper {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.career_list {
  width: 100%;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

.button-primary-icon {
  justify-content: center;
  align-items: center;
  width: .625rem;
  height: .625rem;
  margin-left: .5rem;
  display: inline-block;
}

.button-primary-icon.is-tutorial {
  width: 1rem;
  height: 1rem;
  margin-left: 0;
  display: flex;
}

.button-primary-icon.is-contact-form {
  margin-left: 4rem;
  display: flex;
  position: absolute;
}

.career_list-text-wrapper {
  margin: 0;
}

.career_list-icon-wrapper {
  z-index: 1;
  color: #fff;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
  margin: 0;
  display: flex;
}

.career_list-text {
  z-index: 1;
  color: var(--white-color);
  white-space: normal;
  margin: 0 0 1rem;
  font-size: 2rem;
}

.contact_form-text-area-swapper, .contact_form-text-field-swapper {
  color: #fff;
  background-color: #0000;
  background-image: linear-gradient(to right, #0168ff, #19e8f9);
  margin-bottom: 1rem;
  overflow: hidden;
}

.error-message-3 {
  background-color: #1b114a;
}

.career_content-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 10rem;
  margin-bottom: 4rem;
  display: grid;
}

.career_background-image-overlay {
  background-image: radial-gradient(circle at 30% 60%, #00000080 8%, #000 75% 93%);
  position: absolute;
  inset: 0%;
}

.button-primary {
  color: #000;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: .75rem 3rem;
  font-size: .875rem;
  font-weight: 600;
}

.button-primary.is-blue {
  color: #fff;
  background-image: radial-gradient(circle at 100% 100%, #19e8f9, #0168ff);
  flex: 1;
}

.success-message-2 {
  background-color: #ffffff0d;
}

.careers_form-row-vertical {
  flex-direction: column;
  display: flex;
}

.career_content-heading {
  color: var(--white-color);
}

.contact_form-submit-button-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.career_content-wrapper.is-form {
  background-color: #000;
  padding: 1.5rem 2rem .5rem;
}

.career_background-image-wrapper {
  z-index: -1;
  object-fit: cover;
  background-image: linear-gradient(#00000080, #00000080);
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 56.25%;
  position: absolute;
  inset: 0%;
}

.career_content-date {
  color: var(--white-color);
  font-size: 1rem;
  display: inline-block;
}

.contact_form-text-field {
  color: #fff;
  background-color: #111;
  border: 2px solid #0000;
  border-bottom-color: gray;
  width: 100%;
  height: 3rem;
  margin-bottom: 0;
  padding: 0 .5rem;
}

.contact_form-text-field:focus {
  border-color: #0000;
  margin-top: -.125rem;
  margin-bottom: .125rem;
  padding-top: .25rem;
}

.career_background-image {
  z-index: -1;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.career_content-subhead {
  font-size: 2rem;
}

.career_content-date-spacing {
  width: .25rem;
  height: .25rem;
  display: inline-block;
}

.career_content-subhead-wrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.contact_form-text-area {
  color: #fff;
  background-color: #111;
  border: 2px solid #0000;
  border-bottom-color: gray;
  width: 100%;
  min-width: 100%;
  max-width: 25rem;
  height: 9rem;
  min-height: 9rem;
  margin-bottom: 0;
  padding: .5rem .5rem 0;
}

.contact_form-text-area:focus {
  border-color: #0000;
  margin-top: -.125rem;
  margin-bottom: .125rem;
  padding-top: .125rem;
}

.careers_form-section {
  margin-bottom: 2rem;
}

.list-4, .paragraph-13, .paragraph-14, .subscript {
  color: var(--white-color);
}

.section-13 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.sticky-card-sections-2 {
  z-index: auto;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 120px;
  font-family: Inter, sans-serif;
  display: flex;
  position: relative;
}

.section-14 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 10px;
}

.heading-22 {
  color: var(--untitled-ui--primary50);
  font-family: Inter, sans-serif;
  font-size: 4rem;
  font-weight: 400;
}

.paragraph-15 {
  color: var(--untitled-ui--grey200);
}

.bold-text-53 {
  color: var(--untitled-ui--primary100);
}

.bold-text-54 {
  color: var(--environment-green);
  font-size: 62px;
  font-weight: 500;
}

.bold-text-54.aaa-heading-3-2 {
  color: var(--highlight);
}

.bold-text-54._3 {
  color: var(--untitled-ui--primary600);
}

.bold-text-54._4 {
  color: var(--blue-grey);
}

.bold-text-54._2 {
  color: var(--highlight);
}

.body-7 {
  font-family: Inter, sans-serif;
}

.call-to-action {
  padding-left: 20vw;
  padding-right: 10px;
  position: relative;
}

.italic-text-3 {
  color: var(--white-color);
}

.icon-collab {
  width: 30%;
  height: auto;
  position: absolute;
  inset: auto 5% 10% auto;
}

.icon-holder {
  width: 730.805px;
  height: 50px;
}

.collab-section-wrapper {
  background-image: url('../images/collaboration-trx.avif');
  background-position: 100%;
  background-size: cover;
  background-attachment: fixed;
}

.div-block-45 {
  padding-left: 4em;
}

.purple-paragraph-2 {
  color: #dcacff;
}

.career-arrow-bg-2 {
  z-index: 0;
  background-color: #121212;
  border: 2px solid #ad68f3;
  border-radius: 7px;
  position: absolute;
  inset: 0%;
}

.career-item-line-2 {
  background-color: var(--highlight);
  width: 60%;
  height: 2px;
  min-height: 2px;
  position: absolute;
  top: 53%;
  left: 28%;
}

.section-16 {
  z-index: 1;
  position: relative;
}

.white-heading-2 {
  color: #fff;
  font-size: 75px;
  font-weight: 800;
}

.white-heading-2.medium {
  font-family: Inter, sans-serif;
  font-size: 60px;
  font-weight: 500;
}

.white-heading-2.large-white-text {
  font-family: Inter, sans-serif;
}

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

.button-holder-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 2em;
  display: flex;
}

.gradient-text-3 {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--primary-2), var(--untitled-ui--primary600) 51%, var(--primary-2));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.gradient-text-3.text-medium {
  font-size: 22px;
}

.subtitle.gradient-text-3 {
  margin-top: 3em;
  font-size: 3vw;
  font-weight: 600;
}

.job-list-item {
  color: var(--untitled-ui--gray600);
  padding-top: 10px;
  font-size: 16px;
}

.job-list-item._1 {
  color: var(--untitled-ui--gray600);
  padding-top: 0;
  font-size: 16px;
}

.list-5 {
  padding-left: 0;
}

.job-description-text {
  color: var(--untitled-ui--gray600);
  letter-spacing: normal;
  margin-top: 10px;
  font-size: 16px;
}

.job-heading {
  margin-top: 40px;
  font-family: Inter, sans-serif;
  font-size: 20px;
}

.job-heading.no-padding-top {
  margin-top: 0;
}

.text-span-9 {
  color: var(--untitled-ui--gray600);
  font-size: 16px;
}

.career-form-heading {
  color: var(--untitled-ui--gray600);
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.checkbox-field {
  padding-top: 20px;
}

.checkbox-label-2 {
  font-size: 16px;
}

.career-item-line-3 {
  background-color: var(--highlight);
  color: var(--black);
  width: 60%;
  height: 2px;
  min-height: 2px;
  position: absolute;
  top: 56%;
  left: 28%;
}

.announcement {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--background-box-color);
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: flex;
  position: fixed;
  inset: 0%;
}

.link-14 {
  color: var(--untitled-ui--primary100);
  flex: 1;
}

.link-14:hover {
  color: var(--untitled-ui--gray500);
}

.link-15 {
  color: var(--dim-grey);
}

.link-15:hover {
  color: var(--untitled-ui--gray500);
}

.hero-gradient-box-4 {
  z-index: -2;
  background-image: linear-gradient(#fff, #dcacff 30%, #ad68f3 57%, #2b2883 85%, #0c0c0c);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  height: 60%;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.hero-gradient-box-4.f1 {
  height: 100%;
}

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

.feature-text-3 {
  color: #fff;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 39px;
  font-weight: 500;
  display: flex;
}

.feature-box-2 {
  background-color: #181818;
  background-image: url('../images/logo-silver-1.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 25%;
  border: 1px solid #505050;
  border-radius: 12px;
  padding: 40px 30% 40px 70px;
  position: relative;
  overflow: hidden;
}

.section-17 {
  z-index: 1;
  position: relative;
}

.section-17.dark-section {
  z-index: 100;
  color: #fff;
  background-color: #181818;
}

.demo-page-text-center-2 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.demo-page-text-center-2.mt-10 {
  margin-top: 10em;
}

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

.paragraph-16 {
  margin-bottom: auto;
  font-size: 16px;
}

.paragraph-17, .paragraph-18, .paragraph-19, .paragraph-20 {
  font-size: 16px;
}

.link-grey {
  color: var(--blue-grey);
}

.small-white-text-2 {
  color: #ffffffe3;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.small-white-text-2.text-black {
  color: #000;
}

.small-white-text-2.text-grey {
  color: #000000e3;
  font-size: 16px;
}

.small-white-text-2.text-grey.small-font {
  opacity: .88;
  font-size: 12px;
  font-weight: 600;
}

.small-white-text-2.text-grey.link-text {
  color: var(--secondary);
  -webkit-text-stroke-color: var(--secondary);
}

.list-holder-4 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.list-holder-4._1 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.list-6 {
  margin-bottom: 0;
}

.list-6.fade-in-blur-on-scroll {
  list-style-type: none;
}

.list-6.fade-in-blur-on-scroll.box-list-black {
  color: #4a4a4a;
  list-style-type: square;
}

.list-6.fade-in-blur-on-scroll.box-list-black.text-white {
  color: #fff;
}

.list-6.fade-in-blur-on-scroll.box-list-white {
  color: #ffffffe3;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  list-style-type: disc;
}

.list-6.fade-in-blur-on-scroll.box-list-white.list-black {
  color: #000000e3;
}

.list-6.fade-in-blur-on-scroll.case-list-black {
  list-style-type: disc;
}

.cta-text-2 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff, #dcacff 52%, #ad68f3);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 63px;
  font-weight: 800;
}

.tabel-cta-holder-2 {
  width: 550px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.black-div-overlay-2 {
  z-index: 0;
  background-color: #000;
  border-bottom-right-radius: 65px;
  border-bottom-left-radius: 65px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.cta-text-paragraph-holder-2 {
  position: relative;
}

.cta-holder-2 {
  z-index: 8;
  border-radius: 36px;
  height: 100%;
  min-height: 600px;
  padding-top: 50px;
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}

.black-section-2 {
  z-index: 1;
  background-color: #000;
  position: relative;
}

.black-section-2.bottom-radius {
  background-color: #0c0c0c;
  overflow: hidden;
}

.black-section-2.bottom-radius.bg-white {
  background-color: #fff;
}

.center-cta-holder-2 {
  z-index: 3;
  background-color: #000;
  background-image: linear-gradient(to top, #dcacff, #ad68f3 34%, #2b2883 66%, #0c0c0c);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.dark-bg-images-2 {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.container-14.cta {
  padding-bottom: 8em;
}

.button-11 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  text-transform: none;
  background-color: #000;
  border-radius: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s, transform .5s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.button-11:hover {
  color: #fff;
  background-color: #dcacff;
}

.button-11.black {
  letter-spacing: 0;
  border-radius: 6px;
  padding: 14px 30px;
  transition: letter-spacing .35s, background-color .3s;
}

.button-11.black:hover {
  letter-spacing: 1px;
  background-color: #ad68f3;
}

.card-item-content-holder-3 {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 3.5em;
  display: flex;
  position: relative;
}

.card-item-content-holder-3.container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.small-text-2 {
  color: #dedede;
  font-size: 32px;
  font-weight: 800;
}

.small-white-text-3 {
  color: #fff;
  letter-spacing: normal;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

.div-block-46 {
  grid-column-gap: 37px;
  grid-row-gap: 37px;
  border-top: 1px solid #ffffff52;
  margin-top: 21px;
  padding-top: 10px;
  padding-right: 25px;
  display: flex;
}

.paragraph-21 {
  color: #ffffff52;
}

.dark-bg-images-3 {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-center-text-holder-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-center-text-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-size: 60px;
  font-weight: 500;
}

.hero-center-text-2.main-heading-2 {
  color: #000;
}

.right-arrow-2 {
  background-color: #000;
  background-image: linear-gradient(261deg, #fff, #dcacff 25%, #ad68f3 55%, #2b2883 80%, #dcacff);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  inset: auto 3% 7% auto;
}

.card-about-content-2 {
  color: #fff;
  font-family: Outfit, sans-serif;
  font-size: 24px;
  font-weight: 500;
}

.element-holder-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.center-text-4 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gradient-text-simple-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff, #dcacff 50%, #ad68f3);
  -webkit-background-clip: text;
  background-clip: text;
}

.slider-image-2 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 35px;
  width: 100%;
  height: 70vh;
  padding-bottom: 0;
}

.slider-image-2.big-height {
  object-position: 50% 0%;
  aspect-ratio: 16 / 9;
  border: 1px solid #0000002e;
  border-radius: 12px;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.slider-image-2.hero-banner {
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 12px;
  height: 100%;
}

.slider-image-2.hero-banner.hero-banner-2 {
  aspect-ratio: 16 / 9;
  border: 1px #0000002e;
}

.slider-image-2.hero-banner.hero-banner-2.fil-invert {
  filter: invert();
  background-color: #fff;
}

.slider-image-2.ows-banner {
  object-fit: contain;
  border: 1px #00000026;
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.map-holder-2 {
  width: 100%;
  height: 100%;
  position: relative;
}

.left-arrow-2 {
  z-index: 11;
  background-color: #000;
  background-image: linear-gradient(to right, #fff, #dcacff 22%, #ad68f3 55% 80%, #dcacff);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  inset: auto 9% 7% auto;
}

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

.container-15 {
  background-color: #fff0;
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  padding: 16em 2em 5em;
  position: relative;
}

.container-15.container {
  max-width: 100%;
}

.bold-text-55 {
  width: 100%;
}

.tiny-title-3 {
  letter-spacing: 1px;
  text-transform: none;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #fff, #dcacff 0%, #ad68f3);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 5px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  position: static;
}

.small-white-text-4 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.icon-11 {
  width: 100%;
}

.paragraph-holder-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.paragraph-holder-4.divflex {
  justify-content: center;
  align-items: flex-start;
}

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

.grid-list-2.about {
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  margin-top: 2em;
}

.list-icon-container-2 {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 8px;
}

.list-holder-5 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.list-holder-5._1 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.grid-2-col-4 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
}

.grid-2-col-4.about {
  grid-column-gap: 3.1em;
  grid-row-gap: 3.1em;
  grid-auto-flow: row;
  place-content: space-around space-between;
  place-items: center;
}

.grid-2-col-4.about.flex-grid {
  grid-column-gap: 2.2em;
  grid-row-gap: 2.2em;
  place-items: center stretch;
}

.div-block-47 {
  background-color: #0a0a0a;
}

.div-block-47.herodiv {
  background-color: #fdfdfd;
}

.paragraph-22 {
  padding-top: 12px;
}

.template-includes-card-2 {
  background-color: #181818;
  border: 1px solid #505050;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
  display: flex;
  overflow: hidden;
}

.template-includes-card-2.bg-white {
  background-color: #fff;
}

.template-includes-card-2.bg-white.carousel-card {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-color: #50505038;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.template-includes-card-2.bg-white.carousel-card.dark-gradient {
  background-image: linear-gradient(135deg, #dfdddd 4%, #faf7f766 28%, #eeeeeebd 68%, #f5f5f5bf);
  border-width: .5px;
  border-radius: 12px;
  height: 380px;
  max-height: 100%;
  padding-top: 1.5em;
}

.template-includes-card-2.bg-white.carousel-card.dark-gradient.fade-in-blur-on-scroll {
  border-radius: 4px;
  height: 100%;
  min-height: 330px;
  position: relative;
}

.template-includes-card-2.bg-white.carousel-card.dark-gradient.industries-slide {
  background-image: linear-gradient(135deg, #242424 4%, #000000ba 28%, #000000bd 68%, #000000bf);
}

.demo-cta-image-2 {
  width: 100%;
  margin-top: 20px;
}

.figma-component-library-holder-2 {
  background-color: #181818;
  border: 1px solid #505050;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 3em;
  display: flex;
}

.style-guide-image-2 {
  width: 100%;
  margin-left: -2em;
}

.notifications-image-2 {
  width: 115%;
  max-width: none;
  margin-left: -2em;
}

.figma-file-image-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.figma-file-image-2.cardimg {
  object-position: 50% 0%;
  border: 1px #343333a3;
  border-radius: 12px;
  height: 100%;
  max-height: 500px;
  margin-top: 10px;
}

.figma-file-image-2.cardimg.contain-img {
  object-fit: contain;
  max-height: 100%;
}

.figma-file-image-2.cardimg.contain-img._w-1-2 {
  width: 49%;
}

.figma-file-image-2.cardimg.contain-img.border-bold {
  border: 8px solid #000;
  border-radius: 34px;
}

.section-18 {
  z-index: 1;
  position: relative;
}

.section-18.dark-section {
  color: #fff;
  background-color: #181818;
}

.feature-box-3 {
  background-color: #181818;
  border: 1px solid #505050;
  border-radius: 12px;
  padding: 3rem 45% 3rem 3rem;
  position: relative;
  overflow: hidden;
}

.demo-business-email-image-2 {
  width: 100%;
  margin-top: 40px;
}

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

.content-sticky-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 100px;
}

.purple-gradient-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff, #dcacff 50%, #ad68f3);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 55px;
  font-weight: 500;
}

.trusted-item-2 {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20vh;
  display: flex;
}

.trusted-item-2.last {
  margin-bottom: 0;
}

.trusted-item-header-2 {
  align-items: center;
  display: flex;
}

.trusted-item-header-2.second {
  align-items: flex-start;
  width: 100%;
}

.section-19 {
  z-index: 1;
  position: relative;
}

.text-xl-2 {
  font-size: 24px;
}

.grid-6-col-h1-2 {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

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

.trusted-item-3 {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20vh;
  display: flex;
}

.trusted-item-3.last {
  margin-top: 65px;
  margin-bottom: 0;
}

.section-20 {
  z-index: 1;
  position: relative;
}

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

.paragraph-23 {
  margin-top: 15px;
}

.main-heading-4 {
  margin-top: 0;
  font-weight: 700;
}

.hero-button-text-3 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 20px;
}

.hero-paragraph-description-3 {
  color: #2f2f2f;
  letter-spacing: .3px;
  font-family: Mona Sans, sans-serif;
  font-weight: 500;
  line-height: 1.4;
}

.arrow-action-button-3 {
  background-color: #000;
  border-radius: 8px;
  padding: 16px;
}

.text-center-wrapper-3 {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-center-wrapper-3.gap-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
}

.hero-button-3 {
  background-color: #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 16px 10px 16px 20px;
  display: flex;
}

.center-gradient-title-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff, #dcacff 50%, #ad68f3);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 55px;
  font-weight: 500;
}

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

.gradient-line-2 {
  z-index: -2;
  opacity: 0;
  background-image: linear-gradient(#fff, #dcacff 24%, #ad68f3 53%, #0d0d0d 80%);
  border-radius: 26px;
  height: 100%;
  margin: -1px;
  position: absolute;
  inset: 0%;
}

.faq-icon-2 {
  width: 30px;
  height: 30px;
}

.center-paragraph-3 {
  color: #ffffffe3;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.center-text-5 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.faq-question-text-2 {
  color: #f7f7f8;
  font-size: 24px;
  font-weight: 400;
}

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

.faq-content-3 {
  background-color: #211f1f;
  border-radius: 26px;
  padding: 32px;
  transition: background-color .35s;
}

.faq-block-2 {
  cursor: pointer;
  border-radius: 26px;
  transition: background-color .5s;
  position: relative;
}

.faq-block-2:hover {
  border-style: none;
}

.faq-block-2:active {
  background-color: #111;
}

.faq-heading-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.demo-border-button-2 {
  color: #fff;
  letter-spacing: 0;
  background-color: #fff0;
  border: 1.5px solid #f8f8f8;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 180px;
  padding: 13px 16px;
  transition: letter-spacing .35s, color .35s, border-color .35s;
  display: flex;
}

.demo-border-button-2:hover {
  color: #ad68f3;
  letter-spacing: 1px;
  border-width: 1.5px;
  border-color: #ad68f3;
}

.demo-border-button-2.faq-cta {
  color: #000;
  border-width: 1.5px;
  border-color: #151515;
}

.secondary-color-text-2 {
  color: #ad68f3;
}

.cta-text-3 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #fff, #dcacff 52%, #ad68f3);
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 80%;
  font-size: 55px;
  font-weight: 800;
}

.black-div-overlay-3 {
  z-index: 0;
  background-color: #000;
  border-bottom-right-radius: 65px;
  border-bottom-left-radius: 65px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.cta-text-paragraph-holder-3 {
  position: relative;
}

.cta-text-paragraph-holder-3.center-flex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.center-paragraph-4 {
  color: silver;
  text-align: center;
  font-weight: 600;
}

.center-paragraph-4.white {
  color: #fff;
}

.cta-holder-3 {
  z-index: 8;
  border-radius: 36px;
  height: 100%;
  min-height: 800px;
  padding-top: 50px;
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}

.cta-holder-3.h--600px {
  min-height: 600px;
}

.center-cta-holder-3 {
  z-index: 3;
  background-color: #000;
  background-image: linear-gradient(to top, #dcacff, #ad68f3 34%, #2b2883 66%, #0c0c0c);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.dark-bg-images-4 {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

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

.container-20.cta {
  background-color: #000;
  padding-bottom: 8em;
}

.container-20.cta.greydiv {
  background-color: #0c0c0c00;
}

.bold-text-56 {
  width: 100%;
  font-size: 4.5vw;
  display: block;
}

.whilte-link-2 {
  color: #fff;
}

.whilte-link-2:hover {
  color: #ad68f3;
}

.hero-dropdown-heading-2 {
  color: #ad68f3;
  text-transform: uppercase;
  margin-top: 2em;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.nav-text-2 {
  text-transform: none;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.nav-link-background-2 {
  z-index: -1;
  background-color: #955ad161;
  border-radius: 100px;
  position: absolute;
  inset: 0%;
}

.content-8.bg-white {
  background-color: #fff;
  border-radius: 12px;
  padding: 5px 0;
}

.content-8.explainer-content.fade-in-blur-on-scroll {
  object-fit: cover;
  background-image: url('../images/pexels-googledeepmind-18069238.avif');
  background-position: 0 0;
  background-size: cover;
  border-radius: 15px;
  height: 100%;
}

.dropdown-toggle-3 {
  font-size: 13px;
}

.dropdown-toggle-3.w--open {
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 13px;
}

.text-block-33 {
  color: var(--bg-grey);
  font-size: 14px;
  display: none;
}

.icon-12 {
  color: var(--bg-grey);
}

.dropdown-3 {
  font-size: 15px;
}

.dropdown-link-4 {
  color: var(--bg-grey);
  font-size: 12px;
  font-weight: 500;
}

.dropdown-link-4:hover {
  color: var(--link-hover);
}

.dropdown-list-4 {
  opacity: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #000;
  transition: opacity .325s;
}

.dropdown-list-4.w--open {
  background-color: #1d1d1df2;
}

.link-16 {
  color: var(--bg-grey);
  font-size: 15px;
}

.link-16:hover {
  color: var(--link-hover);
}

.link-16.w--current:hover {
  color: var(--bg-grey);
}

.link-16.hover-text-grey {
  font-size: 12px;
}

.link-16.hover-text-grey:hover {
  color: var(--link-bg-grey);
}

.text-block-34 {
  font-size: 14px;
}

.paragraph-24 {
  color: #7c7c7c;
  font-size: 16px;
}

.button-content-holder-2 {
  background-color: #171717;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 14px 24px;
  font-size: 16px;
  transition: background-position .3s;
  display: flex;
}

.button-content-holder-2:hover {
  background-position: 88%;
}

.div-block-48 {
  border-radius: 35px;
  height: 100%;
  margin-top: 15px;
  position: relative;
}

.linklist {
  color: var(--secondary);
  text-decoration: none;
}

.center-paragraph-5 {
  color: silver;
  text-align: center;
  font-weight: 600;
}

.button-with-border-2 {
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 12px;
  padding: 14px 24px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  transition: border-color .3s;
}

.button-with-border-2:hover {
  color: #fff;
  border-color: #ad68f3;
}

.hero-text-white {
  color: #fff;
  margin-top: 0;
  font-family: Mona Sans, sans-serif;
  font-size: 88px;
  font-weight: 700;
}

.hero-text-white.center {
  text-align: center;
  font-size: 51px;
}

.section-21 {
  z-index: 1;
  position: relative;
}

.section-21.overflow-hidden {
  overflow: hidden;
}

.gradient-button-h3-2 {
  letter-spacing: 0;
  background-image: linear-gradient(#dcacff, #ad68f3 51%, #2b2883 81%, #0c0c0c);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  padding: 14px 24px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  transition: letter-spacing .35s, opacity .35s;
  display: flex;
}

.gradient-button-h3-2:hover {
  opacity: .71;
  color: #fafafa;
  letter-spacing: 1px;
}

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

.client-logo-4 {
  object-fit: contain;
  width: 100%;
  max-width: 140px;
  height: 100%;
  max-height: 25px;
}

.trusted-by-container-2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: 1px solid #1d1e1f;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 3em;
  display: flex;
}

.trusted-by-container-2.home-3 {
  z-index: 2;
  position: relative;
  inset: auto 0% 0%;
}

.trusted-by-container-2.home-3.container {
  border-bottom: 0 #b6b6b6;
  padding-top: 5em;
  padding-bottom: 5em;
  bottom: auto;
}

.trusted-by-text-2 {
  color: #2e2d2d;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.bold-text-57 {
  color: #fff;
  font-weight: 800;
}

.bold-text-57.purple-gradient-text.hero-list {
  font-size: 15px;
}

.title-big-3 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 50px;
  font-weight: 800;
}

.title-big-3.normal-size {
  font-weight: 500;
}

.title-big-3.normal-size.text-center-2.fade-in-blur-on-scroll {
  text-align: left;
}

.title-big-3.normal-size.fade-in-blur-on-scroll {
  color: #212121;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.title-big-3.normal-size.fade-in-blur-on-scroll.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.title-big-3.fade-in-blur-on-scroll {
  color: #212121;
  font-size: 35px;
}

.tiny-title-4 {
  letter-spacing: 1px;
  text-transform: none;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff, #dcacff 0%, #ad68f3);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  position: static;
}

.small-white-text-5 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.dark-section-2 {
  z-index: 1;
  background-color: #0c0c0c;
  position: relative;
}

.dark-section-2.overflow-hidden {
  overflow: hidden;
}

.dark-section-2.overflow-hidden.white-section {
  background-color: #fff;
}

.dark-section-2.overflow-hidden.white-section.border-b {
  border-bottom: 1px solid #b6b6b6;
}

.dark-section-2.overflow-hidden.white-section.border-t {
  border-top: 1px solid #b6b6b6;
}

.icon-13 {
  width: 100%;
}

.grid-list-3 {
  grid-column-gap: 30px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
}

.grid-list-3._2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  margin-top: 2em;
  display: flex;
}

.grid-list-3.about {
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  margin-top: 2em;
}

.feature-grid-3 {
  grid-column-gap: 3.5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 5fr 5fr;
  align-content: start;
  margin-top: 10em;
  display: grid;
}

.feature-grid-3.mt-4.grid-flex.flipped-flex {
  justify-content: space-around;
}

.feature-grid-3.mt-4.grid-flex.flipped-flex.py-7 {
  margin-top: 0;
}

.feature-grid-3.md-gap-0.mb-5.py-7 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5em;
  padding-bottom: 5em;
}

.feature-grid-3.py-7 {
  margin-top: 0;
  padding-top: 5em;
  padding-bottom: 5em;
}

.financial-text-2 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.financial-text-2.text-white {
  color: #fff;
  font-size: 16px;
}

.financial-text-2.text-black {
  color: #000;
}

.financial-text-2.text-center-2.text-grey.sm-text-left {
  text-align: left;
}

.financial-text-2.text-grey {
  color: #000000e3;
  font-size: 16px;
}

.financial-text-2.text-grey.text-left {
  text-align: left;
}

.financial-text-2.text-grey.case-disclaimer {
  color: #0000005e;
  font-size: 14px;
  font-style: italic;
}

.financial-text-2.text-grey.mx-w--80 {
  width: 80%;
}

.financial-text-2.text-grey.case-summary {
  color: #343434;
  font-size: 16px;
}

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

.hidden-opacity {
  opacity: 0;
}

.white-paragraph-2 {
  color: #fff;
  font-family: Outfit, sans-serif;
}

.white-large-text-2 {
  color: #fff;
  font-family: Outfit, sans-serif;
  font-size: 32px;
}

.blog-subscribe-button-2 {
  color: #101111;
  text-align: center;
  background-color: #fff;
  border: 1px solid #151515;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 500;
  transition: border-radius .35s, background-color .35s;
}

.blog-subscribe-button-2:hover {
  background-color: #ffffff8a;
  border-width: 1.5px;
  border-color: #ad68f3;
}

.main-success-message-3 {
  color: #000;
  letter-spacing: 0;
  background-color: #111;
  background-image: linear-gradient(to right, #fff, #dcacff 50%, #ad68f3 102%);
  border-radius: 6px;
  padding: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  box-shadow: 0 0 30px #0000001a;
}

.blog-subscribe-email-2 {
  color: #fff;
  background-color: #0d0d0d;
  border: 1px solid #1d1d1d;
  border-radius: 12px;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  padding: 10px 109px 10px 24px;
  font-weight: 500;
  line-height: 1;
  transition: background-color .35s, border-color .35s;
}

.blog-subscribe-email-2:hover {
  background-color: #000000ab;
}

.blog-subscribe-email-2:focus {
  color: #fff;
  background-color: #1b1a1a;
  border-color: #001b38;
}

.blog-subscribe-email-2::placeholder {
  color: #c4c4c4;
  font-size: 16px;
  font-weight: 400;
}

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

.fade-in-move-on-scroll-3.client-wrapper {
  border-radius: 6px;
  max-width: 50px;
  padding: 10px;
}

.fade-in-move-on-scroll-3.client-wrapper.dark-logo {
  background-color: #000;
  min-width: 50px;
  min-height: 50px;
}

.fade-in-move-on-scroll-3.py-7 {
  padding-top: 5em;
  padding-bottom: 5em;
}

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

.section-heading-title-2 {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fff, #dcacff 50%, #ad68f3);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 52px;
  line-height: 1.2;
}

.section-heading-title-2.center-dark-gradient-title {
  background-image: linear-gradient(90deg, #494949, #909090 50%, #6a478e 99%, #ad68f3);
  font-family: Inter, sans-serif;
  font-size: 35px;
  font-weight: 600;
}

.section-heading-title-2.center-dark-gradient-title.text-left {
  text-align: left;
  line-height: 1.4;
}

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

.document-image-holder-2 {
  justify-content: flex-start;
  width: 90%;
  height: 100%;
  display: flex;
}

.about-grid-3 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.6fr 1fr;
  margin-top: 1em;
}

.hero-box-text-2 {
  color: #fff;
  font-size: 45px;
}

.hero-box-text-2.text-grey {
  color: #363636;
}

.hero-box-text-2.text-grey.text-lg {
  margin-top: 20px;
  font-size: 30px;
  line-height: 1.5;
}

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

.content-9 {
  background-color: #00000005;
  border: 1px solid #00000038;
  border-radius: 6px;
  padding: 0 20px 20px;
}

.center-heading-2 {
  color: #fff;
  text-align: center;
  font-family: Outfit, sans-serif;
  font-size: 52px;
}

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

.text-grey {
  color: #4a4a4a;
  font-size: 18px;
}

.text-grey.flex-gap {
  grid-column-gap: 13.5px;
  grid-row-gap: 13.5px;
  flex-flow: column;
  font-size: 14px;
  display: flex;
}

.text-grey.text-sm {
  font-size: 14px;
}

.text-grey.font-sm {
  font-size: 16px;
}

.grid-sub-case {
  grid-column-gap: 0%;
  grid-row-gap: 12px;
  background-color: #e5e0e0ab;
  border: 1px #e5e0e094;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  min-width: 50%;
  height: 100%;
  padding: 20px;
  display: grid;
}

.grid-sub-case.grid-subtext {
  grid-column-gap: 0px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.flex-block-9 {
  grid-column-gap: 3%;
  grid-row-gap: 3%;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.h--63px {
  height: 56px;
}

.h--63px.text-sum, .h--63px.text-sum-title {
  height: 100%;
  min-height: 63px;
}

.mt-5 {
  justify-content: center;
  align-items: center;
  margin-top: 5em;
  display: flex;
}

.bold-text-58, .bold-text-59, .bold-text-60 {
  color: #363636;
}

.case-carousel {
  width: 100%;
}

.case-carousel.swiper {
  margin-top: 20px;
}

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

.swiper-slide {
  padding-left: 0;
}

.template-growth-features-2 {
  font-size: 16px;
  font-weight: 500;
}

.demo-business-email-image-3 {
  width: 100%;
  margin-top: 40px;
}

.demo-business-email-image-3.small-img {
  width: 40px;
  height: 40px;
}

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

.text-xs.font-medium.small-xs {
  font-size: 14px;
}

.div-block-49 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.small-img {
  object-fit: scale-down;
  background-color: #fff;
  background-image: linear-gradient(322deg, #e4e4e4 23%, #eee 61%, #fff);
  border: 1px solid #d6d6d6;
  border-radius: 7px;
  width: 40px;
  height: 40px;
  padding: 2px;
}

.carousel-title-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.button-12 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  text-transform: none;
  background-color: #000;
  border-radius: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-weight: 500;
  transition: background-color .3s, transform .5s cubic-bezier(.175, .885, .32, 1.275);
  display: flex;
}

.button-12:hover {
  color: #fff;
  background-color: #dcacff;
}

.button-12.transparent-on-dark-with-border {
  background-color: #0000000d;
  border: 1px solid #000;
  transition: color .35s, border-color .35s, background-color .3s;
}

.button-12.transparent-on-dark-with-border:hover {
  color: #ad68f3;
  background-color: #ffffff1a;
  border-color: #ad68f3;
}

.button-12.transparent-on-dark-with-border.custom-button-prev {
  color: #000;
  border-width: 2px;
  border-color: #b7b7b7;
  border-radius: 100%;
  width: 38px;
  height: 38px;
  padding: 0;
}

.button-12.transparent-on-dark-with-border.custom-button-prev.white-btn {
  color: #fff;
}

.button-12.transparent-on-dark-with-border.custom-button-next {
  color: #000;
  border-width: 2px;
  border-color: #b7b7b7;
  border-radius: 100%;
  width: 38px;
  height: 38px;
  padding: 0;
}

.button-12.transparent-on-dark-with-border.custom-button-next.white-btn {
  color: #fff;
}

.btn-flex {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.bg-grey.bg-gray-2 {
  background-color: #f0f0f0;
  position: relative;
}

.link-block-27 {
  color: var(--text-color);
}

.link-block-27.aspect-portrait {
  aspect-ratio: 1;
  width: 100%;
}

.image-49 {
  opacity: .5;
  filter: brightness(200%) grayscale();
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 65% 0% 0%;
}

.image-49.industries-img-slider {
  filter: brightness(29%) grayscale();
  top: 70%;
}

.image-49.testinomial-bg-img {
  filter: brightness(20%) grayscale();
  height: 50px;
  min-height: 50px;
  padding-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  top: auto;
  bottom: 0%;
}

.image-49.testinomial-bg-img.style-2 {
  object-fit: fill;
  height: auto;
  bottom: 2%;
}

.div-block-50 {
  grid-column-gap: 16px;
  grid-row-gap: 17px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 86%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.div-block-50.case-block-list-2 {
  width: 100%;
}

.div-block-50.flex-center {
  justify-content: center;
  align-items: flex-start;
}

.div-block-50.mt-2 {
  margin-top: 2em;
}

.dark-gradient {
  background-image: linear-gradient(300deg, #5454541c 1%, #7e7e7e21 29%, #c6c6c630 67%, #d9d9d9bf);
  border: 1px solid #00000045;
  border-radius: 2px;
  padding: 10px;
}

.dark-gradient.fade-in-blur-on-scroll.more-dark-gradient {
  background-image: linear-gradient(300deg, #545454a8 1%, #7e7e7ee3 29%, #8080807a 67%, #b5b5b5bf);
  border-radius: 2px;
}

.div-block-51 {
  background-color: #fff;
  border: 0 solid #848484;
  border-bottom: 2px solid #0000004a;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: -21px;
  padding-left: 0;
  display: flex;
}

.text-sum {
  color: #282828;
  font-size: 15px;
}

.text-sum.aaa-link-1-2.link-text {
  color: #0d45bc;
}

.text-sum.link-text {
  color: #3038cd;
}

.text-sum.h--42px {
  height: 100%;
  min-height: 42px;
}

.text-sum-title {
  opacity: .85;
  color: #222;
  font-size: 15px;
  font-weight: 600;
}

.text-sum-title.h--42px {
  height: 100%;
  min-height: 42px;
}

.case-container {
  font-size: 14px;
}

.list-7 {
  margin-bottom: 0;
}

.list-7.fade-in-blur-on-scroll {
  list-style-type: none;
}

.list-7.fade-in-blur-on-scroll.box-list-black {
  color: #4a4a4a;
  list-style-type: square;
}

.small-white-text-6 {
  color: #d9d9d9;
  font-size: 14px;
  font-weight: 500;
}

.small-white-text-6.text-grey {
  color: #4a4a4a;
  font-size: 14px;
}

.financial-text-3 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.financial-text-3.text-grey {
  color: #4a4a4a;
  font-size: 16px;
}

.bold-text-62 {
  color: #363636;
}

.grid-list-4 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 15px;
  margin-bottom: 20px;
}

.grid-list-4.sec-list {
  grid-template-columns: 1fr 1fr;
}

.grid-list-4.sec-list.case-study-grid {
  grid-template-columns: 1fr;
}

.captcha {
  margin-top: 2px;
}

.small-white-text-7 {
  color: #d9d9d9;
  font-size: 14px;
  font-weight: 500;
}

.small-white-text-7.text-grey {
  color: #4a4a4a;
  font-size: 14px;
}

.small-white-text-7.text-grey.link-text {
  color: #0b63a9;
  -webkit-text-stroke-color: #0b63a9;
}

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

.list-8 {
  margin-bottom: 0;
}

.list-8.fade-in-blur-on-scroll {
  list-style-type: none;
}

.list-8.fade-in-blur-on-scroll.box-list-black {
  color: #4a4a4a;
  list-style-type: square;
}

.small-white-text-8 {
  color: #d9d9d9;
  font-size: 14px;
  font-weight: 500;
}

.small-white-text-8.text-grey {
  color: #4a4a4a;
  font-size: 14px;
}

.small-white-text-8.text-grey.small-font {
  opacity: .88;
  font-size: 12px;
  font-weight: 600;
}

.financial-text-4 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.financial-text-4.text-grey {
  color: #4a4a4a;
  font-size: 16px;
}

.bold-text-64 {
  color: #363636;
}

.div-block-52 {
  grid-column-gap: 16px;
  grid-row-gap: 17px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 86%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.div-block-52.case-block-list-2 {
  width: 100%;
}

.grid-list-5 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 15px;
  margin-bottom: 20px;
}

.grid-list-5.sec-list {
  grid-template-columns: 1fr 1fr;
}

.grid-list-5.sec-list.case-study-grid {
  grid-template-columns: 1fr;
}

.div-block-53 {
  background-color: #fff;
  border: 0 solid #848484;
  border-bottom: 2px solid #0000004a;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: -21px;
  padding-left: 0;
  display: flex;
}

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

.review-image-2 {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: 100%;
}

.review-image-2.features-2 {
  object-fit: cover;
  margin-top: -40px;
}

.review-holder {
  padding-top: 70px;
  padding-bottom: 70px;
}

.white-text-review-2 {
  color: #fff;
  font-family: Inter, sans-serif;
}

.white-text-review-2.text-black {
  color: #414141;
}

.white-text-review-2.text-black.font-medium {
  font-weight: 400;
}

.review-2 {
  grid-row-gap: 20px;
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  overflow: hidden;
}

.review-person-title {
  color: #cdcdcd;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.review-person-holder {
  grid-column-gap: 12px;
  align-items: center;
  display: flex;
}

.review-text-2 {
  color: #fff;
  font-size: 42px;
  font-weight: 500;
}

.review-text-2.text-grey {
  color: #363636;
}

.sub-heading {
  color: var(--primary);
  margin-top: .5em;
  margin-bottom: .8em;
  font-size: 15px;
  line-height: 1.4;
}

.sub-heading.dark-sec-para {
  color: var(--secondary);
}

.sub-heading.fade-in-blur-on-scroll {
  font-size: 15px;
  line-height: 1.4;
}

.div-block-54 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  display: flex;
}

.bold-text-65 {
  width: 100%;
  padding-left: 5px;
  font-size: 5.5vw;
  line-height: 1.1em;
}

.div-block-55 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.client-logo-wrapper {
  border: 1px solid #0000001a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 70px;
  min-height: 100%;
  margin-right: 12px;
  padding: 6px 10px;
  display: flex;
}

.client-logo-wrapper.fade-in-blur-on-scroll {
  width: 93px;
  height: 66px;
}

.client-logo-wrapper.border-grey {
  background-color: #fff;
  border-color: #bcbcbc61;
}

.image-50 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.team-lead-grid-2 {
  grid-column-gap: 30px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 5em;
  position: relative;
}

.team-lead-grid-2._2x-grid {
  grid-template-columns: 1fr 1fr;
  margin-top: 0;
}

.team-lead-member-image-2 {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.team-lead-member-image-2.project-card-img {
  object-fit: cover;
  border-radius: 12px;
}

.team-lead-member-image-2.project-card-img.cover-top-left {
  object-position: 0% 0%;
}

.bold-text-66 {
  line-height: 1.2;
}

.blog-subscribe-button-3 {
  color: #101111;
  text-align: center;
  background-color: #fff;
  border: 1px solid #151515;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 500;
  transition: border-radius .35s, background-color .35s;
}

.blog-subscribe-button-3:hover {
  background-color: #ffffff8a;
  border-width: 1.5px;
  border-color: #ad68f3;
}

.gradient-main-form-holder-2 {
  background-image: linear-gradient(to top, #fff, #dcacff 7%, #ad68f3 32% 43%, #0c0c0c 97%);
  border-radius: 32px;
  width: 100%;
  height: 100%;
  padding: 70px 30px 30px;
}

.gradient-main-form-holder-2.explainer-gradient {
  background-image: linear-gradient(326deg, #f199ff, #d0a8ed 15%, #eab3fa 39%, #dbb8ff 56%, #fff 97%);
  border-radius: 15px;
  padding-top: 30px;
}

.blog-grid-holder-2 {
  margin-top: 0;
}

.main-success-message-4 {
  color: #000;
  letter-spacing: 0;
  background-color: #111;
  background-image: linear-gradient(to right, #fff, #dcacff 50%, #ad68f3 102%);
  border-radius: 6px;
  padding: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  box-shadow: 0 0 30px #0000001a;
}

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

.blog-main-grid-2.case-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.blog-subscribe-email-3 {
  color: #fff;
  background-color: #0d0d0d;
  border: 1px solid #1d1d1d;
  border-radius: 12px;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  padding: 10px 109px 10px 24px;
  font-weight: 500;
  line-height: 1;
  transition: background-color .35s, border-color .35s;
}

.blog-subscribe-email-3:hover {
  background-color: #000000ab;
}

.blog-subscribe-email-3:focus {
  color: #fff;
  background-color: #1b1a1a;
  border-color: #001b38;
}

.blog-subscribe-email-3::placeholder {
  color: #c4c4c4;
  font-size: 16px;
  font-weight: 400;
}

.image-51 {
  width: 100%;
  position: relative;
}

.explainer-img {
  object-fit: cover;
  border-radius: 32px;
  width: 100%;
  height: 100%;
}

.text-white {
  color: #fff;
}

.text-white.mt-1 {
  padding-top: 2em;
}

.text-white.mt-1.text-sm {
  padding-top: 1em;
  font-size: 14px;
}

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

.feature-box-4 {
  background-color: #181818;
  background-image: url('../images/logo-silver-1.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 40%;
  border: 1px solid #505050;
  border-radius: 12px;
  padding: 130px 45% 130px 70px;
  position: relative;
  overflow: hidden;
}

.feature-box-4.how-grp {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-image: none;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-right: 70px;
  display: flex;
}

.feature-text-4 {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  font-size: 39px;
  font-weight: 500;
  display: flex;
}

.feature-text-4.text-white.text-left {
  text-align: left;
}

.demo-cta-image-3 {
  width: 100%;
  margin-top: 20px;
}

.figma-component-library-holder-3 {
  background-color: #181818;
  border: 1px solid #505050;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 2em;
  padding-left: 2em;
  display: flex;
}

.style-guide-image-3 {
  width: 100%;
  margin-left: -2em;
}

.text-gray-paragraph-holder-3 {
  padding-right: 34px;
}

.text-gray-paragraph-holder-3.text-left {
  text-align: left;
}

.notifications-image-3 {
  width: 115%;
  max-width: none;
  margin-left: -2em;
}

.template-growth-features-3 {
  font-size: 29px;
  font-weight: 500;
}

.template-growth-features-3.text-white.text-left {
  text-align: left;
}

.template-growth-features-3.text-white.text-left.fade-in-blur-on-scroll {
  font-size: 22px;
}

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

.div-block-56 {
  padding-top: 3em;
  padding-bottom: 8em;
}

.paragraph-25 {
  text-align: left;
  font-size: 16px;
}

.div-block-57 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.industries-grp {
  flex-flow: column;
  padding-top: 8em;
  padding-bottom: 0;
  display: flex;
}

.title-big-4 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 50px;
  font-weight: 800;
}

.title-big-4.normal-size {
  font-weight: 500;
}

.bg-grid-image-2 {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.dark-section-3 {
  z-index: 1;
  background-color: #0c0c0c;
  position: relative;
}

.dark-section-3.overflow-hidden {
  overflow: hidden;
}

.grid-item-text-holder-2 {
  z-index: 2;
  grid-row-gap: 0em;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

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

.grid-items-wrapper-2.last-item {
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.grid-items-wrapper-2.last {
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 565px;
  position: relative;
  overflow: hidden;
}

.feature-grid-4 {
  grid-column-gap: 3.5em;
  grid-row-gap: 5em;
  grid-template-rows: auto;
  grid-template-columns: 5fr 5fr;
  margin-top: 10em;
  display: grid;
}

.feature-grid-4.mt-0 {
  margin-top: 0;
}

.financial-text-5 {
  color: #b4bcd0;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.financial-text-5.info-text {
  font-size: 16px;
  font-style: italic;
}

.financial-text-5.fade-in-blur-on-scroll {
  color: #ffffffe3;
}

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

.large-white-text-2 {
  text-align: center;
  margin-bottom: 10px;
  font-size: 42px;
  font-weight: 500;
}

.small-black-text-2 {
  color: #000;
  font-size: 16px;
}

.box-gradient-dark {
  background-image: url('../images/BG-Image-2_1BG Image 2.webp');
  background-position: 50%;
  background-size: auto;
}

.box-gradient-dark.py-5 {
  padding-top: 5em;
  padding-bottom: 5em;
}

.box-gradient-dark.py-5.cta-case-studies {
  border-radius: 22px;
}

.box-gradient-dark.py-5.mt-5.px-4 {
  background-size: cover;
  border-radius: 32px;
  margin-top: 0;
  padding-left: 4em;
  padding-right: 4em;
}

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

.cta-btn.flex-down {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
}

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

.div-block-59 {
  width: 70%;
  display: flex;
}

.image-52 {
  object-fit: contain;
  width: 100%;
}

.info-panel {
  padding-top: 8em;
}

.link-17 {
  font-size: 18px;
}

.link-overflow-wrap {
  overflow-wrap: anywhere;
}

.project-img {
  border-radius: 12px;
}

.div-block-61 {
  position: relative;
}

.mt-8 {
  margin-top: 8em;
}

.case-link {
  color: #083558;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 32px;
  font-weight: 600;
  display: flex;
}

.list-item-2 {
  list-style-type: disc;
}

.client-logo-5 {
  object-fit: contain;
}

.client-logo-5.dark-logo {
  filter: invert();
  background-color: #000;
  border-radius: 6px;
  width: 100%;
  min-width: 45px;
  padding: 10px;
}

.client-logo-5.fil-invert {
  filter: invert();
}

.trusted-by-container-3 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom: 1px solid #1d1e1f;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 3em;
  display: flex;
}

.trusted-by-container-3.home-2 {
  margin-top: 3em;
}

.trusted-by-text-3 {
  color: silver;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.case-info {
  grid-column-gap: 20px;
  grid-row-gap: 17px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.case-info-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-63 {
  width: 100%;
  display: flex;
}

.div-block-64 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: -webkit-fill-available;
  display: flex;
}

.div-block-65 {
  height: 100%;
}

.div-block-66 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-66.h--63px {
  height: 63px;
}

.div-block-66.h--42px {
  height: 42px;
}

.image-53 {
  opacity: .62;
}

.image-53.fil-invert {
  filter: invert();
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.div-block-67 {
  object-fit: contain;
  background-color: #0000;
  border: 1px #00000024;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 2px 3px 3px;
  display: flex;
}

.div-block-67._1 {
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

.entisi-video {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.bg-video-wrapper {
  width: 100%;
  padding: 20px;
}

.bg-video-wrapper.bg-white {
  background-color: #fff;
}

.bg-video-wrapper.bg-white.aspect-v {
  aspect-ratio: 16 / 9;
  height: 100%;
}

.bg-video-wrapper.bg--1b1b1d {
  background-color: #1d1d1f;
}

.bg-video-wrapper.bg--1b1b1d.team-lead-member-image-2.project-card-img {
  background-color: #1b1b1d;
}

.bg-video-wrapper.p-0 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.bg-video-wrapper.p-0.max-h--400px, .bg-mobile-video-wrapper.mx-h--400px {
  max-height: 400px;
}

.div-block-68 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-69 {
  object-fit: contain;
  background-color: #0000;
  border: 1px solid #00000024;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 4px;
  display: flex;
}

.div-block-70 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-71 {
  object-fit: contain;
  background-color: #0000;
  border: 1px #00000024;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 3px 4px 4px;
  display: flex;
}

.background-video-11 {
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.tab-paragraph-2 {
  padding-top: 10px;
  font-weight: 400;
}

.tabs-menu-8 {
  color: #fff;
  margin-bottom: 40px;
  display: flex;
}

.tabs-menu-8.feature-page {
  grid-column-gap: 37px;
  grid-row-gap: 37px;
  flex-direction: column;
  margin-bottom: 0;
}

.tabs-4 {
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.tabs-4.feature-page {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 3em;
}

.div-description-case {
  padding-top: 5em;
  padding-bottom: 5em;
}

.hero-case-video {
  aspect-ratio: 16 / 9;
  border-color: #00000026;
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.hero-case-video.bg--1b1b1d {
  background-color: #1b1b1d;
  border-radius: 12px;
}

.background-video-12 {
  width: 100%;
  height: 100%;
}

.service-business-flexblock {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.background-video-13 {
  object-fit: contain;
}

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

.block-quote {
  opacity: .95;
  color: var(--highlight);
  line-height: 1.5;
}

.cookie-banner {
  z-index: 99;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px solid #00000057;
  border-radius: 5px;
  flex-flow: column;
  width: 100%;
  max-width: 500px;
  padding: 25px;
  display: none;
  position: fixed;
  bottom: 5px;
  right: 5px;
  box-shadow: 0 2px 5px #0000001a;
}

.cookie-heading {
  color: #000;
  font-size: 20px;
  font-weight: 600;
}

.cookie-description {
  color: #000;
}

.cookie-btn-wrapper {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  width: 100%;
  display: flex;
}

.cookie-heading-wrapper {
  justify-content: space-between;
  display: flex;
}

.why-case-wrapper {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.why-case-container {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.blog-form-block {
  margin-top: 5em;
  margin-bottom: 0;
}

.weekly-newsletter-header-2 {
  color: #fff;
  font-family: Plusjakartasans, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.submit-button-4 {
  z-index: 0;
  opacity: 1;
  color: #000;
  background-color: #fff;
  border: 1px solid #ad68f3;
  border-radius: 10px;
  height: 58px;
  padding: 15px 30px;
  font-family: Plusjakartasans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: color .35s, background-color .35s;
  position: absolute;
  inset: 0%;
}

.submit-button-4:hover {
  color: #fff;
  background-color: #000;
}

.text-field-8 {
  color: #fff;
  background-color: #0d0d0d;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  height: 51px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  transition: border-color .4s, background-color .4s;
}

.text-field-8:hover {
  background-color: #0d0d0d36;
}

.text-field-8:active {
  color: #fff;
  background-color: #0d0d0d96;
}

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

.blog-gradient-border-holder-2 {
  z-index: -1;
  opacity: 1;
  background-image: linear-gradient(#fff, #dcacff63 1%, #ad68f357 50%, #2b28832b 80%, #f5f5f5);
  border-radius: 20px;
  margin: -2px -1.5px;
  position: absolute;
  inset: 0%;
}

.blog-gradient-border-holder-2._2 {
  opacity: 0;
  background-image: linear-gradient(0deg, #bfa8cd, #dcacff 1% 50%, #d7c2ed 80%, #d4cad4);
}

.blog-privacy-holder-2 {
  background-color: #fbfbfb;
  background-image: url('../images/bg-white-pexels.avif');
  background-position: 0 0;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  min-width: 370px;
  height: 100%;
  padding: 3.75em 4em 5em;
  position: relative;
}

.privacy-text-2 {
  color: #7a7a7a;
  margin-top: 15px;
  margin-bottom: 15px;
}

.case-block-link {
  width: 100%;
}

.why-case-bg-img {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.velvet-case-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1280px) {
  .section.body-white {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .section.black-section {
    margin-left: auto;
    margin-right: auto;
  }

  .section.dark-gray-section {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .container {
    max-width: 1144px;
    position: static;
  }

  .container.big-container {
    max-width: 1150px;
  }

  .container.medium {
    text-align: left;
    max-width: 1144px;
    position: relative;
  }

  .container.border-top {
    position: relative;
  }

  .container.grid-sections {
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .container.grid-sections.border-b {
    border: 0 solid #000;
    border-bottom-width: 1px;
  }

  .container.grid-sections.y-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.mb-0 {
    padding-bottom: 0;
  }

  .footer-content {
    grid-template-columns: 1.5fr 2fr 1fr 1fr 1fr;
  }

  .feature-box {
    border-style: none;
  }

  .text-gray-paragraph-holder-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .with-standarts-quick-stack {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .center-paragraph {
    color: var(--text-color);
  }

  .button-2 {
    font-size: 17px;
  }

  .hero-nav-link {
    font-size: 16px;
  }

  .hero-nav-link:hover, .hero-nav-link.w--current {
    color: var(--secondary);
  }

  .nav-brand-logo {
    max-height: 45px;
  }

  .main-heading.bold-white-text {
    font-size: 6vw;
  }

  .medium-center-text {
    margin-top: 34px;
  }

  .logo-client {
    margin-top: 70px;
    margin-left: 20px;
  }

  .grid-6-col-h1 {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .white-heading.contact-heading {
    font-size: 8vw;
  }

  .cta-holder {
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .tabel-cta-holder {
    inset: auto auto 2em;
    transform: none;
  }

  .tabel-pay-image.h-full.fade-in-blur-on-scroll {
    filter: grayscale();
  }

  .tabel-pay-image.h-full.grey-filter {
    object-fit: cover;
    min-height: 400px;
    max-height: 400px;
  }

  .tabel-pay-image.h-full.grey-filter.cover-top.max-h-full {
    max-height: 100%;
  }

  .tabel-pay-image.h-full.grey-filter.obj-contain.aspect-unset {
    border-style: none;
    min-height: 100%;
    max-height: 100%;
  }

  .grid-list.hero-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
  }

  .grid-list.sec-list {
    grid-template-columns: 1fr 1fr;
  }

  .hero-section-text-holder-home {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    background-size: cover;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    min-height: 300px;
  }

  .bg-grid-image {
    width: 100%;
  }

  .dark-gray-section {
    position: static;
  }

  .bold-text.service-heading {
    position: absolute;
  }

  .bold-text.gradient-text, .bold-text.gradient-text-simple {
    font-size: 4vw;
  }

  .feature-bg-image-holder.second {
    width: 100%;
  }

  .feature-bg-image.features-2 {
    perspective: 2000px;
  }

  .review-image.features-2 {
    object-fit: fill;
    border-radius: 24px;
  }

  .person-review-holder.w {
    border-radius: 20px;
    width: 300px;
  }

  .data-image._2.features-3 {
    top: 90%;
  }

  .data-image._1.features-1 {
    top: 38%;
  }

  .data-image._3.features-2 {
    top: 38%;
    right: 18%;
  }

  .data-image._4.features {
    bottom: -38%;
    right: 19%;
  }

  .features-hero-container {
    grid-column-gap: 170px;
    grid-template-columns: .75fr 1.5fr;
  }

  .features-hero-2.work-heading {
    font-weight: 400;
  }

  .big-container.no-paddings.map {
    max-width: 1144px;
  }

  .big-container.mt--5em {
    max-width: 1200px;
  }

  .features-hero-holder-2.work-container {
    padding-left: 2em;
    padding-right: 2em;
  }

  .bg-image-f3 {
    object-fit: fill;
  }

  .active-tab-container._01 {
    min-height: 600px;
  }

  .center-gradient-title.text-responsive {
    font-size: 4vw;
  }

  .heading-generic {
    font-size: 43px;
  }

  .center-text-container {
    margin-top: 5em;
  }

  .blog-privacy-holder {
    padding-top: 60px;
  }

  .nav-link-2.logo {
    object-fit: contain;
    width: auto;
    min-width: 200px;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-4.text-small.on-hover-grp {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
  }

  .circle-stroke-2 {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    overflow: visible;
  }

  .footer-container {
    max-width: 1144px;
  }

  .flex-block-4 {
    width: 100%;
  }

  .div-block-14 {
    top: 30%;
  }

  .full-image_component {
    width: 100%;
  }

  .text-change-wrapper {
    margin-bottom: -5px;
  }

  .grid-content._2, .grid-content._3, .grid-content.collaboration-cards, .cta-content {
    padding-left: 4em;
    padding-right: 4em;
  }

  .block-title {
    font-size: 4vw;
  }

  .container-8 {
    max-width: 1044px;
  }

  .nav-width-wrapper {
    max-width: 1144px;
    padding-left: 6em;
    padding-right: 6em;
  }

  .faq-tab-pane.fade-in-move-on-scroll {
    margin-top: 2rem;
  }

  .faq-types-wrapper-grid.fade-in-on-scroll {
    margin-bottom: 0;
  }

  .gray-section.top-margin-l {
    padding-top: 8em;
  }

  .uui-icon-1x1-xsmall {
    color: var(--highlight);
  }

  .brs-4-tab-grid-1 {
    grid-column-gap: 6em;
    grid-row-gap: 3em;
  }

  .container-wrapper-dark {
    font-family: Inter, sans-serif;
  }

  .container-class {
    max-width: 1044px;
  }

  .brs-4-tab-pie-text-1 {
    line-height: 1em;
  }

  .footer-columns-d-copy {
    max-width: 1144px;
  }

  .hero-paragraph-description-2.gray-dark-paragraph {
    margin-bottom: 0;
    padding-top: 10px;
  }

  .career-item-line-2 {
    top: 50%;
    left: 25%;
  }

  .subtitle.gradient-text-3 {
    font-size: 3vw;
  }

  .career-item-line-3 {
    top: 54%;
    left: 25%;
  }

  .grid-2-col-4.about.flex-grid {
    grid-column-gap: 3.1em;
    grid-row-gap: 3.1em;
  }

  .template-includes-card-2.bg-white.carousel-card.dark-gradient {
    position: relative;
  }

  .figma-file-image-2.cardimg {
    object-position: top;
  }

  .cta-text-3.dark-text-gradient {
    background-image: linear-gradient(90deg, #171717, #623781 52%, #42265f);
  }

  .center-paragraph-4.text-black {
    color: #000;
  }

  .center-cta-holder-3.cta-case-studies {
    background-color: #fff;
    background-image: linear-gradient(0deg, #dcacff, #b695d7 34%, #9c9ae0 66%, #fff);
  }

  .dropdown-link-4 {
    color: var(--bg-grey);
  }

  .dropdown-link-4:hover {
    color: var(--link-hover);
  }

  .dropdown-list-4 {
    color: var(--bg-grey);
    background-color: #000;
  }

  .link-16:hover {
    color: var(--link-hover);
  }

  .paragraph-24 {
    color: #7c7c7c;
  }

  .section-21.overflow-hidden {
    padding-top: 100px;
  }

  .trusted-by-container-2.home-3.container {
    padding-top: 0;
  }

  .title-big-3.normal-size.fade-in-blur-on-scroll.text-left {
    text-align: left;
  }

  .title-big-3.fade-in-blur-on-scroll {
    font-size: 43px;
  }

  .hidden-opacity {
    opacity: 0;
  }

  .section-heading-title-2.center-dark-gradient-title {
    font-size: 43px;
  }

  .hero-box-text-2.text-grey.text-lg {
    font-size: 35px;
    font-weight: 400;
    line-height: 1.6;
  }

  .text-grey.flex-gap, .grid-sub-case {
    height: 100%;
  }

  .carousel-title-flex {
    padding-bottom: 20px;
  }

  .bg-grey {
    background-color: #eee;
  }

  .link-block-27.aspect-portrait {
    aspect-ratio: 3 / 2;
  }

  .image-49 {
    top: 67%;
  }

  .image-49.industries-img-slider {
    z-index: 1;
  }

  .grid-list-4.sec-list, .grid-list-5.sec-list {
    grid-template-columns: 1fr 1fr;
  }

  .review-image-2.features-2 {
    object-fit: cover;
    border-radius: 24px;
  }

  .sub-heading {
    margin-top: .7em;
  }

  .feature-box-4.how-grp {
    background-position: 100% 100%;
  }

  .case-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: start stretch;
  }

  .hero-case-video {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 1440px) {
  .section.gray-body {
    background-color: var(--transparent);
  }

  .container {
    object-fit: fill;
    max-width: 1344px;
    display: block;
    top: auto;
    overflow: visible;
  }

  .container.big-container {
    max-width: 1350px;
    padding-top: 4em;
  }

  .container.no-padding-top {
    max-width: 1244px;
  }

  .container.no-top-margin {
    padding-top: 0;
  }

  .container.medium {
    max-width: 1344px;
  }

  .container.border-top.container-sticky {
    top: 50px;
  }

  .container.grid-sections.border-b {
    border-bottom-color: #b6b6b6;
  }

  .container.grid-sections.y-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.center-flex.py-3 {
    display: flex;
  }

  .container.border-b {
    border-bottom: 1px solid #b6b6b6;
  }

  .footer {
    background-color: var(--dark);
  }

  .footer-content {
    grid-template-columns: .75fr 1.25fr .75fr .75fr .75fr;
    justify-content: space-between;
    overflow: visible;
  }

  .fade-in-move-on-scroll, .content {
    text-align: left;
  }

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

  .link-background.purple {
    color: var(--bg-grey);
  }

  .footer-brand-content {
    text-align: left;
    align-items: flex-start;
  }

  .social-media-icons {
    justify-content: flex-start;
    align-items: center;
  }

  .social-media-icon {
    color: var(--dim-grey);
    display: block;
  }

  .blog-item-content {
    padding-top: 2em;
  }

  .blog-item-category {
    flex: 0 auto;
  }

  .small-black-text.about-founder {
    text-align: left;
    margin-top: 10px;
    font-size: 20px;
  }

  .feature-box {
    justify-content: space-between;
    width: 100%;
  }

  .template-cards-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .template-footer-button-holder {
    max-width: 380px;
  }

  .demo-container {
    justify-content: center;
    align-items: flex-start;
    width: 170vw;
  }

  .template-card-holder {
    min-height: 27vw;
    padding: .5%;
  }

  .demo-blur-bg-effect {
    background-color: var(--secondary);
    filter: blur(70px);
  }

  .white-text-paragraph-holder {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 260px;
  }

  .open-cource-image {
    top: 30%;
    right: -6%;
  }

  .open-cource-image.top-image {
    width: 80%;
  }

  .blog-item-link {
    border-radius: 16px;
  }

  .center-paragraph {
    color: var(--dim-grey);
    font-size: 22px;
  }

  .show-more-button {
    background-color: #fff;
  }

  .show-more-button.f2 {
    background-color: var(--primary);
    color: var(--transparent);
  }

  .gradient-button-holder {
    margin-top: 0;
  }

  .button-2 {
    font-size: 18px;
  }

  .nav-brand-logo {
    max-height: 50px;
  }

  .footer-small-icon {
    right: 0%;
  }

  .main-heading {
    font-size: 80px;
  }

  .product-container.pricing {
    height: 100vh;
  }

  .text-center-wrapper {
    overflow: visible;
  }

  .hero-gradient-box.f1 {
    background-image: linear-gradient(180deg, #fff, var(--blue-grey) 27%, var(--secondary) 57%, var(--primary) 85%, #0c0c0c);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .hero-text-sticky {
    top: -30px;
  }

  .home-hero-container._2 {
    height: 700px;
  }

  .download-buttons.center {
    margin-top: 3em;
  }

  .dark-section {
    top: auto;
  }

  .center-text {
    margin-bottom: 4em;
  }

  .center-text._2 {
    margin-top: 5em;
  }

  .medium-center-text {
    background-image: linear-gradient(153deg, var(--white-color), var(--secondary) 50%, var(--primary));
  }

  .client-logo-holder {
    width: 80%;
  }

  .logo-client {
    margin-top: 91px;
    margin-left: 32px;
  }

  .trusted-no {
    font-size: 75px;
    font-weight: 800;
  }

  .white-heading.contact-heading {
    font-size: 6vw;
  }

  .testimonials-container {
    float: none;
    text-align: left;
    width: auto;
    display: block;
  }

  .grid-testimonial {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    text-align: left;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch center;
    width: auto;
    display: flex;
    position: relative;
    inset: auto;
  }

  .testimonial-picture {
    width: 42px;
    height: 42px;
  }

  .cta-holder {
    text-align: center;
    justify-content: space-between;
  }

  .tabel-cta-holder {
    text-align: center;
    flex: 0 auto;
    width: 810px;
    height: 70%;
    bottom: 2em;
    left: auto;
    right: auto;
  }

  .dark-bg-images {
    text-align: center;
  }

  .cta-text-paragraph-holder {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: stretch;
  }

  .hero-text-holder-h2.p3 {
    max-width: 100%;
  }

  .hero-button-holder {
    justify-content: center;
    align-items: center;
  }

  .container-work-header {
    max-width: 1350px;
  }

  .container-work-header.hero-container {
    padding-bottom: 10em;
  }

  .container-work-header.hero-container.large {
    padding-bottom: 5em;
  }

  .hero-circles-holder.relative.large {
    height: 160vh;
  }

  .circle-stroke {
    background-color: #000;
  }

  .hero-text-black {
    color: #fff;
  }

  .show-more-button-holder {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .iphone-holder.features {
    height: 70%;
    top: 2%;
    left: 40.5%;
  }

  .iphone-holder.f3 {
    left: 0;
  }

  .iphone-holder._3 {
    margin-top: 4.9em;
  }

  .hero-section-text-holder {
    height: 95vh;
  }

  .fourth-person-image {
    width: 100%;
  }

  .blue-gradient-text {
    font-family: Inter, sans-serif;
  }

  .blue-gradient-text.greeting {
    background-image: linear-gradient(5deg, #fff, var(--primary) 53%, var(--magenta));
    color: #fff;
    text-align: center;
    object-fit: fill;
    height: auto;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    top: 0;
    bottom: 0;
  }

  .blue-gradient-text.heading-generic {
    font-size: 55px;
    font-weight: 600;
  }

  .financial-text-holder {
    width: 80%;
  }

  .financial-text-holder.text-center-2.ongoing-des {
    margin-top: 10px;
  }

  .grid-items-wrapper {
    justify-content: space-between;
  }

  .grid-items-wrapper.last, .grid-items-wrapper.last-item {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
  }

  .feature-grid-2 {
    margin-top: 10em;
  }

  .tabel-pay-holder.home-3 {
    object-fit: cover;
    background-image: none;
    background-size: cover;
    min-height: 400px;
  }

  .button-browse-holder {
    width: 44%;
  }

  .tabel-pay-image.home-3.last {
    top: 13%;
    left: 6%;
  }

  .tabel-pay-image.h-full {
    filter: blur(5px);
  }

  .tabel-pay-image.h-full.grey-filter {
    filter: none;
  }

  .grid-list.about {
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-list.hero-list {
    grid-template-rows: auto auto;
  }

  .grid-list.sec-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-3-bg-image {
    right: -20%;
  }

  .hero-section-text-holder-home {
    background-size: cover;
  }

  .about-text-paragraph-holder {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .features-explore-button {
    background-image: url('../images/Gray-Arrow.svg');
    background-position: 87% 53%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
    transition: box-shadow .35s, background-position .35s, background-color .35s, color .35s;
  }

  .features-explore-button:hover {
    background-position: 90% 53%;
  }

  .bg-grid-image {
    width: 100%;
  }

  .home-3-button-holder.f3 {
    justify-content: flex-start;
  }

  .black-div-overlay {
    opacity: .85;
  }

  .left-corner-image-holder {
    width: 38%;
    top: 8%;
    left: 0%;
  }

  .corner-image.right {
    height: 60%;
  }

  .right-corner-image-holder {
    position: absolute;
    top: 8%;
    right: 0%;
  }

  .feature-grid-holder.last {
    margin-top: 30em;
  }

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

  .feature-grid-1.second {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .bold-text.gradient-text {
    font-family: Inter, sans-serif;
    font-style: normal;
  }

  .feature-bg-image-holder.second {
    width: 100%;
  }

  .feature-bg-image {
    height: 100%;
  }

  .feature-multi-image {
    object-fit: contain;
    min-height: 480px;
    bottom: -59%;
    left: -38%;
  }

  .feature-multi-image.second {
    height: 90%;
    min-height: auto;
    bottom: -2%;
  }

  .features-bottom-gradient {
    height: 30%;
  }

  .bold-text-holder {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .data-image._2, .data-image._2.features-3 {
    top: 96%;
  }

  .data-image._4 {
    bottom: -59%;
  }

  .data-image._4.features {
    bottom: -67%;
  }

  .contact-us-holder {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .features-hero-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: minmax(25%, 1.75fr) 1fr;
    grid-auto-flow: row;
  }

  .features-hero-text-holder {
    width: 99.9999%;
  }

  .features-hero-2.work-heading {
    font-size: 58px;
  }

  .big-container {
    max-width: 1350px;
  }

  .big-container.no-paddings {
    float: right;
    max-width: 1460px;
  }

  .big-container.no-paddings.map {
    max-width: 1344px;
  }

  .big-container.mt--5em {
    max-width: 1400px;
  }

  .features-hero-holder-2.work-container {
    padding-left: 4em;
    padding-right: 4em;
  }

  .bg-image-f3 {
    object-fit: fill;
    justify-content: center;
    width: 100vw;
    left: 0%;
    overflow: hidden;
  }

  .tabs-menu-2.feature-page {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .gradient-wrapp {
    padding-top: 30px;
  }

  .active-tab-container._01 {
    background-image: linear-gradient(180deg, #fff, var(--blue-grey) 8%, var(--blue-grey) 45%, #2b2883 80%, #0c0c0c);
    background-image: linear-gradient(#fff, #9daabf 8% 45%, #2b2883 80%, #0c0c0c);
    padding-top: 42px;
  }

  .image-tab-change {
    object-fit: cover;
  }

  .small-tab-image._2, .small-tab-image._3, .small-tab-image._4, .small-tab-image._1 {
    width: 180px;
    height: 180px;
  }

  .top-margin-xl {
    margin-top: 9em;
  }

  .icon-text-wrapp {
    justify-content: flex-start;
    margin-top: 0;
  }

  .managment-wrapp {
    width: 100%;
  }

  .container-management-holder {
    justify-content: flex-start;
  }

  .feature-image-project {
    width: 40px;
  }

  .f3-bg-image {
    width: 100%;
    left: -6%;
  }

  .faq-answer {
    -webkit-text-stroke-color: var(--transparent);
  }

  .gradient-line {
    background-image: linear-gradient(180deg, var(--blue-grey), var(--secondary) 24%, var(--background-box-color) 53%, #0d0d0d 80%);
  }

  .accordion-bottom-wrap {
    width: 100%;
    margin-top: 0;
  }

  .accordion-lottie-holder {
    left: -20px;
  }

  .accordions-grid {
    column-rule-style: none;
  }

  .accordion-bottom-gradient {
    width: 100%;
    margin-top: 0;
  }

  .hero-paragraph {
    object-fit: fill;
  }

  .left-arrow {
    width: 50px;
    height: 50px;
    right: 8%;
  }

  .black-box-holder {
    padding: 20px;
  }

  .black-box-holder.about-box {
    padding-bottom: 70px;
  }

  .slider-image {
    object-fit: cover;
    object-position: 50% 0%;
    border-radius: 35px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .map-holder {
    border-radius: 35px;
    width: 100%;
  }

  .card-about-content {
    font-size: 42px;
  }

  .element-holder {
    max-width: 87%;
    padding: 0;
  }

  .right-arrow {
    width: 50px;
    height: 50px;
    right: 3%;
  }

  .grid-3-col-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .gradient-arrow-holder {
    width: 45px;
    height: 45px;
  }

  .team-lead-grid {
    margin-top: .8em;
  }

  .heading-generic {
    color: #fff;
    font-size: 45px;
  }

  .about-grid {
    grid-template-columns: 1.1fr .75fr;
  }

  .document-image-holder, .document-image {
    width: 100%;
  }

  .investors-holder {
    height: 100%;
  }

  .medium-about-text {
    font-family: Inter, sans-serif;
  }

  .work-with-us-prod-logo {
    max-height: 100%;
  }

  .career-item-line {
    top: 49%;
  }

  .blog-subscribe-email:active {
    color: #fff;
  }

  .blog-subscribe-button {
    border-width: 1.5px;
  }

  .blog-subscribe-button:hover {
    color: #fff;
    background-color: #000;
  }

  .form-blog-holder {
    margin-top: 7.5em;
  }

  .blog-privacy-holder {
    opacity: 1;
    text-align: center;
    width: 100%;
    height: 100%;
    transition-property: color;
    overflow: visible;
  }

  .blog-privacy-holder.tabel-cta-image {
    display: inline-block;
    position: static;
  }

  .weekly-newsletter-header {
    font-size: 20px;
  }

  .text-field {
    margin-left: 20px;
    margin-right: 20px;
  }

  .text-field.email-footer {
    margin-left: auto;
    margin-right: auto;
  }

  .submit-button {
    background-color: var(--blue-grey);
    height: 58px;
    padding-bottom: 30px;
    transition: color .35s, background-color .35s;
  }

  .privacy-text {
    justify-content: center;
    align-items: center;
    width: auto;
    display: block;
  }

  .hero-gradient-holder-h1 {
    height: 50%;
  }

  .nav-link-2.logo {
    object-fit: cover;
    flex: 0 auto;
    width: auto;
    min-width: 200px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .text-rotater {
    height: 100px;
    line-height: 100px;
    overflow: hidden;
  }

  .rotater-wrapper {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
    overflow: hidden;
  }

  .heading {
    font-size: 62px;
  }

  .body-grey {
    overflow: visible;
  }

  .paragraph-4.text-small.text-center.sec-subtitle {
    font-size: 18px;
  }

  .paragraph-4.text-small.on-hover-grp {
    font-size: 24px;
  }

  .heading-10 {
    margin-left: 0;
    margin-right: 15px;
    font-size: 40px;
  }

  .marquee {
    display: flex;
    position: static;
    overflow: visible;
  }

  .marquee-wrapper {
    width: auto;
    overflow: hidden;
  }

  .image-17 {
    object-fit: contain;
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .marquee-element {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: auto;
    width: auto;
    min-width: 100%;
    min-height: auto;
    font-size: 14px;
    display: block;
    overflow: visible;
  }

  .marquee-section.section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    outline-offset: 0px;
    outline: 3px #000;
    grid-template-rows: auto auto;
    grid-template-columns: minmax(200px, .25fr) 1fr;
    grid-auto-columns: 1fr;
    margin-right: 0;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
    bottom: auto;
    overflow: hidden;
  }

  .heading-12 {
    color: #fffcfc;
    object-fit: fill;
    position: static;
  }

  .div-block-5 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .circle-stroke-2 {
    background-color: #fff;
  }

  .marquee-wrapper-2 {
    width: 200%;
  }

  .marquee-element-2 {
    width: 100px;
  }

  .div-block-6 {
    justify-items: stretch;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .marquee-2 {
    overflow: visible;
  }

  .image-18 {
    width: auto;
    min-width: 100px;
    position: static;
  }

  .heading-13 {
    color: #fffcfc;
    object-fit: fill;
    position: static;
  }

  .div-block-8 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: .25fr;
    justify-content: space-between;
    display: grid;
  }

  .rotater-element {
    height: 100px;
  }

  .image-19 {
    width: 180px;
    height: 15%;
    margin-bottom: 20px;
  }

  .link-block-24 {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 5px;
  }

  .image-20 {
    width: 50px;
    height: 50px;
  }

  .demo-blur-bg-effect-2 {
    filter: blur(70px);
    background-color: #ad68f3;
  }

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

  .image-21 {
    color: var(--transparent);
  }

  .image-22 {
    background-color: var(--text-color);
    color: var(--notification-bg);
  }

  .heading-14 {
    text-align: right;
  }

  .link-8 {
    color: var(--blue-grey);
    transition-property: color;
  }

  .link-9 {
    color: var(--blue-grey);
    transition: color .35s;
  }

  .link-10 {
    color: var(--blue-grey);
  }

  .container-3 {
    object-fit: fill;
    max-width: 1350px;
    display: block;
    top: auto;
    overflow: visible;
  }

  .world-map {
    text-align: center;
    display: block;
  }

  .image-23 {
    width: 90%;
    max-width: 90%;
  }

  .div-block-9 {
    grid-template-columns: 1fr 1fr;
  }

  .footer-container {
    max-width: 1344px;
  }

  .div-block-10._w-full {
    width: 90%;
  }

  .div-block-14 {
    top: 35%;
  }

  .div-block-20 {
    background-color: var(--white-color);
    border-radius: 12px;
    padding: 2em;
  }

  .founder-heading {
    margin-bottom: 20px;
    font-family: Inter, sans-serif;
    font-size: 28px;
  }

  .text-change-wrapper {
    margin-bottom: -5px;
    font-family: Inter, sans-serif;
    font-size: 62px;
  }

  .text-change-mover {
    font-family: Inter, sans-serif;
    font-size: 62px;
  }

  .text-change {
    justify-content: flex-start;
    align-items: center;
    font-size: 40px;
    line-height: 62px;
    display: flex;
  }

  .container-5 {
    object-fit: fill;
    max-width: 1350px;
    display: block;
    top: auto;
    overflow: visible;
  }

  .document-image-2 {
    width: 80%;
  }

  .div-block-27.title-big {
    font-size: 5vw;
  }

  .img-wrapper {
    max-width: 100%;
  }

  .nav-logo {
    object-fit: none;
    min-width: 200px;
  }

  .nav-width-wrapper {
    max-width: 1344px;
    padding-left: 6em;
    padding-right: 6em;
  }

  .main-nav {
    background-color: #0000;
  }

  .nav-menu-button {
    color: var(--bg-grey);
    letter-spacing: normal;
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
  }

  .single-footer-category {
    font-size: 18px;
  }

  .single-footer-column.d {
    font-size: 20px;
  }

  .faq-tab-pane.fade-in-move-on-scroll {
    margin-top: 2rem;
  }

  .image-holder.faq {
    height: 80%;
  }

  .background-image.not-fixed.faq {
    height: 50vh;
  }

  .aaa-section-class-1, .aaa-section-1-2 {
    font-size: 14px;
  }

  .bqz-container-1 {
    max-width: none;
  }

  .section-bar-1 {
    font-size: 12px;
  }

  .section-class {
    font-size: 14px;
  }

  .container-class-0 {
    align-items: center;
  }

  .section-class-2, .bsc-selection-2 {
    font-size: 14px;
  }

  .brz-container-1 {
    justify-content: space-around;
  }

  .bsc-selection-1 {
    font-size: 14px;
  }

  .text-field-4 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .text-field-4.email-footer {
    margin-left: auto;
    margin-right: auto;
  }

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

  .text-field-5 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .text-field-5.email-footer {
    margin-left: auto;
    margin-right: auto;
  }

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

  .text-field-6 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .text-field-6.email-footer {
    margin-left: auto;
    margin-right: auto;
  }

  .social-media-icon-2 {
    color: #c5c5c5;
    display: block;
  }

  .footer-columns-d-copy {
    max-width: 1344px;
  }

  .image-39 {
    color: #001b38;
    background-color: #2b2b2b;
  }

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

  .link-background-2 {
    background-color: #2b2b2b;
  }

  .image-40 {
    color: #fafafa;
  }

  .text-field-7 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .text-field-7.email-footer {
    margin-left: auto;
    margin-right: auto;
  }

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

  .hero-gradient-box-3.f1 {
    background-image: linear-gradient(#fff, #9daabf 27%, #0b63a9 57%, #090c9b 85%, #0c0c0c);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .text-center-wrapper-2 {
    overflow: visible;
  }

  .corner-image-2.right {
    height: 60%;
  }

  .career-item-line-2 {
    top: 48%;
    left: 21%;
  }

  .container-12 {
    max-width: 1350px;
  }

  .subtitle.gradient-text-3 {
    margin-top: 2em;
  }

  .career-item-line-3 {
    top: 52%;
    left: 21%;
  }

  .container-13 {
    max-width: 1350px;
  }

  .tabel-cta-holder-2 {
    width: 810px;
  }

  .container-14 {
    max-width: 1350px;
  }

  .right-arrow-2 {
    width: 50px;
    height: 50px;
    right: 3%;
  }

  .element-holder-2 {
    max-width: 87%;
    padding: 0;
  }

  .slider-image-2 {
    object-fit: cover;
    object-position: 50% 0%;
    border-radius: 35px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .map-holder-2 {
    border-radius: 35px;
    width: 100%;
  }

  .left-arrow-2 {
    width: 50px;
    height: 50px;
    right: 8%;
  }

  .container-15 {
    max-width: 1350px;
  }

  .grid-2-col-4.about {
    grid-column-gap: 3.1em;
    grid-row-gap: 3.1em;
  }

  .grid-2-col-4.about.flex-grid {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .template-includes-card-2.bg-white.carousel-card.dark-gradient.fade-in-blur-on-scroll {
    min-height: 400px;
  }

  .container-16, .container-17, .container-18 {
    max-width: 1350px;
  }

  .hero-paragraph-description-3 {
    font-size: 20px;
  }

  .center-text-5 {
    justify-content: center;
    align-items: center;
  }

  .container-19, .container-20 {
    max-width: 1350px;
  }

  .dropdown-link-4 {
    font-size: 14px;
  }

  .link-16:hover {
    color: var(--link-hover);
  }

  .link-16.hover-text-grey {
    font-size: 14px;
  }

  .text-block-34 {
    font-size: 16px;
  }

  .hero-text-white {
    color: #fff;
  }

  .container-21 {
    max-width: 1350px;
  }

  .trusted-by-container-2.home-3.container {
    display: flex;
  }

  .title-big-3.normal-size.fade-in-blur-on-scroll.text-left {
    text-align: left;
  }

  .title-big-3.fade-in-blur-on-scroll {
    font-size: 45px;
  }

  .feature-grid-3 {
    margin-top: 10em;
  }

  .financial-text-2.text-center-2.text-grey.sm-text-left {
    text-align: left;
  }

  .financial-text-2.text-grey.case-summary {
    font-size: 17px;
  }

  .container-22 {
    max-width: 1350px;
  }

  .blog-subscribe-button-2 {
    border-width: 1.5px;
  }

  .blog-subscribe-button-2:hover {
    color: #fff;
    background-color: #000;
  }

  .blog-subscribe-email-2:active {
    color: #fff;
  }

  .container-23 {
    max-width: 1350px;
  }

  .section-heading-title-2.center-dark-gradient-title {
    font-size: 45px;
  }

  .container-24 {
    max-width: 1350px;
  }

  .document-image-holder-2 {
    width: 100%;
  }

  .hero-box-text-2 {
    color: #fff;
    font-size: 45px;
  }

  .container-25, .container-26 {
    max-width: 1350px;
  }

  .text-grey.text-sm {
    font-size: 16px;
  }

  .grid-sub-case {
    min-width: 45%;
  }

  .grid-sub-case.grid-subtext {
    min-width: auto;
  }

  .flex-block-9 {
    grid-column-gap: 2%;
    grid-row-gap: 2%;
  }

  .bold-text-58.mt-5 {
    justify-content: center;
    align-items: center;
  }

  .bold-text-58.mt-5.items-start {
    justify-content: flex-start;
    align-items: center;
  }

  .template-growth-features-2 {
    font-size: 18px;
  }

  .text-xs.font-medium.small-xs {
    font-size: 16px;
  }

  .text-sum.h--42px.xl-h-full {
    min-height: 100%;
  }

  .grid-list-4.sec-list, .grid-list-5.sec-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .sub-heading {
    margin-top: .8em;
  }

  .div-block-54 {
    justify-content: space-between;
    align-items: stretch;
  }

  .client-logo-wrapper {
    height: 77px;
  }

  .blog-subscribe-button-3 {
    border-width: 1.5px;
  }

  .blog-subscribe-button-3:hover {
    color: #fff;
    background-color: #000;
  }

  .blog-subscribe-email-3:active {
    color: #fff;
  }

  .container-27 {
    max-width: 1350px;
  }

  .grid-items-wrapper-2 {
    justify-content: space-between;
  }

  .grid-items-wrapper-2.last-item, .grid-items-wrapper-2.last {
    height: 100%;
    min-height: 640px;
    max-height: 100%;
  }

  .feature-grid-4 {
    margin-top: 10em;
  }

  .container-28 {
    max-width: 1350px;
  }

  .div-block-59 {
    width: 45%;
  }

  .case-link {
    color: #083558;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    padding-left: 0;
    display: flex;
  }

  .div-block-62 {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .div-block-66.h--42px.xl-h-full {
    height: 100%;
  }

  .tabs-menu-8.feature-page {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .hero-case-video {
    padding: 40px;
  }

  .cookie-description {
    font-size: 16px;
  }

  .submit-button-4 {
    height: 58px;
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 1920px) {
  .container {
    max-width: 1844px;
  }

  .container.big-container {
    max-width: 1900px;
  }

  .container.no-padding-top {
    max-width: 1544px;
    padding-left: 4em;
    padding-right: 4em;
  }

  .container.cta {
    max-width: 1844px;
    padding-left: 0;
    padding-right: 0;
  }

  .container.medium {
    max-width: 1844px;
  }

  .container.center-flex.py-3.case-carousel.py-7 {
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .container.center-flex.py-3.border-t {
    border-top: 1px solid #000;
  }

  .container.center-flex.py-3.border-t.text-left.py-7 {
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .container.center-flex.py-3.border-t.py-7 {
    padding-top: 10em;
    padding-bottom: 10em;
  }

  .container.border-b {
    border-bottom: 1px solid #000;
  }

  .container.md-flex {
    display: flex;
  }

  .container.md-flex.relative {
    position: relative;
  }

  .container.y-0.py-7 {
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .footer {
    text-align: left;
  }

  .link.link-grey {
    font-size: 20px;
    line-height: 1.5;
  }

  .text-gray-paragraph-holder-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .template-section {
    margin-left: auto;
    margin-right: auto;
  }

  .link-gradient-text {
    font-size: 18px;
  }

  .main-heading.bold-white-text {
    font-size: 4vw;
  }

  .medium-center-text {
    background-image: linear-gradient(153deg, var(--white-color), var(--secondary) 50%, var(--primary));
  }

  .logo-client {
    margin-top: 73px;
    margin-left: 20px;
  }

  .grid-6-col-h1 {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .white-heading.contact-heading {
    font-size: 4vw;
  }

  .blue-gradient-text.heading-generic {
    margin-left: 10px;
    top: auto;
  }

  .financial-text-holder.text-center-2.ongoing-des {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .grid-items-wrapper.last-item {
    min-height: 100%;
  }

  .tabel-pay-holder.home-3 {
    min-height: 500px;
  }

  .tabel-pay-image.h-full {
    filter: grayscale();
  }

  .tabel-pay-image.h-full.fade-in-blur-on-scroll {
    object-fit: fill;
  }

  .tabel-pay-image.h-full.grey-filter {
    filter: none;
    min-height: 600px;
    max-height: 700px;
  }

  .grid-list.business-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-list.hero-list {
    grid-template-rows: auto auto;
  }

  .grid-list.sec-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-list.case-study-grid.grid-center-list {
    max-width: 650px;
  }

  .small-white-text {
    font-size: 20px;
    line-height: 1.5;
  }

  .small-white-text.xs {
    font-size: 18px;
    line-height: 1.5;
  }

  .hero-section-text-holder-home {
    background-size: cover;
  }

  .gray-small-text.career-descriptions {
    font-size: 18px;
  }

  .bg-grid-image.aspect-sq {
    aspect-ratio: 1;
    object-fit: cover;
  }

  .feature-grid-1.second {
    grid-column-gap: 7.5em;
    grid-row-gap: 7.5em;
  }

  .feature-bg-image-holder.second {
    width: 100%;
  }

  .review.no-padding-bottom {
    justify-content: center;
    align-items: flex-start;
  }

  .white-text-review {
    font-size: 20px;
    line-height: 1.5;
  }

  .big-container.no-paddings.map {
    max-width: 1744px;
  }

  .big-container.mt--5em {
    max-width: 1900px;
  }

  .tab-heading {
    font-size: 22px;
  }

  .managment-wrapp {
    width: 100%;
  }

  .communication-manager-holder {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .faq-answer {
    letter-spacing: .7px;
    font-size: 20px;
    line-height: 1.5;
  }

  .white-heading-text {
    font-size: 28px;
  }

  .white-heading-text.fade-in-blur-on-scroll.text-grey {
    font-size: 24px;
    line-height: 1.5;
  }

  .white-heading-text.text-black {
    font-size: 28px;
    line-height: 1.5;
  }

  .team-lead-grid.mt-0.sm-gap-0 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .heading-generic {
    font-size: 50px;
  }

  .office-image.case-study-img {
    aspect-ratio: 16 / 9;
  }

  .blog-text-holder.py-7 {
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .paragraph.founder-paragraph {
    font-size: 20px;
    line-height: 1.5;
  }

  .list-2, .paragraph-4 {
    letter-spacing: .7px;
    font-size: 20px;
    line-height: 1.6;
  }

  .paragraph-4.meta {
    font-size: 16px;
  }

  .paragraph-4.text-white {
    line-height: 1;
  }

  .paragraph-4.text-small {
    letter-spacing: .7px;
    font-size: 20px;
    line-height: 1.6;
  }

  .paragraph-4.text-small.text-center.sec-subtitle {
    font-size: 20px;
  }

  .paragraph-4.text-small.text-black {
    font-size: 20px;
    line-height: 1.6;
  }

  .paragraph-4.text-small.text-black._w-full {
    width: 100%;
  }

  .paragraph-4.text-small._w--70.sec-subtitle, .paragraph-4.text-small.sec-subtitle {
    font-size: 20px;
  }

  .bold-text-11 {
    font-size: 3rem;
  }

  .field-input-gray {
    background-color: #fff;
  }

  .footer-container {
    text-align: left;
    width: auto;
    max-width: 1844px;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
  }

  .div-block-10._w-full {
    width: 80%;
  }

  .div-block-14 {
    top: 40%;
  }

  .text-change-wrapper {
    margin-bottom: -5px;
  }

  .bold-text-14 {
    font-size: 30px;
    line-height: 1.5;
  }

  .header-container {
    position: sticky;
  }

  .div-block-27.title-big {
    font-size: 6vw;
  }

  .img-wrapper {
    max-width: 100%;
  }

  .nav-width-wrapper {
    width: 100%;
    max-width: 1844px;
  }

  .nav-width-wrapper.container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .contact-messaging {
    font-size: 15px;
  }

  .single-footer-column {
    font-size: 50px;
    font-weight: 600;
  }

  .single-footer-column.d {
    font-size: 50px;
    font-weight: 800;
  }

  .contact {
    font-size: 15px;
  }

  .faq_contact-section {
    height: auto;
  }

  .container-small {
    max-width: 1044px;
  }

  .faq-types-wrapper-grid.fade-in-on-scroll {
    margin-bottom: 8rem;
  }

  .background-image.not-fixed.faq {
    height: 50vh;
  }

  .gray-section.top-margin-l {
    padding-top: 10em;
  }

  .brt-wrap-content-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .brs-4-tab-pie-bar-5-1._2-1 {
    width: 9em;
  }

  .container-class-0 {
    flex-direction: column;
    display: flex;
  }

  .brt-pic-1 {
    width: 100%;
  }

  .bsc-wrap-pic-1 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .brs-4-tab-des--1-bar-2-1 {
    width: 27em;
  }

  .brz-a-wrap-pic-1 {
    margin-left: 0;
  }

  .brz-a-wrap-pic-1._2 {
    margin-right: 0;
  }

  .brv-wrap-stiky-1 {
    height: 90vh;
  }

  .brs-4-tab-pie-bar-5-2._2-1 {
    width: 9em;
  }

  .brs-4-tab-des--1-bar-4-1._2-1 {
    width: 27em;
  }

  .bru-wrap-1 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .link8 {
    color: #f7f6f8;
  }

  .brt-wrap-content-1 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .bg-hero-1 {
    display: none;
  }

  .footer-category-item-2 {
    font-size: 15px;
    line-height: 1.5em;
  }

  .inline-contact-link-2 {
    font-size: 15px;
  }

  .footer-columns-d-copy {
    max-width: 1844px;
  }

  .footer-category-header-3 {
    font-size: 15px;
  }

  .site-map-links-3, .site-map-link-3last {
    font-size: 14px;
  }

  .grid {
    width: 100%;
  }

  .m4_bottom_info {
    bottom: 0%;
  }

  .s-container._0_top_pad._0_bottom_pad.left {
    justify-content: center;
    align-items: flex-start;
  }

  .small-card-text {
    font-size: 20px;
    line-height: 1.5;
  }

  .main-heading-3.hero-white-heading {
    color: #2f2f2f;
    width: 100%;
  }

  .main-heading-3.mx-w--80 {
    max-width: 80%;
  }

  .career-item-line-2 {
    top: 45%;
    left: 15%;
  }

  .subtitle.gradient-text-3 {
    font-size: 3vw;
  }

  .career-item-line-3 {
    top: 50%;
    left: 15%;
  }

  .small-white-text-2 {
    letter-spacing: .7px;
    font-size: 20px;
    line-height: 1.6;
  }

  .small-white-text-2.text-grey {
    font-size: 20px;
    line-height: 1.5;
  }

  .list-6.fade-in-blur-on-scroll.box-list-white {
    letter-spacing: .7px;
    font-size: 20px;
    line-height: 1.5;
  }

  .list-6.fade-in-blur-on-scroll.box-list-white.list-black {
    letter-spacing: .7px;
  }

  .slider-image-2 {
    aspect-ratio: 16 / 9;
  }

  .tiny-title-3 {
    font-size: 20px;
  }

  .grid-2-col-4.about {
    grid-column-gap: 7.5em;
    grid-row-gap: 7.5em;
  }

  .grid-2-col-4.about.flex-grid {
    grid-column-gap: 7.5em;
    grid-row-gap: 7.5em;
    display: flex;
  }

  .template-includes-card-2.bg-white.carousel-card.dark-gradient.industries-slide {
    background-image: linear-gradient(135deg, #242424 4%, #000000ba 28%, #000000bd 68%, #000000bf);
    height: 480px;
  }

  .figma-component-library-holder-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .figma-file-image-2.cardimg {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    height: 100%;
  }

  .figma-file-image-2.cardimg._2xl-min-h--700px {
    max-height: 700px;
  }

  .figma-file-image-2.cardimg.contain-img {
    aspect-ratio: auto;
  }

  .hero-paragraph-description-3 {
    font-size: 25px;
    font-weight: 500;
    line-height: 1.5;
  }

  .center-paragraph-3 {
    font-size: 18px;
  }

  .center-text-5 {
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
  }

  .bold-text-56 {
    width: 100%;
    display: block;
  }

  .content-8.explainer-content.fade-in-blur-on-scroll {
    min-height: 400px;
  }

  .dropdown-toggle-3:hover, .dropdown-link-4 {
    color: var(--bg-grey);
  }

  .dropdown-list-4 {
    color: var(--bg-grey);
    background-color: #000;
  }

  .link-16:hover {
    color: var(--link-hover);
  }

  .paragraph-24 {
    font-size: 20px;
    line-height: 1.6;
  }

  .trusted-by-container-2.home-3.container {
    border-top: 1px #2e2e2e;
    border-bottom: 1px solid #000;
    border-left: .5px #2e2e2e;
    border-right: 1px #2e2e2e;
    padding-bottom: 7em;
  }

  .trusted-by-text-2 {
    font-size: 22px;
  }

  .title-big-3.fade-in-blur-on-scroll {
    font-size: 50px;
  }

  .feature-grid-3.py-7 {
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .financial-text-2.text-center-2.text-grey.sm-text-left {
    text-align: left;
  }

  .financial-text-2.text-grey {
    letter-spacing: .7px;
    font-size: 20px;
    line-height: 1.5;
  }

  .financial-text-2.text-grey.mx-w--500px {
    width: 500px;
  }

  .financial-text-2.text-grey.case-disclaimer {
    font-size: 16px;
  }

  .financial-text-2.text-grey.mx-w--80 {
    width: 80%;
  }

  .financial-text-2.text-grey.case-summary {
    font-size: 22px;
  }

  .fade-in-move-on-scroll-3.py-7 {
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .section-heading-title-2.center-dark-gradient-title {
    font-size: 50px;
  }

  .text-grey.text-sm {
    font-size: 20px;
  }

  .grid-sub-case {
    padding: 20px;
  }

  .h--63px.text-sum._2xl-h--42px {
    min-height: 42px;
  }

  .template-growth-features-2 {
    font-size: 24px;
  }

  .text-xs.font-medium.small-xs {
    font-size: 18px;
  }

  .small-img {
    width: 50px;
    height: 50px;
    padding: 4px;
  }

  .link-block-27.aspect-portrait {
    aspect-ratio: 3 / 2.5;
  }

  .image-49.industries-img-slider {
    z-index: 0;
    filter: brightness(29%) grayscale();
  }

  .image-49.testinomial-bg-img {
    object-fit: cover;
    bottom: 7%;
  }

  .image-49.testinomial-bg-img.style-2 {
    object-fit: contain;
    max-height: 150px;
    bottom: 4%;
  }

  .div-block-50 {
    margin-top: 2px;
  }

  .div-block-50.flex-center.industries-list {
    grid-column-gap: 19px;
    grid-row-gap: 27px;
  }

  .text-sum {
    letter-spacing: .7px;
    font-size: 20px;
    line-height: 1.5;
  }

  .text-sum.h--42px._1 {
    min-height: 100%;
  }

  .text-sum-title {
    letter-spacing: .7px;
    font-size: 19px;
    line-height: 1.5;
  }

  .grid-list-4.sec-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .captcha {
    margin-top: 6px;
  }

  .financial-text-4.text-grey {
    font-size: 20px;
    line-height: 1.5;
  }

  .div-block-52 {
    margin-top: 2px;
  }

  .grid-list-5.sec-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .review-text-2.text-grey {
    font-size: 55px;
  }

  .sub-heading {
    font-size: 24px;
  }

  .sub-heading.dark-sec-para {
    letter-spacing: .7px;
    line-height: 1.5;
  }

  .div-block-55 {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
  }

  .client-logo-wrapper {
    width: 120px;
    height: 95px;
  }

  .team-lead-grid-2._2x-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .feature-box-4.how-grp {
    background-position: 100% 0;
  }

  .template-growth-features-3.text-white.text-left.fade-in-blur-on-scroll {
    font-size: 28px;
    line-height: 1.5;
  }

  .paragraph-25 {
    max-width: 700px;
  }

  .industries-grp {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    flex-flow: column;
    display: flex;
  }

  .small-black-text-2._w-full.text-sm {
    font-size: 18px;
    font-weight: 500;
  }

  .div-block-58 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .case-info {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .div-block-66 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .div-block-66.h--63px._2xl-h--42px {
    height: 42px;
  }

  .div-block-66.h--42px._1 {
    height: 100%;
  }

  .div-block-67 {
    width: 24px;
    height: 24px;
  }

  .tab-paragraph-2 {
    font-size: 20px;
  }

  .div-description-case {
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .hero-case-video {
    padding: 20px;
  }

  .case-link-dark-wrapper {
    width: 100%;
  }

  .paragraph-26 {
    font-size: 20px;
    line-height: 1.5;
  }

  .block-quote {
    letter-spacing: .7px;
  }

  .link-block-28 {
    font-size: 22px;
    line-height: 1.5;
  }

  .list-item-3, .link-block-29, .link-19 {
    font-size: 18px;
  }

  .cookie-banner {
    max-width: 700px;
    padding: 30px;
  }

  .cookie-heading {
    font-size: 30px;
  }

  .cookie-description {
    font-size: 22px;
  }

  .why-case-container {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .blog-privacy-holder-2 {
    background-image: url('../images/bg-white-pexels.avif');
  }

  .link-20 {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 50px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 26px;
  }

  h5 {
    font-size: 22px;
  }

  h6 {
    font-size: 18px;
  }

  .section.black-section {
    overflow: visible;
  }

  .container {
    padding-left: 4em;
    padding-right: 4em;
    font-family: Inter, sans-serif;
    position: static;
  }

  .container.no-padding-top.pb-4 {
    padding-bottom: 7em;
  }

  .container.medium {
    left: auto;
    right: auto;
  }

  .container.border-top, .container.border-top.container-sticky {
    height: auto;
  }

  .container.border-top.fade-in-blur-on-scroll {
    padding-top: 0;
    padding-left: 4em;
    padding-right: 4em;
    position: relative;
    left: auto;
    right: auto;
  }

  .grid-6-col {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .fade-in-on-scroll {
    padding-top: 10px;
  }

  .footer-link {
    padding-top: 0;
    padding-bottom: 2px;
  }

  .link-block-underline {
    display: none;
  }

  .footer {
    overflow: hidden;
  }

  .footer-content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-heading.subscription {
    text-transform: none;
  }

  .nav-link-holder {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 5px 0;
    display: flex;
    position: relative;
    left: -6px;
  }

  .nav-link-holder.white-nav {
    left: -4px;
  }

  .content {
    text-align: left;
    object-fit: fill;
    font-family: Inter, sans-serif;
  }

  .style-guide-tab-holder {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .style-guide-left-panel-holder {
    width: 100%;
  }

  .hero-text {
    font-size: 80px;
  }

  .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: 1em;
    display: grid;
  }

  .link-block-23 {
    padding-top: 0;
    padding-bottom: 2px;
  }

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

  .button {
    font-weight: 500;
  }

  .style-guide-main-panel {
    padding: 16px;
  }

  .style-guide-container {
    flex-direction: column;
  }

  .style-guide-hero-holder {
    padding: 1em;
  }

  .hero-text-secondary {
    font-size: 7vw;
  }

  .social-media-icons {
    margin-top: 0;
    margin-bottom: 2em;
  }

  .link-with-line {
    padding-top: 0;
    padding-bottom: 2px;
  }

  .blog-grid, .shop-list {
    grid-template-columns: 1fr 1fr;
  }

  .cart {
    z-index: 1;
  }

  .cart-button {
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-details-grid {
    grid-template-columns: 1fr;
  }

  .nav-dropdown {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
    display: flex;
  }

  .nav-dropdown-list {
    padding-top: 5px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    top: 10px;
  }

  .nav-dropdown-line-abs {
    display: none;
  }

  .nav-dropdown-link-arrow {
    width: 18px;
    height: 18px;
  }

  .nav-dropdown-link-arrow-holder {
    height: 20px;
    bottom: -16px;
  }

  .nav-dropdown-link-arrow-animated {
    height: 12px;
  }

  .explore-more-grid {
    grid-template-columns: 1fr;
  }

  .feature-text {
    max-width: 440px;
  }

  .feature-box {
    padding-top: 3em;
    padding-bottom: 3em;
    padding-left: 2em;
    overflow: hidden;
  }

  .feature-box._1 {
    border-radius: 16px;
  }

  .template-more-things-grid {
    grid-template-columns: 1fr 1fr;
  }

  .template-more-things-grid._1 {
    grid-template-columns: 1fr;
  }

  .template-growth-features {
    font-size: 35px;
    line-height: 1.45;
  }

  .demo-pages-grid {
    grid-template-columns: 1fr 1fr;
  }

  .template-included-image-holder {
    height: auto;
  }

  .grid-what-is-included {
    grid-template-columns: 1fr;
  }

  .text-paragraph-holder {
    height: auto;
  }

  .template-button-holder {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .template-section {
    border-radius: 20px;
    width: 100%;
  }

  .template-card-holder {
    height: 270px;
  }

  .template-card-image {
    border-radius: 3px;
  }

  .demo-blur-bg-effect {
    display: none;
  }

  .integration-heading {
    font-size: 32px;
  }

  .demo-section {
    padding-bottom: 3em;
  }

  .template-footer-holder {
    grid-column-gap: 30px;
  }

  .black-paragraph.work-description.sub-text {
    padding-left: 0;
  }

  .white-text-paragraph-holder {
    width: 300px;
  }

  .quic-stack-box.blue {
    padding-bottom: 60px;
  }

  .figma-design-image {
    height: 200px;
    margin-top: 0;
  }

  .notification-banner {
    padding-left: 1em;
    padding-right: 1em;
  }

  .list {
    padding-left: 0;
  }

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

  .heading-3-style {
    font-size: 30px;
  }

  .content-sticky {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hide-demo-page-text-on-tablet {
    display: none;
  }

  .subtitle-overlay-holder {
    height: 42px;
  }

  .center-paragraph.gray-paragraph {
    padding-left: 1em;
    padding-right: 1em;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
    display: flex;
  }

  .cart-item-content {
    align-items: flex-start;
  }

  .cart-item-price-holder {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
  }

  .nav-brand-link {
    display: none;
  }

  .nav-brand-link.mobile-logo {
    display: block;
  }

  .button-2 {
    font-size: 15px;
    font-weight: 500;
  }

  .nav-cart-wrapper {
    z-index: 3;
    flex-direction: row;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    padding-left: 0;
    padding-right: 10px;
    display: flex;
    position: relative;
  }

  .menu-icon-2 {
    width: 25px;
  }

  .nav-menu-holder {
    background-color: #111;
    border-bottom: 1px #000;
    border-radius: 0;
    max-height: 100vh;
    padding: 1em;
    position: absolute;
    overflow: auto;
  }

  .nav-menu-holder.white {
    background-color: #fff;
  }

  .cart-container-2 {
    max-width: 600px;
  }

  .cart-item-price {
    align-items: flex-end;
  }

  .menu-button-2 {
    z-index: 1;
    background-color: var(--secondary);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 47px;
    padding-top: 5px;
    transition: background-color .35s;
    display: flex;
  }

  .menu-button-2:hover {
    background-color: var(--secondary);
  }

  .menu-button-2.w--open {
    background-color: #2b2b2b;
    border-radius: 0;
  }

  .hero-nav-link-holder {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 5px 0;
    display: flex;
  }

  .nav-menu-container-holder {
    justify-content: space-between;
  }

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

  .start-button {
    display: none;
  }

  .main-hero-container {
    padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
    font-family: Inter, sans-serif;
  }

  .main-heading.h1-hero {
    margin-top: 0;
    font-family: Inter, sans-serif;
    font-size: 8vw;
  }

  .product-container.pricing {
    height: 100%;
  }

  .section-hero {
    padding-top: 1em;
  }

  .hero-text-line {
    height: 90px;
    margin-top: 25px;
  }

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

  .home-hero-container {
    max-width: 100%;
  }

  .home-hero-container._2 {
    height: 500px;
  }

  .contact-container {
    max-width: 100%;
    padding-left: 4em;
    padding-right: 4em;
  }

  .dark-section {
    overflow: visible;
  }

  .medium-center-text {
    margin-top: 34px;
    font-size: 45px;
  }

  .feature-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .card-item-holder.dark {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .card-item-content-holder {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 1em;
  }

  .persons-images {
    height: 100%;
  }

  .multi-images-holder {
    height: 30vh;
  }

  .logo-client {
    margin-top: -14px;
    margin-bottom: -156px;
    margin-left: 26px;
  }

  .trusted-item-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .trusted-no {
    font-family: Inter, sans-serif;
  }

  .text-xl {
    margin-top: 20px;
    font-size: 18px;
  }

  .white-heading {
    font-size: 8vw;
  }

  .white-sticky-heading {
    margin-top: 0;
    font-family: Inter, sans-serif;
  }

  .grid-7-col {
    flex-direction: column;
    display: flex;
  }

  .card-holder.on-card {
    height: 470px;
  }

  .card-holder.on-card.second {
    height: 100vh;
  }

  .app-features-holder {
    width: 100%;
    padding: 30px;
  }

  .card-box-holder {
    padding: 1em;
  }

  .light-grey-2 {
    font-size: 10px;
  }

  .blog-collection-grid {
    grid-template-columns: 1fr 1fr;
  }

  .center-cta-holder {
    text-align: left;
    justify-content: flex-end;
    align-items: center;
    display: block;
    position: relative;
  }

  .cta-text {
    font-size: 45px;
  }

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

  .person-cta-image-holder._1, .person-cta-image-holder._2, .person-cta-image-holder._3 {
    position: static;
  }

  .tabel-cta-holder {
    direction: ltr;
    width: 100%;
    position: relative;
    left: auto;
    right: auto;
    transform: none;
  }

  .ellipse-right {
    right: -560px;
  }

  .ellipse-left {
    left: -450px;
  }

  .app-main-holder {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .tag-wrapper.px--20px {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .tag-wrapper.px--20px:hover {
    background-color: #002fff4d;
  }

  .circle._01 {
    width: 800px;
    height: 800px;
  }

  .hero-text-holder-h2 {
    max-width: 630px;
  }

  .hero-text-holder-h2.center {
    grid-row-gap: 10px;
  }

  .container-work-header {
    padding-left: 1em;
    padding-right: 1em;
  }

  .hero-text-black {
    font-size: 60px;
  }

  .iphone-holder.product {
    height: 500px;
  }

  .iphone-holder.features {
    height: 350px;
  }

  .hero-text-h2 {
    font-size: 10vw;
  }

  .hero-text-holder {
    grid-column-gap: 30px;
  }

  .medium-gradient-text {
    font-size: 6vw;
  }

  .features-of-product-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .bottom-gradient {
    border-radius: 10px;
  }

  .gradient-bg-holder {
    border-radius: 10px;
    min-height: 350px;
  }

  .expense-tabel-holder {
    border-radius: 10px;
    width: 90%;
    inset: 0% 0% 0% auto;
  }

  .expense-tabel-holder.second {
    inset: 0% 0% 0% auto;
  }

  .tabel-shadow {
    object-position: 0% 50%;
    height: 100%;
  }

  .black-bg-holder {
    border-radius: 10px;
  }

  .black-bg-box-holder {
    min-height: 500px;
  }

  .fourth-person-image {
    width: 100%;
  }

  .blue-gradient-text {
    font-size: 45px;
  }

  .blue-gradient-text.fade-in-move-on-scroll.h-fit {
    line-height: 1.4em;
  }

  .blue-gradient-text.heading-generic {
    font-size: 40px;
    line-height: 1.4em;
  }

  .title-big {
    font-size: 32px;
  }

  .financial-text-holder.fade-in-blur-on-scroll.mt-0-5 {
    padding-top: .5em;
  }

  .grid-item-text-holder, .grid-item-text-holder.sec-2-grid {
    margin-top: 0;
  }

  .grid-item-text-holder.fade-in-blur-on-scroll.mt-0 {
    margin-bottom: 8em;
  }

  .grid-item-text-holder.fade-in-blur-on-scroll.mt-0.mb-0 {
    margin-bottom: 1em;
  }

  .grid-item-text-holder.fade-in-blur-on-scroll.mt-0.mt-1 {
    margin-top: 1em;
  }

  .grid-item-text-holder.sm-mt-0.mt-0 {
    margin-top: 0;
  }

  .grid-items-wrapper {
    width: 100%;
  }

  .grid-items-wrapper.last.tablet-pt-2 {
    padding-top: 2em;
  }

  .grid-items-wrapper.last-item.mt-grid, .grid-items-wrapper.last-item.mt-grid.mb-0 {
    margin-bottom: 0;
  }

  .grid-items-wrapper.sec-2-grid {
    margin-top: 0;
  }

  .financial-text {
    font-size: 16px;
  }

  .feature-grid-2 {
    grid-template-columns: 5fr;
    margin-top: 0;
  }

  .tabel-pay-holder.home-3 {
    min-height: 340px;
  }

  .tabel-pay-holder.home-3.mobile-h--200px.aspect-v {
    aspect-ratio: 16 / 9;
  }

  .tabel-pay-holder.home-3.md-h-fix {
    min-height: 100%;
  }

  .tabel-pay-image.home-3.last {
    height: 480px;
  }

  .tabel-pay-image.home-3.first {
    height: 420px;
    top: 9%;
  }

  .tabel-pay-image.h-full.grey-filter {
    border-radius: 7px;
    min-height: 400px;
  }

  .tabel-pay-image.h-full.grey-filter.aspect-v {
    min-height: 100%;
  }

  .plan-number {
    font-size: 110px;
  }

  .payment-tab-holder {
    padding: 55px 93px;
  }

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

  .grid-list.about {
    grid-column-gap: 10px;
  }

  .grid-list.business-list {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .grid-list.grid2list {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .grid-list.hero-list {
    grid-template-rows: auto;
    grid-auto-flow: row;
  }

  .tab-grid {
    grid-row-gap: 50px;
    flex-direction: column;
    display: flex;
  }

  .payment-padding {
    grid-row-gap: 40px;
  }

  .top-margin-l._100width {
    margin-top: 1.7em;
  }

  .hero-section-text-holder-home {
    background-position: 50%;
    background-size: cover;
    flex-flow: column;
    height: 100%;
  }

  .grid-3-col {
    grid-template-columns: 1fr 1fr;
  }

  .small-gradient-text {
    font-size: 50px;
  }

  .large-cart-image {
    height: 340px;
  }

  .logo-to-use-holder._2, .logo-to-use-holder._3, .logo-to-use-holder._4, .logo-to-use-holder._5, .logo-to-use-holder._6, .logo-to-use-holder._1 {
    width: 90px;
    height: 90px;
  }

  .system-dev-grid {
    grid-template-columns: 1fr 1fr;
  }

  .bg-grid-image.aspect-portrait {
    min-width: 100%;
    min-height: 100%;
  }

  .home-3-button-holder.f3 {
    justify-content: center;
    align-self: auto;
  }

  .left-corner-image-holder, .right-corner-image-holder {
    height: 40%;
  }

  .feature-grid-1 {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-direction: column;
    display: flex;
  }

  .feature-grid-1.second {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .bold-text.service-heading {
    font-size: 22px;
  }

  .bold-text.gradient-text {
    text-align: left;
    max-width: 100%;
  }

  .first-image-feature {
    right: auto;
  }

  .first-image-feature.second {
    text-align: left;
    object-fit: contain;
    height: auto;
  }

  .feature-bg-image-holder {
    position: static;
  }

  .feature-bg-image {
    object-fit: contain;
    height: auto;
  }

  .feature-bg-image.features-2 {
    object-fit: contain;
  }

  .feature-multi-image {
    bottom: -32%;
    left: -3%;
  }

  .feature-multi-image.second {
    width: 50%;
    position: absolute;
    bottom: 2%;
  }

  .review-image {
    object-fit: contain;
  }

  .review-text {
    font-size: 4vw;
  }

  .play-me-text {
    font-size: 330px;
  }

  .first-system-dev-grid {
    grid-template-columns: 1fr 1fr;
  }

  .optimization-engine-holder {
    margin-top: 5em;
  }

  .data-image._2 {
    top: 78%;
    left: 19%;
  }

  .data-image._1 {
    left: 19%;
  }

  .data-image._4 {
    bottom: -34%;
  }

  .pricing-grid-header {
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .price-holder-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .pricing-detail-holder {
    margin-left: 0;
  }

  .pricing-tabs-holder {
    padding-left: 39px;
    padding-right: 10px;
  }

  .plan-button {
    font-size: 15px;
  }

  .plan-button.price-button {
    font-size: 13px;
  }

  .plan-button.pricing {
    white-space: nowrap;
    padding: 13px;
    font-size: 12px;
  }

  .contact-us-holder {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 12px;
    flex-direction: column;
    align-items: flex-start;
    padding: 11px;
  }

  .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-2 {
    font-size: 60px;
  }

  .big-container.no-paddings {
    padding-left: 0;
  }

  .project-image-holder-2 {
    width: 100%;
  }

  .features-hero-holder-2.work-container {
    padding-left: 0;
    padding-right: 0;
  }

  .bg-image-f3 {
    background-position: 50%;
    width: 105%;
    height: 600px;
    top: -7%;
  }

  .tabs-menu-2.feature-page {
    text-align: left;
    flex-flow: column;
    display: flex;
  }

  .active-tab-container._01 {
    width: 100%;
    margin-left: 0;
  }

  .image-tab-change {
    width: 100%;
    height: 100%;
  }

  .tabs-3.feature-page {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    font-family: Inter, sans-serif;
    display: grid;
  }

  .feature-image-holder {
    width: 100%;
    height: 100%;
  }

  .feature-tab-link {
    align-self: center;
    max-width: none;
  }

  .feature-tab-link.w--current {
    align-self: center;
    max-width: none;
    font-family: Inter, sans-serif;
  }

  .managment-help-image {
    object-fit: cover;
    width: 100%;
  }

  .check-holder {
    justify-content: flex-start;
  }

  .feature-image-project {
    width: 40px;
    margin-top: 10px;
  }

  .grid-2-col-2 {
    grid-template-columns: 1fr;
  }

  .sales-data-image-holder {
    display: none;
  }

  .connect-section-container {
    grid-row-gap: 50px;
  }

  .connect-grid-container {
    grid-column-gap: 30px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .section-heading-title {
    font-size: 45px;
  }

  .product-item-list-wrapper.dark {
    height: 100%;
    margin-top: 0%;
  }

  .text-container {
    max-width: 70%;
  }

  .sales-data-image {
    bottom: -20px;
  }

  .center-gradient-title {
    font-size: 45px;
  }

  .center-gradient-title.text-responsive {
    font-size: 6vw;
  }

  .faq-container {
    width: 100%;
  }

  .faq-block, .gradient-line, .faq-content {
    border-radius: 20px;
  }

  .contact-link-holder {
    padding-top: 0;
    padding-bottom: 2px;
  }

  .accordion {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    overflow: hidden;
  }

  .accordions-grid {
    flex-direction: column;
  }

  .left-arrow {
    right: 14%;
  }

  .content-text-holder {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-center-text {
    font-size: 52px;
  }

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

  .right-arrow {
    right: 5%;
  }

  .grid-3-col-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .gradient-arrow-holder {
    width: 20px;
  }

  .team-lead-member-content {
    width: 100%;
  }

  .white-heading-text.fade-in-blur-on-scroll.text-grey {
    line-height: 1.5;
  }

  .team-lead-grid {
    grid-template-columns: 1fr 1fr;
  }

  .heading-generic {
    text-align: left;
  }

  .medium-about-text {
    font-size: 6vw;
  }

  .work-with-us-prod-logo {
    min-width: 100%;
    min-height: 50px;
  }

  .career-item-line {
    left: 37%;
  }

  .simple-info-holder {
    padding-left: 1em;
    padding-right: 1em;
  }

  .job-description-holder {
    width: 100%;
  }

  .pricing-table-main-holder {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .card-item-features.dark {
    border-radius: 20px;
  }

  .main-list {
    grid-row-gap: 14px;
  }

  .list-text {
    font-weight: 300;
  }

  .blog-heading.text-black {
    color: #232323;
  }

  .blog-grid-holder {
    margin-top: 2em;
  }

  .blog-main-grid {
    grid-column-gap: .4em;
    grid-row-gap: .4em;
    grid-template-columns: 1fr;
  }

  .blog-text-holder {
    margin-top: 12.4em;
  }

  .blog-privacy-holder {
    top: 4rem;
  }

  .submit-button {
    background-color: var(--bg-grey);
    border-radius: 5px;
    height: 45px;
    padding: 10px;
    font-family: Inter, sans-serif;
    font-weight: 600;
  }

  .hero-shop-heading {
    font-size: 70px;
  }

  .open-roles-cta {
    padding: 24px;
  }

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

  .open-roles-illustation {
    width: 270px;
    bottom: -25%;
    right: 10%;
  }

  .main-nav-dropdown {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
    display: flex;
  }

  .main-nav-link.nav-link-dropdown {
    margin-left: 0;
  }

  .h1-hero-section {
    padding-top: 1em;
  }

  .home-hero-container-h1 {
    max-width: 100%;
  }

  .gray-light-paragraph {
    margin-bottom: 0;
  }

  .nav-dark {
    background-color: #000;
    display: block;
  }

  .nav-link-2 {
    display: none;
  }

  .nav-link-2.logo {
    object-fit: contain;
    width: 100%;
    display: flex;
    overflow: scroll;
  }

  .nav-link-2.account {
    display: flex;
  }

  .nav-menu {
    text-align: center;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-2 {
    max-width: 692px;
  }

  .container-2.container--nav {
    max-width: 890px;
  }

  .mobile-burger {
    display: flex;
  }

  .copyright-container {
    max-width: 728px;
  }

  .main {
    margin-left: 10%;
    margin-right: 10%;
  }

  .horizontal-line.faq-line {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-10 {
    margin-left: 0;
  }

  .f-accordian-list {
    width: 100%;
  }

  .rl_content6_component {
    grid-column-gap: 3rem;
    grid-auto-flow: row;
    min-height: auto;
  }

  .rl-heading-style-h2 {
    font-size: 2.75rem;
  }

  .rl-padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .bold-text-11 {
    font-size: 3rem;
  }

  .body-2 {
    font-family: Inter, sans-serif;
  }

  .button-3 {
    font-weight: 500;
  }

  .button-3.transparent-on-dark-with-border {
    border-color: var(--primary-2);
    border-radius: 5px;
    padding: 10px;
  }

  .button-3.white {
    padding: 10px;
  }

  .demo-blur-bg-effect-2 {
    display: none;
  }

  .medium-gradient-text-2 {
    font-size: 50px;
  }

  .background-video {
    aspect-ratio: 1;
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .div-block-9 {
    text-align: center;
    grid-template-rows: auto;
    grid-template-columns: .75fr .5fr .75fr;
  }

  .gray-dark-paragraph.left-paragraph.text-sum {
    font-size: 18px;
  }

  .footer-container {
    padding-left: 2em;
    padding-right: 2em;
  }

  .center-dark-gradient-title {
    text-align: center;
  }

  .flex-block-4 {
    width: 100%;
  }

  .div-block-14 {
    top: 35%;
  }

  .image-27 {
    height: 130px;
  }

  .marquee_wrap {
    width: 400vw;
  }

  .dynamic-marquee_logo-list {
    width: 200vw;
  }

  .accordions {
    display: none;
  }

  .accordion-label.show-mvp {
    padding-left: 24px;
    padding-right: 24px;
    display: block;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
  }

  .full-image_component {
    width: 100%;
  }

  .hero-section-2 {
    margin-top: 1rem;
  }

  .text-don-t-change {
    font-size: 30px;
    line-height: 40px;
  }

  .text-change-wrapper {
    height: 50px;
    margin-bottom: 0;
    padding-left: 0;
  }

  .text-change {
    font-size: 30px;
    line-height: 40px;
  }

  .div-block-22.fade-in-move-on-scroll {
    flex-flow: column;
    align-items: flex-start;
    font-family: Inter, sans-serif;
  }

  .div-block-23 {
    text-align: center;
    min-width: auto;
  }

  .text-effect-text {
    font-size: 3em;
  }

  .section-tutorial {
    z-index: 1;
    padding-top: 5em;
    padding-bottom: 5em;
    position: relative;
  }

  .row._3 {
    background-color: #55b92a;
  }

  .text {
    text-align: center;
    white-space: normal;
    font-size: 10vw;
  }

  .about-grid-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1.6fr 1.75fr;
  }

  .huge-heading {
    font-size: 8vw;
  }

  .sticky-menu {
    z-index: 0;
    margin-top: 0;
    padding-top: 5vh;
    padding-bottom: 3vh;
  }

  .container-6.cc-flex-h {
    flex-direction: column;
  }

  .col-right {
    align-self: stretch;
    margin-top: 24px;
  }

  .block {
    top: 28%;
  }

  .container-7.cc-flex-h {
    flex-direction: column;
  }

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

  .apple-grid-block.tablet-hidden {
    display: none;
  }

  .flipcard-wrapper {
    height: 350px;
  }

  .flipcard-front.flipcard-privacy, .flipcard-front.flipcard-tech, .flipcard-front.flipcard-integrity {
    border-radius: 10px;
    height: 350px;
  }

  .flipcard-front.flipcard-social {
    height: 350px;
  }

  .flipcard-back, .flipcard-back.flip-card-back-top {
    border-radius: 10px;
    height: 350px;
    padding-top: 10px;
    padding-left: 1em;
    padding-right: 1em;
  }

  .flipcard-back-title {
    margin-bottom: 20px;
  }

  .bold-text-15 {
    font-weight: 500;
    left: 10px;
  }

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

  .div-block-27.title-big {
    margin-left: 0;
    left: 5%;
  }

  .img-1.filters {
    font-family: Inter, sans-serif;
  }

  ._12-column-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr) minmax(16px, 1fr);
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: 165%;
    display: flex;
    position: relative;
  }

  .nav-links {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #000c;
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 0;
  }

  .main-menu-button, .main-menu-button.w--open {
    background-color: #0000;
  }

  .hamburger-middle {
    background-color: #231f20;
    border-radius: 5px;
    width: 100%;
    height: 3px;
  }

  .nav-width-wrapper {
    color: var(--dim-grey);
  }

  .hamburger-top {
    background-color: var(--dim-grey);
    border-radius: 5px;
    width: 100%;
    height: 2px;
  }

  .main-nav {
    box-shadow: none;
    background-color: #0000;
    height: 40px;
    padding-left: 2em;
    padding-right: 2em;
    overflow: visible;
  }

  .nav-menu-button {
    text-align: center;
    transition: color .35s;
  }

  .nav-menu-button.highlight {
    background-color: #0000;
    margin-top: 10px;
    margin-bottom: 25px;
    margin-left: auto;
  }

  .hamburger-bottom {
    background-color: var(--dim-grey);
    border-radius: 5px;
    width: 100%;
    height: 2px;
  }

  .brand {
    color: var(--dim-grey);
  }

  .hamburger-wrapper {
    color: var(--dim-grey);
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 20px;
    height: 10px;
    display: flex;
  }

  .background-video-8 {
    font-family: Inter, sans-serif;
  }

  .div-block-29 {
    justify-content: center;
    display: flex;
  }

  .cell {
    align-items: stretch;
  }

  .div-block-30 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .section-tag-container {
    margin-bottom: 50px;
  }

  .footer-breadcrumbs-wrapper {
    border-bottom: 1px solid #d6d6d6;
  }

  .extras {
    align-items: flex-start;
  }

  .footer-category-header {
    flex: 1;
  }

  .legal {
    padding-bottom: 24px;
  }

  .footer-2, .footer-columns-d {
    display: block;
  }

  .breadcrumb-link {
    margin-top: 0;
    margin-bottom: 0;
  }

  .site-map {
    margin-top: 4px;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .copyright-and-site-map {
    flex-flow: column;
    align-items: flex-start;
  }

  .contact {
    border-bottom-color: var(--untitled-ui--gray500);
  }

  .nav_menu-button {
    cursor: pointer;
    padding: 1rem;
  }

  .nav_menu-button.w--open {
    background-color: #c9c9c9;
  }

  .nav_link-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: row;
  }

  .faq_contact-section {
    height: auto;
    overflow: hidden;
  }

  .nav_component {
    position: relative;
  }

  .faq-form-wrapper {
    justify-content: center;
    align-items: center;
    padding-left: 4em;
    padding-right: 4em;
  }

  .footer4_component {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .nav_lottie {
    width: 2rem;
    height: 2rem;
  }

  .image-holder {
    order: -1;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

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

  .faq-types-wrapper-grid {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 12rem;
  }

  .faq-types-wrapper-grid.fade-in-on-scroll {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 8rem;
  }

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

  .nav_link {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .faq-question-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-scroll {
    padding-top: 50px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-37 {
    grid-row-gap: 0px;
    box-shadow: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    width: 500px;
    position: relative;
    top: 0;
  }

  .ham-icon {
    margin-top: 12px;
  }

  .dropdown-link-wrap {
    padding: 0 10px 10px;
  }

  .dropdown-list-2 {
    margin-top: -20px;
    margin-bottom: 10px;
    box-shadow: 0 7px 8px -1px #0003;
  }

  .dropdown-list-2.w--open {
    background-color: #305056;
  }

  .nav-menu-2 {
    background-color: #0000;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100vh;
    padding: 20px 25px 100px;
    position: absolute;
    overflow: scroll;
  }

  .dropdown-link-icon {
    width: 50px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .navlink {
    background-color: #305056;
    height: auto;
    margin-bottom: 10px;
    box-shadow: 1px 1px 10px #0003;
  }

  .menu-button {
    color: #fff;
    text-align: center;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 0;
    font-size: 40px;
  }

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

  .div-block-38 {
    grid-row-gap: 0px;
    box-shadow: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    width: 500px;
    position: relative;
    top: 0;
  }

  .menu-button-3 {
    color: #fff;
    text-align: center;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 0;
    font-size: 40px;
  }

  .menu-button-3.w--open {
    background-color: #0000;
  }

  .infotext.grey {
    font-size: 13px;
  }

  .logo-2 {
    width: 106px;
  }

  .centered_w1 {
    padding-left: 42px;
    padding-right: 42px;
  }

  .centered_w1.nav-wrapper {
    align-items: center;
  }

  .nav-link-3.w--current {
    padding-bottom: 2px;
  }

  .logo-wrapper {
    flex: 1;
    margin-top: 1px;
  }

  .navbar7_menu {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    align-items: flex-start;
    height: 100dvh;
    margin-left: 0;
    padding: 1rem 5% 6.5rem;
    transition: height .5s;
    position: absolute;
    overflow: auto;
  }

  .navbar7_dropdown-content {
    flex-direction: column;
  }

  .menu-icon_line-top {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar7_menu-button.w--open {
    background-color: #0000;
  }

  .navbar7_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .navbar7_dropdown-list.w--open {
    border-style: none;
    align-items: flex-start;
    padding: 0 0 0;
    position: relative;
    top: 0;
  }

  .menu-icon_line-middle {
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar7_menu-dropdown {
    width: 100%;
  }

  .menu-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar7_dropdown-toggle {
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-bottom {
    background-color: #000;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar7_menu-right {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
  }

  .navbar7_dropdown-content-left {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

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

  .brk-wrap-1 {
    flex-direction: column;
  }

  .brs-grid-wrap-text-1 {
    padding-left: 4em;
    padding-right: 4em;
  }

  .brv-container-interaction-1-10 {
    padding-top: 9em;
  }

  .brs-grid-wrap-pic-1._2 {
    padding-left: 4em;
    padding-right: 4em;
  }

  .aaa-section-class-1 {
    font-size: 1.3vw;
  }

  .brv-container-interaction-1-6 {
    padding-top: 9em;
  }

  .bqw-wrap-a-1 {
    padding-left: 5em;
    padding-right: 5em;
  }

  .bqw-wrap-a-1._2 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .aaa-section-1-2 {
    font-size: 1.3vw;
  }

  .brt-wrap-content-2 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .brj-wrap-text-1 {
    padding-left: 6em;
    padding-right: 24em;
  }

  .brj-wrap-text-1._2 {
    padding-right: 20em;
  }

  .brj-wrap-text-1.brs, .brj-wrap-text-1._3 {
    padding-left: 6em;
    padding-right: 14em;
  }

  .brv-container-interaction-1-25 {
    padding-top: 9em;
  }

  .brq-tabs-wrap-text-1 {
    margin-left: 2.3em;
  }

  .brq-tabs-wrap-text-1._2 {
    margin-left: 9.8em;
  }

  .brq-tabs-wrap-text-1._4 {
    margin-left: 42.1em;
  }

  .brq-tabs-wrap-text-1._3 {
    margin-left: 25.7em;
  }

  .brv-b-grid-pic-1 {
    height: auto;
  }

  .brv-container-interaction-1-13 {
    padding-top: 9em;
  }

  .brs-4-tab-pie-bar-5-1 {
    width: 19em;
  }

  .brs-4-tab-pie-bar-5-1._5 {
    width: 5em;
    max-width: none;
  }

  .brs-4-tab-pie-bar-5-1._3-1 {
    width: 13em;
  }

  .brs-4-tab-pie-bar-5-1._3 {
    width: 12em;
  }

  .brs-4-tab-pie-bar-5-1._1 {
    width: 4em;
    max-width: none;
  }

  .brs-4-tab-pie-bar-5-1._5-1 {
    width: 17em;
  }

  .brs-4-tab-pie-bar-5-1._4 {
    width: 12em;
  }

  .brs-4-tab-pie-bar-5-1._2-1 {
    width: 14em;
  }

  .brs-4-tab-grid-1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .bsc-content-wrap-heading-1 {
    padding-left: 12em;
    padding-right: 12em;
  }

  .brv-wrap-c-1 {
    padding-left: 6em;
    padding-right: 6em;
  }

  .brv-container-interaction-1-26 {
    height: 100%;
    padding-top: 9em;
  }

  .section-bar-1 {
    font-size: 1.3vw;
  }

  .brm-container-1 {
    padding-left: 9em;
    padding-right: 7em;
  }

  .section-class {
    font-size: 1.3vw;
  }

  .container-wrapper-dark {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .brs-4-link-tab-1 {
    margin-right: 1em;
  }

  .brv-container-interaction-1-11, .brv-container-interaction-1-15 {
    padding-top: 9em;
  }

  .bsc-section-1 {
    padding-top: 5em;
  }

  .brm-wrap-1 {
    padding-right: 9em;
  }

  .brv-container-interaction-1-19 {
    padding-top: 9em;
  }

  .brn-wrap-grid-1, .bqv-grid-1 {
    grid-template-columns: 1fr 1fr;
  }

  .aaa-grid-2-2 {
    grid-column-gap: 3.5em;
    grid-row-gap: 3.5em;
  }

  .brv-container-interaction-1.brv-bords-1 {
    width: 100%;
    padding-top: 9em;
  }

  .bqu-text-1 {
    font-size: 18px;
  }

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

  .brt-content-wrap-1 {
    margin-bottom: 1em;
  }

  .brt-content-wrap-1._5 {
    padding-left: 12.5em;
    padding-right: 6em;
  }

  .brt-content-wrap-1._4 {
    padding-left: 0;
  }

  .brt-content-wrap-1._2 {
    margin-bottom: 0;
  }

  .brt-content-wrap-1._3 {
    padding-right: 0;
  }

  .bqv-wrap-tagline-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .bqv-wrap-tagline-1._2 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bqw-f-wrap-a-1 {
    padding-left: 0;
  }

  .brs-4-tab-des--1-bar-1-1._3-1, .brs-4-tab-des--1-bar-1-1._5, .brs-4-tab-des--1-bar-1-1._4, .brs-4-tab-des--1-bar-1-1._2, .brs-4-tab-des--1-bar-1-1._5-1, .brs-4-tab-des--1-bar-1-1._1-1, .brs-4-tab-des--1-bar-1-1._3, .brs-4-tab-des--1-bar-1-1._2-1, .brs-4-tab-des--1-bar-1-1._4-1 {
    width: 50em;
  }

  .brs-4-tab-des--1-bar-1-1._1 {
    width: 50em;
    max-width: none;
  }

  .brs-wrap-4 {
    padding-left: 7em;
    padding-right: 7em;
  }

  .brn-grid-wrap-text-1 {
    padding-left: 4em;
    padding-right: 4em;
  }

  .brn-grid-wrap-text-1._3 {
    padding-right: 4em;
  }

  .bsc-square-link {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex: none;
  }

  .aaa-decor-4-2 {
    background-size: auto .9em;
  }

  .section-class-2 {
    padding-left: 3em;
    padding-right: 3em;
    font-size: 1.3vw;
  }

  .section-class-2._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .brr-two_content-wrap-text-1 {
    align-items: flex-start;
  }

  .brs-4-tab-des--1-bar-3-1._2-1, .brs-4-tab-des--1-bar-3-1._2, .brs-4-tab-des--1-bar-3-1._4, .brs-4-tab-des--1-bar-3-1._1-1, .brs-4-tab-des--1-bar-3-1._3 {
    width: 50em;
  }

  .brs-4-tab-des--1-bar-3-1._1 {
    width: 50em;
    max-width: none;
  }

  .brs-4-tab-des--1-bar-3-1._3-1, .brs-4-tab-des--1-bar-3-1._4-1, .brs-4-tab-des--1-bar-3-1._5-1 {
    width: 50em;
  }

  .brv-container-interaction-1-24 {
    padding-top: 9em;
  }

  .brj-wrap-heading-1 {
    padding-left: 6em;
    padding-right: 11em;
  }

  .brj-wrap-heading-1.brr {
    padding-right: 20em;
  }

  .brj-wrap-heading-1.brs {
    padding-right: 18em;
  }

  .brj-wrap-heading-1.brs._1 {
    padding-left: 6em;
    padding-right: 27.6em;
  }

  .brj-wrap-heading-1.large {
    padding-right: 6em;
  }

  .brv-container-interaction-1-20 {
    padding-top: 9em;
  }

  .bqu-wrap-a-1 {
    background-size: cover;
    padding-left: 3em;
    padding-right: 3em;
  }

  .bqu-wrap-a-1._2 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bqu-wrap-a-1._2.projects {
    height: 25em;
  }

  .bqu-wrap-a-1.projects {
    height: 25em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .bsc-wrap-pic-1 {
    display: block;
  }

  .brv-container-interaction-1-3, .brv-container-interaction-1-17, .brv-container-interaction-1-9 {
    padding-top: 9em;
  }

  .brs-4-tab-des--1-bar-2-1._4-1, .brs-4-tab-des--1-bar-2-1._5-1 {
    width: 50em;
  }

  .brs-4-tab-des--1-bar-2-1._3 {
    width: 38em;
  }

  .brs-4-tab-des--1-bar-2-1._4 {
    width: 50em;
  }

  .brs-4-tab-des--1-bar-2-1._2 {
    width: 45em;
  }

  .brs-4-tab-des--1-bar-2-1._1 {
    width: 30em;
    max-width: none;
  }

  .brs-4-tab-des--1-bar-2-1._3-1 {
    width: 50em;
  }

  .brs-4-tab-des--1-bar-2-1._5 {
    width: 30em;
  }

  .brs-4-tab-des--1-bar-2-1._2-1, .brs-4-tab-des--1-bar-2-1._1-1 {
    width: 50em;
  }

  .brs-grid-2 {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    grid-template-columns: 1fr;
    padding-right: 8em;
  }

  .brs-grid-2.grid-small-gap {
    grid-template-columns: 1fr 1fr;
    padding-right: 0;
  }

  .brv-container-interaction-1-16 {
    padding-top: 9em;
  }

  .brv-wrap-stiky-1 {
    height: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .brl-container-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .brv-container-interaction-1-12 {
    padding-top: 9em;
  }

  .brp-content-text-1 {
    font-size: 8em;
    font-weight: 500;
  }

  .bsc-selection-2 {
    padding-left: 3em;
    padding-right: 3em;
    font-size: 1.3vw;
  }

  .container-class {
    padding-left: 4em;
    padding-right: 4em;
  }

  .brv-container-interaction-1-18, .brv-container-interaction-1-4 {
    padding-top: 9em;
  }

  .brv-guia-1 {
    height: 70vh;
  }

  .brk-wrap-1-1 {
    width: 70%;
    margin-bottom: 6em;
  }

  .bqv-wrap-heading-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .bqv-wrap-heading-1._2 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .bqv-wrap-heading-1._2._1, .bqv-wrap-a-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .brs-4-tab-pie-bar-5-2 {
    width: 19em;
  }

  .brs-4-tab-pie-bar-5-2._1 {
    width: 13em;
    max-width: none;
  }

  .brs-4-tab-pie-bar-5-2._5-1 {
    width: 24em;
  }

  .brs-4-tab-pie-bar-5-2._3-1 {
    width: 23em;
  }

  .brs-4-tab-pie-bar-5-2._5 {
    width: 13em;
  }

  .brs-4-tab-pie-bar-5-2._2-1 {
    width: 13em;
    max-width: none;
  }

  .brs-4-tab-pie-bar-5-2._3 {
    width: 23em;
    max-width: none;
  }

  .brs-4-tab-pie-bar-5-2._4 {
    width: 20em;
    max-width: none;
  }

  .brs-4-tab-pie-bar-5-2._2 {
    width: 12em;
  }

  .bqu-heading-1.small-white-text {
    font-size: 32px;
  }

  .brs-4-tab-des--1-bar-4-1._4-1 {
    width: 50em;
  }

  .brs-4-tab-des--1-bar-4-1._5 {
    width: 30em;
  }

  .brs-4-tab-des--1-bar-4-1._4, .brs-4-tab-des--1-bar-4-1._5-1, .brs-4-tab-des--1-bar-4-1._2-1 {
    width: 50em;
  }

  .brs-4-tab-des--1-bar-4-1._2 {
    width: 28em;
  }

  .brs-4-tab-des--1-bar-4-1._3 {
    width: 38em;
  }

  .brs-4-tab-des--1-bar-4-1._3-1, .brs-4-tab-des--1-bar-4-1._1-1 {
    width: 50em;
  }

  .brs-4-tab-des--1-bar-4-1._1 {
    max-width: none;
  }

  .bri-text-1 {
    padding-left: 2em;
    padding-right: 2em;
  }

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

  .bqu-grid-1.projects {
    grid-row-gap: 4em;
    grid-template-rows: auto auto;
    grid-auto-flow: row;
  }

  .bru-wrap-1 {
    padding-right: 12.5em;
  }

  .bru-wrap-1._2 {
    padding-right: 12.4em;
  }

  .brv-container-interaction-1-7, .brv-container-interaction-1-23 {
    padding-top: 9em;
  }

  .brt-wrap-content-1 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .brv-container-interaction-1-8 {
    padding-top: 9em;
  }

  .bqu-wrap-1 {
    flex-direction: column;
    justify-content: center;
  }

  .brq-section1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .brv-container-interaction-1-21, .brv-container-interaction-1-2 {
    padding-top: 9em;
  }

  .bsc-selection-1 {
    padding-left: 3em;
    padding-right: 3em;
    font-size: 1.3vw;
  }

  .brr-wrap-two_content-1 {
    grid-column-gap: 8%;
    padding-left: 6em;
    padding-right: 6em;
  }

  .bqv-wrap-tagline1-1 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .brv-container-interaction-1-14 {
    padding-top: 9em;
  }

  .bg-hero-1 {
    display: none;
  }

  .bsa-wrap-content-info-1 {
    opacity: 0;
  }

  .brs-4-heading-des-tab-1 {
    justify-content: flex-start;
  }

  .container-class-4 {
    max-width: none;
  }

  .brm-wrap-heading-1 {
    padding-right: 17em;
  }

  .bqw-f-wrap-b-1 {
    padding-left: 4em;
    padding-right: 0;
  }

  .brv-container-interaction-1-22, .brv-container-interaction-1-5 {
    padding-top: 9em;
  }

  .aaa-link-2-2 {
    text-decoration: none;
  }

  .bri-wrap-1 {
    max-width: 50em;
  }

  .button-5, .button-6 {
    font-weight: 500;
  }

  .footer-columns-d-copy {
    grid-template-columns: 1fr 1.25fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .button-7, .button-8 {
    font-weight: 500;
  }

  .contact-form-container {
    padding: 24px;
  }

  .button-9 {
    font-weight: 500;
  }

  .brv-container-interaction-1-27, .brv-container-interaction-1-28, .brv-container-interaction-1-29 {
    padding-top: 9em;
  }

  .brv-container-interaction-1-30 {
    height: 100%;
    padding-top: 9em;
  }

  .brv-container-interaction-1-31, .brv-container-interaction-1-32, .brv-container-interaction-1-33 {
    padding-top: 9em;
  }

  .brv-container-interaction-1-34.brv-bords-1 {
    width: 100%;
    padding-top: 9em;
  }

  .brn-grid-wrap-text-1-2 {
    padding-left: 4em;
    padding-right: 4em;
  }

  .brn-grid-wrap-text-1-2._3 {
    padding-right: 4em;
  }

  .brr-two_content-wrap-text-1-2 {
    align-items: flex-start;
  }

  .brv-container-interaction-1-35, .brv-container-interaction-1-36, .brv-container-interaction-1-37, .brv-container-interaction-1-38, .brv-container-interaction-1-39, .brv-container-interaction-1-40, .brv-container-interaction-1-41 {
    padding-top: 9em;
  }

  .brp-content-text-1-2 {
    font-size: 8em;
    font-weight: 500;
  }

  .brv-container-interaction-1-42, .brv-container-interaction-1-43, .brv-container-interaction-1-44, .brv-container-interaction-1-45, .brv-container-interaction-1-46, .brv-container-interaction-1-47, .brv-container-interaction-1-48, .brv-container-interaction-1-49, .brv-container-interaction-1-50, .brv-container-interaction-1-51 {
    padding-top: 9em;
  }

  .m4_bottom_info.padding-section-large {
    padding-left: 4em;
    padding-right: 4em;
  }

  .h2 {
    font-size: 3.5rem;
  }

  .title-big-2 {
    font-size: 32px;
  }

  .card-item-content-holder-2 {
    padding: 1em;
  }

  .hero-paragraph-description-2.gray-dark-paragraph {
    font-size: 20px;
  }

  .main-heading-3 {
    margin-top: 10px;
    line-height: 1.55;
  }

  .main-heading-3.hero-white-heading {
    color: #fff;
  }

  .contact-container-2 {
    max-width: 100%;
  }

  .main-hero-container-2 {
    padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
    font-family: Inter, sans-serif;
  }

  .career_list-text-wrapper {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .career_content-component {
    grid-template-columns: 1fr;
  }

  .bold-text-54 {
    font-size: 58px;
  }

  .collab-section-wrapper {
    background-position: 50%;
  }

  .career-item-line-2 {
    top: 54%;
    left: 37%;
  }

  .white-heading-2 {
    font-size: 45px;
  }

  .career-item-line-3 {
    top: 61%;
    left: 37%;
  }

  .feature-text-3 {
    max-width: 440px;
    font-size: 33px;
    line-height: 1.25;
  }

  .feature-box-2 {
    padding-top: 3em;
    padding-bottom: 3em;
    padding-left: 2em;
  }

  .small-white-text-2.sm-text-sm {
    font-size: 13px;
  }

  .list-6.fade-in-blur-on-scroll {
    list-style-type: none;
  }

  .cta-text-2 {
    font-size: 45px;
  }

  .tabel-cta-holder-2 {
    width: 70%;
  }

  .button-11 {
    font-weight: 500;
  }

  .hero-center-text-2 {
    font-size: 52px;
  }

  .right-arrow-2 {
    right: 5%;
  }

  .slider-image-2.big-height {
    height: 50vh;
  }

  .slider-image-2.ows-banner {
    height: 100%;
  }

  .left-arrow-2 {
    right: 14%;
  }

  .grid-3-col-3 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-list-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .template-includes-card-2.bg-white.carousel-card {
    padding-right: 1.5em;
  }

  .template-includes-card-2.bg-white.carousel-card.dark-gradient {
    border-radius: 12px;
  }

  .template-includes-card-2.bg-white.carousel-card.dark-gradient.fade-in-blur-on-scroll {
    height: 100%;
    min-height: 380px;
  }

  .figma-file-image-2.cardimg {
    object-fit: contain;
    height: 100%;
  }

  .feature-box-3 {
    padding-top: 3em;
    padding-bottom: 3em;
    padding-left: 2em;
  }

  .purple-gradient-text {
    font-size: 45px;
  }

  .cta-text-3 {
    max-width: 100%;
    font-size: 35px;
  }

  .bold-text-56 {
    color: #2f2f2f;
    font-size: 6vw;
    line-height: 1.4;
  }

  .content-8.bg-white {
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-8.explainer-content.fade-in-blur-on-scroll {
    min-height: 400px;
  }

  .dropdown-toggle-3 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon-12 {
    margin: 0;
    font-size: 12px;
    position: relative;
  }

  .dropdown-link-4 {
    text-align: center;
    font-size: 11px;
  }

  .link-16 {
    padding-left: 30px;
    font-size: 12px;
  }

  .link-16:hover {
    color: var(--link-hover);
  }

  .link-16.w--current {
    padding-left: 30px;
    font-size: 12px;
  }

  .hero-text-white {
    font-size: 60px;
  }

  .trusted-by-container-2.home-3.container {
    padding-top: 2em;
  }

  .trusted-by-text-2 {
    text-align: left;
  }

  .title-big-3 {
    font-size: 32px;
    display: block;
  }

  .title-big-3.normal-size {
    display: block;
  }

  .grid-list-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .feature-grid-3 {
    grid-row-gap: 1.3em;
    flex-wrap: nowrap;
    grid-template-rows: auto;
    grid-template-columns: 5fr;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2em;
    display: flex;
  }

  .feature-grid-3.no-img-grid {
    grid-row-gap: 2em;
  }

  .feature-grid-3.mt-4 {
    grid-row-gap: 0em;
    margin-top: 4em;
  }

  .feature-grid-3.mt-4.grid-flex {
    flex-flow: row;
  }

  .feature-grid-3.mt-4.grid-flex.flipped-flex {
    grid-column-gap: 0em;
    flex-direction: column-reverse;
  }

  .feature-grid-3.mt-4.grid-flex.flipped-flex.py-7 {
    margin-top: 0;
  }

  .feature-grid-3.flipped-flex {
    flex-flow: row;
  }

  .feature-grid-3.md-gap-0 {
    margin-top: 9.4em;
  }

  .feature-grid-3.md-gap-0.py-7 {
    margin-top: 0;
  }

  .feature-grid-3.center-flex.py-7.mob-col-rev {
    flex-direction: column-reverse;
  }

  .feature-grid-3.center-flex.py-7.tablet-flex-col {
    flex-flow: row;
  }

  .feature-grid-3.py-7.flex-row-mobiles {
    flex-flow: column;
  }

  .section-heading-title-2 {
    font-size: 45px;
  }

  .bold-text-58 {
    margin-top: 0;
    display: block;
  }

  .small-img {
    background-image: linear-gradient(322deg, #e4e4e4 23%, #eee 61%, #fff);
    border-color: #d6d6d6;
  }

  .button-12 {
    font-weight: 500;
  }

  .link-block-27.aspect-portrait {
    aspect-ratio: 3 / 2;
    height: 100%;
    max-height: 250px;
  }

  .image-49.testinomial-bg-img.style-2 {
    bottom: 2%;
  }

  .div-block-50.flex-center.industries-list {
    width: 100%;
  }

  .text-sum.h--42px {
    min-height: 35px;
  }

  .text-sum-title.h--42px {
    min-height: 35px;
    position: relative;
  }

  .list-7.fade-in-blur-on-scroll {
    list-style-type: none;
  }

  .bold-text-62 {
    margin-top: 0;
    display: block;
  }

  .grid-list-4 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .text-block-35 {
    font-size: 14px;
  }

  .list-8.fade-in-blur-on-scroll {
    list-style-type: none;
  }

  .bold-text-64 {
    margin-top: 5em;
    display: block;
  }

  .grid-list-5 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .review-text-2 {
    font-size: 28px;
  }

  .review-text-2.text-grey {
    font-size: 40px;
  }

  .sub-heading.fade-in-blur-on-scroll {
    font-size: 15px;
    line-height: 1.4;
  }

  .div-block-55 {
    margin-bottom: 8px;
  }

  .team-lead-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .blog-main-grid-2 {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-columns: 1fr;
  }

  .blog-main-grid-2.case-grid {
    grid-column-gap: 1.9em;
    grid-row-gap: 1.9em;
  }

  .feature-box-4 {
    padding-top: 3em;
    padding-bottom: 3em;
    padding-left: 2em;
  }

  .feature-box-4.how-grp.service-feat-box {
    width: 100%;
  }

  .feature-text-4 {
    max-width: 440px;
  }

  .title-big-4 {
    font-size: 32px;
  }

  .grid-item-text-holder-2 {
    margin-top: 3em;
  }

  .feature-grid-4 {
    grid-template-columns: 5fr;
    margin-top: 0;
  }

  .image-52 {
    object-fit: contain;
  }

  .bold-text-68 {
    font-size: 16px;
  }

  .bg-video-wrapper {
    aspect-ratio: 16 / 9;
    height: 100%;
  }

  .bg-mobile-video-wrapper {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: 100%;
  }

  .bg-mobile-video-wrapper.mx-h--400px.aspect-sq {
    aspect-ratio: 1;
  }

  .background-video-11 {
    aspect-ratio: 16 / 9;
  }

  .tabs-menu-8.feature-page {
    text-align: left;
    flex-flow: column;
    display: flex;
  }

  .tabs-4.feature-page {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: stretch;
    font-family: Inter, sans-serif;
    display: grid;
  }

  .hero-case-video {
    width: 100%;
    height: 100%;
  }

  .service-business-flexblock {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .velvet-case-video {
    min-height: 500px;
  }
}

@media screen and (max-width: 767px) {
  p {
    font-size: 16px;
  }

  .container {
    padding-left: 2em;
    padding-right: 2em;
  }

  .container.no-padding-top.pb-4 {
    padding-bottom: 4em;
  }

  .container.medium {
    padding-left: 2em;
    padding-right: 2em;
  }

  .container.border-top.fade-in-blur-on-scroll {
    padding: 1em 2em 172px;
  }

  .container.grid-sections {
    padding-bottom: 3em;
  }

  .container.grid-sections.border-b {
    padding-bottom: 8em;
  }

  .container.grid-sections.y-0 {
    padding-bottom: 0;
  }

  .container.center-flex.py-3.case-carousel.industries-carousel {
    padding-left: 0;
    padding-right: 0;
  }

  .container.center-flex.py-3.border-t {
    padding-top: 12.4em;
  }

  .container.mb-0 {
    padding-top: 10em;
  }

  .container.md-flex {
    flex-flow: column;
  }

  .hero-section {
    height: auto;
  }

  .fade-in-on-scroll {
    min-width: 10px;
  }

  .fade-in-on-scroll.sm-mt-0 {
    padding-top: 0;
  }

  .grid-4-col {
    grid-template-columns: 1fr 1fr;
  }

  .grid-2-col.about {
    grid-template-columns: 1fr;
  }

  .footer-content {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: start;
  }

  .footer-image {
    object-fit: contain;
  }

  .footer-heading.subscription {
    text-transform: none;
  }

  .change-log-container {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2em 1em;
  }

  .hero-text {
    font-size: 56px;
  }

  .style-guide-left-panel {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr 1fr;
  }

  .colors-holder {
    flex-direction: column;
    align-items: flex-start;
  }

  .style-guide-empty-container {
    padding-left: 0;
    padding-right: 0;
  }

  .font-holder {
    flex-direction: column;
    padding: 16px;
  }

  .hero-section-secondary {
    height: auto;
  }

  .hero-text-secondary {
    font-size: 10vw;
  }

  .hero-description-short-container {
    max-width: 100%;
  }

  .social-media-icon {
    min-width: auto;
  }

  .hero-description {
    font-size: 18px;
  }

  .hero-content {
    height: auto;
  }

  .shop-list {
    grid-template-columns: 1fr;
  }

  .checkout-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .checkout-summary {
    margin-top: 2em;
  }

  .nav-dropdown {
    width: 100%;
  }

  .nav-dropdown-grid {
    grid-template-columns: 1fr 1fr;
    max-height: 70vh;
    overflow: auto;
  }

  .explore-more-grid {
    grid-template-columns: 1fr;
  }

  .text-center.padding-section-large.career-sub-text {
    padding-top: 1rem;
  }

  .feature-text {
    max-width: 310px;
    font-size: 30px;
  }

  .feature-box {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 25px;
  }

  .feature-box._1.mobile-flex {
    flex-flow: column;
    height: 100%;
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 0;
    display: flex;
  }

  .template-more-things-grid, .template-more-things-grid._2x-grid {
    grid-template-columns: 1fr;
  }

  .text-gray-paragraph-holder.text-left {
    text-align: left;
  }

  .white-paragraph {
    margin-left: 0;
  }

  .template-card-holder {
    height: 210px;
  }

  .integration-heading {
    font-size: 24px;
  }

  .template-footer-heading {
    max-width: 350px;
  }

  .template-footer-holder {
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero-description-holder {
    margin-top: 2em;
  }

  .white-text-paragraph-holder.mobile-feature-box {
    width: 100%;
    padding-right: 30px;
    display: flex;
  }

  .with-standarts-quick-stack {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .small-thumbnail-image {
    padding-top: 60%;
  }

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

  .blog-item-title-2 {
    font-size: 28px;
  }

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

  .white-text {
    color: #fff;
  }

  .card-item {
    flex-direction: column;
  }

  .content-sticky {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .demo-hero-buttons-holder {
    flex-flow: column;
  }

  .center-paragraph.gray-paragraph {
    font-size: 28px;
  }

  .show-more-button.contact, .nav-dropdown-2 {
    width: 100%;
  }

  .cart-item-content {
    flex-direction: column;
  }

  .cart-quantity-holder {
    margin-top: 1em;
  }

  .nav-brand-logo {
    max-height: 35px;
  }

  .nav-menu-holder {
    padding-left: 1em;
    padding-right: 1em;
  }

  .cart-items {
    min-height: auto;
  }

  .menu-button-2.w--open {
    background-color: #2b2b2b00;
  }

  .main-heading.h1-hero {
    margin-top: 1em;
    font-size: 10vw;
    font-weight: 600;
  }

  .main-heading.fade-in-on-scroll.margin-top {
    min-width: auto;
    font-size: 10vw;
  }

  .hero-text-line {
    width: 30%;
    height: 2px;
    margin-top: 0;
  }

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

  .download-buttons {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .download-buttons.hero-download-buttons {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: row;
  }

  .download-buttons.center {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: row;
  }

  .contact-container {
    padding-left: 1em;
    padding-right: 1em;
  }

  .hero-text-holder-right {
    text-align: center;
    width: 100%;
  }

  .hero-paragraph-description.bottom-desctipiont-faq {
    padding-left: 20px;
    padding-right: 20px;
  }

  .center-text.main-heading {
    font-size: 50px;
  }

  .medium-center-text {
    margin-top: 46px;
    line-height: 1.2;
  }

  .feature-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-auto-columns: 1fr;
  }

  .card-item-holder {
    flex-direction: column;
  }

  .persons-images {
    height: 100%;
  }

  .logo-client {
    margin-top: 37px;
    margin-bottom: -123px;
  }

  .trusted-item {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 3em;
  }

  .trusted-item.last {
    text-align: center;
  }

  .trusted-item-header {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

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

  .trusted-overlay-container {
    display: none;
  }

  .trusted-content {
    padding-top: 0;
    padding-bottom: 3rem;
  }

  .trusted-content.trusted-list {
    text-align: center;
    padding-top: 0;
  }

  .grid-6-col-h1 {
    grid-template-columns: 1fr 1fr;
  }

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

  .text-xl.sm-mt-0 {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .white-heading {
    text-align: center;
    margin-left: 5px;
    padding-left: 0;
    padding-right: 0;
    font-size: 10vw;
  }

  .white-heading.contact-heading {
    font-size: 12vw;
  }

  .white-sticky-heading {
    text-align: center;
  }

  .card-iphone-wrapp.on-card, .card-holder.on-card {
    height: 130vw;
  }

  .card-item-box-holder {
    flex-direction: column;
    height: 200px;
  }

  .card-item-box-holder.h--270px {
    min-height: 270px;
  }

  .card-box-holder {
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
  }

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

  .blog-collection-grid {
    grid-row-gap: 32px;
    flex-direction: column;
    display: flex;
  }

  .cta-holder {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .tag-wrapper.px--20px {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
  }

  .hero-section-work {
    height: auto;
  }

  .hero-text-holder-h2.center {
    grid-row-gap: 8px;
  }

  .container-work-header {
    padding-left: 1em;
    padding-right: 1em;
  }

  .hero-text-black {
    font-size: 56px;
  }

  .hero-text-black.center {
    font-size: 40px;
  }

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

  .iphone-holder {
    height: 400px;
    top: 16%;
  }

  .iphone-holder.product {
    height: 300px;
  }

  .medium-gradient-text {
    font-size: 8vw;
  }

  .features-of-product-grid {
    display: flex;
  }

  .expense-tabel-holder {
    height: 100%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .blue-gradient-text.fade-in-move-on-scroll {
    font-size: 8vw;
  }

  .blue-gradient-text.fade-in-move-on-scroll.h-fit {
    line-height: 1.2em;
  }

  .blue-gradient-text.heading-generic {
    font-size: 33px;
  }

  .financial-text-holder.fade-in-blur-on-scroll {
    width: 100%;
  }

  .grid-item-text-holder {
    align-items: flex-start;
    margin-top: 0;
  }

  .grid-item-text-holder.fade-in-blur-on-scroll.mt-0 {
    margin-top: 0;
    margin-bottom: 10em;
  }

  .grid-item-text-holder.fade-in-blur-on-scroll.mt-11 {
    margin-top: 12.4em;
  }

  .grid-item-text-holder.sm-mt-0 {
    margin-top: 0;
  }

  .grid-items-wrapper.last-item.mt-grid {
    margin-top: 7em;
    margin-bottom: 0;
  }

  .grid-items-wrapper.last-item.mt-grid.mb-0 {
    margin-bottom: 0;
  }

  .feature-grid-2 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .grid-item-text-container {
    align-items: flex-start;
  }

  .tabel-pay-image.h-full.grey-filter {
    border-radius: 7px;
    min-height: 300px;
  }

  .grid-list {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .grid-list._2list {
    grid-template-columns: 1fr;
  }

  .grid-list.hero-list {
    align-items: center;
  }

  .grid-list.case-study-grid.mobile-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .hero-section-text-holder-home {
    background-position: 50%;
    height: 100%;
  }

  .product-development-grid {
    grid-template-columns: 1.5fr;
  }

  .grid-3-col {
    grid-template-columns: 1fr;
  }

  .small-gradient-text {
    font-size: 40px;
  }

  .large-cart-holder {
    height: 300px;
    top: 20%;
  }

  .large-cart-image {
    height: 230px;
  }

  .multi-logo-holder {
    top: -9%;
  }

  .logo-to-use-holder._2, .logo-to-use-holder._3, .logo-to-use-holder._4, .logo-to-use-holder._5, .logo-to-use-holder._6, .logo-to-use-holder._1 {
    width: 70px;
    height: 70px;
  }

  .system-dev-grid {
    margin-top: 200px;
  }

  .grid-4-col-home-3 {
    margin-top: 7em;
  }

  .main-application-development-holder._2 {
    width: 100%;
  }

  .gray-paragraph {
    font-size: 20px;
  }

  .home-3-button-holder.f3 {
    width: 100%;
  }

  .left-corner-image-holder {
    height: 30%;
    left: -3%;
  }

  .right-corner-image-holder {
    height: 30%;
    right: -13%;
  }

  .feature-grid-holder, .feature-grid-1.second {
    margin-top: 0;
  }

  .bold-text.service-heading {
    font-size: 20px;
  }

  .bold-text.gradient-text {
    max-width: 100%;
    font-size: 8vw;
  }

  .bold-text.gradient-text-simple {
    font-size: 8vw;
  }

  .feature-bg-image.features-2 {
    object-fit: cover;
  }

  .feature-multi-image.second {
    height: 60%;
  }

  .review-image {
    font-family: Inter, sans-serif;
  }

  .cta-disclaimer {
    font-size: 14px;
    font-weight: 500;
  }

  .cta-grid {
    grid-column-gap: 24px;
    grid-template-columns: 1.25fr 1fr;
  }

  .review-text {
    font-size: 6vw;
  }

  .play-me-text {
    font-size: 200px;
  }

  .first-system-dev-grid {
    margin-top: 200px;
  }

  .person-review-holder.w {
    width: 100%;
  }

  .data-image._2 {
    width: 200px;
    height: 200px;
    top: 68%;
    left: 12%;
  }

  .data-image._1 {
    width: 200px;
    height: 200px;
    top: 13%;
    left: 12%;
  }

  .data-image._3 {
    width: 200px;
    height: 200px;
    top: 13%;
  }

  .data-image._4 {
    width: 200px;
    height: 200px;
    bottom: -17%;
  }

  .tabs-menu {
    bottom: 4%;
  }

  .pricing-tab-holder {
    width: 100%;
  }

  .pricing-grid-header {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: row;
    grid-auto-columns: 1fr;
    width: 100%;
    min-width: 100%;
    display: flex;
  }

  .pricing-grid-2 {
    grid-template-columns: 1fr .25fr 1fr 1fr 1fr 1fr;
    width: 100%;
  }

  .price-holder-2 {
    flex-direction: row;
    align-items: center;
  }

  .pricing-header-container {
    width: 160px;
    padding: 11px;
  }

  .pricing-header-container.main {
    border-radius: 10px;
    justify-content: center;
    height: 100%;
    padding-top: 0;
  }

  .pricing-header-container.pricing-button-header {
    height: auto;
    margin-bottom: 0;
    padding: 14px;
    display: none;
  }

  .pricing-mobile-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
  }

  .pricing-tab-continaer {
    grid-column-gap: 16px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 100%;
    display: grid;
    overflow: auto;
  }

  .pricing-tabs-holder {
    width: 100%;
    min-width: 100%;
    position: relative;
  }

  .contact-us-holder {
    width: 250px;
    min-width: 250px;
  }

  .project-image-holder-2 {
    width: 100%;
  }

  .active-tab-container._01 {
    width: 100%;
    min-height: 400px;
  }

  .feature-tab-link, .feature-tab-link.w--current {
    max-width: 487px;
  }

  .small-tab-image {
    width: 100px;
    height: 100px;
    left: 8%;
  }

  .small-tab-image._2 {
    left: 28%;
  }

  .small-tab-image._4 {
    left: 68%;
  }

  .managment-wrapp {
    margin-top: 4em;
  }

  .feature-image-project {
    margin-top: 10px;
  }

  .text-container {
    max-width: 100%;
  }

  .sales-data-image {
    bottom: 50px;
  }

  .center-gradient-title {
    font-size: 40px;
  }

  .center-gradient-title.text-responsive {
    text-align: center;
    font-size: 8vw;
  }

  .faq-heading {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .faq-holder {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .faq-block, .gradient-line, .faq-content {
    border-radius: 15px;
  }

  .accordion {
    width: 100%;
  }

  .accordions-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .left-arrow {
    right: 18%;
  }

  .content-text-holder {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
  }

  .hero-center-text {
    justify-content: center;
    align-items: center;
    font-size: 40px;
  }

  .grid-3-col-2 {
    flex-flow: row;
    grid-auto-columns: 1fr;
    justify-content: center;
  }

  .team-lead-member-content {
    width: 100%;
  }

  .white-heading-text.fade-in-blur-on-scroll.text-grey {
    line-height: 1.5;
  }

  .team-lead-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .team-lead-grid.mt-0.sm-gap-0 {
    grid-row-gap: 30px;
    margin-top: 2em;
  }

  .team-lead-grid.mt-0.sm-gap-0.mt-0px {
    margin-top: 0;
  }

  .center-heading {
    font-size: 43px;
  }

  .heading-generic {
    width: 100%;
    font-size: 30px;
    font-weight: 600;
  }

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

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

  .office-image.case-study-img {
    object-position: 50% 0%;
  }

  .investors-holder {
    height: auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .medium-about-text {
    font-size: 8vw;
  }

  .work-with-us-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-auto-columns: 1fr;
    margin-top: 3em;
  }

  .work-with-us-image-container {
    max-width: 100%;
    display: flex;
  }

  .work-with-us-prod-logo {
    object-fit: contain;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    min-height: 60px;
  }

  .work-with-us-prod-logo._100width {
    width: 100%;
    max-width: 100%;
  }

  .career-item-line {
    width: 90%;
    top: 48%;
    left: 5%;
  }

  .job-description-holder {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .accordion-button {
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .card-item-features {
    flex-direction: column;
  }

  .card-item-content-paddings {
    align-self: auto;
  }

  .white-large-text {
    margin-bottom: 10px;
  }

  .blog-text-holder {
    margin-top: 12.4em;
    margin-bottom: 5px;
  }

  .rich-text-holder {
    grid-template-columns: 1fr;
  }

  .hero-shop-heading {
    font-size: 50px;
  }

  ._404-holder-2 {
    height: auto;
  }

  .number-406 {
    margin-left: auto;
    margin-right: auto;
    font-size: 30vw;
  }

  ._404-image-holder {
    width: 40vw;
    min-width: 40vw;
    height: 40vw;
    min-height: 40vw;
  }

  .main-nav-dropdown {
    width: 100%;
  }

  .grid-images {
    border-radius: 10px;
  }

  .hero-text-home-1 {
    margin-top: 0;
  }

  .hero-text-home-1._2, .hero-text-home-1._1 {
    width: 100%;
  }

  .hero-gradient-holder-h1 {
    height: 40%;
  }

  .hero-text-holder-left {
    text-align: center;
    width: 100%;
  }

  .hero-v2-circles-holder {
    width: 800px;
    height: 800px;
  }

  .paragraph.founder-paragraph {
    color: var(--dark);
  }

  .gray-light-paragraph {
    text-align: center;
    margin-bottom: 0;
  }

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

  .container-2 {
    width: 87.5%;
    max-width: none;
  }

  .container-2.container--nav {
    width: 100%;
  }

  .columns {
    justify-content: space-between;
    display: flex;
  }

  .heading.bottom-padding-0 {
    font-size: 8vw;
  }

  .paragraph-4.text-small._w--70.sec-subtitle {
    width: 90%;
  }

  .rl_content6_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .rl-heading-style-h2 {
    font-size: 2.25rem;
  }

  .rl_contact6_spacing-block-3 {
    padding-bottom: 1.5rem;
  }

  .rl_contact6_spacing-block-2 {
    padding-bottom: 1.25rem;
  }

  .rl-text-style-medium {
    font-size: 1rem;
  }

  .rl-padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .bold-text-11 {
    font-size: 2.5rem;
  }

  .button-3.transparent-on-dark-with-border {
    text-align: center;
  }

  .button-3.white {
    text-align: center;
    margin-left: 0;
    padding: 10px;
  }

  .container-3 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .medium-gradient-text-2 {
    font-size: 40px;
  }

  .white-box-main-holder {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-9 {
    grid-template-columns: 1fr 1fr;
  }

  .gray-dark-paragraph.left-paragraph {
    font-size: 18px;
  }

  .gray-dark-paragraph.left-paragraph.text-sum {
    font-size: 16px;
  }

  .gray-dark-paragraph.home-text {
    padding-top: 5px;
    font-size: 18px;
    font-weight: 400;
  }

  .footer-container {
    padding: 2em;
  }

  .center-dark-gradient-title {
    font-size: 45px;
    line-height: 1.2;
  }

  .project-heading {
    font-size: 32px;
  }

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

  .div-block-14 {
    top: 40%;
  }

  .background-video-2 {
    bottom: 0;
  }

  .div-block-18 {
    width: 50%;
  }

  .image-27 {
    height: 120px;
  }

  .clients-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    margin-left: 0;
  }

  .image-wrapper-16-9.mobile-landscape-3-2 {
    padding-top: 66.6667%;
  }

  .hero-section-2 {
    height: 150vh;
  }

  .full-container {
    padding-top: 10em;
    padding-bottom: 10em;
    font-family: Inter, sans-serif;
  }

  .text-don-t-change {
    font-size: 18px;
    line-height: 24px;
  }

  .text-change {
    font-size: 32px;
  }

  .text-effect-text {
    font-size: 2.3em;
  }

  .p-sm-end {
    padding-bottom: 2.3em;
  }

  .title2 {
    font-size: 2.7em;
  }

  .container-5 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .grid-2-col-3.about, .about-grid-2 {
    grid-template-columns: 1fr;
  }

  .huge-heading {
    font-size: 10vw;
  }

  .sticky-menu {
    z-index: 0;
    max-width: none;
    padding-top: 15vh;
    top: 0;
  }

  .list-link {
    flex: none;
    margin-right: 20px;
  }

  .container-6 {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-6.cc-flex-h {
    flex-direction: column;
  }

  .text_left {
    margin-bottom: 0;
    padding-bottom: 60px;
    padding-right: 40px;
  }

  .block {
    margin-bottom: 40px;
  }

  .block-title {
    font-size: 8vw;
  }

  .container-7 {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-7.cc-flex-h {
    flex-direction: column;
  }

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

  .container-8 {
    padding-left: 4em;
    padding-right: 4em;
    display: block;
  }

  .header-container {
    position: static;
  }

  .content-container {
    padding-left: 0;
    padding-right: 0;
  }

  .content-container.px-0 {
    padding-top: 30px;
  }

  .apple-grid-block.mobile-hidden {
    display: none;
  }

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

  .flipcard-back, .flipcard-back.flip-card-back-top {
    padding: 2em;
  }

  .bold-text-15 {
    left: 1em;
  }

  .div-block-27.title-big {
    max-width: 80%;
    margin-left: 0;
    font-size: 8vw;
    left: 5%;
  }

  ._12-column-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(16px, 1fr) 1fr;
  }

  .all-images {
    overflow: hidden;
  }

  .main-menu-button {
    background-color: #0000;
  }

  .hamburger-top {
    height: 2px;
  }

  .main-nav {
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
  }

  .brand {
    padding-left: 0;
  }

  .body-3 {
    font-family: Inter, sans-serif;
  }

  .heading-18.main-heading {
    font-size: 20px;
  }

  .section-tag-container {
    margin-bottom: 40px;
    font-size: 10px;
  }

  .text-block-12 {
    line-height: 1.5;
  }

  .div-block-32 {
    min-width: 100%;
    min-height: 400px;
    display: block;
    top: auto;
    right: auto;
  }

  .extras {
    flex-flow: row;
  }

  .legal {
    padding-bottom: 0;
  }

  .footer-2, .footer-columns-d {
    display: block;
  }

  .contact-messaging {
    margin-bottom: 0;
  }

  .container-9 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .site-map {
    margin-top: 4px;
  }

  .country {
    margin-bottom: 12px;
  }

  .copyright-and-site-map {
    margin-bottom: 16px;
  }

  .contact {
    border-style: none none solid;
    border-width: 1px;
    border-color: var(--untitled-ui--gray500);
  }

  .faq-tab-pane.fade-in-move-on-scroll {
    margin-top: 2rem;
  }

  .faq-form-wrapper {
    padding-left: 1em;
    padding-right: 1em;
  }

  .nav_logo-link {
    padding-left: 0;
  }

  .footer4_component {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-items: start;
    display: flex;
  }

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

  .footer4_logo-link {
    padding-left: 0;
  }

  .image-holder {
    order: -1;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

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

  .image-small {
    width: 60%;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .faq-types-wrapper-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    margin-top: 16rem;
    display: grid;
  }

  .faq-types-wrapper-grid.fade-in-on-scroll {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

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

  .footer4_links {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .faq-circle.job-icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
  }

  .popup-header {
    font-size: 30px;
  }

  .modal-scroll {
    overflow: auto;
  }

  .price-2 {
    font-size: 26px;
  }

  .popup-text {
    margin-bottom: 30px;
    font-size: 14px;
  }

  .upgrade-row {
    width: 100%;
  }

  .pricing-box {
    width: 49%;
  }

  .pricing-column-contain.top-price-contain {
    padding: 12px 5% 11px;
    font-size: 13px;
  }

  .price-text {
    font-size: 11px;
    line-height: 1.5em;
  }

  .popup-container {
    flex-direction: column;
    margin-bottom: 70px;
    padding-top: 50px;
    padding-left: 7%;
    padding-right: 7%;
  }

  .div-block-37 {
    width: 450px;
  }

  .nav-menu-2 {
    overflow: scroll;
  }

  .div-block-38 {
    width: 450px;
  }

  .centered_w1 {
    padding-left: 36px;
    padding-right: 36px;
  }

  .nav-main {
    justify-content: center;
    align-items: center;
    height: 80px;
    display: flex;
  }

  .nav-link-3 {
    font-size: 6vw;
  }

  .logo-wrapper.page-transition {
    margin-right: 0;
  }

  .navbar7_menu {
    padding-bottom: 6rem;
  }

  .navbar7_dropdown-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .navbar7_component {
    min-height: 4rem;
  }

  .navbar7_dropdown-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .uui-button {
    font-size: 1rem;
  }

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

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-layout77_list {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-heading-medium {
    font-size: 6vw;
    line-height: 1.4;
  }

  .uui-layout77_component {
    align-items: stretch;
  }

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

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

  .brk-wrap-1, .brs-grid-wrap-text-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .ghj-wrap-3-2, .aaa-wrap-1 {
    display: none;
  }

  .aaa-section-class-1 {
    font-size: 1.69vw;
  }

  .bsc-link-3 {
    margin-left: 0;
  }

  .bqw-b-2-wrap-1 {
    width: auto;
  }

  .bqw-wrap-a-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bqw-wrap-a-1._2 {
    padding-top: 3em;
    padding-left: 3em;
    padding-right: 3em;
  }

  .aaa-section-1-2 {
    padding-left: 3em;
    padding-right: 3em;
    font-size: 1.69vw;
  }

  .brj-wrap-text-1, .brj-wrap-text-1._2, .brj-wrap-text-1.brs, .brj-wrap-text-1._3 {
    padding-left: 0;
    padding-right: 0;
  }

  .bqw-f-b-wrap-link-1 {
    justify-content: center;
    align-items: flex-start;
    padding-right: 0;
    display: flex;
  }

  .bsa-content-info-1-wrap-two-content-1 {
    flex-direction: column;
    align-items: flex-start;
    width: 10em;
  }

  .brq-tabs-wrap-text-1 {
    margin-left: 1.7em;
  }

  .brq-tabs-wrap-text-1._2 {
    margin-left: 5.1em;
  }

  .brq-tabs-wrap-text-1._4 {
    margin-left: 27.3em;
  }

  .brq-tabs-wrap-text-1._3 {
    margin-left: 15.4em;
  }

  .brv-b-grid-pic-1 {
    height: auto;
  }

  .aaa-icon-2 {
    height: 2em;
  }

  .brk-container-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bqw-container-fond-1 {
    order: 1;
    margin-top: 1em;
  }

  .brn-grid-wrap-2 {
    flex-direction: column;
  }

  .bsc-content-wrap-heading-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .bqw-b-1-wrap-2 {
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .brv-wrap-c-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .brs-wrap-2 {
    padding-left: 0;
  }

  .section-bar-1 {
    font-size: 1.69vw;
  }

  .brm-container-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .section-class {
    font-size: 1.69vw;
  }

  .container-wrapper-dark {
    padding-left: 3em;
    padding-right: 3em;
  }

  .container-wrapper-dark.aniimation1 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-wrapper-dark._1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bsa-guias-1 {
    display: none;
  }

  .brl-wrap-name-1._5 {
    left: 31%;
  }

  .brl-wrap-name-1._1 {
    left: 29%;
  }

  .brl-wrap-name-1._7 {
    left: 9%;
  }

  .brl-wrap-name-1._4 {
    left: 19%;
  }

  .brl-wrap-name-1._2 {
    left: 48%;
  }

  .brq-tabs-content-1 {
    background-size: contain;
  }

  .bsc-icon-pic {
    height: 1.6em;
  }

  .bsc-icon-pic.alt {
    height: 1.9em;
  }

  .brq-decor-1 {
    margin-right: 10em;
  }

  .brq-decor-1._3, .brq-decor-1._4 {
    margin-right: 0;
  }

  .brq-decor-1._2 {
    margin-right: 5em;
  }

  .bsc-link-1 {
    font-size: 1.5em;
  }

  .bsc-pic-1-2 {
    width: 1.7em;
  }

  .brm-wrap-1 {
    padding-right: 0;
  }

  .bqw-f-a-heading-1 {
    text-align: center;
  }

  .brn-wrap-grid-1, .bqv-grid-1 {
    grid-template-columns: 1fr;
  }

  .brt-content-wrap-text-1.especial {
    width: 32em;
  }

  .aaa-link-1-2 {
    font-size: 1.4em;
  }

  .aaa-link-5-2 {
    font-size: 1.5em;
  }

  .aaa-wrap-4 {
    grid-column-gap: .7em;
    grid-row-gap: .7em;
    flex-direction: column;
    align-items: flex-start;
  }

  .bsc-wrap-button {
    display: flex;
  }

  .aaa-grid-2-2 {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    grid-template-columns: 1fr 1fr;
  }

  .bqw-f-b-text-1 {
    text-align: center;
  }

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

  .brt-content-wrap-1, .brt-content-wrap-1._5 {
    padding-left: 0;
    padding-right: 3em;
  }

  .brt-content-wrap-1._4 {
    padding-left: 1em;
    padding-right: 0;
  }

  .brt-content-wrap-1._2 {
    padding-left: 4em;
    padding-right: 0;
  }

  .brt-content-wrap-1._3 {
    padding-right: 0;
  }

  .aaa-wrap-5 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: column;
    align-items: flex-start;
  }

  .bqw-f-wrap-a-1 {
    justify-content: center;
    width: auto;
    margin-bottom: 2em;
    padding-right: 0;
    position: static;
  }

  .brs-wrap-4 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .aaa-text-9-2 {
    font-size: 1.4em;
  }

  .brt-pic-1 {
    display: none;
  }

  .aaa-wrap-3-2 {
    margin-bottom: 1.7em;
  }

  .aaa-text-1-2 {
    font-size: 1.4em;
  }

  .brn-grid-wrap-text-1 {
    padding-left: 3em;
    padding-right: 8em;
  }

  .brn-grid-wrap-text-1._3 {
    padding-right: 8em;
  }

  .bsc-wrap-link {
    display: none;
  }

  .bsc-square-link {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    display: none;
  }

  .bsc-icon-menu, .bsc-icon-menu-1 {
    opacity: 1;
    cursor: pointer;
    display: block;
  }

  .tabs-menu-5 {
    padding-left: 5em;
    padding-right: 5em;
  }

  .section-class-2 {
    font-size: 1.69vw;
  }

  .brr-two_content-wrap-text-1 {
    width: auto;
  }

  .search-input-2 {
    color: #fff;
    background-color: #0000;
    border: 1px #000;
    margin-bottom: 0;
    padding: .8em 1em;
    font-size: 1.5em;
    line-height: 1.3em;
  }

  .bsc-wrap-text.linea-1 {
    border-bottom: 1px solid #2c2c2c;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .brv-b-wrap-grid-1 {
    grid-column-gap: 5em;
  }

  .ghj-decor-1-2 {
    background-color: #fafafa;
  }

  .brj-wrap-heading-1, .brj-wrap-heading-1.brr, .brj-wrap-heading-1.brs, .brj-wrap-heading-1.brs._1, .brj-wrap-heading-1.large {
    padding-left: 0;
    padding-right: 0;
  }

  .bqu-wrap-a-1._2.projects, .bqu-wrap-a-1.projects {
    height: 30em;
  }

  .aaa-wrap-2 {
    display: none;
  }

  .aaa-wrap-2.one {
    display: block;
  }

  .link5 {
    text-decoration: none;
  }

  .bsc-pic-2 {
    width: 1.3em;
  }

  .brj-heading-1 {
    text-align: left;
    font-size: 8vw;
  }

  .brj-heading-1.title-color-1, .brj-heading-1.titlecolor-2, .brj-heading-1.title-color-3, .brj-heading-1.title-color-4 {
    font-size: 8vw;
  }

  .bsa-pic-1 {
    opacity: 0;
  }

  .bri-heading-1 {
    text-align: center;
    font-size: 6vw;
  }

  .ghj-wrap-2 {
    cursor: pointer;
  }

  .brj-wrap-1 {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .bqw-b-1-wrap-3 {
    padding-right: 0;
  }

  .brt-content-text-1 {
    font-size: 2.5em;
  }

  .aaa-wrap-1-3 {
    position: relative;
    left: 15em;
  }

  .brs-grid-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .brs-grid-2.grid-small-gap {
    grid-template-columns: 1fr;
  }

  .brv-wrap-stiky-1 {
    height: 55vh;
    padding-left: 0;
    padding-right: 0;
  }

  .brp-container-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bqw-b-1-tagline-3 {
    text-align: center;
  }

  .search-button-2 {
    background-color: #0000;
    background-image: url('../images/search_1.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto 40%;
    font-size: 1.3em;
  }

  .brp-content-text-1 {
    font-size: 8em;
  }

  .bsc-selection-2 {
    background-color: #fff;
    font-size: 1.69vw;
  }

  .aaa-text-2-2 {
    font-size: 1.3em;
  }

  .search-2 {
    background-color: #171717;
    border: 1px solid #000;
    border-radius: 1em;
    flex-direction: row-reverse;
    flex: 1;
    margin-bottom: 2em;
    display: flex;
  }

  .container-class {
    padding-left: 2em;
    padding-right: 2em;
  }

  .brv-guia-1 {
    height: 80vh;
  }

  .bsc-wrap-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bsc-wrap-line {
    opacity: 1;
    cursor: pointer;
    display: block;
  }

  .bri-container-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bsc-pic-3 {
    width: 2.6em;
  }

  .brk-wrap-1-1 {
    width: auto;
  }

  .bqv-wrap-heading-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bqv-wrap-heading-1._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .bqv-wrap-heading-1._2._2-1, .bqv-wrap-a-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .aaa-text-3-2 {
    font-size: 1.4em;
  }

  .bsc-menu-grid {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 3em;
    display: grid;
    overflow: scroll;
  }

  .aaa-text-4-2 {
    font-size: 1.5em;
  }

  .bsc-menu-open {
    z-index: 1000;
    opacity: 1;
    background-color: #000;
    padding-bottom: 0;
    padding-right: 0;
    font-size: 1.69vw;
    position: fixed;
    inset: 0%;
    overflow: scroll;
  }

  .bri-text-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .bqu-grid-1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-bottom: 6em;
  }

  .bqu-grid-1.projects {
    grid-row-gap: 2em;
    grid-template-rows: auto auto auto;
  }

  .bru-wrap-1, .bru-wrap-1._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .bqw-b-1-heading-2 {
    text-align: center;
  }

  .brt-wrap-pic-1 {
    background-image: url('../images/processing_fallback__ei2ahsxgp7qu_large.jpeg');
    background-position: 0 0;
    background-size: cover;
    height: 75vh;
  }

  .brt-wrap-pic-1.font2 {
    background-image: url('../images/graphics_fallback__2msyifsaf5ue_large.jpeg'), url('../images/processing_fallback__ei2ahsxgp7qu_large.jpeg');
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: cover, cover;
  }

  .ghj-wrap-1 {
    display: block;
  }

  .brq-wrap-tabs-1 {
    height: 50em;
  }

  .bqw-b-wrap-1 {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-top: 3em;
    padding-bottom: 3em;
    display: flex;
  }

  .bsc-wrap-2 {
    border-bottom-color: #c7c7c7;
  }

  .bqu-wrap-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .aaa-link-3-2 {
    font-size: 1.2em;
  }

  .bsa-content-info-1-wrap-1 {
    bottom: 74%;
  }

  .bsa-content-info-1-wrap-1._2 {
    bottom: 37%;
  }

  .bsa-content-info-1-wrap-1._4 {
    bottom: -14%;
    left: 22%;
  }

  .bsa-content-info-1-wrap-1._3 {
    bottom: -22%;
    left: 60%;
  }

  .bsc-selection-1 {
    background-color: #000;
    font-size: 1.69vw;
  }

  .ghj-icon-2-2 {
    opacity: .5;
    object-fit: contain;
    height: 1.1em;
  }

  .brr-wrap-two_content-1 {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .aaa-icon-1-2 {
    width: 2em;
  }

  .bsc-content-wrap-text-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .ghj-icon-1-2 {
    height: 1.2em;
  }

  .bqv-wrap-tagline1-1 {
    padding-left: 5em;
    padding-right: 5em;
  }

  .bsc-content-heading-1.fade-in-move-on-scroll {
    font-size: 10vw;
  }

  .aaa-wrap-1-2-2 {
    position: relative;
  }

  .bsa-wrap-content-info-1 {
    opacity: 1;
  }

  .brm-wrap-heading-1 {
    padding-right: 0;
  }

  .bsc-wrap-text-2 {
    margin-top: 1em;
  }

  .bqw-f-wrap-b-1 {
    align-items: center;
    width: auto;
    margin-bottom: 3em;
    padding-left: 0;
    position: static;
  }

  .bqv-wrap-link-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bqw-container-1 {
    flex-direction: column;
  }

  .aaa-link-2-2 {
    font-size: 1.4em;
  }

  .bru-heading-1._1, .bru-heading-1._2, .bru-heading-1._3, .bru-heading-1._4, .bru-heading-1._5 {
    font-size: 8vw;
  }

  .bri-wrap-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .bqw-f-b-link-1 {
    text-align: center;
  }

  .container-10 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .social-media-icon-2 {
    min-width: auto;
  }

  .single-footer-column-2 {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-flow: row;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .single-footer-column-2.sm-hidden {
    display: none;
  }

  .footer-columns-d-copy {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1.25fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image-41 {
    height: 70%;
  }

  .subscription-form-block-2 {
    flex-flow: row;
  }

  .button-8 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-category-header-4 {
    padding-bottom: 0;
  }

  .form-7 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: space-between;
    align-items: baseline;
    display: flex;
  }

  .container-11 {
    padding-left: 4em;
    padding-right: 4em;
    display: block;
  }

  .brn-grid-wrap-text-1-2 {
    padding-left: 3em;
    padding-right: 8em;
  }

  .brn-grid-wrap-text-1-2._3 {
    padding-right: 8em;
  }

  .tabs-menu-7 {
    padding-left: 5em;
    padding-right: 5em;
  }

  .brr-two_content-wrap-text-1-2 {
    width: auto;
  }

  .brp-content-text-1-2 {
    font-size: 8em;
  }

  .bsc-wrap-1-3 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bsc-content-heading-1-2 {
    font-size: 10vw;
  }

  .m4_bottom_info.padding-section-large {
    padding-left: 1em;
    padding-right: 1em;
  }

  .h2.large.fade-in-on-scroll {
    font-size: 10vw;
  }

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

  .card-item-content-holder-2 {
    align-self: auto;
    padding-left: 1em;
    padding-right: 1em;
  }

  .hero-paragraph-description-2.gray-dark-paragraph {
    margin-bottom: 0;
    font-size: 18px;
  }

  .main-heading-3 {
    margin-top: 5px;
    font-size: 10vw;
    line-height: 1.3;
  }

  .div-block-44 {
    flex-flow: row;
  }

  .career_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .career_list-text-wrapper {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .bold-text-54 {
    font-size: 42px;
    display: inline-block;
  }

  .collab-section-wrapper {
    background-position: 50%;
    background-repeat: repeat;
  }

  .career-item-line-2 {
    width: 90%;
    top: 51%;
    left: 5%;
  }

  .container-12 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .subtitle.gradient-text-3 {
    padding-top: 2em;
    font-size: 5vw;
  }

  .career-item-line-3 {
    width: 90%;
    top: 55%;
    left: 5%;
  }

  .feature-text-3 {
    max-width: 310px;
    font-size: 29px;
  }

  .feature-box-2 {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 25px;
  }

  .demo-page-text-center-2.mt-10 {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .container-13 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .small-white-text-2.sm-text-sm {
    font-size: 12px;
  }

  .list-6.fade-in-blur-on-scroll {
    list-style-type: none;
  }

  .container-14 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .card-item-content-holder-3 {
    align-self: auto;
  }

  .hero-center-text-2 {
    justify-content: center;
    align-items: center;
    font-size: 40px;
  }

  .slider-image-2.big-height {
    height: 50vh;
  }

  .left-arrow-2 {
    right: 18%;
  }

  .grid-3-col-3 {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .container-15 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .tiny-title-3 {
    padding-bottom: 5px;
  }

  .grid-2-col-4.about {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-columns: 1fr;
  }

  .grid-2-col-4.about.flex-grid {
    grid-column-gap: 1.2em;
    grid-row-gap: 1.2em;
    flex-flow: column-reverse;
    display: flex;
  }

  .grid-2-col-4.about {
    grid-template-columns: 1fr;
  }

  .template-includes-card-2.bg-white.carousel-card.dark-gradient.fade-in-blur-on-scroll {
    height: 100%;
    min-height: 240px;
  }

  .figma-file-image-2.cardimg {
    object-fit: contain;
    border-top-left-radius: 12px;
    height: 100%;
  }

  .figma-file-image-2.cardimg.contain-img._w-1-2 {
    width: 100%;
  }

  .feature-box-3 {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 25px;
  }

  .container-16 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .trusted-item-2 {
    margin-bottom: 3em;
  }

  .grid-6-col-h1-2 {
    grid-template-columns: 1fr 1fr;
  }

  .container-17 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .trusted-item-3 {
    margin-bottom: 3em;
  }

  .container-18, .container-19 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .demo-border-button-2 {
    height: 100%;
  }

  .cta-text-3 {
    font-size: 30px;
  }

  .cta-holder-3 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .container-20 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .bold-text-56 {
    color: #2f2f2f;
  }

  .content-8.bg-white {
    padding: 0;
  }

  .dropdown-toggle-3 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon-12 {
    margin: 0;
    font-size: 12px;
    position: relative;
  }

  .link-16 {
    font-size: 12px;
  }

  .link-16.w--current {
    padding-left: 30px;
    font-size: 12px;
  }

  .hero-text-white {
    font-size: 56px;
  }

  .hero-text-white.center {
    font-size: 40px;
  }

  .container-21 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .trusted-by-text-2 {
    text-align: left;
  }

  .title-big-3.fade-in-blur-on-scroll {
    font-size: 30px;
  }

  .feature-grid-3 {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .feature-grid-3.mt-4.grid-flex.flipped-flex.py-7 {
    margin-top: 0;
  }

  .feature-grid-3.flipped-flex {
    flex-flow: column;
  }

  .feature-grid-3.md-gap-0 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    margin-top: 12.4em;
  }

  .feature-grid-3.center-flex {
    margin-top: 0;
  }

  .financial-text-2 {
    font-size: 16px;
  }

  .container-22, .container-23 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .section-heading-title-2.center-dark-gradient-title.text-left {
    text-align: left;
  }

  .container-24 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .document-image-holder-2 {
    width: 100%;
  }

  .about-grid-3 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
    margin-top: 1em;
  }

  .hero-box-text-2 {
    font-size: 36px;
  }

  .container-25 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .center-heading-2 {
    font-size: 43px;
  }

  .container-26 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .flex-block-9 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .h--63px.text-sum._2xl-h--42px.rotated-mobile-h--42px {
    min-height: 42px;
  }

  .bold-text-58 {
    margin-top: 0;
    display: block;
  }

  .image-49.testinomial-bg-img.style-2 {
    object-fit: contain;
    max-height: 150px;
    bottom: 2%;
  }

  .div-block-50.flex-center.industries-list {
    justify-content: flex-start;
    align-items: center;
  }

  .text-sum.h--42px.xl-h-full {
    min-height: 100%;
  }

  .list-7.fade-in-blur-on-scroll {
    list-style-type: none;
  }

  .financial-text-3 {
    font-size: 16px;
  }

  .bold-text-62 {
    margin-top: 0;
    display: block;
  }

  .list-8.fade-in-blur-on-scroll {
    list-style-type: none;
  }

  .financial-text-4 {
    font-size: 16px;
  }

  .bold-text-64 {
    margin-top: 5em;
    display: block;
  }

  .review-grid {
    grid-column-gap: 24px;
    flex-flow: column;
    grid-template-columns: 2.5fr 1fr;
    display: flex;
  }

  .review-person-title {
    font-size: 14px;
    font-weight: 500;
  }

  .review-text-2 {
    font-size: 18px;
  }

  .review-text-2.text-grey {
    font-size: 33px;
    line-height: 1.4;
  }

  .sub-heading.fade-in-blur-on-scroll {
    font-size: 15px;
    line-height: 1.4;
  }

  .team-lead-grid-2 {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .blog-main-grid-2.case-grid {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .feature-box-4 {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 25px;
  }

  .feature-box-4.how-grp {
    flex-flow: column;
    padding: 40px;
  }

  .feature-text-4 {
    max-width: 310px;
    font-size: 30px;
  }

  .container-27 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .div-block-57 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .grid-item-text-holder-2 {
    align-items: flex-start;
  }

  .feature-grid-4 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .container-28 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .div-block-59 {
    width: 99%;
  }

  .bold-text-71, .bold-text-72 {
    line-height: 1.4;
  }

  .div-block-66.h--63px._2xl-h--42px.mobile-h--75px.rotated-mobile-h-42px {
    height: 42px;
  }

  .div-block-66.h--42px.xl-h-full {
    height: 100%;
  }

  .service-business-flexblock {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-flow: column;
  }

  .why-case-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-privacy-holder-2 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 28px;
    font-weight: 600;
  }

  h4 {
    font-size: 22px;
    font-weight: 600;
  }

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

  h6 {
    font-weight: 500;
  }

  p {
    font-size: 14px;
  }

  blockquote {
    padding: 30px 0;
    font-size: 20px;
  }

  .section.overflow-hidden.work-section.main-h-sec {
    height: 60vh;
  }

  .section.body-white {
    padding-left: 0;
    padding-right: 0;
  }

  .container.big-container {
    padding: 4em 1em;
  }

  .container.no-padding-top {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 1em;
    padding-right: 1em;
  }

  .container.cta {
    padding-bottom: 2em;
  }

  .container._2em-s-top-padding-mobile {
    padding-top: 2em;
  }

  .container.no-top-bottom-padding-mobile {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.no-bottom-padding-mobile {
    padding-bottom: 0;
  }

  .container.medium {
    padding: 8em 2em;
  }

  .container.pricing {
    padding-bottom: 0;
  }

  .container.xl {
    padding-bottom: 11em;
  }

  .container.border-top.fade-in-blur-on-scroll {
    padding-bottom: 150px;
    padding-left: 2em;
    padding-right: 2em;
  }

  .container.fade-in-blur-on-scroll {
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .container.fade-in-blur-on-scroll.pt-6 {
    padding-bottom: 6em;
  }

  .container.grid-sections {
    padding-top: 6em;
    padding-bottom: 10em;
  }

  .container.grid-sections.y-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.center-flex.py-3.case-carousel.industries-carousel {
    padding-left: 0;
    padding-right: 0;
  }

  .container.mb-0 {
    padding-bottom: 0;
  }

  .container.mb-0.mt-8 {
    padding-top: 8em;
  }

  .container.mb-0.mt-8.y-0.py-7 {
    padding-top: 7em;
    padding-bottom: 7em;
  }

  .container.section-heading {
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .container.legal-hero {
    padding-bottom: 3em;
  }

  .container.md-flex {
    flex-flow: column;
  }

  .hero-section {
    min-height: 80vh;
  }

  .hero-section.demo {
    height: 100%;
    min-height: 100%;
  }

  .grid-6-col {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr 1fr;
  }

  .fade-in-on-scroll {
    text-align: center;
  }

  .fade-in-on-scroll.sm-mt-0 {
    padding-top: 0;
  }

  .grid-2-col {
    grid-template-columns: 1fr;
  }

  .utility-page-wrap {
    height: 100%;
    padding-top: 0;
  }

  .utility-page-content {
    padding: 29px;
  }

  .utility-page-form {
    justify-content: space-between;
    padding: 30px;
  }

  .footer {
    text-align: left;
    margin-bottom: 20px;
  }

  .footer-content {
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-items: start;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    display: flex;
  }

  .footer-heading {
    font-size: 18px;
  }

  .footer-heading.subscription {
    text-transform: none;
  }

  .copyright-section {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 1.5em;
  }

  .instructions-image {
    border-radius: 5px;
  }

  .style-guide-title-holder {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .hero-text {
    font-size: 34px;
  }

  .paragraph-m {
    font-size: 16px;
  }

  .style-guide-left-panel {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
  }

  .headings-container {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .grid-holder {
    padding: 1em;
  }

  .paragraph-container {
    width: 100%;
  }

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

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

  .button-holder, .headings-holder {
    padding: 1em;
  }

  .hero-section-secondary {
    min-height: 40vh;
  }

  .hero-text-secondary {
    font-size: 10vw;
  }

  .social-media-icons {
    margin-bottom: 0;
  }

  .social-media-icon {
    min-width: 22px;
  }

  .hero-content {
    align-items: flex-start;
  }

  .input-field.white {
    padding-left: 30px;
    padding-right: 30px;
  }

  .link.link-grey {
    text-align: left;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 1.4;
  }

  .license-box {
    padding-left: 1em;
    padding-right: 1em;
  }

  .client-logo {
    max-width: 110px;
    max-height: 40px;
  }

  .instruction-item {
    padding-left: 1em;
    padding-right: 1em;
  }

  .trusted-by-container {
    padding-bottom: 1em;
  }

  .trusted-by-container.home-3 {
    padding-left: 14px;
    padding-right: 15px;
  }

  .trusted-by-grid-content {
    min-height: auto;
  }

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

  .blog-item-content {
    padding-top: 1em;
    padding-left: .5em;
  }

  .blog-item-title {
    font-size: 20px;
  }

  .blog-category-links-holder {
    flex-flow: wrap;
    grid-auto-columns: 1fr;
  }

  .post-image {
    height: 100%;
  }

  .shop-list {
    grid-row-gap: 2em;
  }

  .add-to-cart-button {
    background-size: 24px;
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
  }

  .category-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .category-list.shop {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    align-items: center;
  }

  .heading-title-holding {
    padding-bottom: 1em;
  }

  .product-other-images {
    margin-top: .5em;
  }

  .product-other-images-list {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .product-other-image-lightbox {
    padding: .5em;
  }

  .product-add-to-cart-default {
    justify-content: center;
    align-items: flex-start;
  }

  .product-add-to-cart-quantity {
    flex-direction: column;
  }

  .order-item-title, .order-item-price {
    font-size: 14px;
  }

  .order-item-full-content {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .order-info-row {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .licensing-instruction-heading {
    font-size: 20px;
  }

  .nav-dropdown-list {
    width: 100vw;
    margin-left: -1em;
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.w--open {
    margin-bottom: 10px;
  }

  .nav-dropdown-list-content {
    padding-left: 1em;
    padding-right: 1em;
  }

  .nav-dropdown-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .nav-dropdown-footer {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 3em;
  }

  .explore-more-grid {
    grid-template-columns: 1fr;
  }

  .small-content {
    padding-bottom: 2em;
  }

  .large-white-text {
    font-size: 30px;
  }

  .text-center.padding-section-large.career-sub-text {
    padding-top: .5rem;
    font-size: 14px;
  }

  .main-logo.bg-black {
    min-width: 30px;
    min-height: 30px;
  }

  .main-logo.bg-black.bg-grey.cookie-close {
    min-width: 20px;
    min-height: 20px;
  }

  .hero-box-tittle {
    padding-left: 20px;
    padding-right: 20px;
  }

  .buy-now-link.flex-left {
    margin-top: 5px;
  }

  .buy-now-link.flex-left.mt-8.cookie-btn {
    padding-right: 20px;
  }

  .feature-text {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .template-includes-card {
    width: auto;
    padding-left: 30px;
    padding-right: 0;
  }

  .feature-box {
    background-image: none;
    flex-flow: column;
    padding: 2em;
  }

  .text-gray-paragraph-holder-2 {
    padding-right: 20px;
  }

  .text-gray-paragraph-holder-2.wrapper-text {
    z-index: 1;
  }

  .template-more-things-grid {
    grid-template-columns: 1fr;
  }

  .text-gray-paragraph-holder {
    padding-right: 0;
  }

  .text-gray-paragraph-holder.holder {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .template-growth-features {
    font-size: 22px;
  }

  .figma-component-library-holder {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .demo-page-link {
    padding-left: 0;
  }

  .name-of-pages-text {
    font-size: 20px;
  }

  .demo-pages-grid {
    grid-template-columns: 1fr;
  }

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

  .template-cards-wrapper {
    width: 270%;
    margin-left: -26px;
  }

  .white-paragraph {
    text-align: center;
    margin-left: 0;
  }

  .template-button-holder {
    grid-column-gap: 14px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }

  .template-section {
    border-radius: 24px;
  }

  .template-card-holder {
    height: 180px;
    padding: 6px;
  }

  .integration-heading {
    text-align: center;
    font-size: 21px;
  }

  .demo-section {
    margin-bottom: 10px;
  }

  .template-footer-holder {
    flex-flow: column;
    justify-content: space-between;
  }

  .hero-description-holder {
    margin-top: 1em;
  }

  .button-view-page {
    height: 30px;
    padding: 5px;
  }

  .black-paragraph.work-description {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .white-text-paragraph-holder {
    width: 100%;
  }

  .quic-stack-box {
    padding-top: 30px;
    padding-left: 20px;
  }

  .quic-stack-box.dark-gray {
    padding-top: 150px;
  }

  .quic-stack-box.blue {
    padding-bottom: 200px;
  }

  .figma-design-image {
    height: 190px;
  }

  .open-cource-image {
    width: 90%;
    max-height: 170px;
  }

  .open-cource-image.top-image {
    width: 100%;
    max-height: 210px;
  }

  .hero-link {
    padding: 6px 6px 6px 12px;
    font-size: 14px;
  }

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

  .style-guide-box-holder {
    padding: 1em;
  }

  .navbar-footer-main-link-holder {
    font-size: 22px;
  }

  .shop-item-title-price {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .product-item-link {
    border-radius: 32px;
  }

  .shop-item-content {
    padding: 1.5em 1em;
  }

  .small-thumbnail-image {
    padding-top: 100%;
  }

  .folders-parent {
    justify-content: center;
  }

  .filter-holder {
    grid-column-gap: 3px;
    grid-row-gap: 15px;
    flex-direction: column;
    align-content: flex-start;
    align-items: center;
    padding: 10px;
  }

  .filter-holder.no-margin-top {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    margin-top: 0;
    display: flex;
  }

  .category-list-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .blog-item-title-2 {
    font-size: 24px;
  }

  .pricing-item {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .pricing-item.active-pricing-item {
    background-color: #fff0;
    border-radius: 32px;
  }

  .list {
    margin-top: 0;
  }

  .white-text {
    color: #fff;
  }

  .heading-3-style {
    font-size: 22px;
  }

  .card-item {
    border-radius: 30px;
  }

  .content-sticky {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .demo-hero-buttons-holder {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .subtitle-overlay-holder {
    height: 36px;
  }

  .center-paragraph {
    font-size: 16px;
  }

  .center-paragraph.gray-paragraph {
    font-size: 20px;
  }

  .show-more-button.w--current {
    min-width: 150px;
  }

  .show-more-button.f2 {
    min-width: 180px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .show-more-button.contact {
    width: 100%;
  }

  .gradient-button-holder {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 2em;
  }

  .gradient-button-holder.fade-in-blur-on-scroll {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .gradient-link {
    width: 100%;
    min-width: 180px;
    height: 100%;
  }

  .gradient-link.gradient-link-with-auto {
    width: auto;
  }

  .button-gradient {
    height: 100%;
  }

  .button-content-holder {
    background-image: none;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 14px;
  }

  .button-content-holder:hover {
    background-position: 93%;
  }

  .link-gradient-text {
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 13px;
    display: flex;
  }

  .gradient-button.demo.cta-btn {
    font-size: 14px;
  }

  .nav-cart-wrapper {
    display: block;
  }

  .cart-item-title {
    font-size: 20px;
  }

  .menu-icon-2 {
    width: 20px;
  }

  .cart-title-2 {
    font-size: 22px;
  }

  .nav-brand-logo {
    max-height: 30px;
  }

  .cart-container-2 {
    border-radius: 0;
  }

  .cart-items {
    min-height: auto;
  }

  .menu-button-2 {
    border: 1px solid var(--transparent);
    background-color: #ad68f300;
    width: 80px;
    height: 47px;
    padding-top: 7px;
  }

  .menu-button-2:hover {
    background-color: #ad68f300;
  }

  .menu-button-2.w--open {
    background-color: var(--secondary);
    border-radius: 8px;
  }

  .menu-button-2.black {
    border-color: var(--text-color);
  }

  .menu-button-2.black.w--open {
    border-radius: 8px;
  }

  .cart-item-image {
    width: 100px;
    height: 100px;
  }

  .cart-number-holder {
    margin-top: 3px;
  }

  .start-button {
    display: none;
  }

  .made-with-holder {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-small-icon {
    bottom: 4.8%;
  }

  .main-hero-container {
    margin-top: 50px;
  }

  .main-heading {
    font-size: 35px;
  }

  .main-heading.h1-hero {
    margin-top: 2em;
    font-size: 12vw;
    font-weight: 700;
  }

  .main-heading.fade-in-on-scroll.margin-top {
    font-size: 12vw;
  }

  .main-heading.bold-white-text {
    font-size: 14vw;
  }

  .product-container {
    border-radius: 0;
    width: 100%;
  }

  .text-center-wrapper {
    z-index: 2;
    align-items: center;
    position: relative;
  }

  .hero-gradient-box {
    border-radius: 0;
  }

  .product-phone-image {
    object-fit: cover;
    object-position: 0% 0%;
    width: 100vw;
    height: 90vh;
  }

  .product-phone-image-holder {
    height: 90vh;
    margin-right: 0;
    padding-left: 22vw;
  }

  .product-phone-content {
    width: 25vh;
    height: 57%;
    margin-left: 5vh;
  }

  .home-hero-container._2 {
    height: 300px;
    margin-top: .5em;
  }

  .home-hero-container.p1 {
    height: 8%;
  }

  .download-buttons.center {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: row;
  }

  .hero-product-demo {
    height: 90vh;
  }

  .hero-paragraph-description.bottom-desctipiont-faq {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-paragraph-description.project-req-w {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .dark-section {
    font-family: Inter, sans-serif;
  }

  .dark-section.overflow-hidden {
    overflow: hidden;
  }

  .center-text.top-margin {
    margin-top: 0;
    margin-bottom: 0;
  }

  .center-text.main-heading {
    font-size: 30px;
  }

  .center-text.sm-mt-0 {
    margin-top: 0;
  }

  .medium-center-text {
    margin-top: -14px;
    font-size: 30px;
    font-weight: 600;
  }

  .medium-center-text.product {
    font-size: 36px;
  }

  .feature-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: -.6em;
    display: flex;
  }

  .card-item-holder.dark {
    flex-flow: column;
    margin-top: 19px;
  }

  .card-item-content-holder {
    text-align: center;
    flex: 0 auto;
    padding: 2em 1.5em;
  }

  .small-text {
    font-size: 26px;
  }

  .effortless-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
    height: 100%;
    margin-top: auto;
    display: flex;
    overflow: hidden;
  }

  .persons-images {
    object-fit: contain;
    object-position: 50% 0%;
    height: 100%;
    margin-top: auto;
  }

  .first-image-holder {
    height: 100%;
    position: static;
  }

  .logo-client-holder._1, .logo-client-holder._2, .logo-client-holder._3, .logo-client-holder._4, .logo-client-holder._5 {
    width: 70px;
    height: 70px;
  }

  .black-section {
    font-family: Inter, sans-serif;
  }

  .black-section.bottom-radius {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .trusted-item {
    text-align: left;
    justify-content: center;
    align-items: center;
  }

  .trusted-item.last {
    font-family: Inter, sans-serif;
  }

  .trusted-item-header {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .trusted-item-header.second {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
  }

  .trusted-no {
    font-size: 36px;
  }

  .trusted-content.trusted-list {
    text-align: left;
    padding-bottom: 0;
  }

  .text-xl {
    font-size: 16px;
  }

  .text-xl.sm-mt-0 {
    margin-top: 0;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .white-heading {
    font-size: 12vw;
  }

  .white-heading.medium {
    font-size: 32px;
  }

  .white-heading.contact-heading {
    font-size: 14vw;
  }

  .grid-7-col {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .card-iphone-wrapp.on-card {
    height: 140vw;
  }

  .card-phone-image-container {
    z-index: 1;
  }

  .bg-home-1-image {
    z-index: 0;
    object-fit: cover;
    inset: 0%;
  }

  .card-holder.on-card.second {
    height: 70vh;
  }

  .persons-image, .large-tabel-image {
    position: static;
  }

  .pay-images {
    height: 30%;
    top: 51%;
    left: 25%;
  }

  .card-item-box-holder {
    height: 230px;
    margin-top: 10px;
  }

  .card-item-box-holder.h--270px {
    min-height: 270px;
  }

  .card-box-holder {
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 240px;
  }

  .grid-testimonial {
    margin-top: 2em;
  }

  .name-white-text {
    text-align: left;
  }

  .blog-collection-grid {
    grid-column-gap: 6em;
    grid-row-gap: 6em;
  }

  .blog-item-text {
    font-size: 20px;
  }

  .cta-text {
    font-size: 32px;
  }

  .cta-holder {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 710px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .person-cta-image-holder._1 {
    position: relative;
    top: 23px;
    bottom: -18%;
  }

  .person-cta-image-holder._2 {
    width: 63px;
    height: 63px;
    position: relative;
    top: -48px;
    bottom: 9%;
    left: 43%;
  }

  .person-cta-image-holder._3 {
    width: 63px;
    height: 63px;
    position: relative;
    top: -110px;
    left: 77%;
  }

  .tabel-cta-holder {
    width: 100%;
    height: auto;
    min-height: 70%;
    position: relative;
    bottom: .8em;
  }

  .ellipses-holder {
    top: -23%;
  }

  .ellipse-right {
    width: 350px;
    height: 350px;
    top: 30%;
    left: 75vw;
    right: auto;
  }

  .ellipse-left {
    width: 320px;
    height: 350px;
    top: 30%;
    left: -60%;
  }

  .dark-bg-images {
    height: 100%;
  }

  .tag-wrapper {
    grid-column-gap: 12px;
    text-align: left;
    justify-content: center;
    align-items: center;
    padding: 6px;
    font-size: 14px;
  }

  .tag-wrapper.f3 {
    justify-content: flex-start;
    width: 80%;
  }

  .tag-wrapper.px--20px {
    text-align: center;
    padding: 4px 14px;
    font-size: 12px;
  }

  .hero-section-work {
    height: 350px;
  }

  .hero-section-work.f2 {
    height: auto;
  }

  .circle._01 {
    width: 500px;
    height: 500px;
    position: absolute;
  }

  .circle._2 {
    z-index: 1;
    width: 380px;
    height: 380px;
  }

  .hero-text-holder-h2.center {
    grid-row-gap: 10px;
  }

  .hero-text-holder-h2.p3 {
    max-width: 100%;
  }

  .hero-button-holder {
    grid-column-gap: 0px;
    flex-direction: column;
  }

  .arrow-icon {
    min-width: 8px;
  }

  .container-work-header {
    width: 100%;
    padding: 2em;
  }

  .hero-circles-holder {
    height: 100%;
  }

  .hero-wrapper {
    grid-row-gap: 20px;
  }

  .hero-text-black {
    font-size: 27px;
  }

  .hero-text-black.center {
    font-size: 36px;
  }

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

  .iphone-screen-image.fetures {
    border-radius: 8px;
  }

  .iphone-holder.home-3 {
    height: 400px;
    top: 10%;
  }

  .iphone-holder.product {
    top: 3%;
  }

  .iphone-holder.features {
    height: 230px;
    left: 35%;
  }

  .iphone-holder.f3 {
    height: 300px;
  }

  .hero-section-paragraph-holder {
    padding-top: 0;
  }

  .hero-text-h2 {
    font-size: 16vw;
  }

  .hero-section-text-holder {
    height: 75vh;
  }

  .hero-text-holder {
    grid-column-gap: 11px;
  }

  .medium-gradient-text {
    font-size: 10vw;
  }

  .person-image-home-2 {
    min-height: 400px;
  }

  .bottom-gradient {
    height: 100%;
  }

  .gradient-text {
    font-size: 26px;
  }

  .gradient-text.purple {
    font-size: 32px;
  }

  .gradient-bg-holder {
    min-height: 250px;
  }

  .expense-tabel-holder {
    width: 90%;
  }

  .tabel-shadow {
    object-fit: contain;
    object-position: 50% 0%;
  }

  .black-bg-box-holder {
    min-height: 440px;
  }

  .invoice-holder {
    min-height: 300px;
  }

  .numbers-image {
    object-fit: cover;
    object-position: 50% 50%;
  }

  .blue-gradient-text {
    text-align: left;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 3rem;
    display: block;
  }

  .blue-gradient-text.fade-in-move-on-scroll {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 10vw;
  }

  .blue-gradient-text.fade-in-move-on-scroll.h-fit {
    font-size: 2vw;
    line-height: normal;
  }

  .blue-gradient-text.heading-generic {
    margin: 5px 0% 0 0;
    font-size: 30px;
  }

  .blue-gradient-text.heading-generic.white-blue-gradient {
    margin-top: 8px;
    margin-left: 0;
    font-size: 25px;
  }

  .icon-holder {
    justify-content: flex-start;
  }

  .title-big {
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
  }

  .title-big._60px {
    font-size: 32px;
  }

  .financial-text-holder {
    width: 100%;
  }

  .grid-item-text-holder {
    grid-row-gap: 0px;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
  }

  .grid-item-text-holder.fade-in-blur-on-scroll.mt-0 {
    margin-bottom: 8em;
  }

  .grid-items-wrapper {
    align-items: stretch;
    margin-top: 0;
  }

  .grid-items-wrapper.last.sm-h-fix {
    min-height: 100%;
  }

  .grid-items-wrapper.last.tablet-pt-2 {
    padding-top: 0;
  }

  .grid-items-wrapper.last-item.mt-grid {
    margin-bottom: 0;
  }

  .grid-items-wrapper.last-item.mt-grid.no-min-h {
    min-height: 0;
  }

  .grid-items-wrapper.last-item.mt-grid.mb-0 {
    margin-bottom: 0;
  }

  .grid-items-wrapper.mb-2 {
    margin-bottom: 4em;
  }

  .financial-text {
    font-size: 14px;
  }

  .feature-grid-2 {
    margin-top: 0;
  }

  .grid-item-text-container {
    align-items: flex-start;
    width: 100%;
  }

  .grid-item-text-container.last {
    margin-top: 5em;
  }

  .grid-item-text-container.last.mt-0 {
    margin-top: 0;
  }

  .tabel-pay-holder.home-3.sm-h-fix {
    min-height: 100%;
  }

  .tabel-pay-holder.home-3.aspect-sq {
    aspect-ratio: 1;
    min-height: 100%;
  }

  .tabel-pay-holder.home-3.mobile-h--200px {
    min-height: 200px;
  }

  .button-browse-holder {
    width: 100%;
  }

  .tabel-pay-image.home-3.last {
    height: 300px;
    top: 25%;
  }

  .tabel-pay-image.home-3.first {
    height: 240px;
    top: 13%;
    left: 12%;
  }

  .tabel-pay-image.h-full.grey-filter {
    border-radius: 7px;
    min-height: 150px;
  }

  .tabel-pay-image.h-full.grey-filter.cover-cen {
    background-position: 50%;
    background-size: auto;
  }

  .pay-image {
    width: 100px;
    height: 100px;
  }

  .medium-text {
    font-size: 28px;
  }

  .plan-number {
    font-size: 90px;
  }

  .payment-tab-holder {
    padding: 30px;
  }

  .list-icon-container {
    width: 15px;
    min-width: 15px;
    min-height: 16px;
    margin-right: 7px;
  }

  .grid-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex;
  }

  .grid-list.about {
    grid-column-gap: 0px;
  }

  .grid-list.business-list {
    margin-bottom: 10px;
  }

  .grid-list.hero-list {
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 14px;
  }

  .grid-list.case-study-grid.mobile-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .tab-grid {
    width: 100%;
    margin-top: 2em;
  }

  .payment-padding {
    grid-column-gap: 30px;
    grid-row-gap: 20px;
  }

  .gradient-link-pricing {
    width: 100%;
    height: 100%;
  }

  .button-gradient-pricing {
    height: 100%;
  }

  .button-content-holder-pricing {
    background-position: 90%;
    padding-left: 12px;
    padding-right: 40px;
    font-size: 14px;
  }

  .button-content-holder-pricing:hover {
    background-position: 93%;
  }

  .medium-payment-text {
    font-size: 32px;
  }

  .stats-image {
    object-position: 50% 50%;
  }

  .home-3-first-bg-image {
    height: 100%;
  }

  .home-3-bg-image {
    right: -1%;
  }

  .bg-image {
    object-fit: contain;
    height: 100%;
  }

  .hero-section-text-holder-home {
    background-color: #000;
    background-image: linear-gradient(#fff, #fff);
    height: 100%;
    min-height: 0;
  }

  .hero-section-text-holder-home.top-margin {
    height: 100%;
    margin-top: 4em;
  }

  .right-bg-image {
    object-fit: cover;
  }

  .product-development-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .tracking-features-holder {
    padding: 40px 30px;
  }

  .tracking-features-holder._2 {
    padding-bottom: 40px;
  }

  .small-gradinet-text {
    font-size: 24px;
  }

  .small-gradient-text {
    font-size: 28px;
  }

  .large-cart-holder {
    top: 12%;
    right: -23%;
  }

  .large-cart-image {
    height: 60%;
  }

  .multi-logo-holder {
    top: 5%;
  }

  .logo-to-use-holder._2 {
    width: 50px;
    height: 50px;
    bottom: 10%;
    left: 31%;
  }

  .logo-to-use-holder._3, .logo-to-use-holder._4 {
    width: 50px;
    height: 50px;
  }

  .logo-to-use-holder._5 {
    width: 50px;
    height: 50px;
    bottom: 26%;
    left: 59%;
  }

  .logo-to-use-holder._6 {
    width: 50px;
    height: 50px;
    bottom: 1%;
    left: 53%;
  }

  .logo-to-use-holder._1 {
    width: 50px;
    height: 50px;
    bottom: 40%;
  }

  .system-dev-grid {
    grid-template-columns: 1fr;
    margin-top: 2em;
  }

  .grid-4-col-home-3 {
    margin-top: 5em;
  }

  .gray-small-text.career-descriptions {
    font-size: 14px;
  }

  .gray-paragraph {
    font-size: 16px;
  }

  .about-text-paragraph-holder {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .bg-grid-image {
    width: 100%;
  }

  .bg-grid-image.aspect-video {
    object-fit: cover;
  }

  .bg-grid-image.obj-contain.aspect-auto {
    aspect-ratio: auto;
  }

  .home-3-button-holder {
    flex-direction: column;
    margin-top: 2em;
  }

  .home-3-button-holder.f3 {
    margin-top: 0;
  }

  .button-with-border {
    min-width: 160px;
  }

  .black-div-overlay {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .left-corner-image-holder {
    height: 20%;
    left: -8%;
  }

  .corner-image, .corner-image.right {
    height: 100%;
  }

  .right-corner-image-holder {
    height: 20%;
    right: -9%;
  }

  .feature-grid-holder {
    margin-top: 1.6em;
  }

  .feature-grid-holder.last {
    margin-top: 6em;
  }

  .feature-grid-holder.last.f2 {
    margin-top: 15em;
  }

  .feature-grid-1.second {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .bold-text {
    font-size: 26px;
  }

  .bold-text.service-heading {
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
  }

  .bold-text.gradient-text {
    max-width: 100%;
    font-size: 8vw;
  }

  .bold-text.gradient-text-simple {
    font-size: 10vw;
  }

  .feature-bg-image, .feature-bg-image.features-2 {
    height: 100%;
  }

  .feature-multi-image {
    object-fit: contain;
    width: 90%;
    left: 5%;
  }

  .feature-multi-image.second {
    width: 80%;
    height: 80%;
    bottom: 16%;
    left: 11%;
  }

  .feature-multi-image.f2 {
    width: 60%;
  }

  .half-text-gradient {
    font-size: 26px;
  }

  .cta-grid {
    flex-direction: column;
    display: flex;
  }

  .cta-grid-holder {
    padding-top: 0;
    padding-bottom: 28px;
  }

  .review {
    padding-top: 0;
  }

  .review-text {
    font-size: 8vw;
  }

  .white-text-review {
    font-size: 16px;
  }

  .features-bottom-gradient.different-in-mobile {
    background-image: linear-gradient(to top, var(--secondary), #fff0);
    background-image: linear-gradient(to top, #0b63a9, #fff0);
  }

  .bold-text-holder {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .first-system-dev-grid {
    grid-template-columns: 1fr;
    margin-top: 4em;
  }

  .optimization-engine-holder {
    margin-top: 2em;
  }

  .person-review-holder.w {
    width: 100%;
  }

  .data-image._2 {
    width: 115px;
    height: 115px;
    top: 52%;
    left: 7%;
  }

  .data-image._2.features-3 {
    width: 200px;
    height: 200px;
    top: 73%;
    left: -4%;
  }

  .data-image._1 {
    width: 115px;
    height: 115px;
    left: 7%;
  }

  .data-image._1.features-1 {
    width: 200px;
    height: 200px;
    left: -4%;
  }

  .data-image._3 {
    width: 115px;
    height: 115px;
    right: 11%;
  }

  .data-image._3.features-2 {
    width: 200px;
    height: 200px;
    right: 0%;
  }

  .data-image._4 {
    width: 115px;
    height: 115px;
    bottom: 16%;
  }

  .data-image._4.features {
    width: 200px;
    height: 200px;
    bottom: -28%;
    right: -1%;
  }

  .paragraph-extra-small {
    font-size: 15px;
  }

  .tabs-menu {
    white-space: nowrap;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 45px;
    margin-bottom: 24px;
    position: static;
  }

  .pricing-tab-holder {
    width: 100%;
    margin-top: 0;
  }

  .pricing-grid-header {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    place-content: center start;
    width: 100%;
  }

  .pricing-grid-2 {
    flex-direction: column;
  }

  .price-holder-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .pricing-header-container {
    width: auto;
    height: auto;
    padding: 20px;
  }

  .pricing-header-container.main {
    padding: 17px;
  }

  .pricing-tab-continaer {
    flex-direction: column;
    grid-template-rows: auto;
    width: 100%;
  }

  .pricing-tabs-holder {
    padding: 11px;
  }

  .plan-button {
    padding: 15px 24px;
    font-size: 18px;
    font-weight: 400;
  }

  .plan-button.price-button {
    white-space: nowrap;
  }

  .tab-link {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .gray-underline {
    display: none;
  }

  .card-title {
    font-size: 24px;
  }

  .features-hero-content-holder {
    grid-row-gap: 30px;
  }

  .features-hero-2 {
    margin-top: 50px;
    font-size: 32px;
    font-weight: 500;
  }

  .big-container {
    padding: 1em;
  }

  .features-hero-holder-2 {
    margin-top: 0;
    margin-bottom: 100px;
    padding-top: 50px;
  }

  .bg-image-f3 {
    height: 400px;
    top: -16%;
  }

  .tabs-menu-2 {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .tabs-menu-2.feature-page {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .gradient-wrapp {
    padding: 1em;
  }

  .active-tab-container._01 {
    width: 100%;
    height: 100%;
    min-height: 300px;
    margin-left: 0;
    padding: 15px 0 0;
  }

  .image-tab-change {
    width: 100%;
  }

  .tab-paragraph {
    font-size: 14px;
  }

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

  .tab-heading {
    font-size: 18px;
  }

  .feature-tab-link, .feature-tab-link.w--current {
    max-width: 100%;
  }

  .small-tab-image {
    width: 50px;
    height: 50px;
  }

  .small-tab-image._2, .small-tab-image._3, .small-tab-image._4, .small-tab-image._1 {
    width: 80px;
    height: 80px;
  }

  .larg-text {
    padding-bottom: 10px;
    font-size: 20px;
    display: flex;
  }

  .icon-text-wrapp {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: flex-start;
  }

  .managment-wrapp {
    margin-top: 0;
  }

  .managment-help-image {
    width: 100%;
    min-height: 300px;
  }

  .container-management-holder {
    justify-content: center;
    align-items: center;
  }

  .grid-2-col-2 {
    grid-template-columns: 1fr;
  }

  .medium-managment-text {
    font-size: 28px;
  }

  .sales-data-image-holder {
    width: auto;
    inset: 0%;
  }

  .company-avatar-circle {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
  }

  .company-avatar-container.up.hide {
    display: none;
  }

  .connect-section-container {
    grid-row-gap: 40px;
  }

  .connect-grid-container {
    grid-column-gap: 15px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section-heading-title {
    text-align: center;
    font-size: 36px;
  }

  .product-item-list-wrapper {
    width: 95%;
  }

  .sales-data-image {
    width: 60%;
    position: relative;
    bottom: 50px;
    left: 70px;
  }

  .center-gradient-title {
    font-size: 24px;
  }

  .center-gradient-title.text-responsive {
    text-align: center;
    font-size: 10vw;
  }

  .faq-heading {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    align-items: flex-start;
  }

  .faq-holder {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .faq-question-text {
    padding-right: 10px;
    font-size: 18px;
  }

  .faq-block {
    border-radius: 15px;
    padding: 0;
  }

  .faq-answer {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
  }

  .faq-content {
    border-radius: 15px;
    padding: 20px;
  }

  .grid-f2-holder {
    width: 400vw;
  }

  .tab-link-category {
    background-image: linear-gradient(#2f2f2f 36%, #2f2f2f00);
  }

  .tab-link-category.right-side {
    background-image: linear-gradient(#2f2f2f 16%, #2f2f2f00);
  }

  .tabs-menu-3 {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .tab-text {
    width: 100%;
  }

  .corner-image-p3-holder {
    top: 53%;
    right: 1%;
  }

  .accordion {
    align-content: flex-end;
    width: 100%;
  }

  .accordion-bottom-wrap {
    margin-top: 5px;
    margin-bottom: 0;
  }

  .accordions-header {
    align-items: flex-start;
  }

  .accordions-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .accordion-bottom-paragraph {
    width: 90%;
  }

  .accordion-header {
    font-size: 22px;
    font-weight: 500;
  }

  .accordion-bottom-gradient {
    margin-top: 5px;
    margin-bottom: 0;
  }

  .slider {
    border-radius: 10px;
    width: 100%;
    height: 100%;
  }

  .left-arrow {
    background-image: linear-gradient(to right, #dec880, #827ded 22%, #ff347d 60%, #827ded);
    width: 30px;
    height: 30px;
    right: 60px;
  }

  .content-text-holder {
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .black-box-holder.about-box {
    padding: 2em 1em;
  }

  .hero-center-text {
    font-size: 36px;
  }

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

  .left-arrow-image {
    width: 27%;
  }

  .slider-holder {
    height: 100%;
  }

  .gradient-text-simple {
    font-size: 40px;
  }

  .map-holder {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    display: flex;
  }

  .mask {
    border-radius: 10px;
  }

  .card-about-content {
    font-size: 20px;
  }

  .right-arrow {
    width: 30px;
    height: 30px;
  }

  .grid-3-col-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .team-lead-member-content {
    margin-left: 5px;
  }

  .white-heading-text {
    font-size: 18px;
  }

  .white-heading-text.fade-in-blur-on-scroll.text-grey {
    line-height: 1.5;
  }

  .team-lead-grid {
    grid-template-columns: 1fr;
  }

  .team-lead-grid.mt-0 {
    margin-top: 0;
  }

  .team-lead-grid.mt-0.sm-gap-0 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .content-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .center-heading {
    font-size: 28px;
  }

  .hero-text-in-grid-holder {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    flex-direction: column;
    display: flex;
  }

  .heading-generic {
    font-size: 25px;
    line-height: 1.4;
  }

  .office-image.case-study-img.obj-cover-center {
    object-position: 50% 50%;
  }

  .investors-holder {
    height: 100%;
    min-height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .investor-text-paragraph-holder {
    text-align: center;
  }

  .medium-about-text {
    align-self: auto;
    font-family: Inter, sans-serif;
    font-size: 10vw;
  }

  .work-with-us-holder {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .work-with-us-container {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr;
  }

  .work-with-us-image-container {
    justify-content: flex-start;
    padding-left: 10px;
  }

  .work-with-us-image-container._1, .work-with-us-image-container._2 {
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .work-with-us-image-container._3 {
    flex-flow: row;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .work-with-us-image-container._4, .work-with-us-image-container._5, .work-with-us-image-container._6 {
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .work-with-us-prod-logo {
    object-fit: contain;
    width: 100%;
    min-width: auto;
    max-width: 60%;
    height: 90px;
    min-height: 20px;
    max-height: none;
  }

  .work-with-us-prod-logo._100width {
    width: 60%;
    max-width: 60%;
  }

  .bold-white-text {
    font-size: 18px;
  }

  .career-item-line {
    width: 90%;
    top: 56%;
    left: 4%;
  }

  .more-info-holder {
    padding-left: 1em;
    padding-right: 1em;
  }

  .career-item-title {
    font-size: 22px;
  }

  .center-text-container {
    width: 100%;
    margin: 3em 0 2em;
  }

  .arrow-holder {
    width: 40px;
    height: 40px;
    margin-left: 10px;
  }

  .accordion-button {
    min-width: auto;
  }

  .accordion-button.rounded-primary-color-button, .accordion-button.primary-color-button {
    margin-left: 0;
  }

  .white-accordion-text {
    font-size: 14px;
  }

  .pricing-table-main-holder {
    margin-top: 0;
    margin-bottom: 1em;
  }

  .card-item-features.dark.right-radius {
    border-radius: 20px;
  }

  .card-item-content-paddings {
    padding-top: 1em;
  }

  .product-item-header {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
  }

  .blog-heading {
    font-size: 36px;
  }

  .blog-heading.text-black.text-base.fade-in-blur-on-scroll.case-headiing {
    font-size: 32px;
    line-height: 1.4;
  }

  .white-large-text {
    font-size: 22px;
  }

  .blog-main-grid {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
  }

  .blog-main-image {
    min-height: 350px;
  }

  .gradient-main-form-holder {
    padding: 20px;
  }

  .blog-small-text {
    font-size: 28px;
  }

  .blog-text-holder.py-7 {
    margin-bottom: 0;
  }

  .blog-text {
    font-size: 26px;
  }

  .blog-privacy-holder {
    width: 100%;
    height: 100%;
    padding: 20px 20px 100px;
  }

  .text-field {
    background-color: var(--background-box-color);
    text-align: justify;
    font-family: Inter, sans-serif;
    font-size: 12px;
  }

  .submit-button-container.space {
    margin-top: auto;
  }

  .submit-button {
    height: 40px;
  }

  .privacy-policy-sticky {
    height: 100%;
    min-height: 420px;
  }

  .hero-shop-heading {
    font-size: 36px;
  }

  .shop-filter-gradient-holder {
    width: 180px;
    margin-right: 0;
  }

  .shop-category-item-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .add-to-cart-holder {
    width: 200px;
  }

  .open-roles-cta {
    background-image: url('../images/black-layer.svg'), linear-gradient(to top, #0000, #dcacff 1%, #ad68f3 50%, #2b2883 80%, #0c0c0c);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
    border-radius: 12px;
    padding-bottom: 24px;
  }

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

  .open-roles-illustation {
    z-index: -1;
    width: 250px;
    bottom: -20%;
  }

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

  .white-title {
    font-size: 40px;
  }

  .number-406 {
    margin-left: -20px;
    margin-right: -20px;
  }

  ._404-coin-image {
    top: 0;
  }

  .paragraph-button-holder {
    margin-top: 3em;
  }

  ._404-button-holder {
    width: 100%;
  }

  .light-gray-text {
    font-size: 14px;
  }

  .cart-line-item {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
  }

  .main-nav-link.white-nav-link {
    padding-right: 0;
  }

  .grid-images {
    border-radius: 7px;
  }

  .feature-images-grid-holder {
    width: 200vw;
    min-width: 200vw;
  }

  .feature-app-carousel {
    width: 200%;
  }

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

  .feature-app-carousel-holder {
    margin-bottom: 3em;
  }

  .hero-text-home-1._2, .hero-text-home-1._1 {
    font-size: 20vw;
  }

  .product-phone-image-holder-h1 {
    margin-right: 0;
  }

  .product-container-h1 {
    border-radius: 40px;
    width: 100%;
  }

  .hero-gradient-box-h1 {
    background-image: url('../images/Gradient-Test.png');
    background-size: cover;
    border-radius: 0;
  }

  .product-phone-content-h1 {
    width: 27.2vh;
    margin-left: 6vh;
  }

  .hero-v2-circles-holder {
    height: 500px;
  }

  .gray-light-paragraph {
    margin-bottom: 0;
  }

  .gray-paragraph-f3 {
    font-size: 18px;
  }

  .first-content {
    order: -1;
  }

  .notification-button-holder {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .multi-element-holder {
    justify-content: center;
    align-items: center;
  }

  .dropdown-list {
    border: 1px solid var(--secondary);
    border-radius: 4px;
  }

  .category-small-container.no-margins {
    z-index: 9;
    align-self: flex-start;
  }

  .dropdown.category {
    width: 100%;
  }

  .nav-dark {
    background-color: #000;
    border: 0 #000;
    display: block;
  }

  .nav-link-2 {
    display: none;
  }

  .nav-link-2.logo, .nav-link-2.account {
    display: block;
  }

  .nav-link-2.search {
    display: none;
  }

  .mobile-burger {
    display: flex;
  }

  .copyright-container {
    max-width: none;
  }

  .main.fade-in-blur-on-scroll {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 2em;
    padding-right: 2em;
  }

  .heading-4 {
    font-size: 35px;
  }

  .heading-4.privacy-h3 {
    margin-top: 50px;
    font-size: 30px;
  }

  .horizontal-line.faq-line {
    width: 100%;
  }

  .heading-7.privacy-h2 {
    font-size: 35px;
  }

  .paragraph-4.d-table {
    display: table-column;
  }

  .paragraph-4.text-small {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 14px;
  }

  .paragraph-4.text-small.text-center.sec-subtitle {
    font-size: 15px;
  }

  .paragraph-4.text-small._w--70.sec-subtitle {
    width: 100%;
    font-size: 15px;
  }

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

  .paragraph-6.logos-disclaimer {
    text-align: left;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-block-8 {
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    display: flex;
  }

  .bold-text-11 {
    font-size: 25px;
  }

  .button-3.white {
    margin-left: 0;
  }

  .form-2 {
    margin-left: 0;
    font-family: Inter, sans-serif;
  }

  .image-21 {
    min-width: 22px;
  }

  .container-3 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .medium-gradient-text-2 {
    font-size: 28px;
  }

  .center-paragraph-2 {
    font-size: 16px;
  }

  .center-paragraph-2.gray-light-paragraph {
    font-size: 22px;
  }

  .hero-gradient-box-2 {
    border-radius: 0;
  }

  .main-heading-2 {
    font-size: 35px;
  }

  .background-video {
    height: 100%;
  }

  .div-block-9 {
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr 1fr;
  }

  .gray-dark-paragraph {
    font-size: 16px;
  }

  .gray-dark-paragraph.left-paragraph, .gray-dark-paragraph.left-paragraph.text-sum {
    font-size: 14px;
  }

  .footer-container {
    padding-left: 2em;
    padding-right: 2em;
  }

  .center-dark-gradient-title {
    text-align: center;
    font-size: 30px;
    line-height: 1.3;
  }

  .flex-block-4 {
    width: 100%;
  }

  .flex-block-5 {
    flex-flow: column;
    align-items: flex-start;
  }

  .div-block-12 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-block-14 {
    top: 40%;
  }

  .div-block-16 {
    height: 100%;
  }

  .greeting.medium-gradient-text-2 {
    font-size: 62px;
  }

  .zoom-header.right {
    padding-left: 0;
  }

  .svg {
    box-shadow: inset 0 0 0 2px #eff7ff, 0 0 0 70vh #eff7ff;
  }

  .background-video-2 {
    aspect-ratio: auto;
    object-fit: fill;
    position: relative;
    inset: auto;
  }

  .div-block-18 {
    width: 100%;
    height: 300px;
    position: relative;
  }

  .image-27 {
    height: 90px;
  }

  .marquee_wrap {
    width: 800vw;
  }

  .dynamic-marquee_logo-list {
    width: 400vw;
  }

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

  .clients-grid.logo-animate {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 26px;
  }

  .client-logo-2, .client-logo-3 {
    object-position: 0% 50%;
  }

  .accordion-label.show-mvp {
    font-size: 60px;
  }

  .full-container {
    text-align: left;
    font-family: Inter, sans-serif;
  }

  .marquee-infinite-slide-wrapper {
    padding-top: 5rem;
  }

  .marquee-infinite-slide-block {
    width: 50%;
  }

  .change-text-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: stretch;
  }

  .text-change-wrapper {
    width: 100%;
    height: 48px;
    margin-top: 10px;
    padding-left: 0;
    font-family: Inter, sans-serif;
    font-size: 48px;
  }

  .text-change-mover {
    text-align: left;
    width: 100vw;
    font-family: Inter, sans-serif;
    font-size: 50px;
  }

  .text-change {
    font-size: 19px;
    line-height: 48px;
  }

  .div-block-22.fade-in-move-on-scroll {
    flex-flow: column;
  }

  .div-block-23 {
    margin-left: auto;
    margin-right: auto;
  }

  .text {
    padding: 30px;
    font-size: 20vw;
  }

  .container-5 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .grid-2-col-3 {
    grid-template-columns: 1fr;
  }

  .huge-heading {
    max-width: none;
    font-size: 12vw;
    inset: auto 5px 0%;
  }

  .section-1 {
    padding-left: 10px;
  }

  .section-grid {
    margin-top: 40px;
    margin-right: 30px;
  }

  .blank-column {
    display: none;
  }

  .section-15 {
    padding-left: 10px;
  }

  .cta-content {
    max-width: 100vw;
  }

  .sticky-menu {
    flex-flow: column;
    flex: 0 auto;
    justify-content: space-between;
    max-width: none;
    margin-top: 0;
    overflow: auto;
  }

  .section-8 {
    padding-left: 10px;
  }

  .container-6 {
    padding-left: 28px;
    padding-right: 28px;
    overflow: visible;
  }

  .text_left {
    padding-bottom: 20px;
    padding-right: 0;
    font-size: 28px;
  }

  .block {
    padding: 28px 32px 32px;
    font-size: 24px;
    top: 24%;
  }

  .block._1 {
    top: 20%;
  }

  .block._3 {
    top: 28%;
  }

  .block._4 {
    top: 32%;
  }

  .block._2 {
    top: 24%;
  }

  .block-title {
    margin-top: 10px;
  }

  .container-7 {
    padding-left: 28px;
    padding-right: 28px;
    overflow: visible;
  }

  .c-scroll-down {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .card-details {
    font-size: .9em;
    line-height: 1.2em;
  }

  .card-subtitle {
    font-size: 1.3em;
    line-height: 1em;
  }

  .c-intro {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .card-title-2 {
    font-size: 2.5em;
  }

  .sliding-card.sc-4 {
    top: 200px;
  }

  .sliding-card.sc-3 {
    top: 140px;
  }

  .sliding-card.sc-2 {
    top: 80px;
  }

  .sliding-card.sc-5 {
    top: 260px;
  }

  .header-2 {
    font-size: 3em;
    line-height: 1.2em;
  }

  .c-card-content-divider {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  ._w-card {
    margin-bottom: 40px;
    padding: 20px;
  }

  .description {
    font-size: 1em;
    line-height: 1.3em;
  }

  .card_number {
    font-size: .8rem;
  }

  .card_number-circle {
    width: 1.5rem;
    height: 1.5rem;
  }

  .c-card._4 {
    top: 200px;
  }

  .c-card._3 {
    top: 140px;
  }

  .c-card._2 {
    top: 80px;
  }

  .c-card._5 {
    top: 260px;
  }

  .container-8 {
    text-align: left;
    padding-left: 2em;
    padding-right: 2em;
  }

  .content-container.px-0 {
    padding-top: 20px;
  }

  .apple-grid-block.mobile-portrait-hidden {
    display: none;
  }

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

  .flipcard-wrapper, .flipcard-front.flipcard-privacy, .flipcard-front.flipcard-tech, .flipcard-front.flipcard-integrity, .flipcard-front.flipcard-social {
    height: 300px;
  }

  .flipcard-back {
    height: 300px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .flipcard-back.flip-card-back-top {
    height: 300px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 20px;
  }

  .flipcard-back-title {
    margin-bottom: 0;
    font-size: 20px;
  }

  .div-block-27.title-big {
    max-width: 100%;
    margin-left: 0;
    margin-right: 1em;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10vw;
    top: 70%;
    bottom: 0%;
    left: 0;
  }

  .div-block-28 {
    font-size: 14px;
  }

  ._12-column-grid {
    width: 260%;
  }

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

  .nav-logo {
    display: block;
  }

  .main-nav {
    padding-left: 0;
    padding-right: 0;
  }

  .brand, .brand.w--current {
    max-width: 60%;
    padding-left: 15px;
  }

  .background-video-8 {
    object-fit: contain;
  }

  .flip-card-text {
    font-size: 16px;
  }

  .div-block-30 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .heading-18.main-heading {
    margin-top: 5px;
    margin-bottom: 1px;
    font-size: 18px;
    line-height: 1.2;
  }

  .section-tag-container {
    margin-bottom: 0;
  }

  .text-block-12 {
    color: var(--highlight);
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.5;
  }

  .extras {
    flex-flow: column;
  }

  .legal {
    flex-flow: column;
    display: block;
  }

  .footer-2, .footer-columns-d {
    display: block;
  }

  .site-map {
    flex-wrap: wrap;
    font-size: 12px;
  }

  .copyright-and-site-map {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .line-vertical {
    width: 100%;
    height: 1px;
  }

  .line-vertical.turned-horizontal {
    width: 5rem;
    height: 1px;
  }

  .faq-radio-button {
    width: 10px;
  }

  .footer-bottom.text-size-small {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: row;
    align-items: flex-start;
  }

  .search-icon {
    left: 4%;
  }

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

  .radio-text {
    text-align: left;
    width: 100%;
    margin-left: 1.5rem;
  }

  .image-holder {
    height: 100%;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

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

  .image-small {
    width: 100%;
    height: auto;
  }

  .faq-type-item {
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem;
    display: flex;
  }

  .timings-grid {
    flex-direction: column;
  }

  .faq-types-wrapper-grid {
    flex-direction: column;
    margin-top: 12rem;
    display: flex;
  }

  .faq-types-wrapper-grid.fade-in-on-scroll {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 12rem;
    display: grid;
  }

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

  .heading-3.serif-font {
    text-align: center;
  }

  .footer4_links {
    flex-flow: wrap;
    align-items: flex-start;
  }

  .search-field.text-size-medium {
    font-size: 1rem;
  }

  .faq-circle.job-icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
  }

  .faq-paragraph {
    font-size: 16px;
  }

  .question-title {
    flex: 0 auto;
    font-size: 18px;
  }

  .gray-section.top-margin-l {
    padding-top: 8em;
  }

  .popup-text {
    margin-bottom: 25px;
  }

  .upgrade-row {
    flex-direction: column;
  }

  .pricing-box {
    width: 100%;
    margin-bottom: 50px;
    display: block;
  }

  .popup-container {
    margin-bottom: 70px;
    padding-bottom: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-35 {
    margin-top: -23px;
  }

  .div-block-37, .div-block-38 {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .centered_w1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-link-3 {
    font-size: 7vw;
  }

  .navbar7_dropdown-link {
    padding-left: 0;
  }

  .navbar7_dropdown-content-left {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-heading-medium {
    font-size: 8vw;
  }

  .brk-wrap-1 {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .brn-grid-wrap-pic-1._3 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .aaa-section-class-1 {
    font-size: 2.5vw;
    overflow: hidden;
  }

  .bqw-wrap-a-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bsc-link-3-1 {
    font-size: 1.3em;
  }

  .brt-wrap-content-2 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .aaa-text-8-2 {
    font-size: 2em;
  }

  .brj-wrap-text-1, .brj-wrap-text-1._2, .brj-wrap-text-1.brs, .brj-wrap-text-1._3 {
    padding-left: 0;
    padding-right: 0;
  }

  .fondo {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .aaa-text-5-2 {
    font-size: 2em;
  }

  .brq-tabs-wrap-text-1._2 {
    width: 20em;
  }

  .brq-tabs-wrap-text-1._4 {
    margin-left: 7.3em;
  }

  .brq-tabs-wrap-text-1._3 {
    border-bottom-style: none;
    width: 18em;
    margin-left: 4.8em;
  }

  .bqz-wrap-tabs-laterales-1 {
    display: none;
  }

  .aaa-icon-2 {
    height: 3em;
  }

  .brk-container-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .brs-4-tab-grid-1 {
    grid-template-rows: auto auto;
  }

  .bsc-content-wrap-heading-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .bqw-b-1-wrap-2, .brs-wrap-2 {
    padding-right: 0;
  }

  .brm-container-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .section-class {
    font-size: 2.5vw;
    overflow: hidden;
  }

  .container-wrapper-dark {
    padding-left: 1em;
    padding-right: 1em;
  }

  .container-wrapper-dark.tabscolors-2, .container-wrapper-dark._1, .container-wrapper-dark.tabscolors, .container-wrapper-dark.tabscolors {
    padding-left: 0;
    padding-right: 0;
  }

  .bsa-guias-1 {
    height: 50vh;
    display: none;
  }

  .aaa-heading-3-2, .aaa-paragraph-1-2 {
    font-size: 2em;
  }

  .brl-wrap-name-1._5 {
    bottom: 10%;
    left: 23%;
  }

  .brl-wrap-name-1._1 {
    bottom: 74%;
    left: 23%;
  }

  .brl-wrap-name-1._7 {
    left: 2%;
  }

  .brl-wrap-name-1._6 {
    bottom: 18%;
    left: 56%;
  }

  .brl-wrap-name-1._4 {
    bottom: 19%;
    left: 14%;
  }

  .brl-wrap-name-1._3 {
    bottom: 81%;
  }

  .brl-wrap-name-1._2 {
    bottom: 84%;
    left: 36%;
  }

  .brq-tabs-content-1 {
    background-size: contain;
    padding-top: 2em;
  }

  .brq-decor-1 {
    margin-right: 15em;
  }

  .brq-decor-1._3 {
    margin-right: 0;
  }

  .brq-decor-1._4 {
    margin-left: 12.7em;
    margin-right: 0;
  }

  .brq-decor-1._2 {
    margin-right: 10em;
  }

  .bsa-pic-83 {
    height: 20em;
  }

  .brz-guia-move {
    height: 50vh;
    display: none;
  }

  .brm-wrap-1 {
    padding-right: 0;
  }

  .brs-grid-pic-1 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .bqz-wrap-descrption-1 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .brp-wrap-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .aaa-link-1-2, .aaa-link-5-2 {
    font-size: 2em;
  }

  .brr-wrap-info-pic-1 {
    padding-right: 3em;
  }

  .aaa-grid-2-2 {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .brj-wrap-pic-1 {
    padding-bottom: 2em;
  }

  .brv-b-grid-wrap-1 {
    width: 100%;
  }

  .bqu-text-1 {
    font-size: 1.2em;
  }

  .brt-content-wrap-1, .brt-content-wrap-1._5 {
    padding-left: 0;
    padding-right: 0;
  }

  .brt-content-wrap-1._2 {
    padding-left: 0;
  }

  .bqv-wrap-tagline-1 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .brv-wrap-d-1 {
    padding-left: 4em;
    padding-right: 4em;
  }

  .brs-4-tab-des--1-bar-1-1 {
    width: 20em;
  }

  .bqz-wrap-contents-tab1-1 {
    -webkit-text-fill-color: inherit;
    cursor: auto;
    mix-blend-mode: normal;
    object-fit: fill;
    background-clip: border-box;
    font-weight: 400;
    position: static;
  }

  .aaa-text-10-2, .aaa-text-9-2 {
    font-size: 2em;
  }

  .bsa-wrap-chicle-1 {
    position: relative;
  }

  .bqu-link-1 {
    font-size: 1.2em;
  }

  .brt-pic-1 {
    display: none;
  }

  .brv-a-wrap-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .aaa-text-1-2, .ghj-text-1-2 {
    font-size: 2em;
  }

  .brn-grid-wrap-text-1, .brn-grid-wrap-text-1._3 {
    padding-right: 3em;
  }

  .bro-pic-1 {
    padding-top: 10em;
    padding-bottom: 3em;
  }

  .aaa-decor-4-2 {
    background-position: 100%;
    align-items: center;
  }

  .aaa-text-7-2 {
    font-size: 2em;
  }

  .tabs-menu-5 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .section-class-2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 2.5vw;
  }

  .section-class-2._2 {
    overflow: hidden;
  }

  .brk-wrap-2-1 {
    width: auto;
  }

  .brv-b-wrap-grid-1 {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .ghj-decor-1-2 {
    padding-left: .7em;
    padding-right: .7em;
    display: none;
  }

  .brj-wrap-heading-1, .brj-wrap-heading-1.brr, .brj-wrap-heading-1.brs {
    padding-left: 0;
    padding-right: 0;
  }

  .bqu-wrap-a-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .bqu-wrap-a-1._2.projects {
    height: 20em;
  }

  .bqu-wrap-a-1.projects {
    height: 20em;
    padding-left: 0;
    padding-right: 0;
  }

  .brj-heading-1 {
    font-size: 10vw;
  }

  .brj-heading-1.brs {
    font-size: 4em;
  }

  .brj-heading-1.title-color-1, .brj-heading-1.titlecolor-2, .brj-heading-1.title-color-3, .brj-heading-1.title-color-4 {
    font-size: 10vw;
  }

  .bsa-pic-1 {
    opacity: 0;
  }

  .bri-heading-1 {
    font-size: 8vw;
  }

  .ghj-wrap-2 {
    padding-right: 1em;
  }

  .brj-wrap-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .bqz-text-description-1 {
    text-align: center;
  }

  .bqw-b-1-wrap-3 {
    padding-right: 4em;
  }

  .aaa-wrap-8-2 {
    flex-wrap: wrap;
  }

  .brz-a-wrap-pic-1 {
    width: auto;
    margin-bottom: 3em;
  }

  .brs-grid-2 {
    padding-right: 0;
  }

  .brv-wrap-stiky-1 {
    height: auto;
  }

  .brp-container-1, .brl-container-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .tab-pane-tab-2 {
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-clip: border-box;
    font-weight: 400;
    position: relative;
  }

  .brp-content-text-1 {
    font-size: 4em;
  }

  .bro-absolute-wrap-text-1 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .bsc-selection-2 {
    font-size: 2.5vw;
  }

  .container-wrapper {
    padding-top: 3em;
  }

  .aaa-text-2-2 {
    font-size: 2em;
  }

  .container-class {
    padding-left: 2em;
    padding-right: 2em;
  }

  .brv-guia-1 {
    display: none;
  }

  .container-class-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .bri-container-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .brv-b-grid-link-ind-1 {
    flex-direction: column;
  }

  .brk-wrap-1-1 {
    width: auto;
    margin-bottom: 4em;
    margin-right: 0;
  }

  .bqv-wrap-heading-1, .bqv-wrap-heading-1._2 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .aaa-text-3-2, .ghj-link-1 {
    font-size: 2em;
  }

  .bqu-heading-1.small-white-text {
    font-size: 2.2em;
    line-height: 1.1em;
  }

  .aaa-text-4-2 {
    font-size: 2em;
  }

  .bsc-menu-open {
    font-size: 2.5vw;
  }

  .bqu-grid-1.projects {
    grid-row-gap: 2em;
    width: 100%;
  }

  .aaa-link-block-2-2 {
    height: 7em;
  }

  .brt-wrap-pic-1 {
    background-image: url('../images/processing_fallback__ei2ahsxgp7qu_large.jpeg');
    background-position: 0 0;
    background-size: cover;
    height: 50vh;
  }

  .brq-wrap-tabs-1 {
    height: 38em;
  }

  .bqw-b-wrap-1 {
    padding-top: 0;
  }

  .brt-wrap-content-1 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .brt-wrap-content-1.fade-in-blur-on-scroll {
    border-radius: 10px;
    height: 40vh;
  }

  .brs-grid2-grid-1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .aaa-icon-3 {
    height: 1.5em;
  }

  .bqu-wrap-1, .brq-section1 {
    padding-left: 0;
    padding-right: 0;
  }

  .bro-section-1 {
    padding-bottom: 5em;
  }

  .brz-container-1 {
    flex-direction: column;
  }

  .brv-b-grid-wrap-link-ind-1 {
    align-items: stretch;
  }

  .aaa-link-3-2 {
    font-size: 2em;
  }

  .aaa-decor-3 {
    left: -1%;
  }

  .text-block-4 {
    font-size: 4em;
  }

  .bsa-content-info-1-wrap-1._2 {
    bottom: 99%;
  }

  .bsa-content-info-1-wrap-1._4 {
    bottom: -30%;
  }

  .bsa-content-info-1-wrap-1._3 {
    bottom: -50%;
  }

  .bsc-selection-1 {
    width: 100vw;
    font-size: 2.5vw;
    overflow: hidden;
  }

  .ghj-icon-2-2 {
    height: 1.4em;
  }

  .brr-wrap-two_content-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .aaa-icon-1-2 {
    width: 3em;
  }

  .bsc-content-wrap-text-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .ghj-icon-1-2 {
    height: 1.6em;
  }

  .bsc-content-heading-1 {
    font-size: 4.5em;
    line-height: 1.2em;
  }

  .bsc-content-heading-1.fade-in-move-on-scroll {
    font-size: 12vw;
  }

  .bqz-wrap-tabs-center-1 {
    width: 100%;
    padding-left: 3em;
    padding-right: 3em;
  }

  .bro-absolute-a-1, .bro-absolute-a-1._2 {
    padding-left: 0;
  }

  .brm-wrap-heading-1 {
    padding-right: 0;
  }

  .aaa-link-2-2 {
    font-size: 2em;
  }

  .bru-heading-1._1, .bru-heading-1._2, .bru-heading-1._3, .bru-heading-1._4, .bru-heading-1._5 {
    font-size: 10vw;
  }

  .form-4, .form-5 {
    font-family: Inter, sans-serif;
  }

  .footer-category-item-2._w-full, .footer-category-item-2._w-full.w--current {
    width: 100%;
  }

  .footer-category-item-2._w-full.d-block {
    opacity: .87;
    margin-bottom: 10px;
    display: block;
  }

  .social-media-icon-2 {
    min-width: 22px;
  }

  .single-footer-column-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 20px;
  }

  .single-footer-column-2.sm-hidden {
    display: block;
  }

  .single-footer-column-2.sm-block {
    display: none;
  }

  .footer-columns-d-copy {
    display: block;
  }

  .form-6 {
    font-family: Inter, sans-serif;
  }

  .image-40 {
    min-width: 22px;
  }

  .image-41 {
    height: 60%;
  }

  .subscription-form-block-2 {
    margin-right: 0;
  }

  .text-field-7.email-footer {
    padding-top: 0;
    padding-bottom: 0;
  }

  .button-8 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-category-header-4 {
    padding-bottom: 0;
  }

  .single-footer-category-3 {
    justify-content: center;
    align-items: stretch;
  }

  .form-7 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: space-between;
    font-family: Inter, sans-serif;
    display: flex;
  }

  .contact-form-container {
    background-image: url('../images/black-layer.svg'), linear-gradient(0deg, #0000, #dcacff 1%, #ad68f3 50%, #2b2883 80%, #0c0c0c);
    background-position: 0 0, 0 0;
    background-size: cover, auto;
    border-radius: 12px;
    padding-bottom: 24px;
  }

  .container-11 {
    text-align: left;
    padding-left: 2em;
    padding-right: 2em;
  }

  .brn-grid-wrap-text-1-2, .brn-grid-wrap-text-1-2._3 {
    padding-right: 3em;
  }

  .tabs-menu-7 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .brp-content-text-1-2 {
    font-size: 4em;
  }

  .bsc-content-heading-1-2 {
    font-size: 12vw;
    line-height: 1.2em;
  }

  .grid.fade-in-on-scroll {
    grid-template-columns: 1fr;
  }

  .h2 {
    font-size: 3rem;
  }

  .h2.large.fade-in-on-scroll {
    font-size: 12vw;
  }

  .title-big-2 {
    font-size: 26px;
  }

  .card-item-content-holder-2 {
    text-align: center;
    padding: 2em 1.5em;
  }

  .faq-button-wrapper {
    padding: 10px;
  }

  .text-block-29, .text-block-30, .text-block-31, .text-block-32 {
    font-size: 14px;
  }

  .hero-paragraph-description-2.gray-dark-paragraph {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 16px;
  }

  .hero-button-text-2 {
    font-size: 16px;
  }

  .main-heading-3 {
    margin-top: 6px;
    font-size: 12vw;
    line-height: 1.2;
  }

  .main-heading-3.hero-white-heading {
    color: #fff;
    line-height: .9;
  }

  .main-hero-container-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-gradient-box-3 {
    border-radius: 0;
  }

  .text-center-wrapper-2 {
    z-index: 2;
    align-items: center;
    position: relative;
  }

  .corner-image-2, .corner-image-2.right {
    height: 100%;
  }

  .div-block-44 {
    flex: 0 auto;
  }

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

  .career_list-text-wrapper {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section-13 {
    padding-left: 10px;
  }

  .heading-22 {
    font-size: 26px;
  }

  .bold-text-54 {
    font-size: 36px;
  }

  .call-to-action {
    padding-left: 10px;
  }

  .collab-section-wrapper {
    background-position: 50%;
    background-size: cover;
  }

  .career-item-line-2 {
    width: 90%;
    top: 54%;
    left: 4%;
  }

  .white-heading-2 {
    font-size: 36px;
  }

  .white-heading-2.medium {
    font-size: 32px;
  }

  .container-12 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .subtitle.gradient-text-3 {
    padding-top: 2em;
    font-size: 8vw;
  }

  .career-item-line-3 {
    top: 57%;
  }

  .hero-gradient-box-4 {
    border-radius: 0;
  }

  .feature-text-3 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .feature-box-2 {
    background-position: 50% 94%;
    background-size: auto 160px;
    padding: 2em 2em 200px;
  }

  .feature-box-2.fade-in-blur-on-scroll {
    padding-bottom: 300px;
  }

  .container-13 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .small-white-text-2 {
    font-size: 14px;
    font-weight: 400;
  }

  .small-white-text-2.text-grey {
    font-size: 14px;
  }

  .small-white-text-2.text-grey.small-font {
    font-size: 11px;
  }

  .small-white-text-2.sm-text-sm {
    font-size: 12px;
  }

  .list-6.fade-in-blur-on-scroll {
    font-size: 14px;
    list-style-type: none;
  }

  .list-6.fade-in-blur-on-scroll.box-list-white {
    font-size: 14px;
    line-height: 1.4;
  }

  .cta-text-2 {
    font-size: 32px;
  }

  .tabel-cta-holder-2 {
    width: 100%;
  }

  .black-div-overlay-2 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .cta-holder-2 {
    min-height: 440px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .black-section-2.bottom-radius {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .container-14 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .container-14.cta {
    padding-bottom: 2em;
  }

  .card-item-content-holder-3 {
    padding: 2em 1.5em;
  }

  .small-text-2 {
    font-size: 26px;
  }

  .hero-center-text-2 {
    font-size: 36px;
  }

  .right-arrow-2 {
    width: 30px;
    height: 30px;
  }

  .card-about-content-2 {
    font-size: 20px;
  }

  .gradient-text-simple-2 {
    font-size: 40px;
  }

  .slider-image-2 {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    height: 330px;
  }

  .slider-image-2.big-height {
    height: 30vh;
  }

  .map-holder-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    display: flex;
  }

  .left-arrow-2 {
    background-image: linear-gradient(to right, #dec880, #827ded 22%, #ff347d 60%, #827ded);
    width: 30px;
    height: 30px;
    right: 60px;
  }

  .grid-3-col-3 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .container-15 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .tiny-title-3 {
    padding-bottom: 2px;
    font-size: 14px;
  }

  .grid-list-2 {
    flex-direction: column;
    display: flex;
  }

  .grid-2-col-4 {
    grid-template-columns: 1fr;
  }

  .grid-2-col-4.about {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
  }

  .grid-2-col-4.about.flex-grid {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    flex-flow: column-reverse wrap-reverse;
    display: flex;
  }

  .template-includes-card-2 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .template-includes-card-2.bg-white.carousel-card.dark-gradient.fade-in-blur-on-scroll {
    height: 100%;
    min-height: 240px;
  }

  .template-includes-card-2._1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .figma-component-library-holder-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    width: auto;
    padding: 20px;
  }

  .figma-file-image-2.cardimg {
    object-fit: contain;
    border-radius: 12px;
    height: 100%;
    margin-top: 0;
  }

  .figma-file-image-2.cardimg.contain-img {
    border-radius: 6px;
  }

  .figma-file-image-2.cardimg.contain-img.border-bold {
    border-width: 7px;
    border-radius: 12px;
  }

  .feature-box-3 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    background-position: 50% 94%;
    background-size: auto 160px;
    flex-flow: column;
    padding: 2em 2em 200px;
    display: flex;
  }

  .container-16 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .purple-gradient-text {
    font-size: 36px;
  }

  .trusted-item-header-2.second {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
  }

  .text-xl-2 {
    font-size: 18px;
  }

  .container-17, .container-18 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .main-heading-4 {
    font-size: 35px;
  }

  .hero-paragraph-description-3 {
    font-size: 14px;
  }

  .text-center-wrapper-3 {
    z-index: 2;
    align-items: center;
    position: relative;
  }

  .center-gradient-title-2 {
    font-size: 36px;
  }

  .center-paragraph-3 {
    font-size: 14px;
    font-weight: 400;
  }

  .center-text-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 0;
    padding-right: 0;
  }

  .faq-answer-2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
  }

  .faq-question-text-2 {
    padding-right: 10px;
    font-size: 21px;
  }

  .faq-content-3 {
    padding: 20px;
  }

  .faq-block-2 {
    border-radius: 12px;
    padding: 0;
  }

  .faq-heading-2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .container-19 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .demo-border-button-2 {
    font-size: 14px;
  }

  .cta-text-3 {
    text-align: left;
    font-size: 25px;
  }

  .black-div-overlay-3 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .cta-text-paragraph-holder-3.center-flex {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .center-paragraph-4 {
    font-size: 16px;
  }

  .cta-holder-3 {
    min-height: 440px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-20 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .container-20.cta {
    padding-bottom: 2em;
  }

  .bold-text-56 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.38;
  }

  .content-8.bg-white {
    padding: 0;
  }

  .content-8.explainer-content.fade-in-blur-on-scroll {
    min-height: 200px;
  }

  .dropdown-toggle-3 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: row-reverse;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dropdown-toggle-3.w--open {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .icon-12 {
    margin: 0;
    font-size: 12px;
    position: relative;
  }

  .link-16, .link-16.w--current {
    padding-left: 30px;
    font-size: 12px;
  }

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

  .button-content-holder-2 {
    background-image: none;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 14px;
  }

  .button-content-holder-2:hover {
    background-position: 93%;
  }

  .div-block-48 {
    height: 100%;
  }

  .center-paragraph-5 {
    font-size: 16px;
  }

  .button-with-border-2 {
    min-width: 160px;
  }

  .hero-text-white {
    font-size: 27px;
  }

  .hero-text-white.center {
    font-size: 36px;
  }

  .container-21 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .client-logo-4 {
    max-width: 110px;
    max-height: 40px;
  }

  .trusted-by-container-2 {
    padding-bottom: 1em;
  }

  .trusted-by-container-2.home-3 {
    padding-left: 14px;
    padding-right: 15px;
  }

  .trusted-by-container-2.home-3.container {
    padding-top: 0;
    padding-left: 2em;
    padding-right: 2em;
  }

  .trusted-by-text-2 {
    font-size: 16px;
    line-height: 1.4;
  }

  .title-big-3 {
    font-size: 26px;
  }

  .title-big-3.fade-in-blur-on-scroll {
    font-size: 25px;
  }

  .dark-section-2.overflow-hidden {
    overflow: hidden;
  }

  .grid-list-3 {
    flex-direction: column;
    display: flex;
  }

  .feature-grid-3 {
    grid-column-gap: 1.3em;
    grid-row-gap: 1.3em;
    flex-flow: column;
    margin-top: 0;
    position: relative;
    top: 7em;
    bottom: 0;
  }

  .feature-grid-3.mt-4.grid-flex.flipped-flex {
    margin-bottom: 5em;
  }

  .feature-grid-3.mt-4.grid-flex.flipped-flex.py-7 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .feature-grid-3.md-gap-0.mb-5 {
    margin-bottom: 7em;
  }

  .feature-grid-3.md-gap-0.py-7 {
    margin-top: 0;
  }

  .feature-grid-3.center-flex {
    padding-top: 0;
  }

  .feature-grid-3.center-flex.py-7 {
    padding-top: 5em;
  }

  .feature-grid-3.center-flex.py-7.mob-col-rev {
    flex-direction: column;
  }

  .feature-grid-3.center-flex.py-7.tablet-flex-col {
    flex-flow: column;
  }

  .feature-grid-3.py-7 {
    top: auto;
    bottom: auto;
  }

  .financial-text-2 {
    font-size: 14px;
  }

  .financial-text-2.text-center-2.text-grey.sm-text-left {
    text-align: left;
  }

  .financial-text-2.text-grey {
    font-size: 14px;
  }

  .container-22 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .white-large-text-2 {
    font-size: 22px;
  }

  .fade-in-move-on-scroll-3.client-wrapper.dark-logo {
    min-width: 50px;
    min-height: 50px;
  }

  .container-23 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .section-heading-title-2 {
    text-align: center;
    font-size: 36px;
  }

  .container-24 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .about-grid-3 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .hero-box-text-2 {
    font-size: 26px;
  }

  .container-25 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .content-9 {
    flex-direction: column;
    align-items: flex-start;
  }

  .center-heading-2 {
    font-size: 28px;
  }

  .container-26 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .grid-sub-case {
    grid-column-gap: 0px;
    grid-row-gap: 12px;
    min-width: 100%;
    padding: 12px;
  }

  .grid-sub-case.grid-subtext {
    grid-row-gap: 12px;
  }

  .flex-block-9 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .bold-text-58 {
    margin-top: 0;
    display: block;
  }

  .bold-text-58.mt-5 {
    justify-content: flex-start;
    align-items: center;
  }

  .template-growth-features-2 {
    font-size: 25px;
  }

  .carousel-title-flex {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .title-carousel-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
  }

  .link-block-27.aspect-portrait {
    min-height: 300px;
  }

  .bold-text-61 {
    text-align: left;
    display: block;
  }

  .image-49.testinomial-bg-img.style-2 {
    bottom: 5%;
  }

  .div-block-50 {
    grid-row-gap: 15px;
    width: 100%;
  }

  .dark-gradient.fade-in-blur-on-scroll {
    padding: 4px 8px 8px;
  }

  .dark-gradient.fade-in-blur-on-scroll.more-dark-gradient.sm-w-fit {
    width: 100%;
  }

  .div-block-51 {
    margin-top: -16px;
  }

  .text-sum {
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.4;
  }

  .text-sum.h--42px.xl-h-full {
    min-height: 42px;
  }

  .text-sum-title {
    font-size: 14px;
    line-height: 1.4;
  }

  .list-7.fade-in-blur-on-scroll {
    font-size: 14px;
    list-style-type: none;
  }

  .small-white-text-6.text-grey {
    font-size: 12px;
  }

  .financial-text-3, .financial-text-3.text-grey {
    font-size: 14px;
  }

  .bold-text-62 {
    margin-top: 0;
    display: block;
  }

  .grid-list-4 {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-direction: column;
    display: flex;
  }

  .text-block-35, .small-white-text-7.text-grey {
    font-size: 12px;
  }

  .list-8.fade-in-blur-on-scroll {
    font-size: 14px;
    list-style-type: none;
  }

  .small-white-text-8.text-grey {
    font-size: 12px;
  }

  .small-white-text-8.text-grey.small-font {
    font-size: 11px;
  }

  .financial-text-4, .financial-text-4.text-grey {
    font-size: 14px;
  }

  .bold-text-64 {
    margin-top: 5em;
    display: block;
  }

  .div-block-52 {
    grid-row-gap: 15px;
    width: 100%;
  }

  .grid-list-5 {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    flex-direction: column;
    display: flex;
  }

  .div-block-53 {
    margin-top: -16px;
  }

  .review-grid {
    flex-direction: column;
    display: flex;
  }

  .review-holder {
    padding-top: 0;
    padding-bottom: 28px;
  }

  .review-2 {
    padding-top: 0;
  }

  .review-2.case-main {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .review-text-2.text-grey {
    font-size: 22px;
    line-height: 1.4;
  }

  .sub-heading.fade-in-blur-on-scroll {
    font-size: 15px;
    line-height: 1.4;
  }

  .div-block-54 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .bold-text-65 {
    padding-left: 0;
    font-size: 7vw;
  }

  .div-block-55 {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .client-logo-wrapper {
    width: 100px;
    height: 60px;
    min-height: 50px;
  }

  .client-logo-wrapper.border-grey {
    min-height: 50px;
  }

  .team-lead-grid-2 {
    grid-template-columns: 1fr;
  }

  .content-10 {
    flex-direction: column;
    align-items: flex-start;
  }

  .gradient-main-form-holder-2 {
    padding: 20px;
  }

  .gradient-main-form-holder-2.explainer-gradient {
    padding-top: 30px;
  }

  .blog-main-grid-2.case-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .text-white.mt-1 {
    padding-top: 1em;
  }

  .case-headiing {
    font-size: 23px;
    line-height: .1;
  }

  .feature-box-4 {
    background-position: 50% 94%;
    background-size: auto 160px;
    padding: 2em 2em 200px;
  }

  .feature-box-4.how-grp {
    text-align: left;
    padding: 25px;
  }

  .feature-box-4.how-grp.service-feat-box {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 20px;
  }

  .feature-text-4 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .figma-component-library-holder-3 {
    width: auto;
    padding-bottom: 2em;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-gray-paragraph-holder-3 {
    padding-right: 20px;
  }

  .text-gray-paragraph-holder-3.text-left {
    padding-right: 0;
  }

  .template-growth-features-3 {
    font-size: 25px;
  }

  .template-growth-features-3.text-white.text-left.fade-in-blur-on-scroll {
    font-size: 18px;
    line-height: 1.5;
  }

  .container-27 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .title-big-4 {
    font-size: 26px;
  }

  .bg-grid-image-2 {
    width: 100%;
  }

  .dark-section-3.overflow-hidden {
    overflow: hidden;
  }

  .grid-item-text-holder-2 {
    grid-row-gap: 0px;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
  }

  .grid-items-wrapper-2 {
    align-items: stretch;
    margin-top: 0;
  }

  .grid-items-wrapper-2.last-item, .grid-items-wrapper-2.last {
    min-height: 300px;
  }

  .feature-grid-4 {
    margin-top: 0;
  }

  .container-28 {
    padding: 3em 1em;
    overflow: hidden;
  }

  .large-white-text-2 {
    font-size: 30px;
  }

  .small-black-text-2 {
    font-size: 14px;
  }

  .small-black-text-2._w-full {
    width: 100%;
  }

  .small-black-text-2._w-full.text-sm {
    font-size: 14px;
  }

  .small-black-text-2._w-full.text-sm.mb-text-center {
    text-align: center;
  }

  .box-gradient-dark.py-5.mt-5.px-4 {
    padding: 2em;
  }

  .cta-btn {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: column;
    margin-top: 15px;
  }

  .div-block-59.fade-in-blur-on-scroll {
    justify-content: center;
    align-items: center;
  }

  .image-52 {
    object-fit: contain;
    width: 80%;
  }

  .link-17 {
    font-size: 14px;
  }

  .footer-accordion-item {
    color: #fff;
    width: 100%;
    overflow: hidden;
  }

  .footer-dropdown-toggle {
    border-top: 1px solid #373737;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0;
    display: flex;
  }

  .footer-accordion-heading, .footer-accordion-icon {
    color: #fefefe;
  }

  .footer-accordion-body {
    color: #fff;
    background-color: #f7f7f700;
    flex-flow: column;
    display: block;
    position: static;
  }

  .link-18 {
    font-size: 14px;
  }

  .case-link {
    margin-left: -3px;
    font-size: 22px;
    display: none;
  }

  .client-logo-5 {
    max-height: 40px;
  }

  .trusted-by-container-3 {
    padding-bottom: 1em;
  }

  .case-info {
    grid-template-columns: 1fr;
  }

  .div-block-66.h--63px {
    height: 63px;
  }

  .div-block-66.h--63px._2xl-h--42px.mobile-h--75px, .div-block-66.h--63px._2xl-h--42px.mobile-h--75px.rotated-mobile-h-42px {
    height: 75px;
  }

  .div-block-66.h--42px {
    height: 63px;
  }

  .div-block-66.h--42px._1 {
    height: 79px;
  }

  .div-block-66.h--42px.xl-h-full {
    height: 42px;
  }

  .div-block-66.h--42px.xl-h-full.animate-on-load-1st, .div-block-66.h--42px.xl-h-full.mobile-h--56px {
    height: 56px;
  }

  .div-block-66.h-full {
    height: 100%;
  }

  .div-block-66.h-full._1 {
    height: 39px;
  }

  .bg-video-wrapper.bg-white {
    padding: 1px 0 2px;
  }

  .background-video-11 {
    aspect-ratio: 1;
  }

  .tab-paragraph-2 {
    font-size: 16px;
  }

  .tabs-menu-8 {
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .tabs-menu-8.feature-page {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .service-business-flexblock {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .cookie-banner {
    bottom: 0;
    left: 0;
    right: 0;
  }

  .why-case-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .blog-privacy-holder-2 {
    width: 100%;
    min-width: 100%;
    height: 100%;
    padding: 10px 25px 25px;
  }

  .velvet-case-video {
    aspect-ratio: 2 / 3;
    min-height: 100%;
  }
}

#w-node-_86217a31-04fa-d87c-6dcb-085d10c5c510-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c511-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c513-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c514-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c515-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c516-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c517-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c518-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c51b-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c51c-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c51e-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c51f-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c520-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c521-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c522-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c523-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c526-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c527-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c529-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c52a-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c52b-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c52c-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c52d-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c52e-e4f33fb2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_970eee81-482b-998b-63cc-969ce37e00cf-e4f33fb2 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_86057a50-e714-6221-6b06-911023c84fed-e4f33fb2, #w-node-bd179a44-8990-a557-4d97-9eae4dddb588-e4f33fb2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b1fcd71-e1e8-00b4-d231-bedc038ec00e-e4f33fb2 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_970eee81-482b-998b-63cc-969ce37e00e8-e4f33fb2, #w-node-_970eee81-482b-998b-63cc-969ce37e00f3-e4f33fb2, #w-node-_970eee81-482b-998b-63cc-969ce37e00fe-e4f33fb2, #w-node-_98b53b81-3262-d81c-15d0-5ad0f0c71627-e4f33fb2, #w-node-_98b53b81-3262-d81c-15d0-5ad0f0c7162f-e4f33fb2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_144cc549-fe23-2621-b9fb-554aafdca067-e4f33fb2, #w-node-_144cc549-fe23-2621-b9fb-554aafdca05b-e4f33fb2, #w-node-_144cc549-fe23-2621-b9fb-554aafdca073-e4f33fb2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_20c6e900-1764-c0b4-5ac1-cdcda6a3c599-0a144c54 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#EMAIL-5.w-node-_8e060629-506d-f460-4c62-6d2a11af326a-36ef6922 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_74992d5f-cce1-7ae1-6cdb-3b54006c7865-e4f33fb5 {
  grid-area: 1 / 2 / 2 / 8;
}

#w-node-_54e14c7f-4f74-481a-ee27-2af202152cf6-e4f33fb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2983d502-1145-3330-af0d-e4754c903629-e4f33fb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2983d502-1145-3330-af0d-e4754c90362a-e4f33fb5, #w-node-_54e14c7f-4f74-481a-ee27-2af202152d01-e4f33fb5, #w-node-ae4c9fe7-a309-94bc-63b3-962ec9b4d077-e4f33fb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_54e14c7f-4f74-481a-ee27-2af202152cf8-e4f33fb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e7ef35a6-94f5-9df0-b5b1-293ece8a4cce-e4f33fb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_717879eb-3b1a-f5f3-3b2e-788425f9ea0b-e4f33fb5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_717879eb-3b1a-f5f3-3b2e-788425f9ea0c-e4f33fb5, #w-node-_3030e4ba-b0df-fcbe-8232-9b9cfebb8ed4-e4f33fb5, #w-node-cbbfde48-64c8-5129-d4f4-3aa93516edd3-e4f33fb5, #w-node-b59d0ffa-7a52-9aa5-9f11-730b150c8395-e4f33fb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c99478a4-6910-fcbf-ee76-403b8bcb314a-e4f33fb5 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c99478a4-6910-fcbf-ee76-403b8bcb314b-e4f33fb5 {
  grid-row: span 2 / span 2;
}

#w-node-c99478a4-6910-fcbf-ee76-403b8bcb3166-e4f33fb5 {
  grid-column: span 2 / span 2;
}

#w-node-b2b4a896-f9a4-0623-8b4e-185c6218db55-e4f33fb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b2b4a896-f9a4-0623-8b4e-185c6218db5a-e4f33fb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-b2b4a896-f9a4-0623-8b4e-185c6218db5b-e4f33fb5, #w-node-b2b4a896-f9a4-0623-8b4e-185c6218db7b-e4f33fb5, #w-node-b2b4a896-f9a4-0623-8b4e-185c6218db7e-e4f33fb5, #w-node-_05805c99-d4f0-7528-6898-1714812953f9-e4f33fb5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0749ab3a-9f22-d9da-181d-1bec098cf296-e4f33fb5, #w-node-_7857b9d4-3d42-8780-c8e9-d1e0a74881f0-e4f33fb5, #w-node-_0749ab3a-9f22-d9da-181d-1bec098cf29c-e4f33fb5, #w-node-_0749ab3a-9f22-d9da-181d-1bec098cf29f-e4f33fb5, #w-node-_0749ab3a-9f22-d9da-181d-1bec098cf2a4-e4f33fb5, #w-node-_4dfcd164-db5b-7e65-10ef-018013f7a2fb-e4f33fb5, #w-node-_4dfcd164-db5b-7e65-10ef-018013f7a304-e4f33fb5, #w-node-_4dfcd164-db5b-7e65-10ef-018013f7a30d-e4f33fb5, #w-node-_4dfcd164-db5b-7e65-10ef-018013f7a316-e4f33fb5, #w-node-_4dfcd164-db5b-7e65-10ef-018013f7a320-e4f33fb5 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6cc2-b25b6cb8 {
  place-self: end start;
}

#w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6cc7-b25b6cb8, #w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6ccc-b25b6cb8 {
  place-self: end;
}

#w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6cd1-b25b6cb8, #w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6cd6-b25b6cb8, #w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6cdb-b25b6cb8 {
  place-self: end center;
}

#w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6ce0-b25b6cb8 {
  place-self: end;
}

#w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6ce5-b25b6cb8, #w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6cea-b25b6cb8, #w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6cef-b25b6cb8, #w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6cf5-b25b6cb8, #w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6cfa-b25b6cb8 {
  place-self: end start;
}

#w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6cff-b25b6cb8 {
  place-self: end;
}

#w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6d04-b25b6cb8 {
  place-self: end center;
}

#w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6d09-b25b6cb8, #w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6d0e-b25b6cb8, #w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6d13-b25b6cb8, #w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6d18-b25b6cb8 {
  place-self: end;
}

#w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6d1d-b25b6cb8 {
  place-self: end start;
}

#w-node-_3f823fad-a94c-fd94-9fcb-50fdb25b6d22-b25b6cb8 {
  place-self: center end;
}

#w-node-_971422f8-607b-9609-811f-5a9243a500a0-e4f33fb7, #w-node-_971422f8-607b-9609-811f-5a9243a500a8-e4f33fb7, #w-node-_5f43c578-b04d-0579-8c61-5d9f53863107-e4f33fba, #w-node-_1f321115-1b62-2209-0f85-ca08606a72dd-e4f33fbb, #w-node-ba664d03-96ff-3927-b94b-449f0e6d0d97-e4f33fbb, #w-node-_86b931fd-0afe-637c-070e-610cf45b6d3a-e4f33fc1, #w-node-d5114699-fb64-4b7f-5c0d-fd20be532f94-e4f33fc1, #w-node-_1efbd712-3606-e114-9519-8c36af3c1eab-e4f33fc1, #w-node-ba0affa8-72c1-2644-b271-1ba3deb46cc7-e4f33fc1, #w-node-f940f8d1-6c7e-a197-8164-924a264ae7cc-e4f33fc1, #w-node-_24778b7b-dc95-858a-5e79-9ec607d94229-e4f33fc1, #w-node-_24778b7b-dc95-858a-5e79-9ec607d94233-e4f33fc1, #w-node-e2a508ad-b0c2-4cbe-e9b8-9880d81ff51f-e4f33fc1, #w-node-e2a508ad-b0c2-4cbe-e9b8-9880d81ff521-e4f33fc1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b456dc5c-c42f-716e-0a9d-96a3aede570f-e4f33fc1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b456dc5c-c42f-716e-0a9d-96a3aede571f-e4f33fc1, #w-node-d111882d-55fb-1914-05de-d16cf4f72793-e4f33fc1, #w-node-d111882d-55fb-1914-05de-d16cf4f7279c-e4f33fc1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_482bf256-a470-4a0c-927d-45847db03b65-e4f33fc1 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4f74c417-fe05-7a07-9e7a-6a3e59132cb7-e4f33fc1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4f74c417-fe05-7a07-9e7a-6a3e59132cc6-e4f33fc1, #w-node-_9f37140a-2c32-9134-7267-2b67045d7e84-e4f33fc1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_54bff986-337b-1eda-04b1-af4613622b30-e4f33fc5, #w-node-_2fd5230b-f41d-e1b8-491d-84d6960c90e6-e4f33fc7 {
  grid-area: 1 / 2 / 2 / 10;
}

#w-node-cbbe70c3-2687-d367-2287-1bf4d835b06c-e4f33fd2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cbbe70c3-2687-d367-2287-1bf4d835b07c-e4f33fd2, #w-node-cbbe70c3-2687-d367-2287-1bf4d835b083-e4f33fd2, #w-node-cbbe70c3-2687-d367-2287-1bf4d835b08a-e4f33fd2, #w-node-cbbe70c3-2687-d367-2287-1bf4d835b091-e4f33fd2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cbbe70c3-2687-d367-2287-1bf4d835b098-e4f33fd2 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_6115422d-760b-2610-72fa-d83e2eaeb5ab-e4f33fd2, #w-node-_6115422d-760b-2610-72fa-d83e2eaeb5b4-e4f33fd2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0be0edff-a5d7-7452-4e72-45e102a1e024-cf238b4e {
  grid-area: 1 / 2 / 2 / 10;
}

#w-node-c64aef32-6804-1015-6ca2-1190f99d3605-cf238b4e, #w-node-_692fcfd7-482a-21b2-98db-db74d405d25a-cf238b4e, #w-node-_3d37b716-56d6-189f-b37f-4af6e5645931-cf238b4e, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179b6-cf238b4e, #w-node-_1a0ace2a-a3f5-4271-6e51-a7fab641dbd4-cf238b4e, #w-node-e014704c-2c53-15c7-5009-d14822c49a66-cf238b4e, #w-node-_67aec439-ff82-24fc-88e6-08172f753b14-cf238b4e, #w-node-_67aec439-ff82-24fc-88e6-08172f753b1b-cf238b4e, #w-node-_0673c4fd-89b3-7a5d-4eb6-037e4858c218-cf238b4e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0673c4fd-89b3-7a5d-4eb6-037e4858c21a-cf238b4e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-d4fcfd7f-eefa-68f0-bd95-df4e9d7fa2d0-cf238b4e, #w-node-e820a155-87d7-cae7-f299-844d936cbef2-cf238b4e, #w-node-e820a155-87d7-cae7-f299-844d936cbef9-cf238b4e, #w-node-_39d6f5c7-817d-783a-0d9e-d7efb7a4f12d-cf238b4e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_39d6f5c7-817d-783a-0d9e-d7efb7a4f130-cf238b4e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-b99afa2d-64e6-dea5-db45-b98707bccbc0-cf238b4e, #w-node-bdcd4430-64c2-1303-d82e-dc165b5967e6-cf238b4e, #w-node-bdcd4430-64c2-1303-d82e-dc165b596815-cf238b4e, #w-node-_189622fb-9364-f81f-a158-8ac30e192d0b-cf238b4e, #w-node-_189622fb-9364-f81f-a158-8ac30e192d0f-cf238b4e, #w-node-_189622fb-9364-f81f-a158-8ac30e192d39-cf238b4e, #w-node-_71e39da3-81b2-915c-68f8-b2cf4d5fdfb7-cf238b4e, #w-node-_71e39da3-81b2-915c-68f8-b2cf4d5fdfe7-cf238b4e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8b6-cf238b4e {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8ba-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8bc-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8be-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8c0-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8c2-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8c4-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8c6-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8c8-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8ca-cf238b4e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b1a0a805-7ae1-11d7-e343-727e31666a4f-cf238b4e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-0c145716 {
  grid-area: 1 / 2 / 2 / 10;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a8058-0c145716 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805d-0c145716 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805e-0c145716 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d4-0c145716 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d5-0c145716, #w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020fd-0c145716, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179b6-0c145716, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179ba-0c145716, #w-node-_1a0ace2a-a3f5-4271-6e51-a7fab641dbd4-0c145716 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a24f68af-53d3-d830-ff6b-a8b91504aed0-0c145716 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-a24f68af-53d3-d830-ff6b-a8b91504aed1-0c145716, #w-node-a24f68af-53d3-d830-ff6b-a8b91504aeca-0c145716 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-0c145716, #w-node-_3d02c1e1-3155-a25f-383f-ba688840d39c-0c145716 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-a9ebc22c {
  grid-area: 1 / 2 / 2 / 10;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a8058-a9ebc22c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805d-a9ebc22c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805e-a9ebc22c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d4-a9ebc22c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d5-a9ebc22c, #w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020fd-a9ebc22c, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179b6-a9ebc22c, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179ba-a9ebc22c, #w-node-_1a0ace2a-a3f5-4271-6e51-a7fab641dbd4-a9ebc22c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a24f68af-53d3-d830-ff6b-a8b91504aed0-a9ebc22c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-a24f68af-53d3-d830-ff6b-a8b91504aed1-a9ebc22c, #w-node-a24f68af-53d3-d830-ff6b-a8b91504aeca-a9ebc22c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-a9ebc22c, #w-node-_0f7e260f-eebc-1cfb-0c8a-3d63ec541bf8-a9ebc22c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-424a693b {
  grid-area: 1 / 2 / 2 / 10;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a8058-424a693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805d-424a693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805e-424a693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d4-424a693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d5-424a693b, #w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020fd-424a693b, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179b6-424a693b, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179ba-424a693b, #w-node-_1a0ace2a-a3f5-4271-6e51-a7fab641dbd4-424a693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a24f68af-53d3-d830-ff6b-a8b91504aed0-424a693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-a24f68af-53d3-d830-ff6b-a8b91504aed1-424a693b, #w-node-a24f68af-53d3-d830-ff6b-a8b91504aeca-424a693b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-424a693b, #w-node-_945e5335-8dd5-8145-ad5c-9c3f7bd4c3ae-424a693b {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-0d7eb55f {
  grid-area: 1 / 2 / 2 / 10;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a8058-0d7eb55f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805d-0d7eb55f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805e-0d7eb55f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d4-0d7eb55f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d5-0d7eb55f, #w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020fd-0d7eb55f, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179b6-0d7eb55f, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179ba-0d7eb55f, #w-node-_1a0ace2a-a3f5-4271-6e51-a7fab641dbd4-0d7eb55f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a24f68af-53d3-d830-ff6b-a8b91504aed0-0d7eb55f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-a24f68af-53d3-d830-ff6b-a8b91504aed1-0d7eb55f, #w-node-a24f68af-53d3-d830-ff6b-a8b91504aeca-0d7eb55f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-0d7eb55f, #w-node-_3eb221ec-98b4-950d-f03f-53da17be9f95-0d7eb55f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-7a8847c6 {
  grid-area: 1 / 2 / 2 / 10;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a8058-7a8847c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805d-7a8847c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805e-7a8847c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d4-7a8847c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d5-7a8847c6, #w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020fd-7a8847c6, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179b6-7a8847c6, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179ba-7a8847c6, #w-node-_1a0ace2a-a3f5-4271-6e51-a7fab641dbd4-7a8847c6, #w-node-_0f764709-f679-724f-fe46-079f9cc19974-7a8847c6, #w-node-a24f68af-53d3-d830-ff6b-a8b91504aeca-7a8847c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-7a8847c6, #w-node-_75041424-2781-ebcd-8cdb-c27afc4e05da-7a8847c6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-0694dc7f {
  grid-area: 1 / 2 / 2 / 10;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a8058-0694dc7f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805d-0694dc7f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805e-0694dc7f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d4-0694dc7f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d5-0694dc7f, #w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020fd-0694dc7f, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179b6-0694dc7f, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179ba-0694dc7f, #w-node-_1a0ace2a-a3f5-4271-6e51-a7fab641dbd4-0694dc7f, #w-node-_0f764709-f679-724f-fe46-079f9cc19974-0694dc7f, #w-node-a24f68af-53d3-d830-ff6b-a8b91504aeca-0694dc7f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-0694dc7f, #w-node-f099ee31-bab6-ee53-6881-5cbc24040ad1-0694dc7f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-50f2daee {
  grid-area: 1 / 2 / 2 / 10;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a8058-50f2daee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805d-50f2daee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805e-50f2daee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d4-50f2daee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d5-50f2daee, #w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020fd-50f2daee, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179b6-50f2daee, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179ba-50f2daee, #w-node-_1a0ace2a-a3f5-4271-6e51-a7fab641dbd4-50f2daee, #w-node-_0f764709-f679-724f-fe46-079f9cc19974-50f2daee, #w-node-a24f68af-53d3-d830-ff6b-a8b91504aeca-50f2daee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-50f2daee, #w-node-_83d48cb4-7312-8d01-c610-a1d44b392561-50f2daee {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-908a8bff {
  grid-area: 1 / 2 / 2 / 10;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a8058-908a8bff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805d-908a8bff {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805e-908a8bff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d4-908a8bff {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d5-908a8bff, #w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020fd-908a8bff, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179b6-908a8bff, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179ba-908a8bff, #w-node-_1a0ace2a-a3f5-4271-6e51-a7fab641dbd4-908a8bff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a24f68af-53d3-d830-ff6b-a8b91504aed0-908a8bff {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-a24f68af-53d3-d830-ff6b-a8b91504aed1-908a8bff, #w-node-a24f68af-53d3-d830-ff6b-a8b91504aeca-908a8bff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-908a8bff, #w-node-_44ac5a66-1b01-43a8-e44f-7bd0794cfcae-908a8bff {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-14cc7226 {
  grid-area: 1 / 2 / 2 / 10;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a8058-14cc7226 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805d-14cc7226 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805e-14cc7226 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d4-14cc7226 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d5-14cc7226, #w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020fd-14cc7226, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179b6-14cc7226, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179ba-14cc7226, #w-node-_1a0ace2a-a3f5-4271-6e51-a7fab641dbd4-14cc7226, #w-node-_0f764709-f679-724f-fe46-079f9cc19974-14cc7226, #w-node-a24f68af-53d3-d830-ff6b-a8b91504aeca-14cc7226 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-14cc7226, #w-node-_4ecff356-3ccc-a217-a827-a0844ba8e09c-14cc7226 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-4487eb39 {
  grid-area: 1 / 2 / 2 / 10;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a8058-4487eb39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805d-4487eb39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_5a05b399-068f-6b74-5f59-75d9174a805e-4487eb39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d4-4487eb39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020d5-4487eb39, #w-node-c8f251e4-82b4-9dcd-a574-8cf70dc020fd-4487eb39, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179b6-4487eb39, #w-node-a63fcbb9-e53b-3bc7-fe4e-d284b31179ba-4487eb39, #w-node-_1a0ace2a-a3f5-4271-6e51-a7fab641dbd4-4487eb39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8233a8e9-e5e7-9f65-51b1-417cfd143c20-4487eb39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-a24f68af-53d3-d830-ff6b-a8b91504aed1-4487eb39, #w-node-a2d84c2e-8d31-e2f3-e5b8-fbbe1198137b-4487eb39, #w-node-a24f68af-53d3-d830-ff6b-a8b91504aeca-4487eb39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-4487eb39, #w-node-_3f94444c-3208-6e89-ee39-f3ef6435b26c-4487eb39 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_838801b6-a4a4-f71a-381a-a181f3eac8be-18b8d44d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-18b8d44d, #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-18b8d44d, #w-node-_7d377829-ca52-fd69-6a88-e56f26053017-18b8d44d, #w-node-_7d377829-ca52-fd69-6a88-e56f26053019-18b8d44d, #w-node-_7d377829-ca52-fd69-6a88-e56f26053020-18b8d44d, #w-node-c110eb85-67aa-4d57-850b-113fedba2c81-18b8d44d, #w-node-c110eb85-67aa-4d57-850b-113fedba2ca7-18b8d44d, #w-node-c110eb85-67aa-4d57-850b-113fedba2caa-18b8d44d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb22a-18b8d44d {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb22b-18b8d44d {
  grid-area: 1 / 2 / 2 / 8;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb235-18b8d44d, #w-node-_737d6e40-223e-b0b0-410b-5543393bb246-18b8d44d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb268-18b8d44d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb287-18b8d44d, #w-node-_737d6e40-223e-b0b0-410b-5543393bb28b-18b8d44d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb2ac-18b8d44d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-e1a84377 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bcb-e1a84377 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-e1a84377 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_838801b6-a4a4-f71a-381a-a181f3eac8be-e1a84377 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_7d377829-ca52-fd69-6a88-e56f26053017-e1a84377, #w-node-_7d377829-ca52-fd69-6a88-e56f26053019-e1a84377, #w-node-_7d377829-ca52-fd69-6a88-e56f26053020-e1a84377, #w-node-c110eb85-67aa-4d57-850b-113fedba2c81-e1a84377, #w-node-c110eb85-67aa-4d57-850b-113fedba2ca7-e1a84377, #w-node-c110eb85-67aa-4d57-850b-113fedba2caa-e1a84377 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb22a-e1a84377 {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb22b-e1a84377 {
  grid-area: 1 / 2 / 2 / 8;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb268-e1a84377 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb287-e1a84377, #w-node-_737d6e40-223e-b0b0-410b-5543393bb28b-e1a84377 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb2ac-e1a84377 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-013800ca, #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-013800ca, #w-node-_7d377829-ca52-fd69-6a88-e56f26053017-013800ca, #w-node-_9f36db17-0341-8592-e133-b3e0de471109-013800ca, #w-node-_7d377829-ca52-fd69-6a88-e56f26053020-013800ca {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_370451ca-2505-4f7a-aaac-696081dbaadd-013800ca {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_370451ca-2505-4f7a-aaac-696081dbaade-013800ca {
  grid-area: 1 / 2 / 2 / 8;
}

#w-node-_370451ca-2505-4f7a-aaac-696081dbaaeb-013800ca, #w-node-_370451ca-2505-4f7a-aaac-696081dbab01-013800ca, #w-node-_370451ca-2505-4f7a-aaac-696081dbab21-013800ca, #w-node-_370451ca-2505-4f7a-aaac-696081dbab38-013800ca, #w-node-_370451ca-2505-4f7a-aaac-696081dbab4e-013800ca, #w-node-_79d7cf6e-cea9-3e2e-0448-0337e33368f2-013800ca, #w-node-e377870f-6438-e9fe-5bcb-7d1d588b0530-013800ca {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb268-013800ca {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb287-013800ca, #w-node-_737d6e40-223e-b0b0-410b-5543393bb28b-013800ca {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb2ac-013800ca {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-43484e4a, #w-node-edd74c45-58ce-85f6-a046-e1e72b6ff1e5-43484e4a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e44adb7a-c0aa-8faf-5f8a-7edd2b17b48b-43484e4a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-43484e4a, #w-node-_7d377829-ca52-fd69-6a88-e56f26053017-43484e4a, #w-node-_7d377829-ca52-fd69-6a88-e56f26053019-43484e4a, #w-node-_7d377829-ca52-fd69-6a88-e56f26053020-43484e4a, #w-node-c110eb85-67aa-4d57-850b-113fedba2c81-43484e4a, #w-node-c110eb85-67aa-4d57-850b-113fedba2ca7-43484e4a, #w-node-c110eb85-67aa-4d57-850b-113fedba2caa-43484e4a, #w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-88605982, #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-88605982 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a3b1e2de-8131-3c81-f0c1-e013a5dea7f6-88605982 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_7d377829-ca52-fd69-6a88-e56f26053017-88605982, #w-node-_7d377829-ca52-fd69-6a88-e56f26053019-88605982, #w-node-_7d377829-ca52-fd69-6a88-e56f26053020-88605982, #w-node-c110eb85-67aa-4d57-850b-113fedba2c81-88605982, #w-node-_379d0112-9804-61e9-f02f-18ae0ba307f5-88605982, #w-node-c110eb85-67aa-4d57-850b-113fedba2caa-88605982 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb268-88605982 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb287-88605982, #w-node-_737d6e40-223e-b0b0-410b-5543393bb28b-88605982 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb2ac-88605982 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-ab8e8edd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_09f21545-281f-b040-448d-ce7de11fd58b-ab8e8edd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_7d377829-ca52-fd69-6a88-e56f26053017-ab8e8edd, #w-node-_7d377829-ca52-fd69-6a88-e56f26053019-ab8e8edd, #w-node-_7d377829-ca52-fd69-6a88-e56f26053020-ab8e8edd, #w-node-c110eb85-67aa-4d57-850b-113fedba2c81-ab8e8edd, #w-node-c110eb85-67aa-4d57-850b-113fedba2ca7-ab8e8edd, #w-node-c110eb85-67aa-4d57-850b-113fedba2caa-ab8e8edd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb268-ab8e8edd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb287-ab8e8edd, #w-node-_737d6e40-223e-b0b0-410b-5543393bb28b-ab8e8edd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb2ac-ab8e8edd, #w-node-_838801b6-a4a4-f71a-381a-a181f3eac8be-a7a75fcd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-a7a75fcd, #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-a7a75fcd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb22a-a7a75fcd {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb22b-a7a75fcd {
  grid-area: 1 / 2 / 2 / 8;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb235-a7a75fcd, #w-node-_737d6e40-223e-b0b0-410b-5543393bb246-a7a75fcd, #w-node-_96b4e84b-ad42-6c4a-08fd-6a3ae203f91f-a7a75fcd, #w-node-beb3bd6b-2058-0ff0-279a-328de0f16d82-a7a75fcd, #w-node-c341bf6e-5ca2-3ac5-2812-4950ee7e5ffd-a7a75fcd, #w-node-c1d7a626-859d-b556-0447-307c436e07ef-a7a75fcd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb268-a7a75fcd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb287-a7a75fcd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c0ccf8df-026f-11fa-a039-335df5cdf7ae-a7a75fcd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-4ed4822f, #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-4ed4822f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_679480c5-e362-24f9-62db-789a0e1bd9f0-4ed4822f, #w-node-f978e912-b7d4-b127-fc1b-5f480b16c8ec-4ed4822f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-f978e912-b7d4-b127-fc1b-5f480b16c916-4ed4822f, #w-node-_7d377829-ca52-fd69-6a88-e56f26053017-4ed4822f, #w-node-_7d377829-ca52-fd69-6a88-e56f26053019-4ed4822f, #w-node-_7d377829-ca52-fd69-6a88-e56f26053020-4ed4822f, #w-node-_73dcc4d9-15d4-4d7f-ae45-cbbb1958c6d5-4ed4822f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb268-4ed4822f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb282-4ed4822f, #w-node-_737d6e40-223e-b0b0-410b-5543393bb287-4ed4822f, #w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-36ff1d9c, #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-36ff1d9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f38af75d-e155-139c-722f-e779f19cc3ad-36ff1d9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_7d377829-ca52-fd69-6a88-e56f26053017-36ff1d9c, #w-node-_7d377829-ca52-fd69-6a88-e56f26053019-36ff1d9c, #w-node-_7d377829-ca52-fd69-6a88-e56f26053020-36ff1d9c, #w-node-b907c6c4-633e-fbc5-53f2-da29e102eb37-36ff1d9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb268-36ff1d9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb287-36ff1d9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1a7a0c74-bd2c-4235-d378-9a77a397e159-36ff1d9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_1a7a0c74-bd2c-4235-d378-9a77a397e181-36ff1d9c, #w-node-_737d6e40-223e-b0b0-410b-5543393bb28b-36ff1d9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_737d6e40-223e-b0b0-410b-5543393bb2ac-36ff1d9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

@media screen and (min-width: 1440px) {
  #FNAME.w-node-_5408d31b-c3ef-22f4-9dd4-d5c0e024fb06-36ef6922, #LNAME.w-node-_1d2442af-ac56-4a81-ab32-891e65836587-36ef6922 {
    justify-self: center;
  }

  #EMAIL-5.w-node-_8e060629-506d-f460-4c62-6d2a11af326a-36ef6922 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_0be0edff-a5d7-7452-4e72-45e102a1e024-cf238b4e {
    grid-area: 1 / 2 / 2 / 10;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-c99478a4-6910-fcbf-ee76-403b8bcb314a-e4f33fb5 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-c99478a4-6910-fcbf-ee76-403b8bcb314b-e4f33fb5 {
    grid-row: span 2 / span 2;
  }

  #w-node-c99478a4-6910-fcbf-ee76-403b8bcb3166-e4f33fb5 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_970eee81-482b-998b-63cc-969ce37e00cf-e4f33fb2 {
    grid-column: span 5 / span 5;
  }

  #w-node-_0b1fcd71-e1e8-00b4-d231-bedc038ec00e-e4f33fb2 {
    grid-column: span 4 / span 4;
  }

  #w-node-_20c6e900-1764-c0b4-5ac1-cdcda6a3c599-0a144c54 {
    grid-column: span 1 / span 1;
  }

  #w-node-_797c69a2-24bc-8818-fda6-14be249758ee-e4f33fb5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c99478a4-6910-fcbf-ee76-403b8bcb314a-e4f33fb5 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-c99478a4-6910-fcbf-ee76-403b8bcb314b-e4f33fb5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-c99478a4-6910-fcbf-ee76-403b8bcb3156-e4f33fb5, #w-node-c99478a4-6910-fcbf-ee76-403b8bcb315e-e4f33fb5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b456dc5c-c42f-716e-0a9d-96a3aede571f-e4f33fc1, #w-node-_482bf256-a470-4a0c-927d-45847db03b65-e4f33fc1 {
    grid-column: span 2 / span 2;
  }

  #w-node-_54bff986-337b-1eda-04b1-af4613622b30-e4f33fc5, #w-node-_2fd5230b-f41d-e1b8-491d-84d6960c90e6-e4f33fc7 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-cbbe70c3-2687-d367-2287-1bf4d835b098-e4f33fd2 {
    grid-column: span 2 / span 2;
  }

  #w-node-_0be0edff-a5d7-7452-4e72-45e102a1e024-cf238b4e {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_0673c4fd-89b3-7a5d-4eb6-037e4858c21a-cf238b4e, #w-node-_39d6f5c7-817d-783a-0d9e-d7efb7a4f130-cf238b4e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-0c145716 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_4c43d4cd-cd5d-f01e-2f35-1aec0d5cae43-0c145716 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3d02c1e1-3155-a25f-383f-ba688840d39c-0c145716 {
    grid-column: span 3 / span 3;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-a9ebc22c {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_4c43d4cd-cd5d-f01e-2f35-1aec0d5cae43-a9ebc22c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0f7e260f-eebc-1cfb-0c8a-3d63ec541bf8-a9ebc22c {
    grid-column: span 3 / span 3;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-424a693b {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_4c43d4cd-cd5d-f01e-2f35-1aec0d5cae43-424a693b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_945e5335-8dd5-8145-ad5c-9c3f7bd4c3ae-424a693b {
    grid-column: span 3 / span 3;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-0d7eb55f {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_4c43d4cd-cd5d-f01e-2f35-1aec0d5cae43-0d7eb55f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3eb221ec-98b4-950d-f03f-53da17be9f95-0d7eb55f {
    grid-column: span 3 / span 3;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-7a8847c6 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_4c43d4cd-cd5d-f01e-2f35-1aec0d5cae43-7a8847c6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_75041424-2781-ebcd-8cdb-c27afc4e05da-7a8847c6 {
    grid-column: span 3 / span 3;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-0694dc7f {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_4c43d4cd-cd5d-f01e-2f35-1aec0d5cae43-0694dc7f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f099ee31-bab6-ee53-6881-5cbc24040ad1-0694dc7f {
    grid-column: span 3 / span 3;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-50f2daee {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_4c43d4cd-cd5d-f01e-2f35-1aec0d5cae43-50f2daee {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_83d48cb4-7312-8d01-c610-a1d44b392561-50f2daee {
    grid-column: span 3 / span 3;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-908a8bff {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_4c43d4cd-cd5d-f01e-2f35-1aec0d5cae43-908a8bff {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_44ac5a66-1b01-43a8-e44f-7bd0794cfcae-908a8bff {
    grid-column: span 3 / span 3;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-14cc7226 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_4c43d4cd-cd5d-f01e-2f35-1aec0d5cae43-14cc7226 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ecff356-3ccc-a217-a827-a0844ba8e09c-14cc7226 {
    grid-column: span 3 / span 3;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-4487eb39 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_4c43d4cd-cd5d-f01e-2f35-1aec0d5cae43-4487eb39 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3f94444c-3208-6e89-ee39-f3ef6435b26c-4487eb39 {
    grid-column: span 3 / span 3;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb22a-18b8d44d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb22b-18b8d44d {
    grid-area: 1 / 1 / 2 / 8;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb28b-18b8d44d {
    order: 9999;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb22a-e1a84377 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb22b-e1a84377 {
    grid-area: 1 / 1 / 2 / 8;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb28b-e1a84377 {
    order: 9999;
  }

  #w-node-_370451ca-2505-4f7a-aaac-696081dbaadd-013800ca {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_370451ca-2505-4f7a-aaac-696081dbaade-013800ca {
    grid-area: 1 / 1 / 2 / 8;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb28b-013800ca {
    order: 9999;
  }

  #w-node-c110eb85-67aa-4d57-850b-113fedba2c81-88605982 {
    grid-column: span 2 / span 2;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb28b-88605982, #w-node-_737d6e40-223e-b0b0-410b-5543393bb28b-ab8e8edd {
    order: 9999;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb22a-a7a75fcd {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb22b-a7a75fcd {
    grid-area: 1 / 1 / 2 / 8;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb28b-36ff1d9c {
    order: 9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c514-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c51f-e4f33fb2, #w-node-_86217a31-04fa-d87c-6dcb-085d10c5c52a-e4f33fb2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_970eee81-482b-998b-63cc-969ce37e00cf-e4f33fb2 {
    grid-column: span 5 / span 5;
  }

  #w-node-_0b1fcd71-e1e8-00b4-d231-bedc038ec00e-e4f33fb2 {
    grid-column: span 4 / span 4;
  }

  #w-node-_970eee81-482b-998b-63cc-969ce37e00e8-e4f33fb2, #w-node-_970eee81-482b-998b-63cc-969ce37e00f3-e4f33fb2, #w-node-_970eee81-482b-998b-63cc-969ce37e00fe-e4f33fb2 {
    grid-column: span 3 / span 3;
  }

  #w-node-_20c6e900-1764-c0b4-5ac1-cdcda6a3c599-0a144c54 {
    grid-column: span 1 / span 1;
  }

  #w-node-c99478a4-6910-fcbf-ee76-403b8bcb314b-e4f33fb5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c99478a4-6910-fcbf-ee76-403b8bcb3156-e4f33fb5, #w-node-c99478a4-6910-fcbf-ee76-403b8bcb315e-e4f33fb5 {
    grid-column: span 2 / span 2;
  }

  #w-node-_0749ab3a-9f22-d9da-181d-1bec098cf296-e4f33fb5, #w-node-_7857b9d4-3d42-8780-c8e9-d1e0a74881f0-e4f33fb5, #w-node-_0749ab3a-9f22-d9da-181d-1bec098cf29c-e4f33fb5, #w-node-_0749ab3a-9f22-d9da-181d-1bec098cf29f-e4f33fb5, #w-node-_0749ab3a-9f22-d9da-181d-1bec098cf2a4-e4f33fb5, #w-node-_4dfcd164-db5b-7e65-10ef-018013f7a2fb-e4f33fb5, #w-node-_4dfcd164-db5b-7e65-10ef-018013f7a304-e4f33fb5, #w-node-_4dfcd164-db5b-7e65-10ef-018013f7a30d-e4f33fb5, #w-node-_4dfcd164-db5b-7e65-10ef-018013f7a316-e4f33fb5, #w-node-_4dfcd164-db5b-7e65-10ef-018013f7a320-e4f33fb5 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-b456dc5c-c42f-716e-0a9d-96a3aede570f-e4f33fc1, #w-node-b456dc5c-c42f-716e-0a9d-96a3aede571f-e4f33fc1, #w-node-_482bf256-a470-4a0c-927d-45847db03b65-e4f33fc1 {
    grid-column: span 1 / span 1;
  }

  #w-node-_54bff986-337b-1eda-04b1-af4613622b30-e4f33fc5, #w-node-_2fd5230b-f41d-e1b8-491d-84d6960c90e6-e4f33fc7 {
    grid-column: span 2 / span 2;
  }

  #w-node-cbbe70c3-2687-d367-2287-1bf4d835b06c-e4f33fd2, #w-node-cbbe70c3-2687-d367-2287-1bf4d835b098-e4f33fd2 {
    grid-column: span 1 / span 1;
  }

  #w-node-_0be0edff-a5d7-7452-4e72-45e102a1e024-cf238b4e, #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-0c145716 {
    grid-column: span 2 / span 2;
  }

  #w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-0c145716, #w-node-_3d02c1e1-3155-a25f-383f-ba688840d39c-0c145716 {
    grid-column: span 1 / span 1;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-a9ebc22c {
    grid-column: span 2 / span 2;
  }

  #w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-a9ebc22c, #w-node-_0f7e260f-eebc-1cfb-0c8a-3d63ec541bf8-a9ebc22c {
    grid-column: span 1 / span 1;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-424a693b {
    grid-column: span 2 / span 2;
  }

  #w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-424a693b, #w-node-_945e5335-8dd5-8145-ad5c-9c3f7bd4c3ae-424a693b {
    grid-column: span 1 / span 1;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-0d7eb55f {
    grid-column: span 2 / span 2;
  }

  #w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-0d7eb55f, #w-node-_3eb221ec-98b4-950d-f03f-53da17be9f95-0d7eb55f {
    grid-column: span 1 / span 1;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-7a8847c6 {
    grid-column: span 2 / span 2;
  }

  #w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-7a8847c6, #w-node-_75041424-2781-ebcd-8cdb-c27afc4e05da-7a8847c6 {
    grid-column: span 1 / span 1;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-0694dc7f {
    grid-column: span 2 / span 2;
  }

  #w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-0694dc7f, #w-node-f099ee31-bab6-ee53-6881-5cbc24040ad1-0694dc7f {
    grid-column: span 1 / span 1;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-50f2daee {
    grid-column: span 2 / span 2;
  }

  #w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-50f2daee, #w-node-_83d48cb4-7312-8d01-c610-a1d44b392561-50f2daee {
    grid-column: span 1 / span 1;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-908a8bff {
    grid-column: span 2 / span 2;
  }

  #w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-908a8bff, #w-node-_44ac5a66-1b01-43a8-e44f-7bd0794cfcae-908a8bff {
    grid-column: span 1 / span 1;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-14cc7226 {
    grid-column: span 2 / span 2;
  }

  #w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-14cc7226, #w-node-_4ecff356-3ccc-a217-a827-a0844ba8e09c-14cc7226 {
    grid-column: span 1 / span 1;
  }

  #w-node-_4fdd7167-00a6-9911-16a3-47670f13392c-4487eb39 {
    grid-column: span 2 / span 2;
  }

  #w-node-_7d14cdcc-2bf8-c7c5-c8d3-5d657c717015-4487eb39, #w-node-_3f94444c-3208-6e89-ee39-f3ef6435b26c-4487eb39 {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_970eee81-482b-998b-63cc-969ce37e00cf-e4f33fb2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_86057a50-e714-6221-6b06-911023c84fed-e4f33fb2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_20c6e900-1764-c0b4-5ac1-cdcda6a3c599-0a144c54 {
    grid-column: span 1 / span 1;
  }

  #w-node-_4f74c417-fe05-7a07-9e7a-6a3e59132cc6-e4f33fc1 {
    order: -9999;
  }

  #w-node-cbbe70c3-2687-d367-2287-1bf4d835b091-e4f33fd2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8ba-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8bc-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8be-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8c0-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8c2-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8c4-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8c6-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8c8-cf238b4e, #w-node-b5f0b80a-19b9-6571-0036-7376f6f7c8ca-cf238b4e {
    grid-column: span 1 / span 1;
  }

  #w-node-d209bf8a-0be0-eb86-6bbf-93a542d19bcf-18b8d44d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-18b8d44d, #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-18b8d44d {
    order: -9999;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb22a-18b8d44d {
    grid-column: span 2 / span 2;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb22b-18b8d44d {
    grid-column-end: 4;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb287-18b8d44d {
    order: -9999;
  }

  #w-node-_3d59e05b-f6dc-215f-4821-2c34e14331a4-e1a84377 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-e1a84377, #w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-e1a84377 {
    order: -9999;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb22a-e1a84377 {
    grid-column: span 2 / span 2;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb22b-e1a84377 {
    grid-column-end: 4;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb287-e1a84377 {
    order: -9999;
  }

  #w-node-_7733da95-5edf-8724-662f-7489700c49cd-013800ca {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-013800ca, #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-013800ca {
    order: -9999;
  }

  #w-node-_370451ca-2505-4f7a-aaac-696081dbaadd-013800ca {
    grid-column: span 2 / span 2;
  }

  #w-node-_370451ca-2505-4f7a-aaac-696081dbaade-013800ca {
    grid-column-end: 4;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb287-013800ca {
    order: -9999;
  }

  #w-node-_377cc795-5db6-27f6-b1de-cc53ab656f36-43484e4a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-43484e4a, #w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-43484e4a {
    order: -9999;
  }

  #w-node-a92713e1-66ee-0474-1166-54cca279765a-88605982 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-88605982, #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-88605982, #w-node-_737d6e40-223e-b0b0-410b-5543393bb287-88605982 {
    order: -9999;
  }

  #w-node-_0d484c6d-da4e-b1b9-6ec4-ec5900e42441-ab8e8edd, #w-node-_0998e3e9-0848-4699-e5ac-02b9b6877f4c-ab8e8edd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-ab8e8edd, #w-node-_737d6e40-223e-b0b0-410b-5543393bb287-ab8e8edd {
    order: -9999;
  }

  #w-node-_6712fea7-eab3-a011-bedf-9e2e8c0ceb75-a7a75fcd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-a7a75fcd, #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-a7a75fcd {
    order: -9999;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb22a-a7a75fcd {
    grid-column: span 2 / span 2;
  }

  #w-node-_737d6e40-223e-b0b0-410b-5543393bb22b-a7a75fcd {
    grid-column-end: 4;
  }

  #w-node-c1d7a626-859d-b556-0447-307c436e07ef-a7a75fcd, #w-node-_737d6e40-223e-b0b0-410b-5543393bb287-a7a75fcd {
    order: -9999;
  }

  #w-node-_81e04721-26bd-2acb-2646-3c3436ce02ac-4ed4822f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-4ed4822f, #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-4ed4822f, #w-node-f978e912-b7d4-b127-fc1b-5f480b16c916-4ed4822f, #w-node-_73dcc4d9-15d4-4d7f-ae45-cbbb1958c6d5-4ed4822f, #w-node-_737d6e40-223e-b0b0-410b-5543393bb287-4ed4822f {
    order: -9999;
  }

  #w-node-_003f7e99-d071-9a8e-2631-e3d3aea8807f-36ff1d9c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eebdfdc5-5cf4-77e0-7185-a221749b0bda-36ff1d9c, #w-node-fb221953-9bd9-bd99-1c37-00e9dd5a8165-36ff1d9c, #w-node-b907c6c4-633e-fbc5-53f2-da29e102eb37-36ff1d9c, #w-node-_737d6e40-223e-b0b0-410b-5543393bb287-36ff1d9c, #w-node-_1a7a0c74-bd2c-4235-d378-9a77a397e181-36ff1d9c {
    order: -9999;
  }
}


@font-face {
  font-family: 'Clashgrotesk Complete';
  src: url('../fonts/ClashGrotesk_Complete.zip') format('undefined');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/Mona-Sans.ttf') format('truetype');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/Mona-Sans-SemiBoldNarrow.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/Mona-Sans-BlackNarrow.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans';
  src: url('../fonts/PlusJakartaSans-SemiBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}