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

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

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

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

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Light.woff2') format("woff2"), url('../fonts/Satoshi-Light.eot') format("embedded-opentype"), url('../fonts/Satoshi-Light.woff') format("woff"), url('../fonts/Satoshi-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Medium.woff2') format("woff2"), url('../fonts/Satoshi-Medium.eot') format("embedded-opentype"), url('../fonts/Satoshi-Medium.woff') format("woff"), url('../fonts/Satoshi-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Bold.woff2') format("woff2"), url('../fonts/Satoshi-Bold.eot') format("embedded-opentype"), url('../fonts/Satoshi-Bold.woff') format("woff"), url('../fonts/Satoshi-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --white-color: white;
  --gray-color: #d4d4d4;
  --button-stroke: #252537;
  --fill-color: #0c0c16;
  --background-color: #000003;
  --stroke-color: #2f3237;
  --blue-dark: #5d6294;
  --black-color: #0b0b15;
  --fill-color-2: #191928;
  --blue-light: #8827f9;
  --stroke-color-3: #171720;
  --fill-color-3: #11121c;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-commerce-commercepaypalcheckoutformcontainer {
  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-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

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

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

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

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

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h4 {
  color: var(--white-color);
  letter-spacing: -.02em;
  margin-top: 40px;
  margin-bottom: 16px;
  font-family: Inter, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 130%;
}

h5 {
  color: var(--white-color);
  margin-top: 40px;
  margin-bottom: 16px;
  font-family: Inter, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
}

h6 {
  color: var(--white-color);
  margin-top: 30px;
  margin-bottom: 16px;
  font-family: Inter, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
}

