:root {
  --background-primary: #000;
  --paragraph: #fff;
  --white: white;
  --grey: #fff;
  --gradient-3: #156cbb;
  --border: #156cbb;
  --gradient-2: #caf6f5;
  --heading-primary: var(--gradient-2);
  --light-grey\<deleted\|variable-c8331d93\>: #91969a;
  --border-radius-small-3: 1rem;
  --background-secondary: #1a1a1a;
  --black: #000;
  --gradient-1: #2eeddd;
  --background-tertiary: #124758;
  --heading-secondary: #b5b5b5;
  --transparent: #0000;
  --dark-grey: #5f5f5f;
  --white-2: white;
  --black\<deleted\|variable-eaead3d7\>: #0e0f11;
  --yellow\<deleted\|variable-ae49c10e\>: #ecf15e;
  --grey\<deleted\|variable-7c326743\>: #1e2023;
  --background-4: #0a5b75;
  --gradient-20: #7f7fd533;
}

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

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

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

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

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -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-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-commercecartitemimage {
  width: 60px;
  height: 0%;
}

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

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

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

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

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

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

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

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -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-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;
}

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

body {
  background-color: var(--background-primary);
  color: var(--paragraph);
  font-family: "Lato";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  overflow-x: hidden;
}

h1 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Lato";
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Lato";
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Lato";
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Lato";
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

h5 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Lato";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Lato";
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

p {
  color: var(--paragraph);
  margin-bottom: 0;
  font-family: "Lato";
}

a {
  color: var(--grey);
  border-color: #000;
  text-decoration: none;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.5rem;
}

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

label {
  margin-bottom: 0.25rem;
  font-weight: 500;
}

blockquote {
  border-left: 0.1875rem solid #000;
  margin-bottom: 0;
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: 0.25rem;
}

.d-flex-child-50 {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: 20px;
}

.d-flex-child-50> :first-child {
  width: 40%;
}

