:root {
  --dark: #050038;
  --primary-blue: #4262ff;
  --white: white;
  --red: #f24e1e;
  --sweet-purple: #a259ff;
  --playful-yellow: #ffd02f;
  --white-smoke: #e9e9e9;
  --grey: #757575;
  --gainsboro: #e5e5e5;
  --white-f7f7f7: #f7f7f7;
  --slate-blue: #3f53d8;
  --gainsboro-d8d8d8: #d8d8d8;
  --light-grey: #cacaca;
  --lemon-green: #a6c03d;
  --black: black;
  --gainsboro-light: #dedede;
  --white-smoke-quote: #f2f2f2;
  --white-smoke-search: #f4f4f4;
  --dim-grey: #727272;
  --white-smoke-f1f3f6: #f1f3f6;
  --grey-2: #757575;
  --midnight-blue: #050038;
  --light-steel-blue: #bbc7ff;
  --plum: #cea7ff;
  --yellow-green: #bad15c;
  --light-salmon: #ffc1ae;
  --white-smoke-2: #f0f0f0;
  --text-light: #0009;
}

.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-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-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-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
  color: var(--dark);
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 16px;
  line-height: 120%;
}

h1 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 72px;
  font-weight: 700;
  line-height: 120%;
}

h2 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 58px;
  font-weight: 700;
  line-height: 125%;
}

h3 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

p {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 140%;
}

ul {
  margin-bottom: 10px;
  padding-top: 20px;
  padding-left: 30px;
}

li {
  margin-bottom: 5px;
  font-size: 22px;
  line-height: 145%;
}

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

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.style-guide-content {
  grid-row-gap: 20px;
  border-radius: 5px;
  flex-direction: column;
  width: 90%;
  max-width: 1160px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.style-guide-main {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 100px;
  padding-bottom: 60px;
  position: relative;
}

.style-guide-link {
  justify-content: center;
  width: 100%;
  margin-right: 20px;
  display: flex;
}

.style-guide-links {
  border: 2px solid var(--dark);
  color: var(--dark);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-bottom: -1px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 15px 30px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.style-guide-content-wrap {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.body-16px {
  font-size: 16px;
  line-height: 150%;
}

.body-18px {
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.body-22px {
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  line-height: 145%;
}

.body-22px.max-width-650px {
  max-width: 650px;
}

.body-22px.max-width-560px {
  max-width: 560px;
}

.body-22px.max-width-716px {
  max-width: 716px;
}

.body-22px.max-width-500px {
  max-width: 500px;
}

.body-22px.max-width-630px {
  max-width: 630px;
}

.flex-horizontal {
  display: flex;
}

.flex-horizontal.center-apart {
  justify-content: space-between;
  align-items: center;
}

.flex-horizontal.center-apart.style-guide-colour {
  margin-bottom: 20px;
}

.style-guide-titles {
  color: var(--primary-blue);
  margin-bottom: 20px;
}

.wrapper-1160px {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.wrapper-1160px.home-hero-flex {
  flex-direction: column;
  max-width: 1290px;
  padding-top: 80px;
  padding-bottom: 60px;
}

.wrapper-1160px.navbar-wrapper {
  max-width: 1328px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.wrapper-1160px.home-logo-flex {
  grid-row-gap: 32px;
  flex-direction: column;
  padding-top: 60px;
}

.wrapper-1160px.home-feature-spotlight-flex {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  max-width: 1180px;
  padding-top: 80px;
  padding-bottom: 180px;
}

.wrapper-1160px.home-discover-flex {
  padding-top: 130px;
  padding-bottom: 130px;
}

.wrapper-1160px.industry-expert-flex {
  padding-bottom: 180px;
}

.wrapper-1160px.app-integration-flex {
  padding-bottom: 80px;
}

.wrapper-1160px.business-growth-flex {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-direction: column;
  padding-top: 180px;
}

.wrapper-1160px.customer-flex {
  grid-column-gap: 94px;
  grid-row-gap: 94px;
  flex-direction: column;
}

.wrapper-1160px.home-integration-flex {
  grid-column-gap: 148px;
  grid-row-gap: 148px;
  flex-direction: column;
}

.wrapper-1160px.footer-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}

.wrapper-1160px.about-team-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 180px;
  padding-bottom: 180px;
}

.wrapper-1160px.about-hero-flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  max-width: 1218px;
  padding-top: 64px;
}

.wrapper-1160px.about-numbers-flex {
  max-width: 1036px;
  padding-top: 70px;
  padding-bottom: 70px;
}

.wrapper-1160px.best-people-flex {
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper-1160px.about-venture-flex {
  flex-direction: column;
  max-width: 920px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.wrapper-1160px.faq-flex {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  padding-top: 60px;
  padding-bottom: 180px;
}

.wrapper-1160px.comparision-table-flex {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  padding-top: 60px;
  padding-bottom: 0;
}

.wrapper-1160px.pricing-hero-flex {
  flex-direction: column;
  padding-bottom: 40px;
}

.wrapper-1160px.pricing-testimonial-flex {
  grid-column-gap: 74px;
  grid-row-gap: 74px;
  flex-direction: column;
  padding-top: 60px;
  padding-bottom: 180px;
}

.wrapper-1160px.latest-blogs-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 160px;
  padding-bottom: 180px;
}

.wrapper-1160px.newsletter-flex {
  justify-content: center;
}

.wrapper-1160px.blog-hero-flex {
  flex-direction: column;
  padding-bottom: 120px;
}

.wrapper-1160px.blog-details-summary-flex {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1000px;
  margin-bottom: 100px;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-1160px.related-blog-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 180px;
}

.wrapper-1160px.integration-hero-flex {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-direction: column;
  padding-top: 120px;
}

.wrapper-1160px.contact-hero-flex {
  align-items: flex-start;
  max-width: 1210px;
  padding-top: 72px;
  padding-bottom: 106px;
}

.wrapper-1160px.contact-answer-flex {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 120px;
  padding-bottom: 120px;
}

.wrapper-1160px._404-hero-flex {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  max-width: 1048px;
  padding-top: 90px;
}

.wrapper-1160px.feature-roi-flex {
  flex-direction: column;
  padding-bottom: 63px;
}

.wrapper-1160px.feature-hero-flex {
  padding-top: 40px;
  padding-bottom: 58px;
}

.wrapper-1160px.feature-best-places-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 120px;
  padding-bottom: 80px;
}

.wrapper-1160px.customer-first-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  margin-bottom: -129px;
  padding-top: 50px;
}

.wrapper-1160px.feature-spotlight-flex {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 60px;
}

.wrapper-1160px.seach-result-flex {
  flex-direction: column;
}

.wrapper-1160px.home-3-hero-flex {
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  flex-direction: column;
  max-width: 1236px;
}

.wrapper-1160px.home-3-testimonial-flex {
  max-width: 1240px;
}

.wrapper-1160px.home-3-feature-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 50px;
  padding-bottom: 80px;
}

.wrapper-1160px.home-3-data-analysis-flex {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  max-width: 1240px;
}

.wrapper-1160px.home-3-discover-blue-flex {
  flex-direction: row-reverse;
}

.wrapper-1160px.why-choose-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1000px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper-1160px.home-3-integration-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 160px;
}

.wrapper-1160px.home-3-customer-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1230px;
}

.wrapper-1160px.home-3-contact-flex {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  align-items: stretch;
  max-width: 1200px;
}

.wrapper-1160px.home-3-cta-flex {
  flex-direction: column;
  justify-content: center;
  padding-top: 140px;
  padding-bottom: 140px;
}

.wrapper-1160px.reviews-hero-flex {
  max-width: 1200px;
  padding-bottom: 130px;
}

.wrapper-1160px.reviews-customer-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 180px;
  padding-bottom: 180px;
}

.wrapper-1160px.faq-card-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
}

.wrapper-1160px.download-hero-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  color: var(--white);
  flex-direction: column;
}

.wrapper-1160px.different-section-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-bottom: 180px;
}

.wrapper-1160px.demo-hero-flex {
  max-width: 1240px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper-1160px.venture-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 140px;
  padding-bottom: 140px;
}

.wrapper-1160px.customer-flex-180px {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 180px;
  padding-bottom: 180px;
}

.wrapper-1160px.creative-freedom-flex-180px {
  padding-top: 180px;
}

.wrapper-1160px.careers-hero-flex {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  max-width: 1360px;
  padding-top: 56px;
  padding-bottom: 180px;
}

.wrapper-1160px.careers-opening-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper-1160px.home-2-cta-section {
  border: 1px solid var(--dark);
  background-color: var(--dark);
  color: var(--white);
  border-radius: 24px;
  align-items: flex-end;
  padding-top: 48px;
  padding-bottom: 0;
  padding-left: 48px;
  overflow: hidden;
}

.wrapper-1160px.pricing-2-hero-flex {
  flex-direction: column;
  max-width: 1200px;
}

.wrapper-1160px.pricing-2-customer-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper-1160px.different-blue-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 160px;
  padding-bottom: 160px;
}

.wrapper-1160px.team-yellow-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1200px;
  padding-top: 160px;
  padding-bottom: 160px;
}

.wrapper-1160px.about-3-hero-flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  max-width: 1304px;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-1160px.about-benefit-flex {
  grid-column-gap: 188px;
  grid-row-gap: 188px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 180px;
  padding-bottom: 40px;
  display: flex;
}

.wrapper-1160px.faq-open-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1134px;
  padding-top: 0;
  padding-bottom: 80px;
}

.wrapper-1160px.pricing-table-flex {
  grid-column-gap: 84px;
  grid-row-gap: 84px;
  flex-direction: column;
  max-width: 1200px;
}

.wrapper-1160px.pricing-3-hero-flex {
  padding-bottom: 236px;
}

.wrapper-1160px.pricing-plan-flex {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-direction: column;
  align-items: center;
  max-width: 1240px;
  margin-top: -136px;
  padding-top: 0;
  padding-bottom: 110px;
}

.wrapper-1160px.about-2-hero-flex {
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  padding-bottom: 106px;
}

.wrapper-1160px.about-2-creative-talent-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 80px;
}

.wrapper-1160px.about-2-different-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
}

.wrapper-1160px.about-2-people-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1200px;
  padding-top: 180px;
  padding-bottom: 80px;
}

.wrapper-1160px.about-2-team-flex {
  align-items: flex-start;
  max-width: 1200px;
  padding-top: 180px;
}

.wrapper-1160px.home-2-creative-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1174px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper-1160px.home-2-analysis-flex {
  align-items: flex-start;
  max-width: 1165px;
}

.wrapper-1160px.home-2-feature-flex {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper-1160px.home-2-spotlight-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1170px;
  padding-top: 180px;
  padding-bottom: 298px;
}

.wrapper-1160px.home-2-hero-flex {
  align-items: flex-start;
  max-width: 1309px;
  padding-top: 46px;
  padding-bottom: 50px;
}

.wrapper-1160px.home-2-result-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 50px;
  padding-bottom: 50px;
}

.wrapper-1160px.about-2-discover-flex {
  max-width: 1200px;
  padding-top: 80px;
  padding-bottom: 180px;
}

.wrapper-1160px.all-stories-flex {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.wrapper-1160px.customer-stories-hero-flex {
  max-width: 1240px;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-1160px.cs-hero-cms-flex {
  flex-direction: column;
  padding-bottom: 332px;
}

.wrapper-1160px.cs-rich-text-flex {
  margin-top: -272px;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper-1160px.all-stories-cms-flex {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  padding-top: 0;
  display: flex;
}

.wrapper-1160px.overview-hero-flex {
  flex-direction: column;
  padding-top: 56px;
  padding-bottom: 80px;
}

.wrapper-1160px.overview-content-block-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper-1160px.overview-page-item-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  max-width: 1240px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.wrapper-1160px.overview-spotlight-flex {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  padding-top: 140px;
  padding-bottom: 140px;
}

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

.margin-bottom-60px {
  margin-bottom: 60px;
}

.margin-bottom-100px {
  margin-bottom: 100px;
}

.image-container {
  justify-content: center;
  align-items: center;
  width: 48%;
  max-width: 550px;
  display: flex;
  position: relative;
}

.image-container.product-hero {
  flex-direction: column;
  align-items: stretch;
  width: 50%;
  max-width: 600px;
}

.wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 85%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.wrapper.licensing-2 {
  align-items: flex-start;
}

.wrapper.changelog-wrapper {
  flex-direction: column;
  justify-content: center;
  width: 90%;
}

.wrapper.instruction-wrapper {
  flex-direction: column;
  align-items: center;
  width: 90%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper.licensing-2 {
  flex-direction: column;
  align-items: stretch;
}

.update-text {
  margin-bottom: 10px;
}

.update-text.heading-bold-text {
  margin-bottom: 24px;
}

.reference-wrapper {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.reference-wrapper.updates {
  text-align: center;
  border: 0 solid #000;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 620px;
  margin-top: 0;
  padding: 0;
}

.heading-animation-div {
  width: auto;
  display: block;
}

.page-wrapper {
  overflow: hidden;
}

.page-wrapper.overflow-on {
  overflow: visible;
}

.body-22px-medium {
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 145%;
}

.body-22px-medium.max-width-600px {
  max-width: 600px;
}

.body-22px-bold {
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.body-18px-medium {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.body-18px-medium.italic {
  font-family: Plusjakartadisplay, sans-serif;
  font-style: italic;
}

.body-18px-bold {
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
}

.blue-button {
  background-color: var(--primary-blue);
  color: var(--white);
  text-align: center;
  border-radius: 100px;
  padding: 18px 36px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  transition: all .2s;
}

.blue-button:hover {
  background-color: var(--red);
}

.blue-button.pricing-button {
  width: 100%;
}

.blue-button.pricing-white-button {
  background-color: var(--white);
  color: var(--primary-blue);
  width: 100%;
}

.blue-button.pricing-white-button:hover {
  background-color: var(--red);
  color: var(--white);
}

.blue-button.newsletter-button {
  padding: 14px 32px;
  font-size: 18px;
  line-height: 156%;
}

.blue-button.search-button {
  background-color: var(--dark);
  padding: 14px 32px;
}

.blue-button.integration-button {
  flex: none;
  padding: 14px 32px;
  font-size: 18px;
  line-height: 156%;
}

.blue-button.contact-form {
  margin-top: 28px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.blue-button.forgot-password, .blue-button.log-in-button {
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
}

.blue-button.large {
  padding-left: 40px;
  padding-right: 40px;
}

.white-button {
  background-color: var(--white);
  color: var(--primary-blue);
  text-align: center;
  border-radius: 100px;
  padding: 18px 36px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  transition: all .2s;
}

.white-button:hover {
  background-color: var(--sweet-purple);
  color: var(--white);
}

.blue-button-small {
  background-color: var(--primary-blue);
  text-align: center;
  border-radius: 100px;
  padding: 14px 32px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
  transition: all .2s;
}

.blue-button-small:hover {
  background-color: var(--red);
}

.nav-button {
  background-color: var(--dark);
  text-align: center;
  border-radius: 100px;
  padding: 12px 24px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  transition: all .2s;
}

.nav-button:hover {
  background-color: var(--playful-yellow);
  color: var(--dark);
}

.nav-button.white {
  background-color: var(--white);
  color: var(--dark);
}

.primary-blue-button {
  grid-column-gap: 16px;
  background-color: var(--primary-blue);
  color: var(--white);
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button:hover {
  background-color: var(--sweet-purple);
}

.primary-blue-button.phone {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--white-smoke);
  color: var(--dark);
  text-align: center;
  width: 100%;
}

.primary-blue-button.white {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--white);
  color: var(--dark);
}

.primary-blue-button.contact-phone {
  grid-column-gap: 85px;
  grid-row-gap: 85px;
  background-color: #fff3;
}

.primary-blue-button.grey {
  background-color: var(--white-smoke);
  color: var(--dark);
}

.primary-blue-button.grey:hover {
  background-color: var(--playful-yellow);
}

.primary-button-icon-wrapper {
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.primary-button-icon-wrapper.blue {
  background-color: var(--primary-blue);
}

.primary-button-blue-icon {
  width: 26px;
  height: 26px;
}

.home-hero-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 116px;
  display: flex;
  position: relative;
}

.home-hero-heading {
  margin-bottom: 24px;
}

.purple-text-span {
  background-color: var(--sweet-purple);
  color: var(--white);
  border-radius: 10px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.hero-button-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  margin-top: 36px;
  display: flex;
}

.no-credit-card-text {
  color: var(--grey);
  letter-spacing: -.01em;
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.home-hero-visual-image {
  width: 100%;
  height: 100%;
}

.navbar {
  z-index: 99999;
  background-color: var(--white);
}

.navbar.black {
  background-color: var(--dark);
  color: var(--white);
}

.navbar-button-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.round-hero-logo {
  width: 100%;
  height: 100%;
}

.round-hero-brand {
  width: 30%;
  max-width: 133px;
  padding-left: 0;
}

.nav-link {
  padding-top: 0;
  padding-bottom: 0;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--red);
}

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

.home-hero-item.right-with-arrow {
  z-index: 11;
  width: 50%;
  max-width: 90px;
  height: auto;
  position: absolute;
  inset: auto 15% 5% auto;
}

.home-hero-item.chart {
  width: 50%;
  max-width: 65px;
  height: auto;
  position: absolute;
  inset: auto auto 30% 5%;
}

.home-hero-item.pencil {
  z-index: 11;
  width: 50%;
  max-width: 72px;
  height: auto;
  position: absolute;
  inset: 0% auto auto -3%;
}

.home-hero-item.purple-profile {
  z-index: 11;
  width: 50%;
  max-width: 53px;
  height: auto;
  position: absolute;
  inset: auto auto 0% 0%;
}

.home-hero-item.bulb {
  z-index: 11;
  width: 50%;
  max-width: 69px;
  height: auto;
  position: absolute;
  inset: auto 5% 40% auto;
}

.home-hero-item.red-profile {
  z-index: 11;
  width: 50%;
  max-width: 48px;
  height: auto;
  position: absolute;
  inset: 0% 0% auto auto;
}

.home-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1068px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-logo-grid {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  width: 100%;
}

.home-logo-hero-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 200px;
  display: flex;
}

.home-hero-item-image {
  width: 100%;
}

.home-logo-text-wrapper {
  color: var(--grey);
}

.home-feature-spotlight-container {
  text-align: center;
  width: 100%;
  max-width: 804px;
}

.red-text-span {
  background-color: var(--red);
  color: var(--white);
  border-radius: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.home-feature-spotlight-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.home-hero-spotlight-container {
  width: 100%;
  max-width: 360px;
  position: relative;
}

.home-hero-spotlight-wrapper {
  z-index: 11;
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 50px 40px;
  transition: all .3s;
  position: relative;
}

.home-hero-spotlight-wrapper:hover {
  transform: translate(-20px, -20px);
}

.home-hero-absolute-bg {
  background-color: var(--playful-yellow);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.home-hero-spotlight-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 32px;
}

.home-hero-spotlight-heading {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.home-hero-spotlight-para {
  font-size: 18px;
  line-height: 156%;
}

.home-discover-blue-section {
  background-color: var(--dark);
  color: var(--white);
}

.home-discover-image-container {
  width: 45%;
  max-width: 524px;
  position: relative;
}

.home-discover-text-container {
  flex-direction: column;
  align-items: flex-start;
  width: 47%;
  max-width: 560px;
  display: flex;
}

.home-discover-text-container.home-3-discover-text-container {
  max-width: 470px;
}

.discover-blue-hero-image {
  width: 100%;
  height: 100%;
}

.discover-hero-item {
  box-shadow: 0 6px 20px #62626240;
}

.discover-hero-item._1 {
  z-index: 11;
  width: 70%;
  max-width: 349px;
  position: absolute;
  inset: auto auto 10% -10%;
}

.discover-hero-item._2 {
  z-index: 11;
  width: 50%;
  max-width: 190px;
  position: absolute;
  inset: 15% -10% auto auto;
}

.discover-hero-item.about-2-item-2 {
  box-shadow: none;
  width: 90%;
  max-width: 432px;
  position: absolute;
  inset: auto auto -40px -10%;
}

.discover-hero-item.about-2-item-1 {
  box-shadow: none;
  width: 50%;
  max-width: 237px;
  position: absolute;
  inset: 80px -15% auto auto;
}

.discover-hero-item-image {
  width: 100%;
  height: 100%;
}

.discover-pointer-heading {
  background-image: url('../images/checks.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 14px;
  padding-left: 40px;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.discover-pointer-heading.black-icon {
  background-image: url('../images/black-checks.svg');
}

.discover-pointer-sub-para {
  font-size: 18px;
  line-height: 156%;
}

.discover-pointer-container {
  width: 100%;
  max-width: 440px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.discover-pointer-spacer-line {
  background-color: #fff3;
  width: 100%;
  height: 1px;
  margin-top: 16px;
  margin-bottom: 24px;
}

.discover-pointer-spacer-line.black-spacer-line {
  background-color: #05003833;
  margin-top: 24px;
}

.land-more-white-link-block {
  grid-column-gap: 12px;
  color: var(--white);
  align-items: center;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
  text-decoration: none;
  display: flex;
}

.load-more-white-icon-wrapper {
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.load-more-dark-blue-icon {
  width: 12px;
  height: 12px;
}

.home-cta-section {
  background-color: var(--dark);
  color: var(--white);
  position: relative;
  overflow: hidden;
}

.home-cta-hero-wrapper {
  z-index: 11;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1068px;
  display: flex;
  position: relative;
}

.home-cta-hero-heading {
  margin-bottom: 24px;
  font-size: 38px;
  line-height: 120%;
}

.button-wrapper {
  flex: none;
}

.button-wrapper.margin-top-36px {
  margin-top: 36px;
}

.home-cta-hero-image {
  object-fit: cover;
  width: 100%;
  max-width: 396px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.home-hero-item-image-1 {
  object-fit: cover;
  width: 90%;
  max-width: 410px;
  height: auto;
  margin-bottom: 0;
  position: absolute;
  inset: auto auto 0% 0%;
}

.industry-expert-text-container {
  width: 44%;
  max-width: 450px;
}

.industry-expert-image-container {
  width: 55%;
  max-width: 665px;
}

.industry-expert-hero-img {
  width: 100%;
  height: 100%;
}

.h2-heading-58px {
  font-size: 24px;
}

.h2-heading-58px.margin-bottom-18px {
  margin-bottom: 18px;
}

.h2-heading-58px.margin-bottom-24px {
  margin-bottom: 24px;
}

.h2-heading-58px.margin-bottom-15px {
  margin-bottom: 15px;
}

.h2-heading-58px.margin-bottom-30px {
  margin-bottom: 30px;
}

.industry-expert-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 295px;
  margin-top: 36px;
  display: flex;
}

.app-integration-text-container {
  flex-direction: column;
  align-items: flex-start;
  width: 45%;
  max-width: 460px;
  display: flex;
}

.app-integration-image-container {
  width: 49%;
  max-width: 580px;
}

.app-integration-hero-image {
  width: 100%;
  height: 100%;
}

.land-more-link-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--dark);
  align-items: center;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
  text-decoration: none;
  display: flex;
}

.land-more-link-block.margin-top-32px {
  margin-top: 32px;
}

.load-more-icon-wrapper {
  background-color: var(--dark);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.customer-section {
  overflow: hidden;
}

.business-growth-container-1, .business-growth-container-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.business-growth-1-img-container {
  width: 46%;
  max-width: 500px;
}

.business-growth-1-text-container {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  max-width: 540px;
  display: flex;
}

.business-growth-hero-image {
  width: 100%;
  height: 100%;
}

.business-growth-line-spacer {
  background-color: var(--gainsboro);
  width: 100%;
  height: 1px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.business-growth-numbers-item {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 491px;
  display: flex;
}

.business-growth-number-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  width: 100%;
  max-width: 220px;
  display: flex;
}

.business-growth-large-text {
  letter-spacing: -.01em;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.business-growth-normal-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
}

.customer-upper-text-container {
  text-align: center;
  width: 100%;
  max-width: 810px;
}

.customer-slider-container {
  width: 100%;
}

.customer-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.customer-slider-mask {
  width: 100%;
  max-width: 560px;
  overflow: visible;
}

.customer-slide {
  border: 1px solid #000;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  margin-right: 40px;
  padding: 40px 40px 36px;
}

.customer-slide-nav {
  display: none;
}

.customer-slide-wrapper {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.customer-slide-para {
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 500;
  line-height: 145%;
}

.customer-slide-sign-up-rate {
  margin-bottom: 28px;
  font-size: 22px;
  line-height: 100%;
}

.customer-slider-left-arrow {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .1s;
  display: flex;
  inset: 0% auto 0% -24px;
}

.customer-slider-left-arrow:hover {
  filter: invert();
}

.customer-slider-left-arrow.home-3-customer-slider-arrow {
  inset: auto auto -96px 0%;
}

.customer-slider-bold-text {
  font-size: 32px;
  font-weight: 700;
}

.customer-slide-organic-traffic {
  font-size: 22px;
  line-height: 100%;
}

.customer-slide-spacer-line {
  background-color: var(--dark);
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 24px;
}

.customer-slide-spacer-line.white {
  background-color: var(--white);
}

.customer-slide-logo-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.customer-slide-star-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.customer-slide-star {
  width: 22px;
  height: 22px;
}

.customer-slide-logo {
  width: 100%;
  height: 38px;
}

.customer-slider-arrow {
  margin-left: auto;
  margin-right: auto;
}

.customer-slider-right-arrow {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .1s;
  display: flex;
  inset: 0% auto 0% 535px;
}

.customer-slider-right-arrow:hover {
  filter: invert();
}

.customer-slider-right-arrow.home-3-customer-slider-arrow {
  inset: auto auto -96px 68px;
}

.customer-slider-right-arrow.position-at-the-end {
  inset: 0% -64px 0% auto;
}

.home-integration-upper-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.home-integration-text-wrap {
  width: 55%;
  max-width: 556px;
}

.home-integration-bottom-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.home-integration-item-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  max-width: 556px;
  display: flex;
}

.hm-container-blue-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  color: var(--dark);
  border-radius: 12px;
  align-items: flex-start;
  width: 90%;
  max-width: 434px;
  padding: 20px;
  display: flex;
}

.hm-container-blue-item.right {
  align-items: center;
  margin-left: auto;
}

.hm-container-blue-item.home-3-contact-yellow-box {
  border: 1px solid var(--dark);
  box-shadow: 6px 6px 0 0 var(--dark);
}

.hm-container-blue-item.home-3-contact-yellow-border {
  border: 1px solid var(--dark);
  margin-left: auto;
}

.hm-container-blue-item.home-2-blue-item {
  margin-top: 22px;
  margin-bottom: -41px;
  margin-left: auto;
  box-shadow: 0 10px 90px #0000000d;
}

.home-integration-blue-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--primary-blue);
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  padding: 40px;
  display: flex;
}

.h-m-blue-container-icon {
  width: 48px;
  height: 48px;
}

.h-m-blue-item-heading-22px {
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 145%;
}

.h-m-blue-para-16px {
  margin-top: 8px;
  font-size: 16px;
  line-height: 150%;
}

.hm-dark-blue-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--dark);
  color: var(--white);
  border-radius: 12px;
  align-items: center;
  width: 100%;
  padding: 42px 36px;
  display: flex;
}

.hm-dark-blue-hero-icon {
  width: 58px;
  height: 58px;
}

.hm-dark-blue-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.hm-yellow-hero-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--playful-yellow);
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  padding: 156px 48px 36px;
  display: flex;
  position: relative;
}

.hm-yellow-hero-item-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.hm-yellow-hero-item-heading {
  font-family: Satoshi variable, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.hm-yellow-item-hero-image {
  width: 90%;
  max-width: 280px;
  position: absolute;
  inset: -25% auto auto 48px;
}

.hm-grey-hero-item {
  background-color: var(--white-f7f7f7);
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 56px 36px 36px 48px;
  display: flex;
}

.hm-grey-hero-item-pointer {
  background-image: url('../images/blue-check-icon.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-size: 18px;
  line-height: 160%;
}

.hm-grey-pointer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 50px;
  display: flex;
}

.footer-banner {
  color: #12172280;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 145%;
  display: flex;
}

.copyright-text {
  color: #212121;
  font-size: 16px;
  font-weight: 400;
}

.cf-links {
  color: #000;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.cf-links:hover {
  color: var(--slate-blue);
}

.footer-upper-container {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-left-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 35%;
  max-width: 337px;
  display: flex;
}

.footer-right-container {
  width: 65%;
  max-width: 653px;
}

.footer-right-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr 1fr;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.footer-right-grid-wrapper {
  width: 100%;
  height: 100%;
}

.footer-right-sub-grid {
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  place-items: flex-start start;
  width: 100%;
  height: auto;
  margin-top: 26px;
  display: flex;
}

.footer-text-link-18px {
  color: var(--dark);
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
  text-decoration: none;
  transition: color .2s;
}

.footer-text-link-18px:hover {
  color: var(--red);
}

.footer-caption-text {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.footer-form-block {
  width: 100%;
  max-width: 230px;
  margin-top: 26px;
}

.footer-form-wrapper {
  border: 1px solid var(--gainsboro-d8d8d8);
  border-radius: 100px;
  align-items: center;
  height: 50px;
  padding: 5px;
  display: flex;
}

.footer-form-submit-button {
  background-color: var(--primary-blue);
  background-image: url('../images/white-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.footer-form-text-field {
  color: var(--dark);
  background-color: #0000;
  border: 0 solid #000;
  margin-bottom: 0;
  padding-left: 17px;
  font-size: 16px;
  line-height: 150%;
}

.footer-form-text-field::placeholder {
  color: var(--light-grey);
}

.footer-brand-wrapper {
  width: 90%;
  max-width: 135px;
}

.footer-address-text, .footer-phone-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.footer-social-icon {
  width: 24px;
  height: 24px;
}

.footer-social-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: all .2s;
  display: flex;
}

.footer-social-icon-wrapper:hover {
  transform: translate(0, -5px);
}

.footer-social-icon-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.menu-button {
  padding: 15px;
}

.nav-link-button-wrapper {
  padding: 0;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 156%;
}

.nav-link-button-wrapper:hover {
  color: var(--red);
}

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

.creative-talent-section {
  padding-bottom: 180px;
}

.crative-talent-map-wrapper {
  width: 100%;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 230px;
  position: relative;
}

.world-map-image {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.creative-talent-office-wrapper {
  z-index: 11;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.creative-talent-office-item {
  background-color: var(--white);
  text-align: center;
  border: 1px solid #000;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 380px;
  padding: 33px 50px;
  display: flex;
}

.creative-talent-office-heading {
  margin-bottom: 6px;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.creative-talent-office-para {
  color: #050038ad;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.creative-talent-office-image {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.creative-talent-text-wrapper {
  text-align: center;
  width: 90%;
  max-width: 800px;
  margin-bottom: 58px;
  margin-left: auto;
  margin-right: auto;
}

.green-text-span {
  background-color: var(--lemon-green);
  color: var(--white);
  border-radius: 12px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.about-team-text-container {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.about-team-para {
  max-width: 520px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.about-team-grid {
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: auto;
}

.about-team-hero-item {
  border: 1px solid #000;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  max-width: 360px;
  height: 100%;
  transition: all .2s;
  display: flex;
}

.about-team-hero-item:hover {
  transform: translate(0, -5px);
}

.about-team-hero-item-text-wrap {
  background-color: var(--white);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
  padding: 24px 22px;
}

.about-team-hero-proflie {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.about-team-hero-item-heading {
  margin-bottom: 4px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.about-team-hero-item-position {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.about-hero-upper-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.about-hero-upper-img-wrap {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  justify-content: space-between;
  align-items: center;
  width: 52%;
  max-width: 602px;
  display: flex;
}

.about-hero-upper-text-wrap {
  width: 45%;
  max-width: 527px;
}

.about-hero-heading {
  margin-bottom: 0;
}

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

.about-hero-bottom-container {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.about-hero-item-bottom-item {
  width: 100%;
}

.about-numbers-section {
  background-color: var(--white-f7f7f7);
}

.about-numbers-grid {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-content: center space-between;
  width: 100%;
  display: flex;
}

.about-numbers-hero-item {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.about-numbers-item-heading {
  letter-spacing: -.01em;
  margin-bottom: 20px;
  font-size: 72px;
  font-weight: 700;
  line-height: 120%;
}

.about-numbers-item-tag-text {
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 4px 16px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
  display: inline-block;
}

.about-numbers-item-tag-text.purple {
  background-color: var(--sweet-purple);
  color: var(--white);
}

.about-numbers-item-tag-text.green {
  background-color: var(--lemon-green);
  color: var(--white);
}

.about-numbers-item-tag-text.blue {
  background-color: var(--primary-blue);
  color: var(--white);
}

.about-numbers-item-tag-text.red {
  background-color: var(--red);
  color: var(--white);
}

.about-best-people-section {
  background-color: #f5f5f5;
  margin-top: -113px;
}

.best-people-left-container {
  grid-column-gap: 55px;
  grid-row-gap: 55px;
  flex-direction: column;
  width: 49%;
  max-width: 530px;
  display: flex;
}

.best-people-right-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  width: 52%;
  max-width: 600px;
  display: flex;
}

.best-people-hero-image {
  width: 100%;
  max-width: 480px;
}

.best-people-traits-item {
  z-index: 11;
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 35px;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.best-people-traits-item:hover {
  transform: translate(-10px, -10px);
}

.best-people-traits-icon-wrap {
  border-right: 1px solid var(--dark);
  border-radius: 15px;
  flex: none;
  width: 160px;
  height: 100%;
  padding: 40px;
}

.best-people-traits-para-text {
  max-width: 330px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.best-people-traits-bold-text {
  font-weight: 700;
}

.best-people-traits-hero-icon {
  width: 80px;
  height: 80px;
}

.best-people-traits-item-bg {
  z-index: 0;
  background-color: var(--playful-yellow);
  border-radius: 15px;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.best-people-traits-hero-wrapper {
  width: 95%;
  max-width: 560px;
  position: relative;
}

.best-people-traits-hero-wrapper.left {
  margin-right: auto;
}

.best-people-traits-hero-wrapper.right {
  margin-left: auto;
}

.about-team-profile-wrapper {
  background-color: var(--black);
  border-bottom: 1px solid #000;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
}

.about-team-profile-linkedin-item {
  z-index: 111;
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: 12px 14px auto auto;
}

.about-team-profile-linkedin-icon {
  width: 20px;
  height: 20px;
}

.about-ventures-section {
  background-color: var(--sweet-purple);
  color: var(--white);
}

.about-venture-text-container {
  text-align: center;
  width: 100%;
  max-width: 822px;
  margin-bottom: 60px;
}

.about-ventures-tabs {
  width: 100%;
  height: 100%;
}

.about-ventures-tabs-menu {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  place-content: center space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 46px;
  display: flex;
}

.about-ventures-tabs-content {
  overflow: visible;
}

.about-ventures-tab-link {
  opacity: .5;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: 200px;
  height: 72px;
  padding: 0 5px;
  display: flex;
}

.about-ventures-tab-link.w--current {
  opacity: 1;
  background-color: #0000;
}

.about-ventures-tab-link-img {
  width: 100%;
  height: 100%;
}

.about-ventures-tab-wrapper {
  background-color: var(--white);
  color: var(--dark);
  border: 1px solid #000;
  border-radius: 13px;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}

.about-ventures-tab-text-wrap {
  width: 70%;
  max-width: 480px;
  margin: 47px 20px 57px 56px;
}

.about-ventures-tab-funding-wrap {
  border-left: 1px solid #000;
  border-radius: 13px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35%;
  max-width: 328px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.about-ventures-funding-heading {
  letter-spacing: -.01em;
  margin-bottom: 18px;
  font-size: 72px;
  font-weight: 700;
  line-height: 120%;
}

.about-ventures-funding-tag-text {
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 4px 16px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.about-ventures-funding-tag-text.red {
  background-color: var(--red);
  color: var(--white);
}

.about-ventures-funding-tag-text.yellow {
  background-color: var(--playful-yellow);
  color: var(--white);
}

.about-ventures-funding-tag-text.green {
  background-color: var(--lemon-green);
  color: var(--white);
}

.about-ventures-funding-tag-text.blue {
  background-color: var(--primary-blue);
  color: var(--white);
}

.about-venture-quote-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
}

.about-ventures-tab-para {
  letter-spacing: -.01em;
  font-size: 28px;
  line-height: 140%;
}

.bottom-line {
  background-color: var(--dark);
  width: 100%;
  height: 1.5px;
}

.faq-content {
  color: #121212;
  width: 100%;
  max-width: 700px;
  padding-bottom: 24px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 156%;
}

.faq-answer-wrap {
  color: #121212;
  width: 100%;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.faq-question-container {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 24px;
}

.faq-line-vertical {
  background-color: var(--dark);
  border-radius: 100px;
  width: 2px;
  height: 10px;
  position: absolute;
}

.faq-card {
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.faq-icon-contain {
  border: 2px solid var(--dark);
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

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

.faqs-wrapper {
  z-index: 2;
  border: 2px solid var(--dark);
  border-radius: 8px;
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.faq-line {
  background-color: var(--dark);
  border-radius: 100px;
  width: 10px;
  height: 2px;
}

.faq-question {
  color: var(--dark);
  width: 90%;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}

.faq-text-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.faq-contact-link {
  color: var(--primary-blue);
  font-weight: 700;
  text-decoration: none;
}

.comparison-table {
  width: 100%;
}

.price-grid-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 156%;
}

.pricing-headings {
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}

.comparison-plan {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-row-contain {
  border-bottom-color: #0000001a;
  align-items: center;
  padding-top: 38px;
  padding-bottom: 38px;
  padding-left: 48px;
  display: flex;
}

.pricing-row-contain.off-white {
  background-color: var(--white-f7f7f7);
  border-radius: 6px;
  align-items: stretch;
  padding-top: 38px;
  padding-bottom: 38px;
  padding-left: 48px;
}

.price-grid-contain {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 75%;
  display: grid;
}

.headings {
  width: 25%;
  display: flex;
}

.price-checkmark {
  width: 28px;
}

.comparison-table-text-container {
  text-align: center;
  width: 100%;
  max-width: 800px;
}

.pricing-hero-text-container {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 950px;
  display: flex;
}

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

.pricing-hero-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
  margin-top: 102px;
  margin-bottom: 40px;
}

.pricing-hero-grid-item {
  border: 1px solid var(--dark);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 360px;
  height: 100%;
  display: flex;
}

.pricing-hero-grid-item.blue {
  background-color: var(--primary-blue);
  color: var(--white);
}

.pricing-grid-item-upper {
  border-bottom: 1px solid #000;
  width: 100%;
  height: auto;
  padding: 40px 30px;
  position: relative;
}

.pricing-grid-item-bottom {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 40px 32px 32px;
  display: flex;
}

.pricing-grid-item-heading {
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.pricing-grid-item-sub-heading {
  margin-bottom: 56px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.pricing-grid-item-price {
  letter-spacing: -.01em;
  font-size: 64px;
  font-weight: 700;
  line-height: 115%;
}

.pricing-grid-item-grey-heading {
  color: #0500384d;
  font-size: 32px;
}

.pricing-grid-pointer-image {
  width: 24px;
  height: 24px;
}

.pricing-grid-pointer-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.pricing-grid-pointer-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.pricing-grid-pointer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pricing-grid-button-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 48px;
  display: flex;
}

.pricing-grid-item-white-small {
  color: #ffffff4d;
  font-size: 32px;
}

.no-credit-card-text-16px {
  font-size: 16px;
  line-height: 150%;
}

.no-credit-card-text-16px.white {
  color: var(--white);
}

.pricing-grid-pointer-heading {
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.pricing-grid-pointer-heading.white {
  color: #ffffff80;
}

.pricing-grid-item-bottom-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.pricing-grid-item-icon {
  width: 90%;
  max-width: 72px;
  position: absolute;
  inset: -40px 32px auto auto;
}

.custom-pricing-container {
  background-color: var(--dark);
  color: var(--white);
  border-radius: 10px;
  justify-content: space-between;
  width: 100%;
  padding: 10px 10px 10px 40px;
  display: flex;
}

.custom-pricing-sub-container {
  background-color: var(--white);
  color: var(--dark);
  text-align: center;
  border-radius: 10px;
  width: 50%;
  max-width: 340px;
  padding: 40px 22px 10px;
}

.custom-pricing-heading-large {
  color: var(--dark);
  letter-spacing: -.01em;
  margin-bottom: 72px;
  font-size: 58px;
  font-weight: 700;
  line-height: 125%;
}

.custom-pricing-grid {
  grid-template-rows: auto;
  width: 100%;
  max-width: 518px;
  height: 100%;
}

.custom-grid-pointer-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.customer-grid-pointer-container {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  flex-direction: column;
  width: 60%;
  padding-top: 42px;
  padding-bottom: 34px;
  display: flex;
}

.custom-pricing-icon-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.custom-pricing-icon-text-wrap {
  flex-direction: column;
  align-items: stretch;
  height: 76px;
  display: flex;
}

.custom-grid-item-icon {
  width: 90%;
  max-width: 72px;
}

.pricing-testimonial-yellow-box {
  background-color: var(--playful-yellow);
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  max-width: 560px;
  padding: 40px 40px 36px;
  display: flex;
}

.pricing-testimonial-purple-box {
  background-color: var(--sweet-purple);
  color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  max-width: 560px;
  padding: 40px 40px 36px;
  display: flex;
}

.pricing-testimonial-purple-box.blue {
  background-color: var(--primary-blue);
}

.pricing-testimonial-para {
  margin-bottom: 40px;
  font-size: 22px;
  font-weight: 500;
  line-height: 145%;
}

.pricing-testimonial-sign-up-rate {
  margin-bottom: 28px;
  font-size: 22px;
  line-height: 100%;
}

.pricing-testimonial-bold-text {
  font-size: 32px;
  font-weight: 700;
  display: inline-block;
}

.pricing-testimonial-organic-text {
  font-size: 22px;
  line-height: 100%;
}

.pricing-testimonial-logo {
  width: 100%;
  height: 38px;
}

.blog-hero-item {
  color: var(--dark);
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 560px;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.blog-hero-item-text-wrapper {
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 8px;
  width: 90%;
  max-width: 480px;
  height: 100%;
  margin-top: -85px;
  padding: 32px 32px 20px;
}

.blog-hero-item-tag {
  color: var(--white);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 6px;
  margin-bottom: 8px;
  padding: 4px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  display: inline-block;
}

.blog-hero-item-heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.blog-hero-item-author-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.blog-hero-item-author-image {
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.blog-hero-item-author-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.blog-hero-item-author-job-title {
  font-size: 14px;
  line-height: 140%;
}

.blog-hero-item-image-wrapper {
  width: 100%;
  height: 100%;
}

.blog-hero-item-hero-image {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.blog-collection-list-wrapper {
  width: 100%;
  height: 100%;
}

.blog-collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.blog-collection-item {
  width: 100%;
  height: 100%;
}

.blog-tabs {
  width: 100%;
}

.blog-tabs-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 80px;
  display: flex;
}

.blog-tab-link {
  border: 1px solid var(--gainsboro-light);
  background-color: var(--white);
  border-radius: 32px;
  padding: 14px 32px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.blog-tab-link:hover {
  background-color: var(--primary-blue);
  color: var(--white);
}

.blog-tab-link.w--current {
  background-color: var(--dark);
  color: var(--white);
}

.blog-tab-link.w--current:hover {
  background-color: var(--sweet-purple);
}

.blog-tab-pane {
  width: 100%;
}

.blog-tab-pane-wrapper {
  width: 100%;
  height: 100%;
}

.newsletter-section {
  background-color: var(--dark);
  color: var(--white);
  position: relative;
  overflow: hidden;
}

.newsletter-wrapper {
  z-index: 111;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 690px;
  display: flex;
  position: relative;
}

.newsletter-form-block {
  width: 100%;
  max-width: 448px;
  margin-top: 40px;
}

.newsletter-form-wrapper {
  background-color: var(--white);
  border-radius: 100px;
  align-items: center;
  width: 100%;
  padding: 4px;
  display: flex;
}

.newsletter-text-field {
  color: var(--dark);
  background-image: url('../images/envelope_1.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 0 solid #000;
  border-radius: 100px;
  margin-bottom: 0;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 60px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.newsletter-text-field:focus {
  border: 0 solid #000;
}

.newsletter-text-field::placeholder {
  color: #05003899;
}

.newsletter-blue-bg._1 {
  z-index: 11;
  object-fit: cover;
  width: 35%;
  max-width: 381px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.newsletter-blue-bg._2 {
  z-index: 11;
  width: 30%;
  max-width: 343px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.blog-hero-slider {
  background-color: #0000;
  width: 80%;
  height: auto;
}

.blog-hero-slider-mask {
  width: 100%;
  max-width: none;
  height: 100%;
  overflow: visible;
}

.blog-hero-slide {
  width: 100%;
  height: 100%;
}

.blog-hero-slide-wrapper, .blog-slider-collection-list {
  width: 100%;
}

.blog-slider-item {
  color: var(--dark);
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.blog-slider-image-item {
  border-radius: 12px;
  width: 100%;
  max-width: none;
  height: 100%;
  overflow: hidden;
}

.blog-slider-text-item {
  background-color: var(--white);
  border: 1px solid #000;
  border-radius: 12px;
  width: 90%;
  max-width: 780px;
  margin-top: -150px;
  padding: 36px 100px 30px 40px;
}

.blog-slider-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 560px;
}

.blog-slider-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 900px;
  margin-bottom: 76px;
}

.blog-slider-left-arrow {
  width: 50%;
  inset: 0% auto 0% -50%;
}

.blog-slider-right-arrow {
  width: 50%;
  inset: 0% -50% 0% auto;
}

.blog-slide-nav {
  display: none;
}

.blog-hero-heading {
  margin-bottom: 0;
}

.blog-details-hero-section {
  padding-top: 355px;
  position: relative;
  overflow: hidden;
}

.blog-details-hero-image {
  z-index: 0;
  object-fit: cover;
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blog-details-hero-text-container {
  z-index: 11;
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 56px 64px 50px;
  position: relative;
}

.blog-details-hero-heading {
  margin-bottom: 40px;
  font-size: 48px;
  line-height: 120%;
}

.blog-details-summary-container {
  width: 100%;
  max-width: 1000px;
}

.blog-details-social-left-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--dark) black var(--dark) var(--dark);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  width: 100%;
  max-width: 48px;
  margin-top: 55px;
  padding: 18px 12px;
  display: flex;
  position: sticky;
  top: 55px;
}

.rich-text {
  width: 100%;
  padding: 64px;
}

.rich-text p {
  margin-bottom: 30px;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  line-height: 145%;
}

.rich-text h4 {
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 125%;
}

.rich-text img {
  margin-top: 64px;
  margin-bottom: 64px;
}

.rich-text blockquote {
  background-color: var(--white-smoke-quote);
  border-left-width: 0;
  border-left-color: #0000;
  border-radius: 9px;
  margin-top: 64px;
  margin-bottom: 64px;
  padding: 40px;
  font-family: Satoshi variable, sans-serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 133%;
}

.rich-text h2, .rich-text h1, .rich-text h3, .rich-text h5, .rich-text h6 {
  margin-bottom: 24px;
}

.blog-details-social-link-wrapper {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: all .2s;
  display: flex;
}

.blog-details-social-link-wrapper:hover {
  transform: translate(0, -5px);
}

.blog-details-soccial-image {
  width: 100%;
  height: 100%;
}

.blog-details-cta-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--primary-blue);
  color: var(--white);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 18px 10px;
  text-decoration: none;
  display: flex;
}

.blog-details-cta-icon {
  width: 28px;
  height: 28px;
}

.blog-details-cta-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.blog-details-author-container {
  border: 1px solid var(--dark);
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 122px;
  padding: 70px 64px 50px;
  display: flex;
  position: relative;
}

.blog-details-summary-text-wrap {
  border-right: 1px solid var(--dark);
  border-bottom: 1px solid var(--dark);
  border-left: 1px solid var(--dark);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 100%;
}

.blog-details-autho-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-style: italic;
  line-height: 160%;
}

.blog-details-author-tag {
  color: var(--white);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 6px;
  margin-bottom: 30px;
  padding: 4px 16px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  display: inline-block;
}

.blog-details-author-name {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.blog-details-author-item {
  flex: none;
  width: 100px;
  height: 100px;
}

.blog-details-author-item-image {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.blog-details-author-profile-item {
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .2s;
  display: flex;
}

.blog-details-author-profile-item:hover {
  filter: invert();
}

.blog-details-author-profile-image {
  width: 24px;
  height: 24px;
}

.blog-details-author-profile-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 356px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: -50px 0% auto;
}

.related-blog-collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 70px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.related-blog-collection-item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.related-blog-collection-list-wrap, .related-blog-container {
  width: 100%;
  height: 100%;
}

.pricing-testimonial-box-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  display: flex;
}

.pricing-testimonial-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 800px;
}

.utility-page-wrap {
  background-color: var(--dark);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: relative;
}

.utility-page-content {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 520px;
  display: flex;
  position: relative;
}

.utility-page-form {
  background-color: var(--white);
  color: var(--dark);
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
}

.integration-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.integration-hero-heading {
  margin-bottom: 24px;
}

.search-container {
  background-color: var(--white-smoke-search);
  border-radius: 100px;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin-top: 36px;
  margin-bottom: 0;
  padding: 4px;
  display: flex;
}

.search-input {
  background-color: #0000;
  background-image: url('../images/search-icon.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 0 solid #000;
  margin-bottom: 0;
  padding-left: 52px;
  font-size: 18px;
  line-height: 156%;
}

.integration-hero-text-container {
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.integration-hero-card-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--dark);
  color: var(--dark);
  border-radius: 10px;
  align-items: center;
  width: 100%;
  max-width: 560px;
  height: 100%;
  padding: 30px 32px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.integration-hero-card-container:hover {
  background-color: #cea7ff33;
}

.integration-card-container {
  width: 100%;
  height: 100%;
}

.integration-hero-card-image {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.integration-hero-card-sub-wrap {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  display: flex;
}

.integration-hero-card-name {
  letter-spacing: -.01em;
  margin-bottom: 4px;
  font-size: 32px;
  font-weight: 500;
  line-height: 125%;
}

.integration-hero-card-type {
  color: #05003899;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.integration-collection-list-wrap {
  width: 100%;
  height: 100%;
}

.integration-collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.request-integration-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--dark);
  color: var(--white);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: -80px;
  padding: 42px 32px;
  display: flex;
}

.request-integration-heading {
  width: 80%;
  font-size: 40px;
  line-height: 120%;
}

.integration-hero-item {
  width: 50%;
  max-width: 100px;
  height: auto;
}

.integration-hero-item._1 {
  z-index: 111;
  width: 28%;
  max-width: 60px;
  position: absolute;
  inset: -20px auto auto 0%;
}

.integration-hero-item._2 {
  z-index: 11;
  width: 45%;
  max-width: 98px;
  position: absolute;
  inset: 30% 30% auto auto;
}

.integration-hero-item._3 {
  z-index: 11;
  width: 31%;
  max-width: 69px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.integration-hero-item._4 {
  z-index: 111;
  width: 36%;
  max-width: 80px;
  position: absolute;
  inset: -30px 0% auto auto;
}

.integration-hero-item._5 {
  z-index: 11;
  width: 32%;
  max-width: 69px;
  position: absolute;
  inset: 30% auto auto 30%;
}

.integration-hero-item._6 {
  z-index: 111;
  width: 45%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.integration-hero-item-image {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.integration-3-card-container {
  width: 20%;
  max-width: 200px;
}

.integration-3-card-container.left {
  z-index: 11;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.integration-3-card-container.right {
  z-index: 11;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.contact-hero-section {
  background-color: var(--dark);
  color: var(--white);
}

.contact-hero-text-container {
  width: 48%;
  max-width: 540px;
}

.contact-hero-form-container {
  width: 46%;
  max-width: 520px;
}

.contact-hero-heading {
  margin-bottom: 24px;
}

.office-location-container {
  width: 50%;
  max-width: 260px;
  margin-top: 34px;
  margin-bottom: 40px;
}

.office-location-heading {
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.social-media-icon-wrapper {
  transition: all .2s;
}

.social-media-icon-wrapper:hover {
  transform: translate(0, -5px);
}

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

.social-media-icon-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.social-media-container {
  width: 100%;
  max-width: 168px;
}

.contact-form-block {
  background-color: var(--white);
  color: var(--dark);
  border-radius: 12px;
  width: 100%;
  padding: 40px 40px 50px;
}

.contact-form {
  width: 100%;
}

.contact-text-field {
  border: 1px solid var(--dark);
  color: var(--dark);
  border-radius: 4px;
  height: 48px;
  margin-bottom: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 52px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.contact-text-field:focus {
  border-color: var(--primary-blue);
}

.contact-text-field::placeholder {
  color: #05003899;
}

.contact-text-field.name {
  background-image: url('../images/user.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.contact-text-field.email {
  background-image: url('../images/envelope.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.contact-text-field.subject {
  background-image: url('../images/pencilsimple.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.contact-field-label {
  margin-bottom: 16px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.red-star-span {
  color: var(--red);
}

.contact-text-area {
  border: 1px solid var(--dark);
  background-image: url('../images/chatcircledots.svg');
  background-position: 16px 12px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 4px;
  height: 180px;
  min-height: 180px;
  margin-bottom: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 52px;
  font-size: 16px;
  line-height: 150%;
}

.contact-text-area:focus {
  border-color: var(--primary-blue);
}

.contact-form-privacy-text {
  color: #05003899;
  font-family: Satoshi variable, sans-serif;
  font-size: 14px;
  line-height: 170%;
}

.contact-success-message {
  background-color: var(--primary-blue);
  color: var(--white);
  text-align: center;
  border-radius: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.contact-error-message {
  background-color: var(--red);
  color: var(--white);
  text-align: center;
  border-radius: 10px;
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.contact-answer-section {
  background-color: var(--white-smoke-quote);
  margin-bottom: 114px;
}

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

.contact-answer-upper-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.contact-answer-grid-item {
  border-radius: 15px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 360px;
  height: 100%;
  padding: 32px 40px 30px;
  display: flex;
}

.contact-answer-grid-item.purple {
  background-color: var(--sweet-purple);
  color: var(--white);
  text-decoration: none;
}

.contact-answer-grid-item.green {
  background-color: var(--lemon-green);
  color: var(--white);
  text-decoration: none;
}

.contact-answer-grid-item.red {
  background-color: var(--red);
  color: var(--white);
  text-decoration: none;
}

.contact-answer-item-heading {
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.contact-answer-item-icon {
  width: 40px;
  height: 40px;
}

.contact-answer-item-upper-flex {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  margin-bottom: 12px;
  display: flex;
}

.contact-answer-item-para {
  font-size: 22px;
  line-height: 145%;
}

.contact-answer-itemtext-wrap {
  margin-bottom: 90px;
}

.pass-recovery-text-field {
  border: 1px solid var(--dark);
  color: var(--dark);
  background-image: url('../images/envelope.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 4px;
  width: 100%;
  height: 48px;
  margin-bottom: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 52px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.pass-recovery-text-field::placeholder {
  color: #05003899;
}

.pass-recovery-heading {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.pass-recovery-field-label {
  color: #05003899;
  margin-bottom: 40px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.password-error-message {
  background-color: var(--red);
  color: var(--white);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
  font-weight: 500;
}

.blue-background-large {
  object-fit: cover;
  width: 35%;
  max-width: 328px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.blue-background-small {
  z-index: 0;
  width: 40%;
  max-width: 378px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.log-in-section {
  background-color: var(--dark);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  padding-top: 130px;
  padding-bottom: 130px;
  display: flex;
  position: relative;
}

.log-in-container {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 520px;
  height: auto;
  display: flex;
  position: relative;
}

.log-in-form-block {
  background-color: var(--white);
  border-radius: 12px;
  width: 100%;
  padding: 40px 40px 32px;
}

.log-in-form {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.checkbox-field {
  align-items: baseline;
  margin-bottom: 16px;
  margin-right: auto;
  display: flex;
}

.checkbox {
  margin-right: 12px;
  transform: scale(1.1);
}

.checkbox-label {
  font-family: Satoshi variable, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
}

.log-in-text-field {
  border: 1px solid var(--dark);
  color: var(--dark);
  border-radius: 4px;
  width: 100%;
  height: 48px;
  margin-bottom: 16px;
  padding-left: 52px;
  font-size: 16px;
  line-height: 150%;
}

.log-in-text-field::placeholder {
  color: #05003899;
}

.log-in-text-field.email {
  background-image: url('../images/envelope.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.log-in-text-field.password {
  background-image: url('../images/lockkey.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.log-in-text-field.name {
  background-color: var(--white);
  background-image: url('../images/user.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
}

.google-sign-in-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--dark);
  background-color: var(--white);
  color: var(--dark);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 12px 10px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  transition: background-color .2s ease-in-out;
  display: flex;
}

.google-sign-in-button:hover {
  background-color: var(--white-smoke-search);
}

.log-in-caption-text-14px {
  color: #05003899;
  margin-top: 12px;
  margin-bottom: 12px;
  font-family: Satoshi variable, sans-serif;
  font-size: 14px;
  line-height: 170%;
}

.log-in-register-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.log-in-link-text {
  color: var(--primary-blue);
  font-weight: 500;
  text-decoration: none;
}

.log-in-bottom-text-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  margin-top: 24px;
  display: flex;
}

.log-in-heading {
  margin-bottom: 48px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.log-in-blue-large-bg {
  z-index: 0;
  object-fit: cover;
  width: 35%;
  max-width: 328px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.log-in-blue-small-ng {
  z-index: 0;
  width: 40%;
  max-width: 378px;
  position: absolute;
  inset: auto auto 0% 0%;
}

._404-image-container {
  width: 48%;
  max-width: 524px;
}

._404-text-container {
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  max-width: 348px;
  display: flex;
}

._404-hero-image {
  width: 100%;
  height: 100%;
}

._404-heading {
  text-shadow: 4px 4px 0 var(--playful-yellow);
  margin-bottom: 16px;
  font-size: 128px;
  line-height: 100%;
}

._404-sub-heading {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.feature-roi-image-container {
  width: 100%;
}

.feature-roi-hero-image {
  width: 100%;
  height: 100%;
}

.feature-roi-upper-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 65px;
  display: flex;
}

.feature-roi-text-wrapper {
  width: 68%;
  max-width: 720px;
}

.feature-roi-train-section {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  width: 100%;
  padding-bottom: 114px;
  display: flex;
}

.feature-roi-hero-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 53px;
  flex: none;
  align-items: center;
  width: auto;
  margin-right: 24px;
  padding: 14px 20px;
  display: flex;
}

.feature-roi-hero-item-icon {
  width: 28px;
  height: 28px;
}

.feature-roi-hero-item-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.feature-roi-wrapper-1, .feature-roi-wrapper-2 {
  flex: none;
  align-items: center;
  display: flex;
}

.feature-roi-container-1 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.feature-roi-container-2 {
  align-items: center;
  width: 200%;
  display: flex;
}

.feature-roi-wrapper-3 {
  flex: none;
  align-items: center;
  width: auto;
  display: flex;
}

.feature-roi-wrapper-4 {
  flex: none;
  align-items: center;
  display: flex;
}

.feature-hero-image-container {
  width: 46%;
  max-width: 509px;
  position: relative;
}

.feature-hero-image {
  width: 100%;
  height: 100%;
}

.feature-hero-text-container {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  max-width: 590px;
  display: flex;
}

.feature-hero-heading {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.feature-button-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  margin-top: 40px;
  display: flex;
}

.feature-sub-hero-image {
  z-index: 0;
  width: 55%;
  max-width: 298px;
  position: absolute;
  inset: auto -8% -60px auto;
}

.feature-sub-hero-train-section {
  background-color: var(--white-smoke-quote);
  padding-top: 42px;
  padding-bottom: 42px;
}

.feature-best-places-section {
  margin-top: -51px;
  margin-bottom: -285px;
  padding-bottom: 0;
}

.feature-best-places-text-wrap {
  text-align: center;
  width: 100%;
  max-width: 790px;
}

.features-best-places-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.best-places-item {
  border: 1px solid var(--dark);
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 260px;
  height: 100%;
  padding: 32px;
  display: flex;
}

.best-places-item-star-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 26px;
  display: flex;
}

.best-places-item-star-icon {
  width: 24px;
  height: 24px;
}

.best-places-item-heading-large {
  font-size: 64px;
  font-weight: 700;
  line-height: 112%;
}

.best-places-item-heading-small {
  font-size: 36px;
  line-height: 100%;
}

.customer-first-yellow-container {
  background-color: var(--playful-yellow);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 48px;
  padding: 32px 80px 32px 40px;
  display: flex;
}

.customer-first-image-container {
  width: 46%;
  max-width: 502px;
}

.customer-first-hero-image {
  background-color: #edf1e9;
  width: 100%;
  height: 100%;
}

.customer-first-text-container {
  flex-direction: column;
  align-items: flex-start;
  width: 45%;
  max-width: 460px;
  display: flex;
}

.h3-heading-48px {
  font-size: 24px;
}

.customer-first-pointer-icon {
  width: 28px;
  height: 28px;
}

.customer-first-pointer-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.customer-first-pointer-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.customer-first-pointer-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  margin-top: 40px;
  display: flex;
}

.customer-first-blue-container {
  background-color: var(--primary-blue);
  color: var(--white);
  border-radius: 12px;
  width: 100%;
  max-width: 760px;
  padding: 244px 40px 44px;
  position: relative;
}

.customer-first-blue-containers {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.customer-first-dark-blue-wrap {
  background-color: var(--dark);
  color: var(--white);
  border-radius: 12px;
  width: 100%;
  max-width: 360px;
  padding: 48px 39px 48px 40px;
}

.customer-first-dark-blue-icon {
  width: 74px;
  height: auto;
  margin-bottom: 52px;
}

.cf-dark-blue-heading {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.cf-dark-blue-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.customer-first-blue-white-bg {
  width: 30%;
  max-width: 270px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.customer-first-blue-hero-image {
  width: 60%;
  max-width: 375px;
  position: absolute;
  inset: -26px auto auto 40px;
}

.customer-first-button-pointer {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white);
  color: var(--dark);
  border-radius: 50px;
  align-items: center;
  padding: 8px 20px 8px 12px;
  display: flex;
}

.cf-blue-pointer-container {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  width: 100%;
  max-width: 590px;
  display: flex;
}

.cf-blue-pointer-icon {
  width: 28px;
  height: 28px;
}

.cf-blue-container-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.creative-freedom-section {
  margin-top: -52px;
}

.creative-freedom-text-container {
  width: 48%;
  max-width: 540px;
}

.creative-freedom-image-container {
  width: 48%;
  max-width: 524px;
  position: relative;
}

.creative-freedom-hero-image {
  width: 100%;
  height: 100%;
}

.creative-freedom-spacer-line {
  background-color: var(--gainsboro);
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 32px;
}

.creative-freedom-author-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.creative-freedom-author-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.creative-freedom-author-image {
  width: 48px;
  height: 48px;
}

.cf-blue-author-name {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.cf-blue-author-job {
  font-family: Satoshi variable, sans-serif;
  font-size: 14px;
  line-height: 140%;
}

.creative-freedom-absolute-img {
  border-radius: 8px;
  box-shadow: 4px 4px 32px #87878740;
}

.creative-freedom-absolute-img._1 {
  width: 70%;
  max-width: 361px;
  position: absolute;
  inset: auto auto 30% 0%;
}

.creative-freedom-absolute-img._2 {
  width: 65%;
  max-width: 345px;
  position: absolute;
  inset: auto auto 15% -5%;
}

.feature-spotlight-section {
  margin-top: -139px;
}

.feature-spotlight-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
}

.feature-spotlight-hero-item {
  width: 100%;
  max-width: 560px;
  position: relative;
}

.feature-spotlight-item-wrapper {
  z-index: 11;
  grid-column-gap: 24px;
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 44px 32px;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.feature-spotlight-item-wrapper:hover {
  transform: translate(-12px, -12px);
}

.feature-spotlight-item-wrapper.special {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.feature-spotlight-item-text-wrap.special {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.feature-spotlight-text-container {
  text-align: center;
  width: 100%;
  max-width: 804px;
}

.most-popular-tag {
  z-index: 1;
  width: 90%;
  max-width: 150px;
  position: absolute;
  inset: -20px auto auto -28px;
}

.order-confirmation {
  background-color: #0000;
  padding: 60px 0;
}

.checkout-container {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.block-header {
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

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

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

.pay-with-browser {
  border-radius: 10px;
  height: 60px;
  font-size: 18px;
  font-weight: 500;
}

.pricing-collection-contain {
  width: 100%;
  margin-top: 102px;
}

.collection-list-pricing {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.ecom-pricing-heading {
  font-size: 45px;
  font-weight: 700;
  line-height: 120%;
}

.pricing-plan-points p {
  background-image: url('../images/pricing-check.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 16px;
  padding-left: 32px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.pricing-plan-points h6 {
  background-image: url('../images/pricing-white-check.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 16px;
  padding-left: 32px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.cart-button {
  background-color: var(--red);
  border-radius: 50px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  line-height: 150%;
  transition: all .2s;
}

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

.blue-text-span-16px {
  color: var(--primary-blue);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.update-paragraph {
  font-size: 22px;
  line-height: 150%;
}

.reference-section {
  background-color: var(--dark);
  color: var(--white);
  position: relative;
}

.template-instruction-heading-wrapper-2 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.instruction-heading-2 {
  margin-bottom: 60px;
}

.template-instruction-youtube {
  height: 100%;
}

.text-variant-item {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 2fr .5fr .5fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding-bottom: 40px;
  display: grid;
}

.styles-heading {
  margin-bottom: 0;
  font-weight: 700;
}

.style-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.typo-style-info-text {
  color: #545479;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

.style-description {
  color: var(--dim-grey);
  margin-top: 24px;
  font-size: 18px;
  line-height: 160%;
}

.text-variant-grid {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 75px;
  display: grid;
  position: relative;
}

.view-source-button {
  grid-column-gap: 12px;
  color: #3f53d8;
  justify-content: space-between;
  align-items: center;
  padding: 5px 5px 9px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.licensing-hero-wrapper {
  width: 100%;
}

.licensing-hero-wrapper.icons {
  margin-top: 150px;
  margin-bottom: 150px;
}

.view-source-button-line {
  background-color: #3f53d8;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.licencing-images-grid-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 40px;
  display: grid;
}

.license-image-cover {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

.licensing-tag-subtext-2 {
  letter-spacing: -.02em;
  font-size: 18px;
}

.licensing-heading-2 {
  margin-bottom: 24px;
  font-size: 48px;
  font-weight: 700;
  line-height: 116%;
}

.licensing-icon-grid {
  grid-column-gap: 90px;
  grid-row-gap: 28px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 55px;
  display: grid;
}

.licensing-icon-image {
  width: 48px;
  height: 48px;
}

.font-title-heading {
  color: #3f53d8;
  text-align: center;
  letter-spacing: -1px;
  background-color: #3f53d81a;
  border-radius: 16px;
  margin-top: 60px;
  padding: 42px 20px;
  font-size: 60px;
  font-weight: 700;
  line-height: 100%;
}

.licensing-icon-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.licencing-image-item-2 {
  border-radius: 10px;
  height: 250px;
}

.view-source-button-icon {
  width: 24px;
  height: 24px;
}

.licensing-hero-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.plan-detail-title {
  color: #0d0e10;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
}

.price-points-rich-text p {
  background-image: url('../images/pricing-check.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 16px;
  padding-left: 32px;
}

.plan-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.text-containers {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 48%;
  max-width: 550px;
  display: flex;
  position: relative;
}

.text-containers.product-hero {
  width: 45%;
  max-width: 500px;
}

.products-name {
  margin-bottom: 8px;
  margin-right: 10px;
}

.product-details-contain {
  margin-top: 20px;
  font-size: 18px;
}

.option-list {
  margin-top: 20px;
}

.product-name-wrapper {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.duration-label {
  margin-bottom: 10px;
}

.product-box-wrap {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  height: auto;
  padding: 40px;
  box-shadow: 0 10px 30px #0f1f3d14;
}

.plan-detail-paragraph {
  margin-bottom: 20px;
  font-size: 18px;
}

.duration-buttons {
  background-color: #3f53d81a;
  border: 2px solid #c9fa7500;
  border-radius: 4px;
  margin-right: 20px;
  padding: 10px 20px;
  font-weight: 500;
}

.duration-buttons.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #3f53d8;
  border: 2px solid #0b0b0b00;
}

.buttons-contain {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-top: 30px;
  display: grid;
}

.plan-price {
  color: #0d0e10;
  font-size: 38px;
  font-weight: 700;
  line-height: 54px;
}

.buynow-button {
  background-color: var(--red);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 50px;
  margin-top: 0;
  padding: 19px 36px 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  transition: all .2s;
}

.buynow-button:hover {
  background-color: var(--dark);
}

.add-to-cart {
  background-color: var(--primary-blue);
  text-align: center;
  letter-spacing: -.02em;
  border-radius: 50px;
  justify-content: center;
  padding: 19px 36px 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  transition: all .2s;
}

.add-to-cart:hover {
  background-color: var(--sweet-purple);
}

.about-product-text {
  color: #545479;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 156%;
}

.button-group {
  margin-bottom: 20px;
}

.container {
  width: 90%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}

.paypal-checkout-form {
  padding: 60px 0;
}

.color-box {
  background-color: #6c4be5;
  border-radius: 8px;
  width: 100%;
  max-width: 136px;
  height: 136px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}

.color-box._6 {
  background-color: var(--dark);
}

.color-box._4 {
  background-color: var(--playful-yellow);
}

.color-box._5 {
  background-color: var(--red);
}

.color-box._1 {
  background-color: var(--primary-blue);
}

.color-box._11 {
  background-color: var(--white-smoke);
}

.color-box._3 {
  background-color: var(--lemon-green);
}

.color-box._7 {
  background-color: var(--gainsboro);
}

.color-box._2 {
  background-color: var(--sweet-purple);
}

.color-box._8 {
  background-color: var(--white-f7f7f7);
  border: 1px solid #0000001a;
}

.colour-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
}

.color-grid-item {
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 160px;
  padding: 12px;
  display: flex;
  box-shadow: 0 10px 70px #53535312;
}

.colors-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1160px;
  display: grid;
}

.colour-code-16-px {
  text-transform: uppercase;
  flex: none;
  font-size: 16px;
  line-height: 24px;
}

.style-guide-titles-2 {
  color: #000;
  margin-bottom: 64px;
}

.integration-template-wrapper {
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 70px;
  padding-bottom: 140px;
  display: flex;
}

.author-collection-list-wrapper {
  width: 90%;
}

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

.search-result-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin-bottom: 20px;
  padding: 10px;
  display: flex;
}

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

.cart-quantity {
  color: var(--red);
}

.top-triangle-image {
  position: absolute;
  top: -36px;
  left: 70px;
}

.top-triangle-image._2 {
  left: 320px;
}

.top-triangle-image._3 {
  left: auto;
  right: 322px;
}

.top-triangle-image._4 {
  left: auto;
  right: 71px;
}

.sticky-wrapper {
  width: auto;
  margin-left: -47px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.contact-success-message-2 {
  color: #fff;
  text-align: center;
  background-color: #4262ff;
  border-radius: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.home-3-form-block {
  margin-top: 40px;
}

.home-3-background-image {
  z-index: 0;
  width: 100%;
  position: absolute;
  inset: auto 0%;
}

.home-3-company-logo-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 80%;
  max-width: 900px;
}

.home-3-hero-heading {
  margin-bottom: 24px;
}

.home-3-hero-text-container {
  width: 48%;
  max-width: 546px;
}

.home-3-user-2 {
  z-index: 1111;
  width: 72px;
  position: absolute;
  inset: 30% auto auto 0%;
}

.home-3-hero-bottom-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.purple-text-span-2 {
  color: #fff;
  background-color: #a259ff;
  border-radius: 10px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.home-3-hero-image {
  z-index: 11;
  width: 100%;
  max-width: 444px;
  position: relative;
}

.home-3-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  font-family: Satoshi variable, sans-serif;
  display: flex;
}

.home-3-user-1 {
  z-index: 1111;
  width: 58px;
  position: absolute;
  inset: -5% 20% auto auto;
}

.home-3-company-logo-image {
  width: 100%;
  height: 100%;
}

.contact-error-message-2 {
  color: #fff;
  text-align: center;
  background-color: #f24e1e;
  border-radius: 10px;
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.home-3-text-field {
  color: #050038;
  border: 1px solid #050038;
  border-radius: 100px;
  height: 64px;
  margin-bottom: 0;
  padding-top: 17px;
  padding-bottom: 19px;
  padding-left: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.home-3-text-field::placeholder {
  color: #05003899;
}

.blue-submit-button {
  background-color: #4262ff;
  border-radius: 100px;
  padding: 17px 31px 19px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.home-3-image-container {
  justify-content: center;
  align-items: center;
  width: 45%;
  max-width: 522px;
  display: flex;
  position: relative;
}

.home-3-company-logo-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.home-3-hero-upper-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.home-3-hero-item-2 {
  z-index: 111;
  width: 90%;
  max-width: 439px;
  position: absolute;
  inset: auto auto -8% -50px;
}

.home-3-hero-highlight {
  width: 51px;
  position: absolute;
  inset: auto -10px -40px auto;
}

.home-3-hero-item-1 {
  z-index: 111;
  width: 90%;
  max-width: 188px;
  position: absolute;
  inset: 100px -5% auto auto;
}

.home-3-testimonial-star-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.home-3-testimonial-sextion {
  background-color: #a259ff33;
}

.home-3-testimonial-text-wrap {
  font-family: Satoshi variable, sans-serif;
}

.home-3-testimonial-right-wrap {
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  max-width: 448px;
  display: flex;
}

.home-3-testimonial-italic-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 500;
  line-height: 145%;
}

.home-3-testimonial-author-para {
  color: #050038cc;
  font-size: 18px;
  line-height: 156%;
}

.home-3-testimonial-author-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.home-3-testimonial-author-name {
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.home-3-number-subtext {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 145%;
}

.home-3-testimonial-author-img {
  width: 60px;
}

.home-3-number-heading {
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.home-3-number-item-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.home-3-testimonial-left-wrapper {
  grid-column-gap: 63px;
  grid-row-gap: 63px;
  flex-direction: column;
  width: 55%;
  max-width: 617px;
  display: flex;
}

.home-3-testimonial-star-icon {
  width: 24px;
  height: 24px;
}

.home-3-feature-item-heading {
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.home-3-feature-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 800px;
}

.home-3-feature-item-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.home-3-feature-item-text-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 350px;
  margin-top: 30px;
  display: flex;
}

.home-3-feature-item-image {
  width: 100%;
}

.home-3-feature-item-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.home-3-feature-item {
  border: 0 solid #000;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 370px;
  line-height: 70%;
  display: flex;
}

.home-3-feature-item:hover {
  border-width: 0;
  border-color: #000;
  border-radius: 0;
}

.home-3-analysis-bottom-wrap {
  grid-column-gap: 180px;
  grid-row-gap: 180px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.home-3-tag-item {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #4262ff26;
  border-radius: 30px;
  align-items: center;
  margin-bottom: 30px;
  padding: 6px 27px 6px 6px;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  display: flex;
}

.home-3-tag-item.white {
  background-color: var(--white);
}

.home-3-analysis-flex {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-3-analysis-image-wrapper {
  width: 45%;
  max-width: 500px;
  position: relative;
}

.home-3-analysis-image-wrapper.large {
  width: 52%;
  max-width: 600px;
}

.home-3-analysis-upper-wrapper {
  width: 100%;
  max-width: 1180px;
  margin-right: auto;
}

.home-3-analysis-text-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 46%;
  max-width: 530px;
  display: flex;
}

.reference-paragraph {
  text-align: center;
  width: 90%;
  max-width: 700px;
}

.integration-details-text-container {
  z-index: 11;
  background-color: #fff;
  border: 1px solid #050038;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1000px;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 56px;
  display: flex;
  position: relative;
}

.integration-type {
  color: var(--white);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 6px;
  margin-left: 64px;
  padding: 4px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  display: inline-block;
}

.integration-cms-section {
  background-image: linear-gradient(to bottom, var(--sweet-purple) 20%, white 20%);
  padding-top: 80px;
}

.integration-top-wrapper {
  flex-direction: column;
  align-items: center;
  max-width: 688px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.integration-logo-contain {
  grid-column-gap: 30px;
  background-color: var(--white);
  border-radius: 180px;
  flex-direction: row;
  align-items: center;
  margin-bottom: 40px;
  padding: 12px;
  display: flex;
}

.integration-logo {
  object-fit: contain;
  border-radius: 100px;
  width: 80px;
  height: 80px;
}

.integration-heading-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.integration-name {
  color: var(--white);
  margin-bottom: 0;
  font-size: 72px;
  line-height: 120%;
}

.integration-name._80-opacity {
  color: #fffc;
}

.integration-summary {
  color: var(--white);
  text-align: center;
  font-size: 18px;
  line-height: 156%;
}

.integration-social-left-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--dark) black var(--dark) var(--dark);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  width: 100%;
  max-width: 48px;
  margin-top: 220px;
  padding: 18px 12px;
  display: flex;
  position: sticky;
  top: 55px;
}

.integration-social-left-wrapper.customer-stories-cms {
  margin-top: 368px;
}

.subscribe-form-contain {
  width: 100%;
  height: 100%;
  margin-top: 16px;
}

.career-details-text-container {
  z-index: 11;
  background-color: #fff;
  border: 1px solid #050038;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1000px;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.career-cms-section {
  background-image: linear-gradient(to bottom, var(--sweet-purple) 15%, white 15%);
  padding-top: 80px;
}

.home-3-analysis-spacer-line {
  background-color: #0500381a;
  width: 100%;
  height: 1px;
  margin-top: 48px;
  margin-bottom: 48px;
}

.home-3-analysis-numbers-flex {
  grid-column-gap: 80px;
  width: 100%;
  max-width: 420px;
  display: flex;
}

.home-3-analysis-hero-image {
  width: 100%;
  height: 100%;
}

.home-3-analysis-highlight-img {
  width: 29px;
  height: auto;
}

.home-3-analysis-highlight-img.left {
  position: absolute;
  inset: -25px auto auto -25px;
}

.home-3-analysis-highlight-img.right {
  position: absolute;
  inset: auto -25px -25px auto;
  transform: rotate(-180deg);
}

.home-3-analysis-special-image {
  width: 90%;
  max-width: 456px;
}

.home-3-analysis-absolute-img {
  border-radius: 12px;
  width: 90%;
  max-width: 240px;
  position: absolute;
  inset: auto 0% 88px auto;
  box-shadow: 17px 17px 100px #40454f1a;
}

.home-3-analysis-chart-img {
  width: 60px;
  position: absolute;
  inset: 150px 30px auto auto;
}

.why-choose-section {
  background-color: #0000;
}

.why-choose-text-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.why-choose-hero-item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid var(--dark);
  box-shadow: 7px 7px 0 0 var(--dark);
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  padding: 48px 40px;
  display: flex;
}

.why-choose-header-text {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.why-choose-pointer-grid {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  width: 100%;
}

.why-choose-pointer-text {
  background-image: url('../images/checkcircle-blue.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 48px;
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
}

.why-choose-pointer-text.with-red-icon {
  background-image: url('../images/xcircle.svg');
}

.why-choose-item-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  width: 100%;
  position: relative;
}

.why-choose-item-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 480px;
  height: 100%;
  display: flex;
  position: relative;
}

.h5-heading-32px {
  font-size: 24px;
}

.why-choose-path-image {
  width: 100%;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% -60px;
}

.why-choose-highlight-icon {
  width: 40px;
  position: absolute;
  inset: 35px auto auto -30px;
}

.vs-blue-wrapper {
  z-index: 11;
  background-color: var(--primary-blue);
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  display: flex;
  position: absolute;
  inset: 50% 0%;
}

.home-3-integration-upper-wrap {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.home-3-integration-heading-wrap {
  max-width: 580px;
}

.home-3-integration-bottom-grid, .home-3-integration-cl-wrap {
  width: 100%;
}

.home-3-integration-cl {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.home-3-integration-item {
  border: 1px solid var(--dark);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 212px;
  padding: 36px 40px;
  transition: all .2s;
  display: flex;
}

.home-3-integration-item:hover {
  box-shadow: 4px 4px 0 0 var(--dark);
}

.home-3-integration-item-image {
  object-fit: contain;
  width: 56px;
  height: 56px;
}

.home-3-customer-upper-wrap {
  max-width: 700px;
  margin-right: auto;
}

.home-3-customer-bottom-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.home-3-customer-image-wrap {
  width: 46%;
  max-width: 480px;
}

.home-3-customer-image {
  width: 100%;
  height: 100%;
}

.home-3-customer-text-wrap {
  width: 52%;
  max-width: 615px;
}

.home-3-customer-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.home-3-customer-slider-mask {
  width: 100%;
}

.home-3-customer-slide {
  width: 100%;
  height: 100%;
  margin-right: 20px;
}

.home-3-customer-slide-nav {
  inset: auto 0% -96px auto;
}

.customer-slide-upper-wrapper {
  border-bottom: 1px solid var(--dark);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 32px;
  display: flex;
}

.home-3-customer-para {
  font-size: 32px;
  font-style: italic;
  font-weight: 500;
  line-height: 150%;
}

.home-3-contact-blue-wrapper {
  background-color: var(--primary-blue);
  color: var(--white);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 550px;
  padding: 80px 53px;
  display: flex;
  position: relative;
}

.home-3-contact-blue-heading {
  margin-bottom: 24px;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.home-3-contact-blue-para {
  font-size: 18px;
  line-height: 156%;
}

.home-3-contact-blue-button-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 100%;
  margin-top: 48px;
  display: flex;
}

.home-3-contact-left-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  width: 60%;
  max-width: 602px;
  display: flex;
}

.home-3-contact-yellow-wrapper {
  background-color: var(--playful-yellow);
  border-radius: 16px;
  padding: 48px;
}

.home-3-contact-dark-blue-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--dark);
  color: var(--white);
  border-radius: 16px;
  align-items: center;
  padding: 42px 36px;
  display: flex;
}

.home-3-contact-badge-icon {
  width: 58px;
}

.home-3-contact-text-32px {
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.home-3-contact-yellow-flex {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  margin-top: 40px;
  display: flex;
}

.home-3-contact-blue-path-image {
  width: 90%;
  max-width: 212px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.home-3-cta-section {
  background-color: #a259ff33;
  position: relative;
}

.home-3-cta-text-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 790px;
  display: flex;
}

.home-3-tag-item-icon {
  width: 36px;
  height: 36px;
}

.home-3-cta-hero-item {
  z-index: 11;
  width: 90%;
  max-width: 293px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.home-3-cta-hero-item-1 {
  width: 90%;
  max-width: 248px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.home-3-cta-form-block {
  width: 100%;
  max-width: 586px;
  margin-top: 60px;
}

.home-3-cta-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.home-3-cta-text-field {
  border: 1px solid var(--dark);
  color: var(--dark);
  border-radius: 100px;
  height: 64px;
  margin-bottom: 0;
  padding-top: 17px;
  padding-bottom: 19px;
  padding-left: 30px;
  font-size: 20px;
  line-height: 28px;
}

.home-3-cta-text-field::placeholder {
  color: #05003899;
}

.home-3-cta-blue-button {
  background-color: var(--primary-blue);
  border-radius: 100px;
  padding: 18px 32px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.home-3-contact-blue-icon {
  width: 85px;
  margin-bottom: 30px;
}

.reviews-hero-section {
  background-color: #a259ff33;
}

.reviews-hero-text-container {
  width: 45%;
  max-width: 510px;
}

.reviews-hero-heading {
  max-width: 460px;
  margin-bottom: 24px;
  font-size: 58px;
  line-height: 120%;
}

.reviews-hero-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  width: 100%;
  max-width: 450px;
  margin-top: 48px;
  display: flex;
}

.reviews-hero-spacer-line {
  background-color: #0500384d;
  width: 1px;
}

.reviews-hero-item {
  width: 100%;
  max-width: 170px;
}

.reviews-hero-item.large {
  max-width: 184px;
}

.reviews-hero-star-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-top: 20px;
  margin-bottom: 16px;
  display: flex;
}

.reviews-hero-star-image {
  width: 24px;
  height: 24px;
}

.reviews-hero-text-20px {
  color: #050038e6;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.reviews-people-image {
  width: 100%;
  max-width: 154px;
  margin-bottom: 28px;
}

.reviews-hero-text-22px {
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.reviews-testimonial-item {
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 12px;
  width: 90%;
  max-width: 489px;
  padding: 32px;
}

.reviews-testimonial-item.middle {
  margin-left: auto;
}

.reviews-testimonial-item-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  line-height: 150%;
}

.reviews-testimonial-author-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.reviews-testimonial-author-img {
  width: 50px;
}

.reviews-testimonial-text-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.reviews-testimonial-author-name {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
}

.reviews-testimonial-author-bio {
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 138%;
}

.reviews-testimonial-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 50%;
  max-width: 571px;
  display: flex;
}

.reviews-customer-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 756px;
}

.customer-reviews-hero-item {
  border: 1px solid #000;
  border-radius: 10px;
  width: 100%;
  max-width: 560px;
  padding: 40px 40px 36px;
}

.reviews-customer-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto auto auto;
  width: 100%;
}

.faq-card-item {
  border: 1px solid var(--dark);
  border-radius: 12px;
  width: 100%;
  max-width: 580px;
  transition: all .2s;
}

.faq-card-item:hover {
  box-shadow: 6px 6px 0 0 var(--dark);
}

.faq-card-question-container {
  cursor: pointer;
  width: 100%;
  padding: 24px 20px 24px 24px;
}

.faq-card-question {
  width: 90%;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.faq-card-answer-wrap {
  width: 100%;
  height: auto;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.faq-card-content {
  max-width: 492px;
  padding-bottom: 32px;
  font-size: 18px;
  line-height: 156%;
}

.faq-card-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 580px;
  display: flex;
}

.faq-card-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  display: flex;
}

.faq-card-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 780px;
}

.download-hero-section {
  position: relative;
}

.download-hero-purple-bg {
  background-color: var(--sweet-purple);
  width: 100%;
  max-height: 638px;
  position: absolute;
  inset: 0%;
}

.download-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 688px;
  display: flex;
}

.download-hero-heading {
  margin-bottom: 24px;
  font-size: 58px;
  line-height: 125%;
}

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

.download-hero-item {
  border: 1px solid var(--dark);
  background-color: var(--white);
  color: var(--dark);
  text-align: center;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 360px;
  padding: 40px 30px 28px;
  display: flex;
}

.download-hero-item-icon {
  width: 80px;
  margin-bottom: 24px;
}

.download-hero-item-heading {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
}

.download-hero-item-para {
  font-size: 16px;
  line-height: 150%;
}

.download-hero-item-spacer-line {
  background-color: var(--gainsboro);
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 28px;
}

.download-hero-item-link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--dark);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  display: flex;
}

.download-hero-item-app-con {
  width: 40px;
}

.different-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 720px;
}

.different-item-container {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  width: 100%;
  display: flex;
}

.different-item-sub-container {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  width: 100%;
  max-width: 575px;
  display: flex;
}

.different-item-sub-container.margin-top-50px {
  margin-top: 50px;
}

.different-hero-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 2px solid var(--dark);
  border-radius: 12px;
  align-items: center;
  padding: 32px 50px 32px 40px;
  transition: all .2s;
  display: flex;
}

.different-hero-item:hover {
  box-shadow: 6px 6px 0 0 var(--dark);
}

.different-hero-item.yellow-dim {
  background-color: #ffd02f33;
}

.different-hero-item.purple-dim {
  background-color: #a259ff33;
}

.different-hero-item.green-dim {
  background-color: #a6c03d33;
}

.different-hero-item.red-dim {
  background-color: #f24e1e33;
}

.different-hero-item.blue-dim {
  background-color: #4262ff33;
}

.different-hero-item.white {
  background-color: var(--white);
}

.different-hero-item-icon {
  width: 90px;
  height: 90px;
}

.different-hero-item-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.demo-hero-section {
  background-color: var(--sweet-purple);
  color: var(--white);
}

.demo-hero-text-container {
  width: 50%;
  max-width: 600px;
}

.demo-hero-form-container {
  width: 46%;
  max-width: 520px;
}

.demo-hero-heading {
  margin-bottom: 24px;
  font-size: 58px;
  line-height: 125%;
}

.venture-section {
  background-color: var(--dark);
  color: var(--white);
  position: relative;
}

.venture-upper-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 680px;
}

.venture-bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.venture-bottom-left-container {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  width: 46%;
  max-width: 464px;
  display: flex;
}

.venture-bottom-right-container {
  width: 48%;
  max-width: 550px;
  position: relative;
}

.venture-bottom-hero-item {
  width: 100%;
  max-width: 182px;
}

.venture-bottom-hero-item-icon {
  width: 48px;
  margin-bottom: 20px;
}

.venture-bottom-hero-item-heading {
  margin-bottom: 16px;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.venture-bottom-hero-item-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.venture-company-logo-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 100%;
}

.venture-company-logo-wrapper {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 260px;
  padding: 18px 45px;
  display: flex;
}

.venture-company-logo-image {
  width: 100%;
  height: 100%;
}

.venture-king-crown-image {
  z-index: 1;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 65px 0%;
}

.venture-path-image {
  z-index: 11;
  width: 50%;
  max-width: 271px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.logo-train-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--dark);
  flex: none;
  align-items: center;
  width: 100%;
  max-width: 250px;
  margin-right: 40px;
  display: flex;
}

.logo-train-item.white {
  background-color: var(--white);
}

.logo-train-item-image {
  width: 100%;
  max-width: 200px;
}

.logo-train-item-dot {
  background-color: #fff6;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.logo-train-item-dot.black {
  background-color: #05003866;
}

.logo-train-wrapper-1 {
  background-color: var(--dark);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-train-container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.logo-train-wrapper-2, .logo-train-wrapper-3 {
  background-color: var(--dark);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-train-banner-section {
  background-color: var(--dark);
  border-bottom: 1px solid #ffffff4d;
  padding-top: 24px;
  padding-bottom: 24px;
}

.demo-hero-spacer-line {
  background-color: #ffffff4d;
  width: 100%;
  height: 2px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.demo-hero-logo-grid {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  opacity: .8;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
}

.demo-hero-logo-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 158px;
  height: 100%;
  display: flex;
}

.careers-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 648px;
  display: flex;
  position: relative;
}

.careers-hero-tag-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.careers-hero-tag-icon {
  width: 20px;
}

.careers-hero-tag-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.careers-hero-image-container {
  grid-column-gap: 31px;
  grid-row-gap: 31px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.careers-hero-image-item {
  justify-content: center;
  align-items: center;
  display: flex;
}

.careers-hero-image {
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.careers-hero-sub-wrapper {
  grid-column-gap: 31px;
  grid-row-gap: 31px;
  align-items: flex-end;
  display: flex;
}

.careers-hero-sub-wrapper.top-align {
  align-items: flex-start;
}

.careers-hero-middle-wrapper {
  grid-column-gap: 31px;
  grid-row-gap: 31px;
  flex-direction: column;
  width: 80%;
  max-width: 702px;
  display: flex;
}

.careers-hero-arrow-image {
  width: 20%;
  max-width: 80px;
  position: absolute;
  inset: auto -155px -100px auto;
}

.careers-hero-star-image {
  width: 20%;
  max-width: 76px;
  position: absolute;
  inset: auto auto 60px -160px;
}

.careers-tabs {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.careers-tabs-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  width: 48%;
  max-width: 480px;
  margin-right: auto;
  display: flex;
}

.careers-tab-link {
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 100px;
  padding: 0 20px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 300%;
}

.careers-tab-link.w--current {
  background-color: var(--dark);
  color: var(--white);
}

.careers-tabs-content {
  width: 50%;
  max-width: 620px;
  overflow: visible;
}

.careers-opening-card-item {
  background-color: var(--white);
  color: var(--dark);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 29px 40px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 24px 100px #40454f12;
}

.careers-opening-card-icon-wrap {
  background-color: var(--white-smoke-f1f3f6);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.careers-opening-card-arrow {
  width: 24px;
  height: 24px;
}

.careers-card-white-arrow {
  width: 24px;
  height: 24px;
  display: none;
}

.careers-opening-card-text-wrap {
  width: 85%;
  max-width: 428px;
}

.careers-opening-card-heading {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
}

.careers-opening-card-sub-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.careers-opening-card-item-dot {
  background-color: var(--grey-2);
  border-radius: 50%;
  width: 5.5px;
  height: 5.5px;
}

.career-opening-card-text-16px {
  color: var(--grey-2);
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.careers-opening-card-container {
  width: 100%;
}

.careers-collection-list {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  display: flex;
}

.career-opening-text-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 50%;
  max-width: 443px;
  display: flex;
}

.home-2-cta-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.home-2-cta-text-wrapper {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 42%;
  max-width: 434px;
  margin-bottom: 48px;
  display: flex;
  position: relative;
}

.home-2-cta-sub-text-wrapper {
  margin-bottom: 130px;
}

.yellow-text-span {
  background-color: var(--playful-yellow);
  color: var(--dark);
  border-radius: 10px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.home-2-cta-icon {
  width: 75px;
  margin-bottom: 30px;
}

.home-2-cta-image-wrapper {
  z-index: 1;
  width: 50%;
  max-width: 560px;
  position: relative;
}

.home-2-cta-image {
  border-bottom-right-radius: 24px;
}

.home-2-cta-blue-background {
  width: 50%;
  max-width: 282px;
  position: absolute;
  inset: 0% 85px 0% auto;
}

.pricing-2-hero-text-wrapper {
  max-width: 580px;
  margin-right: auto;
}

.pricing-2-hero-heading {
  margin-bottom: 0;
}

.pricing-2-tabs {
  width: 100%;
}

.pricing-2-tabs-menu {
  border: 1px solid var(--dark);
  border-radius: 60px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 322px;
  margin-left: auto;
  display: flex;
  top: -80px;
}

.pricing-2-tabs-content {
  overflow: visible;
}

.pricing-2-tab-link {
  background-color: #0000;
  border: .5px solid #0000;
  border-radius: 60px;
  padding: 19px 43px;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.pricing-2-tab-link.w--current {
  border-color: var(--dark);
  background-color: var(--sweet-purple);
  color: var(--white);
}

.pricing-2-tab-pane-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  display: flex;
}

.pricing-2-hero-item {
  border: 1px solid var(--dark);
  border-radius: 16px;
  width: 100%;
  max-width: 580px;
  transition: all .2s;
}

.pricing-2-hero-item:hover {
  box-shadow: 7px 7px 0 0 var(--dark);
}

.pricing-2-top-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 46px 40px;
  display: flex;
}

.pricing-2-middle-wrapper {
  border-top: 1px solid var(--dark);
  border-bottom: 1px solid var(--dark);
  background-color: #ffd02f66;
  width: 100%;
  padding: 34px 40px;
}

.pricing-2-middle-wrapper.dim-purple {
  background-color: #a259ff66;
}

.pricing-2-bottom-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 44px 40px;
  display: flex;
}

.pricing-2-pointer-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.pricing-2-pointer-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pricing-2-pointer-icon {
  width: 28px;
  height: 28px;
}

.pricing-2-pointer-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.pricing-2-billed-text {
  color: #05003880;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.pricing-2-price-text {
  font-size: 72px;
  font-style: italic;
  font-weight: 700;
  line-height: 100%;
}

.pricing-2-price-text-small {
  color: #05003866;
  font-size: 32px;
  font-style: normal;
}

.pricing-2-price-text-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pricing-2-all-cap-text {
  color: #05003880;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.pricing-2-item-heading {
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.pricing-2-tabs-container {
  width: 100%;
  position: relative;
}

.pricing-2-customer-slider-wrap {
  width: 100%;
}

.pricing-2-heading-wrapper {
  width: 100%;
  max-width: 695px;
}

.customer-slider-v2 {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.customer-slider-mask-v2 {
  width: 100%;
  max-width: 1070px;
  overflow: visible;
}

.customer-slider-slide-v2 {
  width: 100%;
  height: 100%;
  margin-right: 60px;
}

.customer-slide-wrapper-v2 {
  background-color: #a259ff33;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 70px;
  display: flex;
}

.customer-slide-wrapper-v2.dim-yellow {
  background-color: #ffd02f33;
}

.customer-slide-wrapper-v2.dim-red {
  background-color: #f24e1e33;
}

.customer-slide-left-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  width: 30%;
  max-width: 250px;
  display: flex;
}

.customer-slide-right-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  align-items: flex-start;
  width: 70%;
  max-width: 526px;
  display: flex;
}

.customer-slide-vertical-line {
  background-color: #05003833;
  width: 1px;
  height: 286px;
}

.customer-slide-heading-number {
  margin-bottom: 4px;
  font-size: 25px;
  font-weight: 700;
  line-height: 125%;
}

.customer-slide-para-small-text {
  font-size: 22px;
  line-height: 28px;
}

.customer-slide-testimonial-text {
  letter-spacing: -.01em;
  font-size: 27px;
  font-weight: 500;
  line-height: 125%;
}

.customer-slide-brand-logo {
  width: 100%;
  max-width: 170px;
}

.customer-slider-left-arrow-v2 {
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: all .2s;
  display: flex;
  inset: -141px 70px auto auto;
}

.customer-slider-left-arrow-v2:hover {
  filter: invert();
  transform: translate(-5px);
}

.customer-slider-right-arrow-v2 {
  border: 1px solid var(--dark);
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: all .2s;
  display: flex;
  inset: -141px 0% auto auto;
}

.customer-slider-right-arrow-v2:hover {
  filter: invert();
  transform: translate(5px);
}

.discount-offer-img {
  width: 146px;
  height: auto;
  position: absolute;
  inset: -160px 0% auto auto;
}

.different-blue-section {
  background-color: var(--primary-blue);
  color: var(--white);
  position: relative;
}

.different-blue-item {
  border: 1px solid var(--dark);
  background-color: var(--white);
  color: var(--dark);
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 324px;
  padding: 48px 32px;
  display: flex;
}

.different-blue-item-icon {
  width: 85px;
  height: 85px;
  margin-bottom: 30px;
}

.different-blue-item-heading {
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
}

.different-blue-item-para {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.different-blue-item-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  width: 100%;
  max-width: 324px;
  display: flex;
}

.different-blue-item-wrapper.middle {
  margin-top: 120px;
}

.different-blue-item-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.team-yellow-section {
  background-color: var(--playful-yellow);
}

.about-yellow-item {
  border: 2px solid var(--dark);
  background-color: var(--white);
  border-radius: 240px;
  width: 100%;
  max-width: 376px;
  position: relative;
}

.about-yellow-item-absolute {
  background-color: var(--white);
  border-radius: 242px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 376px;
  padding: 20px;
  display: none;
  position: absolute;
  inset: 0%;
}

.about-yellow-item-hero-image {
  border-radius: 242px;
  width: 100%;
  height: 100%;
}

.about-yellow-item-heading {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.about-yellow-item-para {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.about-yellow-social-media-item {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.about-yellow-social-media-item:hover {
  transform: translate(0, -5px);
}

.about-yellow-social-media-image {
  width: 100%;
  height: 100%;
}

.about-social-social-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 60px;
  display: flex;
}

.about-yellow-item-grid {
  grid-column-gap: 36px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.team-yellow-heading-wrapper {
  width: 100%;
  max-width: 840px;
}

.about-3-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 580px;
  margin-top: 120px;
  margin-bottom: 110px;
  display: flex;
}

.about-3-hero-item-1 {
  width: 30%;
  max-width: 240px;
  margin-top: 60px;
  margin-bottom: auto;
}

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

.about-3-hero-item-2 {
  width: 35%;
  max-width: 266px;
  margin-top: auto;
}

.about-benefit-bottom-container {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.about-benefit-para-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  width: 50%;
  max-width: 501px;
  display: flex;
}

.about-benefit-heading-container {
  width: 50%;
  max-width: 460px;
}

.about-benefit-item {
  border: 1px solid var(--dark);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 270px;
  padding: 30px 25px 40px;
  transition: all .2s;
  display: flex;
}

.about-benefit-item:hover {
  box-shadow: 6px 6px 0 0 var(--dark);
}

.about-benefit-item-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

.about-benefit-item-heading {
  margin-bottom: 16px;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.about-benefit-item-para {
  font-size: 24px;
  line-height: 133%;
}

.about-benefit-item-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.about-hero-star-icon {
  width: 77px;
  height: 80px;
  position: absolute;
  inset: 75px 10% auto auto;
}

.about-hero-arrow-image {
  width: 40%;
  max-width: 193px;
  position: absolute;
  inset: auto auto 0% 18%;
}

.faq-open-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  max-width: 492px;
  display: flex;
}

.faq-open-question-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 133%;
}

.faq-open-answer-text {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.faq-open-grid {
  grid-column-gap: 150px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto auto;
  width: 100%;
}

.faq-open-text-wrapper {
  text-align: center;
}

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

.pricing-table-container {
  border: 1px solid var(--dark);
  border-radius: 16px;
  width: 100%;
  transition: all .2s;
}

.pricing-table-container:hover {
  box-shadow: 4px 4px 0 0 var(--dark);
}

.pricing-table-top-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  border-radius: 16px;
  align-items: center;
  width: 100%;
  padding: 30px 36px;
  display: flex;
}

.pricing-table-bottom-wrap {
  padding-left: 36px;
  padding-right: 36px;
  overflow: hidden;
}

.pricing-table-icon-wrapper {
  border: 1px solid var(--dark);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.pricing-table-icon {
  width: 24px;
  height: 24px;
}

.pricing-table-top-text {
  font-size: 24px;
  font-weight: 700;
  line-height: 142%;
}

.pricing-table-hero-wrapper {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  border-top: 1px solid #0500381a;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 62px;
  display: flex;
}

.pricing-table-hero-flex {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.pricing-table-item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pricing-table-item.left-align {
  justify-content: flex-start;
  align-items: flex-start;
}

.pricing-table-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 70%;
}

.pricing-table-heading-item {
  width: 30%;
}

.pricing-table-text-20px {
  color: var(--midnight-blue);
  letter-spacing: -.02em;
  font-size: 20px;
  line-height: 116%;
}

.pricing-table-text-20px.medium {
  font-weight: 500;
}

.pricing-table-item-blue-icon {
  width: 28px;
  height: 28px;
}

.pricing-table-outer-container-1 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.pricing-table-top-special {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  padding: 30px 36px;
  display: flex;
}

.pricing-table-bottom-special {
  border-top: 1px solid #0500381a;
  padding-left: 36px;
  padding-right: 36px;
  overflow: hidden;
}

.pricing-table-container-special {
  border: 1px solid var(--dark);
  border-radius: 16px;
  width: 100%;
  transition: all .2s;
}

.pricing-table-container-special:hover {
  box-shadow: 4px 4px 0 0 var(--dark);
}

.pricing-table-icon-special {
  width: 24px;
  height: 24px;
}

.pricing-plan-feature-text {
  color: var(--midnight-blue);
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 133%;
}

.pricing-plan-feature-text.large {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 142%;
}

.pricing-plan-subtext {
  color: #05003899;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 145%;
}

.pricing-plan-link-text {
  border-bottom: 3px solid var(--slate-blue);
  color: var(--slate-blue);
  margin-top: 24px;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
  text-decoration: none;
}

.toggle-row {
  justify-content: center;
  align-items: center;
  margin-right: 80px;
  display: flex;
  position: relative;
}

.toggle-text {
  color: var(--midnight-blue);
  font-size: 24px;
  font-weight: 500;
  line-height: 133%;
}

.toggle-contain {
  background-color: var(--primary-blue);
  cursor: pointer;
  border-radius: 30px;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  height: 36px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 5px;
  display: flex;
}

.toggle-dot {
  background-color: #fff;
  border-radius: 100%;
  width: 26px;
  height: 26px;
}

.toggle-save-container {
  align-items: center;
  display: flex;
  position: absolute;
  inset: -20px -140px auto auto;
}

.toggle-arrow-icon {
  width: 100%;
  max-width: 74px;
  position: relative;
  top: -10px;
  right: -15px;
}

.pricing-table-upper-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.toggle-text-icon {
  width: 100%;
  max-width: 87px;
  height: 100%;
}

.pricing-table-outer-container-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.pricing-3-hero-section {
  background-color: #a259ff33;
}

.pricing-3-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 858px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pricing-plan-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--dark);
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 80%;
  max-width: 928px;
  height: 100%;
}

.pricing-plan-grid-item {
  background-color: var(--white);
  width: 100%;
  max-width: 310px;
  height: 100%;
  padding: 40px 25px;
}

.pricing-plan-grid-item.blue-middle {
  border-right: 1px solid var(--dark);
  border-left: 1px solid var(--dark);
  background-color: var(--primary-blue);
  color: var(--white);
  border-radius: 0;
}

.pricing-plan-grid-item.left {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}

.pricing-plan-grid-item.right {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.pricng-plan-item-line-spacer {
  background-color: #0500381a;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 32px;
}

.pricing-plan-bottom-wrapper {
  grid-column-gap: 46px;
  grid-row-gap: 46px;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 66px;
  display: grid;
}

.pricing-plan-bottom-wrapper.heading-wrapper {
  margin-top: 32px;
}

.pricing-plan-hero-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

.pricing-plan-type-text {
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 156%;
}

.pricing-plan-hero-text {
  margin-bottom: 8px;
  font-size: 58px;
  font-weight: 700;
  line-height: 124%;
}

.pricing-plan-user-text {
  color: var(--midnight-blue);
  margin-bottom: 32px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.pricing-plan-user-text.white {
  color: var(--white);
}

.pricing-plan-item {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.pricing-plan-item.heading-wrapper-left {
  align-items: flex-start;
}

.pricing-plan-para-small-text {
  text-align: center;
  font-size: 16px;
  line-height: 150%;
}

.pricing-plan-hero-text-20px {
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
}

.pricing-plan-check-circle {
  width: 40px;
  height: 40px;
}

.pricing-plan-heading-wrapper {
  width: 23%;
}

.pricing-plan-heading-item {
  padding-bottom: 40px;
}

.pricing-plan-core-feature-text {
  color: #05003899;
  letter-spacing: .14em;
  font-size: 14px;
  font-weight: 700;
  line-height: 170%;
}

.pricing-plan-upper-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.pricing-plan-bottom-container {
  width: 100%;
}

.about-2-team-text-wrapper {
  width: 45%;
  max-width: 440px;
}

.about-2-team-grid {
  grid-column-gap: 120px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto;
  width: 55%;
  max-width: 660px;
}

.about-2-team-grid-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 270px;
  display: flex;
}

.about-2-team-grid-item-image {
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
}

.about-2-team-grid-item-heading {
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.about-2-team-grid-item-subtext {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.creative-talent-teaxt-wrapper {
  text-align: center;
  width: 100%;
  max-width: 700px;
}

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

.creative-talent-grid-item {
  border: 1px solid var(--dark);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 370px;
  padding: 20px 20px 40px;
  transition: all .2s;
  display: flex;
}

.creative-talent-grid-item:hover {
  box-shadow: 7px 7px #000;
}

.creative-talent-grid-item-image {
  border-radius: 16px;
  width: 100%;
  margin-bottom: 32px;
}

.creative-talent-item-heading {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  line-height: 133%;
}

.creative-talent-item-subtext {
  color: #05003899;
  max-width: 280px;
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.about-2-different-grid {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.about-2-different-grid-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 336px;
  display: flex;
}

.about-2-different-item-image {
  width: 80px;
  height: 80px;
  margin-bottom: 32px;
}

.about-2-different-item-heading {
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 500;
  line-height: 125%;
}

.about-2-different-item-subtext {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.about-2-people-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 630px;
}

.about-2-people-outer-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.about-2-people-left-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  width: 100%;
  max-width: 448px;
  display: flex;
}

.about-2-container-right-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 712px;
  display: flex;
}

.about-2-people-image-wrapper, .about-2-people-hero-image {
  width: 100%;
  height: 100%;
}

.about-2-people-image-flex {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  display: flex;
}

.about-2-hero-section {
  background-color: #a259ff33;
}

.about-2-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 650px;
  margin-bottom: 100px;
  display: flex;
}

.about-2-hero-tag {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 20px;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
  display: flex;
}

.about-2-hero-tag-icon {
  width: 20px;
  height: 20px;
}

.about-2-hero-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 2px solid var(--dark);
  background-color: var(--white);
  border-radius: 12px;
  align-items: center;
  width: 100%;
  max-width: 580px;
  padding: 45px 38px 45px 48px;
  transition: box-shadow .2s;
  display: flex;
}

.about-2-hero-item:hover {
  box-shadow: 6px 6px 0 0 var(--dark);
}

.about-2-hero-item-icon {
  width: 80px;
  height: 80px;
}

.about-2-hero-item-subtext {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 156%;
}

.about-2-hero-item-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.about-2-hero-path-image {
  width: 100%;
  max-width: 887px;
}

.about-2-arrow-icon {
  width: 100%;
  max-width: 80px;
  height: auto;
  position: absolute;
  inset: 180px auto auto 0%;
}

.about-2-star-icon {
  width: 100%;
  max-width: 77px;
  height: auto;
  position: absolute;
  inset: 250px 3% auto auto;
}

.logo-train-wrapper-1-white, .logo-train-wrapper-2-white, .logo-train-wrapper-3-white {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-train-white-banner-section {
  border-bottom: 1px solid #0500381a;
  padding-top: 24px;
  padding-bottom: 24px;
}

.home-2-spotlight-section {
  background-color: var(--dark);
  color: var(--white);
}

.home-2-integration-section {
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 100px;
  display: flex;
}

.home-2-creative-section {
  background-color: #f5f5f5;
  margin-top: -57px;
}

.home-2-creative-image-wrap {
  width: 100%;
}

.home-2-creative-image {
  width: 100%;
  height: 100%;
}

.home-2-creative-text-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  display: flex;
}

.home-2-analysis-text-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 40%;
  max-width: 414px;
  display: flex;
}

.home-2-analysis-hero-image {
  width: 100%;
  height: 100%;
}

.home-2-analysis-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto auto auto;
  width: 55%;
  max-width: 620px;
}

.home-2-analysis-item {
  width: 100%;
  max-width: 270px;
}

.home-2-analysis-item-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 25px;
}

.home-2-analysis-item-heading {
  margin-bottom: 15px;
  font-family: Satoshi variable, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 145%;
}

.home-2-analysis-item-subtext {
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.home-2-feature-heading-wrap {
  text-align: center;
  max-width: 700px;
}

.home-2-feature-tab-wrapper {
  width: 100%;
}

.home-2-feature-tab {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.home-2-feature-tabs-menu {
  border: 1px solid var(--dark);
  box-shadow: 3px 3px 0 0 var(--primary-blue);
  border-radius: 60px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 6px;
}

.home-2-feature-tab-link {
  background-color: #0000;
  border-radius: 60px;
  padding: 12px 50px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.home-2-feature-tab-link.w--current {
  background-color: var(--primary-blue);
  color: var(--white);
}

.home-2-feature-tabs-content {
  width: 100%;
}

.home-2-feature-tab-pane-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.feature-tab-image-wrapper {
  width: 50%;
  max-width: 560px;
}

.feature-tab-hero-image {
  width: 100%;
}

.feature-tab-text-wrapper {
  width: 40%;
  max-width: 430px;
}

.home-2-spotlight-heading-wrap {
  text-align: center;
  width: 100%;
  max-width: 800px;
}

.home-2-spotlight-bottom-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.home-2-spotlight-item {
  border: 1px solid var(--white);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 360px;
  padding: 50px 28px 190px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.home-2-spotlight-item:hover {
  box-shadow: 7px 7px 0 0 var(--playful-yellow);
}

.home-2-spotlight-item-icon {
  width: 85px;
  height: 85px;
  margin-bottom: 27px;
}

.home-2-spotlight-item-heading {
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.home-2-spotlight-item-subtext {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.home-2-spotlight-item-link-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--white);
  align-items: center;
  margin-top: 24px;
  font-size: 18px;
  line-height: 120%;
  text-decoration: none;
  display: flex;
}

.spotlight-item-link-block-image {
  width: 28px;
  height: 28px;
}

.home-2-spotlight-item-hero-img {
  width: 100%;
  max-width: 296px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% -136px;
}

.home-2-hero-text-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 49%;
  max-width: 550px;
  display: flex;
  position: relative;
}

.home-2-hero-heading {
  margin-bottom: 24px;
  font-size: 25px;
}

.home-2-hero-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 55%;
  max-width: 720px;
  margin-right: -6%;
  display: flex;
  position: relative;
}

.home-2-hero-image {
  width: 90%;
  max-width: 498px;
  margin-left: auto;
  margin-right: auto;
}

.home-2-image-absolute-1 {
  width: 50%;
  max-width: 268px;
  position: absolute;
  inset: auto auto -100px -12%;
}

.home-2-image-absolute-2 {
  width: 50%;
  max-width: 188px;
  position: absolute;
  inset: 80px 1% auto auto;
}

.home-2-hero-pencil {
  width: 72px;
  height: 72px;
  position: absolute;
  inset: 5% auto auto -10%;
}

.home-2-user-image-1 {
  z-index: 11;
  width: 60px;
  height: 60px;
  position: absolute;
  inset: -28px 40% auto auto;
}

.home-2-user-image-2 {
  z-index: 11;
  width: 72px;
  height: 72px;
  position: absolute;
  inset: auto auto 80px 0%;
}

.home-2-highlight-image {
  width: 52px;
  height: 52px;
  position: absolute;
  inset: auto 20px -45px auto;
}

.home-2-hero-rating-container {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  margin-top: 60px;
  display: flex;
}

.home-2-hero-rating-top-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  display: flex;
}

.home-2-hero-rating-star-icon {
  width: 20px;
  height: 20px;
}

.home-2-hero-rating-text {
  color: var(--grey);
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 144%;
}

.home-2-hero-rating-text.bold-black {
  color: var(--dark);
  font-weight: 700;
}

.home-2-hero-rating-arrow-icon {
  width: 24px;
  height: 14px;
}

.home-2-hero-rating-bottom-wrap {
  align-items: center;
  padding-left: 4px;
  display: flex;
}

.home-2-hero-rating-image {
  width: 50px;
  height: 50px;
  margin-left: -8px;
}

.home-2-stat-icon {
  width: 75px;
  height: 75px;
  position: absolute;
  inset: auto 30% 50px auto;
}

.home-2-result-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 600px;
}

.home-2-integration-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  border-radius: 100px;
  flex: none;
  align-items: center;
  margin-right: 28px;
  padding: 8px 32px 8px 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 135%;
  display: flex;
  box-shadow: 6px 6px 48px #1217220f;
}

.home-2-integration-item-icon {
  border-radius: 50%;
  width: 64px;
  height: 64px;
}

.integration-item-wrapper-1 {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-item-container-1 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-item-wrapper-2, .integration-item-wrapper-3 {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-item-container {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-direction: column;
  margin-top: 80px;
  margin-bottom: 60px;
  display: flex;
}

.integration-item-wrapper-4, .integration-item-wrapper-5, .integration-item-wrapper-6, .integration-item-wrapper-7, .integration-item-wrapper-8, .integration-item-wrapper-9 {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-button-wrapper {
  margin-left: auto;
  margin-right: auto;
}

.home-2-integration-heading-wrap {
  text-align: center;
  width: 90%;
  max-width: 870px;
  margin-top: -58px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.integration-item-container-2, .integration-item-container-3 {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-2-result-bottom-flex {
  grid-column-gap: 40px;
  grid-row-gap: 80px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.home-2-result-dark-blue-item {
  background-color: var(--dark);
  color: var(--white);
  border-radius: 20px;
  width: 100%;
  max-width: 420px;
  padding-top: 48px;
  padding-left: 48px;
  padding-right: 48px;
}

.result-dark-blue-item-heading {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
}

.result-dark-blue-item-heading.max-width-380px {
  max-width: 380px;
  margin-bottom: 70px;
}

.result-dark-blue-item-subtext {
  color: #fffc;
  margin-bottom: 35px;
  font-size: 18px;
  line-height: 156%;
}

.result-dark-blue-item-image {
  border-radius: 12px;
  width: 100%;
  margin-bottom: -41px;
  box-shadow: 0 -10px 90px #0000000d;
}

.home-2-result-blue-item {
  background-color: var(--primary-blue);
  color: var(--white);
  border-radius: 20px;
  width: 100%;
  max-width: 700px;
  padding-top: 48px;
  padding-left: 48px;
  padding-right: 120px;
  position: relative;
}

.yellow-text {
  color: var(--playful-yellow);
}

.home-2-result-blue-item-icon-img {
  width: 184px;
  position: absolute;
  inset: 35% 5% auto auto;
}

.all-stories-item-text-wrapper {
  color: #000;
  background-color: #fff;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 40px 32px 48px;
  display: flex;
}

.all-stories-item-image-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.link-block-wrapper {
  color: #000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 48px;
  text-decoration: none;
  display: flex;
}

.link-block-wrapper.all-stories-link-block {
  color: var(--dark);
  margin-top: 32px;
}

.recent-blog-black-box {
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 16px;
  display: flex;
}

.all-stories-hero-item {
  border: 1px solid var(--dark);
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 580px;
  height: 100%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.all-stories-hero-item:hover {
  transform: translate(0, -5px);
}

.all-stories-logo-image {
  z-index: 1;
  width: auto;
  max-width: 250px;
  height: auto;
  position: absolute;
  inset: auto auto 32px 32px;
}

.all-stories-item-heading {
  letter-spacing: -.01em;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

.recent-blog-bold-text-16px {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
}

.all-stories-thumbnail-image {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
  height: 100%;
}

.all-stories-grid-container {
  width: 100%;
}

.all-stories-collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 80px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.all-stories-collection-list.cms-page-grid {
  grid-template-rows: auto;
}

.customer-stories-hero-text-wrap {
  text-align: center;
  width: 100%;
  max-width: 630px;
  margin-top: 120px;
  margin-bottom: 255px;
}

.customer-story-profile-item {
  width: 30%;
  max-width: 180px;
}

.customer-story-profile-item.top {
  margin-top: 58px;
  margin-bottom: auto;
}

.customer-story-profile-item.bottom {
  margin-top: auto;
  margin-bottom: 120px;
}

.customer-story-profile-item-img {
  width: 100%;
  height: 100%;
}

.customer-story-hero-star-icon {
  width: 50%;
  max-width: 77px;
  position: absolute;
  inset: 51px 8% auto auto;
}

.customer-story-hero-arrow {
  width: 50%;
  max-width: 183px;
  position: absolute;
  inset: auto auto 120px 10%;
}

.cs-hero-cms-section {
  background-color: var(--sweet-purple);
  color: var(--white);
}

.cs-hero-cms-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 820px;
  display: flex;
}

.hero-cms-company-logo {
  max-width: 250px;
  margin-bottom: 20px;
}

.cs-hero-heading {
  font-size: 58px;
  line-height: 124%;
}

.rich-text-main-heading-wrap {
  border-bottom: 1px solid var(--dark);
  width: 100%;
  padding: 64px;
}

.rich-text-main-heading {
  letter-spacing: -.01em;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}

.overview-hero-section {
  padding-bottom: 80px;
}

.overview-hero-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1020px;
  display: flex;
}

.overview-hero-heading {
  margin-bottom: 24px;
  font-size: 58px;
  line-height: 124%;
}

.overview-button-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 50px;
  display: flex;
}

.overview-train-item {
  border-radius: 10px;
  flex: none;
  width: 100%;
  max-width: 460px;
  margin-right: 40px;
  transition: all .2s;
}

.overview-train-item:hover {
  box-shadow: 7px 7px 0 0 var(--playful-yellow);
}

.overview-train-item-image {
  width: 100%;
  height: 100%;
}

.overview-train-item-wrapper-1 {
  flex: none;
  display: flex;
}

.overview-train-item-top-wrap {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overview-train-item-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.overview-train-item-wrapper-2, .overview-train-item-wrapper-3, .overview-train-item-bottom-wrap, .overview-train-item-wrapper-4, .overview-train-item-wrapper-5, .overview-train-item-wrapper-6 {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overview-content-block-text-wrap {
  text-align: center;
  max-width: 700px;
}

.overview-content-block-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.overview-content-block-item {
  border: 1px solid var(--dark);
  border-radius: 12px;
  width: 100%;
  max-width: 277px;
  padding: 40px 30px;
  transition: all .2s;
}

.overview-content-block-item:hover {
  box-shadow: 6px 6px 0 0 var(--playful-yellow);
}

.overview-content-block-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 32px;
}

.overview-content-block-heading {
  margin-bottom: 12px;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.overview-content-block-subtext {
  font-family: Satoshi variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.overview-page-item-text-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 700px;
  display: flex;
}

.overview-tag-text {
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 6px 20px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.overview-tag-text.yellow {
  background-color: var(--playful-yellow);
}

.overview-tag-text.blue {
  background-color: var(--light-steel-blue);
}

.overview-tag-text.purple {
  background-color: var(--plum);
}

.overview-tag-text.green {
  background-color: var(--yellow-green);
}

.overview-tag-text.red {
  background-color: var(--light-salmon);
}

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

.overview-page-item-grid.flex {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.overview-page-item-grid.company-pages {
  grid-template-rows: auto auto;
}

.overview-page-item-grid.cms-pages {
  flex-wrap: wrap;
  place-content: center;
  display: flex;
}

.overview-page-item-grid.additional-pages {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  max-width: 810px;
}

.overview-page-item {
  background-color: var(--white-smoke-2);
  border-radius: 20px;
  width: 100%;
  max-width: 380px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
}

.overview-page-item-image {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  max-height: 440px;
}

.overview-page-item-link-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--dark);
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.overview-page-item-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 133%;
}

.figma-mockup-image {
  width: 100%;
  height: 100%;
}

.figma-mockup-wrapper {
  box-shadow: 8px 8px 0 0 var(--playful-yellow);
  border-radius: 12px;
  width: 100%;
}

.overview-spotlight-section {
  background-color: var(--dark);
  color: var(--white);
  margin-top: 80px;
  margin-bottom: 80px;
}

.overview-spotlight-text-wrapper {
  text-align: center;
  width: 100%;
  max-width: 800px;
}

.overview-spotlight-grid-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.overview-spotlight-item {
  border: 1px solid var(--white);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 360px;
  padding: 50px 28px;
  transition: all .2s;
  display: flex;
}

.overview-spotlight-item:hover {
  box-shadow: 7px 7px 0 0 var(--playful-yellow);
}

.dropdown-image {
  object-fit: cover;
  object-position: 50% 0%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 200px;
}

.dropdown-arrow {
  margin-left: 7px;
  margin-right: 0;
  font-size: 14px;
  inset: 0% auto auto 0%;
}

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

.buttons-container.in-menu {
  display: none;
}

.dropdown-list-full-wrapper {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 1264px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  box-shadow: 0 100px 100px #40454f1a;
}

.dropdown {
  line-height: 150%;
  position: static;
}

.visual-features-items-container {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.visual-features-items-container.nav {
  grid-column-gap: 0px;
  grid-template-columns: 1fr;
}

.visual-features-items-container.nav.pages {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  border: 1px #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 95%;
  margin: 40px auto;
  padding: 0;
}

.dropdown-toggle {
  padding: 10px 12px;
  font-family: Satoshi variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  transition: color .2s;
  display: flex;
  position: static;
}

.dropdown-toggle:hover {
  color: var(--slate-blue);
}

.dropdown-list-full-wrapper-2 {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  box-shadow: 0 30px 100px #40454f1a;
}

.heading-and-text-contain {
  margin-left: 24px;
}

.dropdown-list {
  background-color: #0000;
  border-radius: 8px;
  top: 80px;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 30px 50px #00000014;
}

.dropdown-list.w--open {
  box-shadow: none;
  width: 80%;
  padding-top: 20px;
  top: 60px;
  overflow: visible;
}

.visual-features-item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.visual-features-item.navbar {
  color: #0d0e10;
  background-color: #fff;
  border-radius: 0;
  padding: 40px;
}

.visual-features-item.navbar:hover {
  background-color: #fafafa;
}

.visual-features-item.navbar.horizontal {
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px;
  font-size: 16px;
  line-height: 150%;
}

.visual-features-item.navbar.horizontal:hover {
  background-color: #fff;
}

.visual-features-item.navbar {
  color: #272727;
  background-color: #fff;
  border-radius: 0;
  padding: 40px;
  font-size: 18px;
  line-height: 178%;
  text-decoration: none;
}

.visual-features-item.navbar:hover {
  background-color: #4262ff26;
  text-decoration: none;
}

.visual-features-item-heading {
  color: #191919;
  margin-bottom: 8px;
}

.visual-features-item-heading._18px {
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 144%;
}

.visual-features-item-image {
  background-color: #f0f0f0;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
  margin-top: 28px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.navigation-drop-container {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.navigation-drop-container.features {
  border-radius: 10px;
  justify-content: flex-start;
  margin-top: 42px;
  padding: 0;
  overflow: hidden;
}

.navigation-drop-container.features.pages {
  padding-right: 0;
}

.nav-icon-contain {
  background-color: #f0f0f0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.email-link {
  color: var(--dark);
  text-decoration: none;
  transition: all .2s;
}

.email-link:hover {
  text-decoration: underline;
}

.heading, .heading-2 {
  font-size: 38px;
}

.heading-3 {
  font-size: 24px;
}

.bold-text {
  font-size: 16px;
}

.drop-list-div {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 200px;
  padding: 20px;
}

.drop-list-div.landing {
  width: auto;
}

.drop-list-div.posts-list {
  background-color: #f8f8ff;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.drop-list-div.posts-list.home {
  border-radius: 0;
}

.drop-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 700px;
}

.drop-grid.landing {
  border-radius: 0;
  grid-template-columns: .25fr;
  width: 600px;
}

.drop-icon {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}

.paragraph-landing {
  margin-bottom: 0;
  padding-top: 0;
  font-size: 10px;
}

.top {
  flex-direction: column;
  display: flex;
}

.dropdown-link {
  color: #666;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.dropdown-link:hover {
  background-color: #f8f8ff;
  border-radius: 5px;
}

.dropdown-link.w--current {
  color: #6a4ee1;
  background-color: #6a4ee11a;
  border-radius: 5px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.text {
  color: #30364d;
  flex: 0 auto;
  font-weight: 500;
}

.drop-title {
  color: #30364d;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 700;
}

.column-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.dropdown-right-column {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #d7dae0;
  border-radius: 8px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown-integration-link {
  color: #3d424c;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  min-width: 210px;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.dropdown-integration-link:hover {
  color: #6869ac;
  background-color: #e8ecf7;
}

.column-x-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.navigation-arrow {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.overline-regular {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.row-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dropdown-text-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  align-items: center;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.dropdown-text-link:hover {
  color: #2b2c50;
}

.icon-regular {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .3s;
  display: flex;
}

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

.dropdown-background-lines {
  z-index: -1;
  color: #8c95a6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
  -webkit-mask-image: linear-gradient(#0000 50%, #000 100%);
  mask-image: linear-gradient(#0000 50%, #000 100%);
}

.navigation-links {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.dropdown-card-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.navigation-brand-link {
  flex: none;
}

.navigation-dropdown {
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.column-2x-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.subheading-regular {
  color: #24262d;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.subheading-regular.text-color-inherit {
  color: inherit;
}

.button-outline-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-small:hover {
  background-color: #e8ecf7;
}

.navigation-menu {
  height: 100%;
  display: flex;
  position: static;
}

.image-cover {
  vertical-align: baseline;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.navigation {
  z-index: 99;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  box-shadow: 14px 14px 120px -20px #dbdbf0;
}

.dropdown-arrow-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .3s;
  display: flex;
}

.code-embed {
  display: none;
}

.banner-section {
  background-color: #6869ac;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 8px 5%;
  display: flex;
  position: relative;
}

.dropdown-feature-image {
  background-color: #6869ac;
  border-radius: 8px;
  height: 150px;
  position: relative;
  overflow: hidden;
}

.dropdown-link-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #3d424c;
  border-radius: 8px;
  align-items: flex-start;
  padding: 12px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.dropdown-link-2:hover {
  color: #6869ac;
  background-color: #e8ecf7;
}

.dropdown-left-column {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.button-primary-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #6869ac;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
}

.navigation-buttons-hide {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.banner-button {
  color: #fff;
  letter-spacing: -.08px;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 99px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.dropdown-links {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto auto auto;
}

.logo-image {
  width: 120px;
}

.dropdown-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 16px;
  display: flex;
  overflow: hidden;
}

.dropdown-card-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f6f7f9;
  border-radius: 8px;
  grid-template-rows: auto;
  padding: 8px;
}

.navigation-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.banner-close {
  color: #fff;
  position: absolute;
  inset: auto 0% auto auto;
}

.banner-close:hover {
  color: #e8ecf7;
}

.navigation-dropdown-list-small {
  z-index: 99;
  min-width: 100%;
}

.navigation-dropdown-list-small.w--open {
  z-index: 99;
  background-color: #fff;
  border-radius: 0 12px 12px;
  width: 100%;
  min-width: auto;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: 13px 69px 90px #ebebf4cc;
}

.paragraph-small {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small.text-color-inherit {
  color: inherit;
}

.navigation-link {
  color: #2b2c4f;
  text-align: center;
  border-bottom: 2px solid #6667ab00;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link:hover {
  color: #6667ab;
  border-bottom-color: #6667ab;
}

.navigation-link.w--open {
  color: #4c4cb3;
}

.banner-content {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.banner-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.navigation-dropdown-toggle {
  color: #2b2c4f;
  border-bottom: 2px solid #6667ab00;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.navigation-dropdown-toggle:hover, .navigation-dropdown-toggle.w--open {
  color: #6667ab;
  border-bottom-color: #6667ab;
}

.banner-pattern {
  pointer-events: none;
  object-fit: cover;
  object-position: 100% 50%;
  max-width: 760px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.purple-text-span-3 {
  color: #fff;
  background-color: #a259ff;
  border-radius: 10px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
}

.different-hero-item-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 2px solid #050038;
  border-radius: 12px;
  align-items: center;
  padding: 32px 50px 32px 40px;
  transition: all .2s;
  display: flex;
}

.different-hero-item-2:hover {
  box-shadow: 6px 6px #050038;
}

.different-hero-item-2.yellow-dim {
  background-color: #ffd02f33;
}

.different-hero-item-2.blue-dim {
  background-color: #4262ff33;
}

.different-hero-item-2.purple-dim {
  background-color: #a259ff33;
}

.different-hero-item-2.green-dim {
  background-color: #a6c03d33;
}

.different-hero-item-2.red-dim {
  background-color: #f24e1e33;
}

.different-hero-item-2.white {
  background-color: #fff;
}

.best-people-traits-icon-wrap-2 {
  border-right: 1px solid #050038;
  border-radius: 15px;
  flex: none;
  width: 160px;
  height: 100%;
  padding: 40px;
}

.best-people-traits-item-bg-2 {
  z-index: 0;
  background-color: #ffd02f;
  border-radius: 15px;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.best-people-traits-item-2 {
  z-index: 11;
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 35px;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.best-people-traits-item-2:hover {
  transform: translate(-10px, -10px);
}

.red-text-span-2 {
  color: #fff;
  background-color: #f24e1e;
  border-radius: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.h2-heading-58px-3 {
  margin-right: 4px;
  font-size: 18px;
}

.different-blue-section-2 {
  color: #fff;
  background-color: #4262ff;
  position: relative;
}

.different-blue-item-2 {
  color: #050038;
  text-align: center;
  background-color: #fff;
  border: 1px solid #050038;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 324px;
  padding: 48px 32px;
  display: flex;
}

.red-text-span-3 {
  color: #fff;
  background-color: #f24e1e;
  border-radius: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.primary-blue-button-2 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-2:hover {
  background-color: #a259ff;
}

.primary-button-icon-wrapper-2 {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.no-credit-card-text-2 {
  color: #090808;
  letter-spacing: -.01em;
  font-family: Plusjakartadisplay, sans-serif;
  font-size: 18px;
  line-height: 156%;
}

.bold-text-2, .bold-text-3, .bold-text-4 {
  font-size: 18px;
}

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

.h2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.1;
}

.spacer-xxl {
  width: 100%;
  height: 50px;
}

.button {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button:hover {
  box-shadow: none;
  background-color: #000;
}

.spacer-xs {
  width: 100%;
  height: 10px;
}

.main-section {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 100px 5%;
  display: flex;
}

.paragraph {
  opacity: .9;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

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

.components-grid._4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.w100 {
  width: 100%;
}

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

.content-wrap-center.max-width-800 {
  max-width: 800px;
}

.overline {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.feature-icon {
  color: #6173e5;
  background-color: #eeeffc;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.feature-icon.icon-red {
  color: #e56161;
  background-color: #fceeee;
}

.feature-icon.icon-green {
  color: #86c1a0;
  background-color: #f2f8f5;
}

.feature-icon.icon-yellow {
  color: #e5cb61;
  background-color: #fcf9ee;
}

.feature-icon.icon-blue {
  color: #6173e5;
  background-color: #eeeffc;
}

.feature-icon.icon-gray {
  color: #6d767e;
  background-color: #f8f9fa;
}

.feature-icon.icon-orange {
  color: #e59661;
  background-color: #fcf3ee;
}

.feature-card-a {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  border: 1px solid #eaedf0;
  border-radius: 8px;
  flex: 1;
  align-items: flex-start;
  padding: 32px;
  transition: all .3s;
  display: flex;
}

.feature-card-a:hover {
  border-width: .5px;
  box-shadow: 0 24px 64px #e0e0e07a;
}

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

.caption-medium {
  color: #353b41;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

.h6-heading {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.4;
}

.section-regular {
  padding: 80px 5%;
  position: relative;
}

.wrap-v-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.wrap-v-regular.align-center {
  align-items: center;
}

.icon-regular-2 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.container-large {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.title-wrapper {
  z-index: 5;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 454px;
  margin-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.h2-heading {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 1.2;
}

.paragraph-small-2 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.paragraph-small-2.text-color-gray-600 {
  color: #6d767e;
}

.h1-heading {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.brand-highlight {
  background-color: #c1ff71;
  padding-left: 4px;
  padding-right: 4px;
}

.noise-texture {
  z-index: 5;
  pointer-events: none;
  background-image: url('../images/noise-texture.png');
  background-position: 0 0;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.paragraph-small-3 {
  letter-spacing: -.08px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.content-feature-image {
  width: 100%;
}

.content-feature-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
  overflow: hidden;
}

.content-feature-card.flat {
  padding-bottom: 0;
}

.title-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #383a42;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-features-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.content-features-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  margin-bottom: 46px;
}

.content-features-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-regular-2 {
  background-color: #f7f8f8;
  margin-top: -133px;
  padding: 80px 5%;
  position: relative;
}

.container-small {
  z-index: 5;
  width: 100%;
  max-width: 960px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.column-x-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.subheading-large {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.subheading-large.text-color-brand-purple {
  color: #6153bd;
}

.feature-card-outline {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.column-2x-large {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.column-2x-large.column-center {
  justify-content: flex-start;
  align-items: center;
}

.icon-wrapper {
  color: #1a1a1a;
  background-color: #f7f7f7;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.icon-wrapper.orange {
  color: #f99406;
  background-color: #fff9f0;
  border-color: #fcd49c;
}

.icon-wrapper.green {
  color: #40bf6a;
  background-color: #f4fbf6;
  border-color: #b3e5c3;
}

.icon-wrapper.red {
  color: #e6191a;
  background-color: #fef1f1;
  border-color: #f5a3a3;
}

.title-wrapper-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.grid-four-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.subheading-regular-2 {
  color: #000;
  letter-spacing: -.03em;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.container-large-2 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.h2-heading-2 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.grid-three-column-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.feature-image {
  border-radius: 16px;
  overflow: hidden;
}

.paragraph-small-4 {
  color: #333;
  font-size: 14px;
  line-height: 24px;
}

.icon-regular-3 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.overline-regular-2 {
  color: gray;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.section-regular-3 {
  margin-top: -67px;
  padding: 92px 5%;
  position: relative;
}

.column-x-small-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.column-regular-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.feature-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 24px;
  display: flex;
}

.feature-badge {
  color: #fff;
  text-transform: uppercase;
  background-color: #e6191a;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.feature-badge.brand {
  background-color: #4255bd;
}

.paragraph-regular {
  color: #333;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular.text-weight-medium {
  font-weight: 500;
}

.title-wrapper-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.feature-icon-filled {
  color: #fff;
  background-color: #40bf6a;
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.feature-icon-filled.brand {
  background-color: #4255bd;
}

.column-2x-small-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.subheading-regular-3 {
  color: #000;
  letter-spacing: -.03em;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.h2-heading-3 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
}

.grid-two-column {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

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

.subheading-small {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.paragraph-small-5 {
  color: #333;
  font-size: 14px;
  line-height: 24px;
}

.icon-regular-4 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.overline-regular-3 {
  color: gray;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.icon-large {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.section-regular-4 {
  padding: 92px 5%;
  position: relative;
}

.container-x-small {
  z-index: 5;
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.column-x-small-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.feature-card-filled {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #1a1a1a;
  text-align: center;
  background-color: #f7f7f7;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 24px;
  display: flex;
}

.container-small-2 {
  width: 100%;
  max-width: 588px;
  margin-left: auto;
  margin-right: auto;
}

.content-work-image {
  border: 4px solid #fff;
  border-radius: 16px;
  width: 282px;
  height: 282px;
  overflow: hidden;
}

.subheading-large-2 {
  color: #1e2022;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.content-work-details {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.dot-orange {
  background-color: #ff6c0a;
  border-radius: 100%;
  width: 5px;
  height: 5px;
}

.content-carousel-section {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #f3f3f5;
  flex-flow: column;
  padding-top: 72px;
  padding-bottom: 72px;
  display: flex;
}

.caption-regular {
  font-size: 16px;
  line-height: 24px;
}

.content-work-categories {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #36393f;
  flex-flow: wrap;
  display: flex;
}

.content-button-footnote {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.content-work-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.divider-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.h6-heading-2 {
  color: #1e2022;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
}

.page-padding {
  padding-left: 5%;
  padding-right: 5%;
}

.content-carousel {
  overflow: hidden;
}

.divider-caption {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  white-space: nowrap;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.subheading-small-2 {
  color: #1e2022;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.caption-small {
  font-size: 14px;
  line-height: 20px;
}

.column-regular-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.divider-small {
  background-color: #cfd2d6;
  width: 100%;
  max-width: 384px;
  height: 1px;
}

.button-primary-large {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-primary-large:hover {
  background-color: #ff6c0a;
}

.cta-card-02 {
  background-color: #b3e5c3;
  border-radius: 16px;
  height: 180px;
  overflow: hidden;
}

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

.column-small.column-center {
  justify-content: flex-start;
  align-items: center;
}

.button-primary {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  white-space: nowrap;
  background-color: #4255bd;
  border: 1px solid #4255bd;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-primary:hover {
  color: #4255bd;
  background-color: #fff;
}

.row-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-number-detail {
  border-top: 1px solid #ccc;
  padding-top: 8px;
}

.text-color-brand-light {
  color: #6070c8;
}

.row-2x-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.h6-heading-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
}

.content-icon-rounded {
  color: #40bf6a;
  background-color: #f4fbf6;
  border: 1px solid #b3e5c3;
  border-radius: 40px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.content-icon-rounded.color-red {
  color: #e6191a;
  background-color: #fef1f1;
  border-color: #f5a3a3;
}

.content-icon-rounded.color-blue {
  color: #4255bd;
  background-color: #f4f5fb;
  border-color: #b3bbe5;
}

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

.cta-card-03 {
  background-color: #fcd49c;
  border-radius: 16px;
  height: 180px;
}

.h3-heading {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}

.cointent-carousel-cards {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 80%;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.text-color-brand {
  color: #4255bd;
}

.h2-heading-4 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-x-small {
  color: #333;
  font-size: 12px;
  line-height: 16px;
}

.paragraph-x-small.text-color-tertiary {
  color: gray;
}

.content-column {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  color: #1a1a1a;
  flex-direction: column;
  width: 100%;
  max-width: 510px;
  display: flex;
}

.text-color-green {
  color: #40bf6a;
}

.icon-regular-5 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.content-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

.overline-regular-4 {
  color: gray;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.button-ghost {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #4255bd;
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button-ghost:hover {
  background-color: #f4f5fb;
  border-color: #b3bbe5;
}

.column-large {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.section-regular-5 {
  padding: 92px 5%;
  position: relative;
}

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

.cta-card-01 {
  background-color: #b3bbe5;
  border-radius: 16px;
  height: 180px;
  overflow: hidden;
}

.content-carousel-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 24px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 80%;
  padding: 32px 24px 24px;
  display: flex;
  box-shadow: 24px 36px 64px -14px #4d4d4d26;
}

.paragraph-large {
  color: #333;
  text-align: left;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.content-carousel-2 {
  height: 810px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#0000, #000 10% 90%, #0000);
  mask-image: linear-gradient(#0000, #000 10% 90%, #0000);
}

.text-color-orange {
  color: #f99406;
}

.header-title-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 800px;
  margin-top: -78px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.header-text-field {
  color: #000;
  letter-spacing: -.02em;
  background-color: #f7f7f7;
  border: 1.5px solid gray;
  border-radius: 12px;
  min-height: 58px;
  margin-bottom: 0;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.header-text-field:hover, .header-text-field:focus {
  border-color: #4255bd;
}

.avatar-wrapper {
  display: flex;
}

.header-section {
  margin-top: 0;
  padding: 92px 5% 0;
  position: relative;
}

.header-bottom-image {
  margin-top: 100px;
}

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

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

.avatar-text {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.avatar-regular {
  background-color: #e6e6e6;
  border: 3px solid #fff;
  border-radius: 40px;
  width: 42px;
  height: 42px;
  position: relative;
}

.avatar-regular.avatar-group {
  margin-left: -14px;
}

.avatar-first {
  background-color: #1a1a1a;
  border: 3px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  margin-left: -14px;
  display: flex;
  position: relative;
}

.header-background {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.newsletter-form-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.background-image {
  display: none;
}

.container-large-3 {
  width: 100%;
  max-width: 1280px;
  margin-top: -70px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.h1-heading-2 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.button-primary-large-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #4255bd;
  border: 1px solid #4255bd;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-primary-large-2:hover {
  color: #4255bd;
  background-color: #f4f5fb;
}

.column-x-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.column-x-large.column-center {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 18px;
}

.form-block {
  width: 100%;
  margin-bottom: 0;
}

.header-badge {
  color: #6070c8;
  text-transform: uppercase;
  background-color: #f4f5fb;
  border-radius: 40px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.cta-card-4 {
  background-color: #b3e5c3;
  border-radius: 16px;
  height: 180px;
  overflow: hidden;
}

.h6-heading-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
}

.title-wrapper-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta-card-5 {
  background-color: #fcd49c;
  border-radius: 16px;
  height: 180px;
}

.button-outline-large {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #4255bd;
  text-align: center;
  background-color: #0000;
  border: 1.5px solid #6070c8;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-outline-large:hover {
  color: #fff;
  background-color: #4255bd;
}

.h2-heading-5 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
}

.cta-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 24px;
  flex-direction: column;
  padding: 24px;
  transition: box-shadow .3s;
  display: flex;
}

.cta-card:hover {
  box-shadow: 15px 32px 64px -14px #4d4d4d29;
}

.button-group-2 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  display: flex;
}

.section-regular-6 {
  padding: 92px 5%;
  position: relative;
}

.cta-card-6 {
  background-color: #b3bbe5;
  border-radius: 16px;
  height: 180px;
  overflow: hidden;
}

.container-regular-2 {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}

.h1-heading-3 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.1;
}

.section-regular-7 {
  background-color: #f7f8f8;
  margin-top: -67px;
  padding: 80px 5%;
  position: relative;
}

.paragraph-x-large {
  color: #40444c;
  letter-spacing: -.03em;
  font-size: 20px;
  line-height: 1.5;
}

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

.title-wrapper-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #383a42;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-link-underline {
  color: #5b616e;
  font-weight: 400;
  transition: color .3s;
}

.text-link-underline:hover {
  color: #6153bd;
}

.tab-link {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 190px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  transition: color .3s, background-color .3s;
  display: flex;
}

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

.brand-span {
  background-color: #c1ff71;
  padding-left: 4px;
  padding-right: 4px;
}

.paragraph-small-6 {
  color: #40444c;
  letter-spacing: -.08px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.content-card-tall {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.subheading-large-3 {
  color: #000;
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.subheading-large-3.text-brand-purple {
  color: #6153bd;
}

.tabs-menu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.column-large-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.integration-card-outline {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border: 1px dashed #6869ac;
  border-radius: 16px;
  flex-flow: column;
  padding: 32px;
  display: flex;
}

.carousel-horizontal {
  width: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.integration-logo-2 {
  background-color: #fff;
  border-radius: 12px;
  flex: none;
  padding: 10px;
}

.h2-heading-6 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.overline-regular-5 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.h5-heading {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.45;
}

.h5-heading.text-weight-medium {
  font-weight: 500;
}

.integration-carousel {
  height: 80px;
  margin-left: -32px;
  margin-right: -32px;
  position: relative;
}

.heading-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  margin-bottom: 64px;
  display: grid;
}

.text-balance {
  text-wrap: balance;
}

.icon {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.divider-brand {
  border-top: 1px dashed #6869ac;
  width: 100%;
  height: 1px;
}

.paragraph-small-7 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-7.text-color-tertiary {
  color: #575f70;
}

.paragraph-large-2 {
  color: #3d424c;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large-2.text-weight-medium {
  font-weight: 500;
}

.carousel-horizontal-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.container-large-4 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.integration-overlay {
  pointer-events: none;
  background-image: linear-gradient(90deg, #fff 5%, #fff0 25% 75%, #fff 95%);
  position: absolute;
  inset: 0%;
}

.section-regular-8 {
  padding: 64px 5%;
  position: relative;
}

.column-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

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

.legal-link {
  grid-column-gap: 2px;
  color: #737373;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.legal-link:hover {
  color: #0a0a0a;
}

.footer-newsletter-content {
  grid-row-gap: 32px;
  color: #0a0a0a;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 498px;
  display: flex;
}

.form-checkbox-icon {
  border-color: #171717;
  border-radius: 99px;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  margin-top: 0;
  margin-left: 4px;
  margin-right: 6px;
}

.form-checkbox-icon.w--redirected-checked {
  background-color: #171717;
  background-size: 10px;
  border-color: #171717;
  border-radius: 99px;
}

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

.footer-line {
  background-color: #d4d4d4;
  width: 1px;
  height: 16px;
}

.form-text-field {
  color: #171717;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  min-height: 56px;
  margin-bottom: 0;
  padding: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  transition: border-color .3s;
}

.form-text-field:hover {
  border-color: #a3a3a3;
}

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

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

.footer-title {
  color: #0c0b0b;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.container-large-5 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.footer-company-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.footer-logo {
  height: 32px;
}

.legal-links {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.footer-bottom {
  grid-column-gap: 64px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.footer-link {
  grid-column-gap: 2px;
  color: #404040;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

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

.paragraph-small-8 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.paragraph-small-8.text-color-gray-500 {
  color: #080808;
  font-weight: 500;
}

.paragraph-regular-2 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.column-gigantic {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.form-checkbox {
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.button-primary-large-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.25px;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-3:hover {
  background-color: #734573;
}

.footer-form-wrapper-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  display: flex;
}

.section-regular-9 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-9.background-brown-50 {
  background-color: #f8f6f6;
}

.column-large-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.h6-heading-5 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.footer-newsletter {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  margin-top: 64px;
  margin-bottom: 64px;
  padding: 48px;
  display: flex;
}

.form-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}

.footer-social-link {
  color: #262626;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .3s;
  display: flex;
}

.footer-social-link:hover {
  color: #734573;
}

.text-link {
  color: #404040;
  text-decoration: underline;
  transition: color .3s;
}

.text-link:hover {
  color: #734573;
}

.row-small-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.footer-scroll-button {
  color: #0a0a0a;
  background-color: #fff;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.footer-scroll-button:hover {
  color: #734573;
}

.footer-grid-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.cta-block-image {
  align-items: flex-end;
  margin-top: -162px;
  display: flex;
}

.input-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 10px auto 10px 10px;
}

.form-input-icon {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.email-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.text-field-dark {
  background-color: #0000;
  border: 1px solid #292929;
  border-radius: 10px;
  min-height: 40px;
  margin-bottom: 0;
  padding: 10px 10px 10px 38px;
}

.text-field-dark:focus {
  border-color: #ff4b0f;
}

.section-large {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.badge-primary {
  color: #fff;
  background-color: #292929;
  border-radius: 99px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
}

.cta-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.h4-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading.text-color-white {
  color: #fff;
  font-size: 20px;
}

.paragraph-regular-3 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-3.text-color-tertiary {
  color: #fcf9f9;
}

.button-secondary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #ff4b0f;
  background-image: linear-gradient(#ffffff3d, #0000 50%);
  border-radius: 8px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 0 0 1px #ff4b0f, 0 1px 2px #ff4b0fa3, inset 1px 1px .25px #ffffff1f, inset -1px 1px .25px #ffffff1f;
}

.button-secondary:hover {
  background-image: linear-gradient(#fff6, #0000 50%);
}

.cta-feature {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  align-items: center;
  display: flex;
}

.email-form-block {
  width: 100%;
  max-width: 376px;
  margin-bottom: 0;
}

.cta-block {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  background-color: #000;
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -53px;
  padding: 72px 32px 72px 64px;
  display: grid;
}

.cta-feature-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  display: flex;
}

.container-regular-3 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.wrap-v-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.testimonial-list-wrapper {
  height: 100%;
  position: relative;
  overflow: auto;
}

.paragraph-regular-bg {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular-bg.text-weight-bold {
  font-weight: 700;
}

.testimonial-author-details {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wrap-v-x-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.wrap-v-tiny {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.testimonial-scrollbar-css {
  display: none;
}

.testimonial-avatar-overlay {
  pointer-events: none;
  background-image: linear-gradient(#0000 67%, #d5d9e2);
  position: absolute;
  inset: 0%;
}

.testimonial-avatar-overlay.lime {
  background-image: linear-gradient(#0000 67%, #ecfc9c);
}

.testimonial-avatar-overlay.purple {
  background-image: linear-gradient(#0000 67%, #e9d6ff);
}

.paragraph-small-9 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-9.text-color-gray-600 {
  color: #525f75;
}

.paragraph-small-9.text-weight-semibold {
  font-weight: 600;
}

.section-regular-10 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-10.background-gray {
  background-color: #f6f7f9;
  margin-top: -40px;
  margin-bottom: 126px;
  padding-top: 0;
}

.wrap-v-large {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.wrap-v-large.space-bottom {
  padding-bottom: 62px;
}

.h5-heading-2 {
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}

.testimonial-list-overlay {
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(#fff, #fff0 20% 80%, #fff);
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.overline-2 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.testimonial-quote-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #edeff3;
  border-radius: 24px 24px 24px 0;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 2px #23272e14;
}

.testimonial-avatar-background {
  background-color: #f6f7f9;
  background-image: url('../images/team-card-background-dots.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.testimonial-avatar-background.lime {
  background-color: #fbffe6;
}

.testimonial-avatar-background.purple {
  background-color: #faf5ff;
}

.testimonial-quote-icon {
  width: 50px;
  height: 40px;
  position: absolute;
  inset: -15px -15px auto auto;
}

.text-color-orange-2 {
  color: #fe5b25;
}

.button-primary-square-small {
  color: #fff;
  background-color: #23272f;
  border: 2px solid #23272f;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 12px -2px #fe5b2500, 0 0 12px -2px #a355f700, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}

.button-primary-square-small:hover {
  box-shadow: 0 0 12px -2px #fe5b25, 0 0 12px -2px #a355f7, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}

.button-primary-square-small.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.testimonial-header {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 56px 5%;
  display: flex;
}

.container-large-6 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  padding: 24px;
}

.testimonial-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.testimonial-feature {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonial-avatar-border {
  z-index: 1;
  background-color: #fff;
  border-radius: 8px;
  flex: none;
  width: 86px;
  height: 86px;
  padding: 4px;
  position: relative;
  box-shadow: 0 1px 2px #23272e14;
}

.testimonial-quote-icon-wrapper {
  position: relative;
}

.icon-x-large {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.testimonial-feature-icon {
  background-color: #d6ffeb;
  border-radius: 100%;
  padding: 4px;
}

.testimonial-feature-icon.yellow {
  background-color: #f8edce;
}

.testimonial-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  padding-top: 48px;
  padding-bottom: 48px;
  padding-right: 16px;
  display: flex;
  position: absolute;
}

.testimonial-overlay-wrapper {
  position: relative;
}

.content-feature-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.h1-heading-4 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
}

.content-logos {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-bottom: 64px;
  display: flex;
  position: relative;
  -webkit-mask-image: linear-gradient(to right, #0000, #000 20% 80%, #0000);
  mask-image: linear-gradient(to right, #0000, #000 20% 80%, #0000);
}

.icon-large-2 {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.content-grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.container-2x-small {
  z-index: 5;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-logo-wrapper {
  background-color: #fff;
  flex: none;
  padding: 12px;
}

.code-embed-2 {
  text-align: center;
  display: none;
}

.carousel-horizontal-content-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-regular-11 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.button-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #5b616e;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  text-decoration: underline;
  transition: color .3s;
  display: flex;
}

.button-link:hover {
  color: #ff4b0e;
}

.carousel-horizontal-2 {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
  mask-image: linear-gradient(to right, #0000, #000 10% 90%, #0000);
}

.h1-heading-5 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
}

.container-small-3 {
  z-index: 5;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.feature-slider-image {
  width: 180px;
}

.button-link-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #ff4b0e;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: flex;
}

.max-width-small {
  width: 100%;
  max-width: 450px;
}

.feature-slider-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.h1-heading-6 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
}

.caption-small-2 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.caption-small-2.text-color-tertiary {
  color: #5b616e;
}

.content-column-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.paragraph-x-small-2 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-x-small-2.text-color-tertiary {
  color: #5b616e;
}

.text-color-brand-orange {
  color: #ff4b0e;
}

.hide {
  display: none;
}

.column-regular-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.content-grid-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  place-items: center;
}

.container-small-4 {
  z-index: 5;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-slide-nav {
  margin-left: 0;
  padding: 16px;
  position: static;
}

.feature-slide-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  overflow-wrap: anywhere;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.feature-slide {
  margin-right: 16px;
}

.paragraph-x-large-2 {
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.feature-slider {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-clip-path: polygon(0 0, 400% 0, 400% 100%, 0% 100%);
  clip-path: polygon(0 0, 400% 0, 400% 100%, 0% 100%);
  background-color: #0000;
  flex-flow: column;
  height: auto;
  display: flex;
  overflow: hidden;
}

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

.container-large-7 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.content-feature-card-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.content-footer {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  margin-top: 92px;
  display: flex;
}

.title-center-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-small-10 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-regular-4 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular-4.text-color-gray-700 {
  color: #404040;
}

.content-footer-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #0a0a0a;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.content-footer-link:hover {
  color: #734573;
}

.content-footer-link:active {
  color: #262626;
}

.content-tag-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.content-card-details {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  padding: 8px;
  display: flex;
}

.section-regular-12 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.image-fill {
  width: 100%;
  height: auto;
}

.icon-small-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.h6-heading-6 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.content-feature-image-2 {
  height: auto;
  padding: 32px;
}

.content-feature-image-2.background-blue-100 {
  background-color: #e8eef7;
}

.content-feature-image-2.background-gray-100 {
  background-color: #f5f5f5;
}

.content-feature-image-2.background-brown-100 {
  background-color: #f2eeee;
}

.h3-heading-2 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-x-large-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.overline-3 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.text-color-purple-600 {
  color: #5c2d5c;
}

.faq-footnote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-link-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #6869ac;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.column-x-small-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.faq-card-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px dashed #d7dae0;
  border-radius: 16px;
  flex-flow: column;
  padding: 32px;
  text-decoration: none;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.faq-card-2:hover {
  background-color: #e8ecf7;
  border-color: #6869ac;
}

.container-x-small-2 {
  width: 100%;
  max-width: 960px;
  margin-top: 53px;
  margin-left: auto;
  margin-right: auto;
}

.text-link-brand {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #6869ac;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition: color .3s;
}

.text-link-brand:hover {
  color: #2b2c50;
}

.faq-arrow {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.h2-heading-7 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.overline-regular-6 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.faq-heading-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  max-width: 500px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.faq-links-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.column-2x-large-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.paragraph-small-11 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-11.text-color-tertiary {
  color: #575f70;
}

.button-outline {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline:hover {
  background-color: #e8ecf7;
}

.faq-dropdown-list {
  background-color: #0000;
  width: 100%;
  display: block;
  position: static;
  overflow: hidden;
}

.paragraph-regular-5 {
  color: #3d424c;
  font-size: 16px;
  line-height: 28px;
}

.faq-dropdown-content {
  width: 100%;
  max-width: 100%;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 36px;
}

.faq-dropdown {
  width: 100%;
  transition: all .3s;
}

.faq-dropdown-toggle {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  white-space: normal;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  transition: color .3s;
  display: flex;
}

.faq-dropdown-toggle:hover {
  color: #6869ac;
}

.faq-title-wrapper {
  white-space: pre-wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.background-dots {
  z-index: 1;
  pointer-events: none;
  color: #6869ac;
  justify-content: center;
  align-items: center;
  margin-top: -32px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.subheading-x-large {
  color: #24262d;
  letter-spacing: -.04em;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.section-regular-13 {
  margin-top: -154px;
  padding: 64px 5%;
  position: relative;
}

.content-bento-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-large-8 {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.section-small {
  padding: 72px 5%;
  position: relative;
}

.paragraph-large-3 {
  letter-spacing: -.3px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.subheading-large-4 {
  color: #030711;
  letter-spacing: -.32px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.paragraph-small-12 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.content-bento-card {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.content-bento-image {
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}

.h6-heading-7 {
  color: #030711;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.content-bento-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  align-items: stretch;
}

.feature-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  padding: 8px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.title-wrapper-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 584px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-span-strong {
  color: #000;
  font-weight: 500;
}

.label-small {
  color: #000;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label-small.text-color-secondary {
  color: #666;
}

.feature-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.paragraph-small-13 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.feature-footer-caption {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #000;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.feature-image-wrapper {
  background-color: #f5f5f5;
  border-radius: 12px;
  overflow: hidden;
}

.section-large-2 {
  padding: 120px 5%;
  position: relative;
}

.section-large-2.background-secondary {
  background-color: #f5f5f5;
  margin-bottom: -170px;
}

.max-width-small-2 {
  width: 100%;
  max-width: 400px;
}

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

.paragraph-regular-6 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.button-outline-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000f;
}

.button-outline-2:hover {
  background-color: #f0f0f0;
}

.subheading-regular-4 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.grid-three-column-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-regular-4 {
  width: 100%;
  max-width: 1080px;
  margin: -85px auto -88px;
}

.icon-regular-6 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.tab-progress-bar-base {
  margin-inline: auto;
  position: absolute;
  inset-block: auto 0;
  inset-inline: 0;
}

.button-link-3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #1e1e20;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
  display: inline-flex;
}

.button-link-3:hover {
  color: #d0011d;
}

.feature-tab-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 50%;
  margin-right: 40px;
  display: grid;
}

.paragraph-small-14 {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

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

.h1-heading-7 {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.title-wrapper-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #1e1e20;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-regular-7 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.feature-tab-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #1e1e20;
  border: 1px solid #d2d2d7;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.feature-tab-card:hover {
  border-color: #f5f5f7;
  box-shadow: 25px 25px 64px -14px #a1a1a526;
}

.overline-regular-7 {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.section-regular-14 {
  margin-top: 51px;
  padding: 92px 5%;
  position: relative;
}

.feature-tabs {
  display: flex;
}

.feature-icon-2 {
  width: 70px;
}

.container-small-5 {
  z-index: 5;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.paragraph-large-4 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large-4.text-weight-semibold {
  font-weight: 600;
}

.paragraph-large-4.text-color-tertiary {
  color: #5b616e;
}

.tab-progress-bar {
  width: var(--fb-tab-progress, 0);
  background-color: #d0011d;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 5px;
  transition: width .3s;
}

.feature-tab-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #1e1e20;
  text-align: left;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 32px;
  transition: border-color .3s;
  display: flex;
}

.feature-tab-link:hover {
  border-color: #d2d2d7;
}

.feature-tab-link.w--current {
  background-color: #fff;
  border: 1px solid #f5f5f7;
  box-shadow: 25px 25px 64px -14px #a1a1a526;
}

.column-large-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.content-grid-list {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex-flow: column;
  display: flex;
}

.content-right {
  padding-bottom: 72px;
  position: relative;
}

.section-large-3 {
  margin-top: 51px;
  padding: 96px 5%;
  position: relative;
}

.content-icon-wrapper {
  padding: 4px;
}

.content-graphic {
  background-color: #6869ac;
  border-radius: 24px;
  min-height: 350px;
  position: relative;
}

.content-card-logo {
  position: absolute;
  inset: 40px auto auto 40px;
}

.content-card-link {
  color: #6869ac;
  border: 1px solid #6869ac;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.row-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overline-regular-8 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.column-regular-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.h5-heading-3 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.45;
}

.content-card {
  box-sizing: border-box;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 2px dashed #6869ac;
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 32px;
  display: flex;
}

.content-grid-3 {
  grid-column-gap: 92px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.content-grid-middle {
  grid-column-gap: 100px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

.subheading-large-5 {
  color: #24262d;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.subheading-large-5.text-color-brand {
  color: #6869ac;
}

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

.content-card-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  max-width: 414px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  display: flex;
  position: absolute;
  inset: auto 5% 0%;
}

.paragraph-small-15 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-15.text-color-tertiary {
  color: #575f70;
}

.content-card-footnote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.h2-heading-8 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.container-large-9 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-title-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  max-width: 500px;
  margin-bottom: 18px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.column-large-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-large-4 {
  margin-top: 0;
  padding: 96px 5%;
  position: relative;
}

.column-x-small-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-2 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
}

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

.content-placeholder-image {
  z-index: 5;
  position: relative;
  box-shadow: 7px 7px 29px 10px #2b2c4f26;
}

.content-feature-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: flex-start;
  display: flex;
}

.content-feature-icon {
  color: #24262d;
  border: 1px dashed #24262d;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-top: 4px;
  padding: 4px;
  display: flex;
}

.content-grid-bottom {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  margin-bottom: 48px;
}

.overline-regular-9 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.content-browser {
  width: 100%;
}

.content-grid-top {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  margin-top: 0;
}

.content-browser-top-bar {
  width: 100%;
}

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

.paragraph-small-16 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-16.text-color-tertiary {
  color: #575f70;
}

.placeholder-hand {
  z-index: 5;
  position: relative;
}

.content-list {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.content-browser-window {
  border: 2px dashed #6869ac;
  border-top-style: none;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.overline-small {
  color: #6869ac;
  letter-spacing: -.08px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.h2-heading-9 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.content-browser-inner {
  background-color: #6869ac;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: flex-end;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.container-large-10 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-background-lines {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.tab-icon-green {
  background-color: #ebfff5;
  border: 1px solid #d6ffeb;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.tab-icon-orange {
  background-color: #fff2eb;
  border: 1px solid #ffe7d6;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.content-tabs-menu-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  width: 100%;
  max-width: 528px;
  margin-left: 5%;
  display: flex;
}

.section-large-5 {
  margin-top: -155px;
  padding: 120px 5%;
  position: relative;
}

.h2-heading-10 {
  color: #000;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.tab-progress-bar-base-2 {
  background-color: #edeff3;
  border-radius: 99px;
  width: 100%;
  height: 5px;
  margin-inline: auto;
  inset-block: auto 0;
  inset-inline: 0;
}

.content-tab-link {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #525f75;
  background-color: #ddd0;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  transition: color .3s;
}

.content-tab-link:hover {
  color: #23272f;
}

.content-tab-link.w--current {
  color: #23272f;
  background-color: #ddd0;
}

.tab-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.content-footer-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.tab-progress-bar-2 {
  width: var(--fb-tab-progress, 0);
  background-color: #fe5b25;
  border-radius: 99px;
  height: 5px;
  transition-property: width;
  transition-duration: .125s;
}

.paragraph-x-small-3 {
  letter-spacing: .04px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.tab-link-dropdown {
  overflow: hidden;
}

.text-color-orange-3 {
  color: #fe5b25;
}

.tab-link-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.tab-pane-2 {
  aspect-ratio: 3 / 2;
  border: 1px solid #edeff3;
  border-radius: 24px;
  overflow: hidden;
}

.content-tabs-row {
  flex-direction: row-reverse;
  align-items: center;
  display: flex;
}

.title-wrapper-left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 900px;
  margin-bottom: 64px;
  display: flex;
}

.overline-regular-10 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.h6-heading-8 {
  color: #000;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}

.tab-icon-purple {
  background-color: #faf5ff;
  border: 1px solid #f1e6ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.tabs-content {
  width: 100%;
  height: 100%;
}

.tab-link-horizontal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.paragraph-small-17 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-17.text-color-gray-800 {
  color: #394151;
}

.code-embed-3 {
  display: none;
}

.process-badge {
  color: #fff;
  background-color: #3ec875;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding: 8px 12px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.features-container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.feature-circle {
  background-color: #ebebee;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 20px;
  font-size: 20px;
  line-height: 32px;
  display: flex;
}

.feature-image-wrapper-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.accent {
  margin-top: 32px;
  margin-bottom: 24px;
}

.squiggle {
  z-index: 5;
  position: absolute;
  inset: auto auto 160px -40%;
}

.card {
  z-index: 5;
  background-color: #ffffffbd;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 320px;
  padding: 32px;
  display: flex;
  position: relative;
  box-shadow: 30px 30px 44px #0b234d14;
}

.feature-list-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  margin-top: 40px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.card-type {
  align-items: center;
  margin-bottom: 28px;
  font-weight: 600;
  display: flex;
}

.card-icon-square {
  background-color: #5438ff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  margin-right: 10px;
  display: flex;
}

.feature-heading {
  color: #0c182e;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 28px;
  line-height: 62px;
}

.price-large {
  color: #5438ff;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.card-detail {
  color: #3b4457;
  max-width: 290px;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.feature-small-title {
  color: #1e1e48;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.feature-card-2 {
  align-items: flex-start;
  display: flex;
}

.code-background {
  position: absolute;
  inset: -20% auto auto -25%;
}

.feature-body-small {
  color: #3b4457;
  max-width: 290px;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.card-wrapper {
  position: relative;
}

.price-medium {
  color: #0c182e;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
}

.arrow-curve {
  position: absolute;
  inset: -15% 0% auto auto;
}

.features-section {
  margin-top: -300px;
  padding: 140px 5%;
}

.feature-body-large {
  color: #3b4457;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.feature-grid {
  grid-column-gap: 100px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

.container-regular-5 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-image-background {
  opacity: .1;
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.paragraph-small-18 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-18.text-color-gray-600 {
  color: #525f75;
}

.paragraph-x-large-4 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.paragraph-x-large-4.text-color-gray-800 {
  color: #394151;
}

.content-image-card-small {
  border-radius: 12px;
  width: 100%;
  max-width: 418px;
  position: relative;
  overflow: hidden;
}

.overline-4 {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.content-divider {
  background-color: #d5d9e2;
  border-radius: 2px;
  height: .5px;
}

.h2-heading-11 {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 72px;
}

.content-grid-4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
}

.text-color-orange-4 {
  color: #fe5b25;
}

.content-feature-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.content-icon {
  color: #390764;
  background-color: #faf5ff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.content-feature {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #394151;
  border: .5px solid #d5d9e2;
  border-radius: 12px;
  flex-direction: column;
  padding: 24px;
  display: flex;
}

.content-feature-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #394151;
  border: .5px solid #d5d9e2;
  border-radius: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  display: flex;
}

.image-cover-2 {
  vertical-align: baseline;
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
  display: inline-block;
}

.integration-tab-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

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

.integration-tab-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  letter-spacing: -.08px;
  background-color: #fff0;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px 8px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  transition: background-color .3s, color .3s;
  display: flex;
}

.integration-tab-link:hover {
  color: #25272c;
  background-color: #f7f8f8;
}

.integration-tab-link.w--current {
  color: #25272c;
  background-color: #edeef1;
}

.h1-heading-8 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.paragraph-large-5 {
  color: #49505b;
  letter-spacing: -.16px;
  font-size: 18px;
  line-height: 32px;
}

.section-regular-15 {
  background-color: #f7f8f8;
  padding: 96px 5%;
  position: relative;
}

.section-regular-15.background-white {
  background-color: #fff;
}

.paragraph-regular-8 {
  color: #49505b;
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.integraton-tab-icon {
  color: #49505b;
}

.badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px dashed #b5bbc4;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.integration-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.text-color-brand-2 {
  color: #154ee0;
}

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

.icon-x-small-7.hide {
  display: none;
}

.max-width-regular {
  width: 100%;
  max-width: 520px;
}

.integration-tabs {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: grid;
}

.column-small-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.column-small-3.column-left {
  justify-content: center;
  align-items: flex-start;
}

.heading-grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  place-items: end stretch;
  margin-bottom: 64px;
  display: grid;
}

.button-primary-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.08px;
  white-space: nowrap;
  background-color: #25272c;
  border: 1px solid #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 32px;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: inline-flex;
  box-shadow: 0 1px 2px #00000080, inset 0 1px 1px 2px #3f444d;
}

.button-primary-small-2:hover {
  background-color: #000;
}

.integration-card-outline-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px dashed #d8dbdf;
  border-radius: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  transition: background-color .3s;
  display: flex;
}

.integration-card-outline-2:hover {
  background-color: #f7f8f8;
}

.container-regular-6 {
  z-index: 1;
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h6-heading-9 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.column-large-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-large-6 {
  padding: 96px 5%;
  position: relative;
}

.column-x-small-7 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-3 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
}

.overline-regular-11 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-small-19 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-19.text-color-tertiary {
  color: #575f70;
}

.h2-heading-12 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.container-large-11 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-title-wrapper-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  max-width: 500px;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-small-20 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.feature-image-wrapper-3 {
  background-color: #f5f5f5;
  border-radius: 12px;
  overflow: hidden;
}

.section-large-7 {
  padding: 120px 5%;
  position: relative;
}

.section-large-7.background-secondary {
  background-color: #f5f5f5;
}

.max-width-small-3 {
  width: 100%;
  max-width: 400px;
}

.h4-heading-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-9 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.subheading-regular-5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.grid-three-column-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-regular-7 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.grid-heading-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.icon-regular-7 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.subheading-small-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.text-color-tertiary {
  color: #8f8f8f;
}

.grid-subheading-wrapper {
  width: 100%;
  max-width: 416px;
}

.heading-grid-3 {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  margin-bottom: 48px;
}

.h2-heading-13 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.2;
}

.section-large-8 {
  margin-top: -38px;
  padding: 120px 5%;
  position: relative;
}

.paragraph-regular-10 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.feature-card-outline-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 12px;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.column-2x-small-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.badge-outline {
  color: #000;
  background-color: #fff;
  border-radius: 99px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.grid-three-column-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-regular-8 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-large-7 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.section-regular-16 {
  margin-top: -30px;
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-16.background-brown-50 {
  background-color: #f8f6f6;
}

.container-large-12 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.container-large-12.relative {
  position: relative;
}

.row-small-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.paragraph-small-21 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-21.text-color-gray-500 {
  color: #080808;
}

.paragraph-regular-11 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.footer-form-wrapper-3 {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 480px;
  display: flex;
}

.h6-heading-10 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.button-primary-large-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.25px;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-4:hover {
  background-color: #734573;
}

.paragraph-small-22 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.feature-image-wrapper-4 {
  background-color: #f5f5f5;
  border-radius: 12px;
  overflow: hidden;
}

.section-large-9 {
  padding: 120px 5%;
  position: relative;
}

.section-large-9.background-secondary {
  background-color: #f5f5f5;
}

.max-width-small-4 {
  width: 100%;
  max-width: 400px;
}

.h4-heading-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-12 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.subheading-regular-6 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.grid-three-column-8 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 27px;
}

.container-regular-9 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.slider-mask {
  overflow: visible;
}

.subheading-large-6 {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.content-slider {
  background-color: #0000;
  width: 100%;
  max-width: 384px;
  height: auto;
  padding-bottom: 96px;
  position: static;
}

.content-slide-arrow {
  color: #525252;
  background-color: #f5f5f5;
  border: 1px solid #d4d4d400;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  transition: all .3s;
  display: flex;
}

.content-slide-arrow:hover {
  color: #0a0a0a;
  border-color: #d4d4d4;
}

.content-slide-arrow.slide-arrow-right {
  inset: auto -54px 0% 0%;
}

.content-slide-arrow.slide-arrow-left {
  inset: auto 0% 0% -54px;
}

.paragraph-regular-13 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.content-slide-card {
  grid-row-gap: 16px;
  color: #404040;
  background-color: #f2eeee;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content-slide-card.background-purple-50 {
  background-color: #f0ebf0;
}

.content-slide-card.background-gray-100 {
  background-color: #f5f5f5;
}

.content-slide-card.background-brown-100 {
  background-color: #f2eeee;
}

.content-slide-card.background-blue-100 {
  background-color: #e8eef7;
}

.column-small-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.column-small-4.column-center {
  justify-content: flex-start;
  align-items: center;
}

.button-link-large {
  color: #0a0a0a;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: underline;
  transition: color .3s;
  display: inline-flex;
}

.button-link-large:hover {
  color: #734573;
}

.content-image-wrapper {
  background-color: #fff;
  max-width: 488px;
  height: auto;
}

.h3-heading-3 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-x-large-5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.blog-post-details {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
  display: flex;
}

.overline-5 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.slide {
  margin-right: 32px;
}

.column-2x-large-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.button-outline-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-3:hover {
  background-color: #e8ecf7;
}

.section-regular-17 {
  margin-top: -47px;
  padding: 64px 5%;
  position: relative;
}

.column-x-small-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h2-heading-14 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.button-link-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #6869ac;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.paragraph-small-23 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-23.text-color-tertiary {
  color: #575f70;
}

.paragraph-regular-14 {
  color: #3d424c;
  font-size: 16px;
  line-height: 28px;
}

.overline-regular-12 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.h5-heading-4 {
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
}

.section-regular-18 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-18.background-gray {
  background-color: #f6f7f9;
  margin-top: -41px;
  margin-bottom: 126px;
  padding-top: 0;
}

.container-large-13 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-small-24 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-24.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-24.text-color-gray-600 {
  color: #525f75;
}

.container-regular-10 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-10 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-3 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-3:hover {
  background-color: #a259ff;
}

.h4-heading-6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-6.text-color-white {
  color: #fff;
  font-size: 25px;
}

.column-large-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.paragraph-regular-15 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-15.text-color-tertiary {
  color: #fcf9f9;
}

.section-regular-19 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-19.background-brown-50 {
  background-color: #f8f6f6;
}

.row-small-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.paragraph-small-25 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-25.text-color-gray-500 {
  color: #080808;
}

.paragraph-regular-16 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.h6-heading-11 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.button-primary-large-5 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.25px;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-5:hover {
  background-color: #734573;
}

.container-large-14 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h2-heading-15 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.container-large-15 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-regular-20 {
  background-color: #f7f8f8;
  margin-top: -67px;
  padding: 80px 5%;
  position: relative;
}

.h2-heading-16 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.subheading-large-7 {
  color: #24262d;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.container-regular-11 {
  width: 100%;
  max-width: 1080px;
  margin: -85px auto -88px;
}

.paragraph-small-26 {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.section-large-11 {
  padding: 120px 5%;
  position: relative;
}

.section-large-11.background-secondary {
  background-color: #f5f5f5;
  margin-bottom: -170px;
}

.content-grid-middle-2 {
  grid-column-gap: 100px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

.subheading-large-8 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.max-width-small-5 {
  width: 100%;
  max-width: 400px;
}

.h1-heading-9 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.container-small-6 {
  z-index: 5;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.paragraph-small-27 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.section-large-12 {
  margin-top: 51px;
  padding: 96px 5%;
  position: relative;
}

.column-x-small-9 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.section-large-13 {
  margin-top: 0;
  padding: 96px 5%;
  position: relative;
}

.paragraph-small-28 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-28.text-color-tertiary {
  color: #575f70;
}

.paragraph-regular-17 {
  color: #333;
  font-size: 16px;
  line-height: 24px;
}

.h4-heading-7 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-18 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.subheading-regular-7 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.content-grid-5 {
  grid-column-gap: 92px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.section-regular-21 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.subheading-large-9 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.h1-heading-10 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
}

.h2-heading-17 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.2;
}

.heading-grid-4 {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  margin-bottom: 48px;
}

.feature-card-outline-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 12px;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.section-large-14 {
  padding: 120px 5%;
  position: relative;
}

.column-2x-small-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.icon-regular-8 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.paragraph-regular-19 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.container-regular-12 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.column-2x-large-4 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.section-regular-22 {
  margin-top: -47px;
  padding: 64px 5%;
  position: relative;
}

.column-x-small-10 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h2-heading-18 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.button-link-5 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #6869ac;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.paragraph-small-29 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-29.text-color-tertiary {
  color: #575f70;
}

.overline-regular-13 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.h5-heading-5 {
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
}

.section-regular-23 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-23.background-gray {
  background-color: #f6f7f9;
  margin-top: -41px;
  margin-bottom: 126px;
  padding-top: 0;
}

.container-large-16 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-small-30 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-30.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-30.text-color-gray-600 {
  color: #525f75;
}

.container-regular-13 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-15 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-4 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-4:hover {
  background-color: #a259ff;
}

.h4-heading-8 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-8.text-color-white {
  color: #fff;
  font-size: 25px;
}

.column-large-9 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.paragraph-regular-20 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-20.text-color-tertiary {
  color: #fcf9f9;
}

.section-regular-24 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-24.background-brown-50 {
  background-color: #f8f6f6;
}

.row-small-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.paragraph-small-31 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-31.text-color-gray-500 {
  color: #080808;
}

.paragraph-regular-21 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.h6-heading-12 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.button-primary-large-6 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.25px;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-6:hover {
  background-color: #734573;
}

.paragraph-small-32 {
  color: #40444c;
  letter-spacing: -.08px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.feature-grid-small {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.h1-heading-11 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
}

.title-wrapper-full {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #383a42;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
  display: flex;
}

.section-regular-25 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.column-xx-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.subheading-large-10 {
  color: #000;
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.subheading-large-10.text-brand-purple {
  color: #6153bd;
}

.feature-card-horizontal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.paragraph-small-33 {
  color: #40444c;
  letter-spacing: -.08px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.section-regular-26 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.subheading-large-11 {
  color: #000;
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.subheading-large-11.text-brand-purple {
  color: #6153bd;
}

.container-large-17 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h2-heading-19 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.paragraph-small-34 {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.content-grid-top-2 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  margin-top: -2px;
}

.column-x-small-11 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.section-large-16 {
  margin-top: 87px;
  padding: 96px 5%;
  position: relative;
}

.column-large-10 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.paragraph-small-35 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-35.text-color-tertiary {
  color: #575f70;
}

.paragraph-small-36 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.section-large-17 {
  padding: 120px 5%;
  position: relative;
}

.section-large-17.background-secondary {
  background-color: #f5f5f5;
  margin-top: 0;
}

.max-width-small-6 {
  width: 100%;
  max-width: 400px;
}

.h4-heading-9 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-22 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.button-outline-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000f;
}

.button-outline-4:hover {
  background-color: #f0f0f0;
}

.subheading-regular-8 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.container-regular-14 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.button-outline-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-5:hover {
  background-color: #e8ecf7;
}

.section-regular-27 {
  margin-top: -47px;
  padding: 64px 5%;
  position: relative;
}

.column-x-small-12 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h2-heading-20 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.button-link-6 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #6869ac;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.paragraph-small-37 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-37.text-color-tertiary {
  color: #575f70;
}

.overline-regular-14 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.section-regular-28 {
  padding: 96px 5%;
  position: relative;
}

.section-regular-28.background-gray {
  background-color: #f6f7f9;
  margin-top: -41px;
  margin-bottom: 126px;
  padding-top: 0;
}

.container-large-18 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-small-38 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-38.text-weight-semibold {
  font-weight: 600;
}

.paragraph-small-38.text-color-gray-600 {
  color: #525f75;
}

.container-regular-15 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.section-large-18 {
  margin-top: -244px;
  margin-bottom: -96px;
  padding: 120px 5%;
  position: relative;
}

.primary-blue-button-5 {
  grid-column-gap: 16px;
  color: #fff;
  background-color: #4262ff;
  border-radius: 100px;
  align-items: center;
  padding: 6px 28px 6px 6px;
  font-family: Satoshi variable, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-blue-button-5:hover {
  background-color: #a259ff;
}

.h4-heading-10 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-10.text-color-white {
  color: #fff;
  font-size: 24px;
}

.column-large-11 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.paragraph-regular-23 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-23.text-color-tertiary {
  color: #fcf9f9;
}

.column-large-12 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.column-large-12.column-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.section-regular-29 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-29.background-brown-50 {
  background-color: #f8f6f6;
}

.row-small-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.paragraph-small-39 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-39.text-color-gray-500 {
  color: #080808;
}

.paragraph-regular-24 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.h6-heading-13 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.button-primary-large-7 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.25px;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-7:hover {
  background-color: #734573;
}

.checkbox-content {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  left: 20px;
  right: 20px;
}

.next-button {
  background-color: #5b3acc;
  border-radius: 5px;
  flex: 1;
  align-self: center;
  padding: 12px 32px;
  font-size: 15px;
  transition: background-color .2s ease-in;
  display: none;
}

.form-mask {
  flex: 1;
}

.column-large-13 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.step-breadcrumb {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.icon-regular-9 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.step-arrow {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.checkbox-label-2 {
  color: #3d3d3d;
  letter-spacing: -.006em;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.previous-button {
  opacity: 1;
  color: #5b617c;
  text-indent: -2px;
  flex: none;
  align-self: center;
  padding: 5px 0;
  font-size: 15px;
  transition: opacity .2s ease-in;
  display: none;
}

.previous-button:hover {
  opacity: 1;
  border-bottom-color: #0000008c;
}

.checkbox-field-2 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 88px;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.form-step-slide {
  flex-wrap: wrap;
  width: 100%;
  height: auto;
}

.previous-placeholder {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 0;
  max-width: 100px;
  height: 0;
  margin-bottom: 30px;
  transition: opacity .2s;
  display: none;
}

.previous-placeholder:hover {
  opacity: 1;
}

.step-banner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f5f5f5;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-top: 96px;
  padding-left: 56px;
  padding-right: 12%;
  display: flex;
  position: relative;
}

.multi-step-error {
  text-align: center;
  border-radius: 8px;
  margin-top: 0;
  position: static;
  inset: auto 0% 0%;
}

.step-checkbox {
  cursor: pointer;
  border-color: #0000000f;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: border-radius .3s, box-shadow .3s, border-color .3s;
}

.step-checkbox.w--redirected-checked {
  background-color: #0000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-color: #ff4b0f;
  border-radius: 12px;
}

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

.h6-heading-14 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3;
}

.field-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.field-label {
  color: #000;
  letter-spacing: -.006em;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.paragraph-small-40 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-small-40.text-color-secondary {
  color: #666;
}

.step-slider-buttons {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.multi-step-success {
  text-align: left;
  background-color: #0000;
  padding: 0;
}

.step-breadcrumbs {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  color: #666;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.step-content {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 520px;
  height: 100%;
  display: flex;
}

.multi-step-form-block {
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.background-pattern {
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.step-checkbox-wrapper {
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-field {
  color: #000;
  letter-spacing: -.006em;
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 10px;
  min-height: 40px;
  margin-bottom: 0;
  padding: 10px;
  font-size: 14px;
  line-height: 1.5;
  transition: color .3s, border-color .3s, box-shadow .3s;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000a;
}

.text-field:hover {
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #00000014;
}

.text-field:focus {
  border: 1px solid #ff4b0f;
}

.text-field::placeholder {
  color: #8f8f8f;
}

.text-field.text-area {
  min-height: 166px;
}

.next-placeholder {
  justify-content: center;
  align-items: center;
  width: 0;
  max-width: 159px;
  height: 0;
  margin: auto auto 25px;
  display: none;
}

.multi-step-checkbox-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.step-banner-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

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

.slide-grid-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.paragraph-regular-25 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-25.text-color-secondary {
  color: #666;
}

.form-slider {
  background-color: #0000;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-color-brand-3 {
  color: #ff4b0f;
}

.button-primary-small-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #292929;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: inset 1px 1px .25px #ffffff1f, inset -1px 1px .25px #ffffff1f, 0 0 0 1px #000, 0 1px 2px #000000a3;
}

.button-primary-small-3:hover {
  background-color: #141414;
}

.button-primary-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #292929;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  box-shadow: inset 1px 1px .25px #ffffff1f, inset -1px 1px .25px #ffffff1f, 0 0 0 1px #000, 0 1px 2px #000000a3;
}

.button-primary-2:hover {
  background-color: #141414;
}

.step-content-wrapper {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 96px 56px 96px 12%;
  display: flex;
}

.label-regular {
  color: #000;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.label-regular.text-color-primary {
  color: #000;
}

.multi-step-submit-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #292929;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  box-shadow: inset 1px 1px .25px #ffffff1f, inset -1px 1px .25px #ffffff1f, 0 0 0 1px #000, 0 1px 2px #000000a3;
}

.step-number {
  line-height: 1;
}

.step-icon {
  color: #666;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 40px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.step-icon.active {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.step-icon.completed {
  background-color: #ff4b0f;
}

.step-form-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
}

.step-banner-image {
  width: 100%;
  max-width: none;
}

.step-banner-content {
  z-index: 1;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 462px;
  height: 100%;
  display: flex;
  position: relative;
}

.horizontal-divider {
  align-items: center;
  width: 100%;
  height: 2px;
  display: flex;
}

.section-form {
  position: relative;
}

.step-form-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.h5-heading-6 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
}

.icon-wrapper-small {
  background-color: #fff;
  border-radius: 10px;
  flex: none;
  padding: 12px;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.step-banner-title {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.code-embed-4 {
  display: none;
}

.checkbox-2 {
  border: 1.2px solid #e3e3e3;
  border-radius: 40px;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
}

.checkbox-2.w--redirected-checked {
  background-color: #ff4b0f;
  background-image: url('../images/check-line.svg');
  background-size: 16px;
  border: 1.2px solid #ff4b0f;
  border-radius: 40px;
}

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

.form-input-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.icon-large-3 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.subheading-small-4 {
  color: #24262d;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.subheading-small-4.text-color-inherit {
  color: inherit;
}

.text-field-white {
  color: #6869ac;
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.text-field-white:focus {
  border: 1.5px solid #6869ac;
}

.text-field-white::placeholder {
  color: #6869ac;
}

.text-field-white.text-area {
  min-height: 120px;
}

.form-grid {
  grid-template-rows: auto;
}

.form-card-large {
  background-color: #f5f5f5;
  border-radius: 12px;
  margin-top: -115px;
  padding: 40px;
}

.container-small-7 {
  z-index: 1;
  width: 100%;
  max-width: 846px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.column-x-small-13 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.column-x-small-13.text-align-center {
  text-align: center;
}

.feature-icon-white {
  color: #fff;
  text-transform: none;
  background-color: #6869ac;
  border: 1px dashed #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.grid-two-column-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
}

.form-wrapper-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #fff;
  flex-flow: column;
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-wrapper-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 640px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-wrapper-8.text-color-white {
  color: #fff;
}

.h2-heading-21 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.h2-heading-21.text-color-inherit {
  color: var(--dark);
  font-size: 24px;
}

.text-link-tertiary {
  color: #575f70;
  text-decoration: underline;
  transition: color .3s;
}

.text-link-tertiary:hover {
  color: #24262d;
}

.button-primary-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #6869ac;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-primary-3:hover {
  background-color: #2b2c50;
}

.overline-regular-15 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.overline-regular-15.text-color-white {
  color: #fff;
}

.text-color-brand-4 {
  color: #6869ac;
}

.select-field-icon {
  color: #747c90;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  inset: auto 12px auto auto;
}

.contact-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  border: 1px dashed #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.contact-divider {
  border-left: 1px dashed #fff;
  width: 1px;
  height: 100%;
}

.form-select-white {
  color: #6869ac;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 8px 18px 8px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.form-select-white:focus {
  border: 1.5px solid #6869ac;
}

.paragraph-small-41 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-41.text-color-tertiary {
  color: #575f70;
}

.paragraph-small-41.text-color-inherit {
  color: inherit;
}

.section-large-19 {
  padding: 96px 5%;
  position: relative;
}

.section-large-19.background-brand {
  background-color: #0000;
  margin-top: -70px;
}

.paragraph-large-6 {
  color: #3d424c;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large-6.text-color-inherit {
  color: var(--black);
}

.paragraph-x-small-4 {
  color: #3d424c;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-x-small-4.text-color-inherit {
  color: inherit;
}

.feature-arrow {
  color: #6869ac;
  background-color: #fff;
  border-radius: 40px;
  flex: none;
  padding: 4px;
}

.contact-brand-pattern-copy {
  z-index: 0;
  pointer-events: none;
  background-image: url('../images/contact-01-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

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

.column {
  flex-flow: column;
  display: flex;
}

.column-small-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.form-grid-large {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
}

.container-regular-16 {
  width: 100%;
  max-width: 1216px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-x-large-6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.paragraph-small-42 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-small-42.text-color-gray-500 {
  color: #737373;
}

.testimonial-card-filled {
  grid-row-gap: 96px;
  color: #0e251f;
  background-color: #f4faf8;
  flex-direction: column;
  padding: 32px;
  display: flex;
}

.testimonial-card-filled.yellow {
  color: #422405;
  background-color: #fefee7;
}

.testimonial-card-filled.blue {
  background-color: #f3f6fc;
}

.column-x-large-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.icon-xx-large {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.section-regular-30 {
  margin-top: -105px;
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.testimonial-logo-group {
  grid-column-gap: 90px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 64px;
  display: flex;
}

.h6-heading-15, .h5-heading-7 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.testimonial-logo-wrapper {
  background-color: #fff;
  padding: 8px;
}

.h3-heading-4 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.subheading-small-5 {
  color: #f50808;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.column-tiny {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.column-tiny.flex-grow {
  flex: 1;
}

.testimonial-name-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.icon-x-large-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

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

.overline-6 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.button-link-7 {
  color: #0a0a0a;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: underline;
  transition: color .3s;
  display: flex;
}

.button-link-7:hover {
  color: #734573;
}

.button-link-7:active {
  color: #262626;
}

.container-large-19 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h2-heading-22 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.paragraph-small-43 {
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.content-grid-top-3 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  margin-top: -65px;
}

.column-x-small-14 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.section-large-20 {
  margin-top: 0;
  padding: 96px 5%;
  position: relative;
}

.paragraph-small-44 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-44.text-color-tertiary {
  color: #575f70;
}

.paragraph-small-45 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-regular-26 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.subheading-regular-9 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.container-regular-17 {
  width: 100%;
  max-width: 1080px;
  margin-top: -128px;
  margin-left: auto;
  margin-right: auto;
}

.button-outline-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-top: 42px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-6:hover {
  background-color: #e8ecf7;
}

.section-regular-31 {
  margin-top: -47px;
  padding: 64px 5%;
  position: relative;
}

.column-x-small-15 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.paragraph-small-46 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-46.text-color-tertiary {
  color: #575f70;
}

.overline-regular-16 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.container-small-8 {
  width: 100%;
  max-width: 846px;
  margin-top: -107px;
  margin-left: auto;
  margin-right: auto;
}

.row-small-8 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title-wrapper-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 628px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-regular-32 {
  background-color: #f7f8f8;
  padding: 96px 5%;
  position: relative;
}

.h1-heading-12 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.feature-card-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.paragraph-regular-27 {
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

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

.tabs-content-2 {
  width: 100%;
  overflow: visible;
}

.subheading-large-12 {
  color: #25272c;
  letter-spacing: -.24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.feature-tab-link-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  letter-spacing: -.08px;
  background-color: #f7f8f8;
  border: 1px solid #fff;
  border-radius: 8px;
  flex: auto;
  justify-content: center;
  align-items: center;
  padding: 8px 12px 8px 8px;
  font-size: 14px;
  line-height: 16px;
  transition: color .3s, border-color .3s;
  display: flex;
}

.feature-tab-link-2:hover {
  color: #25272c;
  border-color: #3a88fe;
}

.feature-tab-link-2.w--current {
  color: #25272c;
  background-color: #f7f8f8;
  border-color: #3a88fe;
}

.feature-tabs-stack {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #edeef1;
  border: 1px dashed #b5bbc4;
  border-radius: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding: 16px;
  display: grid;
}

.column-x-small-16 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.paragraph-small-47 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-47.text-color-tertiary {
  color: #575f70;
}

.paragraph-small-48 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.h4-heading-11 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-28 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.subheading-regular-10 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.container-regular-18 {
  width: 100%;
  max-width: 1080px;
  margin-top: -69px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-quote-block-2 {
  border: 2px dashed #6869ac;
  border-radius: 20px 20px 20px 0;
  padding: 24px;
}

.testimonial-quote-block-2.filled-background {
  background-color: #e8ecf7;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
}

.timeline-testimonial-top {
  max-width: 390px;
  padding-bottom: 48px;
  position: relative;
}

.timeline-award-card {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px dashed #6869ac;
  border-radius: 16px;
  flex-flow: column;
  padding: 32px;
  display: flex;
  position: relative;
}

.paragraph-x-large-7 {
  color: #3d424c;
  font-size: 20px;
  line-height: 32px;
}

.paragraph-x-large-7.text-color-tertiary {
  color: #575f70;
}

.timeline-milestone-header {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.timeline-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px dashed #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px 8px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.timeline-button:hover {
  background-color: #e8ecf7;
}

.testimonial-item-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  max-width: 430px;
  display: flex;
}

.testimonial-item-2.right {
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
}

.timeline-company-icon {
  background-color: #e8ecf7;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 4px;
  display: flex;
}

.timeline-company-icon.behance {
  background-color: #105dfb;
}

.timeline-icon-wrapper {
  color: #6869ac;
  border: 1px dashed #6869ac;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: 8px;
  display: flex;
}

.timeline-card-background {
  position: absolute;
  inset: auto auto 0% 0%;
}

.timeline-card-background.top-right {
  inset: 0% 0% auto auto;
}

.timeline-testimonial-avatar {
  aspect-ratio: 1;
  background-color: #6869ac;
  background-image: url('../images/image-lines.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 16px;
  width: 80%;
  position: relative;
  overflow: hidden;
}

.timeline-milestone-content {
  display: flex;
}

.h2-heading-23 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.timeline-testimonial-author {
  background-color: #e8ecf7;
  background-image: url('../images/timeline-card-lines.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  width: 80%;
  padding: 40px 16px 16px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.icon-regular-10 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .3s;
  display: flex;
}

.overline-regular-17 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.h5-heading-8 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.45;
}

.timeline-testimonial {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: 340px;
  margin-top: 48px;
  display: flex;
}

.timeline-testimonial-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.timeline-career-card {
  background-color: #e8ecf7;
  background-image: url('../images/timeline-card-lines.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 16px;
  width: 100%;
  max-width: 200px;
  padding: 40px 16px 16px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.timeline-component {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.avatar-background {
  background-color: #6869ac;
  border-radius: 100%;
  flex: none;
  width: 52px;
  height: 52px;
  position: absolute;
  inset: auto;
}

.timeline-card {
  z-index: 1;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  text-align: left;
  background-color: #fff;
  border: 1px dashed #6869ac;
  border-radius: 16px;
  flex-flow: column;
  max-width: 400px;
  padding: 32px;
  display: flex;
  position: relative;
}

.testimonial-author-name {
  color: #6869ac;
  letter-spacing: -.04em;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.h6-heading-16 {
  color: #24262d;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
}

.subheading-large-13 {
  color: #24262d;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.subheading-large-13.text-color-brand {
  color: #6869ac;
}

.timeline-card-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 48px 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.timeline-award-details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.paragraph-small-49 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.timeline-milestone-details {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.testimonial-avatar-image-wrapper {
  border-radius: 100%;
  flex: none;
  width: 60px;
  height: 60px;
}

.button-outline-7 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6869ac;
  text-align: center;
  white-space: nowrap;
  background-color: #fff0;
  border: 1px solid #6869ac;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-7:hover {
  background-color: #e8ecf7;
}

.avatar-image-2 {
  z-index: 5;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.timeline-career-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 360px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.timeline-quote-icon {
  color: #e8ecf7;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 96px;
  font-weight: 600;
  line-height: 1;
}

.testimonial-quote-text {
  letter-spacing: -.04em;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 32px;
}

.timeline-testimonial-bottom {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  width: 100%;
  max-width: 450px;
  margin-left: auto;
  display: flex;
}

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

.timeline-award {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 480px;
  display: flex;
}

.timeline-career-top {
  width: 100%;
  max-width: 480px;
  padding-bottom: 48px;
  position: relative;
}

.timeline-card-author {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.timeline-card-avatar {
  background-color: #f6f7f9;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.timeline-milestone-year {
  color: #6869ac;
  border: 1px dashed #6869ac;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.timeline-career-image {
  background-color: #6869ac;
  background-image: url('../images/image-lines.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 16px;
  width: 80%;
  height: 240px;
  position: relative;
  overflow: hidden;
}

.testimonial-author {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.container-large-20 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-regular-33 {
  padding: 64px 5%;
  position: relative;
}

.timeline-divider {
  border-left: 1px dashed #b4bac5;
  width: 1px;
}

.timeline-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 460px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial-carousel-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  height: 680px;
  display: flex;
}

.testimonial-title-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  max-width: 500px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial-item-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  max-width: 430px;
  display: flex;
}

.testimonial-item-3.right {
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
}

.testamonial-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
}

.code-embed-5 {
  display: none;
}

.h2-heading-24 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.overline-regular-18 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.testimonial-carousel {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#0000 5%, #000 25% 75%, #0000 95%);
  mask-image: linear-gradient(#0000 5%, #000 25% 75%, #0000 95%);
}

.paragraph-small-50 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.container-large-21 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-regular-34 {
  padding: 64px 5%;
  position: relative;
}

.testimonial-line-divider {
  opacity: .6;
  border: .3px dashed #6869ac;
  height: 60%;
  margin-left: auto;
  margin-right: auto;
}

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

.paragraph-small-51 {
  color: #49505b;
  letter-spacing: -.08px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-51.text-color-tertiary {
  color: #8d95a3;
}

.row-2x-small-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.row-2x-small-2.row-bottom {
  justify-content: flex-start;
  align-items: flex-end;
}

.popular-badge {
  color: #fff;
  background-color: #154ee0;
  border-radius: 4px;
  flex: none;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.button-white {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #49505b;
  text-align: center;
  letter-spacing: -.18px;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #edeef1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-white:hover {
  color: #fff;
  background-color: #154ee0;
}

.pricing-feature {
  color: #25272c;
  letter-spacing: -.08px;
  background-color: #f7f8f8;
  border-radius: 8px;
  flex: 1;
  padding: 8px;
  font-size: 14px;
  line-height: 16px;
}

.grid-three-column-9 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: -84px;
  display: grid;
}

.tab-default {
  z-index: 2;
  color: #8d95a3;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-detail-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #edeef1;
  border: 1px dashed #d8dbdf;
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  padding: 24px;
  display: flex;
}

.pricing-menu-round {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #edeef1;
  border: .5px solid #d8dbdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  margin-top: -48px;
  margin-bottom: 64px;
  padding: 4px;
  display: flex;
}

.button-primary-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.08px;
  white-space: nowrap;
  background-color: #25272c;
  border: 1px solid #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: inline-flex;
  box-shadow: 0 1px 2px #00000080, inset 0 1px 1px 2px #3f444d;
}

.button-primary-4:hover {
  background-color: #000;
}

.section-regular-35 {
  background-color: #f7f8f8;
  padding: 96px 5%;
  position: relative;
}

.pricing-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.h1-heading-13 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.pricing-feature-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.paragraph-regular-29 {
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.paragraph-regular-29.text-color-tertiary {
  color: #8d95a3;
}

.tab-icons {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.tab-active {
  color: #154ee0;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.column-large-14 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.tabs-content-3 {
  width: 100%;
  margin-top: 92px;
  overflow: visible;
}

.column-small-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.column-small-6.column-left {
  justify-content: center;
  align-items: flex-start;
}

.heading-grid-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  place-items: end stretch;
  margin-bottom: 64px;
  display: grid;
}

.pricing-tab-link-round {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  letter-spacing: -.18px;
  background-color: #f7f8f8;
  border-radius: 40px;
  justify-content: flex-start;
  align-items: center;
  min-width: 144px;
  padding: 8px 12px 8px 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.pricing-tab-link-round.w--current {
  background-color: #fff;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.pricing-icon {
  color: #154ee0;
  background-color: #f7f8f8;
  border-radius: 8px;
  flex: none;
  padding: 8px;
}

.container-large-22 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.subheading-large-14 {
  color: #25272c;
  letter-spacing: -.24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.subheading-large-14.text-color-secondary {
  color: #49505b;
}

.h4-heading-12 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}

.pricing-head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #8d95a3;
  letter-spacing: -.08px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.pricing-head.text-color-brand {
  color: #154ee0;
}

.pricing-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.pricing-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #edeef1;
  border: 1px dashed #d8dbdf;
  border-radius: 16px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.pricing-card.popular {
  border-color: #3a88fe;
}

.button-secondary-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  text-align: center;
  letter-spacing: -.08px;
  white-space: nowrap;
  background-color: #f7f8f8;
  border: 1px solid #edeef1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-secondary-2:hover {
  background-color: #edeef1;
}

.pricing-tab {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 0;
  display: flex;
}

.pricing-tab-badge {
  color: #fff;
  letter-spacing: 0;
  background-color: #154ee0;
  border-radius: 40px;
  flex: none;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.pricing-toggle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.pricing-tooltip {
  color: #d4d4d4;
}

.pricing-table-inner {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #171717;
  white-space: nowrap;
  word-break: keep-all;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.row-x-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.pricing-card-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.subheading-large-15 {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.pricing-table-plan {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  white-space: nowrap;
  word-break: keep-all;
  flex-direction: column;
  display: flex;
}

.container-regular-19 {
  width: 100%;
  max-width: 1216px;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
}

.button-outline-small-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #0a0a0a;
  background-color: #0000;
  border: 1px solid #d4d4d4;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, color .4s;
  display: flex;
  position: relative;
}

.button-outline-small-2:hover {
  background-color: #fafafa;
  border-color: #d4d4d4;
}

.button-primary-small-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-small-4:hover {
  background-color: #734573;
}

.pricing-tabs-menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 50%;
  margin-left: 32px;
  display: flex;
}

.pricing-tab-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  border: 2px dashed #000;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 32px;
  display: flex;
}

.pricing-check {
  color: #3c9075;
}

.paragraph-x-small-5 {
  font-size: 12px;
  line-height: 16px;
}

.paragraph-x-small-5.text-color-gray-700 {
  color: #404040;
}

.pricing-text {
  color: #525252;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.paragraph-regular-30 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.pricing-tabs {
  margin-bottom: 64px;
  display: flex;
}

.button-primary-5 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  text-align: center;
  letter-spacing: -.25px;
  white-space: nowrap;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-5:hover {
  background-color: #734573;
}

.button-primary-5.w--current {
  background-color: #4b264b;
}

.row-tiny {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  display: flex;
}

.row-tiny.row-center {
  justify-content: flex-start;
  align-items: center;
}

.table-row {
  z-index: 1;
}

.price-wrapper-year {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.pricing-tabs-content {
  width: 50%;
}

.section-regular-36 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-36.background-brown-50 {
  background-color: #f8f6f6;
  margin-top: 0;
}

.pricing-tab-link {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #0000;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.pricing-tab-link:hover {
  background-color: #f2eeee;
  border-color: #f5f5f5;
}

.pricing-tab-link.w--current {
  background-color: #d9dce2;
  border: 2px dashed #f380f3;
  border-radius: 14px;
}

.pricing-switch {
  background-color: #e6e6e6;
  border-radius: 99px;
  align-items: center;
  width: 52px;
  height: 28px;
  padding: 2px;
  display: flex;
}

.pricing-switch:active {
  background-color: #302df1;
}

.pricing-switch:visited {
  background-color: #f24e1e;
}

.table {
  text-align: left;
  width: 100%;
}

.paragraph-large-7 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

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

.pricing-cross {
  color: #aa3c3c;
}

.pricing-circle {
  background-color: #fff;
  border-radius: 99px;
  width: 24px;
  height: 24px;
  box-shadow: 0 1px 1px #a3a3a33d;
}

.h6-heading-17 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.column-small-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.column-small-7.column-center {
  justify-content: flex-start;
  align-items: center;
}

.pricing-old-price {
  color: #aa3c3c;
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  text-decoration: line-through;
}

.paragraph-x-large-8 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.h3-heading-5 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-13 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
}

.table-header {
  padding: 16px;
}

.divider-gray-200 {
  background-color: #e6e6e6;
  width: 100%;
  height: 1px;
}

.pricing-tab-pane {
  height: 100%;
}

.price-toggle-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #171717;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.overline-7 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.overline-7.text-color-gray-500 {
  color: #737373;
}

.row-small-9 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.row-small-9.row-center {
  align-items: center;
}

.pricing-table-card {
  grid-row-gap: 48px;
  background-color: #fff;
  flex-direction: column;
  padding: 32px;
  display: flex;
  overflow: auto;
}

.pricing-feature-2 {
  color: #0a0a0a;
  justify-content: space-between;
  display: flex;
}

.column-x-small-17 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.table-cell {
  white-space: nowrap;
  padding: 16px;
}

.table-cell.cateogry {
  padding-top: 32px;
}

.badge-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #285d4e;
  white-space: nowrap;
  background-color: #f4faf8;
  border: 1px solid #d6f0e5;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: inline-flex;
}

.badge-2.red {
  color: #761e1e;
  background-color: #f6eaea;
  border-color: #eed8d8;
}

.badge-2.gray {
  color: #404040;
  background-color: #fafafa;
  border-color: #f5f5f5;
}

.badge-2.blue {
  color: #27497c;
  background-color: #f3f6fc;
  border-color: #e8eef7;
}

.row-x-small-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.subheading-large-16 {
  color: #0a0a0a;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.container-regular-20 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.button-outline-small-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #0a0a0a;
  background-color: #0000;
  border: 1px solid #d4d4d4;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, color .4s;
  display: flex;
  position: relative;
}

.button-outline-small-3:hover {
  background-color: #fafafa;
  border-color: #d4d4d4;
}

.paragraph-regular-31 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.button-primary-6 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  text-align: center;
  letter-spacing: -.25px;
  white-space: nowrap;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-6:hover {
  background-color: #734573;
}

.button-primary-6.w--current {
  background-color: #4b264b;
}

.section-regular-37 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-37.background-brown-50 {
  background-color: #f8f6f6;
}

.paragraph-large-8 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.h6-heading-18 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.column-small-8 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.column-small-8.column-center {
  justify-content: flex-start;
  align-items: center;
}

.paragraph-x-large-9 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.h3-heading-6 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}

.h4-heading-14 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.3;
}

.overline-8 {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.overline-8.text-color-gray-500 {
  color: #737373;
}

.row-small-10 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.row-small-10.row-center {
  align-items: center;
}

.column-x-small-18 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.column-2x-large-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.column-2x-large-5.column-center {
  justify-content: flex-start;
  align-items: center;
}

.avatar-image-3 {
  object-fit: cover;
  width: 70%;
  height: 100%;
}

.container-large-23 {
  width: 100%;
  max-width: 1280px;
  margin-top: -70px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.h1-heading-14 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-large-9 {
  color: #333;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.header-section-2 {
  margin-top: 0;
  padding: 92px 5% 0;
  position: relative;
}

.red-text-span-4 {
  color: #fff;
  background-color: #f24e1e;
  border-radius: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.button-group-3 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  display: flex;
}

.column-x-large-3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.column-x-large-3.column-center {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 38px;
}

.blog-dot {
  background-color: #c4cad4;
  border-radius: 4px;
  width: 4px;
  height: 4px;
}

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

.row-small-11.row-center {
  justify-content: flex-start;
  align-items: center;
}

.row-x-small-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.row-x-small-4.row-center {
  justify-content: flex-start;
  align-items: center;
}

.subheading-large-17 {
  color: #22272f;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.subheading-x-small {
  color: #22272f;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.subheading-x-small.text-color-red-500 {
  color: #e57361;
}

.section-regular-38 {
  padding: 92px 5%;
  position: relative;
}

.section-regular-38.background-off-white {
  background-color: #f3f3f6;
}

.paragraph-x-small-6 {
  color: #454f5f;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.h3-heading-7 {
  color: #3e376d;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.blog-card-outline {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #454f5f;
  border: 1px solid #dce0e5;
  border-radius: 24px;
  flex-flow: column;
  padding: 24px;
  text-decoration: none;
  transition: box-shadow .3s, background-color .3s;
  display: flex;
}

.blog-card-outline:hover {
  background-color: #fff;
  box-shadow: 0 2px 8px #c4cad43d;
}

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

.max-width-tiny {
  max-width: 290px;
}

.blog-image-small {
  aspect-ratio: auto;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px #c4cad43d;
}

.icon-tiny {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.grid-three-column-10 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.title-grid {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 64px;
  display: grid;
}

.paragraph-small-52 {
  color: #454f5f;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.column-x-small-19 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.subheading-small-6 {
  color: #22272f;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.blog-author {
  background-color: #f3f4f6;
  border: 1px solid #f3f4f6;
  border-radius: 99px;
  flex: none;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.heading-buttons {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.title-caption {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #454f5f;
  align-items: center;
  font-size: 1px;
  font-weight: 600;
  line-height: 16px;
  display: flex;
}

.button-primary-7 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff;
  text-align: center;
  background-color: #3e376d;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-primary-7:hover {
  background-color: #4e4587;
}

.overline-9 {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.overline-9.text-color-blue-500 {
  color: #6173e5;
}

.blog-avatar-wrapper {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.blog-tag {
  color: #6173e5;
  letter-spacing: -.02em;
  border: .5px solid #cbd0f6;
  border-radius: 99px;
  margin-top: 17px;
  padding: 2px 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.grid-two-column-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
}

.blog-avatar {
  background-color: #f7f9fd;
  border-radius: 100%;
  flex: none;
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.paragraph-large-10 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.paragraph-large-10.text-weight-bold {
  white-space: normal;
  font-weight: 700;
}

.blog-date {
  color: #6d767e;
  font-size: 12px;
}

.wrap-v-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.section-regular-39 {
  padding: 80px 5%;
  position: relative;
}

.blog-card-small {
  grid-column-gap: 24px;
  color: #000;
  border: .5px solid #eaedf0;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 32px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.blog-card-small:hover {
  box-shadow: 0 24px 64px #e0e0e07a;
}

.blog-author-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.container-large-24 {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.title-wrapper-10 {
  z-index: 5;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 454px;
  margin-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.paragraph-regular-32 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.paragraph-regular-32.text-weight-medium {
  font-weight: 500;
}

.blog-thumbnail-small {
  border-radius: 8px;
  flex: none;
  width: 180px;
  height: 180px;
  overflow: hidden;
}

.blog-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.h2-heading-25 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 1.2;
}

.blog-tag-wrapper {
  grid-column-gap: 4px;
  flex-wrap: wrap;
  margin-bottom: 24px;
  display: flex;
}

.search-icon-s {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: absolute;
  inset: 12px auto 12px 12px;
}

.wrap-h-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.menu-link {
  grid-column-gap: 8px;
  filter: saturate(0%);
  color: #6d767e;
  letter-spacing: -.02em;
  background-color: #0000;
  border-radius: 8px;
  align-items: center;
  padding: 8px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.menu-link:hover, .menu-link.w--current {
  filter: saturate();
  color: #000;
  background-color: #fff;
}

.image-cover-3 {
  vertical-align: middle;
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
  overflow: clip;
}

.menu-link-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #f8f9fa;
  border-radius: 8px;
  flex-direction: column;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.menu-link-wrap.margin-top-32 {
  margin-top: 32px;
}

.document-menu-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #6d767e;
  letter-spacing: -.02em;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.document-menu-link:hover {
  color: #000;
}

.document-menu-link.w--current {
  color: #6173e5;
}

.document-container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.document-grid-s {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

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

.document-title {
  color: #000;
  letter-spacing: -.02em;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.button-main-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
}

.search-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.dropdown-link-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-left: 1px solid #eaedf0;
  flex-direction: column;
  display: flex;
  position: relative;
}

.document-feature-block {
  grid-column-gap: 12px;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.document-navigation {
  border-bottom: 1px solid #ebebeb;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: flex;
}

.document-icon-square {
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-bottom: 16px;
  display: flex;
}

.document-icon-square.red {
  color: #e56161;
  background-color: #fceeee;
}

.document-icon-square.orange {
  color: #e59661;
  background-color: #fcf3ee;
}

.document-icon-square.blue {
  color: #6173e5;
  background-color: #eeeffc;
}

.document-icon-square.green {
  color: #86c1a0;
  background-color: #f2f8f5;
}

.search-badge {
  background-color: #fff;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 32px;
  padding: 8px;
  display: flex;
  position: absolute;
  inset: 4px 4px 4px auto;
}

.paragraph-large-11 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.paragraph-large-11.text-weight-bold {
  white-space: normal;
  font-weight: 700;
}

.menu-main {
  border-right: 1px solid #ebebeb;
  flex: none;
  width: 20%;
  min-width: 260px;
  max-width: 280px;
  height: auto;
  padding: 16px;
  position: relative;
}

.document-block {
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  align-items: stretch;
  padding: 16px;
  display: flex;
}

.h6-heading-19 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.4;
}

.button-group-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fafafa;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  padding: 8px;
  display: flex;
}

.button-secondary-square {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6173e5;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #eeeffc;
  border-radius: 8px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  transition: all .5s cubic-bezier(.6, .6, 0, 1);
}

.dropdown-toggle-2 {
  letter-spacing: -.02em;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.document-base {
  flex: 1;
  width: 100%;
  padding: 42px;
}

.icon-x-small-8 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-bottom: 3px;
  display: flex;
}

.milestone-circle {
  z-index: 2;
  color: #6173e5;
  background-color: #eeeffc;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  display: flex;
}

.headline-m {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
}

.milestone-block {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.headline-s {
  color: #6173e5;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.wrap-h-x-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.dropdown-2 {
  width: 100%;
}

.dropdown-list-2 {
  position: relative;
}

.dropdown-list-2.w--open {
  background-color: #0000;
}

.icon-regular-11 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.document-content {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.application-button {
  grid-column-gap: 8px;
  color: #000;
  letter-spacing: -.02em;
  background-color: #fff;
  border-radius: 8px;
  align-items: center;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: flex;
}

.search-bar {
  letter-spacing: -.02em;
  background-color: #f8f9fa;
  border: 1px solid #eaedf0;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  margin-bottom: 0;
  padding: 8px 44px;
  font-size: 16px;
  line-height: 24px;
  transition: border-color .3s;
}

.search-bar:hover, .search-bar:focus {
  border-color: #adb5bd;
}

.search-bar::placeholder {
  color: #adb5bd;
}

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

.milestone-line {
  z-index: 1;
  background-color: #eeeffc;
  width: 1px;
  height: 100%;
  position: relative;
}

.wrap-v-small-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.wrap-v-small-3.align-centre {
  align-items: center;
}

.badge-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #080808;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #eeeffc;
  border: 1px solid #cbd0f6;
  border-radius: 8px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.6, .6, 0, 1);
  display: flex;
}

.document-image {
  border-radius: 8px;
  overflow: hidden;
}

.document-image.small {
  height: 200px;
}

.document-image.large {
  height: 320px;
}

.document-inner {
  display: flex;
}

.dropdown-link-s {
  z-index: 5;
  color: #6d767e;
  letter-spacing: -.01em;
  border-left: 1px solid #0000;
  justify-content: space-between;
  align-items: center;
  margin-left: -1px;
  padding-left: 8px;
  line-height: 28px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.dropdown-link-s:hover {
  color: #6173e5;
  border-left-color: #a7b1f1;
}

.dropdown-link-s.w--current {
  color: #6173e5;
  border-left-color: #a7b1f1;
  justify-content: space-between;
}

.text-color-blue-500 {
  color: #6173e5;
}

.document-badge {
  color: #6173e5;
  background-color: #eeeffc;
  border-radius: 44px;
  padding: 8px 16px;
}

.document-tab-link {
  color: #6d767e;
  letter-spacing: -.02em;
  background-color: #0000;
  border-bottom: 2px solid #0000;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: color .3s, border-color .3s;
}

.document-tab-link.w--current {
  color: #6173e5;
  background-color: #0000;
  border-bottom-color: #6173e5;
  font-weight: 600;
}

.document-tabs-menu {
  grid-column-gap: 24px;
  border-bottom: 2px solid #ebebeb;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.menu-right {
  grid-row-gap: 8px;
  background-color: #f8f9fa;
  flex-direction: column;
  width: 20%;
  min-width: 300px;
  padding: 16px;
  display: flex;
}

.document-step-wrapper {
  margin-top: 32px;
}

.paragraph-regular-33 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.paragraph-regular-33.text-weight-bold {
  font-weight: 700;
}

.menu-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.menu-icon-block {
  color: #6173e5;
  background-color: #eeeffc;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.document-cta-image {
  border-radius: 8px;
  height: 200px;
  overflow: hidden;
}

.paragraph-small-53 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.document-badge-red {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #e56161;
  letter-spacing: normal;
  background-color: #fceeee;
  border-radius: 8px;
  align-items: center;
  padding: 4px 8px 4px 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.document-step-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  padding: 4px;
  text-decoration: none;
  display: flex;
}

.dropdown-list-inner {
  padding: 8px 16px;
  overflow: hidden;
}

.document-badge-blue {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #6173e5;
  background-color: #eeeffc;
  border-radius: 8px;
  align-items: center;
  padding: 4px 8px 4px 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.h3-heading-8 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.2;
}

.section-document {
  padding-left: 5%;
  padding-right: 5%;
}

.milestone-grid {
  grid-column-gap: 16px;
  grid-row-gap: 44px;
  grid-template-rows: auto;
  grid-template-columns: 24px 1fr;
}

.text-block {
  color: #0b0c0c;
  font-weight: 700;
}

.text-block-2 {
  color: #0a0a0a;
  font-weight: 700;
}

.paragraph-regular-34 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.paragraph-regular-34.text-weight-bold {
  font-weight: 700;
}

.changelog-search-b {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  max-width: 510px;
  margin-top: 32px;
  margin-bottom: 0;
  display: flex;
}

.paragraph-small-54 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.changelog-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  display: flex;
}

.changelog-content-card-b {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f2f8f5;
  border: 1px solid #d7eae0;
  border-radius: 8px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.search-icon {
  background-color: #fff;
  border-radius: 99px;
  width: 32px;
  height: 32px;
  padding: 8px;
  position: absolute;
  inset: 8px auto 8px 8px;
}

.changelog-milestone-block {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.changelog-timeline-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .25fr minmax(24px, 72px) 1fr;
}

.paragraph-large-12 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.paragraph-large-12.text-weight-bold {
  white-space: normal;
  font-weight: 700;
}

.changelog-content-card-a {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f8f9fa;
  border: 1px solid #eaedf0;
  border-radius: 8px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.text-color-blue-501 {
  color: #6173e5;
}

.changelog-milestone-circle {
  background-color: #fff;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
}

.changelog-timeline-card {
  grid-row-gap: 24px;
  flex-direction: column;
  max-width: 588px;
  padding-bottom: 64px;
  display: flex;
}

.changelog-content-heading {
  grid-column-gap: 4px;
  display: flex;
}

.changelog-image-wrapper {
  background-color: #f8f9fa;
  border: 1px solid #dfe3e7;
  border-radius: 8px;
  height: 352px;
  padding: 16px;
  overflow: hidden;
}

.changelog-item-group-a {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.changelog-feature-b {
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.search-input-2 {
  letter-spacing: -.02em;
  background-color: #f8f9fa;
  border: 1px solid #eaedf0;
  border-radius: 99px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 8px 8px 8px 48px;
  font-size: 18px;
  line-height: 1.4;
}

.search-input-2::placeholder {
  color: #adb5bd;
}

.changelog-milestone-line {
  background-color: #dfe3e7;
  width: 1px;
  height: 100%;
}

.changelog-title-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 588px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-regular-22 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.changelog-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
}

.icon-regular-12 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

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

.changelog-content-card-c {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fcf3ee;
  border: 1px solid #f6ddcb;
  border-radius: 8px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.caption-bold {
  color: #353b41;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.changelog-content-card-d {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fceeee;
  border: 1px solid #f6cbcb;
  border-radius: 8px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

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

.changelog-item-group-e {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.changelog-item-a {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.button-primary-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #6173e5;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.section-regular-40 {
  padding: 80px 5%;
  position: relative;
}

.changelog-item-b {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

.margin-bottom-24 {
  margin-bottom: 24px;
  font-size: 24px;
}

.search-input-wrapper {
  width: 100%;
  position: relative;
}

.h2-heading-26 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 1.2;
}

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

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

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

.cta-content-left {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

.paragraph-x-large-10 {
  color: #3d424c;
  font-size: 20px;
  line-height: 32px;
}

.h4-heading-15 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}

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

.paragraph-small-55 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.cta-dropdown-list {
  background-color: #0000;
}

.cta-dropdown-list.w--open {
  background-color: #fff;
  border-radius: 8px;
  margin-top: 4px;
  box-shadow: 17px 17px 24px 10px #ebebf480;
}

.cta-grid {
  grid-template-rows: auto;
}

.button-primary-9 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #6869ac;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-primary-9:hover {
  background-color: #2b2c50;
}

.cta-card-7 {
  z-index: 5;
  background-color: #fff;
  border-radius: 24px;
  padding: 24px;
  position: relative;
}

.icon-regular-13 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .3s;
  display: flex;
}

.cta-dropdown-toggle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px dashed #b4bac5;
  border-radius: 4px;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.cta-dropdown-toggle.w--open {
  border-color: #6869ac;
}

.cta-image-wrapper {
  border-radius: 16px;
  overflow: hidden;
}

.cta-section-brand {
  background-color: #6869ac;
  background-image: url('../images/cta-background-lines.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 128px 5%;
}

.cta-buttons {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  max-width: 350px;
  display: flex;
}

.cta-select-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.column-small-9 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.container-large-25 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.cta-dropdown {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  font-weight: 600;
  line-height: 24px;
}

.overline-10 {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.overline-10.text-color-blue-500 {
  color: #6173e5;
}

.span-red {
  color: #e56161;
}

.cta-block-a {
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 60px 48px;
  display: flex;
  position: relative;
}

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

.cta-bg-lines {
  z-index: 0;
  height: 100%;
  position: absolute;
  inset: 0% auto;
}

.paragraph-large-13 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.cta-detail-wrapper {
  color: #6d767e;
  padding: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.badge-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #080808;
  text-align: left;
  letter-spacing: -.02em;
  background-color: #fff;
  border: .5px solid #ced4da;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 12px 8px 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.6, .6, 0, 1);
  display: flex;
}

.cta-content {
  z-index: 9;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 588px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.cta-icon-block {
  background-color: #eeeffc;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.icon-large-4 {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.container-large-26 {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-blue {
  background-color: #6173e5;
  padding: 80px 5%;
  position: relative;
}

.button-primary-10 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #6173e5;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.wrap-h-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.wrap-h-small.wrap-childen {
  flex-wrap: wrap;
}

.wrap-h-small.wrap-childen.justify-center {
  justify-content: center;
}

.h2-heading-27 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  line-height: 1.2;
}

.h1-heading-15 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.section-regular-41 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.container-small-9 {
  z-index: 5;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.subheading-large-18 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.subheading-large-18.text-color-brand-purple {
  color: #6153bd;
  font-size: 1px;
}

.paragraph-small-56 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.h4-heading-16 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-35 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.button-outline-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  text-align: center;
  background-color: #7863f0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000f;
}

.button-outline-8:hover {
  background-color: #f0f0f0;
}

.subheading-regular-11 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.grid-three-column-11 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-regular-23 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.timeline-status-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.timeline-status-title.status-coming {
  color: #b2b2b2;
}

.timeline-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #1a1a1a;
  border-bottom: 1.5px solid #e6e6e6;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.timeline-item.status-upcoming {
  color: #b2b2b2;
  text-decoration: none;
}

.timeline-item.status-complete {
  text-decoration: line-through;
}

.timeline-card-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid #e6e6e6;
  border-radius: 24px;
  flex-direction: column;
  height: 100%;
  padding: 32px;
  display: flex;
  position: relative;
}

.timeline-badge {
  color: #fff;
  background-color: #40bf6a;
  border-radius: 4px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.timeline-badge.status-progress {
  background-color: #f99406;
}

.timeline-badge.status-coming {
  color: #1a1a1a;
  background-color: #f7f7f7;
}

.timeline-bar-green {
  background-color: #40bf6a;
  width: 100%;
  height: 4px;
}

.timeline-bar-base {
  background-color: #e6e6e6;
  border-radius: 24px;
  width: 100%;
  height: 4px;
  overflow: hidden;
}

.h6-heading-20 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
}

.timeline-counter {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.timeline-counter.status-coming {
  color: #b2b2b2;
}

.timeline-counter.status-complated {
  color: #40bf6a;
}

.timeline-counter.status-progress {
  color: #f99406;
}

.title-wrapper-11 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.timeline-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr;
}

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

.container-large-27 {
  width: 100%;
  max-width: 1280px;
  margin-top: -95px;
  margin-left: auto;
  margin-right: auto;
}

.timeline-bar-progress {
  background-color: #f99406;
  width: 40%;
  height: 4px;
}

.h1-heading-16 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2;
}

.grid-two-column-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

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

.paragraph-small-57 {
  color: #333;
  font-size: 14px;
  line-height: 24px;
}

.overline-regular-19 {
  color: #080808;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.timeline-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

.column-large-15 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.timeline-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
}

.section-regular-42 {
  padding: 92px 5%;
  position: relative;
}

.timeline-image {
  background-color: #b3bbe5;
  border-radius: 16px;
  height: 100%;
  min-height: 330px;
  overflow: hidden;
}

.timeline-span-phase {
  color: #4255bd;
  text-decoration: underline;
}

.overline-small-2 {
  color: gray;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.paragraph-large-14 {
  color: #333;
  letter-spacing: -.02em;
  margin-top: 42px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.bold-text-6 {
  font-size: 28px;
  font-weight: 500;
}

.button-header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #6173e5;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #eeeffc;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 8px 24px 8px 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.header-badge-b {
  color: #fff;
  text-transform: uppercase;
  background-color: #6173e5;
  border-radius: 99px;
  align-items: center;
  padding: 4px 8px 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.header-button-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  margin-top: 32px;
  display: flex;
}

.header-bloom {
  z-index: -3;
  position: absolute;
  inset: 0%;
}

.button-play-icon {
  background-color: #fff;
  border-radius: 99px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

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

.paragraph-large-15 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.header-section-s {
  padding: 124px 5% 0;
  position: relative;
}

.header-badge-link-b {
  grid-column-gap: 8px;
  color: #6173e5;
  background-color: #eeeffc;
  border-radius: 99px;
  align-items: center;
  padding: 2px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.container-large-28 {
  width: 100%;
  max-width: 1240px;
  margin-top: -94px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.button-primary-11 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #6173e5;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.header-wrapper-small {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 792px;
  margin-bottom: 44px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.wrap-h-x-small-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}

.h1-heading-17 {
  color: #000;
  letter-spacing: -.04em;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
}

.paragraph-small-58 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.paragraph-small-59 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.h4-heading-17 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-regular-36 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.button-outline-9 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  box-shadow: 0 1px 2px #0000000f, 0 0 0 1px #0000000f;
}

.button-outline-9:hover {
  background-color: #f0f0f0;
}

.subheading-regular-12 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.grid-three-column-12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-regular-24 {
  width: 100%;
  max-width: 1080px;
  margin-top: -67px;
  margin-left: auto;
  margin-right: auto;
}

.icon-button-small {
  color: #f0f0f0;
  background-color: #ffffff14;
  background-image: radial-gradient(circle at 50% 100%, #5e5e5e54, #5e5e5e00);
  border: 1px solid #ffffff14;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  transition: color .3s, border .3s, background-color .3s;
  display: flex;
}

.icon-button-small:hover {
  color: #fff;
  background-color: #ffffff1f;
}

.feature-card-regular {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffff14;
  border: 2px solid #0000000d;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px;
  display: flex;
}

.title-wrapper-regular {
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 860px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.icon-small-7 {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.feature-card-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  padding: 8px;
  display: flex;
}

.section-large-21 {
  background-color: #000;
  padding: 120px 5%;
  position: relative;
}

.paragraph-small-60 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.row-space-between-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon-regular-14 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.icon-regular-14.text-color-blue-500 {
  color: #719be5;
}

.icon-regular-14.text-color-purple-500 {
  color: #8f6ee7;
}

.icon-regular-14.text-color-green-500 {
  color: #79dc80;
}

.icon-regular-14.text-color-red-500 {
  color: #f56b61;
}

.container-large-29 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.badge-large {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  color: #dacff7;
  letter-spacing: -.25px;
  background-color: #36178ca3;
  border: 1px solid #ffffff1f;
  border-radius: 96px;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.subheading-regular-13 {
  color: #e3e3e3;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.feature-card-banner {
  grid-row-gap: 12px;
  background-color: #ffffff14;
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  padding: 16px;
  display: flex;
}

.column-x-large-4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  display: flex;
}

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

.h2-heading-28 {
  color: #fff;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(157deg, #a78eec, #8f6ee7 28%, #7e58e478);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 62px;
  font-weight: 600;
  line-height: 1.2;
}

.container-small-10 {
  width: 100%;
  max-width: 846px;
  margin-top: -70px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-small-61 {
  color: #49505b;
  letter-spacing: -.08px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-61.text-color-tertiary {
  color: #8d95a3;
}

.row-small-12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-card-head {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #154ee0;
  letter-spacing: -.08px;
  background-color: #f7f8f8;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.feature-card-head.text-color-brand {
  color: #154ee0;
}

.feature-card-content-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.divider-secondary {
  border-top: 1px dashed #d8dbdf;
  width: 100%;
}

.title-wrapper-12 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 628px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.feature-card-link {
  color: #25272c;
  background-color: #fff;
  border: 1px dashed #d8dbdf;
  border-bottom-style: none;
  border-radius: 16px;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.section-regular-43 {
  background-color: #f7f8f8;
  margin-top: -41px;
  padding: 96px 5%;
  position: relative;
}

.feature-card-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.badge-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px dashed #b5bbc4;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.paragraph-regular-37 {
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

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

.tabs-content-4 {
  width: 100%;
  overflow: visible;
}

.feature-arrow-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.subheading-large-19 {
  color: #25272c;
  letter-spacing: -.24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.feature-tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #edeef1;
  border: 1px dashed #b5bbc4;
  border-radius: 16px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding: 16px;
  display: flex;
}

.feature-tab-link-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  letter-spacing: -.08px;
  background-color: #f7f8f8;
  border: 1px solid #fff;
  border-radius: 8px;
  flex: auto;
  justify-content: center;
  align-items: center;
  padding: 8px 12px 8px 8px;
  font-size: 14px;
  line-height: 16px;
  transition: color .3s, border-color .3s;
  display: flex;
}

.feature-tab-link-3:hover {
  color: #25272c;
  border-color: #3a88fe;
}

.feature-tab-link-3.w--current {
  color: #25272c;
  background-color: #f7f8f8;
  border-color: #3a88fe;
}

.text-block-3 {
  font-size: 24px;
}

.section-large-22 {
  padding: 96px 5%;
  position: relative;
}

.column-x-small-20 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.h4-heading-18 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
}

.overline-regular-20 {
  color: #6869ac;
  letter-spacing: -.18px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.content-grid-top-4 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
}

.paragraph-small-62 {
  color: #3d424c;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-62.text-color-tertiary {
  color: #575f70;
}

.content-list-2 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.overline-small-3 {
  color: #6869ac;
  letter-spacing: -.08px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.h2-heading-29 {
  color: #24262d;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.container-large-30 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-title-wrapper-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  max-width: 500px;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-regular-44 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-44.background-brown-50 {
  background-color: #f8f6f6;
}

.container-large-31 {
  width: 100%;
  max-width: 1216px;
  margin-left: auto;
  margin-right: auto;
}

.row-small-13 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  display: flex;
}

.paragraph-regular-38 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.paragraph-small-63 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.paragraph-small-63.text-color-gray-500 {
  color: #080808;
  font-weight: 500;
}

.h6-heading-21 {
  color: #0a0a0a;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}

.button-primary-large-8 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.25px;
  background-color: #0a0a0a;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.button-primary-large-8:hover {
  background-color: #734573;
}

.career-line {
  background-color: #e6e6e6;
  width: 100%;
  height: 1px;
}

.career-badge-small {
  color: #6070c8;
  letter-spacing: .02em;
  text-transform: uppercase;
  background-color: #f4f5fb;
  border: 1px solid #b3bbe5;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
  display: inline-block;
}

.career-category-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}

.container-x-small-3 {
  z-index: 5;
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.career-button-grid {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.paragraph-small-64 {
  font-size: 14px;
  line-height: 24px;
}

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

.career-detail-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.career-back-button {
  color: #333;
  border: 1px solid #e6e6e6;
  border-radius: 32px;
  align-items: center;
  padding: 8px 24px 8px 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-outline-small-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #4255bd;
  text-align: center;
  background-color: #0000;
  border: 1.5px solid #6070c8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-outline-small-4:hover {
  color: #fff;
  background-color: #4255bd;
}

.career-information {
  color: #333;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.career-line-small {
  background-color: #e6e6e6;
  height: 1px;
}

.container-large-32 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.sub-heading-regular {
  letter-spacing: -.03em;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.sub-heading-regular.text-weight-medium {
  font-weight: 500;
}

.career-button-wrapper {
  justify-content: flex-start;
  margin-bottom: 64px;
  display: flex;
}

.career-skill-detail {
  color: #333;
  margin-top: 24px;
  font-size: 14px;
  line-height: 24px;
}

.career-dot {
  background-color: #1a1a1a;
  border-radius: 32px;
  width: 6px;
  height: 6px;
}

.wrap-h-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.wrap-h-small-2.align-c {
  justify-content: flex-start;
  align-items: center;
}

.career-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.h1-heading-18 {
  text-align: left;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.career-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  margin-top: 64px;
  display: flex;
}

.career-list {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  color: #1a1a1a;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  font-size: 18px;
  line-height: 32px;
  display: grid;
}

.section-regular-45 {
  padding: 92px 5%;
  position: relative;
}

.career-back-icon {
  color: #1a1a1a;
  background-color: #f7f7f7;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  display: flex;
}

.career-contact-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--light-salmon);
  color: #666;
  align-items: center;
  padding: 12px;
  display: flex;
}

.career-category {
  color: #1a1a1a;
  border: 1px solid #b2b2b2;
  border-radius: 99px;
  padding: 8px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  text-decoration: none;
  transition: all .3s;
}

.career-category:hover {
  color: #f7f7f7;
  background-color: #4255bd;
  border-color: #4255bd;
}

.h4-heading-19 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.4;
}

.wrap-v-small-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.career-list-number {
  grid-column-gap: 16px;
  grid-row-gap: 14px;
  color: #1a1a1a;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  font-size: 18px;
  line-height: 32px;
  list-style-type: decimal;
  display: grid;
}

.button-primary-small-5 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #fff;
  white-space: nowrap;
  background-color: #4255bd;
  border: 1px solid #4255bd;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-primary-small-5:hover {
  color: #4255bd;
  background-color: #fff;
}

.paragraph-regular-39 {
  font-size: 16px;
  line-height: 24px;
}

.paragraph-regular-39.text-weight-medium {
  text-align: left;
  font-weight: 500;
}

.banner-section-2 {
  color: #fff;
  background-color: #f30808;
  padding: 10px 5%;
  position: relative;
}

.container-large-33 {
  width: 100%;
  max-width: 1208px;
  margin-left: auto;
  margin-right: auto;
}

.banner-content-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-regular-40 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.banner-button-2 {
  background-color: #292929;
  border-radius: 8px;
  flex: none;
  padding: 2px 8px;
  font-size: 14px;
  line-height: 24px;
  transition: background-color .3s;
}

.banner-button-2:hover {
  background-color: #3d3d3d;
}

.banner-image {
  object-fit: cover;
  width: 20%;
  height: 100%;
  position: absolute;
}

.banner-image.left {
  inset: 0% auto 0% 0%;
}

.banner-image.right {
  inset: 0% 0% 0% auto;
}

.list-item, .list-item-2, .list-item-3, .list-item-4, .list-item-5, .list-item-6, .list-item-7, .list-item-8, .list-item-9, .list-item-10 {
  text-align: left;
  font-size: 18px;
}

.paragraph-small-65 {
  color: #49505b;
  letter-spacing: -.08px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-65.text-color-tertiary {
  color: #8d95a3;
}

.form-field-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.form-checkbox-2 {
  background-color: #fff;
  border: 2px solid #d8dbdf;
  border-radius: 100%;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0 8px 0 0;
  padding-left: 0;
  display: flex;
}

.form-checkbox-2.w--redirected-checked {
  background-color: #154ee0;
  border-style: solid;
  border-color: #154ee0;
  margin-top: 0;
  margin-left: 0;
}

.row-small-14 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-checkbox-field {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.paragraph-large-16 {
  color: #49505b;
  letter-spacing: -.16px;
  font-size: 18px;
  line-height: 32px;
}

.feature-card-content-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.paragraph-regular-41 {
  color: #49505b;
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.form-field-label {
  color: #8d95a3;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.h1-heading-19 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.form-detail-icon {
  color: #154ee0;
}

.section-regular-46 {
  background-color: #f7f8f8;
  padding: 96px 5%;
  position: relative;
}

.form-card-outline {
  background-color: #fff;
  border: 1px dashed #d8dbdf;
  border-radius: 16px;
  width: 100%;
  max-width: 410px;
  overflow: hidden;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.form-column-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  max-width: 410px;
  display: flex;
}

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

.column-small-10.column-left {
  justify-content: center;
  align-items: flex-start;
}

.button-primary-large-9 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.18px;
  white-space: nowrap;
  background-color: #25272c;
  border: 2px solid #000;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: inline-flex;
  box-shadow: 0 1px 2px #00000080, inset 0 1px 1px 3px #3f444d;
}

.button-primary-large-9:hover {
  background-color: #000;
}

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

.contact-link-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #25272c;
  letter-spacing: -.08px;
  border: 1px dashed #d8dbdf;
  border-bottom-style: none;
  border-radius: 12px;
  flex: auto;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.text-link-brand-2 {
  color: #154ee0;
  font-weight: 500;
  text-decoration: underline;
}

.form-text-field-2 {
  color: #25272c;
  letter-spacing: -.18px;
  background-color: #fff;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px;
  font-size: 16px;
  line-height: 24px;
}

.form-text-field-2:focus {
  color: #25272c;
  background-color: #f7f8f8;
  border-color: #3a88fe;
}

.form-text-field-2::placeholder {
  color: #8d95a3;
}

.form-text-field-2.text-area {
  min-height: 128px;
}

.subheading-large-20 {
  color: #25272c;
  letter-spacing: -.24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.container-regular-25 {
  z-index: 1;
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.contact-grid-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  display: grid;
}

.form-column {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  max-width: 520px;
  display: flex;
}

.contact-card {
  border: 1px dashed #d8dbdf;
  border-bottom-style: none;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 2px #d8dbdf80;
}

.row-x-small-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.course-dropdown-toggle {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #1f1e1e;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  display: flex;
}

.h2-heading-30 {
  color: #000;
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
}

.course-description {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.course-info {
  justify-content: space-between;
  align-items: center;
  padding-right: 16px;
  display: flex;
}

.row-regular-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.course-dropdown {
  flex-flow: column;
  display: flex;
}

.subheading-large-21 {
  color: #000;
  letter-spacing: -.24px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.course-dropdown-content {
  overflow: hidden;
}

.section-regular-47 {
  padding: 96px 5%;
}

.title-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ff443d;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.content-grid-6 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.course-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.paragraph-small-66 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

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

.container-regular-26 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.lesson-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.course-lessons {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding-bottom: 24px;
  display: flex;
}

.course-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 16px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.title-left-large {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 640px;
  margin-bottom: 64px;
  display: flex;
}

.divider-gray-201 {
  background-color: #d6d3d1;
  width: 100%;
  height: 1px;
}

.course-legend {
  color: #71716f;
  border-bottom: 1px solid #d6d3d1;
  justify-content: space-between;
  padding-bottom: 24px;
  padding-right: 16px;
  font-weight: 500;
  display: flex;
}

.course-lesson-lightbox {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #71716f;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px 8px 8px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.course-lesson-lightbox:hover {
  color: #000;
  background-color: #f6f5f3;
}

.course-review {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.course-overview {
  flex-flow: column;
  width: 100%;
  max-width: 550px;
  display: flex;
}

.course-detail {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

.button-primary-small-6 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  white-space: nowrap;
  background-color: #000;
  border-radius: 96px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-flex;
}

.button-primary-small-6:hover {
  background-color: #ff443d;
}

.button-primary-small-6.icon-left {
  padding-left: 8px;
}

.paragraph-small-67 {
  color: #49505b;
  letter-spacing: -.08px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-67.text-color-tertiary {
  color: #8d95a3;
}

.row-small-15 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.grid-three-column-13 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  display: grid;
}

.section-regular-48 {
  background-color: #f7f8f8;
  padding: 96px 5%;
  position: relative;
}

.max-width-large {
  width: 100%;
  max-width: 628px;
}

.h1-heading-20 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.paragraph-regular-42 {
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.column-small-11 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.column-small-11.column-left {
  justify-content: center;
  align-items: flex-start;
}

.heading-grid-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  place-items: end stretch;
  margin-bottom: 64px;
  display: grid;
}

.container-large-34 {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.subheading-large-22 {
  color: #25272c;
  letter-spacing: -.24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.icon-regular-15 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.flourish-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.h1-heading-21 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.flourish-avatar-group {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.flourish-block {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.button-icon {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.header-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  max-width: 558px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-primary-12 {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  max-width: 236px;
  padding: 12px 24px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.button-primary-12.button-full-width {
  width: 100%;
}

.flourish-avatar-large {
  z-index: 4;
  background-color: #edeef1;
  border: 4px solid #f7f8f8;
  border-radius: 99px;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  margin-bottom: 8px;
  margin-left: -16px;
  margin-right: -16px;
  position: relative;
  overflow: hidden;
}

.paragraph-x-large-11 {
  color: #40444c;
  letter-spacing: -.03em;
  font-size: 20px;
  line-height: 1.5;
}

.section-header {
  background-color: #f7f8f8;
  background-image: url('../images/header-background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 80px;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.header-button-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  display: flex;
}

.phone-accent-left {
  position: absolute;
  inset: 10px auto auto -50px;
}

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

.phone-accent-right {
  position: absolute;
  inset: auto -40px 40px auto;
}

.flourish-star-column {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flourish-star {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flourish-text-block {
  padding: 8px 12px;
}

.subheading-small-7 {
  color: #ff4b0e;
  letter-spacing: -.02em;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.flourish-avatar {
  background-color: #edeef1;
  border: 4px solid #f7f8f8;
  border-radius: 99px;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  overflow: hidden;
}

.header-phone-block {
  justify-content: center;
  align-items: flex-end;
  margin-top: 44px;
  display: flex;
}

.header-phone-wrapper {
  position: relative;
}

.h5-heading-9 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

.process-line {
  background-color: #dfe3e7;
  width: 1px;
  height: 100%;
  position: absolute;
}

.h2-heading-31 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.button-primary-small-7 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #6173e5;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .5s cubic-bezier(.6, .6, 0, 1);
}

.button-primary-small-7:hover {
  background-color: #8492eb;
}

.button-primary-small-7:active {
  background-color: #8b99f9;
}

.process-number {
  color: #fff;
  background-color: #dfe3e7;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  display: flex;
  position: relative;
}

.title-center-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 660px;
  margin-bottom: 44px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.process-line-progress {
  background-color: #4a5fe4;
  width: 1px;
}

.process-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.paragraph-regular-43 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
}

.process-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
}

.text-color-red-500 {
  color: #e56161;
}

.process-image-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.overline-regular-21 {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.container-regular-27 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.section-regular-49 {
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.section-regular-49.background-gray-100 {
  background-color: #f8f9fa;
}

.caption-regular-2 {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.process-line-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button-group-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-regular-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.column-regular-6.column-centre {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.column-regular-6.column-center {
  justify-content: flex-start;
  align-items: center;
}

.process-number-wrapper {
  background-color: #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  font-size: 32px;
  line-height: 32px;
  display: flex;
}

.max-width-small-7 {
  width: 100%;
  max-width: 450px;
}

.container-regular-28 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.h1-heading-22 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.process-dashed-line {
  border: 1px dashed #d8dbdf;
  max-width: 840px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 28px 0% auto;
}

.button-wrapper-small {
  width: 100%;
  max-width: 160px;
}

.process-image-block {
  padding: 12px 24px;
}

.button-outline-10 {
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #d8dbdf;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: border-color .3s, color .3s, background-color .3s;
  display: flex;
}

.button-outline-10:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.process-relative-wrapper {
  position: relative;
}

.section-regular-50 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.process-step {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.title-grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  place-items: end stretch;
  margin-bottom: 64px;
}

.h3-heading-9 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.process-header {
  z-index: 1;
  background-color: #f7f8f8;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

.process-grid-three {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.subheading-large-23 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.subheading-large-23.text-color-brand-purple {
  color: #6153bd;
}

.process-image-2 {
  background-color: #edeef1;
  border-radius: 24px;
  width: 364px;
  overflow: hidden;
}

.container-regular-29 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.h1-heading-23 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.process-line-progress-2 {
  background-image: linear-gradient(#ff4b0e, #d8dbdf);
  width: 1px;
}

.process-count {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.process-details {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 366px;
  padding-bottom: 32px;
  display: flex;
}

.process-image-right {
  background-color: #edeef1;
  border-radius: 24px;
  width: 364px;
  margin-bottom: 100px;
  margin-left: auto;
  overflow: hidden;
}

.button-outline-11 {
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #d8dbdf;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: border-color .3s, color .3s, background-color .3s;
  display: flex;
}

.button-outline-11:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.process-line-2 {
  background-color: #edeef1;
  width: 2px;
  height: 100%;
}

.section-regular-51 {
  background-color: #f7f8f8;
  padding: 80px 5%;
  position: relative;
}

.process-grid-item-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
}

.h3-heading-10 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.title-wrapper-large {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #383a42;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.subheading-large-24 {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.subheading-large-24.text-color-brand-purple {
  color: #6153bd;
}

@media screen and (min-width: 1280px) {
  .customer-slider-right-arrow.position-at-the-end {
    right: -30px;
  }

  .integration-hero-item._2 {
    right: 0%;
  }

  .integration-hero-item._5 {
    left: 0%;
  }

  .toggle-save-container {
    right: -135px;
  }

  .pricing-plan-grid-item {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media screen and (min-width: 1440px) {
  .customer-slider-right-arrow.position-at-the-end {
    right: -20px;
  }

  .home-2-highlight-image {
    right: 60px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 60px;
    line-height: 110%;
  }

  h2 {
    font-size: 50px;
    line-height: 100%;
  }

  h3 {
    font-size: 45px;
    line-height: 100%;
  }

  h4, h5, h6 {
    line-height: 100%;
  }

  li {
    font-size: 20px;
  }

  .wrapper-1160px {
    flex-direction: column;
    max-width: 600px;
  }

  .wrapper-1160px.navbar-wrapper {
    flex-direction: row;
    padding-top: 10px;
    padding-bottom: 10px;
    position: static;
  }

  .wrapper-1160px.home-discover-flex {
    flex-direction: column-reverse;
  }

  .wrapper-1160px.industry-expert-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column-reverse;
  }

  .wrapper-1160px.app-integration-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.best-people-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .wrapper-1160px.blog-details-summary-flex {
    flex-direction: column-reverse;
    max-width: none;
    margin-bottom: 50px;
  }

  .wrapper-1160px.contact-hero-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    align-items: center;
  }

  .wrapper-1160px.feature-hero-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 60px;
  }

  .wrapper-1160px.creative-freedom-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column-reverse;
  }

  .wrapper-1160px.seach-result-flex {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .wrapper-1160px.home-3-testimonial-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.home-3-discover-blue-flex {
    flex-direction: column-reverse;
  }

  .wrapper-1160px.home-3-integration-flex {
    padding-top: 60px;
  }

  .wrapper-1160px.home-3-customer-flex {
    padding-bottom: 160px;
  }

  .wrapper-1160px.home-3-contact-flex {
    align-items: center;
  }

  .wrapper-1160px.reviews-hero-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.reviews-customer-flex {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .wrapper-1160px.demo-hero-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.customer-flex-180px {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .wrapper-1160px.creative-freedom-flex-180px {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 150px;
  }

  .wrapper-1160px.careers-hero-flex {
    padding-top: 80px;
  }

  .wrapper-1160px.careers-opening-flex {
    align-items: center;
  }

  .wrapper-1160px.home-2-cta-section {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    align-items: center;
  }

  .wrapper-1160px.pricing-2-hero-flex {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .wrapper-1160px.pricing-2-customer-flex {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
  }

  .wrapper-1160px.about-3-hero-flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .wrapper-1160px.about-2-hero-flex {
    align-items: center;
    padding-top: 120px;
  }

  .wrapper-1160px.about-2-creative-talent-flex {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .wrapper-1160px.about-2-people-flex {
    padding-top: 150px;
    padding-bottom: 50px;
  }

  .wrapper-1160px.about-2-team-flex, .wrapper-1160px.home-2-analysis-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    align-items: center;
  }

  .wrapper-1160px.home-2-feature-flex {
    max-width: 700px;
    padding-top: 150px;
  }

  .wrapper-1160px.home-2-spotlight-flex {
    padding-top: 150px;
    padding-bottom: 250px;
  }

  .wrapper-1160px.home-2-hero-flex {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    align-items: center;
    padding-top: 70px;
  }

  .wrapper-1160px.about-2-discover-flex {
    padding-bottom: 150px;
  }

  .wrapper-1160px.overview-hero-flex {
    padding-top: 80px;
  }

  .wrapper-1160px.overview-page-item-flex {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .image-container {
    width: 100%;
  }

  .image-container.product-hero {
    width: 100%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .wrapper.instruction-wrapper {
    width: 90%;
  }

  .reference-wrapper {
    width: 80%;
  }

  .reference-wrapper.updates {
    flex-direction: column;
  }

  .nav-button.in-menu {
    display: none;
  }

  .purple-text-span {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .hero-button-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .navbar-button-container {
    margin-left: auto;
    margin-right: 2px;
  }

  .round-hero-brand {
    width: 35%;
  }

  .nav-link {
    width: 90%;
    margin-bottom: 10px;
    padding-left: 0;
    font-weight: 500;
  }

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

  .nav-link.in-menu {
    width: 100%;
  }

  .nav-link.hide {
    display: none;
  }

  .home-hero-item.right-with-arrow {
    width: 70px;
    bottom: 0%;
    right: 10%;
  }

  .home-hero-item.chart {
    width: 50px;
    bottom: 20%;
    left: 10%;
  }

  .home-hero-item.pencil {
    width: 55px;
    top: 5%;
    left: -5%;
  }

  .home-hero-item.purple-profile {
    width: 50px;
    bottom: -5%;
  }

  .home-hero-item.bulb {
    width: 55px;
    bottom: 25%;
    right: 0%;
  }

  .home-hero-item.red-profile {
    width: 40px;
    top: -5%;
  }

  .home-logo-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .red-text-span {
    padding-top: 4px;
    padding-bottom: 8px;
  }

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

  .home-hero-spotlight-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-discover-image-container {
    width: 90%;
  }

  .home-discover-text-container {
    width: 100%;
    margin-top: 80px;
  }

  .home-cta-hero-heading {
    font-size: 60px;
    line-height: 110%;
  }

  .home-cta-hero-image {
    width: 30%;
  }

  .home-hero-item-image-1 {
    width: 45%;
  }

  .industry-expert-text-container {
    width: 100%;
  }

  .industry-expert-image-container {
    width: 90%;
  }

  .app-integration-text-container {
    width: 100%;
  }

  .app-integration-image-container {
    width: 90%;
  }

  .business-growth-container-1 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .business-growth-container-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column-reverse;
  }

  .business-growth-1-img-container, .business-growth-1-text-container {
    width: 100%;
  }

  .business-growth-large-text {
    font-size: 45px;
  }

  .customer-slider-right-arrow.position-at-the-end {
    right: 15px;
  }

  .home-integration-upper-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: center;
  }

  .home-integration-text-wrap {
    width: 100%;
  }

  .home-integration-bottom-wrap {
    flex-direction: column;
    align-items: center;
  }

  .home-integration-item-wrap {
    width: 100%;
  }

  .hm-dark-blue-para {
    line-height: 110%;
  }

  .hm-yellow-item-hero-image {
    width: 50%;
  }

  .footer-banner {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-upper-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .footer-left-container, .footer-right-container {
    width: 100%;
  }

  .footer-right-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .menu-button {
    padding: 10px;
  }

  .menu-button.w--open {
    background-color: var(--primary-blue);
  }

  .nav-menu {
    z-index: 111;
    background-color: var(--white);
    padding-top: 20px;
    padding-bottom: 40px;
    box-shadow: 0 100px 100px #0000000a;
  }

  .creative-talent-section {
    padding-bottom: 100px;
  }

  .crative-talent-map-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .creative-talent-office-wrapper {
    flex-direction: column;
  }

  .creative-talent-office-item {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .creative-talent-office-image {
    margin-bottom: 10px;
  }

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

  .about-hero-upper-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column-reverse;
  }

  .about-hero-upper-img-wrap, .about-hero-upper-text-wrap {
    width: 100%;
  }

  .about-numbers-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
  }

  .best-people-left-container, .best-people-right-container {
    width: 100%;
  }

  .about-ventures-tabs-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .about-ventures-tab-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .about-ventures-tab-text-wrap {
    margin: 50px 0 60px;
  }

  .about-ventures-tab-funding-wrap {
    border-top: 1px solid #000;
    border-left-width: 0;
    width: 100%;
    max-width: none;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .faq-content {
    padding-bottom: 24px;
  }

  .faq-card {
    max-width: none;
  }

  .faqs-wrapper {
    width: 100%;
    padding-top: 0;
  }

  .comparison-table {
    position: relative;
  }

  .price-grid-text, .pricing-headings {
    font-size: 20px;
  }

  .pricing-headings.small {
    font-size: 18px;
  }

  .pricing-row-contain {
    flex-direction: column;
    padding: 30px 5px;
  }

  .pricing-row-contain.off-white {
    z-index: 10;
    flex-direction: column;
    padding-left: 5px;
    position: sticky;
    top: 0;
  }

  .price-grid-contain {
    grid-auto-columns: .25fr;
    grid-auto-flow: row;
    width: 100%;
  }

  .headings {
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
  }

  .pricing-hero-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-grid-item-upper, .pricing-grid-item-bottom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-grid-item-price {
    font-size: 60px;
  }

  .custom-pricing-container {
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 40px;
  }

  .custom-pricing-sub-container {
    width: 100%;
    max-width: 500px;
    padding-bottom: 30px;
  }

  .custom-pricing-heading-large {
    margin-bottom: 60px;
    font-size: 50px;
  }

  .customer-grid-pointer-container {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .pricing-testimonial-yellow-box, .pricing-testimonial-purple-box {
    width: 100%;
  }

  .blog-hero-item-hero-image {
    object-fit: cover;
    max-height: 400px;
  }

  .blog-collection-list {
    grid-template-columns: 1fr;
    place-content: center;
    place-items: center;
  }

  .blog-collection-item {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .newsletter-blue-bg._1 {
    object-position: 100% 50%;
  }

  .blog-slider-image {
    max-height: 400px;
  }

  .blog-slider-text-wrapper {
    margin-bottom: 70px;
  }

  .blog-details-hero-section {
    padding-top: 320px;
  }

  .blog-details-hero-text-container {
    width: 90%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-details-hero-heading {
    font-size: 45px;
  }

  .blog-details-social-left-wrapper {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    flex-direction: row;
    max-width: none;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: 0;
  }

  .rich-text {
    padding: 50px 20px;
  }

  .rich-text p {
    font-size: 20px;
  }

  .rich-text blockquote {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 22px;
  }

  .blog-details-author-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .related-blog-collection-list {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .pricing-testimonial-box-flex {
    flex-direction: column;
    align-items: center;
  }

  .integration-hero-card-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .integration-collection-list {
    grid-template-columns: 1fr;
    place-content: center;
    place-items: center;
  }

  .request-integration-container {
    padding: 30px 20px;
  }

  .request-integration-heading {
    font-size: 35px;
  }

  .integration-hero-item._1 {
    width: 50px;
    left: 25%;
  }

  .integration-hero-item._2 {
    width: 75px;
    left: 0%;
    right: auto;
  }

  .integration-hero-item._3 {
    width: 60px;
    left: 25%;
  }

  .integration-hero-item._4 {
    width: 60px;
    right: 10%;
  }

  .integration-hero-item._5 {
    width: 55px;
    left: auto;
    right: 0%;
  }

  .integration-hero-item._6 {
    width: 80px;
  }

  .integration-3-card-container.left {
    left: -10%;
  }

  .integration-3-card-container.right {
    right: -10%;
  }

  .contact-hero-text-container, .contact-hero-form-container {
    width: 100%;
  }

  .contact-answer-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .contact-answer-grid-item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-answer-item-heading {
    font-size: 30px;
  }

  .contact-answer-item-para {
    font-size: 20px;
  }

  .contact-answer-itemtext-wrap {
    margin-bottom: 50px;
  }

  .blue-background-large {
    object-position: 0% 50%;
  }

  .log-in-section {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .log-in-blue-large-bg {
    object-position: 0% 50%;
  }

  ._404-image-container {
    width: 70%;
  }

  ._404-text-container {
    text-align: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
  }

  .feature-roi-upper-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
  }

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

  .feature-hero-image-container, .feature-hero-text-container {
    width: 100%;
  }

  .features-best-places-grid {
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }

  .customer-first-yellow-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .customer-first-image-container {
    width: 90%;
  }

  .customer-first-text-container {
    width: 100%;
  }

  .customer-first-blue-containers {
    flex-direction: column;
    align-items: center;
  }

  .creative-freedom-text-container {
    width: 100%;
  }

  .creative-freedom-image-container {
    width: 90%;
  }

  .feature-spotlight-grid {
    grid-template-columns: 1fr;
    place-items: center;
  }

  .checkout-container {
    flex-direction: column;
    align-items: stretch;
  }

  .left-checkout-contain {
    margin-right: 0;
  }

  .collection-list-pricing {
    grid-row-gap: 80px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-plan-points p, .pricing-plan-points h6 {
    background-size: 20px;
    padding-left: 28px;
  }

  .update-paragraph {
    font-size: 20px;
  }

  .style-wrapper {
    flex-direction: column;
    max-width: 600px;
  }

  .licensing-hero-wrapper.icons {
    grid-row-gap: 50px;
    flex-direction: column;
    display: flex;
  }

  .licencing-images-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .licensing-heading-2 {
    font-size: 45px;
  }

  .licensing-icon-grid {
    grid-column-gap: 60px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .font-title-heading {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 50px;
  }

  .licencing-image-item-2 {
    width: 100%;
    height: auto;
  }

  .plan-wrapper {
    flex-direction: column;
    align-items: center;
    padding-top: 80px;
  }

  .text-containers, .text-containers.product-hero {
    width: 100%;
  }

  .buynow-button, .add-to-cart {
    padding: 14px 30px 15px;
    line-height: 120%;
  }

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

  .checkout-container-left {
    width: 100%;
    margin-right: 0;
  }

  .checkout-container-right {
    width: 100%;
  }

  .colors-grid {
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
  }

  .integration-template-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .search {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .cta-image {
    object-fit: cover;
    object-position: 0% 50%;
  }

  .top-triangle-image._1, .top-triangle-image._2, .top-triangle-image._3, .top-triangle-image._4 {
    display: none;
  }

  .sticky-wrapper {
    margin-top: 40px;
    margin-left: 0;
    margin-right: auto;
    position: relative;
  }

  .sticky-wrapper.inttegration {
    margin-left: auto;
    margin-right: auto;
  }

  .home-3-company-logo-grid {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr;
    place-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .home-3-hero-text-container {
    width: 100%;
  }

  .home-3-user-2 {
    width: 70px;
  }

  .home-3-hero-bottom-flex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .purple-text-span-2 {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .home-3-user-1 {
    width: 55px;
  }

  .home-3-image-container {
    width: 100%;
  }

  .home-3-company-logo-item {
    max-width: 200px;
  }

  .home-3-hero-upper-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column-reverse;
  }

  .home-3-hero-item-2 {
    width: 80%;
  }

  .home-3-hero-highlight {
    width: 50px;
  }

  .home-3-hero-item-1 {
    width: 50%;
  }

  .home-3-testimonial-right-wrap, .home-3-testimonial-left-wrapper {
    width: 100%;
  }

  .home-3-feature-item-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .home-3-analysis-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column-reverse;
  }

  .home-3-analysis-image-wrapper, .home-3-analysis-image-wrapper.large, .home-3-analysis-text-wrapper {
    width: 100%;
  }

  .reference-paragraph {
    font-size: 18px;
  }

  .integration-details-text-container {
    width: 90%;
    padding-bottom: 40px;
  }

  .integration-type {
    margin-left: 20px;
  }

  .integration-name {
    font-size: 60px;
    line-height: 110%;
  }

  .integration-social-left-wrapper {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    flex-direction: row;
    max-width: none;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: 0;
  }

  .integration-social-left-wrapper.customer-stories-cms {
    margin-top: 0;
  }

  .career-details-text-container {
    width: 90%;
    padding-bottom: 40px;
  }

  .why-choose-item-grid {
    grid-column-gap: 160px;
    grid-row-gap: 160px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .why-choose-path-image {
    bottom: -50px;
  }

  .vs-blue-wrapper {
    top: 49%;
  }

  .home-3-integration-upper-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: center;
  }

  .home-3-integration-heading-wrap {
    text-align: center;
  }

  .home-3-integration-cl {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home-3-customer-bottom-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .home-3-customer-image-wrap, .home-3-customer-text-wrap {
    width: 100%;
  }

  .customer-slide-upper-wrapper {
    padding-bottom: 30px;
  }

  .home-3-customer-slide-logo {
    width: 170px;
  }

  .home-3-customer-para {
    font-size: 30px;
    line-height: 120%;
  }

  .home-3-contact-blue-heading {
    line-height: 110%;
  }

  .home-3-contact-left-container {
    width: 100%;
  }

  .home-3-cta-hero-item {
    width: 220px;
  }

  .home-3-cta-hero-item-1 {
    width: 200px;
  }

  .reviews-hero-text-container {
    width: 100%;
  }

  .reviews-hero-heading {
    font-size: 55px;
    line-height: 110%;
  }

  .reviews-testimonial-container {
    width: 100%;
  }

  .reviews-customer-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .faq-card-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .download-hero-heading {
    font-size: 50px;
    line-height: 110%;
  }

  .download-hero-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .different-item-container {
    flex-direction: column;
    align-items: center;
  }

  .different-item-sub-container.margin-top-50px {
    margin-top: 0;
  }

  .different-hero-item {
    padding-right: 40px;
  }

  .demo-hero-text-container, .demo-hero-form-container {
    width: 100%;
  }

  .demo-hero-heading {
    font-size: 50px;
    line-height: 110%;
  }

  .venture-bottom-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .venture-bottom-left-container, .venture-bottom-right-container {
    width: 100%;
  }

  .venture-path-image {
    width: 30%;
  }

  .logo-train-banner-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .careers-hero-image-container {
    flex-direction: column;
  }

  .careers-hero-middle-wrapper {
    width: 100%;
  }

  .careers-tabs {
    flex-direction: column;
    align-items: center;
  }

  .careers-tabs-menu {
    width: 100%;
    margin-bottom: 60px;
    margin-right: 0;
  }

  .careers-tabs-content, .career-opening-text-wrapper {
    width: 100%;
  }

  .home-2-cta-text-wrapper {
    width: 100%;
    margin-bottom: 0;
    margin-right: auto;
  }

  .yellow-text-span {
    padding-top: 4px;
  }

  .home-2-cta-image-wrapper {
    width: 100%;
  }

  .home-2-cta-blue-background {
    max-width: 300px;
    inset: 0% -80px auto auto;
  }

  .pricing-2-tabs-menu {
    margin-bottom: 80px;
    top: auto;
  }

  .pricing-2-tab-pane-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .pricing-2-price-text {
    font-size: 70px;
  }

  .customer-slide-wrapper-v2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    padding-left: 50px;
    padding-right: 50px;
  }

  .customer-slide-left-container {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: none;
  }

  .customer-slide-right-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .customer-slide-vertical-line {
    width: 100%;
    height: 1px;
  }

  .customer-slide-numbers-item {
    width: 80%;
  }

  .customer-slide-para-small-text {
    line-height: 140%;
  }

  .customer-slide-testimonial-text {
    font-size: 30px;
  }

  .customer-slider-left-arrow-v2, .customer-slider-right-arrow-v2 {
    top: -120px;
  }

  .discount-offer-img {
    top: -80px;
  }

  .different-blue-heading-wrapper {
    text-align: center;
  }

  .different-blue-item-wrapper {
    flex-direction: row;
    max-width: none;
  }

  .different-blue-item-wrapper.middle {
    margin-top: 0;
  }

  .different-blue-item-container {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .about-yellow-item-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-3-hero-text-wrapper {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .about-3-hero-item-1 {
    margin-right: auto;
  }

  .about-3-hero-item-2 {
    margin-top: 0;
    margin-left: auto;
  }

  .about-benefit-bottom-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    align-items: center;
  }

  .about-benefit-para-container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    width: 100%;
  }

  .about-benefit-heading-container {
    width: 100%;
  }

  .about-benefit-item-heading {
    font-size: 45px;
  }

  .about-benefit-item-para {
    font-size: 22px;
  }

  .about-benefit-item-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    place-items: center;
  }

  .about-hero-star-icon {
    top: 100px;
    right: 15%;
  }

  .about-hero-arrow-image {
    bottom: 200px;
    left: 5%;
  }

  .faq-open-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .faq-open-question-text {
    font-size: 22px;
  }

  .faq-open-grid {
    grid-column-gap: 60px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .pricing-table-hero-flex {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: center;
  }

  .pricing-table-item.left-align {
    align-items: center;
  }

  .pricing-table-grid {
    width: 100%;
  }

  .pricing-table-heading-item {
    width: 50%;
  }

  .toggle-row {
    margin-right: 0;
  }

  .toggle-contain {
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
  }

  .pricing-table-upper-wrapper {
    flex-direction: column;
  }

  .pricing-plan-grid {
    background-color: var(--white);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
    width: 60%;
  }

  .pricing-plan-grid-item {
    max-width: none;
    padding-left: 60px;
    padding-right: 60px;
  }

  .pricing-plan-grid-item.blue-middle {
    border-left-width: 0;
    border-right-width: 0;
  }

  .pricing-plan-grid-item.left {
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
  }

  .pricing-plan-grid-item.right {
    border-top-right-radius: 0;
    border-bottom-left-radius: 24px;
  }

  .pricing-plan-top-wrapper {
    flex-direction: column;
    display: flex;
  }

  .pricing-plan-hero-text {
    font-size: 55px;
    line-height: 100%;
  }

  .pricing-plan-heading-wrapper {
    width: 40%;
    position: relative;
  }

  .pricing-plan-heading-item {
    width: 100%;
    margin-top: 510px;
  }

  .pricing-plan-upper-wrapper {
    align-items: flex-start;
  }

  .about-2-team-text-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .about-2-team-grid {
    width: 100%;
  }

  .creative-talent-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-2-different-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .about-2-different-text-wrapper {
    text-align: center;
  }

  .about-2-people-outer-container {
    flex-direction: column;
  }

  .about-2-people-left-container {
    flex-direction: row;
    align-items: center;
    max-width: none;
  }

  .about-2-hero-text-wrapper {
    margin-bottom: 180px;
  }

  .about-2-hero-item-flex {
    flex-direction: column;
    align-items: center;
  }

  .about-2-arrow-icon {
    max-width: 70px;
    top: 400px;
  }

  .about-2-star-icon {
    max-width: 70px;
    top: 40px;
  }

  .home-2-integration-section {
    padding-bottom: 70px;
  }

  .home-2-analysis-text-wrapper, .home-2-analysis-grid {
    width: 100%;
  }

  .home-2-feature-tabs-menu {
    border-radius: 30px;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .home-2-feature-tab-link {
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .home-2-feature-tab-pane-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
  }

  .feature-tab-image-wrapper, .feature-tab-text-wrapper {
    width: 100%;
  }

  .home-2-spotlight-bottom-grid {
    grid-row-gap: 176px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .home-2-spotlight-item-hero-img {
    width: 90%;
  }

  .home-2-hero-text-wrapper {
    width: 100%;
  }

  .home-2-hero-image-wrapper {
    width: 85%;
    margin-right: 0%;
  }

  .home-2-highlight-image {
    width: 50px;
    height: 50px;
    bottom: -40px;
    right: 5px;
  }

  .home-2-integration-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-right: 24px;
  }

  .home-2-integration-item-icon {
    width: 60px;
    height: 60px;
  }

  .integration-item-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .home-2-result-bottom-flex {
    flex-direction: column;
    align-items: center;
  }

  .all-stories-logo-image {
    width: 220px;
    max-width: 220px;
    bottom: 25px;
    left: 25px;
  }

  .all-stories-item-heading {
    line-height: 110%;
  }

  .all-stories-collection-list {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .customer-stories-hero-text-wrap {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .customer-story-profile-item.top {
    margin-right: auto;
  }

  .customer-story-profile-item.bottom {
    margin-left: auto;
  }

  .customer-story-hero-star-icon {
    width: 75px;
    height: 80px;
    top: 75px;
  }

  .customer-story-hero-arrow {
    bottom: 220px;
    left: 5%;
  }

  .cs-hero-heading {
    font-size: 55px;
    line-height: 110%;
  }

  .rich-text-main-heading-wrap {
    padding: 50px 20px;
  }

  .rich-text-main-heading {
    font-size: 40px;
    line-height: 110%;
  }

  .overview-hero-heading {
    font-size: 55px;
  }

  .overview-train-item {
    max-width: 400px;
    margin-right: 30px;
  }

  .overview-train-item-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .overview-content-block-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }

  .overview-page-item-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .overview-page-item-grid.company-pages {
    grid-template-rows: auto auto auto;
  }

  .overview-page-item-grid.cms-pages {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .overview-spotlight-grid-item {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .dropdown-arrow {
    margin-left: 7px;
    margin-right: 0;
    position: relative;
  }

  .nav-menu-2 {
    background-color: var(--white);
    padding-bottom: 40px;
    position: absolute;
    box-shadow: 0 100px 100px #0b0b0b66;
  }

  .buttons-container {
    margin-left: auto;
  }

  .buttons-container.in-menu {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 10px;
    padding-left: 20px;
    display: flex;
  }

  .dropdown-list-full-wrapper {
    box-shadow: none;
    padding: 0;
  }

  .dropdown {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .visual-features-items-container {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .visual-features-items-container.nav {
    width: 100%;
    max-width: none;
    display: block;
  }

  .visual-features-items-container.nav.pages {
    grid-column-gap: 40px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .dropdown-toggle {
    justify-content: flex-start;
    margin-left: 20px;
    margin-right: 0%;
    padding-left: 0;
    display: flex;
  }

  .dropdown-list-full-wrapper-2 {
    box-shadow: none;
    padding: 0;
  }

  .dropdown-list.w--open {
    width: 95%;
    min-width: auto;
    margin-left: 20px;
    margin-right: 0%;
    padding-top: 0;
    position: relative;
    top: 0;
  }

  .navigation-drop-container {
    flex-direction: column;
  }

  .drop-list-div.posts-list.home {
    border-top-right-radius: 0;
  }

  .drop-grid {
    width: 100%;
  }

  .drop-grid.landing {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
  }

  .navigation-menu-button {
    color: #6869ac;
    background-color: #e8ecf7;
    border: 1px dashed #6869ac;
    border-radius: 8px;
    padding: 12px;
  }

  .navigation-menu-button.w--open {
    color: #4c4cb3;
    background-color: #fff;
    border-style: solid;
  }

  .navigation-brand-link {
    margin-right: 10px;
    padding: 0;
  }

  .navigation-dropdown {
    width: 100%;
  }

  .navigation-menu {
    background-color: #fff;
    height: auto;
    position: absolute;
    box-shadow: 0 40px 50px #ebebf4cc;
  }

  .dropdown-link-2 {
    padding: 10px;
  }

  .dropdown-card {
    box-shadow: none;
    flex-flow: column;
  }

  .banner-close, .navigation-dropdown-list-small.w--open {
    position: static;
  }

  .navigation-link {
    justify-content: flex-start;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .navigation-link:hover {
    color: #4c4cb3;
  }

  .navigation-link.w--open {
    color: #fff;
    background-color: #7070c2;
    width: 100%;
  }

  .banner-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
  }

  .navigation-dropdown-toggle {
    justify-content: flex-start;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .navigation-dropdown-toggle:hover {
    color: #4c4cb3;
  }

  .navigation-dropdown-toggle.w--open {
    color: #fff;
    background-color: #6869ac;
    width: 100%;
  }

  .purple-text-span-3 {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .different-hero-item-2 {
    padding-right: 40px;
  }

  .red-text-span-2 {
    padding-top: 4px;
    padding-bottom: 8px;
  }

  .h2-heading-58px-3 {
    margin-top: -99px;
  }

  .red-text-span-3 {
    padding-top: 4px;
    padding-bottom: 8px;
  }

  .components-grid, .grid-three-column {
    grid-template-columns: 1fr 1fr;
  }

  .section-regular-2 {
    margin-top: -225px;
  }

  .container-small {
    margin-top: 16px;
  }

  .grid-four-column, .grid-three-column-2 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-two-column {
    grid-template-columns: 1fr;
  }

  .content-column {
    max-width: none;
  }

  .header-title-wrapper {
    margin-top: 32px;
  }

  .header-bottom-image {
    margin-top: 60px;
  }

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

  .tabs-menu {
    flex-flow: wrap;
  }

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

  .grid-three-column-3 {
    grid-template-columns: 1fr 1fr;
  }

  .footer-newsletter {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-grid-large {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .cta-block-image {
    margin-top: 0;
  }

  .cta-block {
    grid-template-columns: 1fr;
    padding-right: 64px;
  }

  .testimonial-list-wrapper {
    height: 440px;
  }

  .testimonial-header {
    padding-left: 0%;
    padding-right: 0%;
  }

  .testimonial-grid {
    grid-template-columns: 1fr;
    padding-left: 5%;
    padding-right: 5%;
  }

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

  .content-footer {
    grid-row-gap: 24px;
    flex-direction: column;
  }

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

  .content-bento-bottom, .grid-three-column-5 {
    grid-template-columns: 1fr 1fr;
  }

  .feature-tab-menu {
    min-width: 50%;
    margin-right: 40px;
  }

  .content-grid-list {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .content-grid-3 {
    grid-template-columns: 1.2fr;
  }

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

  .content-grid-bottom {
    grid-template-columns: 1.2fr;
  }

  .content-grid-top {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1.2fr;
  }

  .content-tabs-menu-list {
    max-width: none;
    margin-bottom: 32px;
    margin-left: 0%;
  }

  .section-large-5 {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .tab-image {
    width: 100%;
  }

  .content-tabs-row {
    flex-direction: column;
  }

  .code-background {
    top: -15%;
  }

  .feature-grid, .content-grid-4, .grid-two-column-2 {
    grid-template-columns: 1fr;
  }

  .section-regular-15 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .heading-grid-2 {
    grid-template-columns: 1fr;
  }

  .grid-three-column-6 {
    grid-template-columns: 1fr 1fr;
  }

  .heading-grid-3 {
    grid-template-columns: 1fr;
  }

  .grid-three-column-7, .grid-three-column-8 {
    grid-template-columns: 1fr 1fr;
  }

  .content-grid-middle-2 {
    grid-template-columns: 1fr;
  }

  .content-grid-5 {
    grid-template-columns: 1.2fr;
  }

  .heading-grid-4, .feature-grid-small {
    grid-template-columns: 1fr;
  }

  .content-grid-top-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1.2fr;
  }

  .step-banner {
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
  }

  .step-breadcrumbs {
    margin-left: auto;
    margin-right: auto;
  }

  .step-content {
    max-width: none;
  }

  .slide-grid-wrapper {
    flex-direction: column-reverse;
    display: flex;
  }

  .button-primary-small-3, .button-primary-2 {
    display: flex;
  }

  .step-content-wrapper {
    padding-left: 5%;
    padding-right: 5%;
  }

  .multi-step-submit-button {
    display: flex;
  }

  .step-form-grid {
    grid-template-columns: 1fr;
  }

  .step-banner-content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .grid-two-column-3, .form-grid-large {
    grid-template-columns: 1fr;
  }

  .testimonial-card-filled {
    grid-row-gap: 16px;
  }

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

  .content-grid-top-3 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1.2fr;
  }

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

  .timeline-milestone-content {
    flex-flow: column;
  }

  .timeline-component {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .timeline-divider, .testimonial-carousel-content.hide-tablet {
    display: none;
  }

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

  .testimonial-carousel.hide-tablet, .testimonial-line-divider {
    display: none;
  }

  .grid-three-column-9 {
    grid-template-columns: 1fr 1fr;
  }

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

  .heading-grid-5 {
    grid-template-columns: 1fr;
  }

  .pricing-tab {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
  }

  .pricing-tabs-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    margin-bottom: 32px;
    margin-left: 0;
  }

  .pricing-tabs {
    flex-flow: wrap-reverse;
  }

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

  .red-text-span-4 {
    padding-top: 4px;
    padding-bottom: 8px;
  }

  .section-regular-38 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-regular-38.background-off-white {
    margin-top: -11px;
  }

  .grid-three-column-10 {
    grid-template-columns: 1fr 1fr;
  }

  .title-grid, .grid-two-column-4 {
    grid-template-columns: 1fr;
  }

  .blog-card-small {
    padding: 24px;
  }

  .menu-link-wrap.margin-top-32 {
    margin-top: 0;
  }

  .document-container {
    flex-direction: column;
  }

  .document-navigation {
    border-bottom-style: none;
  }

  .menu-main {
    border-right-style: none;
    width: 100%;
    max-width: none;
    padding: 0;
  }

  .button-secondary-square {
    max-width: 150px;
    display: flex;
  }

  .document-base {
    width: 100%;
    padding: 24px 0;
  }

  .badge-button {
    display: flex;
  }

  .menu-right {
    width: 100%;
    display: none;
  }

  .button-primary-8, .button-primary-10 {
    display: flex;
  }

  .grid-three-column-11 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-two-column-5 {
    grid-template-columns: 1fr;
  }

  .button-header, .button-primary-11 {
    display: flex;
  }

  .grid-three-column-12 {
    grid-template-columns: 1fr 1fr;
  }

  .feature-grid-3 {
    grid-template-columns: 1fr 1fr;
    margin-top: -70px;
  }

  .section-regular-43 {
    margin-top: -142px;
  }

  .content-grid-top-4 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1.2fr;
  }

  .section-regular-46 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .form-card-outline, .form-column-small {
    max-width: 520px;
  }

  .form-block-3 {
    align-items: center;
  }

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

  .course-overview {
    max-width: none;
  }

  .grid-three-column-13 {
    grid-template-columns: 1fr 1fr;
  }

  .heading-grid-6 {
    grid-template-columns: 1fr;
  }

  .button-primary-small-7, .process-dashed-line {
    display: none;
  }

  .title-grid-2 {
    grid-template-columns: 1fr;
  }

  .process-grid-three {
    grid-template-columns: 1fr 1fr;
  }

  .process-image-right {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 50px;
  }

  h2 {
    font-size: 45px;
  }

  h3 {
    font-size: 40px;
  }

  h4 {
    font-size: 35px;
  }

  h5 {
    font-size: 30px;
  }

  li {
    font-size: 18px;
  }

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

  .body-18px {
    font-size: 16px;
  }

  .body-22px {
    font-size: 20px;
  }

  .wrapper-1160px.home-feature-spotlight-flex {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .wrapper-1160px.faq-flex {
    padding-bottom: 100px;
  }

  .wrapper-1160px.blog-details-summary-flex {
    width: 85%;
  }

  .wrapper-1160px.integration-hero-flex {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .wrapper-1160px.contact-answer-flex {
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.seach-result-flex {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .wrapper-1160px.why-choose-flex {
    padding-top: 120px;
  }

  .wrapper-1160px.reviews-customer-flex {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .wrapper-1160px.download-hero-flex {
    padding-bottom: 60px;
  }

  .wrapper-1160px.customer-flex-180px, .wrapper-1160px.creative-freedom-flex-180px {
    padding-top: 120px;
  }

  .wrapper-1160px.home-2-cta-section {
    padding-top: 40px;
    padding-left: 30px;
  }

  .wrapper-1160px.pricing-2-hero-flex {
    padding-top: 80px;
  }

  .wrapper-1160px.pricing-2-customer-flex {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    padding-top: 80px;
    padding-bottom: 140px;
  }

  .wrapper-1160px.different-blue-flex {
    padding-bottom: 120px;
  }

  .wrapper-1160px.faq-open-flex {
    padding-bottom: 50px;
  }

  .wrapper-1160px.pricing-3-hero-flex {
    padding-bottom: 100px;
  }

  .wrapper-1160px.pricing-plan-flex {
    margin-top: 0;
    padding-top: 100px;
  }

  .wrapper-1160px.about-2-hero-flex {
    padding-top: 100px;
  }

  .wrapper-1160px.about-2-creative-talent-flex {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-1160px.about-2-people-flex {
    padding-top: 120px;
    padding-bottom: 20px;
  }

  .wrapper-1160px.home-2-creative-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-bottom: 70px;
  }

  .wrapper-1160px.home-2-feature-flex {
    padding-top: 120px;
  }

  .wrapper-1160px.home-2-spotlight-flex {
    padding-top: 120px;
    padding-bottom: 220px;
  }

  .wrapper-1160px.about-2-discover-flex {
    padding-top: 50px;
    padding-bottom: 120px;
  }

  .wrapper {
    width: 90%;
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .wrapper.instruction-wrapper {
    width: 90%;
  }

  .reference-wrapper {
    width: 90%;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .reference-wrapper.updates {
    width: 90%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .body-22px-medium, .body-22px-bold {
    font-size: 20px;
  }

  .body-18px-medium, .body-18px-bold {
    font-size: 16px;
  }

  .blue-button.search-button, .blue-button.full-width {
    width: 100%;
  }

  .primary-blue-button.white {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .primary-blue-button.contact-phone {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .home-hero-wrapper {
    margin-bottom: 100px;
  }

  .home-hero-item.right-with-arrow {
    bottom: -5%;
    right: 5%;
  }

  .home-hero-item.chart {
    width: 45px;
    left: 5%;
  }

  .home-hero-item.pencil {
    width: 50px;
    left: -3%;
  }

  .home-hero-item.purple-profile {
    width: 45px;
  }

  .home-hero-item.bulb {
    width: 50px;
    bottom: 20%;
    right: -2%;
  }

  .home-logo-grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-feature-spotlight-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .home-hero-spotlight-wrapper:hover {
    transform: translate(-15px, -15px);
  }

  .discover-hero-item.about-2-item-1 {
    width: 220px;
    right: -10%;
  }

  .home-cta-hero-heading {
    font-size: 50px;
  }

  .home-cta-hero-image {
    object-position: 20% 50%;
  }

  .industry-expert-image-container, .app-integration-image-container {
    width: 100%;
  }

  .business-growth-number-wrap {
    max-width: 180px;
  }

  .business-growth-large-text {
    font-size: 40px;
  }

  .business-growth-normal-text {
    font-size: 16px;
  }

  .customer-slide {
    padding-left: 30px;
    padding-right: 30px;
  }

  .customer-slider-right-arrow {
    inset: 0% -5% 0% auto;
  }

  .customer-slider-right-arrow.position-at-the-end {
    right: -20px;
  }

  .home-integration-blue-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h-m-blue-item-heading-22px {
    font-size: 18px;
  }

  .h-m-blue-para-16px {
    margin-top: 5px;
  }

  .hm-dark-blue-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 20px;
  }

  .hm-dark-blue-para {
    font-size: 28px;
    line-height: 100%;
  }

  .hm-yellow-hero-item {
    padding-top: 130px;
  }

  .hm-yellow-item-hero-image {
    width: 200px;
    top: -20%;
  }

  .hm-grey-hero-item {
    padding: 40px 30px 30px;
  }

  .hm-grey-hero-item-pointer {
    font-size: 16px;
    line-height: 165%;
  }

  .footer-banner {
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer-right-grid {
    grid-column-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .menu-button {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-link-button-wrapper {
    display: none;
  }

  .creative-talent-office-heading {
    font-size: 22px;
  }

  .creative-talent-office-para {
    font-size: 16px;
  }

  .about-team-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .about-hero-bottom-container {
    flex-direction: column;
  }

  .about-numbers-grid {
    grid-column-gap: 60px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr;
  }

  .best-people-traits-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .best-people-traits-icon-wrap {
    border-bottom: 1px solid var(--dark);
    border-right-width: 0;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .best-people-traits-para-text {
    margin-left: 20px;
    margin-right: 20px;
  }

  .about-ventures-tabs-menu {
    justify-content: center;
  }

  .about-ventures-tab-text-wrap {
    width: 90%;
    margin-top: 40px;
    margin-bottom: 50px;
  }

  .about-ventures-tab-para {
    font-size: 24px;
  }

  .faq-answer-wrap {
    padding-left: 20px;
    padding-right: 30px;
  }

  .faq-question-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-question {
    font-size: 22px;
  }

  .price-grid-text {
    font-size: 18px;
  }

  .pricing-row-contain {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .pricing-hero-grid {
    grid-template-columns: 1fr;
    place-items: center;
    margin-top: 80px;
  }

  .pricing-grid-item-heading {
    font-size: 30px;
  }

  .pricing-grid-item-price {
    font-size: 50px;
  }

  .custom-pricing-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .custom-pricing-sub-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .custom-pricing-heading-large {
    margin-bottom: 50px;
    font-size: 45px;
  }

  .pricing-testimonial-yellow-box, .pricing-testimonial-purple-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-testimonial-para, .pricing-testimonial-sign-up-rate {
    font-size: 20px;
  }

  .pricing-testimonial-bold-text {
    font-size: 28px;
  }

  .pricing-testimonial-organic-text {
    font-size: 20px;
  }

  .blog-hero-item-text-wrapper {
    margin-top: -100px;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .blog-hero-item-tag {
    font-size: 15px;
  }

  .blog-hero-item-hero-image {
    max-height: 350px;
  }

  .blog-slider-text-item {
    margin-top: -100px;
    padding: 30px 30px 25px;
  }

  .blog-details-hero-section {
    padding-top: 300px;
  }

  .blog-details-hero-text-container {
    width: 85%;
    padding: 40px 30px 35px;
  }

  .blog-details-hero-heading {
    margin-bottom: 35px;
    font-size: 40px;
  }

  .rich-text p {
    font-size: 18px;
  }

  .rich-text h4 {
    font-size: 30px;
  }

  .rich-text img {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .rich-text blockquote {
    font-size: 20px;
  }

  .blog-details-cta-text {
    font-size: 18px;
  }

  .blog-details-author-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-details-autho-para {
    font-size: 18px;
  }

  .blog-details-author-tag {
    font-size: 14px;
  }

  .blog-details-author-name {
    font-size: 22px;
  }

  .blog-details-author-item {
    width: 80px;
    height: 80px;
  }

  .blog-details-author-profile-item {
    width: 45px;
    height: 45px;
  }

  .blog-details-author-profile-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 310px;
    top: -40px;
  }

  .integration-hero-text-wrapper {
    width: 90%;
  }

  .search-container {
    background-color: #0000;
    flex-direction: column;
    width: 90%;
    padding: 0;
  }

  .search-input {
    background-color: var(--white-smoke-search);
    border-radius: 100px;
    height: 60px;
    margin-bottom: 10px;
  }

  .integration-hero-card-container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
  }

  .integration-hero-card-sub-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
  }

  .integration-hero-card-name, .request-integration-heading {
    font-size: 30px;
  }

  .integration-hero-item._1 {
    top: -50px;
  }

  .integration-hero-item._2 {
    inset: auto auto 121px 0%;
  }

  .integration-hero-item._3 {
    bottom: -50px;
    left: 5%;
  }

  .integration-hero-item._4 {
    top: -64px;
    right: 50%;
  }

  .integration-hero-item._5 {
    inset: auto 0% 120px auto;
  }

  .integration-hero-item._6 {
    bottom: -60px;
  }

  .integration-3-card-container.left {
    left: -5%;
  }

  .integration-3-card-container.right {
    right: -5%;
  }

  .contact-form-block {
    padding-left: 35px;
    padding-right: 35px;
  }

  .contact-answer-section {
    margin-bottom: 89px;
  }

  .contact-answer-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .contact-answer-upper-container {
    text-align: center;
  }

  .blue-background-small {
    width: 250px;
  }

  .log-in-form-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .log-in-blue-small-ng {
    width: 250px;
  }

  ._404-image-container {
    width: 80%;
  }

  .feature-roi-hero-item {
    margin-right: 12px;
    padding: 10px 16px;
  }

  .feature-roi-hero-item-icon {
    width: 24px;
    height: 24px;
  }

  .feature-roi-hero-item-text {
    font-size: 16px;
  }

  .feature-sub-hero-image {
    width: 50%;
    right: -5%;
  }

  .feature-sub-hero-train-section {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .customer-first-yellow-container {
    margin-bottom: 37px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .customer-first-image-container {
    width: 100%;
  }

  .customer-first-blue-container {
    padding-top: 200px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .customer-first-blue-hero-image {
    width: 55%;
    left: 20px;
  }

  .cf-blue-pointer-container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .cf-blue-container-text {
    font-size: 16px;
  }

  .creative-freedom-image-container {
    width: 100%;
  }

  .feature-spotlight-item-wrapper {
    grid-column-gap: 20px;
    padding: 40px 25px;
  }

  .collection-list-pricing {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .pricing-plan-points p, .pricing-plan-points h6 {
    margin-bottom: 12px;
  }

  .blue-text-span-16px {
    margin-bottom: 8px;
  }

  .update-paragraph {
    font-size: 18px;
  }

  .instruction-heading-2 {
    margin-bottom: 40px;
    font-size: 40px;
  }

  .text-variant-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .styles-heading {
    font-size: 40px;
  }

  .licensing-tag-subtext-2 {
    text-align: left;
  }

  .licensing-heading-2 {
    font-size: 40px;
  }

  .licensing-icon-grid {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .font-title-heading {
    font-size: 45px;
  }

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

  .price-points-rich-text p {
    font-size: 18px;
  }

  .plan-wrapper {
    width: 90%;
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .product-box-wrap {
    padding: 30px;
  }

  .buynow-button, .add-to-cart {
    padding-left: 25px;
    padding-right: 25px;
  }

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

  .integration-template-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .search {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .home-3-user-2 {
    width: 60px;
  }

  .home-3-user-1 {
    width: 50px;
  }

  .home-3-hero-item-2 {
    left: -10px;
  }

  .home-3-hero-highlight {
    width: 45px;
    bottom: -30px;
    right: 0;
  }

  .home-3-hero-item-1 {
    top: 140px;
  }

  .home-3-number-item-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-3-feature-item-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .integration-details-text-container {
    width: 85%;
    padding-top: 40px;
  }

  .integration-type {
    font-size: 15px;
  }

  .integration-top-wrapper {
    width: 90%;
  }

  .integration-name {
    font-size: 50px;
  }

  .career-details-text-container {
    width: 85%;
  }

  .home-3-analysis-numbers-flex {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .home-3-analysis-absolute-img {
    width: 50%;
    bottom: 80px;
  }

  .home-3-analysis-chart-img {
    width: 40px;
    right: 0;
  }

  .why-choose-hero-item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .why-choose-pointer-text {
    background-size: 30px;
    padding-left: 40px;
  }

  .why-choose-highlight-icon {
    width: 35px;
    top: 40px;
    left: -25px;
  }

  .home-3-integration-cl {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .home-3-integration-item {
    margin-left: auto;
    margin-right: auto;
  }

  .customer-slide-upper-wrapper {
    padding-bottom: 20px;
  }

  .home-3-customer-slide-logo {
    width: 150px;
  }

  .home-3-customer-para {
    font-size: 26px;
  }

  .home-3-contact-blue-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .home-3-contact-blue-heading {
    font-size: 35px;
  }

  .home-3-contact-blue-para {
    font-size: 16px;
  }

  .home-3-contact-yellow-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .home-3-contact-dark-blue-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 35px 30px;
  }

  .home-3-contact-badge-icon {
    width: 48px;
  }

  .home-3-contact-text-32px {
    font-size: 28px;
  }

  .home-3-cta-hero-item-1 {
    width: 160px;
  }

  .home-3-cta-form {
    flex-direction: column;
  }

  .home-3-contact-blue-icon {
    margin-bottom: 20px;
  }

  .reviews-hero-heading {
    font-size: 50px;
  }

  .reviews-hero-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .reviews-testimonial-item {
    padding: 20px;
  }

  .reviews-testimonial-item-para {
    font-size: 18px;
  }

  .customer-reviews-hero-item {
    padding-left: 30px;
    padding-right: 30px;
  }

  .faq-card-question-container {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .faq-card-question {
    font-size: 20px;
  }

  .faq-card-answer-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-card-content {
    padding-bottom: 28px;
    font-size: 16px;
  }

  .download-hero-heading {
    font-size: 40px;
  }

  .download-hero-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .different-hero-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .different-hero-item-icon {
    width: 80px;
    height: 80px;
  }

  .different-hero-item-para {
    font-size: 16px;
  }

  .demo-hero-heading {
    font-size: 40px;
  }

  .venture-bottom-left-container {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .venture-company-logo-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .venture-king-crown-image {
    width: 90px;
  }

  .venture-path-image {
    width: 35%;
  }

  .logo-train-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 210px;
    margin-right: 20px;
  }

  .logo-train-item-image {
    max-width: 180px;
  }

  .logo-train-banner-section {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .demo-hero-logo-grid {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
  }

  .careers-hero-image-container, .careers-hero-sub-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .careers-opening-card-item {
    padding: 26px 20px;
  }

  .careers-opening-card-heading {
    margin-bottom: 6px;
    font-size: 22px;
  }

  .career-opening-card-text-16px {
    font-size: 16px;
  }

  .home-2-cta-sub-text-wrapper {
    margin-bottom: 100px;
  }

  .pricing-2-hero-text-wrapper {
    width: 90%;
  }

  .pricing-2-tabs-menu {
    max-width: 312px;
  }

  .pricing-2-tab-link {
    padding: 15px 40px;
  }

  .pricing-2-top-wrapper {
    flex-direction: column;
    padding: 40px 30px;
  }

  .pricing-2-middle-wrapper {
    padding: 30px;
  }

  .pricing-2-bottom-wrapper {
    flex-direction: column;
    padding: 40px 30px;
  }

  .pricing-2-pointer-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .pricing-2-pointer-text {
    font-size: 16px;
  }

  .pricing-2-price-text {
    font-size: 65px;
  }

  .pricing-2-price-text-small {
    font-size: 30px;
  }

  .pricing-2-price-text-wrapper {
    align-items: center;
  }

  .customer-slide-wrapper-v2 {
    padding: 50px 30px;
  }

  .customer-slide-left-container {
    flex-direction: column;
    align-items: center;
  }

  .customer-slide-numbers-item {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 300px;
    display: flex;
  }

  .customer-slide-heading-number {
    margin-bottom: 0;
    line-height: 100%;
  }

  .customer-slide-para-small-text {
    font-size: 20px;
  }

  .customer-slide-testimonial-text {
    font-size: 26px;
  }

  .customer-slide-brand-logo {
    max-width: 150px;
  }

  .customer-slider-left-arrow-v2 {
    inset: auto auto -120px 0%;
  }

  .customer-slider-right-arrow-v2 {
    inset: auto auto -120px 70px;
  }

  .discount-offer-img {
    top: -75px;
  }

  .different-blue-item-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    align-items: center;
  }

  .different-blue-item-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .about-yellow-item-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .about-3-hero-text-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .about-3-hero-item-1 {
    margin-top: 40px;
  }

  .about-benefit-para-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-benefit-item-icon {
    width: 60px;
    height: 60px;
  }

  .about-benefit-item-heading {
    margin-bottom: 10px;
    font-size: 40px;
  }

  .about-benefit-item-para {
    font-size: 20px;
  }

  .about-benefit-item-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .about-hero-star-icon {
    width: 70px;
    height: 73px;
    top: 80px;
  }

  .about-hero-arrow-image {
    width: 35%;
    bottom: 120px;
    left: 0%;
  }

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

  .faq-open-question-text {
    font-size: 20px;
  }

  .faq-open-answer-text {
    font-size: 16px;
  }

  .pricing-table-top-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 20px 25px;
  }

  .pricing-table-bottom-wrap {
    padding-left: 25px;
    padding-right: 25px;
  }

  .pricing-table-top-text {
    font-size: 22px;
  }

  .pricing-table-hero-wrapper {
    padding-bottom: 40px;
  }

  .pricing-table-item.plan-feature-item {
    min-width: 210px;
  }

  .pricing-table-grid.plan-feature-grid {
    overflow: scroll;
  }

  .pricing-table-heading-item {
    width: 100%;
  }

  .pricing-table-text-20px {
    font-size: 18px;
  }

  .pricing-table-top-special {
    padding: 20px 25px;
  }

  .pricing-table-bottom-special {
    padding-left: 25px;
    padding-right: 25px;
  }

  .pricing-plan-subtext {
    font-size: 20px;
  }

  .pricing-plan-link-text {
    margin-top: 16px;
    font-size: 20px;
  }

  .toggle-text {
    font-size: 22px;
  }

  .toggle-save-container {
    inset: auto auto -50px;
  }

  .pricing-plan-grid {
    width: 100%;
  }

  .pricing-plan-grid-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-plan-top-wrapper {
    align-items: center;
  }

  .pricing-plan-bottom-wrapper.heading-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    display: flex;
    overflow: scroll;
  }

  .pricing-plan-hero-icon {
    width: 70px;
    height: 70px;
  }

  .pricing-plan-hero-text {
    font-size: 50px;
  }

  .pricing-plan-user-text {
    margin-bottom: 20px;
  }

  .pricing-plan-item.heading-wrapper-left {
    flex: none;
    width: auto;
  }

  .pricing-plan-hero-text-20px {
    font-size: 18px;
    line-height: 24px;
  }

  .pricing-plan-heading-wrapper {
    width: 100%;
  }

  .pricing-plan-heading-item {
    margin-top: 0;
  }

  .pricing-plan-upper-wrapper {
    flex-direction: column;
  }

  .pricing-3-hero-heading {
    margin-bottom: 24px;
  }

  .about-2-team-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .about-2-team-grid-item-image {
    margin-bottom: 24px;
  }

  .creative-talent-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .about-2-different-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .about-2-different-item-image, .about-2-different-item-heading {
    margin-bottom: 20px;
  }

  .about-2-people-outer-container, .about-2-people-left-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-2-container-right-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .about-2-people-image-flex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-2-hero-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 40px 30px;
  }

  .about-2-hero-item-icon {
    width: 70px;
    height: 70px;
  }

  .about-2-hero-item-subtext {
    font-size: 16px;
  }

  .about-2-arrow-icon {
    max-width: 60px;
    top: 360px;
  }

  .about-2-star-icon {
    max-width: 60px;
  }

  .home-2-integration-section {
    padding-top: 70px;
    padding-bottom: 50px;
  }

  .home-2-analysis-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .home-2-analysis-item {
    max-width: 300px;
  }

  .home-2-spotlight-bottom-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .home-2-hero-image-wrapper {
    width: 90%;
  }

  .home-2-image-absolute-1 {
    width: 220px;
    bottom: -80px;
    left: -5%;
  }

  .home-2-image-absolute-2 {
    width: 150px;
    right: 0%;
  }

  .home-2-hero-pencil {
    width: 60px;
    height: 60px;
  }

  .home-2-user-image-1 {
    width: 50px;
    height: 50px;
  }

  .home-2-user-image-2 {
    width: 60px;
    height: 60px;
    left: -5%;
  }

  .home-2-highlight-image {
    width: 45px;
    height: 45px;
    bottom: -35px;
    right: -10px;
  }

  .home-2-stat-icon {
    width: 70px;
    height: 70px;
    right: 25%;
  }

  .home-2-integration-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-right: 20px;
    padding-right: 30px;
    font-size: 22px;
  }

  .home-2-integration-item-icon {
    width: 56px;
    height: 56px;
  }

  .integration-item-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-2-result-dark-blue-item {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .home-2-result-blue-item {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 80px;
  }

  .home-2-result-blue-item-icon-img {
    top: 30%;
    right: 0%;
  }

  .all-stories-item-text-wrapper {
    padding: 30px 25px 38px;
  }

  .all-stories-logo-image {
    width: 180px;
    max-width: 180px;
    height: auto;
    bottom: 16px;
    left: 16px;
  }

  .all-stories-item-heading {
    font-size: 28px;
  }

  .customer-stories-hero-text-wrap {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .customer-story-profile-item.bottom {
    margin-bottom: 100px;
  }

  .customer-story-hero-star-icon {
    width: 65px;
    height: 70px;
  }

  .customer-story-hero-arrow {
    width: 160px;
    bottom: 200px;
    left: 0%;
  }

  .hero-cms-company-logo {
    max-width: 200px;
  }

  .cs-hero-heading {
    font-size: 45px;
  }

  .rich-text-main-heading {
    font-size: 32px;
  }

  .overview-hero-heading {
    font-size: 40px;
  }

  .overview-button-wrapper {
    flex-direction: column;
  }

  .overview-train-item {
    max-width: 340px;
    margin-right: 25px;
  }

  .overview-train-item-container {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .overview-content-block-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .overview-page-item-text-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .overview-page-item-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .overview-page-item-grid.company-pages {
    grid-template-rows: auto auto auto auto auto auto;
  }

  .overview-page-item-grid.cms-pages {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .overview-page-item-grid.additional-pages {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .buttons-container.in-menu {
    padding-left: 14px;
  }

  .visual-features-items-container {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .visual-features-items-container.nav.pages {
    grid-template-columns: 1fr;
  }

  .dropdown-toggle {
    margin-left: 14px;
  }

  .dropdown-list.w--open {
    width: 90%;
  }

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

  .dropdown-link-2 {
    padding: 10px;
  }

  .dropdown-card {
    max-height: 50vh;
    overflow: auto;
  }

  .banner-container {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .different-hero-item-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .best-people-traits-icon-wrap-2 {
    border-bottom: 1px solid #050038;
    border-right-width: 0;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .best-people-traits-item-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .h2-heading-58px-3 {
    margin-top: -70px;
  }

  .grid-three-column {
    grid-template-columns: 1fr;
  }

  .section-regular {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .wrap-v-regular.align-center {
    margin-top: 29px;
  }

  .h2-heading {
    font-size: 44px;
  }

  .h1-heading {
    font-size: 24px;
  }

  .content-features-bottom {
    grid-template-columns: 1.5fr;
  }

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

  .section-regular-2 {
    margin-top: -157px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading-2 {
    font-size: 44px;
  }

  .grid-three-column-2 {
    grid-template-columns: 1fr;
  }

  .section-regular-3 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading-3 {
    font-size: 44px;
  }

  .grid-two-column {
    grid-template-columns: 1fr;
  }

  .section-regular-4 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h3-heading {
    font-size: 40px;
  }

  .h2-heading-4 {
    font-size: 44px;
  }

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

  .section-regular-5 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .header-title-wrapper {
    margin-top: -61px;
  }

  .header-section {
    margin-bottom: -128px;
    padding-top: 72px;
  }

  .h1-heading-2 {
    font-size: 24px;
  }

  .h2-heading-5 {
    font-size: 44px;
  }

  .cta-card {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-regular-6 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-3 {
    font-size: 48px;
  }

  .section-regular-7 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-3 {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column-reverse;
  }

  .section-regular-9 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .footer-newsletter {
    padding: 40px 32px;
  }

  .section-large {
    margin-top: -199px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .cta-block {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section-regular-10 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .testimonial-header {
    padding-bottom: 0;
  }

  .h1-heading-4 {
    font-size: 24px;
  }

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

  .section-regular-11 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-5, .h1-heading-6 {
    font-size: 24px;
  }

  .grid-three-column-4 {
    grid-template-columns: 1fr;
  }

  .section-regular-12 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h3-heading-2 {
    font-size: 24px;
  }

  .paragraph-x-large-3 {
    font-size: 18px;
  }

  .background-dots {
    pointer-events: none;
  }

  .section-regular-13 {
    margin-top: -126px;
  }

  .content-bento-bottom, .content-bento-top {
    grid-template-columns: 1fr;
  }

  .section-large-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-5 {
    grid-template-columns: 1fr;
  }

  .feature-tab-menu {
    flex-flow: wrap;
    justify-content: center;
    min-width: auto;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .h1-heading-7 {
    font-size: 48px;
  }

  .section-regular-14 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .feature-tabs {
    flex-direction: column;
  }

  .feature-tab-link {
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 16px 32px;
  }

  .content-title-wrapper {
    margin-top: 51px;
  }

  .section-large-5 {
    padding-top: 72px;
    padding-bottom: 72px;
    overflow: hidden;
  }

  .h2-heading-10 {
    font-size: 40px;
  }

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

  .code-background {
    left: -20%;
  }

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

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

  .content-feature-row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .integration-tab-menu {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .h1-heading-8 {
    font-size: 48px;
  }

  .integration-tabs {
    grid-template-columns: 1fr;
  }

  .section-large-7 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-6 {
    grid-template-columns: 1fr;
  }

  .h2-heading-13 {
    font-size: 48px;
  }

  .section-large-8 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-7 {
    grid-template-columns: 1fr;
  }

  .section-regular-16, .section-large-9 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-8 {
    grid-template-columns: 1fr;
  }

  .h3-heading-3 {
    font-size: 36px;
  }

  .section-regular-18, .section-large-10, .section-regular-19, .section-regular-20, .section-large-11 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-9 {
    font-size: 48px;
  }

  .section-regular-21 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-10, .h2-heading-17 {
    font-size: 48px;
  }

  .section-large-14, .section-regular-23, .section-large-15, .section-regular-24 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-11 {
    font-size: 24px;
  }

  .section-regular-25, .section-regular-26, .section-large-17 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-large-17.background-secondary {
    margin-top: 0;
  }

  .section-regular-28, .section-large-18, .section-regular-29 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .previous-placeholder {
    z-index: 6;
    position: fixed;
  }

  .step-banner {
    padding-top: 72px;
  }

  .next-placeholder {
    z-index: 6;
    position: fixed;
  }

  .step-content-wrapper {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .step-form-content {
    width: 100%;
    min-width: auto;
  }

  .contact-divider {
    display: none;
  }

  .section-large-19.background-brand {
    margin-top: -146px;
  }

  .section-regular-30 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .testimonial-logo-group {
    grid-column-gap: 64px;
  }

  .h5-heading-7 {
    font-size: 28px;
  }

  .h3-heading-4 {
    font-size: 36px;
  }

  .testimonial-grid-2 {
    grid-template-columns: 1fr;
  }

  .container-regular-17 {
    margin-top: -47px;
  }

  .section-regular-31 {
    margin-top: -92px;
  }

  .container-small-8 {
    margin-top: -114px;
  }

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

  .feature-tabs-stack {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 46px;
  }

  .h4-heading-11 {
    font-size: 28px;
  }

  .container-regular-18 {
    margin-top: -226px;
  }

  .grid-three-column-9 {
    grid-template-columns: 1fr;
  }

  .section-regular-36 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h3-heading-5 {
    font-size: 36px;
  }

  .h4-heading-13 {
    font-size: 32px;
  }

  .section-regular-37 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h3-heading-6 {
    font-size: 36px;
  }

  .h4-heading-14 {
    font-size: 32px;
  }

  .h1-heading-14 {
    font-size: 24px;
  }

  .header-section-2 {
    padding-top: 72px;
  }

  .subheading-x-small, .paragraph-x-small-6 {
    margin-right: 8px;
    display: inline;
  }

  .h3-heading-7 {
    font-size: 40px;
  }

  .grid-three-column-10, .grid-two-column-4 {
    grid-template-columns: 1fr;
  }

  .section-regular-39 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

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

  .h2-heading-25 {
    font-size: 44px;
  }

  .document-grid-s {
    grid-template-columns: 1fr;
  }

  .document-navigation {
    padding-left: 0;
    padding-right: 0;
  }

  .button-secondary-square {
    max-width: 100%;
  }

  .document-badge {
    display: none;
  }

  .menu-right {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .changelog-search-b {
    max-width: none;
  }

  .changelog-milestone-block {
    display: none;
  }

  .changelog-timeline-row {
    grid-column-gap: 8px;
    grid-template-columns: 1fr;
  }

  .section-regular-40 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading-26 {
    font-size: 44px;
  }

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

  .cta-bg-lines {
    display: none;
  }

  .section-blue {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h2-heading-27 {
    font-size: 44px;
  }

  .h1-heading-15 {
    font-size: 24px;
  }

  .section-regular-41 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-11 {
    grid-template-columns: 1fr;
  }

  .bold-text-5 {
    font-size: 24px;
  }

  .container-large-27 {
    margin-top: -67px;
  }

  .h1-heading-16 {
    font-size: 48px;
  }

  .grid-two-column-5 {
    grid-template-columns: 1fr;
  }

  .section-regular-42 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .header-section-s {
    padding-top: 72px;
  }

  .h1-heading-17 {
    font-size: 24px;
  }

  .grid-three-column-12 {
    grid-template-columns: 1fr;
  }

  .container-regular-24 {
    margin-top: -55px;
  }

  .section-large-21 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .feature-grid-3 {
    grid-template-columns: 1fr;
    margin-top: -75px;
  }

  .container-small-10 {
    margin-top: -156px;
  }

  .section-regular-43 {
    margin-top: -71px;
  }

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

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

  .text-block-3 {
    margin-top: 12px;
  }

  .section-regular-44 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .career-information {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .h1-heading-18 {
    font-size: 28px;
  }

  .section-regular-45 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h4-heading-19, .h1-heading-19 {
    font-size: 28px;
  }

  .form-card-outline, .form-column-small, .form-column {
    max-width: none;
  }

  .h2-heading-30 {
    font-size: 40px;
  }

  .course-description {
    margin-bottom: 79px;
  }

  .section-regular-47 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-13 {
    grid-template-columns: 1fr;
  }

  .h1-heading-20, .h1-heading-21 {
    font-size: 24px;
  }

  .section-header {
    background-size: auto;
    padding-top: 72px;
  }

  .h5-heading-9 {
    font-size: 28px;
  }

  .h2-heading-31 {
    font-size: 24px;
  }

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

  .process-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: .25fr 1fr;
  }

  .section-regular-49 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h1-heading-22 {
    font-size: 24px;
  }

  .section-regular-50 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h3-heading-9 {
    font-size: 24px;
  }

  .process-grid-three {
    grid-template-columns: 1fr;
  }

  .h1-heading-23 {
    font-size: 24px;
  }

  .process-count {
    margin-left: 0;
  }

  .process-details {
    padding-top: 0;
  }

  .process-image-right {
    width: 100%;
  }

  .section-regular-51 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .process-grid-item-large {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: .25fr 1.75fr;
  }

  .h3-heading-10 {
    font-size: 24px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 24px;
  }

  h6 {
    font-size: 22px;
  }

  p {
    font-size: 18px;
  }

  li {
    font-size: 16px;
  }

  .style-guide-content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 10px;
  }

  .style-guide-main {
    padding-left: 0;
    padding-right: 0;
  }

  .style-guide-link {
    grid-template-columns: 1fr;
  }

  .body-16px {
    font-size: 14px;
  }

  .body-22px {
    font-size: 18px;
  }

  .style-guide-titles {
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 120%;
  }

  .wrapper-1160px {
    width: 90%;
  }

  .wrapper-1160px.home-logo-flex {
    text-align: center;
  }

  .wrapper-1160px.home-feature-spotlight-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.home-discover-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.industry-expert-flex {
    padding-bottom: 100px;
  }

  .wrapper-1160px.business-growth-flex {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .wrapper-1160px.best-people-flex, .wrapper-1160px.about-venture-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.faq-flex, .wrapper-1160px.comparision-table-flex {
    padding-top: 0;
  }

  .wrapper-1160px.latest-blogs-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.blog-hero-flex {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.integration-hero-flex {
    margin-top: -40px;
  }

  .wrapper-1160px.contact-hero-flex {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .wrapper-1160px._404-hero-flex {
    padding-top: 60px;
  }

  .wrapper-1160px.home-3-hero-flex {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
    padding-top: 60px;
  }

  .wrapper-1160px.home-3-feature-flex {
    padding-top: 100px;
  }

  .wrapper-1160px.home-3-data-analysis-flex {
    padding-top: 60px;
  }

  .wrapper-1160px.why-choose-flex {
    padding-top: 100px;
  }

  .wrapper-1160px.home-3-customer-flex {
    padding-top: 60px;
  }

  .wrapper-1160px.home-3-contact-flex {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .wrapper-1160px.reviews-hero-flex {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.reviews-customer-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.download-hero-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 80px;
    padding-bottom: 0;
  }

  .wrapper-1160px.venture-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.customer-flex-180px, .wrapper-1160px.creative-freedom-flex-180px {
    padding-top: 100px;
  }

  .wrapper-1160px.careers-hero-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.careers-opening-flex {
    padding-top: 0;
    padding-bottom: 0;
  }

  .wrapper-1160px.home-2-cta-section {
    border-radius: 12px;
    padding-left: 15px;
  }

  .wrapper-1160px.pricing-2-hero-flex {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    padding-top: 60px;
  }

  .wrapper-1160px.pricing-2-customer-flex {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.different-blue-flex {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.team-yellow-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.faq-open-flex {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .wrapper-1160px.pricing-table-flex {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
  }

  .wrapper-1160px.pricing-3-hero-flex {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .wrapper-1160px.about-2-hero-flex {
    padding-bottom: 80px;
  }

  .wrapper-1160px.about-2-creative-talent-flex {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .wrapper-1160px.about-2-different-flex {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-1160px.about-2-people-flex {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .wrapper-1160px.about-2-team-flex {
    padding-top: 100px;
  }

  .wrapper-1160px.home-2-creative-flex {
    padding-top: 20px;
    padding-bottom: 50px;
  }

  .wrapper-1160px.home-2-analysis-flex {
    padding-top: 50px;
  }

  .wrapper-1160px.home-2-feature-flex {
    padding-top: 100px;
  }

  .wrapper-1160px.home-2-spotlight-flex {
    padding-top: 100px;
    padding-bottom: 200px;
  }

  .wrapper-1160px.home-2-hero-flex {
    padding-bottom: 150px;
  }

  .wrapper-1160px.home-2-result-flex {
    margin-top: -33px;
  }

  .wrapper-1160px.about-2-discover-flex {
    padding-top: 20px;
    padding-bottom: 100px;
  }

  .wrapper-1160px.cs-hero-cms-flex {
    padding-top: 80px;
  }

  .wrapper-1160px.overview-spotlight-flex {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .update-text {
    font-size: 32px;
  }

  .reference-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .reference-wrapper.updates {
    padding: 20px;
  }

  .body-22px-medium, .body-22px-bold {
    font-size: 18px;
  }

  .blue-button {
    padding: 12px 30px;
    font-size: 18px;
  }

  .blue-button.newsletter-button {
    width: 100%;
  }

  .blue-button.integration-button {
    font-size: 16px;
  }

  .nav-button {
    padding: 8px 15px;
    font-size: 14px;
  }

  .nav-button.hide {
    display: none;
  }

  .nav-button.in-menu {
    padding: 15px 25px;
    font-size: 16px;
    display: block;
  }

  .primary-blue-button {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .primary-blue-button.phone {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .primary-blue-button.white, .primary-blue-button.contact-phone {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .primary-button-icon-wrapper {
    width: 45px;
    height: 45px;
  }

  .purple-text-span {
    border-radius: 8px;
  }

  .no-credit-card-text {
    font-size: 16px;
  }

  .navbar-button-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .round-hero-brand {
    width: 120px;
  }

  .home-hero-item.right-with-arrow {
    bottom: -16%;
    right: 0%;
  }

  .home-hero-item.chart {
    bottom: 100px;
    left: -3%;
  }

  .home-hero-item.pencil {
    top: -13%;
  }

  .home-hero-item.purple-profile {
    bottom: -8%;
  }

  .home-hero-item.bulb {
    width: 45px;
    bottom: 100px;
    right: -3%;
  }

  .home-hero-item.red-profile {
    top: -10%;
  }

  .home-logo-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    display: flex;
  }

  .home-logo-hero-item {
    width: 47%;
  }

  .red-text-span {
    border-radius: 8px;
  }

  .home-hero-spotlight-wrapper {
    padding: 40px 15px;
  }

  .home-hero-spotlight-wrapper:hover {
    transform: translate(-10px, -10px);
  }

  .home-hero-spotlight-heading {
    margin-bottom: 10px;
    font-size: 30px;
  }

  .home-hero-spotlight-para {
    font-size: 16px;
  }

  .home-discover-image-container {
    width: 95%;
  }

  .discover-hero-item._1 {
    left: -5%;
  }

  .discover-hero-item._2 {
    right: -5%;
  }

  .discover-hero-item.about-2-item-2 {
    bottom: -20px;
    left: -5%;
  }

  .discover-hero-item.about-2-item-1 {
    width: 150px;
    top: 40px;
    right: -8%;
  }

  .discover-pointer-heading {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .discover-pointer-sub-para {
    font-size: 16px;
  }

  .home-cta-hero-heading {
    font-size: 35px;
  }

  .h2-heading-58px {
    font-size: 20px;
  }

  .industry-expert-button-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .business-growth-numbers-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .business-growth-number-wrap {
    max-width: none;
  }

  .customer-slide {
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .customer-slide-para, .customer-slide-sign-up-rate {
    font-size: 20px;
  }

  .customer-slider-left-arrow {
    inset: auto auto -80px 30%;
  }

  .customer-slider-bold-text {
    font-size: 25px;
  }

  .customer-slide-organic-traffic {
    font-size: 20px;
  }

  .customer-slide-logo-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .customer-slider-right-arrow, .customer-slider-right-arrow.position-at-the-end {
    inset: auto 30% -80px auto;
  }

  .hm-container-blue-item {
    flex-direction: column;
    margin-top: -28px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hm-container-blue-item.right {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: flex-start;
  }

  .hm-container-blue-item.home-3-contact-yellow-box, .hm-container-blue-item.home-3-contact-yellow-border {
    width: 95%;
  }

  .home-integration-blue-container {
    padding: 40px 15px;
  }

  .h-m-blue-item-heading-22px {
    font-size: 18px;
    line-height: 120%;
  }

  .h-m-blue-para-16px {
    font-size: 14px;
  }

  .hm-dark-blue-item {
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hm-dark-blue-hero-icon {
    width: 40px;
    height: 40px;
  }

  .hm-dark-blue-para {
    font-size: 20px;
  }

  .hm-yellow-hero-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .hm-yellow-hero-item-para {
    font-size: 16px;
  }

  .hm-yellow-hero-item-heading {
    font-size: 28px;
    line-height: 100%;
  }

  .hm-yellow-item-hero-image {
    width: 200px;
    top: -50px;
    left: 20px;
  }

  .hm-grey-hero-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .hm-grey-hero-item-pointer {
    background-position: 0 3px;
    font-size: 16px;
  }

  .hm-grey-pointer-container {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .footer-banner {
    grid-row-gap: 10px;
    flex-direction: column;
    padding-left: 4px;
    padding-right: 4px;
  }

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

  .footer-right-grid {
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .menu-button {
    padding: 5px 8px;
  }

  .nav-link-button-wrapper {
    font-size: 14px;
  }

  .creative-talent-office-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-hero-upper-img-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .about-numbers-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .about-numbers-item-heading {
    margin-bottom: 10px;
    font-size: 50px;
  }

  .about-numbers-item-tag-text {
    font-size: 16px;
  }

  .best-people-traits-item {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }

  .best-people-traits-icon-wrap {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .best-people-traits-para-text {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
  }

  .best-people-traits-hero-icon {
    width: 60px;
    height: 60px;
  }

  .about-ventures-funding-heading {
    margin-bottom: 10px;
    font-size: 50px;
  }

  .about-ventures-funding-tag-text {
    font-size: 16px;
  }

  .about-ventures-tab-para {
    font-size: 22px;
  }

  .faq-content {
    font-size: 16px;
  }

  .faq-answer-wrap, .faq-question-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .faq-question {
    font-size: 18px;
    line-height: 140%;
  }

  .price-grid-text {
    font-size: 16px;
  }

  .pricing-headings {
    font-size: 18px;
  }

  .pricing-headings.small {
    font-size: 16px;
  }

  .comparison-plan {
    max-width: 120px;
  }

  .price-checkmark {
    width: 25px;
  }

  .pricing-grid-item-upper {
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-grid-item-bottom {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-grid-item-heading {
    margin-bottom: 4px;
  }

  .pricing-grid-item-sub-heading {
    margin-bottom: 40px;
  }

  .custom-pricing-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .custom-pricing-sub-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .custom-pricing-heading-large {
    font-size: 40px;
  }

  .custom-pricing-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .customer-grid-pointer-container {
    padding-top: 20px;
  }

  .custom-pricing-icon-container {
    flex-direction: column;
  }

  .pricing-testimonial-yellow-box, .pricing-testimonial-purple-box {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-testimonial-para {
    font-size: 18px;
  }

  .pricing-testimonial-sign-up-rate {
    font-size: 20px;
  }

  .pricing-testimonial-bold-text {
    font-size: 28px;
  }

  .pricing-testimonial-organic-text {
    font-size: 20px;
  }

  .blog-hero-item-text-wrapper {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    margin-top: -10px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-hero-item-tag {
    margin-bottom: 6px;
    font-size: 14px;
  }

  .blog-hero-item-heading {
    font-size: 22px;
  }

  .blog-hero-item-author-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-hero-item-hero-image {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .blog-tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .blog-tab-link {
    padding: 12px 30px;
    font-size: 16px;
  }

  .newsletter-form-wrapper {
    background-color: #0000;
    border-radius: 8px;
    flex-direction: column;
  }

  .newsletter-text-field {
    height: 60px;
    margin-bottom: 10px;
  }

  .newsletter-blue-bg._1 {
    display: none;
  }

  .newsletter-blue-bg._2 {
    width: 180px;
  }

  .blog-slider-image-item {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .blog-slider-text-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    margin-top: -5px;
    padding: 20px;
  }

  .blog-slider-text-wrapper {
    margin-bottom: 60px;
  }

  .blog-details-hero-section {
    padding-top: 220px;
  }

  .blog-details-hero-text-container {
    padding: 30px 15px;
  }

  .blog-details-hero-heading {
    margin-bottom: 30px;
    font-size: 32px;
  }

  .blog-details-social-left-wrapper {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .rich-text {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .rich-text p {
    font-size: 16px;
  }

  .rich-text h4 {
    font-size: 28px;
  }

  .rich-text img {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .rich-text blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 30px 15px;
  }

  .blog-details-cta-text {
    font-size: 16px;
  }

  .blog-details-author-container {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-details-autho-para {
    font-size: 16px;
  }

  .blog-details-author-item {
    width: 60px;
    height: 60px;
  }

  .blog-details-author-profile-item {
    width: 40px;
    height: 40px;
  }

  .blog-details-author-profile-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    align-content: center;
    width: 100%;
    max-width: 300px;
    margin-bottom: 30px;
    position: relative;
    top: 0;
  }

  .utility-page-form {
    padding-left: 15px;
    padding-right: 15px;
  }

  .integration-hero-text-wrapper {
    width: 100%;
  }

  .integration-hero-card-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .integration-hero-card-image {
    width: 70px;
    height: 70px;
  }

  .integration-hero-card-sub-wrap {
    width: 100%;
  }

  .request-integration-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
  }

  .request-integration-heading {
    width: 100%;
    font-size: 24px;
  }

  .integration-hero-item._1 {
    width: 45px;
  }

  .integration-hero-item._2 {
    width: 60px;
  }

  .integration-hero-item._3 {
    width: 55px;
    bottom: -60px;
  }

  .integration-hero-item._5 {
    width: 50px;
  }

  .integration-hero-item._6 {
    width: 70px;
    bottom: -70px;
  }

  .office-location-container {
    width: 100%;
  }

  .contact-form-block {
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-text-field.name, .contact-text-field.email, .contact-text-field.subject {
    background-position: 10px;
    padding-left: 40px;
  }

  .contact-text-area {
    background-position: 10px 12px;
    padding-left: 40px;
  }

  .contact-success-message, .contact-error-message {
    font-size: 16px;
  }

  .contact-answer-section {
    margin-bottom: 40px;
  }

  .contact-answer-grid-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pass-recovery-heading {
    font-size: 26px;
  }

  .blue-background-small {
    width: 200px;
  }

  .log-in-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .log-in-heading {
    margin-bottom: 40px;
    font-size: 28px;
  }

  .log-in-blue-large-bg {
    width: 40%;
  }

  .log-in-blue-small-ng {
    width: 200px;
  }

  ._404-image-container {
    width: 100%;
  }

  ._404-heading {
    font-size: 100px;
  }

  ._404-sub-heading {
    font-size: 28px;
  }

  .feature-roi-hero-item {
    padding-left: 12px;
    padding-right: 12px;
  }

  .feature-hero-section {
    margin-top: -59px;
  }

  .feature-hero-heading {
    font-size: 20px;
  }

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

  .customer-first-section {
    margin-top: 30px;
  }

  .customer-first-yellow-container {
    margin-top: -73px;
  }

  .customer-first-pointer-text {
    font-size: 16px;
  }

  .customer-first-blue-container {
    padding-top: 160px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .customer-first-dark-blue-wrap {
    padding: 40px 20px;
  }

  .customer-first-dark-blue-icon {
    width: 60px;
    margin-bottom: 40px;
  }

  .cf-dark-blue-heading {
    margin-bottom: 12px;
    font-size: 28px;
  }

  .cf-dark-blue-para {
    font-size: 16px;
  }

  .cf-blue-pointer-icon {
    width: 24px;
    height: 24px;
  }

  .cf-blue-container-text {
    font-size: 15px;
  }

  .feature-spotlight-section {
    margin-top: -205px;
  }

  .feature-spotlight-item-wrapper {
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }

  .feature-spotlight-item-wrapper:hover {
    border-radius: 10px;
    transform: translate(-10px, -10px);
  }

  .block-header {
    padding-left: 10px;
    padding-right: 10px;
  }

  .ecom-pricing-heading {
    font-size: 40px;
  }

  .pricing-plan-points p, .pricing-plan-points h6 {
    margin-bottom: 8px;
  }

  .cart-button {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
  }

  .blue-text-span-16px {
    margin-bottom: 6px;
    font-size: 14px;
  }

  .update-paragraph {
    font-size: 16px;
  }

  .instruction-heading-2 {
    margin-bottom: 30px;
    font-size: 30px;
  }

  .text-variant-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 2fr;
  }

  .style-wrapper {
    width: 90%;
  }

  .typo-style-info-text {
    font-size: 16px;
    line-height: 20px;
  }

  .style-description {
    font-size: 16px;
  }

  .licencing-images-grid-2 {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .licensing-heading-2 {
    font-size: 35px;
  }

  .font-title-heading {
    border-radius: 10px;
    margin-top: 40px;
    padding: 15px 10px;
    font-size: 35px;
  }

  .licencing-image-item-2 {
    height: 200px;
  }

  .plan-detail-title {
    font-size: 30px;
    line-height: 40px;
  }

  .product-box-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .plan-detail-paragraph {
    font-size: 16px;
  }

  .buttons-contain {
    grid-template-columns: 1fr;
  }

  .plan-price {
    font-size: 30px;
  }

  .buynow-button, .add-to-cart {
    letter-spacing: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-product-text {
    font-size: 18px;
    line-height: 150%;
  }

  .colors-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .style-guide-titles-2 {
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 120%;
  }

  .contact-success-message-2 {
    font-size: 16px;
  }

  .home-3-user-2 {
    width: 50px;
    left: -14px;
  }

  .purple-text-span-2 {
    border-radius: 8px;
  }

  .home-3-hero-image {
    width: 95%;
  }

  .home-3-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: stretch;
  }

  .home-3-user-1 {
    width: 40px;
  }

  .contact-error-message-2 {
    font-size: 16px;
  }

  .home-3-hero-item-2 {
    width: 85%;
  }

  .home-3-hero-highlight {
    width: 35px;
    right: -20px;
  }

  .home-3-hero-item-1 {
    width: 45%;
    top: 60px;
  }

  .home-3-testimonial-star-wrapper {
    margin-bottom: 20px;
  }

  .home-3-testimonial-italic-text {
    font-size: 20px;
    line-height: 120%;
  }

  .home-3-testimonial-author-item {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 30px;
  }

  .home-3-number-subtext {
    font-size: 16px;
    line-height: 120%;
  }

  .home-3-number-heading {
    margin-bottom: 6px;
    font-size: 40px;
  }

  .home-3-number-item-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .home-3-feature-item-heading {
    font-size: 30px;
  }

  .home-3-feature-item-para {
    font-size: 16px;
    line-height: 150%;
  }

  .home-3-feature-item-text-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 20px;
  }

  .home-3-analysis-bottom-wrap {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .home-3-tag-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 14px;
  }

  .reference-paragraph {
    font-size: 16px;
  }

  .integration-details-text-container {
    margin-bottom: 120px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .integration-type {
    margin-bottom: 6px;
    margin-left: 10px;
    font-size: 14px;
  }

  .integration-top-wrapper {
    text-align: center;
  }

  .integration-name {
    font-size: 40px;
  }

  .integration-summary {
    font-size: 16px;
  }

  .integration-social-left-wrapper {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .career-details-text-container {
    margin-bottom: 120px;
    padding-top: 0;
    padding-bottom: 30px;
  }

  .home-3-analysis-spacer-line {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .home-3-analysis-numbers-flex {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .home-3-analysis-highlight-img.left {
    width: 20px;
    top: -15px;
    left: -15px;
  }

  .home-3-analysis-highlight-img.right {
    width: 20px;
    bottom: -15px;
    right: -15px;
  }

  .home-3-analysis-absolute-img {
    bottom: 40px;
  }

  .home-3-analysis-chart-img {
    width: 30px;
    top: 90px;
  }

  .why-choose-text-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .why-choose-hero-item {
    padding: 40px 10px;
  }

  .why-choose-pointer-text {
    background-position: 0 0;
    background-size: 28px;
    padding-left: 35px;
    font-size: 18px;
    line-height: 150%;
  }

  .why-choose-item-grid {
    margin-top: -55px;
  }

  .why-choose-item-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .why-choose-highlight-icon {
    width: 30px;
    top: 45px;
    left: -20px;
  }

  .vs-blue-wrapper {
    width: 70px;
    height: 70px;
    font-size: 30px;
  }

  .home-3-integration-cl {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .customer-slide-upper-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .home-3-customer-slide-logo {
    width: 130px;
  }

  .home-3-customer-para {
    font-size: 22px;
  }

  .home-3-contact-blue-wrapper {
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-3-contact-blue-heading {
    margin-bottom: 16px;
    font-size: 30px;
  }

  .home-3-contact-left-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .home-3-contact-yellow-wrapper {
    border-radius: 10px;
    padding: 40px 10px;
  }

  .home-3-contact-dark-blue-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 10px;
    padding: 20px 10px;
  }

  .home-3-contact-badge-icon {
    width: 40px;
  }

  .home-3-contact-text-32px {
    font-size: 20px;
  }

  .home-3-contact-yellow-flex {
    margin-top: 20px;
  }

  .home-3-contact-blue-path-image, .home-3-cta-hero-item {
    width: 150px;
  }

  .home-3-cta-hero-item-1 {
    width: 140px;
  }

  .home-3-cta-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .home-3-contact-blue-icon {
    width: 65px;
  }

  .reviews-hero-heading {
    font-size: 35px;
  }

  .reviews-hero-container {
    flex-direction: column;
    align-items: center;
  }

  .reviews-hero-spacer-line {
    width: 100%;
    height: 1px;
  }

  .reviews-testimonial-item {
    width: 95%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .reviews-testimonial-author-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .reviews-testimonial-author-name {
    font-size: 16px;
  }

  .reviews-testimonial-author-bio {
    font-size: 14px;
  }

  .customer-reviews-hero-item {
    padding: 30px 10px 26px;
  }

  .faq-card-question-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .faq-card-question {
    line-height: 120%;
  }

  .faq-card-answer-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .faq-card-content {
    padding-bottom: 24px;
  }

  .download-hero-heading {
    font-size: 35px;
  }

  .download-hero-item {
    padding: 30px 15px 25px;
  }

  .download-hero-item-icon {
    width: 70px;
    margin-bottom: 20px;
  }

  .download-hero-item-para {
    font-size: 15px;
  }

  .different-hero-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .demo-hero-heading {
    font-size: 32px;
  }

  .venture-bottom-left-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
  }

  .venture-bottom-hero-item {
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: 220px;
    display: flex;
  }

  .venture-company-logo-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .venture-king-crown-image {
    width: 80px;
    top: 230px;
    bottom: 230px;
  }

  .venture-path-image {
    width: 45%;
  }

  .logo-train-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 170px;
    margin-right: 10px;
  }

  .logo-train-item-image {
    max-width: 150px;
  }

  .logo-train-banner-section {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .demo-hero-logo-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .careers-hero-heading {
    margin-bottom: 20px;
  }

  .careers-hero-sub-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .careers-hero-sub-wrapper.top-align {
    align-items: center;
  }

  .careers-tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .careers-tab-link {
    font-size: 14px;
  }

  .careers-opening-card-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 15px;
  }

  .careers-opening-card-icon-wrap {
    border-radius: 6px;
    width: 40px;
    height: 40px;
  }

  .careers-opening-card-arrow, .careers-card-white-arrow {
    width: 20px;
    height: 20px;
  }

  .careers-opening-card-text-wrap {
    width: 100%;
  }

  .careers-opening-card-heading {
    font-size: 20px;
    line-height: 100%;
  }

  .career-opening-card-text-16px {
    font-size: 14px;
  }

  .career-opening-text-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .home-2-cta-sub-text-wrapper {
    margin-bottom: 80px;
  }

  .yellow-text-span {
    border-radius: 8px;
  }

  .home-2-cta-icon {
    width: 70px;
    margin-bottom: 20px;
  }

  .home-2-cta-image {
    border-bottom-right-radius: 12px;
  }

  .home-2-cta-blue-background {
    width: 100%;
    right: -180px;
  }

  .pricing-2-hero-text-wrapper {
    width: 100%;
  }

  .pricing-2-tabs {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .pricing-2-tabs-menu {
    max-width: 272px;
    margin-bottom: 60px;
    margin-left: 0;
  }

  .pricing-2-tab-link {
    padding-left: 30px;
    padding-right: 30px;
  }

  .pricing-2-top-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 30px 15px;
  }

  .pricing-2-middle-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-2-bottom-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 30px 15px;
  }

  .pricing-2-pointer-wrapper {
    align-items: flex-start;
  }

  .pricing-2-pointer-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pricing-2-price-text {
    font-size: 60px;
  }

  .pricing-2-price-text-small {
    font-size: 28px;
  }

  .pricing-2-price-text-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .pricing-2-item-heading {
    font-size: 30px;
  }

  .customer-slide-wrapper-v2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 30px 15px;
  }

  .customer-slide-heading-number {
    font-size: 35px;
  }

  .customer-slide-para-small-text {
    font-size: 18px;
  }

  .customer-slide-testimonial-text {
    font-size: 22px;
  }

  .customer-slide-brand-logo {
    max-width: 130px;
  }

  .customer-slider-left-arrow-v2, .customer-slider-right-arrow-v2 {
    bottom: -100px;
  }

  .discount-offer-img {
    top: -70px;
  }

  .different-blue-item {
    padding: 40px 15px;
  }

  .different-blue-item-icon {
    width: 75px;
    height: 75px;
    margin-bottom: 20px;
  }

  .different-blue-item-heading {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .different-blue-item-para {
    font-size: 16px;
  }

  .different-blue-item-wrapper, .different-blue-item-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .about-3-hero-text-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .about-3-hero-heading {
    margin-bottom: 15px;
  }

  .about-3-hero-item-1 {
    width: 35%;
    margin-top: 20px;
  }

  .about-3-hero-item-2 {
    width: 40%;
  }

  .about-benefit-para-container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .about-benefit-item-heading {
    margin-bottom: 8px;
    font-size: 35px;
  }

  .about-hero-star-icon {
    width: 50px;
    height: 53px;
    top: 60px;
    right: 10%;
  }

  .about-hero-arrow-image {
    bottom: 60px;
  }

  .faq-open-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pricing-table-top-wrap, .pricing-table-bottom-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-table-icon-wrapper {
    width: 36px;
    height: 36px;
  }

  .pricing-table-icon {
    width: 22px;
    height: 22px;
  }

  .pricing-table-top-text {
    font-size: 20px;
  }

  .pricing-table-hero-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .pricing-table-hero-flex {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pricing-table-item.plan-feature-item {
    min-width: 200px;
  }

  .pricing-table-text-20px {
    font-size: 16px;
  }

  .pricing-table-top-special, .pricing-table-bottom-special {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-plan-feature-text {
    margin-bottom: 4px;
    font-size: 22px;
  }

  .pricing-plan-subtext, .pricing-plan-link-text {
    font-size: 18px;
  }

  .toggle-text {
    font-size: 20px;
  }

  .toggle-contain {
    margin-left: 10px;
    margin-right: 10px;
  }

  .pricing-table-upper-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .pricing-plan-grid-item {
    padding: 30px 15px;
  }

  .pricing-plan-bottom-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 40px;
  }

  .pricing-plan-bottom-wrapper.heading-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
  }

  .pricing-plan-type-text {
    font-size: 16px;
  }

  .pricing-plan-hero-text {
    font-size: 45px;
  }

  .pricing-plan-user-text {
    font-size: 16px;
  }

  .pricing-plan-item.heading-wrapper-left {
    max-width: 200px;
  }

  .pricing-plan-hero-text-20px {
    font-size: 16px;
    line-height: 20px;
  }

  .pricing-plan-check-circle {
    width: 34px;
    height: 34px;
  }

  .pricing-plan-heading-item {
    padding-bottom: 60px;
  }

  .pricing-3-hero-heading, .about-2-team-grid-item-image {
    margin-bottom: 16px;
  }

  .about-2-team-grid-item-heading {
    font-size: 28px;
  }

  .about-2-team-grid-item-subtext {
    font-size: 16px;
  }

  .creative-talent-grid-item {
    padding: 10px 10px 24px;
  }

  .creative-talent-grid-item-image {
    margin-bottom: 20px;
  }

  .creative-talent-item-heading {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .creative-talent-item-subtext {
    font-size: 16px;
  }

  .about-2-different-item-image {
    width: 70px;
    height: 70px;
    margin-bottom: 16px;
  }

  .about-2-different-item-heading {
    margin-bottom: 10px;
    font-size: 28px;
  }

  .about-2-different-item-subtext {
    font-size: 16px;
  }

  .about-2-people-left-container, .about-2-people-image-flex {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
  }

  .about-2-hero-tag {
    margin-bottom: 10px;
  }

  .about-2-hero-item {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 30px 20px;
  }

  .about-2-arrow-icon {
    max-width: 55px;
    top: 390px;
  }

  .about-2-star-icon {
    max-width: 55px;
    top: 30px;
  }

  .home-2-analysis-item-icon {
    margin-bottom: 20px;
  }

  .home-2-analysis-item-heading {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .home-2-spotlight-bottom-grid {
    grid-row-gap: 160px;
  }

  .home-2-spotlight-item {
    padding: 30px 20px 180px;
  }

  .home-2-spotlight-item:hover {
    box-shadow: 4px 4px 0 0 var(--playful-yellow);
  }

  .home-2-spotlight-item-icon {
    width: 75px;
    height: 75px;
  }

  .home-2-spotlight-item-heading {
    font-size: 24px;
  }

  .home-2-spotlight-item-subtext {
    font-size: 16px;
  }

  .home-2-spotlight-item-hero-img {
    width: 260px;
    bottom: -100px;
  }

  .home-2-hero-image-wrapper {
    width: 100%;
  }

  .home-2-image-absolute-1 {
    width: 200px;
    left: -3%;
  }

  .home-2-image-absolute-2 {
    width: 120px;
    top: 40px;
    right: -3%;
  }

  .home-2-hero-pencil {
    width: 50px;
    height: 50px;
    top: -18%;
    left: -5%;
  }

  .home-2-user-image-1 {
    width: 40px;
    height: 40px;
  }

  .home-2-user-image-2 {
    width: 50px;
    height: 50px;
    bottom: 60px;
  }

  .home-2-highlight-image {
    width: 40px;
    height: 40px;
  }

  .home-2-hero-rating-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .home-2-hero-rating-image {
    width: 45px;
    height: 45px;
  }

  .home-2-stat-icon {
    width: 60px;
    height: 60px;
    right: 0%;
  }

  .home-2-integration-item {
    margin-right: 16px;
    padding: 6px 20px 6px 6px;
    font-size: 20px;
  }

  .home-2-integration-item-icon {
    width: 50px;
    height: 50px;
  }

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

  .home-2-result-dark-blue-item {
    border-radius: 10px;
    margin-top: -2px;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .result-dark-blue-item-heading {
    margin-bottom: 16px;
    font-size: 20px;
  }

  .result-dark-blue-item-heading.max-width-380px {
    font-size: 20px;
  }

  .result-dark-blue-item-subtext {
    font-size: 16px;
  }

  .home-2-result-blue-item {
    border-radius: 10px;
    margin-top: -52px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-2-result-blue-item-icon-img {
    inset: auto 0% 20% auto;
  }

  .all-stories-item-text-wrapper {
    padding: 25px 15px 30px;
  }

  .link-block-wrapper.all-stories-link-block {
    margin-top: 20px;
  }

  .all-stories-logo-image {
    width: 120px;
    max-width: 150px;
    bottom: 10px;
    left: 10px;
  }

  .all-stories-item-heading {
    font-size: 24px;
  }

  .customer-stories-hero-heading {
    margin-bottom: 20px;
  }

  .customer-story-profile-item {
    width: 130px;
  }

  .customer-story-profile-item.top {
    margin-top: 40px;
  }

  .customer-story-profile-item.bottom {
    margin-bottom: 80px;
  }

  .customer-story-hero-star-icon {
    width: 55px;
    height: 60px;
    right: 0%;
  }

  .customer-story-hero-arrow {
    width: 130px;
    bottom: 180px;
  }

  .hero-cms-company-logo {
    max-width: 150px;
    margin-bottom: 10px;
  }

  .cs-hero-heading {
    font-size: 35px;
  }

  .rich-text-main-heading-wrap {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .rich-text-main-heading {
    font-size: 26px;
  }

  .overview-hero-heading {
    font-size: 30px;
  }

  .overview-train-item {
    max-width: 280px;
    margin-right: 20px;
  }

  .overview-train-item:hover {
    box-shadow: 4px 4px 0 0 var(--playful-yellow);
  }

  .overview-train-item-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .overview-content-block-item {
    padding: 30px 20px;
  }

  .overview-content-block-item:hover {
    box-shadow: 4px 4px 0 0 var(--playful-yellow);
  }

  .overview-page-item-text-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .overview-tag-text {
    font-size: 14px;
  }

  .overview-page-item {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .overview-page-item-link-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .overview-page-item-text {
    font-size: 22px;
  }

  .overview-spotlight-item {
    padding: 40px 15px;
  }

  .overview-spotlight-item:hover {
    box-shadow: 4px 4px 0 0 var(--playful-yellow);
  }

  .dropdown-image {
    height: 250px;
  }

  .visual-features-item.navbar {
    padding: 15px 10px;
    font-size: 16px;
    line-height: 160%;
  }

  .visual-features-item-image {
    justify-content: center;
    align-items: flex-end;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .navigation-drop-container.features {
    padding: 0;
  }

  .nav-icon-contain {
    flex: none;
  }

  .heading-3 {
    font-size: 20px;
  }

  .drop-grid {
    display: block;
  }

  .dropdown-right-column {
    flex-flow: column;
  }

  .navigation-menu-button {
    margin-left: 0;
  }

  .navigation-buttons-hide {
    display: none;
  }

  .dropdown-links, .dropdown-card-links {
    grid-template-columns: 1fr;
  }

  .banner-content {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .purple-text-span-3 {
    border-radius: 8px;
  }

  .different-hero-item-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .best-people-traits-icon-wrap-2 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .best-people-traits-item-2 {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 0;
  }

  .red-text-span-2 {
    border-radius: 8px;
  }

  .h2-heading-58px-3 {
    margin-top: -42px;
  }

  .different-blue-item-2 {
    padding: 40px 15px;
  }

  .red-text-span-3 {
    border-radius: 8px;
  }

  .primary-blue-button-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .primary-button-icon-wrapper-2 {
    width: 45px;
    height: 45px;
  }

  .no-credit-card-text-2 {
    font-size: 16px;
  }

  .h2 {
    font-size: 30px;
  }

  .main-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

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

  .feature-card-a {
    flex-direction: column;
  }

  .h1-heading {
    font-size: 20px;
  }

  .title-wrapper-2 {
    margin-top: -78px;
  }

  .section-regular-2 {
    margin-top: -154px;
  }

  .container-small {
    margin-top: 22px;
  }

  .grid-four-column {
    grid-template-columns: 1fr;
  }

  .h2-heading-2 {
    font-size: 24px;
  }

  .content-button-footnote {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cointent-carousel-cards {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .h2-heading-4 {
    font-size: 24px;
  }

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

  .section-regular-5 {
    margin-top: 36px;
  }

  .content-carousel-card {
    box-shadow: none;
    max-width: none;
  }

  .header-title-wrapper {
    margin-top: 57px;
    margin-bottom: 91px;
  }

  .header-text-field {
    font-size: 16px;
  }

  .header-section {
    margin-top: -3px;
  }

  .header-bottom-image {
    margin-top: 40px;
  }

  .newsletter-form-2 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
  }

  .h1-heading-2 {
    font-size: 24px;
  }

  .button-group-2 {
    flex-flow: column;
  }

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

  .content-card-tall {
    padding: 24px;
  }

  .integration-card-outline {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .footer-line {
    width: 100%;
    height: 1px;
  }

  .footer-company-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .legal-links {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-newsletter {
    padding: 32px 24px;
  }

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

  .footer-grid-large {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

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

  .section-large {
    margin-top: -198px;
  }

  .h4-heading {
    font-size: 20px;
  }

  .cta-block {
    padding: 48px 24px;
  }

  .section-regular-10.background-gray {
    margin-top: -124px;
  }

  .testimonial-quote-icon {
    top: -2px;
    right: -38px;
  }

  .testimonial-header {
    margin-top: -49px;
  }

  .testimonial-grid {
    margin-top: 74px;
  }

  .testimonial-item {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap-reverse;
  }

  .feature-slider-image {
    width: auto;
  }

  .feature-slider-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .content-feature-image-2 {
    padding: 24px;
  }

  .container-x-small-2 {
    margin-top: 7px;
  }

  .h2-heading-7 {
    font-size: 24px;
  }

  .column-2x-large-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-13 {
    margin-top: -127px;
  }

  .content-bento-card {
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .content-grid-3 {
    margin-top: -102px;
  }

  .content-grid-middle {
    margin-top: -99px;
  }

  .h2-heading-8 {
    font-size: 20px;
  }

  .content-title-wrapper {
    margin-top: 14px;
    margin-bottom: 113px;
  }

  .section-large-4 {
    margin-top: -221px;
  }

  .content-list {
    margin-top: -83px;
  }

  .h2-heading-9 {
    font-size: 20px;
  }

  .h2-heading-10 {
    font-size: 24px;
    font-weight: 500;
  }

  .tab-link-horizontal {
    flex-flow: column;
  }

  .process-badge {
    font-size: 16px;
  }

  .feature-circle {
    margin-bottom: 20px;
  }

  .price-large {
    font-size: 36px;
  }

  .feature-card-2 {
    flex-direction: column;
  }

  .code-background {
    display: none;
  }

  .price-medium {
    font-size: 24px;
  }

  .features-section {
    margin-top: -187px;
  }

  .h2-heading-11 {
    font-size: 24px;
  }

  .integration-tab-menu {
    grid-template-columns: 1fr;
  }

  .integration-column {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .button-primary-small-2 {
    width: 100%;
  }

  .integration-card-outline-2 {
    flex-flow: column;
  }

  .content-title-wrapper-2 {
    margin-bottom: 64px;
  }

  .h2-heading-13 {
    font-size: 28px;
  }

  .column-large-7 {
    margin-top: -47px;
  }

  .h3-heading-3 {
    font-size: 24px;
  }

  .column-2x-large-3 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-17 {
    margin-top: -102px;
  }

  .primary-blue-button-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .h2-heading-15 {
    font-size: 24px;
  }

  .content-grid-middle-2 {
    margin-top: -99px;
  }

  .section-large-13 {
    margin-top: -169px;
  }

  .content-grid-5 {
    margin-top: -102px;
  }

  .section-regular-21 {
    margin-top: -165px;
  }

  .h2-heading-17 {
    font-size: 24px;
  }

  .section-large-14 {
    margin-top: -55px;
  }

  .column-2x-large-4 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .section-regular-22 {
    margin-top: -91px;
  }

  .h5-heading-5 {
    font-size: 24px;
  }

  .primary-blue-button-4 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .h1-heading-11 {
    font-size: 24px;
  }

  .section-regular-25 {
    margin-top: -27px;
  }

  .feature-card-horizontal {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 24px;
  }

  .section-large-16 {
    margin-top: 209px;
  }

  .column-large-10 {
    margin-top: -80px;
  }

  .section-large-17.background-secondary {
    margin-top: 0;
  }

  .section-regular-27 {
    margin-top: -62px;
  }

  .primary-blue-button-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 20px;
    font-size: 18px;
  }

  .h4-heading-10.text-color-white {
    font-size: 24px;
  }

  .previous-placeholder {
    max-width: 75px;
    display: flex;
  }

  .step-breadcrumbs {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .form-slider {
    height: auto;
    min-height: 80vh;
  }

  .step-form-content {
    width: 100%;
    max-width: none;
  }

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

  .form-card-large {
    margin-top: -51px;
    padding: 24px;
  }

  .section-large-19.background-brand {
    margin-top: 81px;
  }

  .section-regular-30 {
    margin-top: -94px;
  }

  .testimonial-logo-group {
    flex-flow: column;
  }

  .h5-heading-7, .h3-heading-4 {
    font-size: 24px;
  }

  .testimonial-name-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .h2-heading-22 {
    font-size: 24px;
  }

  .section-large-20 {
    margin-top: -155px;
  }

  .container-regular-17 {
    margin-top: -61px;
  }

  .section-regular-31 {
    margin-top: -109px;
  }

  .container-small-8 {
    margin-top: -215px;
  }

  .feature-tabs-stack {
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-bottom: 39px;
  }

  .h4-heading-11 {
    font-size: 24px;
  }

  .container-regular-18 {
    margin-top: -55px;
  }

  .paragraph-x-large-7.text-color-tertiary {
    font-size: 18px;
  }

  .timeline-quote-icon {
    font-size: 68px;
  }

  .section-regular-33 {
    margin-top: -55px;
  }

  .h2-heading-24 {
    font-size: 24px;
  }

  .grid-three-column-9 {
    margin-top: -49px;
  }

  .pricing-detail-card {
    padding: 16px;
  }

  .pricing-menu-round {
    border-radius: 24px;
    flex-flow: column;
    width: 100%;
  }

  .button-primary-4 {
    width: 100%;
  }

  .section-regular-35 {
    margin-bottom: -141px;
  }

  .pricing-content {
    padding: 16px;
  }

  .tabs-content-3 {
    margin-top: -50px;
  }

  .pricing-tab-link-round {
    width: 100%;
    min-width: 184px;
  }

  .pricing-card-header {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .section-regular-36.background-brown-50 {
    margin-top: -70px;
  }

  .pricing-tab-link {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .h3-heading-5, .h1-heading-14 {
    font-size: 24px;
  }

  .red-text-span-4 {
    border-radius: 8px;
  }

  .button-group-3 {
    flex-flow: column;
  }

  .section-regular-38.background-off-white {
    margin-top: 6px;
  }

  .h3-heading-7 {
    font-size: 24px;
  }

  .blog-card-outline {
    padding: 16px;
  }

  .heading-buttons {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .button-primary-7 {
    width: 100%;
  }

  .blog-card-small {
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-thumbnail-small {
    width: 100%;
  }

  .wrap-h-regular {
    flex-direction: column;
  }

  .button-group-4 {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .document-badge {
    display: none;
  }

  .milestone-grid {
    grid-column-gap: 8px;
  }

  .changelog-search-b {
    flex-direction: column;
  }

  .changelog-milestone-block {
    display: none;
  }

  .changelog-timeline-row {
    grid-template-columns: 1fr;
  }

  .button-primary-8 {
    width: 100%;
  }

  .cta-content-left {
    padding: 12px;
  }

  .cta-buttons {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .cta-block-a {
    padding: 48px 16px;
  }

  .button-primary-10 {
    width: 100%;
  }

  .section-regular-41 {
    margin-top: -91px;
  }

  .container-small-9 {
    margin-top: -40px;
  }

  .timeline-card-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .h1-heading-16 {
    font-size: 24px;
  }

  .button-header, .button-primary-11 {
    width: 100%;
  }

  .h4-heading-17 {
    font-size: 20px;
  }

  .container-regular-24 {
    margin-top: -60px;
  }

  .feature-card-regular {
    margin-top: 39px;
  }

  .h2-heading-28 {
    font-size: 52px;
    line-height: 62px;
  }

  .container-small-10 {
    margin-top: -60px;
  }

  .section-regular-43 {
    margin-top: -90px;
  }

  .feature-grid-4 {
    margin-top: -38px;
  }

  .feature-tabs-menu {
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .text-block-3 {
    margin-top: 1px;
    font-size: 20px;
  }

  .content-title-wrapper-3 {
    margin-bottom: 64px;
  }

  .bold-text-7 {
    font-size: 20px;
  }

  .career-button-grid {
    grid-template-columns: 1fr;
  }

  .career-detail-wrapper {
    flex-wrap: wrap;
  }

  .h1-heading-18, .h4-heading-19 {
    font-size: 28px;
  }

  .button-primary-large-9 {
    width: 100%;
  }

  .contact-grid-small {
    grid-template-columns: 1fr;
  }

  .phone-accent-left {
    top: 20px;
    left: -24px;
  }

  .button-primary-small-7 {
    width: 100%;
  }

  .title-center-small-2 {
    margin-bottom: 56px;
  }

  .button-wrapper-small {
    max-width: 210px;
  }

  .process-count {
    width: auto;
  }
}

#w-node-a41a79a0-5ed2-8120-e576-4f41deac7e0e-13e77c3b, #w-node-a41a79a0-5ed2-8120-e576-4f41deac7e1a-13e77c3b, #w-node-a41a79a0-5ed2-8120-e576-4f41deac7e26-13e77c3b, #w-node-a41a79a0-5ed2-8120-e576-4f41deac7e32-13e77c3b, #w-node-_69a7eb2e-96da-2e79-2642-442d0a4899e0-13e77c3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_69a7eb2e-96da-2e79-2642-442d0a4899fa-13e77c3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_48efeb73-9213-532a-48f0-a439018d088c-13e77c3b, #w-node-_48efeb73-9213-532a-48f0-a439018d08b5-13e77c3b, #w-node-_48efeb73-9213-532a-48f0-a439018d08da-13e77c3b, #w-node-_48efeb73-9213-532a-48f0-a439018d08ff-13e77c3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7279cc12-3303-5542-ba8b-70d16c4e1b52-dde77c3f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_22b6e69e-81f3-e065-90c1-65fbeb314566-dde77c3f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_22b6e69e-81f3-e065-90c1-65fbeb314580-dde77c3f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_009628ac-ff95-fde7-d5ca-196194e3ed1e-dde77c3f, #w-node-_009628ac-ff95-fde7-d5ca-196194e3ed47-dde77c3f, #w-node-_009628ac-ff95-fde7-d5ca-196194e3ed6c-dde77c3f, #w-node-_009628ac-ff95-fde7-d5ca-196194e3ed91-dde77c3f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_111fce2f-a4a7-a07d-cb53-271bd546e3d7-c1589800 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b12dcfbb-889d-91a4-8468-592ca705c58d-c1589800, #w-node-c11ee594-53d4-0cf4-742b-a0e35b9dfe98-c1589800 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c11ee594-53d4-0cf4-742b-a0e35b9dfeb2-c1589800 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-d7597c40-0607-29ef-3f75-7fe3b78cc268-c1589800, #w-node-d7597c40-0607-29ef-3f75-7fe3b78cc291-c1589800, #w-node-d7597c40-0607-29ef-3f75-7fe3b78cc2b6-c1589800, #w-node-d7597c40-0607-29ef-3f75-7fe3b78cc2db-c1589800, #w-node-_01680398-1a39-8a47-26f5-0f0c0521e777-0f887dab, #w-node-_01680398-1a39-8a47-26f5-0f0c0521e797-0f887dab, #w-node-a9de819a-7720-6aab-5acb-fe7ca4514bab-0f887dab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a9de819a-7720-6aab-5acb-fe7ca4514bc5-0f887dab {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_90de8ad6-58e1-4ddd-a211-6a4b529c65fa-0f887dab, #w-node-_90de8ad6-58e1-4ddd-a211-6a4b529c6623-0f887dab, #w-node-_90de8ad6-58e1-4ddd-a211-6a4b529c6648-0f887dab, #w-node-_90de8ad6-58e1-4ddd-a211-6a4b529c666d-0f887dab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a2d8c210-60c3-8bc9-8030-76f75a3d3c63-52ca926c {
  align-self: center;
}

#w-node-a2d8c210-60c3-8bc9-8030-76f75a3d3c78-52ca926c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a2d8c210-60c3-8bc9-8030-76f75a3d3c80-52ca926c {
  justify-self: end;
}

#w-node-_2a14e3c9-f246-d9b6-3f08-bf898f2c3ffa-52ca926c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2a14e3c9-f246-d9b6-3f08-bf898f2c4014-52ca926c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-b4508902-6139-0993-8070-ac8187fece08-52ca926c, #w-node-b4508902-6139-0993-8070-ac8187fece31-52ca926c, #w-node-b4508902-6139-0993-8070-ac8187fece56-52ca926c, #w-node-b4508902-6139-0993-8070-ac8187fece7b-52ca926c, #w-node-c20c768c-b456-de91-de75-6a8583cc60d0-713e16a9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c20c768c-b456-de91-de75-6a8583cc60da-713e16a9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-c20c768c-b456-de91-de75-6a8583cc60e1-713e16a9, #w-node-c20c768c-b456-de91-de75-6a8583cc60eb-713e16a9, #w-node-c20c768c-b456-de91-de75-6a8583cc60f5-713e16a9, #w-node-c20c768c-b456-de91-de75-6a8583cc60ff-713e16a9, #w-node-c20c768c-b456-de91-de75-6a8583cc6109-713e16a9, #w-node-c20c768c-b456-de91-de75-6a8583cc6113-713e16a9, #w-node-e21ae7f0-6e91-ff41-7ce3-438428b6539c-713e16a9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e21ae7f0-6e91-ff41-7ce3-438428b653b6-713e16a9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_5b5ed872-0f31-9cc9-71f7-3e237b3b5652-713e16a9, #w-node-_5b5ed872-0f31-9cc9-71f7-3e237b3b567b-713e16a9, #w-node-_5b5ed872-0f31-9cc9-71f7-3e237b3b56a0-713e16a9, #w-node-_5b5ed872-0f31-9cc9-71f7-3e237b3b56c5-713e16a9, #w-node-ab533580-a7d9-4b63-f678-fdb87b917d82-e796ef5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ab533580-a7d9-4b63-f678-fdb87b917d9c-e796ef5a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-b43e6be4-7a0a-2d7a-b76e-4d99cc750ef8-e796ef5a, #w-node-b43e6be4-7a0a-2d7a-b76e-4d99cc750f21-e796ef5a, #w-node-b43e6be4-7a0a-2d7a-b76e-4d99cc750f46-e796ef5a, #w-node-b43e6be4-7a0a-2d7a-b76e-4d99cc750f6b-e796ef5a, #w-node-_095f5cd0-e8d9-451f-16ec-cb03e7955c22-d58eb698, #w-node-e3e1613b-895f-f46e-70cf-302a71f7217f-d58eb698 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e3e1613b-895f-f46e-70cf-302a71f72183-d58eb698 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-e3e1613b-895f-f46e-70cf-302a71f72188-d58eb698, #w-node-e3e1613b-895f-f46e-70cf-302a71f72193-d58eb698, #w-node-e3e1613b-895f-f46e-70cf-302a71f7219e-d58eb698, #w-node-e3e1613b-895f-f46e-70cf-302a71f721a5-d58eb698, #w-node-e3e1613b-895f-f46e-70cf-302a71f721ae-d58eb698, #w-node-e3e1613b-895f-f46e-70cf-302a71f721b7-d58eb698, #w-node-bd5b679a-87bd-d7f8-66b9-227a4d9ab163-d58eb698 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bd5b679a-87bd-d7f8-66b9-227a4d9ab17d-d58eb698 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-dcb64aa4-065d-d79d-3140-8cec709b2f80-d58eb698, #w-node-dcb64aa4-065d-d79d-3140-8cec709b2fa9-d58eb698, #w-node-dcb64aa4-065d-d79d-3140-8cec709b2fce-d58eb698, #w-node-dcb64aa4-065d-d79d-3140-8cec709b2ff3-d58eb698 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_314dacd4-174b-3983-87ae-057d1315644d-9ddd20a9 {
  place-self: center end;
}

#w-node-_39528435-027d-1061-1ff3-6dc3b1f4e233-9ddd20a9, #w-node-ae727979-b4fb-7918-df07-6192400eaff6-9ddd20a9, #w-node-b8cf3785-3bb8-3921-0509-40364ee9707e-9ddd20a9, #w-node-b8cf3785-3bb8-3921-0509-40364ee9709e-9ddd20a9, #w-node-d08d2a2a-e6a4-c468-5a1b-53201d8b3542-9ddd20a9, #w-node-d08d2a2a-e6a4-c468-5a1b-53201d8b3562-9ddd20a9, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-9ddd20a9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-9ddd20a9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_3181ad10-5413-23b7-4353-293280905ad4-9ddd20a9, #w-node-_3181ad10-5413-23b7-4353-293280905afd-9ddd20a9, #w-node-_3181ad10-5413-23b7-4353-293280905b22-9ddd20a9, #w-node-_3181ad10-5413-23b7-4353-293280905b47-9ddd20a9, #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd2f-ff9b6c45 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-ff9b6c45 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_00c31dcb-54dd-004d-7371-f24c5b870071-ff9b6c45, #w-node-_00c31dcb-54dd-004d-7371-f24c5b87009a-ff9b6c45, #w-node-_00c31dcb-54dd-004d-7371-f24c5b8700bf-ff9b6c45, #w-node-_00c31dcb-54dd-004d-7371-f24c5b8700e4-ff9b6c45, #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd2f-2962beda {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-2962beda {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_8f148c0d-8686-587e-c6aa-a3731a086336-2962beda, #w-node-_8f148c0d-8686-587e-c6aa-a3731a08635f-2962beda, #w-node-_8f148c0d-8686-587e-c6aa-a3731a086384-2962beda, #w-node-_8f148c0d-8686-587e-c6aa-a3731a0863a9-2962beda, #w-node-_6f37b046-ee91-b07d-cc21-29214bf880c3-2962beda, #w-node-_6f37b046-ee91-b07d-cc21-29214bf880ec-2962beda, #w-node-_6f37b046-ee91-b07d-cc21-29214bf88111-2962beda, #w-node-_6f37b046-ee91-b07d-cc21-29214bf88136-2962beda, #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd2f-5a4ce74e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-5a4ce74e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_38a5c349-61b5-1777-b2c6-db4ee91b81e7-5a4ce74e, #w-node-_38a5c349-61b5-1777-b2c6-db4ee91b8210-5a4ce74e, #w-node-_38a5c349-61b5-1777-b2c6-db4ee91b8235-5a4ce74e, #w-node-_38a5c349-61b5-1777-b2c6-db4ee91b825a-5a4ce74e, #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd2f-5eb980d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-5eb980d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_51f63796-688c-a09d-e01b-28e506121ae2-5eb980d8, #w-node-_51f63796-688c-a09d-e01b-28e506121b0b-5eb980d8, #w-node-_51f63796-688c-a09d-e01b-28e506121b30-5eb980d8, #w-node-_51f63796-688c-a09d-e01b-28e506121b55-5eb980d8, #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd2f-482ce584 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-482ce584 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_512d7a43-b33b-edf8-f22b-1e8c19002f6d-482ce584, #w-node-_512d7a43-b33b-edf8-f22b-1e8c19002f96-482ce584, #w-node-_512d7a43-b33b-edf8-f22b-1e8c19002fbb-482ce584, #w-node-_512d7a43-b33b-edf8-f22b-1e8c19002fe0-482ce584, #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd2f-c5f17bc1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-c5f17bc1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_9e6b6f0e-369d-8a84-3a80-110fde943e5b-c5f17bc1, #w-node-_9e6b6f0e-369d-8a84-3a80-110fde943e84-c5f17bc1, #w-node-_9e6b6f0e-369d-8a84-3a80-110fde943ea9-c5f17bc1, #w-node-_9e6b6f0e-369d-8a84-3a80-110fde943ece-c5f17bc1, #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd2f-baf604bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-baf604bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_8f148c0d-8686-587e-c6aa-a3731a086336-baf604bc, #w-node-_8f148c0d-8686-587e-c6aa-a3731a08635f-baf604bc, #w-node-_8f148c0d-8686-587e-c6aa-a3731a086384-baf604bc, #w-node-_8f148c0d-8686-587e-c6aa-a3731a0863a9-baf604bc, #w-node-bfe43435-ff11-75dd-4b54-6033b3cfbcca-baf604bc, #w-node-bfe43435-ff11-75dd-4b54-6033b3cfbcf3-baf604bc, #w-node-bfe43435-ff11-75dd-4b54-6033b3cfbd18-baf604bc, #w-node-bfe43435-ff11-75dd-4b54-6033b3cfbd3d-baf604bc, #w-node-_1831a643-2469-71bc-dda5-d15660b3ce51-2c6835b0, #w-node-_1831a643-2469-71bc-dda5-d15660b3ce66-2c6835b0, #w-node-_1831a643-2469-71bc-dda5-d15660b3ce7b-2c6835b0, #w-node-_39528435-027d-1061-1ff3-6dc3b1f4e233-2c6835b0, #w-node-ae727979-b4fb-7918-df07-6192400eaff6-2c6835b0, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-2c6835b0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-2c6835b0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_1b819233-86eb-26ac-3d84-08f9f8112ef6-2c6835b0, #w-node-_1b819233-86eb-26ac-3d84-08f9f8112f1f-2c6835b0, #w-node-_1b819233-86eb-26ac-3d84-08f9f8112f44-2c6835b0, #w-node-_1b819233-86eb-26ac-3d84-08f9f8112f69-2c6835b0, #w-node-_1831a643-2469-71bc-dda5-d15660b3ce51-d8175594, #w-node-_1831a643-2469-71bc-dda5-d15660b3ce66-d8175594, #w-node-_1831a643-2469-71bc-dda5-d15660b3ce7b-d8175594, #w-node-_39528435-027d-1061-1ff3-6dc3b1f4e233-d8175594, #w-node-ae727979-b4fb-7918-df07-6192400eaff6-d8175594, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-d8175594 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-d8175594 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_4bd5fc26-ae90-b146-2154-42948693f5b0-d8175594, #w-node-_4bd5fc26-ae90-b146-2154-42948693f5cd-d8175594, #w-node-_4bd5fc26-ae90-b146-2154-42948693f5f2-d8175594, #w-node-_4bd5fc26-ae90-b146-2154-42948693f613-d8175594, #w-node-cb8a754b-61df-2754-22f4-0959961c292d-d8175594, #w-node-cb8a754b-61df-2754-22f4-0959961c2956-d8175594, #w-node-cb8a754b-61df-2754-22f4-0959961c297b-d8175594, #w-node-cb8a754b-61df-2754-22f4-0959961c29a0-d8175594, #w-node-_39528435-027d-1061-1ff3-6dc3b1f4e233-9ae5b13b, #w-node-ae727979-b4fb-7918-df07-6192400eaff6-9ae5b13b, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-9ae5b13b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-9ae5b13b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-d9a7c4f6-89d9-58c6-2a7d-e9cb6134b908-9ae5b13b, #w-node-d9a7c4f6-89d9-58c6-2a7d-e9cb6134b931-9ae5b13b, #w-node-d9a7c4f6-89d9-58c6-2a7d-e9cb6134b956-9ae5b13b, #w-node-d9a7c4f6-89d9-58c6-2a7d-e9cb6134b97b-9ae5b13b, #w-node-_39528435-027d-1061-1ff3-6dc3b1f4e233-3f5ca716, #w-node-ae727979-b4fb-7918-df07-6192400eaff6-3f5ca716, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-3f5ca716 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-3f5ca716 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-cbb63f9f-481f-1f4b-3c2c-429741ab96d9-3f5ca716, #w-node-cbb63f9f-481f-1f4b-3c2c-429741ab9702-3f5ca716, #w-node-cbb63f9f-481f-1f4b-3c2c-429741ab9727-3f5ca716, #w-node-cbb63f9f-481f-1f4b-3c2c-429741ab974c-3f5ca716 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7f6bb8f7-7d86-bf45-ec85-7f20711ae518-e9cacb68 {
  align-self: center;
}

#w-node-_39528435-027d-1061-1ff3-6dc3b1f4e233-e9cacb68, #w-node-ae727979-b4fb-7918-df07-6192400eaff6-e9cacb68, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-e9cacb68 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-e9cacb68 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_5bcc15a7-905b-0f30-4eab-0a2981fecb6b-e9cacb68, #w-node-_5bcc15a7-905b-0f30-4eab-0a2981fecb94-e9cacb68, #w-node-_5bcc15a7-905b-0f30-4eab-0a2981fecbb9-e9cacb68, #w-node-_5bcc15a7-905b-0f30-4eab-0a2981fecbde-e9cacb68, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-d70a415f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-d70a415f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_07f4f2e9-23fc-8b95-3512-e0ec4d7ebf2d-d70a415f, #w-node-_07f4f2e9-23fc-8b95-3512-e0ec4d7ebf56-d70a415f, #w-node-_07f4f2e9-23fc-8b95-3512-e0ec4d7ebf7b-d70a415f, #w-node-_07f4f2e9-23fc-8b95-3512-e0ec4d7ebfa0-d70a415f, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-344b7a64 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-344b7a64 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-c0884f25-3426-a0a5-8080-d80991005a68-344b7a64, #w-node-c0884f25-3426-a0a5-8080-d80991005a91-344b7a64, #w-node-c0884f25-3426-a0a5-8080-d80991005ab6-344b7a64, #w-node-c0884f25-3426-a0a5-8080-d80991005adb-344b7a64, #w-node-_1831a643-2469-71bc-dda5-d15660b3ce51-a279b28f, #w-node-_1831a643-2469-71bc-dda5-d15660b3ce66-a279b28f, #w-node-_1831a643-2469-71bc-dda5-d15660b3ce7b-a279b28f, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-a279b28f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-a279b28f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_8fc2efc0-cbb7-2fac-aeee-08ee714a3b69-a279b28f, #w-node-_8fc2efc0-cbb7-2fac-aeee-08ee714a3b92-a279b28f, #w-node-_8fc2efc0-cbb7-2fac-aeee-08ee714a3bb7-a279b28f, #w-node-_8fc2efc0-cbb7-2fac-aeee-08ee714a3bdc-a279b28f, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-1ac3f345 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-1ac3f345 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_6a25dfe0-1811-6487-f48d-4135099d1037-1ac3f345, #w-node-_6a25dfe0-1811-6487-f48d-4135099d1060-1ac3f345, #w-node-_6a25dfe0-1811-6487-f48d-4135099d1085-1ac3f345, #w-node-_6a25dfe0-1811-6487-f48d-4135099d10aa-1ac3f345 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_313840aa-e034-1b99-b757-2a1b3d8b93d8-f3561781 {
  justify-self: end;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-f3561781 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-f3561781 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-d7888c0a-d6eb-5edf-9580-0c3b847adfe6-f3561781, #w-node-d7888c0a-d6eb-5edf-9580-0c3b847ae00f-f3561781, #w-node-d7888c0a-d6eb-5edf-9580-0c3b847ae034-f3561781, #w-node-d7888c0a-d6eb-5edf-9580-0c3b847ae059-f3561781, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-ddce4710 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-ddce4710 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_2592901a-6e33-afa9-b34d-a3fb3d24c867-ddce4710, #w-node-_2592901a-6e33-afa9-b34d-a3fb3d24c890-ddce4710, #w-node-_2592901a-6e33-afa9-b34d-a3fb3d24c8b5-ddce4710, #w-node-_2592901a-6e33-afa9-b34d-a3fb3d24c8da-ddce4710, #w-node-df781445-70d0-fc9e-7a82-07a33ab5c820-9997c104, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-9997c104 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-9997c104 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_870ee33d-c912-b2fc-9e5f-52a2ea91ef2e-9997c104, #w-node-_870ee33d-c912-b2fc-9e5f-52a2ea91ef57-9997c104, #w-node-_870ee33d-c912-b2fc-9e5f-52a2ea91ef7c-9997c104, #w-node-_870ee33d-c912-b2fc-9e5f-52a2ea91efa1-9997c104 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_10fb0f27-ca8c-1b44-5d0e-168b9656d98d-18ef8dc6 {
  justify-self: end;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-18ef8dc6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-18ef8dc6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-aab424a5-8edd-1f2d-c09b-c0fc43ddf0fe-18ef8dc6, #w-node-aab424a5-8edd-1f2d-c09b-c0fc43ddf127-18ef8dc6, #w-node-aab424a5-8edd-1f2d-c09b-c0fc43ddf14c-18ef8dc6, #w-node-aab424a5-8edd-1f2d-c09b-c0fc43ddf171-18ef8dc6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1aba54-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1aba5f-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1aba6a-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1aba6e-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1aba72-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1aba76-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1aba7a-971110e6, #w-node-_2e48e22f-2378-28c8-6e50-79100f7341a3-971110e6, #w-node-eae31be0-ab65-9851-bd35-4d8d6415df6d-971110e6, #w-node-_7471225f-68c5-8ffa-fd47-db44d377ed56-971110e6, #w-node-_1d8e2b17-8882-2212-4577-7427c8ad5cf0-971110e6, #w-node-_8a848bfe-6870-79d6-c370-2c13093e1c79-971110e6, #w-node-_1da4a45b-9a41-d124-3475-a5ec008ff0be-971110e6, #w-node-_74665145-a118-6f66-064c-5a589e9f75f4-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1aba84-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1aba8f-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1aba9a-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1aba9e-971110e6, #w-node-_36056f6e-c02f-8840-77bd-8a706607ddec-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abaa2-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abaa6-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abaaa-971110e6, #w-node-_85f3ece8-e9df-81a6-e566-b46580e437bf-971110e6, #w-node-e2d92b96-6aad-79e0-0501-765f5ba91d8c-971110e6, #w-node-_5afba178-0df8-0f86-6fd1-7569e6986a9f-971110e6, #w-node-f3dfc6b7-43e6-2fc3-64ad-7f5d2e0282a8-971110e6, #w-node-dc211508-c08b-507f-a5c4-43b3bcf7aa4c-971110e6, #w-node-b9cbd879-7b55-c493-8bb8-1813152330fc-971110e6, #w-node-_3e941650-9daa-66d7-f91e-e41216e30257-971110e6, #w-node-f456d67b-2e3b-3a7f-ba4d-960216858352-971110e6, #w-node-ea1da2eb-b711-f980-c2b6-7284d2d679ca-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abab4-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1ababf-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abac9-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abacd-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abad1-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abad5-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abad9-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abae3-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abaee-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abaf8-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abafc-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abb00-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abb04-971110e6, #w-node-f492f408-0845-d8d3-4a00-ac96dd1abb08-971110e6, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-971110e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-971110e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-e186c09e-fd0c-f58c-ce16-82b08b0262e9-971110e6, #w-node-e186c09e-fd0c-f58c-ce16-82b08b026312-971110e6, #w-node-e186c09e-fd0c-f58c-ce16-82b08b026337-971110e6, #w-node-e186c09e-fd0c-f58c-ce16-82b08b02635c-971110e6, #w-node-_39528435-027d-1061-1ff3-6dc3b1f4e233-ec48f38c, #w-node-ae727979-b4fb-7918-df07-6192400eaff6-ec48f38c, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-ec48f38c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-ec48f38c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-f2c0e1dd-e0af-8388-a4cd-12690ae07729-ec48f38c, #w-node-f2c0e1dd-e0af-8388-a4cd-12690ae07752-ec48f38c, #w-node-f2c0e1dd-e0af-8388-a4cd-12690ae07777-ec48f38c, #w-node-f2c0e1dd-e0af-8388-a4cd-12690ae0779c-ec48f38c, #w-node-_39528435-027d-1061-1ff3-6dc3b1f4e233-f4f64fe1, #w-node-ae727979-b4fb-7918-df07-6192400eaff6-f4f64fe1, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-f4f64fe1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-f4f64fe1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_65900436-512f-3417-be0a-0db64d9d1c89-f4f64fe1, #w-node-_65900436-512f-3417-be0a-0db64d9d1cb2-f4f64fe1, #w-node-_65900436-512f-3417-be0a-0db64d9d1cd7-f4f64fe1, #w-node-_65900436-512f-3417-be0a-0db64d9d1cfc-f4f64fe1, #w-node-_20cbb163-6b13-d807-0e2a-be7a951a6240-5c9a5154, #w-node-_20cbb163-6b13-d807-0e2a-be7a951a6260-5c9a5154, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-5c9a5154 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-5c9a5154 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-d52d0f38-f162-7514-8958-2f3254dc8025-5c9a5154, #w-node-d52d0f38-f162-7514-8958-2f3254dc804e-5c9a5154, #w-node-d52d0f38-f162-7514-8958-2f3254dc8073-5c9a5154, #w-node-d52d0f38-f162-7514-8958-2f3254dc8098-5c9a5154, #w-node-aad98aa4-9c1b-0fe9-2032-ce10581b880e-2ea3950a, #w-node-aad98aa4-9c1b-0fe9-2032-ce10581b8837-2ea3950a, #w-node-aad98aa4-9c1b-0fe9-2032-ce10581b885c-2ea3950a, #w-node-aad98aa4-9c1b-0fe9-2032-ce10581b8881-2ea3950a, #w-node-_9f12bce8-5e64-fa81-cc57-feb39d1e82c6-1b779e5e, #w-node-_9f12bce8-5e64-fa81-cc57-feb39d1e82ef-1b779e5e, #w-node-_9f12bce8-5e64-fa81-cc57-feb39d1e8314-1b779e5e, #w-node-_9f12bce8-5e64-fa81-cc57-feb39d1e8339-1b779e5e, #w-node-bd80ab47-fec7-d7f9-0a37-675815187c65-22070d6c, #w-node-e43750c6-eb93-ec58-e1cf-095018d17660-22070d6c, #w-node-_76f47137-3431-8642-f995-93fa7f62d154-22070d6c, #w-node-_8f3b2792-b5e2-d7f7-4005-d7f8cb5ed304-22070d6c, #w-node-c9eca188-8982-3f84-f833-6b27a458fd4b-22070d6c, #w-node-a1ae6dd8-be51-aac0-387e-dbbdb6f8dc1a-22070d6c, #w-node-e2d94c45-9c76-7b48-8b56-e0acd42f88b4-22070d6c, #w-node-b6079156-db8a-76cc-527d-6f34c9ec4685-22070d6c, #w-node-_2763a68d-0ba8-df8d-5d7f-e58f5faa9022-22070d6c, #w-node-af322a00-6941-10e2-17de-8140fcf31372-22070d6c, #w-node-_626b9117-fad5-a986-6be0-ada0da7c5a2c-22070d6c, #w-node-_6cc39515-83ef-3eb3-08da-4f90f4fef083-22070d6c, #w-node-bd80ab47-fec7-d7f9-0a37-675815187c89-22070d6c, #w-node-bd80ab47-fec7-d7f9-0a37-675815187cca-22070d6c, #w-node-a3787b71-4720-4a68-9832-142b160ec3de-22070d6c, #w-node-a3787b71-4720-4a68-9832-142b160ec407-22070d6c, #w-node-a3787b71-4720-4a68-9832-142b160ec42c-22070d6c, #w-node-a3787b71-4720-4a68-9832-142b160ec451-22070d6c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf6aa497-1329-820d-243f-a8c7cf1fabe9-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-cf6aa497-1329-820d-243f-a8c7cf1fabee-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf6aa497-1329-820d-243f-a8c7cf1fac0a-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-cf6aa497-1329-820d-243f-a8c7cf1fac0f-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9039465d-ca6f-b890-ff45-d6dccaa9a0f2-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_9039465d-ca6f-b890-ff45-d6dccaa9a0f7-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf6aa497-1329-820d-243f-a8c7cf1fac33-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-cf6aa497-1329-820d-243f-a8c7cf1fac38-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05d45e99-1753-9c6c-9280-c9cb5983ab9e-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_05d45e99-1753-9c6c-9280-c9cb5983aba3-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05d45e99-1753-9c6c-9280-c9cb5983abe0-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_05d45e99-1753-9c6c-9280-c9cb5983abe5-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05d45e99-1753-9c6c-9280-c9cb5983abef-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_05d45e99-1753-9c6c-9280-c9cb5983abf4-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5ba1a013-1b6f-3849-e18c-4bc30c3058f8-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_5ba1a013-1b6f-3849-e18c-4bc30c3058fd-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05d45e99-1753-9c6c-9280-c9cb5983ac0c-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_05d45e99-1753-9c6c-9280-c9cb5983ac11-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6d0aa9d-eb03-3888-12ef-429ffa5dba9a-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-c6d0aa9d-eb03-3888-12ef-429ffa5dba9f-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6d0aa9d-eb03-3888-12ef-429ffa5dbae9-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-c6d0aa9d-eb03-3888-12ef-429ffa5dbaee-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e590fdab-5955-b777-1978-9f8571e00852-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-e590fdab-5955-b777-1978-9f8571e00857-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6d0aa9d-eb03-3888-12ef-429ffa5dbafb-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-c6d0aa9d-eb03-3888-12ef-429ffa5dbb00-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6d0aa9d-eb03-3888-12ef-429ffa5dbb1e-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-c6d0aa9d-eb03-3888-12ef-429ffa5dbb23-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6d0aa9d-eb03-3888-12ef-429ffa5dbb57-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-c6d0aa9d-eb03-3888-12ef-429ffa5dbb5c-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a12564a8-fe44-cd74-3014-235328b7dedf-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-a12564a8-fe44-cd74-3014-235328b7dee4-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a12564a8-fe44-cd74-3014-235328b7df2f-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-a12564a8-fe44-cd74-3014-235328b7df34-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a12564a8-fe44-cd74-3014-235328b7df45-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-a12564a8-fe44-cd74-3014-235328b7df4a-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a12564a8-fe44-cd74-3014-235328b7df5b-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-a12564a8-fe44-cd74-3014-235328b7df60-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a12564a8-fe44-cd74-3014-235328b7df87-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-a12564a8-fe44-cd74-3014-235328b7df8c-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a12564a8-fe44-cd74-3014-235328b7dfaa-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-a12564a8-fe44-cd74-3014-235328b7dfaf-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_67def17c-a67f-65bb-a926-2b090c462ee7-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_67def17c-a67f-65bb-a926-2b090c462eec-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aec0e7a4-5011-a1c6-fd11-0df78c31f2c1-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-aec0e7a4-5011-a1c6-fd11-0df78c31f2c6-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_26cceca1-7544-7680-8c2c-9b321105ec40-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_26cceca1-7544-7680-8c2c-9b321105ec45-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_476386bf-ebdd-7d8f-ed63-c49e9b8eb506-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_476386bf-ebdd-7d8f-ed63-c49e9b8eb50b-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d87a6f5e-c77d-a7c4-c728-48a4e7fc975c-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-d87a6f5e-c77d-a7c4-c728-48a4e7fc9761-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dab999a4-d2d8-e56c-151e-1c356c38e115-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-dab999a4-d2d8-e56c-151e-1c356c38e11a-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_74501bc4-038f-53d5-54fd-4f1def7459cd-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_74501bc4-038f-53d5-54fd-4f1def7459d2-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5628ab83-b016-f8d0-24ca-4d2bcc7d24da-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_5628ab83-b016-f8d0-24ca-4d2bcc7d24df-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3fb53e32-6010-71a5-7b88-5d70e9e16c31-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_3fb53e32-6010-71a5-7b88-5d70e9e16c36-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8efb88ba-1cf7-ab18-032c-6b53ae851894-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_8efb88ba-1cf7-ab18-032c-6b53ae851899-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d273bd5-7954-8972-3629-b3ddd1b217c2-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_6d273bd5-7954-8972-3629-b3ddd1b217c7-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_172470e4-3594-001f-5ff8-c236f717eb47-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_172470e4-3594-001f-5ff8-c236f717eb4c-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_172470e4-3594-001f-5ff8-c236f717eb94-661dff38 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_172470e4-3594-001f-5ff8-c236f717eb99-661dff38, #w-node-e62f9e5f-94de-95bc-370b-7040e211799d-661dff38, #w-node-e62f9e5f-94de-95bc-370b-7040e21179c6-661dff38, #w-node-e62f9e5f-94de-95bc-370b-7040e21179eb-661dff38, #w-node-e62f9e5f-94de-95bc-370b-7040e2117a10-661dff38, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-60e238a8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-60e238a8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-e4e1b772-f07a-d1a9-9413-3155f1a67085-60e238a8, #w-node-e4e1b772-f07a-d1a9-9413-3155f1a670ae-60e238a8, #w-node-e4e1b772-f07a-d1a9-9413-3155f1a670d3-60e238a8, #w-node-e4e1b772-f07a-d1a9-9413-3155f1a670f8-60e238a8, #w-node-_20cbb163-6b13-d807-0e2a-be7a951a6240-806eb0ba, #w-node-_20cbb163-6b13-d807-0e2a-be7a951a6260-806eb0ba, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-806eb0ba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-806eb0ba {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_585fc497-d5bf-79a5-e595-52da80d91665-806eb0ba, #w-node-_585fc497-d5bf-79a5-e595-52da80d9168e-806eb0ba, #w-node-_585fc497-d5bf-79a5-e595-52da80d916b3-806eb0ba, #w-node-_585fc497-d5bf-79a5-e595-52da80d916d8-806eb0ba, #w-node-_59c1a2c3-1c85-bdee-a13a-e1b59dc4610b-806eb0ba, #w-node-_59c1a2c3-1c85-bdee-a13a-e1b59dc46134-806eb0ba, #w-node-_59c1a2c3-1c85-bdee-a13a-e1b59dc46159-806eb0ba, #w-node-_59c1a2c3-1c85-bdee-a13a-e1b59dc4617e-806eb0ba, #w-node-_20cbb163-6b13-d807-0e2a-be7a951a6240-f93ae31e, #w-node-_20cbb163-6b13-d807-0e2a-be7a951a6260-f93ae31e, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-f93ae31e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-f93ae31e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_1c22e328-11af-2010-3991-97518ca653fb-f93ae31e, #w-node-_1c22e328-11af-2010-3991-97518ca65424-f93ae31e, #w-node-_1c22e328-11af-2010-3991-97518ca65449-f93ae31e, #w-node-_1c22e328-11af-2010-3991-97518ca6546e-f93ae31e, #w-node-_39528435-027d-1061-1ff3-6dc3b1f4e233-2bd303ea, #w-node-ae727979-b4fb-7918-df07-6192400eaff6-2bd303ea, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f234ec-2bd303ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-2bd303ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_8c2332fa-87a8-c8a4-4712-18719410d6dd-2bd303ea, #w-node-_8c2332fa-87a8-c8a4-4712-18719410d706-2bd303ea, #w-node-_8c2332fa-87a8-c8a4-4712-18719410d72b-2bd303ea, #w-node-_8c2332fa-87a8-c8a4-4712-18719410d750-2bd303ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_26a37792-05f6-e192-07aa-047f67eb0254-478ac379, #w-node-_26a37792-05f6-e192-07aa-047f67eb02d4-478ac379 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_717d8040-6d55-7940-1c45-0cfc7e84847a-e1e77bf8 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_717d8040-6d55-7940-1c45-0cfc7e84847d-e1e77bf8 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_717d8040-6d55-7940-1c45-0cfc7e848480-e1e77bf8, #w-node-_717d8040-6d55-7940-1c45-0cfc7e848483-e1e77bf8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-deb29107-7759-50b8-13a3-89a0b0a22593-13e77c3b, #w-node-_183b9086-1667-8a69-e78b-6ff34f6f7e41-13e77c3b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_39807f4f-9ef6-ed4b-788d-2a9eb1bb823e-13e77c3b, #w-node-f0c6e250-00c0-086a-8538-5b91677511f2-13e77c3b, #w-node-_382772ce-2d30-3297-a714-8b4a5b377e0d-13e77c3b, #w-node-e78f464e-4cb0-f028-2d99-417e18524877-13e77c3b, #w-node-_54f7aa9e-11ea-9af1-db46-fcf3caf2cdd5-13e77c3b {
    order: -9999;
  }

  #w-node-_69a7eb2e-96da-2e79-2642-442d0a4899fa-13e77c3b, #w-node-_22b6e69e-81f3-e065-90c1-65fbeb314580-dde77c3f {
    justify-self: center;
  }

  #w-node-ea8746c6-a50f-db98-5da4-48afeb8df9c3-c1589800, #w-node-ea8746c6-a50f-db98-5da4-48afeb8dfa43-c1589800 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c11ee594-53d4-0cf4-742b-a0e35b9dfeb2-c1589800 {
    justify-self: center;
  }

  #w-node-_2e1789db-11e0-012e-f655-26d71eed124d-0f887dab {
    order: 9999;
  }

  #w-node-b860738e-3247-102d-5cdd-bb44334cd977-0f887dab, #w-node-b860738e-3247-102d-5cdd-bb44334cd997-0f887dab {
    order: -9999;
  }

  #w-node-a9de819a-7720-6aab-5acb-fe7ca4514bc5-0f887dab {
    justify-self: center;
  }

  #w-node-a2d8c210-60c3-8bc9-8030-76f75a3d3c80-52ca926c {
    justify-self: auto;
  }

  #w-node-_2a14e3c9-f246-d9b6-3f08-bf898f2c4014-52ca926c {
    justify-self: center;
  }

  #w-node-_861ab312-33f0-be10-6921-90f0224c0d95-713e16a9 {
    order: -9999;
  }

  #w-node-c20c768c-b456-de91-de75-6a8583cc60da-713e16a9 {
    justify-self: start;
  }

  #w-node-e21ae7f0-6e91-ff41-7ce3-438428b653b6-713e16a9, #w-node-ab533580-a7d9-4b63-f678-fdb87b917d9c-e796ef5a {
    justify-self: center;
  }

  #w-node-_90181ea2-8617-d82f-3aa2-1caf70967848-d58eb698, #w-node-_90181ea2-8617-d82f-3aa2-1caf70967865-d58eb698 {
    order: -9999;
  }

  #w-node-e3e1613b-895f-f46e-70cf-302a71f72183-d58eb698 {
    justify-self: start;
  }

  #w-node-bd5b679a-87bd-d7f8-66b9-227a4d9ab17d-d58eb698, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-9ddd20a9 {
    justify-self: center;
  }

  #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a4792-ff9b6c45, #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a47af-ff9b6c45 {
    order: -9999;
  }

  #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-ff9b6c45 {
    justify-self: center;
  }

  #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a4792-2962beda, #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a47af-2962beda {
    order: -9999;
  }

  #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-2962beda {
    justify-self: center;
  }

  #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a4792-5a4ce74e, #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a47af-5a4ce74e {
    order: -9999;
  }

  #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-5a4ce74e {
    justify-self: center;
  }

  #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a4792-5eb980d8, #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a47af-5eb980d8 {
    order: -9999;
  }

  #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-5eb980d8 {
    justify-self: center;
  }

  #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a4792-482ce584, #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a47af-482ce584 {
    order: -9999;
  }

  #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-482ce584 {
    justify-self: center;
  }

  #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a4792-c5f17bc1, #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a47af-c5f17bc1 {
    order: -9999;
  }

  #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-c5f17bc1 {
    justify-self: center;
  }

  #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a4792-baf604bc, #w-node-_4fe7f35c-3b83-2ca1-8aab-0589593a47af-baf604bc {
    order: -9999;
  }

  #w-node-_01c410b8-070f-94e7-24aa-e2fdb7f3bd49-baf604bc {
    justify-self: center;
  }

  #w-node-_5ffbcd76-85a4-7280-3034-d6efb832c016-2c6835b0 {
    order: -9999;
  }

  #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-2c6835b0 {
    justify-self: center;
  }

  #w-node-_1e12ae3b-5042-144b-a59e-dda3e4b87a98-d8175594, #w-node-_9779df41-66ed-cc6c-60f0-8d5f14702841-d8175594, #w-node-_469a4fc2-6f62-40d4-db77-2f8ba383fcbb-d8175594, #w-node-_7b524fd0-ac2a-fa1f-e828-be08cc427490-d8175594, #w-node-_941ed7ca-dcc0-929e-e347-662e73f84e1e-d8175594, #w-node-_3e116eb7-b311-7e47-6a4f-2a834bafc2a0-d8175594, #w-node-_5ffbcd76-85a4-7280-3034-d6efb832c016-d8175594 {
    order: -9999;
  }

  #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-d8175594 {
    justify-self: center;
  }

  #w-node-_1e12ae3b-5042-144b-a59e-dda3e4b87a98-9ae5b13b, #w-node-_9779df41-66ed-cc6c-60f0-8d5f14702841-9ae5b13b, #w-node-_469a4fc2-6f62-40d4-db77-2f8ba383fcbb-9ae5b13b, #w-node-_7b524fd0-ac2a-fa1f-e828-be08cc427490-9ae5b13b, #w-node-_941ed7ca-dcc0-929e-e347-662e73f84e1e-9ae5b13b, #w-node-_3e116eb7-b311-7e47-6a4f-2a834bafc2a0-9ae5b13b, #w-node-_5ffbcd76-85a4-7280-3034-d6efb832c016-9ae5b13b {
    order: -9999;
  }

  #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-9ae5b13b {
    justify-self: center;
  }

  #w-node-b0721ccd-fdc2-9e48-8296-50edfe8e1f8e-3f5ca716, #w-node-b0721ccd-fdc2-9e48-8296-50edfe8e1fac-3f5ca716, #w-node-b0721ccd-fdc2-9e48-8296-50edfe8e1fca-3f5ca716, #w-node-b0721ccd-fdc2-9e48-8296-50edfe8e1fe8-3f5ca716, #w-node-b0721ccd-fdc2-9e48-8296-50edfe8e2006-3f5ca716, #w-node-b0721ccd-fdc2-9e48-8296-50edfe8e2024-3f5ca716, #w-node-_5ffbcd76-85a4-7280-3034-d6efb832c016-3f5ca716 {
    order: -9999;
  }

  #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-3f5ca716 {
    justify-self: center;
  }

  #w-node-_5ffbcd76-85a4-7280-3034-d6efb832c016-e9cacb68 {
    order: -9999;
  }

  #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-e9cacb68, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-d70a415f, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-344b7a64 {
    justify-self: center;
  }

  #w-node-_5ffbcd76-85a4-7280-3034-d6efb832c016-a279b28f {
    order: -9999;
  }

  #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-a279b28f, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-1ac3f345 {
    justify-self: center;
  }

  #w-node-_313840aa-e034-1b99-b757-2a1b3d8b93d8-f3561781 {
    order: -9999;
  }

  #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-f3561781 {
    justify-self: center;
  }

  #w-node-_1e12ae3b-5042-144b-a59e-dda3e4b87a98-ddce4710, #w-node-_9779df41-66ed-cc6c-60f0-8d5f14702841-ddce4710, #w-node-_469a4fc2-6f62-40d4-db77-2f8ba383fcbb-ddce4710, #w-node-_7b524fd0-ac2a-fa1f-e828-be08cc427490-ddce4710, #w-node-_941ed7ca-dcc0-929e-e347-662e73f84e1e-ddce4710 {
    order: -9999;
  }

  #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-ddce4710, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-9997c104, #w-node-_10fb0f27-ca8c-1b44-5d0e-168b9656d970-18ef8dc6, #w-node-_10fb0f27-ca8c-1b44-5d0e-168b9656d98d-18ef8dc6, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-18ef8dc6, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-971110e6 {
    justify-self: center;
  }

  #w-node-_375bf82e-bb7b-29d6-0873-c973a23138d2-ec48f38c {
    order: -9999;
  }

  #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-ec48f38c {
    justify-self: center;
  }

  #w-node-_5ffbcd76-85a4-7280-3034-d6efb832c016-f4f64fe1, #w-node-_090c01c3-362b-40ed-1dd4-36e2fd2f9791-f4f64fe1 {
    order: -9999;
  }

  #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-f4f64fe1, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-5c9a5154 {
    justify-self: center;
  }

  #w-node-_5c9dfdbf-6152-1690-d3c2-ee25967b67e9-60e238a8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-60e238a8, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-806eb0ba, #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-f93ae31e {
    justify-self: center;
  }

  #w-node-a4eb725d-6ecb-dd43-0053-ffa56dd44acf-2bd303ea, #w-node-a4eb725d-6ecb-dd43-0053-ffa56dd44af6-2bd303ea {
    order: -9999;
  }

  #w-node-_9f564b51-7bc6-0503-b9eb-0612b1f23510-2bd303ea {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_26a37792-05f6-e192-07aa-047f67eb0254-478ac379, #w-node-_26a37792-05f6-e192-07aa-047f67eb02d4-478ac379, #w-node-deb29107-7759-50b8-13a3-89a0b0a22593-13e77c3b, #w-node-_183b9086-1667-8a69-e78b-6ff34f6f7e41-13e77c3b, #w-node-ea8746c6-a50f-db98-5da4-48afeb8df9c3-c1589800, #w-node-ea8746c6-a50f-db98-5da4-48afeb8dfa43-c1589800, #w-node-_111fce2f-a4a7-a07d-cb53-271bd546e3d7-c1589800 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a2d8c210-60c3-8bc9-8030-76f75a3d3c78-52ca926c, #w-node-c20c768c-b456-de91-de75-6a8583cc60f5-713e16a9, #w-node-c20c768c-b456-de91-de75-6a8583cc60ff-713e16a9, #w-node-c20c768c-b456-de91-de75-6a8583cc6109-713e16a9, #w-node-c20c768c-b456-de91-de75-6a8583cc6113-713e16a9, #w-node-e3e1613b-895f-f46e-70cf-302a71f7219e-d58eb698, #w-node-e3e1613b-895f-f46e-70cf-302a71f721a5-d58eb698, #w-node-e3e1613b-895f-f46e-70cf-302a71f721ae-d58eb698, #w-node-e3e1613b-895f-f46e-70cf-302a71f721b7-d58eb698 {
    grid-column: span 1 / span 1;
  }

  #w-node-_314dacd4-174b-3983-87ae-057d1315644d-9ddd20a9 {
    order: -9999;
  }

  #w-node-_10fb0f27-ca8c-1b44-5d0e-168b9656d970-18ef8dc6 {
    justify-self: auto;
  }

  #w-node-_5c9dfdbf-6152-1690-d3c2-ee25967b67e9-60e238a8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8fa8471d-dc23-70b8-f8d9-194cae0a9135-60e238a8, #w-node-_8fa8471d-dc23-70b8-f8d9-194cae0a9144-60e238a8, #w-node-_8fa8471d-dc23-70b8-f8d9-194cae0a9153-60e238a8 {
    order: -9999;
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_26a37792-05f6-e192-07aa-047f67eb0268-478ac379, #w-node-_26a37792-05f6-e192-07aa-047f67eb02e8-478ac379, #w-node-deb29107-7759-50b8-13a3-89a0b0a225a7-13e77c3b, #w-node-_183b9086-1667-8a69-e78b-6ff34f6f7e55-13e77c3b, #w-node-ea8746c6-a50f-db98-5da4-48afeb8df9d7-c1589800, #w-node-ea8746c6-a50f-db98-5da4-48afeb8dfa57-c1589800 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_314dacd4-174b-3983-87ae-057d1315644d-9ddd20a9 {
    order: 99;
  }
}


@font-face {
  font-family: 'Satoshi variable';
  src: url('../fonts/satoshi-variable.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi variable';
  src: url('../fonts/satoshi-variable.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi variable';
  src: url('../fonts/satoshi-variable.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartadisplay';
  src: url('../fonts/plusjakartadisplay-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartadisplay';
  src: url('../fonts/plusjakartadisplay-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartadisplay';
  src: url('../fonts/plusjakartadisplay-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avertastd';
  src: url('../fonts/avertastd-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avertastd';
  src: url('../fonts/avertastd-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avertastd';
  src: url('../fonts/avertastd-extrathin.otf') format('opentype'), url('../fonts/avertastd-thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avertastd';
  src: url('../fonts/avertastd-black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avertastd';
  src: url('../fonts/avertastd-semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avertastd';
  src: url('../fonts/avertastd-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}