p {
  color: var(--gray-color);
  margin-bottom: 0;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

ul {
  color: var(--gray-color);
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

ol {
  color: var(--gray-color);
  margin-top: 16px;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

li {
  margin-bottom: 14px;
}

blockquote {
  border-left: 3px solid var(--button-stroke);
  background-color: var(--fill-color);
  color: var(--white-color);
  border-radius: 12px;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 30px;
  font-family: Inter, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
}

.page-wrapper {
  background-color: var(--background-color);
  position: relative;
}

.typography {
  padding-top: 156px;
}

.container {
  z-index: 1;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.container.pricing {
  background-image: radial-gradient(circle, #171436d6, #11131829 57%), linear-gradient(#000000f2, #000000f2), url('../images/PATO-ACADEMY-60.png');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, cover;
}

.typography-list-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  margin-top: 30px;
  display: flex;
  overflow: hidden;
}

.typography-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.heading-1 {
  color: var(--white-color);
  letter-spacing: -.07em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 110%;
}

.heading-1.linear-text-01 {
  letter-spacing: -.07em;
  background-image: linear-gradient(56deg, #fff 9%, #c6c6c6 40%, #8c8c8c);
  padding-right: 0;
  line-height: 130%;
}

.heading-1.linear-text-01.text-center {
  font-weight: 500;
}

.heading-2 {
  color: var(--white-color);
  letter-spacing: -.07em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 120%;
}

.heading-2.linear-color {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(132deg, #9968ff, #ff6cb2 50%, #ffaf56);
  -webkit-background-clip: text;
  background-clip: text;
}

.heading-2.linear-text-01.features-text {
  letter-spacing: -.06em;
  font-size: 72px;
  line-height: 70px;
}

.heading-2.included-h2 {
  max-width: 535px;
}

.heading-3 {
  color: var(--white-color);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
}

.heading-3.linear-text-01 {
  background-image: linear-gradient(184deg, #8c8c8c, #c6c6c6 42%, #fff 91%);
  font-size: 34px;
}

.heading-3.linear-text-01.headingprotocolo {
  font-size: 28px;
}

.heading-4 {
  color: var(--white-color);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 130%;
}

.heading-4.form-heading {
  color: var(--background-color);
}

.heading-5 {
  color: var(--white-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
}

.heading-5.linear-text-01.tab-text {
  font-size: 18px;
}

.heading-5.testimonial-text {
  font-family: Satoshi, Verdana, sans-serif;
  font-weight: 300;
}

.paragraph-medium-01 {
  color: #d3d3d3;
  margin-bottom: 0;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.paragraph-medium-01.gray-text-color {
  color: var(--gray-color);
}

.paragraph-medium-01.linear-text-01 {
  white-space: normal;
  object-fit: fill;
  font-size: 16px;
  line-height: 120%;
}

.paragraph-medium-01.changelog-short-text {
  flex: none;
}

.paragraph-01 {
  color: var(--white-color);
  margin-bottom: 0;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.paragraph-01.gray-text-color {
  color: var(--gray-color);
  text-align: left;
}

.paragraph-01.gray-text-color.hero-text {
  color: #dfdfdf;
  text-align: center;
  max-width: 637px;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-medium-02 {
  color: var(--white-color);
  margin-bottom: 0;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.paragraph-medium-02.gray-text-color {
  color: var(--gray-color);
}

.paragraph-medium-02.gray-text-color.text-center {
  margin-top: 30px;
}

.paragraph-medium-02.form-label {
  margin-bottom: 10px;
}

.paragraph-medium-02.licenses-link {
  text-decoration: none;
}

.paragraph-medium-02.button-text-color {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#9968ff, #ff6cb2 50%, #ffaf56);
  -webkit-background-clip: text;
  background-clip: text;
}

.paragraph-02 {
  color: var(--white-color);
  margin-bottom: 0;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.paragraph-02.gray-text-color {
  color: #ececec;
  margin-top: 0;
  font-weight: 500;
}

.paragraph-02.gray-text-color.hero-text {
  max-width: 595px;
  margin-top: 22px;
}

.paragraph-02.gray-text-color.text-center.short-text {
  max-width: 521px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-02.gray-text-color.text-center.section-short-text {
  margin-top: 16px;
}

.paragraph-02.gray-text-color.text-center.tst {
  max-width: 439px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-02.gray-text-color.text-center.integration-text {
  max-width: 505px;
  margin-top: 18px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-02.gray-text-color.works-text {
  max-width: 378px;
  margin-top: 20px;
}

.paragraph-02.gray-text-color.vacancies-short-text {
  text-align: center;
  max-width: 505px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-02.gray-text-color.job-type {
  text-transform: capitalize;
}

.paragraph-02.gray-text-color.trust-text {
  max-width: 449px;
}

.paragraph-02.nav-link {
  color: var(--gray-color);
  text-decoration: none;
  transition: all .3s;
}

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

.paragraph-02.dropdown-link {
  color: var(--gray-color);
  text-decoration: none;
  transition: all .3s;
}

.paragraph-02.dropdown-link:hover {
  color: var(--white-color);
}

.paragraph-02.dropdown-link.w--current {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(62deg, #9968ff, #ff6cb2 50%, #ffaf56);
  -webkit-background-clip: text;
  background-clip: text;
}

.paragraph-02.cta-text {
  margin-top: 24px;
}

.paragraph-02.signup-text {
  color: #000;
}

.paragraph-02.copyright-text {
  color: var(--gray-color);
  text-align: center;
}

.paragraph-medium-03 {
  color: var(--white-color);
  margin-bottom: 0;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}

.paragraph-03 {
  color: var(--white-color);
  margin-bottom: 0;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.paragraph-03.footer-menu {
  color: var(--gray-color);
  transition: all .3s;
}

.paragraph-03.footer-menu:hover {
  color: var(--white-color);
}

.paragraph-03.gray-text-color {
  color: var(--gray-color);
  text-align: center;
  font-size: 18px;
}

.paragraph-03.gray-text-color.text-center.reset-password-text {
  max-width: 320px;
}

.paragraph-03.badge-label {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#abc4f5 45%, #d1d7e4 94%);
  -webkit-background-clip: text;
  background-clip: text;
}

.paragraph-03.home-01-badge-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#abc4f5, #d1d7e4);
  -webkit-background-clip: text;
  background-clip: text;
  flex: none;
}

.typography-heading {
  border-bottom: 1px solid var(--stroke-color);
  margin-top: 82px;
  padding-bottom: 40px;
}

.typography-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--stroke-color);
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 40px;
  display: flex;
}

.color {
  padding-top: 160px;
}

.color-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--stroke-color);
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 40px;
  display: flex;
}

.color-list-wrap {
  grid-column-gap: 64px;
  grid-row-gap: 30px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
  overflow: hidden;
}

.text-gradient {
  background-color: #fff;
  background-image: linear-gradient(#000, #fff);
}

.color-size {
  height: 100px;
}

.gradient {
  background-image: linear-gradient(130deg, #9968ff, #ff6cb2 50%, #ffaf56);
}

.gradient-01 {
  background-image: linear-gradient(90deg, #7d79e7, #a279e6);
}

.gradient-02 {
  background-image: linear-gradient(#abc4f5, #d1d7e4);
}

.gradient-03 {
  background-image: linear-gradient(90deg, #6d7c99, #181a1e);
}

.stroke-color {
  background-color: var(--stroke-color);
}

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

.gray-color {
  background-color: var(--gray-color);
}

.fill-color {
  border: 1px solid var(--stroke-color);
  background-color: var(--fill-color);
}

.blue-dark {
  background-color: var(--blue-dark);
}

.black-color {
  border: 1px solid var(--stroke-color);
  background-color: var(--black-color);
}

.button-stroke {
  background-color: var(--button-stroke);
}

.gradient-04 {
  border: 1px solid var(--stroke-color);
  background-color: #080812;
  background-image: radial-gradient(circle closest-side at 100% 0, #e2e8ff00 34%, #e2e8ff05), radial-gradient(circle at 0 0, #7692ff00 81%, #7a96ff05);
}

.fill-color-02 {
  background-color: var(--fill-color-2);
}

.blue-light {
  background-color: var(--blue-light);
}

.stroke-color-03 {
  background-color: var(--stroke-color-3);
}

.fill-color-03 {
  background-color: var(--fill-color-3);
}

.button-gradient {
  background-image: url('../images/Rectangle-161125190.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.black-color-02 {
  border: 1px solid var(--stroke-color);
  background-color: var(--background-color);
}

.radial-color {
  background-image: radial-gradient(circle at 50% 100%, #ac8eff, #6e3afe);
}

.buttons {
  padding-top: 160px;
}

.buttons-list-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.signup-button {
  border: 1px solid var(--stroke-color);
  color: var(--white-color);
  background-color: #0a0a14;
  border-radius: 8px;
  padding: 9px 16px;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.button-01 {
  background-image: linear-gradient(57deg, #9968ff, #ff6cb2 50%, #ffaf56);
  border-radius: 12px;
  padding: 1px;
  text-decoration: none;
}

.button-01:where(.w-variant-839025ef-62ac-aa3f-349a-0db7e7b70424), .button-01.base-02 {
  border-radius: 8px;
  width: 100%;
}

.button-01.fulli {
  width: 100%;
}

.button-02 {
  background-image: url('../images/Rectangle-161125190.svg'), url('../images/Rectangle-161125190-1.svg');
  background-position: 100% 100%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-radius: 8px;
  padding: 1px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.button-02:where(.w-variant-9641d9d7-6d02-55bf-781b-256c182d637b) {
  width: 100%;
}

.button-02-inner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--fill-color-3);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 16px 24px;
  display: flex;
}

.button-03 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-image: radial-gradient(circle farthest-side at 50% 150%, #ac8eff, #6e3afe);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 17px 54px #6e3afe4d;
}

.button-04 {
  background-color: var(--fill-color);
  border: 1px solid #060610;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  text-decoration: none;
  display: flex;
}

.footer {
  background-color: var(--fill-color);
  margin-top: 100px;
  padding-top: 24px;
  padding-bottom: 15px;
}

.footer-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  margin-top: 80px;
  display: flex;
}

.cta-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.cta-left {
  width: 594px;
  max-width: 100%;
}

.cta-right {
  width: 505px;
  max-width: 100%;
}

.cta-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.cta-border {
  background-color: #d8dde633;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.footer-left {
  width: 370px;
  max-width: 100%;
}

.footer-logo {
  width: 250px;
}

.footer-left-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.footer-left-bottom {
  width: 270px;
  max-width: 100%;
  margin-top: 64px;
}

.footer-subscribe {
  margin-bottom: 0;
}

.subscribe-form-group {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--background-color);
  border-radius: 12px;
  align-items: center;
  min-height: 50px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 6px;
  display: flex;
}

.subscribe-field {
  background-color: #fff0;
  border: 0 solid #000;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.subscribe-field:active, .subscribe-field:focus {
  color: var(--white-color);
}

.subscribe-field::placeholder {
  color: var(--gray-color);
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.subscribe-field:lang(en) {
  color: var(--white-color);
}

.subscribe-submit-button {
  background-color: var(--fill-color-2);
  background-image: url('../images/ArrowUp_2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  border-radius: 6px;
  width: 38px;
  height: 38px;
  transition: all .3s;
}

.subscribe-submit-button:hover {
  background-color: var(--blue-light);
}

.footer-right {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  width: 530px;
  max-width: 100%;
  display: flex;
}

.footer-menu-list {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 16px;
  display: flex;
}

.pricing-hero {
  padding-top: 140px;
}

.pricing-hero-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.pricing-hero-left {
  width: 610px;
  max-width: 100%;
}

.pricing-hero-left.pricing-left {
  width: 759px;
}

.pricing-hero-right {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 358px;
  max-width: 100%;
  display: flex;
}

.pricing-hero-bottom {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 80px;
  display: flex;
}

.pricing-hero-bottom.p3 {
  margin-top: 110px;
}

.pricing-switch-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--button-stroke);
  background-color: var(--black-color);
  border-radius: 8.2px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.pricing-switch-box {
  border: 1px solid var(--button-stroke);
  cursor: pointer;
  border-radius: 7px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 48px;
  padding: 1px;
  display: flex;
}

.pricing-switch {
  width: 24px;
  height: 24px;
}

.pricing-switch-content {
  width: 100%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-card-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  width: 100%;
  display: grid;
}

.pricing-card-wrap.month {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-card-wrap.year {
  display: none;
}

.pricing-card {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--black-color);
  border-radius: 12px;
  flex: 1;
  padding: 8px 8px 30px;
}

.pricing-card-top {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--fill-color);
  border-radius: 8px;
  padding: 22px 24px;
}

.pricing-card-icon {
  width: 38px;
}

.pricing-card-icon.pricing-card-icon-03 {
  width: 60px;
}

.pricing-card-details {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 16px;
  display: flex;
}

.pricing-card-price {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 16px;
  margin-bottom: 12px;
  display: flex;
}

.pricing-card-price.card-price-03 {
  margin-top: 30px;
  margin-bottom: 0;
}

.pricing-card-price.card-price-01 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 8px;
}

.pricing-card-button {
  margin-top: 24px;
}

.pricing-card-button.pricing-button-01 {
  margin-top: 30px;
}

.pricing-card-bottom {
  margin-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.pricing-card-features-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 16px;
  display: flex;
}

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

.pricing-card-03 {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--black-color);
  border-radius: 12px;
  height: 100%;
  padding: 20px;
}

.pricing-card-categories {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pricing-categories-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pricing-card-03-bottom, .pricing-card-03-button {
  margin-top: 30px;
}

.pricing-card-03-stroke {
  background-image: linear-gradient(112deg, #9968ff, #ff6cb2 50%, #ffaf56);
  border-radius: 12px;
  padding: 1px;
}

.pricing-card-01 {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--black-color);
  background-image: linear-gradient(180deg, var(--black-color), #12111d);
  border-radius: 12px;
  flex: 1;
  margin-bottom: 58px;
  padding: 16px;
  box-shadow: 0 2px 20px -7px #000000f7, 0 2px 5px #200c704d;
}

.pricing-card-01-categories {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--stroke-color-3);
  background-color: var(--fill-color);
  background-image: linear-gradient(#00000080, #00000080);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.pricing-categories-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pricing-category {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--fill-color-3);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 6px 14px;
  display: flex;
}

.pricing-category.hl {
  background-image: linear-gradient(130deg, #9968ff, #ff6cb2 50%, #ffaf56);
  border-width: 0;
}

.pricing-01-price {
  margin-top: 30px;
  margin-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
}

.pricing-card-01-bottom {
  margin-top: 24px;
}

.price-features-title {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 16px;
  display: flex;
}

.pricing-01-features-wrap {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--fill-color);
  color: #fff;
  border-radius: 8px;
  margin-top: 12px;
  padding: 6px;
}

.pricing-01-features {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid var(--stroke-color-3);
  justify-content: flex-start;
  align-items: center;
  padding: 16px 10px;
  display: flex;
}

.pricing-01-features.border-less {
  border-bottom-width: 0;
}

.price-bullet {
  background-color: var(--gray-color);
  border-radius: 100px;
  flex: none;
  width: 5px;
  height: 5px;
}

.compare-plan {
  margin-top: 80px;
}

.compare-plan-wrap {
  position: relative;
}

.compare-plan-top {
  z-index: 5;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--background-color);
  justify-content: space-between;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.compare-plan-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 295px;
  max-width: 100%;
  display: flex;
}

.compare-plan-left.button {
  display: none;
}

.compare-plan-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 925px;
  max-width: 100%;
  display: flex;
}

.cp-price-list {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--background-color);
  border-radius: 4px;
  flex: 1;
  max-width: 100%;
  padding: 32px 32px 24px;
}

.cp-price-list._02 {
  background-color: var(--fill-color);
}

.cp-price-categories {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cp-price-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 36px;
  display: flex;
}

.compare-plan-bottom {
  z-index: 2;
  margin-top: 40px;
  position: relative;
}

.compare-plan-title-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid var(--stroke-color-3);
  justify-content: space-between;
  display: flex;
}

.cp-title-wrap {
  flex: 1;
  padding-top: 70px;
  padding-bottom: 30px;
}

.cp-title-wrap.center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cp-title-wrap.center.color {
  background-color: var(--fill-color);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.cp-title-wrap.cp-title {
  padding-top: 35px;
  padding-bottom: 35px;
}

.cp-title-wrap.cp-title.center {
  flex-flow: column;
}

.cp-title-wrap.cp-title.center.color {
  background-color: var(--fill-color);
}

.cp-title-wrap.cp-title.center.color.border {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.cp-title-wrap.title-blank {
  margin-top: 24px;
  padding-top: 0;
  padding-bottom: 0;
}

.compare-plan-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  display: flex;
}

.cp-icon {
  width: 44px;
}

.contact {
  padding-top: 135px;
}

.contact-wrap {
  width: 820px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.contact-heading {
  max-width: 537px;
  margin-left: auto;
  margin-right: auto;
}

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

.contact-form-wrap {
  margin-top: 60px;
}

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

.contact-form-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.contact-form-group {
  width: 100%;
  margin-bottom: 30px;
}

.contact-form-field {
  border: 1px solid var(--button-stroke);
  background-color: #fff0;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.contact-form-field:hover {
  color: var(--white-color);
}

.contact-form-field:active, .contact-form-field:focus {
  color: var(--white-color);
  border-color: #7d79e7;
}

.contact-form-field:focus-visible, .contact-form-field[data-wf-focus-visible] {
  color: var(--white-color);
}

.contact-form-field::placeholder {
  color: var(--gray-color);
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.contact-form-field:lang(en) {
  color: var(--white-color);
}

.contact-form-field.textarea {
  min-height: 142px;
}

.contact-form-button {
  background-image: linear-gradient(81deg, #9968ff, #ff6cb2 50%, #ffaf56);
  border-radius: 8px;
  padding: 1px;
}

.contact-form-submit {
  background-color: var(--background-color);
  color: var(--white-color);
  border-radius: 8px;
  width: 100%;
  padding: 20px;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
}

.contact-form-submit:hover {
  background-color: #06061000;
}

.home-03 {
  position: relative;
}

.home-03-wrap {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  align-items: center;
  padding-top: 80px;
  display: flex;
}

.home-03-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 715px;
  max-width: 100%;
  display: flex;
}

.badge-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--button-stroke);
  background-color: var(--black-color);
  border-radius: 8.2px;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.home-03-text {
  margin-top: 24px;
}

.home-03-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.home-03-right {
  width: 466px;
  max-width: 100%;
}

.home-03-image-wrap {
  border: 1px solid #ffffff1a;
  border-radius: 6.1px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.home-03-image {
  width: 100%;
}

.home-03-shadow {
  opacity: .94;
  background-image: linear-gradient(#fff0, #06060c), url('../images/maskgroup-10_2maskgroup (10).avif');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.brands-03 {
  padding-top: 70px;
}

.brands-03.hero-01-brand {
  z-index: 1;
  padding-top: 60px;
  position: relative;
}

.large-container {
  width: 100%;
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.brands-wrap {
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.brands-wrap._02 {
  z-index: 2;
  max-width: none;
  margin-top: -130px;
  position: relative;
}

.brands-wrap.hero-01-brand {
  max-width: none;
  padding-left: 18px;
  padding-right: 18px;
}

.brands-wrap._03 {
  z-index: 2;
  max-width: none;
  margin-top: -145px;
  position: relative;
}

.brands-wrap._4 {
  z-index: 2;
  max-width: none;
  margin-top: 0;
  position: relative;
}

.brands-list-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brands-list {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brand-logo {
  border-radius: 12px;
  flex: none;
  width: 500px;
  margin-right: 32px;
}

.features-01 {
  z-index: 1;
  padding-top: 80px;
  position: relative;
}

.features-01:where(.w-variant-a5e7dd7d-15a7-62c5-3a3e-e83de2740379) {
  padding-top: 30px;
}

.features-01:where(.w-variant-90e8601a-76fd-94a5-3614-f8b8ecc0bac3) {
  padding-top: 90px;
}

.features-01.features-02 {
  z-index: 1;
  padding-top: 30px;
  position: relative;
}

.features-01.features-02:where(.w-variant-bba1e3bf-b7bc-9ae3-369e-e5bf9b564242) {
  padding-top: 80px;
}

.features-01-wrap {
  background-color: var(--background-color);
  background-image: radial-gradient(circle at 100% 0, #7692ff00 77%, #7a96ff05);
  border-radius: 8px;
  padding: 80px 78px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -22.96px 68.88px -19.68px #e2e8ff1f;
}

.features-01-main {
  z-index: 2;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 70px;
  display: grid;
  position: relative;
}

.section-header {
  z-index: 2;
  width: 100%;
  max-width: 646px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section-badge-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  padding-top: 36px;
  display: flex;
}

.section-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--button-stroke);
  background-color: var(--black-color);
  border-radius: 8.2px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  display: flex;
}

.section-badge.badgeprotocolo {
  width: 200px;
  margin-bottom: 12px;
}

.badge-line {
  width: 159px;
}

.section-text {
  margin-top: 24px;
}

.section-text.p1 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.section-text.tm {
  max-width: 429px;
  margin-left: auto;
  margin-right: auto;
}

.section-text.t2 {
  max-width: 595px;
  margin-left: auto;
  margin-right: auto;
}

.section-text.f4 {
  max-width: 513px;
  margin-left: auto;
  margin-right: auto;
}

.section-text.bt {
  max-width: 541px;
  margin-left: auto;
  margin-right: auto;
}

.features-01-card {
  border: 1px solid var(--button-stroke);
  background-color: var(--black-color);
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  padding: 24px 24px 16px;
  display: flex;
  overflow: hidden;
}

.features-01-card.full {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.features-01-card.full:where(.w-variant-a5e7dd7d-15a7-62c5-3a3e-e83de2740379) {
  display: none;
}

.features-01-card-text {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  display: flex;
}

.features-01-card-text.f3 {
  max-width: 586px;
}

.features-01-image-wrap {
  width: 100%;
  margin-top: 40px;
  position: relative;
  overflow: hidden;
}

.features-01-image-wrap.f3 {
  flex: none;
  width: 521px;
  max-width: 100%;
  margin-top: 0;
  position: relative;
}

.features-01-image {
  width: 100%;
}

.features-01-button {
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.radial-shadow-cover {
  opacity: .3;
  pointer-events: none;
  background-image: radial-gradient(circle, #e2e8ff00 31%, #e2e8ff14);
  position: absolute;
  inset: 0%;
}

.radial-shadow-cover.hr1 {
  height: 100%;
}

.fc-01-button {
  z-index: 2;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
  display: flex;
  position: relative;
}

.testimonials-01 {
  padding-top: 160px;
}

.testimonials-01-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  display: grid;
}

.testimonials-01-card {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--black-color);
  background-image: linear-gradient(#00000080, #00000080);
  border-radius: 12px;
  padding: 24px 22px;
}

.testimonials-01-author-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonials-01-author-image {
  object-fit: cover;
  border-radius: 100%;
  width: 60px;
  height: 60px;
}

.testimonials-01-author-info {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  display: flex;
}

.testimonials-01-card-text {
  margin-top: 24px;
}

.pricing-02 {
  padding-top: 160px;
}

.pricing-02.pc02 {
  margin-bottom: 48px;
  padding-top: 80px;
  padding-bottom: 64px;
}

.integration-01 {
  padding-top: 80px;
}

.integration-01.sb {
  margin-bottom: 30px;
}

.integration-01-wrap {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  justify-content: center;
  max-width: 1036px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.integration-01-wrap.sticky {
  position: sticky;
  top: 100px;
}

.integration-01-list {
  flex-flow: column;
  display: flex;
}

.integration-01-list.list-01 {
  grid-column-gap: 71px;
  grid-row-gap: 71px;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 15px;
}

.integration-01-list.list-02 {
  grid-column-gap: 71px;
  grid-row-gap: 71px;
  padding-top: 104px;
}

.integration-01-list.list-03 {
  grid-column-gap: 71px;
  grid-row-gap: 71px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 52px;
}

.integration-01-list.list-04 {
  grid-column-gap: 71px;
  grid-row-gap: 71px;
}

.integration-01-list.il1, .integration-01-list.il2 {
  grid-column-gap: 71px;
  grid-row-gap: 71px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 7px;
}

.integration-01-list.il3 {
  grid-column-gap: 71px;
  grid-row-gap: 71px;
  justify-content: flex-end;
  align-items: center;
  padding-top: 52px;
}

.integration-01-logo {
  width: 100%;
}

.linear-text-01 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(56deg, #fff 9%, #c6c6c6 40%, #8c8c8c);
  -webkit-background-clip: text;
  background-clip: text;
}

.linear-text-02 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #7d79e7, #a279e6);
  -webkit-background-clip: text;
  background-clip: text;
}

.about {
  z-index: 2;
  padding-top: 140px;
  position: relative;
}

.about-left {
  width: 715px;
  max-width: 100%;
}

.about-right {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 358px;
  max-width: 100%;
  display: flex;
}

.about-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

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

.about-dashboard-wrap {
  border-radius: 12px;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.about-dashboard-inner {
  z-index: 2;
  background-color: var(--background-color);
  border-radius: 12px;
  padding: 5px;
  position: relative;
  overflow: hidden;
}

.about-dashboard {
  border-radius: 12px;
  width: 100%;
}

.about-image-01 {
  z-index: 4;
  width: 374px;
  margin-top: 16px;
  margin-left: 15px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.about-image-02 {
  z-index: 4;
  width: 396px;
  margin-top: 16px;
  margin-right: 16px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.about-light-border {
  background-image: linear-gradient(90deg, #fff0, #ffffff8f);
  border-radius: 12px;
  height: 90%;
}

.about-dashboard-shadow {
  z-index: 3;
  width: 100%;
  height: 85%;
  position: absolute;
  inset: auto 0% -2%;
}

.brands-text {
  max-width: 300px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.brands-group {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.brands-group.hp2 {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.team {
  z-index: 2;
  padding-top: 40px;
  position: relative;
}

.team-wrap {
  z-index: 2;
  background-color: var(--background-color);
  background-image: url('../images/maskgroup-12_1.avif'), radial-gradient(circle at 100% 0, #7692ff00 77%, #7a96ff05);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 870px, auto;
  border-radius: 8px;
  padding: 80px 78px 190px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -22.96px 68.88px -19.68px #e2e8ff1f;
}

.team-main-wrap {
  z-index: 2;
  margin-top: 80px;
  position: relative;
}

.team-slider-wrapper {
  background-color: #0000;
  height: auto;
}

.team-slide-wrapper {
  width: 295px;
  margin-right: 20px;
}

.team-slider-arrow {
  border: 1px solid var(--stroke-color);
  background-color: var(--fill-color-2);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  transition: all .3s;
  display: flex;
  inset: auto 0% -110px auto;
}

.team-slider-arrow:hover {
  background-color: var(--blue-dark);
}

.team-slider-arrow.left {
  right: 7%;
}

.team-slider-nav {
  margin-top: 24px;
  font-size: 10px;
  display: none;
  position: static;
  bottom: -60px;
}

.mask {
  max-width: 295px;
  overflow: visible;
}

.team-card {
  border: 1px solid var(--stroke-color);
  background-color: var(--fill-color);
  border-radius: 10px;
  overflow: hidden;
}

.team-image-wrap {
  width: 100%;
  height: 391px;
  overflow: hidden;
}

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

.team-identity {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-link {
  background-color: var(--fill-color-2);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .3s;
  display: flex;
}

.team-link:hover {
  background-color: var(--button-stroke);
}

.team-link-icon {
  width: 28px;
}

.team-details {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px 20px;
  display: flex;
}

.investors {
  z-index: 2;
  padding-top: 80px;
  position: relative;
}

.investors-list {
  background-color: var(--fill-color-2);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
}

.investors-list.ih1 {
  height: 352px;
}

.investors-list.ih2 {
  height: 168px;
  padding: 0;
}

.investors-wrap {
  margin-top: 60px;
}

.investors-list-wrap {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.investors-list-wrap.i2 {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 18px;
}

.testimonials-02 {
  z-index: 2;
  padding-top: 80px;
  position: relative;
}

.testimonials-02-wrap {
  background-color: var(--background-color);
  background-image: radial-gradient(circle at 100% 0, #7692ff00 77%, #7a96ff05);
  border-radius: 8px;
  padding: 80px 78px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -22.96px 68.88px -19.68px #e2e8ff1f;
}

.testimonials-02-main {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  display: grid;
  position: relative;
}

.testimonials-02-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border: 1px solid var(--button-stroke);
  background-color: var(--black-color);
  border-radius: 8.2px;
  flex-flow: column;
  justify-content: space-between;
  padding: 28px 20px;
  display: flex;
}

.testimonials-02-author {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonials-02-image {
  width: 60px;
  height: 60px;
}

.testimonials-02-author-info {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonials-02-follower {
  background-image: linear-gradient(117deg, #9968ff, #ff6cb2 50%, #ffaf56);
  border-radius: 100px;
  padding: 4px 8px;
}

.testimonials-02-video-wrap {
  border-radius: 8.2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.testimonials-light-box {
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 74px;
  height: 74px;
  display: flex;
  position: absolute;
}

.testimonials-play-box {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #ffffff0f;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: transform .2s;
  display: flex;
}

.testimonials-play-box:hover {
  transform: scale(1.1);
}

.light-border {
  justify-content: center;
  align-items: flex-end;
  margin: -100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.features-hero-03 {
  z-index: 2;
  padding-top: 140px;
  position: relative;
}

.features-hero-header {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.features-hero-header-left {
  width: 715px;
  max-width: 100%;
}

.features-hero-header-right {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 358px;
  max-width: 100%;
  display: flex;
}

.button-01-inner {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--background-color);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 15px 24px;
  display: flex;
}

.button-01-inner:where(.w-variant-839025ef-62ac-aa3f-349a-0db7e7b70424), .button-01-inner.base-3 {
  border-radius: 8px;
}

.works {
  z-index: 1;
  padding-top: 100px;
  position: relative;
}

.works:where(.w-variant-bb627664-ee4a-127f-dc1f-499b55a0a37d) {
  padding-top: 30px;
}

.works-wrap {
  background-color: var(--background-color);
  background-image: url('../images/maskgroup-12_1.avif'), radial-gradient(circle at 100% 0, #7692ff00 77%, #7a96ff05);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 870px, auto;
  border-radius: 8px;
  padding: 80px 78px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -22.96px 68.88px -19.68px #e2e8ff1f;
}

.works-tab-wrap {
  z-index: 2;
  margin-top: 60px;
  position: relative;
}

.works-tabs-menu {
  border: 1px solid var(--button-stroke);
  background-color: var(--fill-color);
  border-radius: 8px;
  justify-content: space-between;
  padding: 12px 20px;
  display: flex;
}

.works-tab-link {
  border: 1px solid var(--button-stroke);
  background-color: #ddd0;
  border-radius: 7px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.works-tab-link.w--current {
  background-color: #fff0;
}

.works-tab-link-inner {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 16px 15px 16px 18px;
  display: flex;
  position: relative;
}

.works-tab-link-icon {
  width: 28px;
}

.works-tab-link-shadow {
  background-image: url('../images/maskgroup-11_1maskgroup (11).avif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.works-tab-content-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.works-tab-content-left {
  width: 474px;
  max-width: 100%;
}

.works-button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.get-started-link {
  padding-bottom: 6px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.get-started-link-inner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.get-started-underline {
  background-color: var(--white-color);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.works-badge {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--button-stroke);
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 48px;
  padding: 8px;
  display: flex;
}

.works-tab-content-right {
  width: 540px;
  max-width: 100%;
}

.works-tab-image {
  width: 100%;
}

.brands-01 {
  margin-top: 116px;
}

.hero-light {
  background-image: url('../images/maskgroup-12_2maskgroup (12).avif');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1440px;
  max-width: 100%;
  height: 1460px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.brands-01-wrap {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.brands-01-list-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.brands-cover-left {
  background-image: url('../images/maskgroup-13_1maskgroup (13).avif');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 217px;
  height: 104%;
  position: absolute;
  inset: -2% auto 0% 0%;
}

.brands-cover-left.hb2 {
  left: -3%;
}

.brands-cover-right {
  background-image: url('../images/maskgroup-14_1maskgroup (14).avif');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 217px;
  height: 104%;
  position: absolute;
  inset: -2% 0% 0% auto;
}

.brands-cover-right.hb2 {
  right: -3%;
}

.nav-dropdown-toggle {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  padding: 0;
  display: flex;
}

.nav-dropdown-toggle:hover {
  opacity: .9;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

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

.navbar-container-wrap {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 8px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
  background-color: #fff0;
  padding-top: 10px;
  padding-bottom: 0;
  left: -80px;
  overflow: hidden;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide._2.w--open {
  left: -240px;
}

.navbar-brand-logo {
  height: 24px;
}

.nav-item {
  margin-bottom: 0;
}

.navbar {
  z-index: 9999;
  position: relative;
}

.nav-dropdown-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #0f0f16;
  letter-spacing: -.01em;
  background-color: #fff;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-menus {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-dropdown-icon-2 {
  color: #242424;
  width: 24px;
  margin-right: 10px;
  font-size: 14px;
  line-height: 16px;
}

.nav-dropdown-box {
  border: 1px solid var(--button-stroke);
  background-color: var(--fill-color);
  border-radius: 12px;
  width: 568px;
  height: 100%;
  padding: 20px 24px;
  overflow: hidden;
}

.mobile-margin-top-12 {
  display: none;
}

.nav-button-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.navbar-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.nav-dropdown-list-wrap {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.nav-dropdown-menu.ndl1 {
  flex: none;
  padding-right: 20px;
}

.nav-dropdown-menu.ndl3 {
  flex: 0 auto;
  padding-left: 20px;
}

.nav-dropdown-menu.ndl2 {
  border-right: 1px solid var(--button-stroke);
  border-left: 1px solid var(--button-stroke);
  flex: none;
  padding-left: 40px;
  padding-right: 40px;
}

.nav-dropdown-menu-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 14px;
  display: flex;
}

.light-border-inner {
  width: 180px;
  height: 100%;
  position: relative;
}

.light-border-cover {
  background-color: var(--background-color);
  width: 100%;
  height: 55%;
  position: absolute;
  inset: auto 0% 0%;
}

.authentication-section {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 20px;
  display: flex;
  position: relative;
}

.authentication-bg {
  background-image: url('../images/signin-1_1signin (1).avif');
  background-position: 50% 80%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.authentication-card-wrap {
  z-index: 1;
  border: 1px solid #ffffff4a;
  border-radius: 32px;
  padding: 0;
  position: relative;
}

.authentication-inner-wrap {
  -webkit-backdrop-filter: blur(85.69px);
  backdrop-filter: blur(85.69px);
  background-image: url('../images/Mask-group-6.svg'), linear-gradient(#03001494, #06000b94);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  border-radius: 32px;
  width: 100%;
  padding: 128px 52px 30px;
  position: relative;
}

.authentication-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.authentication-form-wrap {
  margin-top: 30px;
}

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

.form-group {
  width: 100%;
  margin-bottom: 20px;
}

.form-field {
  border: 1px solid var(--white-color);
  background-color: #fff0;
  border-radius: 8px;
  min-height: 44px;
  margin-bottom: 0;
  padding: 16px;
}

.form-field:active, .form-field:focus, .form-field:focus-visible, .form-field[data-wf-focus-visible] {
  color: var(--white-color);
}

.form-field::placeholder {
  color: var(--gray-color);
  font-family: Inter, Arial, sans-serif;
  font-weight: 400;
  line-height: 150%;
}

.form-field:lang(en) {
  color: var(--white-color);
}

.form-inner-page-link {
  margin-top: 4px;
  margin-bottom: 28px;
}

.submit-button {
  color: var(--white-color);
  background-image: linear-gradient(77deg, #9968ff, #ff6cb2 50%, #ffaf56);
  border-radius: 10.5px;
  width: 100%;
  padding: 15px 16px;
  font-family: Inter, Arial, sans-serif;
  font-weight: 500;
  line-height: 150%;
  transition: all .3s;
}

.submit-button:hover {
  background-image: linear-gradient(to bottom, var(--fill-color-3), var(--fill-color-3));
}

.authentication-icon-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -45px 0% auto;
}

.authentication-icon {
  width: 139px;
}

.authentication-main-wrap {
  z-index: 1;
  width: 536px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.authentication-page-link-wrap {
  z-index: 1;
  margin-top: 14px;
  position: relative;
}

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

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

.form-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.checkbox-highlight-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#7d79e7, #a279e6);
  -webkit-background-clip: text;
  background-clip: text;
}

.home-01 {
  position: relative;
  overflow: hidden;
}

.home-01-wrap {
  z-index: 1;
  position: relative;
}

.home-01-header {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 865px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-01-badge {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-01-text {
  margin-top: 30px;
}

.home-01-dashboard-wrap {
  margin-top: 84px;
  padding-left: 32px;
  padding-right: 32px;
}

.home-01-dashboard {
  width: 100%;
}

.home-01-bg {
  background-color: var(--background-color);
  background-image: radial-gradient(circle at 100% 0, #7692ff00 77%, #7a96ff05);
  border-radius: 8px;
  height: 733px;
  padding: 80px 78px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
  box-shadow: inset 0 -22.96px 68.88px -19.68px #e2e8ff1f;
}

.home-01-main {
  z-index: 3;
  padding-top: 36px;
  padding-bottom: 70px;
  font-family: Satoshi, Verdana, sans-serif;
  position: relative;
}

.home-01-light {
  z-index: 1;
  background-image: url('../images/light_1light.avif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 843px;
  position: absolute;
  inset: 0% 0% auto;
}

.home-01-texture-01 {
  background-image: url('../images/Squre.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 758px;
  height: 724px;
  position: absolute;
  inset: -90px -135px auto auto;
}

.home-01-texture-02 {
  opacity: .77;
  background-image: url('../images/squarebackground_1squarebackground.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 870px;
  height: 831px;
  position: absolute;
  inset: 54px auto auto -297px;
}

.home-01-star {
  z-index: 2;
  opacity: 0;
  background-image: url('../images/Star_1Star.avif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 843px;
  position: absolute;
  inset: 0% 0% auto;
}

.features-04 {
  padding-top: 30px;
}

.features-04.space {
  z-index: 2;
  padding-top: 65px;
  position: relative;
}

.features-04-wrap {
  background-color: var(--background-color);
  background-image: url('../images/maskgroup-12_1.avif'), radial-gradient(circle at 100% 0, #7692ff00 77%, #7a96ff05);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 870px, auto;
  border-radius: 8px;
  padding: 80px 78px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -22.96px 68.88px -19.68px #e2e8ff1f;
}

.features-04-main-wrap {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: flex;
  position: relative;
}

.features-04-card-01 {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--black-color);
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  padding-top: 10px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.features-04-card-02 {
  border: 1px solid var(--stroke-color-3);
  background-color: #0d0d17;
  background-image: url('../images/frame2147223855-2.avif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  position: relative;
}

.features-04-card-03 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--stroke-color-3);
  background-color: var(--black-color);
  border-radius: 8px;
  padding-right: 10px;
  display: flex;
}

.features-04-card-04 {
  border: 1px solid var(--stroke-color-3);
  background-color: #0b0b15;
  border-radius: 8.2px;
  padding: 10px;
}

.features-04-card-row-01, .features-04-card-row-03 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.features-card-01-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--stroke-color-3);
  background-color: var(--fill-color);
  border-radius: 8.2px;
  flex-flow: column;
  padding: 22px;
  display: flex;
  box-shadow: 0 32px 61px #0000000a;
}

.features-card-01-image-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 30px;
  display: flex;
}

.features-card-01-image {
  width: 100%;
}

.features-card-02-bg {
  background-image: url('../images/frame2147223855_1frame2147223855.avif');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  position: absolute;
  inset: 0%;
}

.features-card-02-texture {
  background-image: url('../images/frame2147223855-2.avif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  position: absolute;
  inset: 0%;
}

.features-04-card-02-text {
  z-index: 1;
  height: 100%;
  padding: 50px 26px;
  position: relative;
  overflow: hidden;
}

.features-04-card-left {
  width: 610px;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.features-04-card-inner {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border: 1px solid var(--stroke-color-3);
  background-color: var(--fill-color);
  border-radius: 8.2px;
  flex-flow: column;
  justify-content: space-between;
  padding: 32px;
  display: flex;
  box-shadow: 0 2px 5px #0000000a;
}

.features-card-03-text {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  max-width: 374px;
  margin-top: 40px;
  display: flex;
}

.transactions-image-wrap {
  max-width: 461px;
}

.features-04-card-right {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.features-chart-wrap {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 420px;
  max-width: 100%;
  height: 375.7px;
  display: flex;
  position: relative;
}

.features-chart-center {
  z-index: 2;
  background-color: #0d0d17;
  background-image: radial-gradient(circle, #fff0, #ffffff05);
  border: 1px solid #ffffff0a;
  border-radius: 100px;
  width: 170px;
  height: 170px;
  padding: 18px;
  position: relative;
  box-shadow: inset 0 0 15px #ffffff08, 0 0 100px #0d0d17;
}

.features-chart-center-inner {
  background-image: url('../images/frame2147223772_1frame2147223772.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  box-shadow: inset 0 0 17px #ffffff0f, 0 0 19px #0000000f;
}

.features-chart-center-image {
  width: 63.72px;
}

.features-chart-type {
  position: absolute;
  inset: 0%;
}

.features-chart-type._2 {
  top: 9px;
}

.features-chart-type._3, .features-chart-type._5 {
  top: -7px;
}

.features-chart-type._6 {
  top: 9px;
}

.features-04-card-texture {
  background-image: url('../images/maskgroup-17_1maskgroup (17).avif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 627px;
  position: absolute;
  inset: 0% 0% 0% 15px;
}

.features-04-card-04-top {
  justify-content: center;
  align-items: flex-start;
  height: 298px;
  padding-top: 14px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.features-04-card-04-image-1 {
  width: 100%;
}

.features-04-card-04-image-2 {
  width: 342px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 0%;
}

.features-04-card-04-inner {
  background-image: url('../images/maskgroup-18_1maskgroup (18).avif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 6px;
}

.features-04-card-04-bottom {
  z-index: 1;
  background-color: #0f0f19;
  background-image: linear-gradient(0deg, #ffffff14, #fff0);
  border-radius: 8.2px;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.features-04-card-04-details {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  background-color: #0f0f19;
  border-radius: 8.2px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 22px 24px;
  display: flex;
}

.features-04-card-04-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 349px;
  max-width: 100%;
  display: flex;
}

.features-04-card-05 {
  border: 1px solid var(--stroke-color-3);
  background-color: #0b0b15;
  border-radius: 8.2px;
  padding: 10px;
}

.features-04-card-05-inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.features-04-card-05-top {
  z-index: 1;
  height: 266px;
  padding-top: 24px;
  position: relative;
}

.features-04-card-05-image-1 {
  border-radius: 8px;
  flex: none;
  width: 301px;
  box-shadow: 0 0 51px #0000001f;
}

.features-04-card-05-image-2 {
  border-radius: 8.85px;
  width: 333px;
  box-shadow: -22.13px -22.13px 57.53px #ff868e05;
}

.features-04-card-05-image {
  height: 100%;
  padding-left: 26px;
  padding-right: 26px;
  position: relative;
}

.features-04-card-05-image-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.features-04-card-05-image-list.abs {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding-left: 26px;
  padding-right: 26px;
  position: absolute;
  inset: auto 0% 0%;
}

.features-04-card-05-shape-1 {
  background-image: linear-gradient(#ffffff05, #fff0);
  border-radius: 8px;
  width: 226px;
  height: 64px;
}

.features-04-card-05-shape-2 {
  background-image: linear-gradient(#ffffff05, #fff0);
  border-radius: 8px;
  flex: 1;
  height: 33px;
}

.features-04-card-05-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 374px;
  max-width: 100%;
  display: flex;
}

.features-04-card-05-cover {
  opacity: .3;
  background-image: linear-gradient(0deg, #e2e8ff00, #e2e8ff0f);
  border-radius: 6px;
  position: absolute;
  inset: 0%;
}

.integration-02 {
  padding-top: 80px;
}

.integration-02-wrap {
  margin-top: 151px;
  position: relative;
}

.integration-02-list-wrap {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.integration-02-list {
  flex: none;
  display: flex;
}

.integration-02-bg {
  border: 1px solid #ffffff0f;
  border-radius: 100px;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 17px #ffffff0f, 0 0 19px #0000000f;
}

.integration-02-item {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 134px;
  height: 134px;
  margin-right: 32px;
  display: flex;
  position: relative;
}

.integration-02-image {
  width: 100px;
  height: 100px;
  position: absolute;
}

.integration-02-inner {
  background-color: #0d0d17;
  border-radius: 100px;
  padding-top: 33px;
  padding-bottom: 33px;
  position: relative;
  overflow: hidden;
}

.integration-02-shadow {
  z-index: 1;
  width: 500px;
  position: absolute;
  inset: -75% auto 0% -23%;
}

.integration-02-shadow.right {
  inset: -75% -23% 0% auto;
}

.integration-02-center-image {
  width: 500px;
  margin-top: -36px;
}

.integration-02-center {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.testimonials-03 {
  padding-top: 80px;
}

.testimonials-03-wrap {
  background-color: var(--background-color);
  background-image: radial-gradient(circle at 100% 0, #7692ff00 77%, #7a96ff05);
  border-radius: 8px;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 78px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -22.96px 68.88px -19.68px #e2e8ff1f;
}

.testimonials-03-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 524px;
  max-width: 100%;
  display: flex;
}

.testimonials-03-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 24px;
  display: flex;
}

.testimonials-03-inner {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.testimonials-03-right {
  flex: none;
  width: 688px;
  max-width: 100%;
}

.testimonial-slider {
  background-color: #0000;
  height: auto;
}

.testimonial-slide-wrapper {
  width: 505px;
  max-width: 100%;
  margin-right: 20px;
}

.testimonial-card {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--black-color);
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.testimonial-slider-left {
  border: 1px solid var(--button-stroke);
  background-color: var(--black-color);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  inset: 40% auto 0% -71%;
}

.testimonial-slider-left:focus-visible, .testimonial-slider-left[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

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

.testimonial-card-inner {
  width: 100%;
}

.testimonial-card-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.testimonial-card-author-image {
  width: 190px;
}

.quotes {
  width: 229px;
}

.testimonial-card-middle {
  margin-top: 40px;
}

.testimonial-card-bottom {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-top: 1px solid var(--button-stroke);
  flex-flow: column;
  margin-top: 30px;
  padding-top: 30px;
  display: flex;
}

.testimonial-slider-right {
  border: 1px solid var(--button-stroke);
  background-color: var(--black-color);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  inset: 40% auto 0% -60%;
}

.testimonial-slider-right:focus-visible, .testimonial-slider-right[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.home-02 {
  z-index: 2;
  padding-top: 140px;
  position: relative;
}

.home-02-top {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.home-02-left {
  width: 777px;
  max-width: 100%;
}

.home-02-right {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 358px;
  max-width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.home-02-bottom, .home-02-bottom.f2 {
  margin-top: 100px;
}

.home-02-dashboard-wrap {
  border-radius: 12px;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.home-02-dashboard-inner {
  z-index: 2;
  background-color: var(--background-color);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-02-dashboard-inner.f2 {
  padding: 6px;
}

.home-02-dashboard {
  cursor: pointer;
  border-radius: 12px;
  width: 100%;
  display: inline-block;
  position: static;
  overflow: clip;
}

.home-02-dashboard.f2 {
  height: 100%;
}

.home-02-dashboard-shadow {
  z-index: 1;
  width: 100%;
  height: 60%;
  position: absolute;
  inset: auto 0% 0%;
}

.home-02-dashboard-shadow.f2 {
  height: 46%;
}

.integration-01-blank-box {
  background-color: #ffffff05;
  border: 1px solid #ffffff0a;
  border-radius: 8.2px;
  width: 90%;
  height: 85px;
}

.integration-01-blank-box.bb2 {
  height: 33px;
}

.labs {
  padding-top: 30px;
}

.features-06-wrap {
  background-color: var(--background-color);
  background-image: radial-gradient(circle at 100% 0, #7692ff00 77%, #7a96ff05);
  border-radius: 8px;
  padding: 56px 78px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -22.96px 68.88px -19.68px #e2e8ff1f;
}

.features-06-inner {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  margin: auto;
  padding-top: 24px;
  display: flex;
  position: relative;
}

.features-06-left {
  width: 550px;
  max-width: 100%;
}

.features-06-text {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  display: flex;
}

.features-06-button {
  margin-top: 40px;
}

.features-06-right {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid var(--button-stroke);
  border-right: 1px solid var(--button-stroke);
  border-left: 1px solid var(--button-stroke);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  width: 557px;
  max-width: 100%;
  height: 427px;
  padding: 40px 37px 20px 55px;
  display: flex;
  position: relative;
}

.features-06-right:where(.w-variant-90e8601a-76fd-94a5-3614-f8b8ecc0bac3) {
  overflow: hidden;
}

.features-06-image-wrap.i2 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.features-06-image {
  width: 387px;
}

.features-06-image.i2 {
  width: 392px;
}

.features-06-image.fia {
  width: 349px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.works-02 {
  padding-top: 30px;
}

.works-02-wrap {
  background-color: var(--background-color);
  background-image: url('../images/maskgroup-12_1.avif'), radial-gradient(circle at 100% 0, #7692ff00 77%, #7a96ff05);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 870px, auto;
  border-radius: 8px;
  padding: 80px 78px;
  position: relative;
  box-shadow: inset 0 -22.96px 68.88px -19.68px #e2e8ff1f;
}

.works-02-main-wrap {
  z-index: 1;
  margin-top: 70px;
  position: relative;
}

.sticky-wrapper {
  height: 300vh;
  position: relative;
}

.sticky-wrap {
  position: sticky;
  top: 40px;
}

.works-02-inner {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.works-02-left-wrap {
  width: 610px;
  max-width: 100%;
  position: relative;
}

.w2-item-image-group.i1 {
  z-index: 3;
  position: relative;
}

.w2-item-image-group.i2 {
  z-index: 2;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.w2-item-image-group.i3 {
  z-index: 1;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.w2-item-image-group.responsive {
  z-index: 3;
  display: none;
  position: relative;
}

.w2-item-image {
  width: 100%;
}

.works-02-center-wrap {
  justify-content: center;
  align-items: flex-start;
  width: 37px;
  max-width: 100%;
  display: flex;
  position: relative;
}

.works-02-right-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 505px;
  max-width: 100%;
  display: flex;
}

.w2-timeline {
  opacity: 1;
  width: 100%;
}

.w2-timeline-border {
  background-image: radial-gradient(circle, #fff3, #fff0);
  width: 4px;
  height: 100%;
  position: absolute;
}

.w2-item-content {
  border: 1px solid var(--button-stroke);
  background-color: var(--fill-color);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.works-icon-box {
  z-index: 1;
  background-color: var(--fill-color-2);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  display: flex;
  position: relative;
}

.works-icon {
  width: 32px;
  height: 32px;
}

.works-icon._1 {
  z-index: 1;
  position: relative;
}

.works-icon.cover {
  position: absolute;
}

.works-icon._3, .works-icon._5 {
  z-index: 1;
  position: relative;
}

.w2-item-text {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 14px;
  display: flex;
  position: relative;
}

.w2-item-shadow {
  background-color: #080812;
  background-image: radial-gradient(circle at 50% 0, #7692ff00 81%, #7a96ff05), radial-gradient(circle at 50% 0, #e2e8ff00 34%, #e2e8ff05);
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 -22.96px 68.88px -19.68px #e2e8ff08;
}

.w2-item-shadow._2, .w2-item-shadow._3 {
  opacity: 0;
}

.showcase-page {
  padding-top: 100px;
}

.showcase-page-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.page-link {
  border-radius: 6.22px;
  width: 31%;
  padding: 1px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.page-link-inner {
  z-index: 1;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: #0d0d17;
  background-image: radial-gradient(circle at 50% 0, #e2e8ff00 34%, #e2e8ff03);
  border-radius: 6.22px;
  flex-flow: column;
  padding: 24px 24px 34px;
  display: flex;
  position: relative;
  box-shadow: inset 0 -17.43px 52.29px -14.94px #e2e8ff1f;
}

.page-image {
  width: 100%;
}

.showcase-page-list {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.page-outline {
  background-image: linear-gradient(21deg, #9968ff, #ff6cb2 50%, #ffaf56);
  position: absolute;
  inset: 0%;
}

.showcase-cta {
  padding-top: 100px;
}

.showcase-cta-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0d0d17;
  background-image: linear-gradient(#e2e8ff03, #e2e8ff03), radial-gradient(circle at 50% 0, #e2e8ff00 34%, #e2e8ff03);
  border-radius: 6.22px;
  justify-content: space-between;
  padding-top: 50px;
  padding-left: 60px;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 -17.43px 52.29px -14.94px #e2e8ff1f;
}

.showcase-cta-left {
  width: 455px;
  max-width: 100%;
  margin-top: 70px;
}

.showcase-cta-button {
  margin-top: 24px;
}

.showcase-cta-right {
  width: 690px;
  max-width: 100%;
}

.showcase-cta-image {
  width: 100%;
}

.showcase-footer {
  padding-top: 100px;
}

.showcase-footer-wrap {
  background-color: #0d0d17;
  background-image: linear-gradient(#e2e8ff03, #e2e8ff03), radial-gradient(circle at 50% 0, #e2e8ff00, #e2e8ff03);
  border-top-left-radius: 6.22px;
  border-top-right-radius: 6.22px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 60px 30px;
  overflow: hidden;
  box-shadow: inset 0 -17.43px 52.29px -14.94px #e2e8ff1f;
}

.showcase-footer-top {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.showcase-footer-bottom {
  border-top: 1px solid #babbbb33;
  margin-top: 40px;
  padding-top: 30px;
}

.showcase-hero {
  padding-top: 106px;
}

.showcase-header {
  max-width: 558px;
  margin-left: auto;
  margin-right: auto;
}

.showcase-header-text {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.showcase-header-button {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.showcase-content-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: url('../images/background_1background.avif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 100px;
  padding-top: 60px;
  display: flex;
  overflow: hidden;
}

.showcase-image-wrap {
  width: 360px;
}

.showcase-image-wrap.center {
  width: 460px;
}

.showcase-image {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
}

.showcase-image._1 {
  border-top-left-radius: 0;
  border-top-right-radius: 12px;
}

.showcase-image._2 {
  border-top-left-radius: 12px;
  border-top-right-radius: 0;
}

.included {
  padding-top: 100px;
}

.heading-flex {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.included-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 80px;
  display: flex;
}

.included-card {
  background-color: #0d0d17;
  background-image: linear-gradient(#e2e8ff03, #e2e8ff03), radial-gradient(circle at 50% 0, #e2e8ff00 34%, #e2e8ff03);
  border-radius: 6.22px;
  width: 31%;
  overflow: hidden;
  box-shadow: inset 0 -17.43px 52.29px -14.94px #e2e8ff1f;
}

.included-image {
  width: 100%;
}

.included-card-details {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  padding: 28px 24px;
  display: flex;
}

.career {
  padding-top: 140px;
}

.career-header-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.career-header-left {
  width: 759px;
  max-width: 100%;
}

.career-header-right {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 358px;
  max-width: 100%;
  display: flex;
}

.career-image-wrap {
  margin-top: 100px;
}

.career-image {
  width: 100%;
}

.vacancies {
  padding-top: 110px;
}

.vacancies-wrap {
  max-width: 820px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
}

.vacancies-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--stroke-color-3);
  background-color: var(--background-color);
  border-radius: 10px;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 24px;
  transition: all .3s;
  display: flex;
}

.vacancies-card:hover {
  background-color: var(--fill-color-3);
}

.vacancies-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 501px;
  max-width: 100%;
  display: flex;
}

.vacancies-badge {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--fill-color-2);
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: 3.5px 8.5px;
  display: flex;
}

.vacancies-badge-dot {
  background-color: var(--white-color);
  border-radius: 100px;
  width: 4px;
  height: 4px;
}

.vacancies-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 22px;
  display: flex;
}

.vacancies-right {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.vacancies-single {
  padding-top: 140px;
}

.vacancies-single-wrap {
  max-width: 1030px;
  margin-left: auto;
  margin-right: auto;
}

.vs-header-text {
  max-width: 759px;
  margin-left: auto;
  margin-right: auto;
}

.vs-short-details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--stroke-color);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 100px;
  padding-bottom: 30px;
  display: grid;
}

.vs-short-details-list {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.vs-details {
  margin-top: 20px;
}

.integration-hero {
  padding-top: 140px;
}

.integration-hero-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.integration-hero-left {
  width: 759px;
  max-width: 100%;
}

.integration-hero-right {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 358px;
  max-width: 100%;
  display: flex;
}

.integration-hero-bottom {
  margin-top: 100px;
}

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

.integration-card {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--background-color);
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.integration-icon-box {
  background-color: var(--fill-color-2);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.integration-icon {
  z-index: 1;
  position: relative;
}

.integration-box-bg {
  opacity: 0;
  background-image: linear-gradient(27deg, #9968ff, #ff6cb2 50%, #ffaf56);
  position: absolute;
  inset: 0%;
}

.integration-box-bg.show {
  opacity: 1;
}

.integration-card-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.integration-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.integration-single {
  padding-top: 140px;
}

.integration-single-wrap {
  max-width: 1030px;
  margin-left: auto;
  margin-right: auto;
}

.integration-group {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.integration-single-text {
  max-width: 610px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.integration-single-bottom {
  margin-top: 60px;
}

.blog-hero {
  padding-top: 140px;
}

.blog-hero-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.blog-hero-left {
  width: 500px;
  max-width: 100%;
}

.blog-hero-right {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 358px;
  max-width: 100%;
  display: flex;
}

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

.blog-link {
  width: 100%;
  text-decoration: none;
}

.blog-card {
  border-radius: 10px;
  width: 100%;
  height: 724px;
  overflow: hidden;
}

.blog-image-wrap {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.blog-image-wrap.b1 {
  border-radius: 20px;
  height: 327px;
}

.blog-image-wrap.b2 {
  border-radius: 20px;
  height: 300px;
}

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

.blog-01 {
  padding-top: 80px;
}

.blog-01-badge-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-01-badge {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--stroke-color-3);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  display: flex;
}

.blog-01-main-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  margin-top: 40px;
  display: flex;
}

.blog-01-left {
  width: 610px;
  max-width: 100%;
}

.blog-01-card {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--fill-color);
  border-radius: 24px;
  padding: 10px 10px 30px;
  position: relative;
}

.multiple-categories-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.categories-list {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid #000;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 20px;
  display: flex;
}

.blog-dot {
  background-color: var(--white-color);
  border-radius: 100px;
  width: 4px;
  height: 4px;
}

.blog-01-card-details {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.blog-01-card-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  max-width: 475px;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
}

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

.blog-01-right {
  width: 560px;
  max-width: 100%;
}

.blog-01-sinlge-list.center {
  border-top: 1px solid var(--stroke-color-3);
  border-bottom: 1px solid var(--stroke-color-3);
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.blog-01-sinlge-text {
  margin-top: 11px;
  margin-bottom: 31px;
}

.blog-tab {
  padding-top: 80px;
}

.blog-tab-wrap {
  margin-top: 60px;
}

.blog-tabs-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-tab-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--stroke-color);
  background-color: var(--fill-color);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 12px 24px;
  display: flex;
}

.blog-tab-link.w--current {
  border-color: var(--blue-dark);
  background-color: var(--button-stroke);
}

.blogs-tab-content {
  margin-top: 40px;
}

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

.blog-details {
  margin-top: 30px;
}

.blog-text {
  margin-bottom: 30px;
}

.blog-short-details {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  margin-bottom: 30px;
  display: flex;
}

.blog-writer-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-writer-image {
  width: 52px;
  height: 52px;
}

.blog-writer-image.writer-image {
  border-radius: 100px;
}

.blog-writer-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.newsletter {
  padding-top: 80px;
}

.newsletter-wrap {
  background-color: var(--background-color);
  text-align: left;
  background-image: url('../images/frame2147223854_1frame2147223854.avif'), radial-gradient(circle at 100% 0, #7692ff00 77%, #7a96ff05);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  border-radius: 8px;
  padding-left: 60px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -22.96px 68.88px -19.68px #e2e8ff1f;
}

.newsletter-inner {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.newsletter-left {
  width: 507px;
  max-width: 100%;
}

.newsletter-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

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

.newsletter-right {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 690px;
  max-width: 100%;
  display: flex;
}

.newsletter-image {
  width: 100%;
}

.blog-single {
  padding-top: 127px;
}

.blog-single-heading {
  max-width: 1135px;
}

.blog-single-short-details {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 40px;
  display: flex;
}

.blog-large-image {
  border-radius: 20px;
  width: 100%;
  height: 740px;
  margin-top: 30px;
  overflow: hidden;
}

.blog-single-bottom {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-bottom: 1px solid var(--stroke-color);
  justify-content: space-between;
  margin-top: 20px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.blog-single-left {
  width: 715px;
  max-width: 100%;
}

.blog-single-right {
  width: 400px;
  max-width: 100%;
  height: 100%;
  margin-top: 40px;
  position: sticky;
  top: 40px;
}

.blog-single-card {
  background-color: #0d0d17;
  border-radius: 12px;
  padding: 30px 28px;
}

.blog-single-card-icon {
  width: 76px;
}

.blog-single-card-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  max-width: 295px;
  margin-top: 24px;
  margin-bottom: 30px;
  display: flex;
}

.blog-share-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--stroke-color);
  background-color: var(--fill-color);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  padding: 18px 24px;
  display: flex;
}

.blog-share-text {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.blog-share-link-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  display: flex;
}

.blog-02 {
  padding-top: 80px;
}

.blog-02-heading {
  display: inline-block;
}

.blog-02-wrap {
  margin-top: 60px;
}

.modulos {
  z-index: 2;
  padding-top: 30px;
  position: relative;
}

.trust-wrap {
  background-color: #000007;
  background-image: url('../images/maskgroup-12_1.avif'), radial-gradient(circle at 100% 0, #7692ff00 77%, #7a96ff05);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 870px, auto;
  border-radius: 8px;
  padding: 80px 78px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -22.96px 68.88px -19.68px #e2e8ff1f;
}

.trust-main-wrap {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.chat-wrap {
  background-color: var(--background-color);
  border-radius: 10px;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.chat-inner-wrap {
  z-index: 1;
  background-color: var(--fill-color-2);
  border-radius: 10px;
  padding: 3px;
  position: relative;
}

.chat-inner-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--fill-color);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 14px 40px 14px 2px;
  display: flex;
}

.chat-left {
  opacity: 1;
  background-color: #0d0d17;
  background-image: url('../images/modulo-1.png');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #22232e;
  border-radius: 6px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 597px;
  max-width: 100%;
  height: 528px;
  margin-left: 8px;
  display: flex;
  overflow: hidden;
}

.chat-image-wrap {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding-top: 50px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.chat-image-01 {
  width: 100%;
}

.chat-image-02 {
  width: 305px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.chat-right {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 474px;
  max-width: 100%;
  display: flex;
}

.chat-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 32px;
  display: flex;
}

.chat-button {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.chat-badge {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--button-stroke);
  background-color: #090911;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 56px;
  padding: 8px;
  display: flex;
}

.chat-badge:hover {
  background-color: #0e0e1d;
}

.payment-wrap {
  background-color: var(--background-color);
  border-radius: 10px;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.payment-inner-wrap {
  z-index: 1;
  background-color: var(--fill-color-2);
  border-radius: 10px;
  padding: 3px;
  position: relative;
}

.payment-inner-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--fill-color);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 14px 2px 14px 40px;
  display: flex;
}

.payment-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 560px;
  max-width: 100%;
  display: flex;
}

.payment-right {
  background-color: #0d0d17;
  background-image: url('../images/modulo-2.png');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #22232e;
  border-radius: 6px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 597px;
  max-width: 100%;
  height: 528px;
  display: flex;
}

.payment-image-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 164px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  position: relative;
  overflow: visible;
}

.payment-image-01 {
  width: 100%;
}

.payment-image-02 {
  border-radius: 5.85px;
  width: 305px;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
  box-shadow: 0 24px 56px #0003;
}

.trusted-wrap {
  background-color: var(--background-color);
  border-radius: 10px;
  height: 520px;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.trusted-inner-wrap {
  z-index: 1;
  background-color: var(--fill-color-2);
  border-radius: 10px;
  height: 100%;
  padding: 3px;
  position: relative;
}

.trusted-inner-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #010006;
  background-image: url('../images/modulo-vulns3.png');
  background-position: 100% 100%;
  background-size: cover;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.trusted-right {
  justify-content: flex-end;
  align-items: flex-end;
  width: 700px;
  max-width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.trusted-left {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 500px;
  max-width: 100%;
  display: flex;
  position: relative;
}

.trusted-image-wrap {
  object-fit: cover;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin-top: -11px;
  display: flex;
  position: relative;
}

.trusted-image-01 {
  width: 100%;
}

.trusted-image-02 {
  object-fit: fill;
  max-width: 150%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.features-hero-01 {
  z-index: 2;
  padding-top: 140px;
  position: relative;
}

.licenses {
  padding-top: 140px;
}

.licenses-header-wrap {
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}

.licenses-wrap {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  margin-top: 100px;
  display: flex;
}

.licenses-list-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.licenses-image-wrap {
  width: 100%;
  margin-top: 18px;
}

.licenses-image {
  width: 100%;
}

.changelog {
  padding-top: 140px;
}

.changelog-header-wrap {
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}

.changelog-wrap {
  max-width: 990px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.changelog-text {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  margin-top: 60px;
  display: flex;
}

.protocolo {
  z-index: 2;
  padding-top: 100px;
  position: relative;
}

.trust-02-main-wrap {
  z-index: 2;
  margin-top: 80px;
  position: relative;
}

.trust-02-card {
  background-color: var(--background-color);
  border-radius: 10px;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.trust-02-inner-wrap {
  z-index: 1;
  background-color: var(--fill-color-2);
  border-radius: 10px;
  padding: 3px;
  position: relative;
}

.trust-02-inner-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--fill-color);
  background-image: linear-gradient(#02000e, #02000e);
  border-radius: 8px;
  justify-content: space-between;
  align-items: stretch;
  height: 455px;
  padding-bottom: 0;
  display: flex;
}

.trust-02-left {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 555px;
  max-width: 100%;
  padding-top: 28px;
  padding-bottom: 40px;
  padding-left: 40px;
  display: flex;
}

.trust-02-badge {
  border: 1px solid var(--stroke-color);
  opacity: .54;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  display: flex;
}

.trust-02-left-card {
  border: 1px solid var(--stroke-color);
  background-color: #0c0c1682;
  border-radius: 8px;
  margin-top: 22px;
  margin-bottom: 22px;
  padding: 19px 24px;
}

.trust-02-icon {
  border-radius: 6px;
  box-shadow: 0 0 1px #9968ff14;
}

.trust-02-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 14px;
  display: flex;
}

.trust-02-right {
  opacity: .92;
  width: 619px;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.trust-02-image-wrap {
  opacity: 1;
  cursor: pointer;
  background-image: url('../images/protocolo3.png');
  background-position: 100%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

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

.trust-02-image-02 {
  width: 100%;
  position: absolute;
  left: -32px;
}

.code-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.code-inner-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0c0c18;
  background-image: url('../images/frame2147223857-1.avif'), url('../images/frame2147223857.avif');
  background-position: 93% 100%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  border: 1px solid #000;
  border-radius: 10px;
  flex-flow: column;
  margin-left: 100px;
  padding: 20px 24px;
  display: flex;
  box-shadow: 0 0 100px #9968ff14;
}

.code-row {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.code-overlay {
  background-color: #0c0c18;
  width: 102%;
  height: 102%;
  position: absolute;
  inset: -1% 0% 0% -1%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

.pricing-single {
  padding-top: 140px;
}

.pricing-single-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pricing-single-card {
  border: 1px solid var(--stroke-color-3);
  background-color: var(--black-color);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  padding: 30px;
  display: flex;
}

.pricing-single-left {
  border-right: 1px solid var(--stroke-color);
  width: 360px;
  max-width: 100%;
  padding-right: 60px;
}

.ps-left-text {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.ps-button {
  margin-top: 30px;
}

.cart-buttton {
  background-color: var(--button-stroke);
  border-radius: 12px;
  width: 100%;
  padding: 16px 24px;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  transition: all .3s;
}

.cart-buttton:hover {
  background-color: var(--blue-dark);
}

.cart-buttton.small {
  width: auto;
}

.quantity {
  display: none;
}

.pricing-single-right {
  width: 398px;
  max-width: 100%;
  padding-left: 60px;
}

.pricing-single-details {
  width: 100%;
}

.checkout-form {
  margin-top: 20px;
}

.heading-block {
  padding-top: 10px;
  padding-bottom: 10px;
}

.paypal-checkout-form, .order-confirmation {
  margin-top: 20px;
}

.cart-quantity {
  color: var(--fill-color);
  margin-left: 4px;
  position: absolute;
  inset: -6px 10px auto auto;
}

.cart-button {
  background-color: #3898ec00;
}

.cart-container {
  background-color: var(--background-color);
}

.remove-button {
  color: red;
  text-decoration: none;
}

.cart-quantity-2 {
  border-color: var(--blue-dark);
  background-color: var(--blue-dark);
  color: var(--white-color);
}

.cart-footer {
  border-top-color: var(--stroke-color);
}

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

.empty-state {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.button-04-inner {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-04-text-wrap {
  height: 24px;
  overflow: hidden;
}

.button-04-icon-wrap {
  width: 20px;
  overflow: hidden;
}

.button-04-icon-group {
  display: flex;
}

.features-01-graph {
  width: 100%;
}

.features-01-graph-wrap {
  position: absolute;
  inset: 0%;
}

.integration-01-main {
  height: 90vh;
  position: relative;
}

.features-01-chart-wrap {
  display: flex;
  position: absolute;
  inset: 0%;
}

.features-01-chart {
  width: 100%;
}

.auth-form-button {
  background-image: linear-gradient(77deg, #9968ff, #ff6cb2 50%, #ffaf56);
  border-radius: 10.5px;
  padding: 1px;
}

.signin-link {
  background-color: var(--stroke-color);
  border-radius: 8px;
  padding: 1px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.signin-link-inner {
  z-index: 1;
  background-color: #0a0a14;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  padding: 8px 15px;
  position: relative;
}

.signin-link-outline {
  background-image: linear-gradient(48deg, #9968ff, #ff6cb2 50%, #ffaf56);
  width: 104%;
  height: 104%;
  position: absolute;
  inset: -2% 0% 0% -2%;
}

.signup-link {
  background-color: #fff;
  border-radius: 8px;
  padding: 1px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.signup-link-inner {
  z-index: 1;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  padding: 8px 15px;
  position: relative;
}

.signup-link-outline {
  background-image: linear-gradient(48deg, #9968ff, #ff6cb2 50%, #ffaf56);
  width: 104%;
  height: 104%;
  position: absolute;
  inset: -2% 0% 0% -2%;
}

.home-03-image-02 {
  position: absolute;
  inset: 0%;
}

.success-message {
  background-image: linear-gradient(81deg, #9968ff, #ff6cb2 52%, #ffaf56);
  border-radius: 8px;
  padding: 1px;
}

.success-message-inner {
  background-color: var(--fill-color);
  border-radius: 8px;
  padding: 20px;
}

.works-tab-responsive {
  display: none;
}

.copyright-wrap {
  margin-top: 41px;
}

.copyright-link {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(178deg, #9968ff, #ff6cb2 50%, #ffaf56);
  -webkit-background-clip: text;
  background-clip: text;
  text-decoration: none;
}

._404-image {
  background-color: var(--background-color);
}

._404-images {
  margin-bottom: 40px;
}

.signup-checkbox {
  border: 1px solid var(--white-color);
}

.signup-checkbox:active {
  border-color: var(--blue-dark);
  background-color: var(--blue-dark);
}

.signup-checkbox.w--redirected-checked {
  border-style: solid;
  border-color: var(--white-color);
  background-color: #af60ff00;
}

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

.section2container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.introducao {
  z-index: 2;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 32px;
  position: relative;
}

.section {
  z-index: 15;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2px;
  display: block;
  position: relative;
}

.sticky {
  position: sticky;
  top: 150px;
}

.question-grid {
  grid-column-gap: 18px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-family: Satoshi, Verdana, sans-serif;
  display: grid;
}

.section-title {
  max-width: 520px;
}

.section-title.xl {
  max-width: 800px;
}

.question-icon {
  width: 24px;
  min-width: 24px;
}

.question-text {
  color: #e7e7e7;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.questions-holder {
  flex-direction: column;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-2 {
  z-index: 3;
  opacity: 1;
  mix-blend-mode: lighten;
  background-color: #0000;
  border: 1px #000;
  max-width: 1100px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 5.5em 5em 2em;
  position: static;
}

.section-paddings {
  padding: 0 7% 42px 0%;
  position: relative;
}

.answer-holder {
  justify-content: flex-start;
  max-width: 750px;
  display: flex;
  overflow: hidden;
}

.questions-container {
  cursor: pointer;
  border-bottom: 1px #2b2b2b;
  flex-direction: column;
  margin-bottom: 32px;
  padding-bottom: 32px;
  transition: background-color .325s;
  display: flex;
}

.questions-container.last-one {
  border-bottom-style: none;
}

.fade-in-on-scroll {
  margin-right: 8px;
  padding-right: 0;
}

.title {
  opacity: .95;
  text-align: center;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: normal;
  background-image: linear-gradient(#000, #fcfcfc 24% 82%, #a09d9d);
  -webkit-background-clip: text;
  background-clip: text;
  flex: 0 auto;
  order: -1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 400;
}

.title.faqh1 {
  font-size: 56px;
}

.answer-text {
  color: #bdbdbdb3;
  text-align: left;
  padding-top: 8px;
  font-size: 16px;
}

.question {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.faqcontainer {
  margin-top: 56px;
}

.patopricing {
  min-width: 500px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.body {
  font-family: Satoshi, Verdana, sans-serif;
}

.card-image-rotation {
  z-index: 3;
  transform-style: preserve-3d;
  width: 540px;
  padding-top: 0;
  position: absolute;
  transform: translate(50px)rotateX(-30deg)rotateY(-30deg)rotateZ(0);
}

.card-image-rotation.main-card {
  z-index: 2;
  position: relative;
}

.card-image-rotation._03 {
  border-radius: 12px;
  top: 50px;
  left: -50px;
}

.card-image-rotation._01 {
  z-index: 1;
  top: -50px;
  left: 50px;
}

.feature-image-holder {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #00000061;
  border: 2px solid #5a5a5a61;
  border-radius: 12px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.feature-image-holder._03 {
  z-index: 3;
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  display: flex;
}

.feature-image-holder._01 {
  z-index: 1;
}

.feature-image-holder._02 {
  z-index: 2;
  background-color: #000;
  position: relative;
}

.card-image-holder {
  width: 100%;
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
  overflow: visible;
}

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

.gray-card-holder.blue {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.gray-card-holder.grey {
  border-radius: 12px;
}

.grey-card-holder {
  backface-visibility: visible;
  perspective: none;
  transform-origin: 50%;
  justify-content: center;
  align-items: center;
  max-width: 650px;
  padding-right: 80px;
  display: flex;
  position: relative;
}

.modulevideos {
  max-width: 800px;
}

.div-block {
  min-width: 100%;
}

.modulevideotoptext {
  z-index: 5;
  color: #929292;
  text-transform: uppercase;
  margin-top: 7px;
  margin-left: 29px;
  font-family: Satoshi, Verdana, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  position: absolute;
  inset: 1em auto auto;
}

.div-block-2 {
  border: 1px #000;
  border-bottom: 1px solid #b9b9b9;
  position: relative;
}

.div-block-3 {
  opacity: .71;
  mix-blend-mode: multiply;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  box-shadow: inset 0 2px 5px #0000009e;
}

.video {
  opacity: 1;
  mix-blend-mode: normal;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  position: static;
}

.div-block-4 {
  z-index: 8;
  background-image: linear-gradient(#000, #0a0b1d3d 71%);
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  position: relative;
}

.link {
  color: #f8f8f8b3;
}

.reportleft {
  opacity: .91;
  background-color: #0d0d17;
  background-image: url('../images/modulo-5.png'), url('../images/frame2147223863_1frame2147223863.avif');
  background-position: 50%, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
  border: 1px solid #22232e;
  border-radius: 6px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 597px;
  max-width: 100%;
  height: 528px;
  display: flex;
  overflow: hidden;
}

.introimage {
  object-fit: cover;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin-top: -11px;
  display: flex;
  position: relative;
}

.introright {
  background-color: #0d0d17;
  background-image: url('../images/modulo-intro2.png');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #22232e;
  border-radius: 6px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 597px;
  max-width: 100%;
  height: 528px;
  display: flex;
}

.modulo1 {
  background-color: var(--background-color);
  border-radius: 10px;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.modulo3left {
  opacity: 1;
  background-color: #0d0d17;
  background-image: url('../images/modulo-3-vulns.png');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #22232e;
  border-radius: 6px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 597px;
  max-width: 100%;
  height: 528px;
  margin-left: 8px;
  display: flex;
  overflow: hidden;
}

.reportright {
  background-color: #0d0d17;
  background-image: url('../images/modulo-4.png');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #22232e;
  border-radius: 6px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 597px;
  max-width: 100%;
  height: 528px;
  display: flex;
}

.div-block-156 {
  z-index: 1;
  opacity: 1;
  filter: brightness(91%) contrast(112%);
  mix-blend-mode: normal;
  will-change: transform;
  background-image: linear-gradient(#000, #000);
  border-radius: 14px;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: 3px;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px 20px 7px #18182785;
}

.overlay-color-2 {
  opacity: .48;
  mix-blend-mode: color;
  will-change: transform;
  background-image: linear-gradient(138deg, #070810, #000);
  border: 1px #000;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.background-video-5 {
  z-index: -1;
  mix-blend-mode: normal;
  will-change: transform;
  border: 1px #000;
  border-radius: 12px;
  width: 100%;
  max-height: 100%;
  padding-right: 32px;
  display: block;
  left: 0;
}

.div-block-157 {
  opacity: .28;
  mix-blend-mode: hard-light;
  will-change: transform;
  background-image: linear-gradient(132deg, #0000, #1d1d1d 78%);
  border: 1px #000;
  border-radius: 20px;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.labsvideocontainer {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid var(--button-stroke);
  border-right: 1px solid var(--button-stroke);
  border-left: 1px solid var(--button-stroke);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  width: 557px;
  max-width: 100%;
  height: 427px;
  margin-bottom: 28px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.labsvideocontainer:where(.w-variant-90e8601a-76fd-94a5-3614-f8b8ecc0bac3) {
  overflow: hidden;
}

.is-magnetic.is-absolut {
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
  position: absolute;
}

.play-wrapper {
  z-index: 3;
  color: #f8f1e2;
  cursor: pointer;
  background-color: #002cfc;
  background-image: linear-gradient(153deg, #b6bfce, #3d127e 55%, #6645a5);
  border-radius: 999em;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 7em;
  height: 7em;
  transition: all .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  box-shadow: 0 10px 4em 3px #000000e0;
}

.play-wrapper:hover {
  transform: scale(1.15);
}

.play-icon {
  color: #fff;
  width: 24px;
  height: 24px;
  margin-left: .2em;
  font-size: 1.7em;
}

.previa {
  color: #8b7676;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#afafaf, #afafaf);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 14px;
  font-weight: 400;
}

.play-previa {
  color: #ae61ff;
  -webkit-text-stroke-color: #ae61ff;
  width: 18px;
  height: 24px;
  margin-left: .2em;
  font-size: 1.7em;
}

.play-previa-div {
  border: 1px solid #252538;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.wrapper {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
  top: 0;
  left: 0;
  right: 0;
}

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

.section-2 {
  background-color: #070811;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
  overflow: hidden;
}

.centre-align {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.footer-link {
  opacity: .5;
  cursor: pointer;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  transition: opacity .2s ease-in-out;
}

.footer-link:hover {
  opacity: 1;
}

.footer-link.w--current {
  opacity: 1;
  font-weight: 500;
}

.footer-link.spacing {
  margin-left: 16px;
  margin-right: 16px;
}

.footer-link.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.footer-link.no-padding.last {
  margin-right: -20px;
}

.social-media-icon {
  padding: 8px;
}

.brand-link {
  align-items: center;
  font-size: 23px;
  font-weight: 700;
  display: flex;
}

.footer-wrap-02 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  display: flex;
}

.footer-section-02 {
  background-color: #04030f;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.logo-txt {
  color: #000;
  margin-top: 3px;
  line-height: 23px;
}

.socials-in-footer {
  border-left: 1px #dbdbdb;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.legal-info {
  opacity: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.legal-info.small-footer {
  margin-top: 0;
}

.blue {
  color: #3b2ae5;
}

.globe {
  max-width: 40px;
  margin-right: 10px;
}

.platform-icon {
  background-color: #3b2ae5;
  justify-content: center;
  align-items: center;
  width: 22px;
  max-width: 22px;
  height: 22px;
  max-height: 22px;
  margin-right: 0;
  padding: 4px;
  display: flex;
}

.social-link-nav {
  color: #3b2ae5;
  align-items: center;
  margin-left: 20px;
  margin-right: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.social-link-nav:hover {
  opacity: .8;
}

.footer-spacer {
  flex: 0 auto;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.team-member-social {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  align-items: center;
  display: flex;
}

.text-block-34 {
  opacity: .37;
  color: #757575;
  text-align: center;
  font-size: 11px;
}

.footer-link-2 {
  color: #fffc;
  transition: opacity .2s;
}

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

.footer-link-2.small {
  opacity: .5;
  color: #fff;
}

.footer-link-2.small:hover {
  opacity: 1;
}

.footer-details {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 14px;
  display: flex;
}

.footer-2 {
  background-color: #000003;
  padding-top: 80px;
  padding-bottom: 15px;
}

.horizontal-rule {
  background-color: #fff3;
  width: 100%;
  height: 1px;
}

.footer-copyright-text {
  opacity: .68;
  color: #474747;
  text-align: center;
  flex: 1;
  width: 100%;
  font-size: 14px;
}

.image-10 {
  object-fit: contain;
}

.container---main {
  z-index: 1;
  width: 100%;
  max-width: 1356px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}

.rows {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.rows.gap-4x {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.rows.gap-2x {
  grid-column-gap: 35px;
  grid-row-gap: 15px;
  text-align: center;
  align-items: center;
  width: 100%;
  min-width: 500px;
}

.highlight {
  color: #877ae7;
}

@media screen and (min-width: 1280px) {
  .works-badge {
    margin-top: 56px;
  }

  .works-tab-content-right {
    width: 570px;
  }

  .features-04-card-01, .features-04-card-02 {
    overflow: hidden;
  }

  .features-04-card-04-inner {
    flex-flow: column;
    justify-content: space-between;
    display: flex;
  }

  .chat-badge {
    margin-top: 56px;
  }

  .code-wrap {
    justify-content: center;
    align-items: center;
  }

  .cart-buttton.small {
    text-align: center;
    width: auto;
  }

  .cart-container {
    background-color: var(--fill-color-2);
  }

  .remove-button {
    color: red;
    text-decoration: none;
  }

  .cart-quantity-2 {
    border-color: var(--blue-dark);
    background-color: var(--blue-dark);
    color: var(--white-color);
  }

  .cart-footer {
    border-top-color: var(--stroke-color);
  }

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

  .empty-state {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .div-block-156 {
    border-radius: 0;
  }

  .background-video-5 {
    width: 100%;
  }
}

@media screen and (min-width: 1440px) {
  .heading-5.linear-text-01.tab-text {
    font-size: 24px;
  }

  .paragraph-02.gray-text-color.features-text {
    max-width: 481px;
  }

  .works-badge {
    margin-top: 64px;
  }

  .works-tab-content-right {
    width: 610px;
  }

  .testimonial-slider-left {
    left: -91.5%;
  }

  .testimonial-slider-right {
    left: -81%;
  }

  .chat-badge {
    margin-top: 64px;
  }

  .payment-image-02 {
    width: 367.7px;
  }

  .trusted-wrap {
    height: 556px;
  }

  .trusted-right {
    width: 886px;
  }

  .trust-02-image-02 {
    left: 0;
  }

  .code-inner-wrap {
    margin-left: 120px;
  }

  .div-block-156 {
    opacity: 1;
    border-radius: 20px;
  }

  .background-video-5 {
    filter: saturate(105%);
  }
}

@media screen and (min-width: 1920px) {
  .section-text.p1 {
    max-width: 500px;
  }

  .features-01-image-wrap {
    position: static;
  }

  .transactions-image {
    width: 100%;
  }

  .title {
    background-image: linear-gradient(186deg, #20202057, #ececec 33%);
    font-size: 55px;
  }

  .div-block-156 {
    border-radius: 20px;
    width: 420px;
  }

  .overlay-color-2 {
    background-image: linear-gradient(138deg, #0f2a47, #000);
    border-radius: 0;
  }

  .background-video-5 {
    border-radius: 12px;
  }

  .div-block-157 {
    padding-right: 11px;
  }

  .previa {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .play-previa {
    height: 18px;
  }
}

@media screen and (max-width: 991px) {
  .typography {
    padding-top: 100px;
  }

  .typography-list {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .heading-1 {
    font-size: 68px;
  }

  .heading-2.linear-text-01.features-text {
    font-size: 60px;
    line-height: 68px;
  }

  .paragraph-medium-01 {
    font-size: 16px;
  }

  .paragraph-medium-02.gray-text-color.text-center {
    margin-top: 20px;
  }

  .paragraph-02.gray-text-color.works-text {
    margin-top: 16px;
  }

  .paragraph-02.gray-text-color.trust-text {
    max-width: 100%;
  }

  .typography-heading {
    margin-top: 60px;
  }

  .color {
    padding-top: 100px;
  }

  .color-list-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .buttons {
    padding-top: 100px;
  }

  .buttons-list-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start;
    display: flex;
  }

  .button-02-inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-03 {
    box-shadow: 0 14px 48px #6e3afe4d;
  }

  .footer {
    margin-top: 100px;
  }

  .footer-wrap {
    flex-flow: column;
  }

  .cta-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 60px;
  }

  .footer-left-bottom {
    margin-top: 32px;
  }

  .pricing-hero {
    padding-top: 100px;
  }

  .pricing-hero-top {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .pricing-hero-right {
    width: 610px;
  }

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

  .pricing-hero-bottom.p3 {
    margin-top: 80px;
    overflow: hidden;
  }

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

  .pricing-card-wrap.month {
    grid-template-columns: 1fr 1fr;
  }

  .pricing-card-03 {
    padding: 20px;
  }

  .compare-plan-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .compare-plan-left {
    width: 100%;
  }

  .cp-price-list {
    padding: 24px;
  }

  .cp-price-icon {
    width: 48px;
  }

  .cp-price-text {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 24px;
  }

  .compare-plan-bottom {
    margin-top: 24px;
  }

  .compare-plan-title-wrap {
    flex-flow: column;
  }

  .cp-title-wrap, .cp-title-wrap.center, .cp-title-wrap.cp-title, .cp-title-wrap.cp-title.center {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .compare-plan-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .contact {
    padding-top: 100px;
  }

  .home-03-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .home-03-right {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .home-03-image-wrap {
    width: 80%;
  }

  .home-03-shadow {
    background-size: cover;
  }

  .brands-wrap._02 {
    margin-top: -60px;
  }

  .brands-wrap._03 {
    margin-top: -120px;
  }

  .brand-logo {
    width: 180px;
    margin-right: 28px;
  }

  .features-01:where(.w-variant-90e8601a-76fd-94a5-3614-f8b8ecc0bac3), .features-01.features-02:where(.w-variant-bba1e3bf-b7bc-9ae3-369e-e5bf9b564242) {
    padding-top: 100px;
  }

  .features-01-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .features-01-main {
    margin-top: 60px;
  }

  .features-01-card.full {
    flex-flow: column;
    align-items: flex-start;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .features-01-image-wrap.f3 {
    width: 100%;
  }

  .features-01-button {
    margin-top: 28px;
  }

  .fc-01-button {
    margin-top: 60px;
  }

  .testimonials-01 {
    padding-top: 100px;
  }

  .testimonials-01-wrap {
    grid-template-columns: 1fr 1fr;
    margin-top: 60px;
  }

  .pricing-02 {
    padding-top: 100px;
  }

  .integration-01.sb {
    margin-bottom: 20px;
  }

  .integration-01-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 60px;
  }

  .integration-01-list.il1, .integration-01-list.il2 {
    padding-top: 6px;
  }

  .about {
    padding-top: 100px;
  }

  .about-right {
    width: 610px;
  }

  .about-top {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

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

  .about-image-01, .about-image-02 {
    width: 30%;
  }

  .brands-group {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .team-wrap {
    background-size: 600px, auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .team-main-wrap {
    margin-top: 60px;
  }

  .team-slider-arrow.left {
    right: 12%;
  }

  .investors-list.ih1 {
    height: auto;
  }

  .investors-list.ih2 {
    height: auto;
    padding: 40px;
  }

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

  .investors-list-wrap.i2 {
    margin-top: 16px;
  }

  .testimonials-02-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .testimonials-02-main {
    grid-template-columns: 1fr 1fr;
    margin-top: 60px;
  }

  .testimonials-02-card {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .features-hero-03 {
    padding-top: 100px;
  }

  .features-hero-header {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .features-hero-header-right {
    width: 610px;
  }

  .works-wrap {
    background-size: 600px, auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .works-tabs-menu {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 12px;
    display: grid;
  }

  .works-tab-link-icon {
    width: 26px;
  }

  .works-tab-content-wrap {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    align-items: flex-start;
  }

  .works-button {
    margin-top: 28px;
  }

  .works-badge {
    margin-top: 32px;
  }

  .works-tab-content-right {
    width: 610px;
  }

  .brands-01 {
    margin-top: 100px;
  }

  .hero-light {
    background-size: 800px;
    height: 100vh;
  }

  .brands-cover-left, .brands-cover-right {
    width: 150px;
  }

  .nav-dropdown-toggle {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-dropdown-toggle.w--open {
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .navbar-wrapper {
    align-items: center;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
    box-shadow: none;
    margin-top: 10px;
    padding-top: 0;
    position: relative;
    left: 0;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide._2.w--open {
    left: 0;
  }

  .nav-item {
    width: 100%;
  }

  .menu-button {
    color: var(--white-color);
    flex-flow: row;
    padding: 10px;
  }

  .menu-button.w--open {
    background-color: var(--fill-color);
    color: #fff;
  }

  .nav-dropdown-link {
    border-radius: 8px;
  }

  .nav-menus {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-color: #090913;
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: flex-start;
    padding: 30px 40px 40px;
    display: flex;
  }

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

  .nav-dropdown-icon-2 {
    color: #0f0f16;
  }

  .nav-dropdown-box {
    width: 100%;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .mobile-margin-top-12 {
    display: flex;
  }

  .nav-right-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    display: flex;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
    display: none;
  }

  .nav-button-wrapper.mobile {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-button-wrapper.show {
    display: block;
  }

  .nav-link-wrap {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-menu.ndl1, .nav-dropdown-menu.ndl3, .nav-dropdown-menu.ndl2 {
    flex: 1;
  }

  .icon {
    font-size: 28px;
    line-height: 32px;
  }

  .authentication-card-wrap {
    border-radius: 28px;
  }

  .authentication-inner-wrap {
    border-radius: 28px;
    padding-top: 110px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .authentication-icon {
    width: 120px;
  }

  .home-01-text {
    margin-top: 24px;
  }

  .home-01-dashboard-wrap {
    margin-top: 60px;
    padding-left: 24px;
    padding-right: 20px;
  }

  .home-01-bg {
    height: 480px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-01-main {
    padding-top: 100px;
  }

  .home-01-light {
    background-size: contain;
    height: 70%;
  }

  .home-01-texture-01 {
    width: 500px;
    height: 500px;
  }

  .home-01-texture-02 {
    width: 600px;
    height: 600px;
    left: -150px;
  }

  .home-01-star {
    background-size: 1440px;
    height: 70%;
  }

  .features-04.space {
    padding-top: 100px;
  }

  .features-04-wrap {
    background-size: 600px, auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .features-04-main-wrap {
    margin-top: 60px;
  }

  .features-04-card-03 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 60px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .features-04-card-row-01 {
    grid-template-columns: 1fr 1fr;
  }

  .features-04-card-row-03 {
    grid-template-columns: 1fr;
  }

  .features-04-card-02-text {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .features-04-card-left {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
  }

  .features-04-card-texture {
    display: none;
  }

  .features-04-card-04-text, .features-04-card-05-text {
    width: 100%;
  }

  .integration-02-wrap {
    margin-top: 100px;
  }

  .integration-02-item {
    width: 120px;
    height: 120px;
  }

  .integration-02-image {
    width: 80px;
    height: 80px;
  }

  .integration-02-inner {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .integration-02-shadow {
    width: 300px;
    top: -25%;
    left: -20%;
  }

  .integration-02-shadow.right {
    top: -25%;
    right: -20%;
  }

  .integration-02-center-image {
    width: 400px;
    margin-top: -11px;
  }

  .testimonials-03-wrap {
    padding-bottom: 160px;
    padding-left: 0;
    padding-right: 0;
  }

  .testimonials-03-left {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .testimonials-03-inner {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
  }

  .testimonials-03-right {
    width: 100%;
    padding-left: 40px;
  }

  .testimonial-slider-left {
    inset: auto 0% -15% -15%;
  }

  .testimonial-card-author-image {
    width: 170px;
  }

  .quotes {
    width: 140px;
  }

  .testimonial-slider-right {
    inset: auto -6% -15% 0%;
  }

  .home-02 {
    padding-top: 100px;
  }

  .home-02-top {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .home-02-right {
    width: 610px;
  }

  .home-02-bottom {
    margin-top: 60px;
  }

  .home-02-bottom.f2 {
    margin-top: 80px;
  }

  .home-02-dashboard-shadow {
    height: 50%;
  }

  .integration-01-blank-box {
    height: 70px;
  }

  .features-06-wrap {
    padding-top: 80px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .features-06-inner {
    flex-flow: column;
  }

  .features-06-left {
    width: auto;
  }

  .features-06-button {
    margin-top: 32px;
  }

  .works-02-wrap {
    background-size: 600px, auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .works-02-main-wrap {
    margin-top: 60px;
  }

  .sticky-wrapper {
    height: auto;
  }

  .works-02-left-wrap {
    display: none;
  }

  .w2-item-image-group {
    width: 50%;
  }

  .w2-item-image-group.i2, .w2-item-image-group.i3 {
    opacity: 1;
    position: static;
  }

  .w2-item-image-group.responsive {
    display: block;
  }

  .works-02-center-wrap {
    display: none;
  }

  .works-02-right-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
  }

  .w2-item-content {
    flex-flow: column;
    justify-content: space-between;
    width: 50%;
    display: flex;
  }

  .w2-item-shadow._2, .w2-item-shadow._3 {
    opacity: 1;
  }

  .w2-item-content-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    display: flex;
  }

  .showcase-page-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 60px;
  }

  .page-link {
    width: 45%;
  }

  .showcase-cta-wrap {
    flex-flow: column;
    padding-top: 40px;
    padding-left: 40px;
  }

  .showcase-cta-left {
    width: 80%;
    margin-top: 0;
  }

  .showcase-cta-right {
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    display: flex;
  }

  .showcase-cta-image {
    width: 90%;
  }

  .showcase-footer-wrap {
    padding-top: 80px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .showcase-footer-top {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .showcase-hero {
    padding-top: 100px;
  }

  .showcase-header-text {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .showcase-content-wrap {
    border-radius: 16px;
    margin-top: 80px;
  }

  .showcase-image-wrap {
    width: 30%;
  }

  .showcase-image-wrap.center {
    width: 40%;
  }

  .heading-flex {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .included-wrap {
    margin-top: 60px;
  }

  .included-card {
    width: 48%;
  }

  .career {
    padding-top: 100px;
  }

  .career-header-wrap {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .career-header-right {
    width: 610px;
  }

  .career-image-wrap, .vacancies-wrap {
    margin-top: 60px;
  }

  .vacancies-single {
    padding-top: 100px;
  }

  .vs-short-details {
    margin-top: 80px;
  }

  .integration-hero {
    padding-top: 100px;
  }

  .integration-hero-top {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .integration-hero-right {
    width: 610px;
  }

  .integration-hero-bottom {
    margin-top: 80px;
  }

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

  .integration-single {
    padding-top: 100px;
  }

  .integration-single-bottom {
    margin-top: 40px;
  }

  .blog-hero {
    padding-top: 100px;
  }

  .blog-hero-top {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .blog-hero-right {
    width: 610px;
  }

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

  .blog-card {
    height: 400px;
  }

  .blog-01-main-wrap {
    flex-flow: column;
  }

  .blog-01-left {
    width: 100%;
  }

  .blog-01-card-text {
    max-width: 100%;
    margin-bottom: 32px;
  }

  .blog-01-right {
    width: 100%;
  }

  .blog-01-sinlge-list {
    padding-left: 30px;
    padding-right: 30px;
  }

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

  .blog-details {
    margin-top: 24px;
  }

  .blog-text, .blog-short-details {
    margin-bottom: 24px;
  }

  .newsletter-wrap {
    padding-left: 40px;
  }

  .newsletter-inner {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .newsletter-left {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 40px;
  }

  .newsletter-right {
    width: 100%;
  }

  .blog-single {
    padding-top: 100px;
  }

  .blog-single-short-details {
    margin-top: 30px;
  }

  .blog-large-image {
    height: 400px;
  }

  .blog-single-bottom {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .blog-single-right {
    margin-top: 0;
    position: static;
  }

  .trust-wrap {
    background-size: 600px, auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .trust-main-wrap {
    margin-top: 60px;
  }

  .chat-inner-content {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
  }

  .chat-left {
    width: 100%;
    height: auto;
    min-height: 300px;
  }

  .chat-image-wrap {
    height: 300px;
  }

  .chat-right {
    width: 100%;
  }

  .chat-text {
    width: 100%;
    margin-top: 28px;
  }

  .chat-button {
    margin-top: 28px;
  }

  .chat-badge {
    margin-top: 32px;
  }

  .payment-inner-content {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px;
  }

  .payment-left.invert {
    order: 2;
  }

  .payment-right {
    width: 100%;
    height: auto;
  }

  .payment-image-wrap {
    min-height: 300px;
    padding-top: 140px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .trusted-wrap {
    height: auto;
  }

  .trusted-inner-content {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 0;
    padding-left: 40px;
  }

  .trusted-right {
    width: 100%;
    position: static;
  }

  .features-hero-01, .licenses {
    padding-top: 100px;
  }

  .licenses-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    margin-top: 80px;
  }

  .changelog {
    padding-top: 100px;
  }

  .changelog-wrap {
    margin-top: 80px;
  }

  .changelog-text {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 40px;
  }

  .trust-02-main-wrap {
    margin-top: 60px;
  }

  .trust-02-inner-content {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
  }

  .trust-02-left {
    order: -1;
    width: 100%;
    padding-bottom: 0;
    padding-right: 40px;
    display: block;
  }

  .trust-02-right {
    order: 1;
    width: 100%;
    height: 450px;
  }

  .code-inner-wrap {
    margin-left: 0;
  }

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

  .pricing-single {
    padding-top: 100px;
  }

  .pricing-single-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .pricing-single-left {
    border-right-width: 0;
  }

  .pricing-single-right {
    padding-left: 0;
  }

  .integration-01-main {
    height: 80vh;
  }

  .pricing-collections-list {
    display: block;
  }

  .introducao {
    padding-top: 100px;
  }

  .question-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    display: flex;
  }

  .card-image-holder {
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
  }

  .reportleft, .introright {
    width: 100%;
    height: auto;
  }

  .modulo3left {
    width: 100%;
    height: 300px;
  }

  .reportright {
    width: 100%;
    height: auto;
  }

  .labsvideocontainer {
    width: auto;
  }

  .play-wrapper:active {
    transform: scale(.9);
  }

  .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

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

  .section-2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .social-media-icons-contianer {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .social-media-icons-contianer.no-bottom-margins {
    margin-bottom: 0;
  }

  .footer-wrap-02 {
    flex-direction: column;
    justify-content: flex-start;
  }

  .footer-details {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .container---main {
    max-width: 551px;
  }

  .rows.gap-2x {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }
}

@media screen and (max-width: 767px) {
  h4 {
    font-size: 28px;
  }

  h6 {
    font-size: 22px;
  }

  blockquote {
    padding: 24px;
    font-size: 22px;
  }

  .typography {
    padding-top: 80px;
  }

  .heading-1 {
    font-size: 56px;
  }

  .heading-2 {
    font-size: 48px;
  }

  .heading-2.linear-text-01.features-text {
    font-size: 56px;
    line-height: 64px;
  }

  .heading-3 {
    font-size: 44px;
  }

  .heading-5.compare-plan-text, .heading-5.testimonial-text {
    font-size: 20px;
  }

  .paragraph-02.gray-text-color.text-center.short-text, .paragraph-02.gray-text-color.text-center.tst, .paragraph-02.cta-text {
    margin-top: 20px;
  }

  .typography-info, .color-info {
    flex-flow: column;
  }

  .color-list-wrap {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .button-03 {
    box-shadow: 0 12px 40px #6e3afe4d;
  }

  .footer {
    padding-top: 60px;
  }

  .cta-button {
    margin-top: 32px;
  }

  .footer-right {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .pricing-hero {
    padding-top: 80px;
  }

  .pricing-hero-bottom.p3 {
    align-items: stretch;
  }

  .pricing-card-wrap, .pricing-card-wrap.month {
    grid-template-columns: 1fr;
  }

  .pricing-card-03 {
    width: 100%;
  }

  .compare-plan-top {
    position: relative;
  }

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

  .compare-plan-right.first {
    flex-flow: column;
  }

  .cp-price-icon {
    width: 40px;
  }

  .cp-price-text {
    margin-top: 20px;
  }

  .cp-title-wrap.center, .cp-title-wrap.cp-title.center {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .contact {
    padding-top: 80px;
  }

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

  .contact-form-submit {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .home-03-left {
    width: 100%;
  }

  .home-03-text {
    margin-top: 20px;
  }

  .home-03-button {
    margin-top: 32px;
  }

  .home-03-image-wrap {
    width: 90%;
  }

  .brands-wrap._02 {
    margin-top: -40px;
  }

  .brands-wrap._03 {
    margin-top: -100px;
  }

  .brand-logo {
    width: 160px;
    margin-right: 24px;
  }

  .features-01.features-02:where(.w-variant-bba1e3bf-b7bc-9ae3-369e-e5bf9b564242) {
    padding-top: 80px;
  }

  .features-01-wrap {
    padding-left: 32px;
    padding-right: 32px;
  }

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

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

  .badge-line {
    width: 120px;
  }

  .features-01-card.full {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding-bottom: 16px;
  }

  .features-01-image-wrap {
    margin-top: 32px;
  }

  .features-01-button {
    margin-top: 24px;
  }

  .fc-01-button {
    margin-top: 48px;
  }

  .testimonials-01 {
    padding-top: 60px;
  }

  .testimonials-01-wrap {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .integration-01-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .integration-01-list.list-01 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-bottom: 10px;
  }

  .integration-01-list.list-02 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 64px;
  }

  .integration-01-list.list-03 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-top: 32px;
  }

  .integration-01-list.list-04, .integration-01-list.il1, .integration-01-list.il2, .integration-01-list.il3 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .about {
    padding-top: 80px;
  }

  .brands-text {
    margin-bottom: 32px;
  }

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

  .team-wrap {
    background-size: 500px, auto;
    padding-bottom: 160px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .team-slide-wrapper {
    width: 280px;
  }

  .team-slider-arrow {
    bottom: -90px;
  }

  .team-slider-arrow.left {
    right: 16%;
  }

  .team-image-wrap {
    height: 360px;
  }

  .investors-list.ih2 {
    padding: 28px;
  }

  .investors-list-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .investors-list-wrap.i2 {
    margin-top: 12px;
  }

  .testimonials-02-wrap {
    padding-left: 32px;
    padding-right: 32px;
  }

  .testimonials-02-main {
    grid-template-columns: 1fr;
  }

  .testimonials-02-image {
    width: 56px;
    height: 56px;
  }

  .light-border {
    justify-content: center;
    align-items: center;
  }

  .features-hero-03 {
    padding-top: 80px;
  }

  .works-wrap {
    background-size: 500px, auto;
    padding-left: 32px;
    padding-right: 32px;
  }

  .works-tabs-menu {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .works-tab-content-left {
    width: 100%;
  }

  .works-badge {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 28px;
    padding: 6px;
  }

  .works-badge-icon {
    width: 48px;
  }

  .works-tab-content-right {
    width: 100%;
  }

  .hero-light {
    background-size: 700px;
  }

  .brands-cover-left, .brands-cover-right {
    width: 100px;
  }

  .nav-dropdown-toggle.w--open {
    margin-left: 0;
    padding-left: 0;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
    margin-top: 5px;
    margin-right: 0;
  }

  .nav-dropdown-icon-2 {
    font-size: 14px;
  }

  .nav-dropdown-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mobile-margin-top-12 {
    margin-top: 10px;
  }

  .nav-right-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .navbar-container {
    padding-top: 16px;
  }

  .nav-dropdown-list-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .nav-dropdown-menu.ndl1 {
    padding-right: 0;
  }

  .nav-dropdown-menu.ndl3 {
    padding-left: 0;
  }

  .nav-dropdown-menu.ndl2 {
    border-left-width: 0;
    border-right-width: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .light-border-inner {
    width: 160px;
  }

  .authentication-card-wrap {
    border-radius: 24px;
  }

  .authentication-inner-wrap {
    border-radius: 24px;
    padding-top: 90px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .form-inner-page-link {
    margin-bottom: 24px;
  }

  .authentication-icon {
    width: 100px;
  }

  .home-01-dashboard-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .home-01-bg {
    height: 400px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .home-01-main {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .home-01-texture-01 {
    width: 400px;
    height: 400px;
    top: -40px;
  }

  .home-01-texture-02 {
    width: 400px;
    height: 400px;
    left: -100px;
  }

  .home-01-star {
    background-size: 1000px;
  }

  .features-04-wrap {
    background-size: 500px, auto;
    padding-left: 32px;
    padding-right: 32px;
  }

  .features-04-card-row-01 {
    grid-template-columns: 1fr;
  }

  .features-04-card-inner {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 28px;
  }

  .features-04-card-icon {
    width: 60px;
  }

  .features-card-03-text {
    margin-top: 32px;
  }

  .features-chart-wrap {
    width: 350px;
    height: 315px;
  }

  .features-chart-center {
    width: 150px;
    height: 150px;
  }

  .features-chart-center-image {
    width: 56px;
  }

  .features-04-card-04-top {
    height: 240px;
  }

  .features-04-card-04-image-2 {
    width: 300px;
  }

  .features-04-card-04-details {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .features-04-card-05-top {
    height: 240px;
  }

  .features-04-card-05-image-1 {
    width: 250px;
  }

  .features-04-card-05-image-2 {
    width: 300px;
  }

  .features-04-card-05-shape-2 {
    height: 40px;
  }

  .features-04-card-05-text {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .integration-02-wrap {
    margin-top: 90px;
  }

  .integration-02-item {
    width: 100px;
    height: 100px;
    margin-right: 28px;
  }

  .integration-02-image {
    width: 70px;
    height: 70px;
  }

  .integration-02-inner {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .integration-02-shadow {
    width: 200px;
    top: -20%;
    left: -20%;
  }

  .integration-02-shadow.right {
    top: -20%;
    right: -20%;
  }

  .integration-02-center-image {
    width: 350px;
    margin-top: -17px;
  }

  .testimonials-03-left {
    padding-left: 32px;
    padding-right: 32px;
  }

  .testimonial-slide-wrapper {
    width: 90%;
  }

  .testimonial-slider-left {
    left: -18%;
  }

  .testimonial-card-author-image {
    width: 130px;
  }

  .quotes {
    width: 80px;
  }

  .testimonial-card-middle {
    margin-top: 32px;
  }

  .testimonial-card-bottom {
    margin-top: 28px;
    padding-top: 28px;
  }

  .testimonial-slider-right {
    right: -10%;
  }

  .home-02 {
    padding-top: 80px;
  }

  .home-02-bottom.f2 {
    margin-top: 60px;
  }

  .home-02-dashboard-shadow {
    height: 45%;
  }

  .integration-01-blank-box {
    border-radius: 6px;
    height: 48px;
  }

  .integration-01-blank-box.bb2 {
    height: 24px;
  }

  .features-06-wrap {
    padding-left: 32px;
    padding-right: 32px;
  }

  .features-06-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .features-06-button {
    margin-top: 28px;
  }

  .features-06-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: 380px;
    padding-left: 40px;
    padding-right: 30px;
  }

  .features-06-image {
    width: 340px;
  }

  .features-06-image.i2 {
    width: 350px;
  }

  .features-06-image.fia {
    width: 300px;
  }

  .works-02-wrap {
    background-size: 500px, auto;
    padding-left: 32px;
    padding-right: 32px;
  }

  .w2-item-image-group, .w2-item-content {
    width: 100%;
  }

  .w2-item-text {
    margin-top: 28px;
  }

  .w2-item-content-wrap {
    flex-flow: column;
  }

  .showcase-page-wrap {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .page-link-inner {
    padding: 16px 16px 20px;
  }

  .showcase-footer-wrap {
    padding-top: 60px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .showcase-hero {
    padding-top: 80px;
  }

  .showcase-header-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .showcase-header-button {
    margin-top: 32px;
  }

  .showcase-content-wrap {
    margin-top: 60px;
    padding-top: 40px;
  }

  .showcase-image {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }

  .showcase-image._1 {
    border-top-right-radius: 6px;
  }

  .included-card {
    width: 100%;
  }

  .career {
    padding-top: 80px;
  }

  .vacancies-card {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .vacancies-single {
    padding-top: 80px;
  }

  .vs-short-details {
    grid-column-gap: 16px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    margin-top: 60px;
  }

  .integration-hero {
    padding-top: 80px;
  }

  .integration-hero-bottom {
    margin-top: 60px;
  }

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

  .integration-single {
    padding-top: 80px;
  }

  .integration-single-bottom {
    margin-top: 20px;
  }

  .blog-hero {
    padding-top: 80px;
  }

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

  .blog-card {
    height: 350px;
  }

  .blog-image-wrap.b1 {
    height: 300px;
  }

  .blog-image-wrap.b2 {
    border-radius: 16px;
    height: 280px;
  }

  .blog-01-badge {
    padding: 12px 16px;
  }

  .blog-01-card-details {
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-01-card-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .blog-01-sinlge-list {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-01-sinlge-text {
    margin-bottom: 28px;
  }

  .blog-short-details {
    margin-bottom: 20px;
  }

  .newsletter-wrap {
    padding-left: 32px;
  }

  .newsletter-left {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-right: 32px;
  }

  .newsletter-button {
    margin-top: 32px;
  }

  .blog-single {
    padding-top: 80px;
  }

  .blog-large-image {
    border-radius: 16px;
    height: 350px;
  }

  .blog-share-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .trust-wrap {
    background-size: 500px, auto;
    padding: 60px 32px;
  }

  .chat-inner-content {
    padding: 32px;
  }

  .chat-image-wrap {
    padding-top: 40px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .chat-image-02 {
    width: 280px;
  }

  .chat-text {
    margin-top: 24px;
  }

  .chat-badge {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 28px;
    padding: 6px;
  }

  .payment-inner-content {
    padding: 32px;
  }

  .payment-image-wrap {
    padding-top: 120px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .payment-image-02 {
    width: 280px;
  }

  .trusted-inner-content {
    padding-top: 32px;
    padding-left: 32px;
  }

  .trusted-left {
    padding-right: 32px;
  }

  .features-hero-01, .licenses {
    padding-top: 80px;
  }

  .licenses-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    margin-top: 60px;
  }

  .changelog {
    padding-top: 80px;
  }

  .changelog-wrap {
    margin-top: 60px;
  }

  .changelog-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .protocolo {
    padding-top: 41px;
  }

  .trust-02-inner-wrap {
    flex-flow: column;
    display: block;
  }

  .trust-02-inner-content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    display: flex;
  }

  .trust-02-left {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    order: -1;
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
    display: block;
  }

  .trust-02-badge, .trust-02-left-card {
    padding: 20px;
  }

  .trust-02-text {
    margin-top: 28px;
  }

  .trust-02-right {
    object-fit: fill;
    order: 1;
    height: 400px;
    display: flex;
    overflow: visible;
  }

  .trust-02-image-02 {
    left: -40px;
  }

  .code-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .code-inner-wrap {
    margin-left: 0;
    padding: 18px 20px;
  }

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

  .pricing-single {
    padding-top: 80px;
  }

  .pricing-single-card {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .ps-left-text {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .cart-buttton {
    padding: 14px 20px;
  }

  .cart-button {
    padding-left: 10px;
    padding-right: 10px;
  }

  .integration-01-main {
    height: 50vh;
  }

  .works-tab-responsive {
    display: block;
  }

  .works-tabs {
    display: none;
  }

  .introducao {
    padding-top: 80px;
  }

  .question-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    display: flex;
  }

  .card-image-rotation {
    width: 330px;
  }

  .div-block-156 {
    object-fit: contain;
    flex: 0 auto;
    display: block;
  }

  .background-video-5 {
    padding-right: 0;
  }

  .labsvideocontainer {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: 380px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-2 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .container---main {
    max-width: 436px;
  }

  .rows.gap-4x {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
  }
}

@media screen and (max-width: 479px) {
  h4 {
    font-size: 24px;
  }

  h5 {
    margin-top: 32px;
    font-size: 22px;
  }

  h6 {
    margin-top: 24px;
    font-size: 20px;
  }

  blockquote {
    border-radius: 10px;
    font-size: 20px;
  }

  .typography {
    padding-top: 60px;
  }

  .typography-list-wrap {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .heading-1 {
    font-size: 44px;
  }

  .heading-1.linear-text-01 {
    font-size: 36px;
  }

  .heading-2 {
    font-size: 40px;
  }

  .heading-2.text-center.linear-text-01 {
    font-size: 32px;
  }

  .heading-2.linear-text-01.features-text {
    font-size: 48px;
    line-height: 56px;
  }

  .heading-3 {
    font-size: 36px;
  }

  .heading-3.linear-text-01, .heading-4 {
    font-size: 28px;
  }

  .heading-4.form-heading {
    font-size: 24px;
  }

  .heading-5.compare-plan-text {
    font-size: 16px;
  }

  .heading-5.linear-text-01.tab-text, .heading-5.testimonial-text {
    font-size: 18px;
  }

  .paragraph-medium-01, .paragraph-01.gray-text-color {
    font-size: 16px;
  }

  .paragraph-01.gray-text-color.hero-text {
    font-size: 14px;
  }

  .paragraph-medium-02.gray-text-color.text-center {
    margin-top: 16px;
  }

  .paragraph-02.gray-text-color {
    font-size: 14px;
  }

  .paragraph-02.gray-text-color.hero-text, .paragraph-02.gray-text-color.text-center.short-text, .paragraph-02.gray-text-color.text-center.tst, .paragraph-02.gray-text-color.vacancies-short-text {
    margin-top: 16px;
  }

  .paragraph-02.gray-text-color.trust-text {
    text-align: left;
    font-weight: 400;
  }

  .paragraph-02.cta-text {
    margin-top: 16px;
  }

  .paragraph-02.copyright-text {
    font-size: 14px;
  }

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

  .color {
    padding-top: 80px;
  }

  .color-list-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .color-size {
    height: 80px;
  }

  .buttons {
    padding-top: 80px;
  }

  .signup-button {
    padding: 8px 14px;
  }

  .button-01 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border-radius: 10px;
  }

  .button-02-inner {
    padding: 14px 18px;
  }

  .button-03 {
    padding: 14px 18px;
    box-shadow: 0 8px 32px #6e3afe4d;
  }

  .button-04 {
    padding: 14px 20px;
  }

  .footer {
    margin-top: 80px;
    padding-top: 48px;
  }

  .footer-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 48px;
  }

  .cta-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 48px;
  }

  .cta-button {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-left-bottom {
    margin-top: 28px;
  }

  .footer-right {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-flow: column;
  }

  .pricing-hero {
    padding-top: 60px;
  }

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

  .pricing-hero-bottom.p3 {
    margin-top: 60px;
  }

  .pricing-card-top {
    padding: 20px 16px;
  }

  .pricing-card-icon.pricing-card-icon-03 {
    width: 48px;
  }

  .pricing-card-price.card-price-03, .pricing-card-button.pricing-button-01 {
    margin-top: 24px;
  }

  .pricing-card-bottom {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricing-card-03 {
    padding: 24px 20px;
  }

  .pricing-card-categories {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .pricing-categories-info {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .pricing-card-03-bottom, .pricing-card-03-button {
    margin-top: 24px;
  }

  .pricing-card-01-categories {
    align-items: flex-start;
    padding-left: 12px;
    padding-right: 12px;
  }

  .pricing-01-price {
    margin-top: 24px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .pricing-01-features {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .compare-plan-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .compare-plan-left.button {
    display: block;
  }

  .compare-plan-right {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .compare-plan-right.button {
    display: none;
  }

  .cp-price-list {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cp-price-categories {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .cp-price-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 16px;
  }

  .cp-title-wrap.cp-title.center {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .cp-icon {
    width: 40px;
  }

  .contact {
    padding-top: 60px;
  }

  .contact-form-wrap {
    margin-top: 48px;
  }

  .contact-form-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .contact-form-group {
    margin-bottom: 20px;
  }

  .contact-form-field.textarea {
    min-height: 120px;
  }

  .contact-form-submit {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .home-03-wrap {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-top: 60px;
  }

  .home-03-button {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 28px;
  }

  .home-03-image-wrap {
    width: 100%;
  }

  .home-03-shadow {
    background-size: 600px;
  }

  .brands-03 {
    padding-top: 60px;
  }

  .brands-wrap._02 {
    margin-top: 0;
  }

  .brands-wrap.hero-01-brand {
    min-height: 200px;
  }

  .brands-wrap._03 {
    margin-top: -20px;
  }

  .brands-list-wrap {
    min-height: 250px;
  }

  .brands-list.list-01 {
    min-height: 200px;
  }

  .brand-logo {
    object-fit: none;
    flex: 1;
    width: auto;
    margin-right: 12px;
    overflow: hidden;
  }

  .features-01:where(.w-variant-90e8601a-76fd-94a5-3614-f8b8ecc0bac3) {
    padding-top: 80px;
  }

  .features-01-wrap {
    padding: 60px 16px;
  }

  .features-01-main {
    margin-top: 48px;
  }

  .section-badge-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .section-badge {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding: 6px 10px;
  }

  .badge-line {
    width: 80px;
  }

  .section-text {
    margin-top: 20px;
  }

  .features-01-card {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .features-01-card.full {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding-top: 20px;
  }

  .features-01-image-wrap {
    margin-top: 28px;
  }

  .features-01-button {
    margin-top: 20px;
  }

  .fc-01-button {
    margin-top: 40px;
  }

  .testimonials-01 {
    padding-top: 80px;
  }

  .testimonials-01-wrap {
    margin-top: 48px;
  }

  .testimonials-01-card {
    padding: 22px 20px;
  }

  .testimonials-01-author-image {
    width: 56px;
  }

  .testimonials-01-author-info {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .pricing-02 {
    padding-top: 80px;
  }

  .integration-01.sb {
    margin-bottom: 10px;
  }

  .integration-01-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 48px;
  }

  .integration-01-list.list-01 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-bottom: 3px;
  }

  .integration-01-list.list-02 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 48px;
  }

  .integration-01-list.list-03 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 24px;
  }

  .integration-01-list.list-04 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .integration-01-list.il1, .integration-01-list.il2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 2px;
  }

  .integration-01-list.il3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 24px;
  }

  .about {
    padding-top: 60px;
  }

  .about-bottom {
    margin-top: 48px;
  }

  .about-dashboard-wrap {
    height: 170px;
  }

  .about-dashboard-inner {
    border-radius: 10px;
    padding: 3px;
  }

  .about-dashboard {
    border-radius: 10px;
  }

  .about-image-01 {
    margin-top: 12px;
    margin-left: 12px;
  }

  .about-image-02 {
    margin-top: 12px;
    margin-right: 12px;
  }

  .brands-text {
    margin-bottom: 28px;
  }

  .brands-group {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .team-wrap {
    background-size: 400px, auto;
    padding: 60px 16px 140px;
  }

  .team-main-wrap {
    margin-top: 48px;
  }

  .team-slide-wrapper {
    width: 230px;
    margin-right: 10px;
  }

  .team-slider-arrow.left {
    right: 26%;
  }

  .team-image-wrap {
    height: 280px;
  }

  .team-link {
    width: 40px;
    height: 40px;
  }

  .team-link-icon {
    width: 24px;
  }

  .team-details {
    padding: 16px;
  }

  .investors-list.ih2 {
    padding: 24px;
  }

  .investors-wrap {
    margin-top: 48px;
  }

  .investors-list-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .investors-list-wrap.i2 {
    grid-template-columns: 1fr 1fr;
    margin-top: 10px;
  }

  .testimonials-02-wrap {
    padding: 60px 16px;
  }

  .testimonials-02-main {
    margin-top: 48px;
  }

  .testimonials-02-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .testimonials-02-image {
    width: 48px;
    height: 48px;
  }

  .testimonials-02-author-info {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
  }

  .testimonials-02-follower {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .testimonials-light-box {
    width: 60px;
    height: 60px;
  }

  .testimonials-play {
    width: 18px;
  }

  .features-hero-03 {
    padding-top: 60px;
  }

  .button-01-inner {
    border-radius: 10px;
    padding: 13px 22px;
  }

  .works {
    padding-top: 80px;
  }

  .works-wrap {
    background-size: 400px, auto;
    padding: 60px 16px;
  }

  .works-tab-wrap {
    margin-top: 48px;
  }

  .works-tabs-menu {
    padding: 6px;
  }

  .works-tab-content-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

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

  .works-badge {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 4px;
  }

  .works-badge-icon {
    width: 40px;
  }

  .brands-01 {
    margin-top: 80px;
  }

  .hero-light {
    background-size: 500px;
  }

  .brands-cover-left, .brands-cover-right {
    width: 60px;
  }

  .navbar-brand-logo {
    height: 16px;
  }

  .menu-button {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-dropdown-link {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .nav-menus {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-dropdown-box {
    width: 100%;
    padding: 16px;
  }

  .nav-right-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .nav-button-wrapper.show {
    display: none;
  }

  .navbar-container {
    padding-top: 12px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-dropdown-menu-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .light-border-inner {
    width: 140px;
  }

  .authentication-card-wrap {
    border-radius: 16px;
  }

  .authentication-inner-wrap {
    border-radius: 16px;
    padding: 60px 16px 20px;
  }

  .authentication-form-wrap {
    margin-top: 28px;
  }

  .form-inner-page-link {
    margin-bottom: 20px;
  }

  .authentication-icon {
    width: 80px;
  }

  .form-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .home-01-text {
    margin-top: 20px;
  }

  .home-01-dashboard-wrap {
    margin-top: 48px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .home-01-bg {
    height: 340px;
    padding: 60px 16px;
  }

  .home-01-main {
    padding-top: 60px;
  }

  .home-01-texture-01 {
    width: 250px;
    height: 250px;
    top: -20px;
    right: -50px;
  }

  .home-01-texture-02 {
    width: 250px;
    height: 250px;
    left: -50px;
  }

  .features-04.space {
    padding-top: 80px;
  }

  .features-04-wrap {
    background-size: 400px, auto;
    padding: 60px 16px;
  }

  .features-04-main-wrap {
    margin-top: 48px;
  }

  .features-card-01-text {
    padding: 16px;
  }

  .features-card-01-image-wrap {
    margin-top: 24px;
  }

  .features-04-card-02-text {
    padding: 60px 20px;
  }

  .features-04-card-inner {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 20px 16px;
  }

  .features-04-card-icon {
    width: 48px;
  }

  .features-card-03-text {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin-top: 24px;
  }

  .features-chart-wrap {
    width: 250px;
    height: 225px;
  }

  .features-chart-center {
    width: 110px;
    height: 110px;
    padding: 12px;
  }

  .features-chart-center-image {
    width: 40px;
  }

  .features-04-card-04-top {
    height: 160px;
    padding-top: 10px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .features-04-card-04-image-2 {
    width: 200px;
  }

  .features-04-card-04-details {
    flex-flow: column;
    padding: 20px 16px;
  }

  .features-04-card-04-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .features-04-card-05-top {
    height: 160px;
  }

  .features-04-card-05-image-1 {
    flex: 0 auto;
    width: 160px;
  }

  .features-04-card-05-image-2 {
    flex: 0 auto;
    width: 140px;
  }

  .features-04-card-05-image {
    padding-left: 16px;
    padding-right: 16px;
  }

  .features-04-card-05-image-list.abs {
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
  }

  .features-04-card-05-shape-1 {
    width: 100px;
    height: 40px;
  }

  .features-04-card-05-shape-2 {
    flex: 1;
    width: 100px;
    height: 20px;
  }

  .integration-02-wrap {
    margin-top: 72px;
  }

  .integration-02-item {
    width: 80px;
    height: 80px;
    margin-right: 20px;
  }

  .integration-02-image {
    width: 60px;
    height: 60px;
  }

  .integration-02-inner {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .integration-02-shadow {
    width: 160px;
    left: -20%;
  }

  .integration-02-center-image {
    width: 250px;
    margin-top: -6px;
  }

  .testimonials-03-wrap {
    padding-top: 60px;
    padding-bottom: 120px;
  }

  .testimonials-03-left {
    padding-left: 16px;
  }

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

  .testimonials-03-right {
    padding-left: 16px;
  }

  .testimonial-slide-wrapper {
    width: 95%;
  }

  .testimonial-card {
    padding: 20px;
  }

  .testimonial-slider-left {
    width: 54px;
    height: 54px;
    left: -22%;
  }

  .testimonial-card-author-image {
    width: 100px;
  }

  .quotes {
    width: 60px;
  }

  .testimonial-card-middle {
    margin-top: 28px;
  }

  .testimonial-card-bottom {
    margin-top: 20px;
    padding-top: 20px;
  }

  .testimonial-slider-right {
    width: 54px;
    height: 54px;
    right: -14%;
  }

  .home-02 {
    padding-top: 60px;
  }

  .home-02-right {
    justify-content: center;
    align-items: center;
  }

  .home-02-bottom, .home-02-bottom.f2 {
    margin-top: 48px;
  }

  .home-02-dashboard-wrap.f2 {
    height: 170px;
  }

  .home-02-dashboard-inner {
    box-sizing: border-box;
    object-fit: contain;
    border-radius: 10px;
    padding: 3px;
    overflow: hidden;
  }

  .home-02-dashboard-inner.f2 {
    height: 100%;
  }

  .home-02-dashboard {
    object-fit: cover;
    border-radius: 10px;
    min-height: 500px;
    overflow: hidden;
  }

  .home-02-dashboard.f2 {
    object-fit: cover;
  }

  .home-02-dashboard-shadow {
    height: 40%;
  }

  .home-02-dashboard-shadow.f2 {
    height: 35%;
  }

  .integration-01-blank-box {
    border-radius: 4px;
    height: 20px;
  }

  .integration-01-blank-box.bb2 {
    border-radius: 4px;
    height: 12px;
  }

  .features-06-wrap {
    padding: 24px 16px 32px;
  }

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

  .features-06-button {
    margin-top: 24px;
  }

  .features-06-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: 260px;
    padding: 24px 20px 10px;
  }

  .features-06-image {
    width: 200px;
  }

  .features-06-image.i2 {
    width: 210px;
  }

  .features-06-image.fia {
    width: 230px;
  }

  .works-02-wrap {
    background-size: 400px, auto;
    padding: 60px 16px;
  }

  .works-02-main-wrap {
    margin-top: 48px;
  }

  .works-02-right-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .w2-item-content {
    padding: 20px;
  }

  .w2-item-text {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 24px;
  }

  .w2-item-content-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .showcase-page-wrap {
    margin-top: 48px;
  }

  .page-link {
    width: 100%;
  }

  .showcase-page-list {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .showcase-cta {
    padding-top: 80px;
  }

  .showcase-cta-wrap {
    padding-top: 28px;
    padding-left: 20px;
  }

  .showcase-cta-left {
    width: 100%;
  }

  .showcase-footer {
    padding-top: 80px;
  }

  .showcase-footer-wrap {
    padding-top: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .showcase-footer-top {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .showcase-hero {
    padding-top: 60px;
  }

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

  .showcase-header-button {
    margin-top: 28px;
  }

  .showcase-content-wrap {
    border-radius: 12px;
    margin-top: 48px;
    padding-top: 32px;
  }

  .included {
    padding-top: 80px;
  }

  .heading-flex {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .included-wrap {
    margin-top: 48px;
  }

  .included-card-details {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 24px 16px;
  }

  .career {
    padding-top: 60px;
  }

  .career-image-wrap, .vacancies-wrap {
    margin-top: 48px;
  }

  .vacancies-card {
    padding: 20px;
  }

  .vacancies-text {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin-top: 20px;
  }

  .vacancies-single {
    padding-top: 60px;
  }

  .vs-short-details {
    margin-top: 48px;
  }

  .integration-hero {
    padding-top: 60px;
  }

  .integration-card {
    padding: 20px;
  }

  .integration-card-text {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .integration-single {
    padding-top: 60px;
  }

  .integration-single-text {
    margin-top: 24px;
  }

  .blog-hero {
    padding-top: 60px;
  }

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

  .blog-card {
    height: 280px;
  }

  .blog-image-wrap.b1 {
    border-radius: 16px;
    height: 240px;
  }

  .blog-image-wrap.b2 {
    border-radius: 12px;
    height: 240px;
  }

  .blog-01-badge-wrap {
    flex-flow: column;
  }

  .blog-01-card {
    border-radius: 20px;
    padding-bottom: 24px;
  }

  .categories-list {
    padding: 4px 16px;
  }

  .blog-01-card-details {
    padding-top: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-01-card-text {
    margin-bottom: 24px;
  }

  .blog-01-sinlge-list {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-tab-wrap {
    margin-top: 48px;
  }

  .blog-tab-link {
    padding: 10px 18px;
  }

  .blog-tab-link-icon {
    width: 28px;
  }

  .blog-details {
    margin-top: 20px;
  }

  .blog-short-details {
    margin-bottom: 16px;
  }

  .newsletter-wrap {
    padding-left: 16px;
  }

  .newsletter-left {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 16px;
  }

  .newsletter-button {
    margin-top: 28px;
  }

  .blog-single {
    padding-top: 60px;
  }

  .blog-single-short-details {
    flex-flow: wrap-reverse;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 28px;
  }

  .blog-large-image {
    height: 300px;
    margin-top: 28px;
  }

  .blog-single-bottom {
    margin-top: 10px;
    padding-bottom: 40px;
  }

  .blog-single-card {
    padding: 24px 20px;
  }

  .blog-single-card-icon {
    width: 60px;
  }

  .blog-share-wrap {
    border-radius: 10px;
    margin-top: 32px;
  }

  .blog-02-wrap {
    margin-top: 48px;
  }

  .trust-wrap {
    background-size: 400px, auto;
    padding: 32px 4px;
  }

  .trust-main-wrap {
    margin-top: 48px;
  }

  .chat-inner-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 20px 16px;
  }

  .chat-left {
    min-height: 300px;
  }

  .chat-image-wrap {
    min-height: 300px;
    padding-top: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .chat-image-02 {
    width: 200px;
  }

  .chat-right.invert {
    order: 2;
  }

  .chat-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 20px;
  }

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

  .chat-badge {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 4px;
  }

  .payment-inner-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 20px 16px;
  }

  .payment-left.invert {
    order: 2;
  }

  .payment-right {
    box-sizing: border-box;
    object-fit: fill;
  }

  .payment-image-wrap {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: contain;
    justify-content: center;
    align-items: center;
    height: 230px;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .payment-image-02 {
    width: 180px;
    margin-top: 40px;
  }

  .trusted-inner-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 20px;
    padding-left: 16px;
  }

  .trusted-left {
    padding-right: 16px;
  }

  .features-hero-01, .licenses {
    padding-top: 60px;
  }

  .licenses-wrap {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    margin-top: 48px;
  }

  .changelog {
    padding-top: 60px;
  }

  .changelog-wrap {
    margin-top: 48px;
  }

  .changelog-text {
    margin-top: 32px;
  }

  .trust-02-main-wrap {
    flex-flow: column;
    margin-top: 48px;
    padding-bottom: 0;
    display: flex;
  }

  .trust-02-card {
    flex-flow: column;
    display: flex;
    overflow: hidden;
  }

  .trust-02-inner-wrap {
    flex-flow: column;
    display: flex;
  }

  .trust-02-inner-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    display: flex;
  }

  .trust-02-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex: 0 auto;
    order: -1;
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .trust-02-badge, .trust-02-left-card {
    padding-left: 16px;
    padding-right: 16px;
  }

  .trust-02-text {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin-top: 24px;
  }

  .trust-02-right {
    object-fit: fill;
    order: 1;
    height: 400px;
    display: flex;
    overflow: hidden;
  }

  .trust-02-image-wrap {
    background-position: 85%;
    padding-top: 10px;
  }

  .code-inner-wrap {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    padding: 14px 16px;
  }

  .pricing-single {
    padding-top: 60px;
  }

  .pricing-single-card {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    padding: 28px 20px;
  }

  .pricing-single-left {
    padding-right: 0;
  }

  .ps-left-text {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ps-button {
    margin-top: 28px;
  }

  .cart-buttton {
    border-radius: 8px;
    padding: 12px 18px;
  }

  .heading-block {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .cart-button {
    padding-left: 8px;
    padding-right: 8px;
  }

  .integration-01-main {
    height: 30vh;
  }

  .copyright-wrap {
    margin-top: 32px;
  }

  .introducao {
    padding: 60px 12px 24px;
  }

  .question-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    display: flex;
  }

  .question-text {
    font-size: 16px;
  }

  .container-2 {
    width: 100%;
    padding-top: 2em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .section-paddings {
    padding: 0;
  }

  .title {
    text-align: center;
    background-image: linear-gradient(#000, #fcfcfc 19% 85%, #8d8d8d);
    margin-top: 56px;
    margin-bottom: 14px;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 1.4;
  }

  .title.faqh1 {
    font-size: 24px;
  }

  .answer-text {
    font-size: 14px;
    line-height: 1.8;
  }

  .patopricing {
    min-width: auto;
  }

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

  .card-image-rotation._03 {
    top: 30px;
    left: -20px;
  }

  .card-image-rotation._01 {
    top: -20px;
    left: 20px;
  }

  .grey-card-holder {
    padding-right: 0;
    left: -51px;
  }

  .modulo3left {
    min-height: 300px;
  }

  .div-block-156 {
    object-fit: cover;
    background-image: none;
  }

  .overlay-color-2 {
    pointer-events: none;
  }

  .background-video-5 {
    pointer-events: auto;
    object-fit: cover;
    padding-bottom: 1px;
    padding-right: 0;
    position: relative;
    left: auto;
    overflow: hidden;
  }

  .div-block-157 {
    pointer-events: none;
  }

  .labsvideocontainer {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    object-fit: cover;
    height: 260px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-link.spacing {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .footer-link.no-padding.first {
    margin-left: -12px;
  }

  .footer-link.no-padding.last {
    margin-right: -10px;
  }

  .social-media-icons-contianer {
    display: flex;
  }

  .social-media-icons-contianer.no-bottom-margins {
    margin-bottom: 0;
  }

  .social-media-icon {
    padding: 0;
  }

  .brand-link {
    padding-left: 0;
  }

  .footer-wrap-02 {
    text-align: center;
  }

  .footer-section-02 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .socials-in-footer {
    margin-left: -20px;
  }

  .platform-icon {
    min-width: 22px;
    min-height: 22px;
  }

  .social-link-nav {
    margin-bottom: 10px;
  }

  .team-member-social {
    grid-row-gap: 12px;
    flex-wrap: wrap;
  }

  .footer-link-2.small {
    margin-bottom: 16px;
  }

  .footer-details {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-2 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .footer-copyright-text {
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.4;
  }

  .image-10 {
    max-width: 100%;
    height: 100px;
  }

  .container---main {
    padding-left: 18px;
    padding-right: 18px;
  }

  .rows.gap-4x {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .rows.gap-2x {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    min-width: auto;
  }
}

#w-node-_48db14a4-fef6-575d-df38-53959ffafacf-9ffafab0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_48db14a4-fef6-575d-df38-53959ffafadb-9ffafab0 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_48db14a4-fef6-575d-df38-53959ffafae0-9ffafab0, #w-node-_8112c6bd-b413-877e-0b8c-d8170c9200d1-0c9200ae {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b33ca17e-3367-de3f-fc03-92757f8d032b-32171212, #w-node-ec9f851f-d9b0-7ead-93b6-3c675be2ee34-32171212 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_306e8505-7134-3dcd-a7d4-7fa3661679f5-1cae46ca {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_48db14a4-fef6-575d-df38-53959ffafacf-9ffafab0, #w-node-_48db14a4-fef6-575d-df38-53959ffafae0-9ffafab0 {
    grid-column: span 1 / span 1;
  }

  #w-node-_05e471ba-3296-dd8a-b161-84d4a4207392-3217123e, #w-node-_05e471ba-3296-dd8a-b161-84d4a4207408-3217123e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_48db14a4-fef6-575d-df38-53959ffafac3-9ffafab0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8112c6bd-b413-877e-0b8c-d8170c9200d1-0c9200ae, #w-node-_306e8505-7134-3dcd-a7d4-7fa3661679f5-1cae46ca, #w-node-_05e471ba-3296-dd8a-b161-84d4a4207392-3217123e, #w-node-_05e471ba-3296-dd8a-b161-84d4a4207408-3217123e {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8ba68a46-1e77-114c-c644-895da8de29db-32171212 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.woff2') format('woff2'), url('../fonts/Satoshi-Light.eot') format('embedded-opentype'), url('../fonts/Satoshi-Light.woff') format('woff'), url('../fonts/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2'), url('../fonts/Satoshi-Medium.eot') format('embedded-opentype'), url('../fonts/Satoshi-Medium.woff') format('woff'), url('../fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2'), url('../fonts/Satoshi-Bold.eot') format('embedded-opentype'), url('../fonts/Satoshi-Bold.woff') format('woff'), url('../fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2'), url('../fonts/Satoshi-Regular.eot') format('embedded-opentype'), url('../fonts/Satoshi-Regular.woff') format('woff'), url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}