.d-flex-child-50> :last-child {
  flex-grow: 1;
  padding-right: 1rem;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.text-style-link {
  text-decoration: underline;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

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

.page-wrapper {
  background-color: #131314;
}

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

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.max-width-large {
  width: 100%;
  /* max-width: 48rem; */
  padding-top: 0;
  padding-bottom: 0;
}

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.form-message-error {
  margin-top: 0.75rem;
  padding: 0.75rem;
}

.utility-component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

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

.main-wrapper {
  display: block;
}

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

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

.margin-tiny {
  margin: 0.25rem 0.25rem 0.5rem;
}

.margin-xxsmall {
  margin: 0.5rem;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-small {
  margin: 1.5rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.padding-xxsmall {
  padding: 0.5rem;
}

.padding-xsmall {
  padding: 1rem;
}

.padding-small {
  padding: 1.5rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.margin-top,
.margin-top.margin-huge,
.margin-top.margin-small {
  margin-bottom: 0;
  margin-left: 42px;
}

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

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

.margin-bottom.margin-xxlarge {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  margin: 0 0 5rem;
  padding-bottom: 0;
  text-decoration: none;
  display: block;
}

.our-workspaces {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#2eeddd, #156cbb);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 900;
  margin-top: 5rem;
}

.margin-bottom.margin-medium,
.margin-bottom.margin-tiny,
.margin-bottom.margin-small,
.margin-bottom.margin-large,
.margin-bottom.margin-xlarge,
.margin-bottom.margin-huge,
.margin-bottom.margin-xxsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xsmall {
  margin: 1.2rem 0 0.8rem;
}

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

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

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

.padding-bottom.padding-xxlarge {
  margin-bottom: 209px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical,
.padding-vertical.padding-xxlarge,
.padding-vertical.padding-xsmall,
.padding-vertical.padding-xlarge {
  padding-left: 0;
  padding-right: 0;
}

.text-weight-medium {
  font-weight: 500;
  text-align: center;
  margin-bottom: 0.5rem;
}

.header-subcontent {
  text-align: center;
  font-size: 1.125rem;
  display: block;
  position: static;
}

.header-subcontent.text-color-white {
  margin-top: 7px;
  margin-left: -8px;
}

.heading-style-h2 {
  color: var(--white);
  font-size: 3rem;
  line-height: 1.2;
}

.heading-style-h6 {
  color: var(--white);
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#2eeddd 51%, #156cbb);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0.8rem;
  margin-bottom: 0;
  margin-left: -8px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.4;
}

.form-radio {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex;
}

.heading-style-h5 {
  background-image: linear-gradient(186deg, #2eeddd 41%, #156cbb 100%, #156cbb);
  background-clip: text;
  font-size: 1.5rem;
  line-height: 1.4;
  color: transparent;
}

.heading-style-h1 {
  color: var(--white);
  font-size: 4rem;
  line-height: 1.2;
  position: relative;
  text-align: center;
}

.heading-style-h1-annual {
  color: var(--white);
  margin-left: 32px;
  font-size: 4rem;
  line-height: 1.2;
  position: relative;
  left: 6.5rem;
}

.heading-style-h1-B {
  color: var(--white);
  font-size: 3rem;
  line-height: 1.2;
  text-align: center;
}

.form-checkbox-icon {
  cursor: pointer;
  border: 1px solid #555d6a;
  border-radius: 0;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: 0.5rem;
  transition: all 0.2s;
}

.form-checkbox-icon.w--redirected-checked {
  background-color: var(--gradient-3);
  box-shadow: none;
  background-size: 16px 16px;
  border-width: 1px;
  border-color: #000;
}

.form-checkbox-icon.w--redirected-focus {
  border-color: var(--gradient-3);
  box-shadow: none;
  background-color: #1d2127;
}

.form-checkbox-label {
  margin-bottom: 0;
}

.text-size-tiny {
  margin-top: -36px;
  /* margin-left: 36px; */
  font-size: 1rem;
}

.field-label {
  margin-bottom: 0.5rem;
  font-weight: 400;
}

.get-started {
  /* border: 1.5px solid var(--border); */
  background-color: var(--gradient-3);
  color: var(--white);
  text-align: center;
  background-image: linear-gradient(135deg, #2eeddd, #156cbb 58%);
  border-radius: 50px;
  margin-top: 2px;
  padding: 0.75rem 1.25rem;
  font-weight: 900;
  text-decoration: none;
  transition: background-color 0.2s, transform 0.2s;
  /* Add transition for scaling */
}

.get-started:hover {
  background-color: var(--gradient-2);
  color: var(--heading-primary);
  border-color: #434446;
  transform: scale(0.95);
  /* Scale down on hover */
}

.get-started.is-link {
  color: var(--light-grey\<deleted\|variable-c8331d93\>);
  background-color: #0000;
  border-style: none;
  padding: 0.25rem 0;
  line-height: 1;
  text-decoration: none;
}

.get-started.is-link.is-icon {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: var(--grey);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-right: 22px;
  transition: color 0.2s, background-color 0.2s;
}

.get-started.is-link.is-icon:hover {
  color: var(--gradient-2);
  transform: scale(1.02);
}

.get-started.is-icon {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.get-started.is-secondary {
  border: 1.5px solid var(--gradient-3);
  color: var(--white);
  background-color: #0000;
  background-image: none;
  /* margin-top: 2px; */
  transition: border 0.2s, color 0.2s, background-color 0.2s;
}

.get-started.is-secondary:hover {
  border-color: var(--gradient-2);
  color: var(--grey);
  transform: scale(1.02);
}

.get-started.is-secondary.is-small {
  box-sizing: border-box;
  aspect-ratio: 2;
  width: 6rem;
  position: relative;
  height: 3rem;
  padding: 0;
  line-height: 2.7rem;
  top: -50px;
  margin-left: 85%;
}

.footer-newsletter-wrapper .get-started.is-secondary.is-small {
  border: none;
}

.get-started.is-small {
  background-image: linear-gradient(135deg, #2eeddd, #156cbb);
  padding: 0.5rem 1rem;
}

.get-started.max-width-full {
  /* width: 20rem; */
  height: 2.6rem;
  margin-top: 0px;
  padding: 0.25rem;
  font-size: 1.2rem;
}

.get-started.is-add-to-cart-button {
  text-align: center;
  justify-content: center;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.heading-style-h4 {
  color: var(--white);
  margin-top: -1.9rem;
  font-size: 2rem;
  line-height: 1.3;
}

.form-radio-label {
  margin-bottom: 0;
}

.text-size-regular {
  font-size: 1rem;
}

.heading-style-h3 {
  color: var(--white);
  font-size: 2.5rem;
  line-height: 1.2;
}

.form-input {
  border: 1px solid #fff;
  border-radius: var(--border-radius-small-3);
  background-color: var(--background-secondary);
  color: var(--paragraph);
  width: 80% !important;
  /* height: auto; */
  min-height: 2.75rem;
  /* margin-left: 27px; */
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 2%;
}

.form-input:focus,
.form-input.-wfp-focus {
  border-color: var(--grey);
  color: var(--white);
}

.form-input::placeholder {
  color: var(--grey);
}

.form-input.is-text-area {
  height: auto;
  min-height: 11.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  overflow: auto;
}

.form-input.is-select-input {
  background-image: none;
}

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

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

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

.text-weight-semibold.text-size-medium {
  /* margin-top: -22px; */
  /* margin-left: 32px; */
  font-size: 2rem;
}

.text-color-grey {
  color: #91969a;
}

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

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

.form-radio-icon {
  cursor: pointer;
  border: 1px solid #555d6a;
  border-radius: 100px;
  width: 1.125rem;
  min-width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  margin-top: 0;
  margin-left: -1.125rem;
  margin-right: 0.5rem;
}

.form-radio-icon.w--redirected-checked {
  background-color: #a770ef;
  background-image: none;
  border-width: 6px;
  border-color: #000;
}

.form-radio-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #555d6a;
  margin-top: 0;
}

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

.text-size-small {
  color: var(--paragraph);
  font-size: 0.875rem;
}

.form-field-wrapper {
  position: relative;
}

.icon-1x1-small {
  -webkit-text-fill-color: transparent;
  background-color: #000;
  background-image: linear-gradient(#000, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  width: 2rem;
  height: 2rem;
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.text-rich-text blockquote {
  border-left-color: var(--border);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h2,
.text-rich-text h3,
.text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5,
.text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text a {
  text-decoration: underline;
}

.text-rich-text figcaption {
  text-align: left;
  border-left: 2px solid #000;
  margin-top: 0.5rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

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

.icon-1x1-medium {
  border: 1px #000;
  border-radius: 5px;
  width: 3.5rem;
  height: 3.5rem;
}

.text-size-large {
  font-size: 1.25rem;
}

.padding-global {
  gap: 16px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 8px 0 0 8px;
  margin-top: 5rem;
  padding-left: 5%;
  padding-right: 5%;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-section-large {
  /* margin-top: -80px; */
  padding-top: 1.2rem;
  padding-bottom: 2rem;
}

.section-header-secondary {
  background-color: #0000;
}

.style-guide-content-layout {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style-guide-menu {
  position: sticky;
  top: 6rem;
}

.style-guide-menu-link-item {
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.heading-medium {
  font-size: 2rem;
  line-height: 1.3;
}

.line-divider {
  background-color: var(--border);
  width: 100%;
  height: 0.5px;
}

.style-guide-content-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style-guide-content-item {
  border: 1px solid #1f2123;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.style-guide-color-wrapper {
  border-bottom: 1px solid #1f2123;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 75%;
}

.style-guide-color-wrapper.color-1 {
  background-color: var(--white);
}

.style-guide-color-wrapper.color-2 {
  background-color: var(--black);
}

.style-guide-color-wrapper.color-4 {
  background-color: var(--gradient-1);
}

.style-guide-color-wrapper.color-6 {
  background-color: var(--gradient-2);
}

.style-guide-color-wrapper.color-7 {
  background-color: var(--gradient-3);
}

.style-guide-color-wrapper.color-8 {
  background-color: var(--background-primary);
  color: #1d2127;
}

.style-guide-color-wrapper.color-9 {
  background-color: var(--background-secondary);
  color: #1d2127;
}

.style-guide-color-wrapper.color-10 {
  background-color: var(--background-tertiary);
  color: #1d2127;
}

.style-guide-color-wrapper.color-11 {
  background-color: var(--heading-primary);
}

.style-guide-color-wrapper.color-12 {
  background-color: var(--heading-secondary);
}

.style-guide-color-wrapper.color-13 {
  background-color: var(--border);
}

.style-guide-color-wrapper.color-14 {
  background-color: var(--paragraph);
}

.style-guide-content {
  padding: 10px;
}

.style-guide-content-list-wrapper {
  border: 1px solid #414a57;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 1rem;
  display: block;
}

.license-component,
.instruction-component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar-component {
  z-index: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--transparent);
  border-bottom: 1px #434446;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 115%;
  max-width: none;
  min-height: 4.5rem;
  margin-top: -51px;
  padding-left: 7%;
  padding-right: 11%;
  display: block;
  position: absolute;
  left: -81px;
  overflow: visible;
  z-index: 99;
}

.navbar-container {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-menu {
  grid-column-gap: 39px;
  grid-row-gap: 39px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 13%;
  padding-bottom: 1px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
}

.navbar-link {
  color: var(--grey);
  padding: 1.5rem 0.8rem;
  transition: color 0.2s;
}

.navbar-link:hover {
  color: var(--gradient-2);
}

.navbar-link.w--current {
  color: var(--grey);
}

.navbar-menu-dropdown {
  position: static;
}

.navbar-dropdown-toggle {
  color: var(--grey);
  padding: 1.5rem 37% 1.5rem 1rem;
  transition: color 0.2s;
}

.navbar-dropdown-toggle:hover {
  color: var(--gradient-2);
}

.dropdown-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.navbar-dropdown-list.w--open {
  background-color: var(--background-primary);
  border-bottom: 1px #0000;
  width: 100vw;
  max-width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.navbar-dropdown-content {
  width: 100%;
  display: flex;
}

.navbar-dropdown-content-layout {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.navbar-dropdown-link-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar-dropdown-link {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0px;
  border: 1px solid var(--border);
  border-radius: var(--border-radius-small-3);
  background-color: var(--background-primary);
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 1rem;
  text-decoration: none;
  transition: background-color 0.2s;
  display: grid;
}

.navbar-dropdown-link:hover {
  background-color: var(--background-secondary);
}

.navbar-icons-wrapper {
  background-color: var(--background-secondary);
  border: 1px solid #1f2123;
  border-radius: 5px;
  flex: none;
  padding: 0.5rem;
}

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

.navbar-bottom-bar {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
  position: relative;
}

.navbar-bottom-bar-background-layer {
  background-color: var(--background-tertiary);
  width: 200vw;
  position: absolute;
  inset: 0% -50vw;
}

.navbar-bottom-bar-content {
  z-index: 1;
  grid-column-gap: 4px;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.navbar-menu-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
}

.navbar-menu-button {
  padding: 0;
}

.section-hero-header {
  position: relative;
  overflow: hidden;
}

.header-component {
  perspective: 1300px;
  mix-blend-mode: normal;
  /* flex-direction: column; */
  /* align-items: center; */
  /* margin-top: -49px; */
  /* display: flex; */
  position: relative;
}

.hero-header-image-wrapper {
  z-index: 1;
  background-color: var(--background-primary);
  margin-top: 106px;
  padding: 0.25rem;
  position: relative;
  overflow: hidden;
}

.hero-header-image {
  z-index: auto;
  mix-blend-mode: normal;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.section-logo {
  overflow: hidden;
}

.logo-component {
  display: flex;
}

.logo-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  white-space: nowrap;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center start;
  margin-right: 2rem;
  display: grid;
}

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

.logo {
  width: 10rem;
}

.feature-component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.feature-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 0px solid var(--border);
  border-radius: var(--border-radius-small-3);
  text-align: center;
  background-image: linear-gradient(#1a1a1a, #1a1a1a);
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 1.8rem;
  font-size: 1.3rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.feature-item:hover {
  background-image: linear-gradient(#1a1a1a 69%, #0a5b75);
  transform: scale(1.1);
  box-shadow: 5px -10px 9px -3px #0003;
}

.service-component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.service-list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  margin-top: 66px;
  display: grid;
}

.service-item {
  border-radius: var(--border-radius-small-3);
  background-image: linear-gradient(to bottom,
      var(--background-secondary),
      var(--background-tertiary));
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1.5rem;
  display: flex;
}

.service-item.slide-in-0-6s {
  background-image: linear-gradient(180deg,
      var(--background-tertiary) 22%,
      var(--background-secondary) 82%,
      #3b3b3b);
}

.service-item.slide-in-0-8s {
  background-image: linear-gradient(180deg,
      var(--background-tertiary) 16%,
      var(--background-secondary) 81%);
}

.service-item.slide-in-1s {
  background-image: linear-gradient(180deg,
      var(--background-tertiary) 15%,
      var(--background-secondary) 78%);
}

.service-image-wrapper {
  border: 1px solid var(--border);
  background-color: var(--background-secondary);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.testimonial-component {
  column-count: 3;
  column-gap: 2rem;
}

.testimonial-content {
  border: 1px solid var(--border);
  background-color: var(--background-secondary);
  background-image: linear-gradient(to bottom,
      var(--background-secondary),
      var(--background-tertiary));
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2rem;
  padding: 2rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.testimonial-client {
  text-align: left;
  align-items: center;
  display: flex;
}

.testimonial-client-image-wrapper {
  margin-right: 1rem;
}

.testimonial-customer-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
}

.faq-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: start stretch;
  display: grid;
}

.faq-accordion {
  border: 0px solid var(--border);
  background-image: linear-gradient(180deg,
      var(--background-secondary) 68%,
      var(--background-tertiary));
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.faq-question {
  cursor: pointer;
  background-image: linear-gradient(#1a1a1a, #1a1a1a);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.faq-question:active {
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: border-box;
  border-radius: 7px;
}

.faq-icon {
  align-self: flex-start;
  width: 2rem;
  margin-left: 1.5rem;
  display: flex;
}

.faq-answer {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  overflow: hidden;
}

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

.layout-image-wrapper {
  border: 1px solid var(--border);
  border-radius: var(--border-radius-small-3);
  perspective: 1000px;
  padding: 0.15rem;
  overflow: hidden;
}

.layout-image {
  border-radius: var(--border-radius-small-3);
  width: 100%;
  height: 100%;
}

.section-header {
  position: relative;
  overflow: hidden;
}

.section-header.background-cell {
  /* margin-top: 110px; */
}

.success-message {
  background-color: var(--background-tertiary);
  padding: 1.5rem;
}

.error-message {
  color: var(--white-2);
  background-color: #ffb8b8;
  margin-top: 1.5rem;
  padding: 0.875rem 1rem;
}

.about-story-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;
}

.about-story-timeline-wrapper {
  position: relative;
}

.about-story-progress-bar-wrapper {
  width: 2px;
  height: 75%;
  position: absolute;
  top: 10%;
  left: 2rem;
  right: auto;
}

.about-story-progress-bar {
  background-color: var(--border);
  width: 2px;
  height: 100%;
}

.about-story-timeline-step {
  grid-column-gap: 2.5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
}

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

.about-story-timeline-icon-wrapper {
  z-index: 1;
  border: 1px solid var(--border);
  background-color: var(--background-secondary);
  border-radius: 5px;
  margin-left: -4px;
  padding: 1rem;
  position: relative;
}

.about-story-timeline-right {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.social-link {
  border: 1px solid var(--border);
  background-color: #0000;
  border-radius: 5px;
  padding: 0.5rem;
  transition: background-color 0.2s;
}

.social-link:hover {
  background-color: var(--border);
}

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

.pricing-component {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: auto;
  margin-top: 59px;
  padding-top: 43px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.pricing-component:hover {
  outline-offset: 0px;
  outline: 3px #fff;
}

.pricing-tabs-menu {
  /* border: 1px solid var(--border); */
  border-radius: var(--border-radius-small-3);
  background-color: var(--background-tertiary);
  align-self: center;
  margin-bottom: 3rem;
  display: flex;
  overflow: hidden;
}

.pricing-tab-link {
  color: var(--white-2);
  background-color: #0000;
  padding: 0.5rem 1.5rem;
}

.pricing-tab-link.w--current {
  background-color: var(--white);
  color: var(--black\<deleted\|variable-eaead3d7\>);
}

.pricing-plans {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 0.75fr 0.75fr 0.75fr;
  grid-row-gap: 2rem;
  grid-column-gap: 2rem;
  grid-template-rows: auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.pricing-plans:hover {
  transform: translate(0);
}

.pricing-plan {
  border-radius: var(--border-radius-small-3);
  background-image: linear-gradient(180deg,
      var(--background-secondary) 42%,
      var(--background-tertiary) 82%,
      #0a5b75 92%,
      #0a5b75 102%);
  height: 95%;
  padding: 1rem 2rem 3rem;
  position: relative;
  overflow: hidden;
}

.pricing-plan:hover {
  outline-offset: 0px;
  border-width: 0;
  outline: 2px #2eeddd;
  border: 1px solid var(--border);
  transform: scale(0.98);
}

.pricing-content {
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  display: flex;
}

.pricing-divider {
  border: 1px solid var(--border);
  background-color: var(--border);
  width: 100%;
  height: 0.5px;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.pricing-feature-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: grid;
}

.pricing-feature {
  display: flex;
}

.pricing-feature-icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
}

.pricing-compare-component {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.pricing-compare-tabs-menu {
  border: 1px solid var(--border);
  background-color: var(--background-tertiary);
  border-radius: 5px;
  align-self: center;
  margin-bottom: 5rem;
  display: flex;
  overflow: hidden;
}

.pricing-compare-tab-link {
  background-color: var(--transparent);
  color: var(--white-2);
  padding: 0.5rem 1.5rem;
}

.pricing-compare-tab-link.w--current {
  background-color: var(--white);
  color: #181b20;
}

.pricing-compare-tabs-content,
.pricing-compare-plans {
  width: 100%;
}

.pricing-compare-top-row {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
}

.pricing-compare-top-row-content {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.pricing-compare-top-row-price {
  color: var(--white);
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 1.2;
}

.pricing-compare-top-row-price-month {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.pricing-compare-heading-row {
  margin-top: 2rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.pricing-compare-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px none var(--border);
  background-color: var(--background-secondary);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  align-items: stretch;
}

.pricing-compare-row.background-color-blue {
  background-color: var(--background-primary);
  border-style: none;
}

.pricing-compare-feature {
  padding: 1rem 1.5rem;
}

.pricing-compare-row-content {
  text-align: center;
  border-left: 1px #1f2123;
  border-right: 1px #1f2123;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  font-weight: 600;
  display: flex;
}

.pricing-compare-bottom-row {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  padding-top: 2rem;
}

.pricing-compare-bottom-row-content {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.logo1-component {
  grid-column-gap: 2.75rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: flex;
}

.logo1-logo {
  max-height: 3.5rem;
}

.testimonial-single-component {
  grid-column-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.testimonial-single-client-image-wrapper {
  border: 1px solid #e1e1e1;
}

.testimonial-single-client-image {
  object-fit: cover;
}

.testimonial-single-content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.testimonial-single-rating-wrapper {
  display: flex;
}

.testimonial-single-rating-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.25rem;
  display: flex;
}

.testimonial-single-client {
  text-align: left;
  align-items: center;
  display: flex;
}

.testimonial-single-divider {
  background-color: #333a44;
  align-self: stretch;
  width: 1px;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.testimonial-single-logo {
  max-height: 3rem;
}

.career-component {
  margin-bottom: 2rem;
  padding-left: 0;
}

.career-accordion {
  border: 1px solid var(--border);
  border-radius: var(--border-radius-small-3);
  background-color: var(--background-secondary);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0.5rem 2rem;
}

.career-job-department {
  cursor: pointer;
  border-top: 1px #000;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.arrow-icon {
  align-self: center;
  width: 2rem;
  margin-left: 1.5rem;
  display: flex;
}

.career-list-wrapper {
  overflow: hidden;
}

.career-list {
  margin-bottom: 2rem;
  display: block;
}

.career-item {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

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

.values-component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.values-content-bottom {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.values-item {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  text-align: center;
  flex-direction: column;
  grid-template-rows: min-content min-content min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: block;
}

.content-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;
}

.content-content {
  margin-bottom: 4rem;
}

.content-newsletter {
  border: 1px solid var(--border);
  border-radius: var(--border-radius-small-3);
  background-color: var(--background-primary);
  padding: 2rem;
  position: sticky;
  top: 5rem;
  bottom: 5rem;
}

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

.content-form-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: grid;
}

.contact-header-component {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.contact-header-item {
  text-align: center;
  width: 100%;
}

.contact-locations-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.contact-locations-location {
  text-align: center;
  width: 100%;
}

.contact-locations-image-wrapper {
  width: 100%;
  padding-top: 66%;
  position: relative;
}

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

.contact-component {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
}

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

.form-field-2col {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-radio-2col {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0.875rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.error-text {
  color: #912222;
}

.signup-component {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100svh;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
  overflow: auto;
}

.signup-navbar {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.signup-form-block {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
}

.signup-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.signup-footer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.login-component {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100svh;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
  top: -8rem;
  overflow: auto;
}

.login-navbar {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.login-form-block {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
}

.login-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.login-footer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.icon-wrapper {
  border: 1px solid var(--border);
  background-color: var(--background-secondary);
  border-radius: 5px;
  padding: 0.5rem;
  display: inline-block;
}

.navbar-dropdown-link-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: var(--border-radius-small-3);
  background-color: var(--background-primary);
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: 1rem;
  text-decoration: none;
  transition: background-color 0.2s;
  display: grid;
}

.navbar-dropdown-link-2:hover {
  background-color: var(--background-tertiary);
}

.navbar-icon-wrapper-feature {
  flex: none;
  margin-top: 0;
  padding: 0.5rem;
}

.navbar-dropdown-content-layout-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.feature-icon-block {
  padding: 0 0.5rem 0.5rem;
}

.feature-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-item {
  display: flex;
}

.feature-content {
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.section-use-case {
  position: relative;
}

.use-case-content-item {
  border: 1px solid var(--border);
  background-color: var(--background-secondary);
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
  transition: background-color 0.2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-content {
  z-index: 99;
  position: relative;
}

.footer-newsletter-wrapper {
  /* grid-column-gap: 16px;
  grid-row-gap: 16px; */
  border: 0px solid var(--border);
  border-radius: var(--border-radius-small-3);
  background-color: var(--background-secondary);
  background-image: linear-gradient(90deg, #124758 12%, #1a1a1a);
  /* flex-direction: row;
  flex: 1;
  order: -1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-start; */
  /* max-width: 40rem;
  max-height: 10rem; */
  /* margin-top: -163px; */
  /* margin-bottom: 3.6rem;
  margin-left: 44rem; */
  padding: 2rem 3.5rem 2rem 2rem;
  width: 40%;
  /* display: block; */
}

.footer-form-block {
  /* min-width: 25rem;
  max-width: 35rem; */
  /* margin-bottom: 0;
  margin-left: 0; */
  /* margin-right: 139px; */
  /* padding-left: 0; */
}

.footer-form {
  /* grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-top: 5px;
  margin-bottom: 0.75rem;
  display: block; */
}

.footer-top-wrapper {
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.footer-logo-link {
  padding-left: 0;
}

.footer-link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.footer-link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  text-decoration: none;
  transition: color 0.2s;
}

.footer-link:hover {
  color: var(--gradient-2);
}

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

.footer-legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: block;
}

.footer-credit-text {
  margin-top: -153px;
  font-size: 0.875rem;
}

.footer-legal-link {
  font-size: 0.875rem;
  text-decoration: underline;
  transition: color 0.2s;
}

.footer-legal-link:hover {
  color: #a0a7b3;
}

.footer-social-icons {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  margin-top: -7px;
  margin-left: 64px;
  padding-top: 4px;
  display: grid;
}

.footer-social-link {
  background-color: #0000;
  border-radius: 50rem;
  align-items: center;
  padding: 0.5rem;
  font-size: 14px;
  text-decoration: none;
  transition: background-color 0.2s;
  display: flex;
}

.footer-social-link:hover {
  background-color: var(--border);
}

.career-icon-block {
  border: 1px solid var(--border);
  background-color: var(--background-secondary);
  border-radius: 5px;
  padding: 1rem;
  display: inline-block;
}

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

.job-content-metatag-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.job-content-metatag-item {
  text-align: center;
}

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

.change-log-date {
  border: 1px solid var(--border);
  background-color: var(--background-secondary);
  padding: 1rem;
  position: sticky;
  top: 5rem;
}

.contact-icon-block {
  border: 1px solid var(--border);
  background-color: var(--background-secondary);
  border-radius: 5px;
  padding: 1.1rem;
  display: inline-block;
}

.blog-component {
  flex-direction: column;
  align-items: center;
}

.blog-image-link {
  border: 1px solid var(--border);
  border-radius: var(--border-radius-small-3);
  width: 100%;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.blog-image-wrapper {
  width: 100%;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

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

.blog-category-link {
  margin-bottom: 0.5rem;
  margin-right: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
}

.blog-category-link.w--current {
  border-bottom: 2px solid #000;
}

.blog-title-link {
  margin-bottom: 0.5rem;
  text-decoration: none;
  display: block;
}

.blog-author-wrapper {
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

.blog-author-image-wrapper {
  margin-right: 1rem;
}

.blog-author-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
}

.blog-date-wrapper {
  align-items: center;
  display: flex;
}

.blog-text-divider {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.blog-collection-list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.time-to-read {
  grid-column-gap: 6px;
  display: flex;
}

.blog-post-header-title-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-post-header1-breadcrumb {
  color: #a0a7b3;
  align-items: center;
  width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
}

.breadcrumb-link {
  color: var(--yellow\<deleted\|variable-ae49c10e\>);
  text-decoration: none;
}

.breadcrumb-link.w--current {
  font-weight: 600;
}

.breadcrumb-divider {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: flex;
}

.blog-post-header-content-top {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.blog-post-header-author-wrapper {
  align-items: center;
  display: flex;
}

.blog-post-header-author-image-wrapper {
  margin-right: 1rem;
}

.blog-post-header-author-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.blog-post-header-date-wrapper {
  margin-top: 0.25rem;
  display: flex;
}

.blog-post-header-text-divider {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.blog-post-header-share {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: start;
  margin-top: 1rem;
  display: grid;
}

.blog-post-header-social-link {
  border-radius: 30rem;
  padding: 0.5rem;
  transition: background-color 0.2s;
}

.blog-post-header-social-link:hover {
  background-color: var(--border);
}

.blog-post-header-image-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50%;
  position: relative;
  overflow: hidden;
}

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

.blog-content {
  margin-bottom: 4rem;
}

.blog-content-bottom {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.blog-share-wrapper {
  flex-direction: column;
  align-items: center;
  width: 50%;
  display: flex;
}

.blog-divider {
  background-color: var(--border);
  width: 100%;
  max-width: 48rem;
  height: 1px;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

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

.user-image-wrapper {
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.user-image {
  border-radius: 20px;
  width: 100%;
}

.team-social-icons {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start center;
  padding: 0.4rem 0.8rem;
  display: grid;
  position: static;
  inset: 2% 3% auto auto;
}

.product-header-component {
  border: 1px solid var(--border);
  border-radius: var(--border-radius-small-3);
  background-color: var(--background-secondary);
  padding: 3rem;
}

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

.product-pricing-wrapper {
  border: 1px solid var(--grey\<deleted\|variable-7c326743\>);
  background-color: var(--background-primary);
  border-radius: 10px;
  padding: 2rem;
}

.select-field {
  color: #434446;
  background-color: #fff;
  border: 1px solid #555d6a;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}

.checkout-form {
  background-color: var(--background-primary);
}

.block-header {
  border-style: solid;
  border-color: var(--border);
  background-color: var(--background-secondary);
  padding-top: 20px;
  padding-bottom: 8px;
}

.block-content {
  border: 1px solid var(--border);
  background-color: var(--background-secondary);
  padding-bottom: 40px;
}

.customer-info {
  border: 1px solid var(--border);
  overflow: hidden;
}

.shipping-address {
  overflow: hidden;
}

.payment-info,
.billing-address {
  border-radius: 10px;
}

.order-items {
  border-radius: var(--border-radius-small-3);
}

.option {
  padding-left: 0;
}

.paypal-checkout-form,
.order-confirmation {
  background-color: var(--background-primary);
}

.cart {
  background-color: #0000;
  margin-top: 8px;
  overflow: hidden;
}

.cart-button {
  border-radius: var(--border-radius-small-3);
  background-color: #0000;
  margin-right: 6px;
  padding: 7px 5px;
  transition: background-color 0.2s;
}

.cart-button:hover {
  background-color: var(--border);
}

.cart-quantity {
  border: 1px solid var(--border);
  background-color: var(--background-tertiary);
  color: #fefefd;
  margin-left: 0;
  font-weight: 500;
}

.cart-container {
  border-style: solid;
  border-width: 1px;
  border-color: #1f2123 #1f2123 var(--grey\<deleted\|variable-7c326743\>);
  background-color: var(--background-primary);
}

.cart-header {
  border-bottom-color: var(--border);
}

.cart-quantity-2 {
  background-color: var(--background-secondary);
  border-color: #1f2123;
}

.cart-footer {
  border-top-color: #1f2123;
}

.apple-pay {
  border-radius: 10px;
}

.out-of-stock {
  background-color: #555d6a;
}

.background-cell-top {
  background-image: linear-gradient(to top,
      var(--background-primary) 33%,
      #0000 89%,
      var(--background-primary) 102%),
    url("../images/Dot1_1Dot1.png");
  background-position: 0 0, 0 0;
  background-size: auto, 18px;
}

.text-color-gradient {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: -13px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 900;
  display: block;
  position: static;
}

.navbar-menu-desktop {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.navbar-menu-chatbot {
  position: fixed;
  right: 11rem;
  top: -34px;
}

.header-image-block {
  position: relative;
  overflow: hidden;
}

.ellipse {
  background-color: var(--gradient-3);
  filter: blur(40px);
  color: var(--gradient-1);
  width: 10rem;
  height: 10rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.layout-image-block {
  border-radius: var(--border-radius-small-3);
  perspective: 1300px;
  position: relative;
  overflow: hidden;
}

.feature-circle {
  background-color: var(--gradient-3);
  filter: blur(20px);
  border-radius: 50px;
  width: 10rem;
  height: 10rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

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

.use-cases-component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.use-case-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-circle {
  z-index: 999;
  background-color: rgba(21, 107, 187, 0.5);
  filter: blur(150px);
  border-radius: 50%;
  width: 70%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% -110%;
}

.integration-content-item {
  border: 1px solid var(--border);
  background-color: var(--background-secondary);
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
  transition: background-color 0.2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.application-details {
  border: 1px solid var(--border);
  background-color: var(--background-secondary);
  padding: 2rem;
  position: sticky;
  top: 5rem;
  bottom: 5rem;
}

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

.integration-name {
  grid-column-gap: 2rem;
  display: flex;
}

.integration-logo {
  width: 3rem;
}

.layout-1-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.layout-1-row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.layout-1-card {
  border-radius: var(--border-radius-small-3);
  background-color: var(--background-secondary);
  background-image: linear-gradient(180deg,
      var(--background-secondary),
      var(--background-tertiary));
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.layout-1-image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 99.758%;
  padding: 2rem 1.2rem;
  display: flex;
  position: relative;
}

.layout-card-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  margin-top: 0;
  padding: 3rem;
  line-height: 1;
  display: flex;
  position: relative;
}

.ellipse-2 {
  background-color: var(--gradient-1);
  filter: blur(40px);
  width: 10rem;
  height: 10rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.beliefs-component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.beliefs-list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.beliefs-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.beliefs-image-wrapper {
  border-radius: 5px;
  width: 100%;
  padding: 1rem;
  position: relative;
  overflow: hidden;
}

.team-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;
  display: grid;
}

.team-item {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.team-image {
  border: 3px solid var(--border);
  object-fit: cover;
  border-radius: 100%;
  width: 10rem;
  min-width: 10rem;
  height: 10rem;
  min-height: 10rem;
}

.team-social {
  grid-column-gap: 0.875rem;
  grid-row-gap: 0.875rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-self: flex-start;
  margin-top: 1.5rem;
  display: grid;
}

.web-payments {
  margin-bottom: 20px;
  padding-top: 10px;
}

.layout-1-image-wrapper-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3.8rem;
  display: flex;
  position: relative;
}

.left-padding {
  padding-left: 2rem;
}

.integration-icon-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.integration-icon {
  border: 1px solid var(--border);
  background-color: #1f2125;
  background-image: linear-gradient(to bottom,
      var(--background-primary),
      var(--background-tertiary));
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  width: 5.5rem;
  height: 5.5rem;
  padding: 1rem;
  display: flex;
}

.right-padding {
  padding-right: 2rem;
}

.block-wrapper {
  height: 39rem;
  padding: 2rem;
  border-style: none;
  border-width: 1px;
  border-top-color: var(--border);
  border-right-color: var(--border);
  border-bottom-color: var(--border);
  border-left-color: var(--border);
  border-radius: 20px;
  background-color: var(--background-secondary);
  background-image: linear-gradient(rgb(26, 26, 26),
      rgb(26, 26, 26) 54%,
      rgb(10, 91, 117) 100%,
      white);
}

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

.header-image-circle {
  /* background-color: var(--gradient-3); */
  filter: blur(80px);
  border-radius: 50%;
  width: 60%;
  height: 10%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 5%;
}

.header-image {
  margin-top: 58px;
  overflow: hidden;
}

.tagline {
  text-align: justify;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  /* width: 46rem; */
  font-size: 3.2rem;
  margin-top: 6rem;
  margin-bottom: 45px;
  left: 3rem;
  padding-top: 0;
  padding-left: 0;
  font-weight: 900;
  display: block;
  position: static;
}

.circle-wrapper {
  justify-content: center;
  align-items: center;
  width: 40rem;
  height: 40rem;
  position: absolute;
  top: 20%;
  left: auto;
  right: -17%;
}

.circle-wrapper.left {
  border: 0 #000;
  border-radius: 0;
  width: 40rem;
  height: 40rem;
  font-size: 5px;
  inset: 7% auto 0% -17%;
}

.outer-circle {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.inner-cirle {
  background-color: var(--background-primary);
  border-radius: 100%;
  width: 60%;
  height: 60%;
  font-size: 1.7rem;
  position: static;
}

.inner-cirle.left {
  background-image: linear-gradient(180deg,
      var(--background-primary),
      #0000 73%);
}

.mini-circle {
  background-color: var(--gradient-3);
  filter: blur(50px);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 10rem;
  width: 40%;
  height: 40%;
  position: absolute;
  inset: 4% auto auto 16%;
}

.mini-circle.right {
  background-color: var(--gradient-1);
  inset: 4% 16% auto auto;
}

.mini-circle.gradient {
  padding-top: 0;
}

.outer-circle-copy {
  border: 1px solid var(--background-tertiary);
  background-image: radial-gradient(circle farthest-corner at 50% 50%,
      var(--background-primary),
      var(--gradient-3) 54%,
      #000);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.shipping-method {
  border-radius: var(--border-radius-small-3);
}

.pricing-center-block {
  border-radius: var(--border-radius-small-3);
}

.pricing-center-block:hover {
  border-radius: var(--border-radius-small-3);
  transform: scale(0.99);
}

.features-component {
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 41px;
  display: grid;
}

.layout-circle {
  z-index: -1;
  background-color: #1f2123;
  background-image: linear-gradient(to bottom,
      var(--background-secondary),
      var(--background-4));
  border-radius: 15rem;
  width: 18.5rem;
  height: 18.5rem;
  position: absolute;
  /* inset: 0% auto auto 0%; */
  right: -30%;
  top: 4%;
}

.layout-circle._4 {
  background-image: linear-gradient(180deg,
      var(--background-secondary),
      #2eeddd 0%,
      #156cbb 97%,
      var(--background-4));
  opacity: 0.27;
  left: -15%;
  top: 5%;
  /* width: 19.5rem; */
  /* height: 19.5rem; */
}

.layout-circle._1 {
  background-image: linear-gradient(180deg,
      var(--background-secondary),
      #2eeddd 0%,
      #156cbb 100%,
      var(--background-4));
  opacity: 0.27;
  /* margin-top: 40px; */
  /* padding-top: 0; */
  /* inset: 0% auto auto 65%; */
  right: -14%;
}

.layout-circle._3 {
  background-image: linear-gradient(180deg,
      var(--background-secondary),
      #2eeddd 0%,
      #156cbb 100%,
      var(--background-4));
  opacity: 0.27;
  /* inset: auto 0% auto auto; */
  top: 5%;
  /* width: 16.5rem; */
  /* height: 16.5rem; */
  right: -13%;
}


.layout-circle._2 {
  background-image: linear-gradient(180deg,
      var(--background-secondary),
      #2eeddd 0%,
      #156cbb 100%,
      var(--background-4));
  opacity: 0.27;
  left: -12%;
  top: 6%;
  /* width: 16.5rem;
    height: 16.5rem; */
}

.features-content-left {
  margin-top: 94px;
  position: sticky;
  top: 30%;
}

.features-content-item {
  border: 1px solid var(--border);
  border-radius: var(--border-radius-small-3);
  background-color: var(--background-secondary);
  margin-bottom: 2rem;
  padding: 2rem;
  position: sticky;
  overflow: hidden;
}

.features-content-item.content-item-2 {
  border-style: none;
  border-width: 0;
  height: auto;
  top: 13%;
}

.features-content-item.content-item-3 {
  border-style: none;
  border-width: 0;
  height: auto;
  top: 13%;
}

.features-content-item.content-item-1 {
  border-width: 0;
  height: auto;
  padding-top: 2.8rem;
  display: inline-block;
  top: 13%;
}

.features-content-item.content-item-1.content-item-3,
.features-content-item.content-item-1.content-item-3-copy {
  top: 21%;
}

.layout-circle-1 {
  z-index: 0;
  background-image: linear-gradient(135deg,
      var(--background-secondary),
      #2eeddd 0%,
      #156cbb 100%,
      var(--background-4));
  opacity: 1;
  border-radius: 15rem;
  width: 24rem;
  height: 24rem;
  position: absolute;
  inset: auto 1% 73% auto;
}

.layout-circle-1.right {
  background-image: linear-gradient(180deg,
      var(--background-secondary),
      #2eeddd 0%,
      #156cbb 100%,
      var(--background-4));
  margin-top: -130px;
  inset: 13% -42% auto auto;
}

.docs-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--border);
  border-radius: var(--border-radius-small-3);
  background-image: linear-gradient(to bottom,
      var(--background-secondary),
      var(--background-tertiary));
  text-align: center;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 1.8rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.docs-content {
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.docs-icon-block {
  border: 1px solid var(--border);
  padding: 0 0.5rem 0.5rem;
}

.docs-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.docs-category-component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.docs-category-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--border);
  border-radius: var(--border-radius-small-3);
  background-image: linear-gradient(to bottom,
      var(--background-secondary),
      var(--background-tertiary));
  text-align: center;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 1.8rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.docs-category-content {
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.docs-category-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cart-icon {
  width: 1.7rem;
}

.section-video-header {
  overflow: hidden;
}

.section-video-header.background-cell {
  margin-top: -150px;
}

.button-2 {
  color: #02051c;
  text-align: center;
  background-color: #fff;
  border: 1.2px solid #fff;
  border-radius: 50px;
  padding: 0.75rem 1.5rem;
  transition: border-color 0.2s, background-color 0.2s;
}

.button-2:hover {
  color: #02051c;
  background-color: #c1c2ca;
  border-color: #a2a4ae;
}

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

.video-header-lightbox-image {
  object-fit: contain;
}

.video-overlay-layer {
  z-index: 1;
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.lightbox-play-icon {
  z-index: 2;
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.video-header-component {
  perspective: 1300px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.video-header-lightbox {
  border: 1px solid #1a1d30;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading {
  color: var(--heading-primary);
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 60px;
  line-height: 4.8rem;
  position: relative;
  top: 15px;
}

.heading-2 {
  font-family: "Lato";
  transform: translate(0);
}

.text-block {
  padding-right: 0;
}

.text-span {
  display: inline-block;
}

.heading-3 {
  color: #fff;
  background-color: #fff0;
  text-align: center;
  padding-left: 0;
  font-size: 3rem;
  overflow: visible;
}

.text-color-white-gradient {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff 30%, #b5b5b5 70%);
  -webkit-background-clip: text;
  background-clip: text;
  position: static;
}

.text-color-gradient-2 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(96deg, #91eae4, #86a8e7 50%, #7f7fd5);
  -webkit-background-clip: text;
  background-clip: text;
  position: static;
}

.text-block-2 {
  font-weight: 700;
}

.circle-wrapper-2 {
  justify-content: center;
  align-items: center;
  width: 30rem;
  height: 30rem;
  margin: -23px -536px -1137px -108px;
  padding-right: 0;
  position: absolute;
  top: 20%;
  left: auto;
  right: -17%;
}

.circle-wrapper-2.left {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  inset: 7% auto 0% -17%;
  position: absolute;
  left: -19rem;
}

.mini-circle-2 {
  filter: blur(50px);
  background-color: #2eeddd;
  border-radius: 10rem;
  width: 40%;
  height: 40%;
  position: absolute;
  inset: 4% auto auto 16%;
}

.mini-circle-2.right {
  background-color: #2eeddd;
  inset: 4% 16% auto auto;
}

.outer-circle-copy-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: radial-gradient(circle,
      #131314,
      #434446 0%,
      #2eeddd 41%,
      #156cbb 76%,
      #141515);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 6px;
  padding-left: 0;
  display: flex;
  position: absolute;
  top: 0;
}

.inner-cirle-2 {
  background-color: #131314;
  border-radius: 100%;
  width: 60%;
  height: 60%;
  position: relative;
}

.inner-cirle-2.left {
  background-color: #131314;
  background-image: linear-gradient(#131314, #131314);
}

.hero-tittle-class {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(186deg, #2eeddd 41%, #156cbb 100%, #156cbb);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 188px;
  text-align: center;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 8rem;
  font-weight: 900;
  display: block;
  position: static;
}

.hero-tittle-class:hover {
  filter: drop-shadow(5px -7px 5px #000000b3);
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  outline-offset: 0px;
  mix-blend-mode: normal;
  outline: 8px #dfeae9;
  animation: scale;
  display: flex;
}

.header-subtitle {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #8e8e8e);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  /* padding-left: 155px; */
  font-size: 3rem;
  position: static;
}

.header-subtitle:hover {
  filter: drop-shadow(0 2px 5px #2eeddd8a);
  mix-blend-mode: overlay;
  background-image: linear-gradient(#fff, #8e8e8e);
}

.outer-circle-copy-3 {
  background-image: radial-gradient(circle,
      #131314,
      #2eeddd 44%,
      #156cbb 72%,
      #141515);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.paragraph {
  text-align: left;
  margin-top: 4px;
  margin-left: 19px;
  padding-left: 0;
  font-size: 1rem;
}

.container {
  margin-top: 138px;
}

.heading-4 {
  margin-top: 0;
}

.heading-5 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.video-overlay-layer-copy {
  z-index: 1;
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.text-block-3,
.text-block-4,
.text-block-5 {
  text-align: center;
  font-style: italic;
}

.paragraph-2 {
  margin-top: 17px;
  margin-left: 0;
  margin-right: -15px;
}

.image {
  width: 20rem;
  margin-top: 82px;
  margin-bottom: 0;
  padding-top: 0;
}

.text-span-2 {
  margin-left: -7px;
  font-size: 1rem;
}

.block-quote {
  margin-top: -238px;
  margin-left: 48px;
  padding-top: 2.75rem;
}

.image-2 {
  width: 12rem;
  margin-top: -323px;
  margin-left: 63px;
}

.heading-6 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#2eeddd, #156cbb);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: -3.4rem;
  font-weight: 900;
}

.text-span-3 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #2eeddd, #156cbb);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: -49px;
  margin-left: -27px;
  display: block;
}

.heading-7 {
  margin-top: -2.4rem;
}

.text-block-6 {
  padding-top: 0;
  font-size: 4rem;
  margin-bottom: 4rem;
  text-align: center;
}

#w-node-f5813092-fe70-00d7-43ac-4a891a8d54f2-e87d3a51 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a97b-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a981-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a986-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a99e-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a9a3-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a9a8-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a9ad-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a9b2-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a9ce-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a9d3-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a9d8-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a9dd-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a9f7-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4a9fd-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4aa02-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4aa1b-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4aa20-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4aa25-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4aa2a-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4aa2f-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4aa47-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4aa4c-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4aa51-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4aa56-e87d3a51,
#w-node-e1b64202-a359-0f3a-9ceb-01d088e4aa5b-e87d3a51 {
  align-self: start;
}

#w-node-c050c4a0-6882-5ac7-f58e-ccc86e8665e3-e87d3a51,
#w-node-c050c4a0-6882-5ac7-f58e-ccc86e8665e5-e87d3a51,
#w-node-c050c4a0-6882-5ac7-f58e-ccc86e8665e7-e87d3a51,
#w-node-c050c4a0-6882-5ac7-f58e-ccc86e8665e9-e87d3a51,
#w-node-c050c4a0-6882-5ac7-f58e-ccc86e8665ed-e87d3a51,
#w-node-c050c4a0-6882-5ac7-f58e-ccc86e8665ef-e87d3a51,
#w-node-c050c4a0-6882-5ac7-f58e-ccc86e8665f1-e87d3a51,
#w-node-c050c4a0-6882-5ac7-f58e-ccc86e8665f3-e87d3a51 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43ae3891-d61d-9721-c568-c71afe043a74-e87d3a51 {
  align-self: start;
}

#w-node-f6aa0546-fee1-c5f0-b759-2292d34524bf-d34524ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f6aa0546-fee1-c5f0-b759-2292d34524c1-d34524ab {
  align-self: stretch;
}

#w-node-ada88c13-847f-3243-7c83-5f13375dfcfa-e87d3ad4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ada88c13-847f-3243-7c83-5f13375dfd1d-e87d3ad4 {
  justify-self: center;
}

#w-node-_1793922d-5b59-d2cb-3f95-364269768000-e87d3ad7,
#w-node-_1793922d-5b59-d2cb-3f95-364269768002-e87d3ad7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ff9f5-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ff9fb-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa00-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa18-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa1d-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa22-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa27-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa2c-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa43-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa48-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa4d-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa52-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa57-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa71-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa77-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa7c-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa95-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa9a-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffa9f-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffaa4-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffaa9-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffac1-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffac6-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffacb-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffad0-e87d3ad8,
#w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffad5-e87d3ad8 {
  align-self: start;
}

#w-node-_4b5da9c6-8684-05ee-88e0-a25686c9b09a-e87d3add,
#w-node-_4b5da9c6-8684-05ee-88e0-a25686c9b0a0-e87d3add,
#w-node-_4b5da9c6-8684-05ee-88e0-a25686c9b0a6-e87d3add,
#w-node-_4b5da9c6-8684-05ee-88e0-a25686c9b0ac-e87d3add,
#field.w-node-_77c00405-4982-fcf0-3c8f-0bec6a4dc1ba-e87d3add,
#w-node-aceae18f-c0bb-59fe-1802-251d25f42e28-e87d3ae1,
#w-node-aceae18f-c0bb-59fe-1802-251d25f42e2a-e87d3ae1,
#w-node-b3e375c0-e6bf-5041-245e-1482212fc3a0-e87d3af5,
#w-node-b3e375c0-e6bf-5041-245e-1482212fc3aa-e87d3af5,
#w-node-_3d1b902b-e827-848b-0f12-906d02b40c9f-e87d3af8,
#w-node-_85aca1eb-d417-0a56-acf3-76375a5d09ce-e87d3af8,
#w-node-_3d1b902b-e827-848b-0f12-906d02b40ca8-e87d3af8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_397d4de3-b653-b090-e3e6-3d6941f74295-e87d3af9 {
  justify-self: center;
}

#w-node-_397d4de3-b653-b090-e3e6-3d6941f74296-e87d3af9,
#w-node-_397d4de3-b653-b090-e3e6-3d6941f74298-e87d3af9,
#w-node-_397d4de3-b653-b090-e3e6-3d6941f74299-e87d3af9,
#w-node-_397d4de3-b653-b090-e3e6-3d6941f7429d-e87d3af9,
#w-node-_397d4de3-b653-b090-e3e6-3d6941f742a1-e87d3af9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_912747f5-746f-c686-78cd-1570da414daf-e87d3afe,
#w-node-_912747f5-746f-c686-78cd-1570da414db4-e87d3afe,
#w-node-_912747f5-746f-c686-78cd-1570da414db9-e87d3afe,
#w-node-_912747f5-746f-c686-78cd-1570da414dd0-e87d3afe,
#w-node-_912747f5-746f-c686-78cd-1570da414dd5-e87d3afe,
#w-node-_912747f5-746f-c686-78cd-1570da414dda-e87d3afe,
#w-node-_912747f5-746f-c686-78cd-1570da414ddf-e87d3afe,
#w-node-d69a010c-3443-cde1-2888-4d04d0266937-e87d3afe,
#w-node-_912747f5-746f-c686-78cd-1570da414df6-e87d3afe,
#w-node-_912747f5-746f-c686-78cd-1570da414dfb-e87d3afe,
#w-node-_912747f5-746f-c686-78cd-1570da414e00-e87d3afe,
#w-node-_912747f5-746f-c686-78cd-1570da414e05-e87d3afe,
#w-node-_912747f5-746f-c686-78cd-1570da414e0a-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb046-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb04c-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb051-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb069-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb06e-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb073-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb078-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb07d-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb094-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb099-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb09e-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb0a3-e87d3afe,
#w-node-b6289151-833e-cf5b-1019-dfbdccebb0a8-e87d3afe {
  align-self: start;
}

#w-node-f3c5bb51-240d-7317-a5de-4c8297272193-e87d3b02 {
  justify-self: center;
}

#w-node-f3c5bb51-240d-7317-a5de-4c8297272195-e87d3b02,
#w-node-f3c5bb51-240d-7317-a5de-4c8297272196-e87d3b02,
#w-node-f3c5bb51-240d-7317-a5de-4c8297272197-e87d3b02,
#w-node-f3c5bb51-240d-7317-a5de-4c829727219b-e87d3b02,
#w-node-f3c5bb51-240d-7317-a5de-4c829727219f-e87d3b02 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eebb81d5-b020-3246-acb8-496d4adcde8b-e87d3b03 {
  align-self: start;
}

#w-node-eebb81d5-b020-3246-acb8-496d4adcdeac-e87d3b03,
#w-node-eebb81d5-b020-3246-acb8-496d4adcdeb3-e87d3b03,
#w-node-eebb81d5-b020-3246-acb8-496d4adcdec1-e87d3b03,
#w-node-_7fb3434d-b5db-d908-dd8f-49ef55d54fa9-e87d3b03,
#w-node-_5111e12e-32a0-ef7f-1eac-82af942f178d-e87d3b03,
#w-node-c06b39cd-8076-66d2-d484-d7df3d7f5b82-e87d3b03,
#w-node-_5cbfa321-efde-988d-8a9d-2df7ab7258b0-e87d3b03,
#w-node-f8176c74-625b-e717-b150-3deb346b6d50-e87d3b03,
#w-node-_8f5cd5f4-a658-3bfd-ca42-ab228d1d405c-e87d3b03,
#w-node-_2598b925-5a26-e8c8-8186-90f5aa939c4a-e87d3b03,
#w-node-cec1fc39-7b75-7a7a-8f50-bffea14e4daa-e87d3b03,
#w-node-e9fb3187-c21f-06d5-d8cc-11c93c41dc7b-e87d3b03,
#w-node-eebb81d5-b020-3246-acb8-496d4adcdf38-e87d3b03,
#w-node-d84dae6f-b8b6-8d3c-3af5-7637692144b4-e87d3b03,
#w-node-_125df5b7-dafd-4f62-6892-94dd09013359-e87d3b03,
#w-node-_5da43c04-67dd-f002-ef56-d90997d35a9d-e87d3b03,
#w-node-a976cb25-9192-c655-c71e-d1a91eb03bf2-e87d3b03 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

/* manually made cards */

.card-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px;
  gap: 20px;
}

.card {
  background-color: #1a1a1a;
  padding: 20px;
  border-radius: 8px;
  flex: 1 0 300px;
  min-height: 200px;
  border: 0px solid var(--border);
  border-radius: var(--border-radius-small-3);
  text-align: center;
  width: 100%;
  padding: 1.8rem;
  font-size: 1rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.card h2 {
  color: transparent;
  margin-bottom: 10px;
  font-family: "Lato";
  /* font-weight: 900; */
  /* background-image: linear-gradient(186deg, #2eeddd 41%, #156cbb 100%, #156cbb); */
  /* background-clip: text; */
  color: #fff;
}

.card p {
  line-height: 1.6;
  margin-bottom: 15px;
  text-align: justify;
  font-family: "Lato";
}

.card:hover {
  /* background-image: linear-gradient(#1a1a1a 69%, #0a5b75); */
  background-image: linear-gradient(rgba(26, 26, 26, 0.6) 69%, rgba(10, 90, 117, 0.6));
  transform: scale(0.95);
  box-shadow: 5px -10px 9px -3px #0003;
}

.site-info {
  display: flex;
  position: absolute;
  top: -79px;
}

.Web-Links {
  display: flex;
  flex-direction: column;
}

.useful-links {
  display: flex;
  justify-content: space-between;
  gap: 150px;
  position: relative;
}

.footer-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 8px 0 0 8px;
  margin-top: 5rem;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 1rem;
}

.useful-anchor-links {
  display: flex;
  flex-direction: column;
}

.anchor-heading {
  font-size: 1.3rem;
  font-family: "Lato";
}

.text-block-6>span {
  background: linear-gradient(186deg, #2eeddd 41%, #156cbb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.invoicewhiz-section {
  margin-top: 2rem;
}

.features-component-invoicewhiz {
  display: grid;
  grid-template-areas: "content-right content-left";
  /* Reverse the order */
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 4rem;
  margin-top: 41px;
  align-items: start;
}

.invoicewhiz-features-content-left {
  grid-area: content-left;
  margin-top: 94px;
  position: sticky;
  top: 30%;
}

.intelliventory-section {
  margin-top: 2rem;
}

.invoicewhiz-tagline {
  font-size: 3rem;
  font-family: "Lato";
  position: relative;
  left: 12rem;
  font-weight: 900;
  top: -1rem;
}

#chatbot-heading {
  font-size: 4rem;
  font-family: "Lato";
  position: relative;
  top: 7rem;
}

.intelliventory-tagline {
  font-size: 3rem;
  font-weight: 900;
  font-family: "Lato";
  position: relative;
  top: -3rem;
}

.invoicewhiz-heading {
  position: relative;
  top: 6rem;
}

.intelliventory-heading {
  position: relative;
  top: 6rem;
}

p {
  font-family: "Lato";
}

.chatbot-tagline {
  font-size: 3rem;
  font-weight: 900;
  font-family: "Lato";
  position: relative;
  top: -3rem;
}

.faqs-tagline {
  font-size: 3rem;
  font-weight: 800;
  font-family: "Lato";
}

.navbar-menu-left {
  position: relative;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  /* Hide the dropdown by default */
  position: absolute;
  background-color: #434446;
  min-width: 180px;
  border-radius: 25px;
  text-align: left;
  top: 3rem;
  left: 0.8rem;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content .dropdown-item {
  color: #ffffff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  border-radius: 25px;
}

.dropdown:hover .dropdown-content,
.dropdown-content:hover {
  display: block;
  /* Show the dropdown on hover and when hovering over the dropdown items */
}

.dropdown-content .dropdown-item:hover {
  background-color: #3b3b3b;
  /* Change color on hover */
  border-radius: 25px;
}

hr {
  padding-left: 2rem;
  width: 90%;
  padding-right: 2rem;
  border: 1px solid #434446;
  border-color: #434446;
  margin-top: 3%;
}

/* banner css */

.banner {
  background-color: #212224;
  padding: 20px 0;
  /* margin-bottom: 3rem; */
  width: 100%;
  text-align: center;
  border-radius: 25px;
  z-index: 100;
  position: relative;
  top: 5rem;
}

.banner-heading {
  color: white;
  font-size: 32px;
  margin-bottom: 30px;
}

.banner-logos {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.banner-logo img {
  max-width: 150px;
  transition: opacity 0.3s ease;
}

#paragraph-1 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.3rem;
  margin-bottom: 4rem;
  font-weight: bold;
  padding: 0rem 0rem;
  position: relative;
  font-family: "Lato";
  top: 3.5rem;
  width: 100%;
}

#paragraph-2 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.3rem;
  margin-bottom: 4rem;
  font-weight: bold;
  position: relative;
  font-family: "Lato";
  top: -10rem;
  padding: 0rem 6rem;
}

#paragraph-2>span {
  font-size: 26px;
  font-weight: 800;
  font-family: "Lato";
}

#paragraph-3 {
  text-align: justify;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.65rem;
  margin-bottom: 4rem;
  font-weight: bold;
  position: relative;
  top: -2rem;
  font-family: "Lato";
  padding: 0rem 7rem;
  line-height: 2rem;
}

#paragraph-3>span {
  font-size: 26px;
  font-weight: 800;
  font-family: "Lato";
}

#about-us-heading {
  font-size: 4rem;
  font-family: "Lato";
  position: relative;
  text-align: center;
}

#why-matter {
  font-size: 4rem;
  font-family: "Lato";
  font-weight: 900;
  text-align: center;
}

#why-we {
  font-size: 4rem;
  font-family: "Lato";
  margin-top: 4rem;
  font-weight: 900;
  text-align: center;
  margin-bottom: 5rem;
}

h1.heading-4 {
  /* width: 80rem; */
  font-size: 3rem;
  /* position: relative; */
  /* left: -16rem; */
  text-align: center;
  top: 3rem;
  margin-top: 9rem;
}

h1.heading-4 span {
  background: linear-gradient(to right, #2eeddd, #1dbfe3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 5rem;
  font-weight: 900;
  font-family: "Lato";
}

h1.heading-4 span {
  background: linear-gradient(to right, #2eeddd, #1dbfe3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 5rem;
  font-weight: 900;
  font-family: "Lato";
}

.get-intelligent {
  position: relative;
  left: 3rem;
  padding-top: 0;
  font-size: 2rem;
  bottom: 4rem;
  position: relative;
  left: 2.5rem;
}

.intellifind-matters {
  background-color: #131314;
  color: white;
  padding: 20px 20px 0;
  display: flex;
  font-family: Arial, sans-serif;
  position: relative;
  width: 100%;
  justify-content: space-between;
}

.intellifind-matters-unstructured-data {
  flex: 1;
  border-right: 2px solid #00b8d4;
  padding-right: 20px;
  box-sizing: border-box;
  margin-left: 2rem;
}

.intellifind-matters-unused-data {
  flex: 1;
  padding-left: 20px;
  box-sizing: border-box;
  margin-right: 3rem;
}

.intellifind-matters-percent {
  font-size: 8vw;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(186deg, #2eeddd 41%, #156cbb 100%, #156cbb);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: bold;
}

.intellifind-matters-data {
  font-size: 1.6vw;
  text-align: justify;
}

:root {
  --background-primary: #131314;
}

hr {
  border: 1px solid;
  border-image: linear-gradient(90deg, #2eeddd 40%, #156cbb 100%) 1;
  margin-inline: auto;
}


/* responsive quries for 480px, 576px, 767px, 991px, 1200px screen sizes  */
@media screen and (min-width: 1200px) {
  .pl-ifai {
    padding-left: 60px;
  }

  #paragraph-3 {
    text-align: center;
  }

  .heading-style-h1,
  .heading-style-h1-B {
    font-size: 3rem;
  }

  .heading-style-h1-mb {
    margin-bottom: 33px;
  }

  .text-block-6 {
    margin-bottom: 0;
  }

  #paragraph-1 {
    margin-bottom: 95px;
  }

  .tagline {
    margin-top: 12rem;
  }

  .mt-7rem {
    /* margin-top: 7rem; */
  }

  .pg-55 {
    margin-top: 55px;
  }

  .mb-32 {
    margin-bottom: 32px !important;
  }

  .mt-33 {
    margin-top: 33px;
  }

  .mt-0 {
    margin-top: 0;
  }

  .video-header-component {
    margin-top: -60px;
  }

  .pricing-component {
    margin-top: 0;
  }

  #Pricing {
    margin-top: 0;
  }

  .features-content-item.content-item-1,
  .features-content-item.content-item-2,
  .features-content-item.content-item-3 {
    height: 20rem;
    width: 100%;
  }

  .footer-newsletter-wrapper {
    width: 50%;
  }

  .get-started.is-secondary.is-small {
    width: 7rem;
    margin-left: 82%;
  }

  .footer-newsletter-wrapper {
    padding: 1rem 2rem;
  }

  #why-matter {
    margin-bottom: 2rem;
  }
}


@media screen and (max-width: 1200px) {
  h1.heading-4 span {
    font-size: 4rem;
  }

  h1.heading-4 {
    font-size: 3rem;
    text-align: center;
  }

  .header-subtitle {
    justify-content: center;
    font-size: 2.5rem;
  }

  .invoicewhiz-tagline {
    left: initial;
    text-align: center;
  }

  #paragraph-3 {
    position: initial;
    padding: 0rem;
  }
}

@media screen and (max-width: 991px) {
  .header-image {
    margin-top: 0;
  }

  .hero-tittle-class {
    margin-top: 120px;
  }

  h1 {
    font-size: 3.25rem;
    margin-top: 0.5rem;
  }

  h2 {
    font-size: 2.75rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  h4 {
    font-size: 1.75rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3.5rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-xlarge {
    padding: 3.5rem;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

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

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

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

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

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .heading-style-h1 {
    font-size: 3.25rem;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
  }

  .heading-style-h3 {
    font-size: 2.25rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .heading-medium {
    font-size: 1.75rem;
  }

  .navbar-component {
    width: 100%;
    margin-top: -52px;
    margin-left: 79px;
    padding-top: 10px;
  }

  .navbar-container {
    justify-content: space-between;
  }

  .navbar-logo-link,
  .navbar-logo-link.w--current {
    margin-right: 0;
  }

  .navbar-menu {
    background-color: var(--background-primary);
    -webkit-text-fill-color: inherit;
    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 0.5s;
    position: absolute;
    overflow: auto;
  }

  .navbar-link {
    width: auto;
    padding: 0.75rem 0;
    font-size: 1.125rem;
  }

  .navbar-menu-dropdown {
    width: 100%;
  }

  .navbar-dropdown-toggle {
    align-items: center;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .dropdown-icon {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .navbar-dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .navbar-dropdown-list.w--open {
    border-style: none;
    align-items: flex-start;
    padding: 0 0 0;
    position: relative;
    top: 0;
  }

  .navbar-dropdown-content {
    flex-direction: column;
  }

  .navbar-dropdown-content-layout {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-bottom-bar {
    flex-direction: column;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
  }

  .navbar-menu-right {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    display: block;
  }

  .navbar-menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-top: 5px;
    margin-right: -0.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon-line-top {
    background-color: var(--dark-grey);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon-line-middle {
    background-color: var(--dark-grey);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon-line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon-line-bottom {
    background-color: var(--dark-grey);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .service-list {
    grid-column-gap: 2rem;
  }

  .testimonial-component {
    column-count: 2;
  }

  .layout-component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .about-story-component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .about-story-timeline-step {
    grid-column-gap: 24px;
  }

  .heading-medium-text {
    font-size: 1.75rem;
  }

  .pricing-plans {
    grid-template-columns: 1fr;
  }

  .pricing-compare-top-row-price {
    font-size: 3.25rem;
  }

  .testimonial-single-component {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .values-content-bottom {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .content-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .content-content {
    margin-bottom: 3rem;
  }

  .content-newsletter {
    position: static;
  }

  .contact-header-component {
    grid-column-gap: 2rem;
  }

  .contact-locations-component {
    grid-column-gap: 3rem;
  }

  .signup-component,
  .login-component {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .navbar-dropdown-content-layout-copy {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .feature-list {
    grid-template-columns: 1fr 1fr;
  }

  .footer-newsletter-wrapper {
    /* justify-content: flex-start;
    margin-bottom: 4.5rem;
    display: block; */
  }

  .footer-newsletter-text-wrapper {
    margin-bottom: 1.5rem;
  }

  .footer-form-block {
    min-width: auto;
  }

  .footer-top-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-bottom-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-social-icons {
    margin-bottom: 2rem;
  }

  .change-log-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .change-log-date {
    position: static;
  }

  .blog-post-header-title-wrapper {
    margin-bottom: 4rem;
  }

  .blog-post-header-image-wrapper {
    padding-top: 56.25%;
  }

  .blog-content {
    margin-bottom: 3rem;
  }

  .user-content-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .team-social-icons {
    margin-bottom: 2rem;
  }

  .product-header-component {
    padding-bottom: 2.5rem;
  }

  .product-header-layout {
    grid-column-gap: 5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .cart-button {
    margin-right: 0;
  }

  .navbar-menu-desktop {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    display: none;
  }

  .use-case-list,
  .integration-list {
    grid-template-columns: 1fr 1fr;
  }

  .application-details {
    position: static;
  }

  .integration-content {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .layout-card-content {
    padding: 2rem;
  }

  .beliefs-list {
    grid-column-gap: 2rem;
  }

  .team-list {
    grid-template-columns: 1fr 1fr;
  }

  .integration-icon-wrapper {
    grid-column-gap: 1rem;
  }

  .circle-wrapper {
    width: 30rem;
    height: 30rem;
    right: -34%;
  }

  .circle-wrapper.left {
    left: -40%;
  }

  .outer-circle {
    margin-left: -210px;
  }

  .features-component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .docs-list,
  .docs-category-list {
    grid-template-columns: 1fr 1fr;
  }

  .video-header-lightbox-image {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .circle-wrapper-2 {
    width: 30rem;
    height: 30rem;
    right: -34%;
  }

  .circle-wrapper-2.left {
    left: -40%;
  }

  .outer-circle-copy-2 {
    margin-left: -194px;
  }

  .hero-tittle-class:hover {
    transform: scale(1.01);
  }

  #w-node-_948a986c-d501-5f5a-a45e-a4b93b5e2b8a-3b5e2b6d {
    grid-area: 1 / 1 / 2 / 4;
  }

  .navbar-menu-right {
    text-align: left;
  }

  .dropdown {
    display: block;
  }

  .navbar-menu-right {
    padding-left: 0.75rem;
  }

  #header-get-started {
    display: none;
  }
}

@media screen and (min-width: 991px) {
  .navbar-menu-right {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .hero-tittle-class {
    font-size: 3rem;
  }

  .hero-tittle-class {
    margin-top: 80px;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  h1.heading-4 span {
    font-size: 3rem;
  }

  #why-matter {
    font-size: 3rem;
  }

  .logo-image {
    /* margin-top: 15px; */
    padding-left: 10px;
  }

  h1.heading-4 {
    font-size: 3rem;
    text-align: center;
  }

  .header-subtitle {
    font-size: 1.5rem;
  }

  .features-component-invoicewhiz {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .invoicewhiz-features-content-left {
    grid-area: initial;
  }

  .features-component-invoicewhiz {
    display: grid;
    grid-template-areas: initial;
  }

  .margin-xsmall {
    margin: 0.75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2rem;
  }

  .margin-xlarge {
    margin: 2.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-xsmall {
    padding: 0.75rem;
  }

  .padding-small {
    padding: 1.25rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-xlarge {
    padding: 2.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

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

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

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

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

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .header-subcontent {
    font-size: 1rem;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

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

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

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

  .style-guide-content-layout {
    grid-template-columns: 1fr;
    grid-template-areas: ".";
  }

  .style-guide-menu {
    display: none;
  }

  .heading-medium {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .navbar-component {
    min-height: 4rem;
  }

  .navbar-menu {
    padding-bottom: 6rem;
    background-color: #131314;
  }

  .navbar-dropdown-content-layout {
    grid-row-gap: 0.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .navbar-dropdown-link-list {
    grid-row-gap: 0.5rem;
    max-width: none;
  }

  .navbar-item-text {
    padding-top: 11px;
  }

  .logo-list {
    grid-column-gap: 1rem;
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    padding-top: 1rem;
  }

  .logo-wrapper {
    padding: 0.75rem 1rem;
  }

  .logo {
    max-height: 3rem;
  }

  .service-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .testimonial-component {
    column-count: 1;
  }

  .testimonial-content {
    padding: 1.5rem;
  }

  .testimonial-client {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .testimonial-client-image-wrapper {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .faq-question {
    padding: 1rem 1.25rem;
  }

  .faq-icon {
    width: 1.75rem;
  }

  .faq-answer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .layout-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .about-story-component {
    grid-template-columns: 1fr;
  }

  .about-story-progress-bar-wrapper {
    left: 1.5rem;
  }

  .about-story-timeline-icon-wrapper {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .heading-medium-text {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .pricing-plans {
    grid-template-columns: 1fr;
  }

  .pricing-plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .pricing-compare-tabs-menu {
    margin-bottom: 3rem;
  }

  .pricing-compare-top-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .pricing-compare-empty-space {
    display: none;
  }

  .pricing-compare-top-row-price {
    font-size: 2.5rem;
  }

  .pricing-compare-top-row-price-month {
    font-size: 1.25rem;
  }

  .pricing-compare-row {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .pricing-compare-feature,
  .pricing-compare-row-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .pricing-compare-bottom-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .logo1-component {
    padding-top: 1rem;
  }

  .logo1-logo {
    max-height: 3rem;
  }

  .testimonial-single-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .testimonial-single-client {
    align-items: center;
    width: 100%;
  }

  .career-job-department {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .arrow-icon {
    width: 28px;
  }

  .career-list {
    margin-bottom: 1.5rem;
  }

  .career-item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .values-content-bottom {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .content-content {
    margin-bottom: 2rem;
  }

  .contact-header-component,
  .contact-locations-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .form-field-2col.is-mobile-1col {
    grid-template-columns: 1fr;
  }

  .signup-navbar,
  .signup-footer,
  .login-navbar,
  .login-footer {
    height: 4rem;
  }

  .navbar-dropdown-content-layout-copy {
    grid-row-gap: 0.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .feature-list {
    grid-template-columns: 1fr;
  }

  .footer-newsletter-wrapper {
    /* flex-direction: column;
    align-items: flex-start;
    margin-bottom: 3rem; */
  }

  .footer-top-wrapper {
    grid-row-gap: 2.5rem;
  }

  .footer-bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .footer-legal-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-auto-flow: row;
  }

  .footer-credit-text {
    margin-top: 1rem;
  }

  .job-content-metatag-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .blog-collection-list {
    grid-template-columns: 1fr;
  }

  .blog-post-header-title-wrapper {
    margin-bottom: 3rem;
  }

  .blog-content {
    margin-bottom: 2rem;
  }

  .blog-divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .user-content-component {
    grid-template-columns: 1fr;
  }

  .product-header-layout {
    grid-column-gap: 5rem;
    grid-row-gap: 2rem;
  }

  .use-case-list,
  .integration-list {
    grid-template-columns: 1fr;
  }

  .layout-1-component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .layout-1-row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .layout-1-card {
    grid-template-columns: 1fr;
  }

  .layout-card-content {
    padding: 1.5rem;
  }

  .beliefs-list,
  .team-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .circle-wrapper {
    width: 20rem;
    height: 20rem;
    display: none;
    bottom: -35%;
  }

  .features-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .features-content-left {
    position: static;
    text-align: center;
  }

  .docs-list,
  .docs-category-list {
    grid-template-columns: 1fr;
  }

  .circle-wrapper-2 {
    width: 20rem;
    height: 20rem;
    display: none;
    bottom: -35%;
  }

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

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

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

  .hero-tittle-class {
    font-size: 6rem;
    margin-top: 120px;
  }

  #w-node-_948a986c-d501-5f5a-a45e-a4b93b5e2b8a-3b5e2b6d {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffb22-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffb2f-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffb39-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffb42-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffb4b-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffb57-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffb64-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffb6e-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffb77-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffb80-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffb8c-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffb99-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffba3-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffbac-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffbb5-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffbf7-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc04-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc0e-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc17-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc20-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc2c-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc39-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc43-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc4c-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc55-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc61-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc6e-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc78-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc81-e87d3ad8,
  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffc8a-e87d3ad8 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_240b47fb-3b51-0b88-230b-f26aaf9ffcb2-e87d3ad8 {
    order: -9999;
  }

  #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb26c-e87d3afe,
  #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb279-e87d3afe,
  #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb283-e87d3afe,
  #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb28d-e87d3afe,
  #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb296-e87d3afe,
  #w-node-d961a569-966e-14eb-af97-93270f34b16a-e87d3afe,
  #w-node-d961a569-966e-14eb-af97-93270f34b177-e87d3afe,
  #w-node-d961a569-966e-14eb-af97-93270f34b181-e87d3afe,
  #w-node-d961a569-966e-14eb-af97-93270f34b18a-e87d3afe,
  #w-node-d961a569-966e-14eb-af97-93270f34b193-e87d3afe,
  #w-node-_1c286a1b-eded-3a13-c000-79fbf05fc353-e87d3afe,
  #w-node-_1c286a1b-eded-3a13-c000-79fbf05fc360-e87d3afe,
  #w-node-_1c286a1b-eded-3a13-c000-79fbf05fc36a-e87d3afe,
  #w-node-_1c286a1b-eded-3a13-c000-79fbf05fc373-e87d3afe,
  #w-node-_1c286a1b-eded-3a13-c000-79fbf05fc37c-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea45246-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea45253-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea4525d-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea45266-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea4526f-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea4527b-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea45288-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea45292-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea4529b-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea452a4-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea452b0-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea452bd-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea452c7-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea452d0-e87d3afe,
  #w-node-c790aa31-e255-78b1-bcdb-9e256ea452d9-e87d3afe {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_578410b8-f958-66a0-f4ca-29336bf0aa16-e87d3afe {
    order: -9999;
  }

  .tagline {
    font-size: 3rem;
    text-align: center;
  }

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

  .intellifind-matters {
    flex-direction: column;
  }

  #why-matter {
    margin-bottom: 0;
  }

  .intellifind-matters {
    padding: 1rem;
  }
}

@media screen and (max-width: 576px) {
  .hero-tittle-class {
    font-size: 4rem;
    margin-top: 90px;
  }
}

@media screen and (max-width: 480px) {
  .header-subtitle {
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#fff, #8e8e8e);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    display: flex;
    position: static;
  }

  .hero-tittle-class {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(186deg,
        #2eeddd 41%,
        #156cbb 100%,
        #156cbb);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 54px;
    text-align: center;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 3.5rem;
    font-weight: 900;
    display: block;
    position: static;
  }

  .tagline {
    text-align: justify;
    -webkit-text-fill-color: transparent;
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    /* width: 18rem; */
    font-size: 1.2rem;
    margin-top: -19px;
    margin-bottom: 45px;
    left: 3rem;
    padding-top: 0;
    padding-left: 0;
    font-weight: 900;
    display: block;
    position: static;
  }

  .invoicewhiz-tagline {
    font-size: 1.8rem;
    font-family: "Lato";
    position: relative;
    left: 1rem;
    font-weight: 900;
    top: 1rem;
  }

  hr {
    padding-left: 2rem;
    width: 69%;
    padding-right: 2rem;
    border: 1px solid #434446;
    margin-top: 3%;
  }

  .footer-newsletter-wrapper {
    /* display: none;
    flex-direction: column; */
  }

  .text-size-tiny {
    font-size: 13px;
  }

  .intelliventory-tagline {
    font-size: 2rem;
    font-weight: 900;
    font-family: "Lato";
    position: relative;
    top: -3rem;
  }

  .get-started.max-width-full {
    height: 2.6rem;
    margin-top: 0px;
    padding: 0.25rem;
  }

  .get-started.is-secondary {
    /* border: 1.5px solid var(--gradient-3); */
    color: var(--white);
    /* background-color: #0000; */
    /* background-image: none; */
    margin-top: 2px;
    font-size: 14px;
  }

  .get-started {
    /* border: 1.5px solid var(--border); */
    background-color: var(--gradient-3);
    color: var(--white);
    text-align: center;
    background-image: linear-gradient(135deg, #2eeddd, #156cbb 58%);
    border-radius: 50px;
    margin-top: 2px;
    padding: 0.75rem 1.25rem;
    font-weight: 900;
    font-size: 15px;
    text-decoration: none;
    transition: background-color 0.2s, transform 0.2s;
  }

  .heading-6 {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#2eeddd, #156cbb);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2rem;
    margin-top: -2.4rem;
    font-weight: 900;
  }

  h2 {
    font-size: 1.25rem;
  }

  .card p {
    line-height: 1.6;
    margin-bottom: 15px;
    font-size: small;
    text-align: left;
    font-family: "Lato";
  }

  h1 {
    font-size: 2rem;
  }

  #chatbot-heading {
    font-size: 1.8rem;
    font-family: "Lato";
    position: relative;
    top: 7rem;
  }

  .chatbot-tagline {
    font-size: 1.6rem;
    font-weight: 900;
    font-family: "Lato";
    position: relative;
    top: -3rem;
  }

  .heading-style-h5 {
    font-size: 18px;
  }

  p {
    font-family: "Lato";
    font-size: 1rem;
  }

  .icon-1x1-medium {
    border: 1px #000;
    border-radius: 5px;
    width: 3.5rem;
    height: 3.5rem;
  }

  .margin-bottom.margin-xsmall {
    margin-top: 0;
  }

  .features-content-item.content-item-2 {
    border-style: none;
    border-width: 0;
    height: 20rem;
    width: 100%;
    top: 12%;
  }

  .features-content-item.content-item-1 {
    border-width: 0;
    height: 20rem;
    width: 100%;
    display: inline-block;
    top: 12%;
  }

  .header-subcontent.text-color-white {
    margin-left: -9px;
    font-size: 1rem;
    text-align: left;

  }

  .useful-anchor-links {
    display: block;
    flex-direction: column;
    position: relative;
    top: -1rem;
    /* margin: 0 auto; */
  }

  .footer-link {
    margin-right: 1rem;
    font-size: 20px;
    margin-top: 1rem;
    display: inline-block;
  }

  .anchor-heading {
    font-size: 2rem;
    text-align: center;
  }

  .features-content-item.content-item-3 {
    border-style: none;
    border-width: 0;
    height: 20rem;
    width: 100%;
    top: 12%;
  }

  .text-weight-semibold.text-size-medium {
    /* margin-top: -22px;
    margin-left: -2px; */
    font-size: 1rem;
  }

  .get-started.is-secondary.is-small {
    box-sizing: border-box;
    aspect-ratio: 2;
    width: 6rem;
    position: relative;
    height: 3rem;
    padding: 0;
    line-height: 2.7rem;
    top: -50px;
    margin-left: 82%;
    font-size: 14px;
  }

  .paragraph-first {
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 0.5rem !important;
    margin-bottom: 4rem;
    font-weight: bold;
    /* padding: 0rem 2rem !important; */
    position: relative;
    font-family: "Lato";
    top: 1.5rem !important;
  }

  .banner-logo img {
    max-width: 57px !important;
    transition: opacity 0.3s ease;
  }

  #about-us-heading {
    font-size: 2.5rem !important;
    font-family: "Lato";
    position: relative;
  }

  .banner-heading {
    color: white;
    font-size: 20px !important;
    margin-bottom: 20px !important;
  }

  .banner {
    background-color: #212224;
    padding: 20px 0;
    margin-bottom: 6rem;
    width: 100%;
    text-align: center;
    border-radius: 25px;
    z-index: 100;
    position: relative;
    top: 0rem !important;
  }

  #why-matter {
    font-size: 1.8rem !important;
    font-family: "Lato";
    /* position: relative; */
    /* top: -13rem !important; */
    font-weight: 900;
    /* left: 3rem !important; */
  }

  #paragraph-2 {
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 0.7rem !important;
    margin-bottom: 0rem !important;
    font-weight: bold;
    position: relative;
    font-family: "Lato";
    top: -10rem;
    padding: 0rem 2rem !important;
  }

  .heading-4 {
    margin-top: -7rem !important;
  }

  #why-we {
    font-size: 2rem !important;
    font-family: "Lato";
    margin-top: 3rem;
    font-weight: 900;
    text-align: center;
  }

  #paragraph-3 {
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2.3rem;
    margin-bottom: 4rem;
    font-weight: bold;
    position: relative;
    top: -2rem;
    font-family: "Lato";
    /* padding: 0rem 1rem !important; */
  }

  .integration-icon {
    border: 1px solid var(--border);
    background-color: #1f2125;
    background-image: linear-gradient(to bottom,
        var(--background-primary),
        var(--background-tertiary));
    border-radius: 5rem;
    justify-content: center;
    align-items: center;
    width: 4.2rem;
    height: 4.2rem;
    padding: 1rem;
    display: flex;
  }

  .features-component-invoicewhiz {
    display: flex;
    flex-direction: column;
    margin-top: -17px;
    align-items: start;
  }

  .invoicewhiz-features-content-left {
    grid-area: content-left;
    margin-top: 94px;
    position: relative;
    top: 30%;
  }

  h1.heading-4 {
    /* width: 20rem; */
    font-size: 2rem;
    /* left: -2rem; */
    /* top: -0.5rem; */
    margin-top: 0.5rem;
    text-align: center;
  }

  h1.heading-4 span {
    font-size: 2rem;
  }

  .logo-image {
    /* margin-top: 25px; */
    padding-left: 0;
    position: relative;
    /* left: 53px; */
  }

  .header-component {
    margin-top: 0;
  }

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

  .features-component {
    grid-row-gap: 0;
  }

  .features-content-left {

    margin-top: 0;
  }

  .invoicewhiz-features-content-left {
    margin-top: 0;
  }

  .invoicewhiz-tagline {
    left: 40%;
  }

  .pricing-component {
    margin-top: 0;
  }

  #paragraph-1 {
    font-size: 1rem !important;
    text-align: center;
    margin-bottom: 6rem;
  }

  #paragraph-3 {
    font-size: 1rem;
  }

  .text-block-6 {
    font-size: 2rem;
    margin-bottom: 0;
  }

  .footer-newsletter-wrapper {
    width: 100%;
  }

  .our-workspaces {
    margin-top: 10rem;
    font-size: 2rem;
  }

  .navbar-link {
    padding: 0.75rem;
  }

  .navbar-component {
    margin-left: 60px;
    padding-right: 0;
  }

  .d-flex-child-50 {
    flex-direction: column;
    gap: 0;
  }

  .d-flex-child-50 div {
    font-size: 1rem !important;
  }

  .d-flex-child-50> :first-child {
    width: initial;
    font-size: 3rem !important;
  }

  .d-flex-child-50> :last-child {
    padding-right: 0;
  }

  .intellifind-matters-unstructured-data {
    border-right: none;
    padding-right: 0;
    margin-left: 0;
  }

  .intellifind-matters-unused-data {
    flex: 1;
    padding-left: 0;
    margin-right: 0;
  }

  .intellifind-matters-percent {
    font-size: 2rem;

  }

  .intellifind-matters-data {
    font-size: 1rem;
    text-align: center;
  }

  .text-span-2 {
    font-size: 13px;
    margin-left: initial;
  }

  .mt-0,
  #intelliventory {
    margin-top: 0;
  }

  .layout-circle._2 {
    top: 5%;
  }

}

@media screen and (max-width: 361px) {

  .features-content-item.content-item-1,
  .features-content-item.content-item-2,
  .features-content-item.content-item-3 {
    height: 20rem;
    width: 100%;
  }

  .heading-style-h5 {
    font-size: 20px;
    font-weight: bold;
  }

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

  .icon-1x1-medium {
    width: 3.5rem;
    height: 3.5rem;
  }

  .card p {
    text-align: justify;
    font-size: 1rem;
  }

  .features-content-item {
    margin-bottom: 1rem;
    padding: 1rem;
  }

  .card-container {
    padding: 0;
  }

  /* .pricing-component {
    padding: 0;
  } */
  .text-align-center {
    margin-bottom: 1rem;
  }

  .logo-image {
    width: 150px;
  }

  .footer-flex {
    gap: 1rem;
  }

}

.random-gradient-shape {
  /* background: url("../images/left-random-gradient-shape.gif") lightgray 50% / cover no-repeat; */
  /* filter: blur(52.75px); */
  /* transform: rotate(79.063deg); */
  /* height: 80vh; */
  /* width: 100vw; */
}