@font-face {
  font-family: "Fa Solid 900";
  src: url('../fonts/fa-solid-900.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

:root {
  --dark: #00040b;
  --_fonts---inter: Inter, sans-serif;
  --white: #fff;
  --_typography---h: 74px;
  --_letter-spacing---letter-spacing-4px: -4px;
  --_typography---h2: 60px;
  --_letter-spacing---letter-spacing-3px: -3px;
  --_typography---h3: 42px;
  --_letter-spacing---letter-spacing-1-88px: -1.88px;
  --_typography---h4: 34px;
  --_letter-spacing---letter-spacing-4: -1.68px;
  --_typography---h5: 28px;
  --_letter-spacing---letter-spacing-0-56px: -.56px;
  --_typography---h6: 24px;
  --_letter-spacing---letter-spacing-0-48px: -.48px;
  --primary: #8349d1;
  --_typography---paragraph-one: 18px;
  --primary-gradient-two: #4381fa;
  --primary-gradient-one: #8241db;
  --_fonts---favicon-solid: "Fa Solid 900", Arial, sans-serif;
  --dark-gradient-two: #0c0d0f;
  --_typography---paragraph-two: 16px;
  --_fonts---favicon-brands: "Fa Brands 400", Arial, sans-serif;
  --_typography---subheading: 20px;
  --_letter-spacing---letter-spacing-2: -.4px;
  --gap: 13px;
  --color--button-text: white;
  --dark--background: #000;
  --_fonts---favicon-regular: "Fa 400", Arial, sans-serif;
  --dark-gradient-one: #343641;
  --color--background: white;
  --color--text: #111010;
  --color--button-background: #884fd2;
  --color--toggle-offset: 0rem;
  --dark--text: white;
  --dark--button-background: #884fd2;
  --dark--button-text: #262525;
  --dark--toggle-offset: .5rem;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-commerce-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;
}

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

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

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

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

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

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

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .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 {
  background-color: var(--dark);
  font-family: var(--_fonts---inter);
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  background-image: linear-gradient(180deg, var(--white) 70%, #b2b2b2);
  font-size: var(--_typography---h);
  letter-spacing: var(--_letter-spacing---letter-spacing-4px);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 110%;
}

h2 {
  background-image: linear-gradient(180deg, var(--white) 70%, #b2b2b2);
  font-size: var(--_typography---h2);
  letter-spacing: var(--_letter-spacing---letter-spacing-3px);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 120%;
}

h3 {
  color: var(--white);
  font-size: var(--_typography---h3);
  letter-spacing: var(--_letter-spacing---letter-spacing-1-88px);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 126%;
}

h4 {
  color: var(--white);
  font-size: var(--_typography---h4);
  letter-spacing: var(--_letter-spacing---letter-spacing-4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 120%;
}

h5 {
  color: var(--white);
  font-size: var(--_typography---h5);
  letter-spacing: var(--_letter-spacing---letter-spacing-0-56px);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 140%;
}

h6 {
  color: var(--white);
  font-size: var(--_typography---h6);
  letter-spacing: var(--_letter-spacing---letter-spacing-0-48px);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
}

p {
  margin-bottom: 0;
}

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

img {
  box-sizing: border-box;
  text-align: left;
  width: 100px;
  max-width: 100%;
  display: block;
}

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

figure {
  margin-bottom: 10px;
}

.navbar {
  background-color: #fff0;
  padding-top: 30px;
  padding-bottom: 30px;
  position: fixed;
  inset: 0% 0% auto;
}

.container {
  border-radius: 16px;
  width: 100%;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}

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

.page-wrapper {
  overflow: clip;
}

.navbar-content {
  border-radius: 16px;
  padding: 6px 7px;
  position: relative;
}

.navbar-wrapper {
  z-index: 2;
  border: 1px solid #fff3;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px 14px 10px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.nav-menu {
  grid-column-gap: 40px;
  text-align: left;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.142px;
  padding: 0;
  font-weight: 500;
  transition: all .3s;
}

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

.navbar-button-wrapper {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.primary-button-wrapper {
  display: inline-block;
}

.primary-button {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.322px;
  text-transform: capitalize;
  background-image: linear-gradient(#8349d1 100%, #185ce4);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 20px 38px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.primary-button.white-button {
  background-color: var(--white);
  color: var(--primary);
  background-image: none;
  border: 1px solid #000;
  border-radius: 16px;
}

.primary-button.white-button.nav-but {
  box-shadow: 2px 2px 5px 1px #884fd2;
}

.primary-button.secondary {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  outline-offset: 1px;
  mix-blend-mode: normal;
  background-color: #020813;
  background-image: none;
  border: 1px dashed #8349d1;
  border-radius: 16px;
  outline: 1px dashed #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  box-shadow: inset 0 2px 5px #0003;
}

.primary-button.shadow-button {
  background-image: linear-gradient(45deg, var(--primary-gradient-one), var(--primary-gradient-two));
  border-radius: 12px;
  box-shadow: 2px 11px 27.7px #165ce24d;
}

.primary-button.shadow-button.pricing-details {
  width: 100%;
}

.primary-button.transfer-button {
  background-image: none;
  border: 2px solid #ffffff4d;
  padding-top: 18px;
  padding-bottom: 18px;
}

.primary-button.pricing-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: none;
  border: 1px solid #ffffff4d;
  border-radius: 10px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 17px;
  padding-bottom: 17px;
  display: flex;
}

.primary-button.pricing-button.hv2 {
  border-radius: 15px;
}

.primary-button.pricing-button.hv2.growth-card {
  background-color: var(--white);
  color: var(--dark);
}

.primary-button.authentication-button, .primary-button.protected-password-button {
  width: 100%;
}

.primary-button.integration {
  background-image: none;
}

.primary-button-single {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.primary-button-single.hover-out {
  position: absolute;
  top: auto;
  bottom: auto;
  right: auto;
}

.primary-button-arrow {
  font-family: var(--_fonts---favicon-solid);
  font-weight: 400;
}

.section {
  padding-top: 150px;
  padding-bottom: 150px;
}

.section.banner {
  opacity: 1;
  pointer-events: auto;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-image: linear-gradient(#000, #884fd2 18%, #1c1c1c 65%, #000 100%, #fff);
  background-clip: border-box;
  padding-top: 320px;
  padding-bottom: 210px;
}

.section.footer {
  background-image: url('../images/Footer-Bg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 75px;
  padding-bottom: 100px;
}

.section.faq {
  background-image: url('../images/FAQ-BG.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 75px;
}

.section.cta {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  padding-bottom: 40px;
}

.section.sponsor-section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -115px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.section.why-choose-us {
  background-image: url('../images/Why-Choose-Us-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 0;
}

.section.blog {
  background-image: url('../images/Blog-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 75px;
}

.section.pricing {
  background-image: url('../images/Pricing-Section-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 75px;
}

.section.integration {
  padding-top: 60px;
}

.section.solutions {
  background-image: url('../images/Solutions-Section-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 220px;
  padding-top: 220px;
}

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

.section.faq-hv2 {
  background-image: url('../images/FAQ-Hv2-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.blog-hv2 {
  background-image: url('../images/Blog-Hv2-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.pricing-section-hv2 {
  background-image: url('../images/Pricing-Bg-Hv2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.integration-hv2 {
  background-image: url('../images/Integration-Hv2-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.authentication-section {
  background-image: url('../images/Authentication-Bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.section.not-found {
  background-image: url('../images/Not-Found-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
}

.section.protected-password {
  background-image: url('../images/Protected-Password-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
}

.section.chnagelog {
  background-image: url('../images/Chnagelog-Section-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
}

.section.style-guide {
  background-image: url('../images/Style-Guide-Section-Bg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
}

.section.license {
  background-image: url('../images/License-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
}

.section.main-blog {
  background-image: url('../images/Blog-Details-Banner-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
}

.section.blog-details {
  padding-top: 255px;
  padding-bottom: 75px;
  position: relative;
}

.section.integration-main-section {
  background-image: url('../images/Integration-Main-Section-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
  padding-bottom: 0;
}

.section.integration-details {
  background-image: url('../images/Integration-Details-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
  padding-bottom: 75px;
}

.section.contact-us-banner {
  background-image: url('../images/Contact-Us-Banner-Bg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
}

.section.contact-us {
  background-image: url('../images/Contact-Us-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 70px;
}

.section.pricing-plan {
  background-image: url('../images/Pricing-Plan-Bg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
}

.section.pricing-plan-details {
  background-image: url('../images/Pricing-Plan-Details-Bg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
}

.section.banner-hv2 {
  background-image: url('../images/Banner-Hv2-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 240px;
  padding-bottom: 110px;
}

.section.company-section-hv2 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section.company-section-hv2.about, .section.core-values {
  padding-top: 0;
  padding-bottom: 0;
}

.section.work-section {
  padding-top: 0;
  padding-bottom: 0;
  overflow: clip;
}

.section.our-business {
  padding-top: 0;
  padding-bottom: 0;
}

.section.testimonial {
  padding-top: 0;
  padding-bottom: 0;
  overflow: clip;
}

.section.ai-business {
  background-image: url('../images/Ai-Business-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 215px;
  overflow: clip;
}

.section.preview-footer {
  background-image: url('../images/Preview-Footer-Bg.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0;
}

.section.responsive-section {
  background-image: url('../images/Responsive-Section-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 215px;
}

.section.surprising-features {
  background-image: url('../images/Surprising-Features-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 0;
}

.section.preview-banner {
  background-image: url('../images/Preview-Banner-Bg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
  padding-bottom: 0;
}

.section.preview-features, .section.demo-section {
  padding-bottom: 0;
}

.section.gallery-section {
  padding-top: 235px;
  padding-bottom: 160px;
}

.section.global-future {
  padding-bottom: 0;
}

.section.team-member {
  background-image: url('../images/Team-Member-Bg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
}

.section.member-details {
  background-image: url('../images/Member-Details-Bg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 250px;
}

.section.checkout {
  min-height: auto;
  color: var(--white);
  background-color: #fff0;
  background-image: url('../images/Gallery-Section-Bg.png');
  background-position: 50% 0;
  background-size: cover;
  padding-top: 255px;
  padding-left: 0;
  padding-right: 0;
}

.section.features-banner {
  background-image: url('../images/Features-Banner-Bg.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
  padding-bottom: 120px;
}

.section.testimonial-hv2 {
  background-image: url('../images/Testimonial-Hv2-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-content {
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.banner-typography {
  width: 100%;
  max-width: 665px;
}

.banner-subtitle-wrapper {
  margin-bottom: 20px;
  display: inline-block;
}

.banner-subtitle-single {
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(42.9px);
  backdrop-filter: blur(42.9px);
  background-color: #ffffff1a;
  border: 1px solid #ffffff2b;
  border-top-color: #ffffff1f;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 20px 4px 5px;
  display: flex;
}

.banner-subtitle {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
  letter-spacing: -.32px;
  font-weight: 500;
  line-height: 100%;
}

.banner-title-description {
  margin-bottom: 32px;
}

.banner-title {
  background-image: linear-gradient(180deg, var(--white) 70%, #b2b2b2);
  margin-bottom: 15px;
}

.banner-description {
  width: 100%;
  max-width: 602px;
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.banner-button-wrapper {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.secondary-button-wrapper {
  background-image: linear-gradient(43deg, #29303c 40%, #1056df);
  border-radius: 100px;
  padding: 2px;
  box-shadow: 0 -4px 14.4px #0a52dc66;
}

.banner-image-card-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 483px;
  display: flex;
  position: relative;
}

.banner-image-card-wrapper.features-banner-card {
  margin-left: auto;
  margin-right: auto;
}

.banner-card-image {
  z-index: 4;
  border-radius: 20px;
  width: 100%;
  position: relative;
}

.banner-card-right {
  z-index: 2;
  width: 516px;
  max-width: 516px;
  position: absolute;
  inset: auto -60px 0% auto;
}

.banner-card-left-card {
  z-index: 2;
  width: 513px;
  max-width: 513px;
  position: absolute;
  inset: auto auto 0% -60px;
}

.banner-card-shape {
  z-index: 3;
  filter: blur(40px);
  background-color: #0c0e12;
  width: 534px;
  max-width: 534px;
  min-height: 300px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 20px auto auto;
}

.banner-robot-image {
  z-index: 1;
  width: 100%;
  max-width: 235px;
  position: absolute;
  inset: auto auto -60px -154px;
  transform: rotate(-30.4deg);
}

.banner-password-image {
  z-index: 2;
  width: 100%;
  max-width: 107px;
  position: absolute;
  inset: 0% -117px auto auto;
  transform: rotate(10.23deg);
}

.banner-top-element {
  width: 100%;
  max-width: 116px;
  margin-left: 82px;
  padding-left: 0;
  position: absolute;
  inset: -50px auto auto -116px;
}

.banner-bottom-element {
  width: 100%;
  max-width: 113px;
  position: absolute;
  inset: auto auto -20px -140px;
}

.banner-top-right-element {
  width: 100%;
  max-width: 100px;
  position: absolute;
  inset: -65px -90px auto auto;
}

.banner-circle {
  width: 732px;
  max-width: 732px;
  position: absolute;
  inset: auto;
}

.footer-content {
  grid-row-gap: 52px;
  flex-flow: column;
  display: flex;
}

.footer-bottom-content {
  justify-content: space-between;
  display: flex;
}

.footer-details-wrapper {
  width: 100%;
  max-width: 360px;
}

.footer-details-wrapper.desktop-content {
  box-sizing: border-box;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  text-decoration: none;
  display: block;
}

.footer-logo {
  margin-bottom: 84px;
}

.footer-social-media-wrapper {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.footer-social-media-link-block {
  width: 100%;
  max-width: 44px;
  height: 44px;
  font-family: var(--_fonts---favicon-brands);
  color: var(--white);
  border: 1px solid #ffffff4d;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.footer-social-media-link-block:hover {
  transform: translate(0, -5px);
}

.footer-details-text {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.faq-section-title-wrapper {
  text-align: center;
  margin-bottom: 50px;
}

.faq-section-title {
  display: inline-block;
}

.faq-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.faq-wrapper {
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.faq-accordion-ans {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.faq-accordion-title-wrap {
  grid-column-gap: 1.25rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-accordion-content-wrap {
  padding-bottom: 30px;
  padding-left: 28px;
  padding-right: 28px;
}

.faq-accordion-ans-wrap {
  background-color: #0000;
  position: static;
  overflow: hidden;
}

.faq-accordion-link {
  flex-flow: column;
  width: 100%;
  padding: 30px 28px;
  display: block;
}

.faq-single-accordion-wrap {
  z-index: 1;
  background-image: url('../images/FAQ-Bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #ffffff26;
  border-radius: 10px;
  width: 100%;
  display: block;
}

.faq-accordion-title {
  color: var(--white);
  font-size: var(--_typography---subheading);
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  white-space: normal;
  font-weight: 500;
  line-height: 100%;
}

.faq-plus {
  width: 30px;
}

.faq-icon-flex {
  z-index: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.cta-content {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: linear-gradient(334deg, #34364185 10%, #0c0d0f85 40%);
  border: 1px solid #ffffff21;
  border-radius: 30px;
  padding: 120px 15px;
}

.cta-wrapper {
  text-align: center;
  width: 100%;
  max-width: 824px;
  margin-left: auto;
  margin-right: auto;
}

.cta-title {
  color: var(--white);
  margin-bottom: 16px;
}

.cta-description-text {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.cta-title-description {
  margin-bottom: 32px;
}

.cta-button-wrapper {
  grid-column-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sponsors-ticker {
  overflow: hidden;
}

.ticker {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  min-height: 100%;
  display: flex;
}

.section-title-wrapper {
  z-index: 2;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.section-title-wrapper.mb140px {
  margin-bottom: 140px;
}

.section-title-wrapper.work-section-title-wrapper {
  margin-bottom: 65px;
}

.section-title-wrapper.our-business-section-title-wrap {
  width: 100%;
  max-width: 764px;
  margin-bottom: 105px;
  margin-left: auto;
  margin-right: auto;
}

.section-title-wrapper.responsive-section-title-wrap {
  width: 100%;
  max-width: 565px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.section-title-wrapper.preview-features-section-title-wrap {
  width: 100%;
  max-width: 492px;
  margin-left: auto;
  margin-right: auto;
}

.section-title-wrapper.global-future {
  width: 100%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.section-title-wrapper.team-member {
  width: 100%;
  max-width: 580px;
}

.section-title {
  background-image: linear-gradient(180deg, var(--white) 60%, #b2b2b2 90%);
  text-align: center;
  display: inline-block;
}

.section-title.why-choose-us {
  width: 100%;
  max-width: 624px;
  margin-left: auto;
  margin-right: auto;
}

.section-title.blog-section-title {
  width: 100%;
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
}

.section-title.pricing-section-title {
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.section-title.integration-section-title {
  width: 100%;
  max-width: 706px;
}

.section-title.solutions-section-title {
  width: 100%;
  max-width: 826px;
  margin-left: auto;
  margin-right: auto;
}

.section-title.features-title {
  border: 1px #000;
  border-radius: 0;
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.section-title.pricing-section-title-hv2 {
  width: 100%;
  max-width: 755px;
}

.section-title.integration-hv2-section-title {
  width: 100%;
  max-width: 625px;
  margin-bottom: 16px;
}

.section-title.integration-hv2-section-title.mb16 {
  margin-bottom: 16px;
}

.section-title.ai-business {
  width: 100%;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.section-title.testimonial-hv2-title {
  width: 100%;
  max-width: 620px;
}

.section-description {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.section-description.why-choose-us {
  width: 100%;
  max-width: 710px;
  margin-left: auto;
  margin-right: auto;
}

.section-description.pricing-section-description {
  width: 100%;
  max-width: 572px;
}

.section-description.integration-description-text {
  width: 100%;
  max-width: 615px;
}

.section-description.solutions-description {
  max-width: 750px;
}

.section-description.features-description {
  width: 100%;
  max-width: 565px;
}

.section-description.pricing-section-description-hv2 {
  width: 100%;
  max-width: 755px;
  margin-left: auto;
  margin-right: auto;
}

.section-description.integration-hv2 {
  width: 100%;
  max-width: 680px;
}

.section-description.work-description {
  width: 100%;
  max-width: 510px;
  margin-left: auto;
  margin-right: auto;
}

.section-description.testimonial-hv2-description {
  width: 100%;
  max-width: 765px;
  margin-left: auto;
  margin-right: auto;
}

.why-choose-us-content {
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.why-choose-us-top-content {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.blog-content {
  grid-column-gap: 15px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.blog-left-content {
  width: 100%;
  max-width: 760px;
}

.blog-left-collection-list-wrapper, .blog-left-collection-list, .blog-left-collection-item {
  height: 100%;
}

.blog-left-card {
  -webkit-backdrop-filter: blur(90.5px);
  backdrop-filter: blur(90.5px);
  background-image: linear-gradient(145deg, #202129, #0c0d0ff5 85%);
  border-radius: 15px;
  height: 100%;
  padding: 24px 24px 40px;
}

.blog-left-card-image-wrapper {
  border-radius: 15px;
  margin-bottom: 32px;
  display: block;
  overflow: hidden;
}

.blog-left-card-image {
  width: 100%;
  max-width: 710px;
  margin-left: auto;
  margin-right: auto;
}

.blog-left-card-category-date {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 22px;
  display: flex;
}

.blog-left-card-category-date.mb15 {
  margin-bottom: 15px;
}

.blog-left-card-category {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  background-color: #ffffff26;
  border-radius: 100px;
  padding: 10px 16px;
  font-weight: 500;
  line-height: 100%;
}

.blog-left-card-category-circle {
  background-color: #e1e1e1;
  border-radius: 100%;
  width: 100%;
  max-width: 6px;
  height: 6px;
}

.blog-left-card-date {
  color: #e1e1e1;
  font-size: var(--_typography---paragraph-one);
}

.blog-left-card-name-button-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-left-card-name-wrapper {
  width: 100%;
  max-width: 495px;
}

.blog-left-card-name {
  color: var(--white);
  font-size: var(--_typography---h5);
  letter-spacing: var(--_letter-spacing---letter-spacing-0-56px);
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
  transition: all .3s;
  display: block;
}

.blog-left-card-name:hover {
  color: var(--primary-gradient-two);
}

.blog-button-wrapper {
  background-image: linear-gradient(180deg, var(--primary-gradient-one), var(--primary-gradient-two));
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70px;
  height: 70px;
  display: flex;
  box-shadow: 2px 11px 27.7px 8px #165ce24d;
}

.blog-right-content {
  border-top: 1px solid #fff3;
  width: 100%;
  max-width: 518px;
}

.blog-right-collection-list {
  flex-flow: column;
  display: flex;
}

.blog-right-card {
  border-bottom: 1px solid #fff3;
  padding-top: 33px;
  padding-bottom: 33px;
}

.blog-right-card-name {
  color: var(--white);
  font-size: var(--_typography---h5);
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
  transition: all .3s;
  display: block;
}

.blog-right-card-name:hover {
  color: var(--primary-gradient-two);
}

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

.pricing-tabs-menu {
  grid-column-gap: 12px;
  background-image: linear-gradient(#343641fa, #0c0d0ffa);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  max-width: 305px;
  margin-bottom: 52px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 11px;
  display: flex;
}

.pricing-tabs-link {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  background-color: #fff0;
  border: 1px solid #ffffff40;
  border-radius: 8px;
  padding: 16px 18px;
  font-weight: 500;
}

.pricing-tabs-link.w--current {
  background-image: linear-gradient(#8241db, #8241db);
  border-color: #fff0;
  border-radius: 8px;
}

.pricing-tabs-content {
  text-align: left;
  overflow: visible;
}

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

.pricing-card {
  -webkit-backdrop-filter: blur(50.3px);
  backdrop-filter: blur(50.3px);
  background-image: linear-gradient(#3436415e, #0c0d0f5e);
  border: 1px solid #fff3;
  border-radius: 12px;
  padding: 19px 19px 30px;
  box-shadow: -30px -19px 21px #00040bad;
}

.pricing-card.hv2-card {
  background-image: linear-gradient(#3436415e, #0c0d0f5e 65%);
  padding: 30px 28px;
}

.pricing-card.hv2-card.growth-card {
  background-image: linear-gradient(185deg, var(--primary-gradient-one), var(--primary-gradient-two) 80%);
  border-style: none;
}

.pricing-card.main {
  box-shadow: none;
}

.pricing-card-top-content {
  background-image: linear-gradient(170deg, #343641c4, #0c0d0fc4);
  border-radius: 8px;
  margin-bottom: 32px;
  padding: 18px;
  position: relative;
}

.pricing-card-top-content.growth-card {
  background-image: linear-gradient(200deg, var(--primary-gradient-one) 100%, var(--primary-gradient-two));
}

.pricing-name-wrapper {
  border-bottom: 1px solid #ffffff4d;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  padding-bottom: 14px;
  display: flex;
}

.pricing-name {
  color: var(--white);
  font-size: var(--_typography---subheading);
  font-weight: 500;
  line-height: 100%;
  display: inline-block;
}

.pricing-price-packaging-text-wrap {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 24px;
  display: flex;
}

.pricing-price-packaging-text-wrap.mb32px {
  margin-bottom: 32px;
}

.pricing-price {
  color: var(--white);
  letter-spacing: -.88px;
  font-size: 44px;
  font-weight: 600;
  line-height: 110%;
}

.pricing-price.details {
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  font-size: 42px;
  font-weight: 500;
}

.pricing-packaging-name {
  color: #fff9;
  font-size: var(--_typography---paragraph-one);
  line-height: 200%;
}

.pricing-packaging-name.white-text {
  color: var(--white);
}

.pricing-button-wrapper.mb32px {
  margin-bottom: 32px;
}

.pricing-features-title-wrapper {
  grid-column-gap: 13px;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.pricing-features-line {
  background-color: #ffffff80;
  width: 100%;
  height: 1px;
}

.pricing-features-title {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  flex: none;
  font-weight: 600;
  line-height: 100%;
}

.pricing-features-list {
  grid-row-gap: 18px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.pricing-features-list-item {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 18px;
  display: flex;
  position: relative;
}

.pricing-features-list-item-text {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
}

.pricing-features-list-item-line {
  background-image: radial-gradient(circle farthest-side, #fff9, #fff0);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.offer-text {
  background-color: var(--white);
  color: var(--primary-gradient-one);
  font-size: var(--_typography---paragraph-two);
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  border-radius: 100px;
  padding: 5px 8px;
  font-weight: 600;
  line-height: 100%;
}

.integration-container {
  width: 100%;
  max-width: 1352px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.integration-tools-icon-wrapper {
  -webkit-backdrop-filter: blur(50.3px);
  backdrop-filter: blur(50.3px);
  background-image: linear-gradient(#34364173, #0c0d0f73);
  border: 1px solid #fff3;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 60px;
  height: 60px;
  display: flex;
}

.integration-tools-icon-wrapper.hv2 {
  max-width: 72px;
  height: 72px;
}

.solutions-tabs {
  grid-column-gap: 52px;
  grid-row-gap: 30px;
  grid-template: "Area"
  / 1.04516fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.solutions-tab-menu {
  flex-flow: column;
  display: flex;
}

.solutions-tab-link {
  background-color: #fff0;
  border-bottom: 1px solid #ffffff4d;
  padding: 30px;
}

.solutions-tab-link.w--current {
  background-color: #5f278d;
  background-image: none;
  border: 1px solid #ffffff4d;
  border-radius: 7px;
}

.solutions-tab-menu-icon-name {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.solutions-tab-menu-icon, .solutions-tab-menu-icon.how-works {
  width: 60px;
}

.solutions-tab-menu-name {
  font-size: 34px;
}

.solutions-tab-menu-description {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.solutions-image-card-wrapper {
  background-image: url('../images/Solutions-Image-Bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #ffffff26;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 570px;
  display: flex;
}

.solutions-image-card-image {
  width: 100%;
  max-width: 450px;
  box-shadow: -13.93px 20.36px 33.86px #000000a1;
}

.solutions-image-card-image.three {
  max-width: 439px;
}

.solutions-image-card-image-two {
  width: 100%;
  max-width: 500px;
}

.features-wrapper {
  grid-row-gap: 52px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.features-card {
  -webkit-backdrop-filter: blur(60.5px);
  backdrop-filter: blur(60.5px);
  background-color: #5f278d;
  background-image: none;
  border: 1px solid #fff;
  border-radius: 20px;
  justify-content: space-between;
  width: 100%;
  padding: 80px;
  display: flex;
  position: sticky;
  top: 20px;
}

.features-card.card-one {
  background-color: #5f278d;
  border-color: #fff;
  flex: 0 auto;
  position: sticky;
  top: 0;
}

.features-card-typography {
  width: 100%;
  max-width: 470px;
}

.features-card-title-description {
  margin-bottom: 32px;
}

.features-card-title {
  margin-bottom: 16px;
}

.features-card-description {
  color: #fffc;
  width: 100%;
  max-width: 438px;
  font-size: 14px;
  line-height: 150%;
}

.features-card-description.two {
  max-width: 458px;
}

.features-card-list-wrapper {
  margin-bottom: 32px;
}

.features-card-list {
  grid-row-gap: 17px;
  flex-flow: column;
  margin-bottom: 16px;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

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

.features-card-list-item-icon {
  width: 5%;
}

.features-card-list-item-text {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.44px;
  font-weight: 500;
  line-height: 120%;
}

.features-card-line {
  background-image: radial-gradient(circle closest-corner, #fff9, #fff0);
  width: 1px;
  display: block;
}

.features-card-image-wrapper.one {
  width: 100%;
  max-width: 543px;
  box-shadow: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.features-card-image-wrapper.two {
  width: 100%;
  max-width: 513px;
  box-shadow: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.features-card-image-wrapper.three {
  width: 100%;
  max-width: 510px;
  box-shadow: none;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.features-card-image {
  width: 100%;
  box-shadow: none;
  object-fit: fill;
}

.why-choose-us-bottom-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  display: flex;
}

.faq-container {
  width: 100%;
  max-width: 872px;
  margin-left: auto;
  margin-right: auto;
}

.integration-hv2-content {
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
}

.integration-hv2-section-title-wrapper {
  text-align: center;
  width: 100%;
  max-width: 706px;
  margin-bottom: 105px;
  margin-left: auto;
  margin-right: auto;
}

.integration-hv2-tools-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.integration-hv2-tools-shape {
  width: 100%;
}

.integration-hv2-tools-icon-single {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.integration-hv2-tools-icon-single.one {
  width: 100%;
  max-width: 908px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -36px auto auto 270px;
}

.integration-hv2-tools-icon-single.two {
  width: 100%;
  max-width: 524px;
  position: absolute;
  inset: 47px auto auto;
}

.integration-hv2-tools-icon-single.three {
  width: 100%;
  max-width: 913px;
  position: absolute;
  inset: auto auto -36px 108px;
}

.integration-hv2-tools-icon-wrap {
  background-image: linear-gradient(180deg, var(--primary-gradient-one), var(--primary-gradient-two));
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 104px;
  height: 104px;
  display: flex;
  position: absolute;
  box-shadow: 2px 11px 27.7px 8px #165ce24d;
}

.integration-hv2-tools-icon {
  background-color: var(--white);
  border-radius: 100px;
}

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

.blog-hv2-card {
  -webkit-backdrop-filter: blur(90.5px);
  backdrop-filter: blur(90.5px);
  background-image: linear-gradient(#202129, #0c0d0ff5);
  border: 1px solid #ffffff26;
  border-radius: 15px;
  padding: 24px 12px;
}

.blog-hv2-card-name {
  color: var(--white);
  font-size: var(--_typography---h5);
  letter-spacing: var(--_letter-spacing---letter-spacing-0-56px);
  margin-bottom: 32px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
  display: block;
}

.blog-hv2-card-image-wrapper {
  border: 1px solid #ffffff4d;
  border-radius: 10px;
  width: 100%;
  max-width: 376px;
  margin-bottom: 52px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
}

.blog-hv2-card-image {
  width: 100%;
}

.blog-hv2-card-author-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 5px;
  border-top: 1px solid #ffffff4d;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.blog-hv2-card-author-single {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-hv2-card-author-image-wrapper {
  width: 100%;
  max-width: 53px;
}

.blog-hv2-card-author-name {
  color: var(--white);
  font-size: var(--_typography---subheading);
  letter-spacing: -.44px;
  margin-bottom: 7px;
  line-height: 120%;
}

.blog-hv2-card-author-bio {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.44px;
  line-height: 120%;
}

.blog-hv2-card-date-wrapper {
  grid-column-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-hv2-card-date {
  color: #e1e1e1;
  font-size: var(--_typography---paragraph-one);
}

.hv2-card-name-description {
  grid-row-gap: 16px;
  flex-flow: column;
  margin-bottom: 32px;
  display: flex;
}

.hv2-card-name {
  letter-spacing: -.56px;
  font-size: 28px;
}

.hv2-card-description-text {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.hv2-card-name-wrapper {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.authentication-content {
  width: 100%;
  max-width: 464px;
  margin-left: auto;
  margin-right: auto;
}

.sign-in-single-field-wrap.flex {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.booking-field-label {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  margin-bottom: 14px;
  font-weight: 400;
  line-height: 24px;
}

.booking-field {
  width: 100%;
  height: 46px;
  color: var(--white);
  letter-spacing: -.14px;
  background-color: #ffffff38;
  border: 1px solid #ffffff4d;
  border-radius: 100px;
  margin-bottom: 0;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

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

.log-in {
  width: 100%;
}

.sign-in-checkbox-text-link {
  color: var(--white);
  font-weight: 500;
  text-decoration: underline;
}

.sign-in-checkbox {
  background-color: var(--white);
  border: 1px solid #e8e8e8;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
}

.sign-in-checkbox.w--redirected-checked {
  background-color: #1f6bff;
}

.sign-in-checkbox.w--redirected-focus {
  box-shadow: none;
}

.sign-in-checkbox-label {
  color: var(--white);
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sign-in-checkbox-wrap {
  color: #d7d7d7;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 18px;
  font-weight: 400;
  display: flex;
}

.sign-in-form-wrap {
  margin-bottom: 0;
}

.sign-in-single-fields {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-bottom: 20px;
  display: flex;
}

.sign-in-top-wrap {
  text-align: center;
  margin-bottom: 32px;
}

.sign-in-top-wrap.mb20px {
  margin-bottom: 20px;
}

.authentication-card {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffff1a;
  border: 1px solid #ffffff4d;
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 45px 30px;
  position: relative;
}

.authentication-logo-wrap {
  margin-bottom: 30px;
}

.authentication-details {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
  font-weight: 300;
  line-height: 24px;
}

.authentication-title {
  background-image: linear-gradient(180deg, var(--white) 25%, #b2b2b2);
  letter-spacing: var(--_letter-spacing---letter-spacing-4);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 10px;
  display: inline-block;
}

.authentication-details-text-link, .authentication-text-link {
  color: var(--white);
  font-weight: 500;
}

.reset-password-text-link-wrapper {
  text-align: center;
  margin-top: 35px;
}

.reset-password-text {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
  letter-spacing: -.16px;
  text-decoration: none;
}

.reset-password-text-link {
  color: var(--white);
}

.not-found-image-wrapper {
  width: 100%;
  max-width: 682px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.not-found-title-wrapper {
  text-align: center;
  margin-bottom: 40px;
}

.not-found-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  font-weight: 500;
  display: inline-block;
}

.not-found-button-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.protected-password-content {
  text-align: center;
  width: 100%;
  max-width: 796px;
  margin-left: auto;
  margin-right: auto;
}

.protected-password-image-wrapper {
  margin-bottom: 65px;
}

.protected-password-title-description {
  margin-bottom: 24px;
}

.protected-password-title {
  margin-bottom: 16px;
  display: inline-block;
}

.protected-password-description-text {
  color: #fffc;
  width: 100%;
  max-width: 705px;
  font-size: var(--_typography---paragraph-one);
  margin-left: auto;
  margin-right: auto;
  line-height: 160%;
}

.protected-password-text-block {
  display: none;
}

.protected-password-text-field {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  height: 53px;
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.18px;
  background-color: #ffffff14;
  border: 1px solid #ffffff4d;
  border-radius: 100px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 24px;
}

.protected-password-text-field::placeholder {
  color: var(--white);
}

.changelog-number-text {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}

.changelog-single {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.changelog-text {
  color: #fff9;
  font-size: var(--_typography---paragraph-one);
  margin-bottom: 35px;
  font-weight: 500;
  line-height: 28px;
}

.changelog-card {
  background-color: #ffffff1a;
  border: 1px solid #fff;
  border-radius: 20px;
  width: 100%;
  max-width: 635px;
  padding: 8px;
  box-shadow: 0 2px 40px #0000000f;
}

.changelog-line {
  background-color: var(--primary-gradient-one);
  width: 1px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 24px;
}

.changelog-card-single {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #ffffff05;
  border-radius: 10px;
  padding: 35px 40px;
}

.changelog-version {
  color: var(--white);
  letter-spacing: var(--_letter-spacing---letter-spacing-4px);
  margin-bottom: 20px;
  font-size: 42px;
  font-weight: 600;
  line-height: 100%;
  display: inline-block;
}

.changelog-date {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  font-weight: 500;
  line-height: 28px;
}

.changelog-number-wrap {
  z-index: 2;
  background-image: linear-gradient(245deg, var(--primary-gradient-one), var(--primary-gradient-two));
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.changelog-wrapper {
  grid-row-gap: 125px;
  flex-flow: column;
  width: 100%;
  max-width: 785px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.chnagelog-title-description {
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.chnagelog-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-3px);
  font-size: 60px;
  line-height: 120%;
}

.chnagelog-description {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.changelog-card-line {
  background-color: var(--primary-gradient-one);
  width: 120px;
  height: 1px;
  position: absolute;
  inset: auto auto auto 30px;
}

.style-guide-banner-title-wrapper {
  text-align: center;
  margin-bottom: 60px;
}

.style-guide-banner-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-3px);
  font-size: 60px;
  font-weight: 500;
  line-height: 120%;
  display: inline-block;
}

.style-guide-wrapper {
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.style-guide-single-wrapper {
  grid-column-gap: 70px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff03;
  border: 1px solid #ffffff80;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px;
  display: flex;
}

.style-guide-number-title {
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  max-width: 110px;
  display: flex;
}

.style-guide-number {
  color: var(--white);
  letter-spacing: -1.28px;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
}

.style-guide-title {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.18px;
  line-height: 32px;
}

.style-guide-content {
  width: 100%;
  max-width: 1020px;
}

.style-guide-content.color-palette-wrapper {
  max-width: 940px;
}

.color-palette-title-wrapper {
  margin-bottom: 16px;
}

.color-palette-title-wrapper.typograyphy {
  border-bottom: 1px solid #ffffff4d;
  margin-bottom: 40px;
  padding-bottom: 30px;
}

.color-palette-title {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  display: inline-block;
}

.color-palette-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.color-palette-single {
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.color-palette {
  border-radius: 12px;
  min-height: 120px;
}

.color-palette.one {
  background-image: linear-gradient(225deg, var(--primary-gradient-one), var(--primary-gradient-two) 80%);
  box-shadow: 1.61px 4.03px 22.31px 6.44px #165ce24d;
}

.color-palette.two {
  background-color: var(--dark);
  border: 1px solid #ffffff26;
}

.color-palette.three {
  background-color: var(--primary);
}

.color-palette.four {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-image: linear-gradient(320deg, #3436415c, #0c0d0f5c);
  border: 1px solid #fff3;
}

.color-palette-code {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
  text-transform: uppercase;
  font-weight: 400;
}

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

.style-guide-heading-wrapper {
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

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

.style-guide-heading-size.h1 {
  color: var(--white);
  font-size: var(--_typography---h);
  letter-spacing: var(--_letter-spacing---letter-spacing-4px);
  font-weight: 500;
  line-height: 100%;
}

.style-guide-heading-size.h2 {
  color: var(--white);
  font-size: var(--_typography---h2);
  letter-spacing: var(--_letter-spacing---letter-spacing-3px);
  font-weight: 500;
  line-height: 100%;
}

.style-guide-heading-size.h3 {
  color: var(--white);
  font-size: var(--_typography---h3);
  letter-spacing: var(--_letter-spacing---letter-spacing-1-88px);
  font-weight: 500;
  line-height: 100%;
}

.style-guide-heading-size.h4 {
  color: var(--white);
  font-size: var(--_typography---h4);
  letter-spacing: var(--_letter-spacing---letter-spacing-1-88px);
  font-weight: 500;
  line-height: 100%;
}

.style-guide-heading-size.h5 {
  color: var(--white);
  font-size: var(--_typography---h5);
  letter-spacing: var(--_letter-spacing---letter-spacing-0-56px);
  font-weight: 500;
  line-height: 100%;
}

.style-guide-heading-size.h6 {
  color: var(--white);
  font-size: var(--_typography---h6);
  letter-spacing: var(--_letter-spacing---letter-spacing-0-48px);
  font-weight: 500;
  line-height: 100%;
}

.style-guide-heading-size.subheading {
  color: var(--white);
  font-size: var(--_typography---subheading);
  letter-spacing: var(--_letter-spacing---letter-spacing-0-48px);
  font-weight: 500;
  line-height: 100%;
}

.style-guide-heading-size.paragraph-size-one {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: 0;
  font-weight: 500;
  line-height: 100%;
}

.style-guide-heading-size.paragraph-size-two {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
}

.subheading {
  color: var(--white);
  font-size: var(--_typography---subheading);
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  font-weight: 500;
  line-height: 100%;
}

.paragraph-one {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  font-weight: 500;
  line-height: 152%;
}

.paragraph-two {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
}

.style-guide-button-wrapper {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.license-title-description {
  text-align: center;
  margin-bottom: 80px;
}

.license-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-3px);
  margin-bottom: 16px;
  font-size: 60px;
  font-weight: 500;
  line-height: 120%;
  display: inline-block;
}

.license-description {
  color: #fffc;
  width: 100%;
  max-width: 705px;
  font-size: var(--_typography---paragraph-one);
  margin-left: auto;
  margin-right: auto;
  line-height: 160%;
}

.license-wrapper {
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.license-header-wrapper {
  border-bottom: 1px solid #fff6;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 28px;
  display: flex;
}

.license-header-title {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  text-transform: uppercase;
  line-height: 120%;
}

.license-header-right-content {
  justify-content: space-between;
  width: 100%;
  max-width: 700px;
  display: flex;
}

.license-header-left-content {
  width: 100%;
  max-width: 532px;
}

.license-single {
  border-bottom: 1px solid #ffffff6e;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 60px;
  display: flex;
}

.license-single.last {
  border-bottom-style: none;
  padding-bottom: 0;
}

.license-left-content {
  width: 100%;
  max-width: 532px;
}

.license-image-grid {
  grid-column-gap: 8px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.license-image {
  border-radius: 10px;
}

.license-right-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 700px;
  display: flex;
}

.license-name {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.18px;
  line-height: 120%;
}

.license-text-link {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.18px;
}

.license-fonts-wrapper {
  grid-row-gap: 20px;
  background-color: var(--primary-gradient-one);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 320px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.license-fonts-word {
  color: var(--white);
  letter-spacing: -6.4px;
  font-size: 160px;
  line-height: 100%;
}

.license-fonts-text-block {
  color: var(--white);
  font-size: var(--_typography---h6);
  letter-spacing: -.72px;
  line-height: 150%;
}

.license-fonts-name {
  color: var(--white);
}

.license-icon-wrapper {
  grid-column-gap: 43px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 330px;
  display: flex;
}

.license-icon-single {
  background-image: linear-gradient(#34364173, #0c0d0f73 90%);
  border: 1px solid #fff3;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80px;
  height: 80px;
  display: flex;
}

.main-blog-wrapper {
  grid-row-gap: 25px;
  flex-flow: column;
  display: flex;
}

.main-blog-top-content {
  background-image: linear-gradient(#202129, #0c0d0ff5);
  border: 1px solid #ffffff26;
  border-radius: 20px;
  justify-content: space-between;
  padding: 25px 40px 25px 25px;
  display: flex;
}

.main-blog-image-wrapper {
  border-radius: 20px;
  width: 100%;
  max-width: 585px;
  overflow: hidden;
}

.main-blog-typography {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 630px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.main-blog-name {
  color: var(--white);
  font-size: var(--_typography---h3);
  letter-spacing: -1.88px;
  font-weight: 500;
  line-height: 126%;
  text-decoration: none;
  display: block;
}

.main-blog-title-wrapper {
  text-align: center;
  width: 100%;
  max-width: 756px;
  margin-bottom: 55px;
  margin-left: auto;
  margin-right: auto;
}

.main-blog-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-3px);
  font-size: 66px;
}

.blog-details-container {
  width: 100%;
  max-width: 1630px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.blog-details-bg {
  z-index: -1;
  width: 100%;
  min-height: 1754px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.blog-details-title-wrapper {
  text-align: center;
  width: 100%;
  max-width: 1080px;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
}

.blog-details-title {
  letter-spacing: -3px;
  font-size: 66px;
  display: inline-block;
}

.blog-details-image-wrapper {
  border-radius: 20px;
  margin-bottom: 120px;
  overflow: hidden;
}

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

.blog-details-content {
  grid-column-gap: 10px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.blog-details-social-media-title-wrap {
  border-bottom: 1px solid #ffffff1a;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.blog-details-author-name {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.36px;
}

.blog-details-author-title {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
  letter-spacing: -.32px;
  text-transform: uppercase;
  line-height: 120%;
}

.blog-details-author-right-content {
  width: 100%;
  max-width: 220px;
}

.blog-details-author-image-name {
  grid-column-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-details-author-wrapper {
  border-top: 1px solid #ffffff1a;
  width: 100%;
  max-width: 440px;
  position: sticky;
  top: 140px;
}

.blog-details-social-media-link-block {
  width: 100%;
  max-width: 50px;
  height: 50px;
  color: var(--white);
  background-color: #ffffff1a;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: "Fa Brands 400", Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.blog-details-social-media-link-block:hover {
  background-color: var(--primary-gradient-two);
}

.blog-details-social-media-single {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-details-social-media-wrapper {
  margin-top: 16px;
}

.blog-details-author-single {
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.blog-details-author-single.author-details-wrap {
  padding-top: 20px;
  padding-bottom: 20px;
}

.blog-details-left-content {
  width: 100%;
  max-width: 440px;
  position: sticky;
  top: 160px;
}

.blog-details-right-content {
  width: 100%;
  max-width: 966px;
}

.blog-details-rich-content h2 {
  color: var(--white);
  letter-spacing: var(--_letter-spacing---letter-spacing-0-56px);
  margin-bottom: 20px;
  font-size: 34px;
  font-weight: 500;
  line-height: 120%;
}

.blog-details-rich-content p {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.36px;
  line-height: 150%;
}

.blog-details-rich-content figure {
  border-radius: 20px;
  margin-top: 60px;
  margin-bottom: 60px;
  overflow: hidden;
}

.blog-details-rich-content h3 {
  letter-spacing: -.48px;
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 34px;
}

.blog-details-rich-content blockquote {
  border-left-width: 4px;
  border-left-color: var(--primary-gradient-two);
  color: var(--white);
  letter-spacing: -.48px;
  background-color: #ffffff14;
  border-radius: 4px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 34px;
}

.integration-main-section-title-wrapper {
  text-align: center;
  width: 100%;
  max-width: 785px;
  margin-bottom: 85px;
  margin-left: auto;
  margin-right: auto;
}

.integration-main-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-3px);
  font-size: 60px;
  line-height: 120%;
}

.integration-main-container {
  width: 100%;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
}

.integration-card-wrapper {
  margin-top: 95px;
}

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

.integration-card {
  grid-row-gap: 25px;
  background-color: #161719;
  border: 1px solid #ffffff26;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 180px;
  display: flex;
}

.integration-details-container {
  width: 100%;
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}

.integration-details-content {
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.integration-details-title-description {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 40px;
}

.integration-details-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-3px);
  margin-bottom: 16px;
  font-size: 60px;
  line-height: 120%;
  display: inline-block;
}

.integration-details-description-text {
  color: #fffc;
  width: 100%;
  max-width: 780px;
  font-size: var(--_typography---paragraph-one);
  margin-left: auto;
  margin-right: auto;
  line-height: 160%;
}

.integration-details-logo-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 496px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.integration-details-logo-grid {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  width: 100%;
}

.integration-main-logo-wrapper {
  background-color: #161719;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 240px;
  display: flex;
}

.integration-details-logo {
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  background-image: linear-gradient(#34364185, #0c0d0f85 70%);
  border: 1px solid #ffffff21;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.integration-details-icon {
  width: 100%;
  max-width: 120px;
}

.integration-details-arrow-wrapper {
  -webkit-backdrop-filter: blur(36px);
  backdrop-filter: blur(36px);
  background-color: #ffffff1a;
  border: 1px solid #ffffff2b;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
}

.integration-details-rich-text h2 {
  letter-spacing: -.56px;
  margin-bottom: 28px;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
}

.integration-details-rich-text p {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  margin-bottom: 50px;
  line-height: 28px;
}

.integration-details-rich-text ul {
  grid-row-gap: 5px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 25px;
  display: flex;
}

.integration-details-rich-text li {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  line-height: 28px;
}

.integration-button-wrapper {
  margin-top: 60px;
}

.contact-us-container {
  width: 100%;
  max-width: 1630px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.contact-us-banner-content {
  justify-content: space-between;
  display: flex;
}

.contact-us-banner-typography {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 635px;
  display: flex;
}

.contact-us-banner-image-wrapper {
  width: 100%;
  max-width: 740px;
}

.contact-us-banner-description {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  text-align: center;
  line-height: 140%;
}

.contact-us-banner-information-text {
  color: var(--white);
  font-size: var(--_typography---h5);
  letter-spacing: -1.12px;
  line-height: 140%;
  display: inline-block;
}

.contact-us-banner-description-wrap {
  width: 100%;
  max-width: 574px;
}

.contact-us-banner-bottom-typography {
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.contact-us-banner-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-3px);
  font-size: 60px;
}

.contact-us-banner-information-wrapper {
  flex-flow: column;
  display: flex;
}

.contact-us-banner-image {
  border: 1px solid #ffffff1f;
  border-radius: 8px;
}

.contact-us-form-content {
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.contact-us-title-wrapper {
  text-align: center;
  width: 100%;
  max-width: 575px;
  position: sticky;
  top: 140px;
}

.contact-us-form-textarea {
  -webkit-backdrop-filter: blur(50.3px);
  backdrop-filter: blur(50.3px);
  color: #fff;
  background-color: #ffffff08;
  border: 1px solid #fff3;
  border-radius: 16px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 200px;
  margin-bottom: 0;
  padding: 15px;
  font-size: 18px;
}

.contact-us-form-textarea::placeholder {
  color: #dadada;
}

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

.contact-us-form-text-field {
  color: var(--white);
  letter-spacing: -.96px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

.contact-us-form-single {
  width: 100%;
}

.contact-us-content {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  border-top: 1px dashed #36353426;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.contact-us-form-wrapper {
  width: 100%;
  max-width: 920px;
}

.contact-us-input-field {
  -webkit-backdrop-filter: blur(50.3px);
  backdrop-filter: blur(50.3px);
  color: #dadada;
  background-color: #ffffff08;
  border: 1px solid #fff3;
  border-radius: 100px;
  height: 58px;
  margin-bottom: 0;
  padding: 20px;
  font-size: 18px;
}

.contact-us-input-field::placeholder {
  color: #dadada;
}

.contact-us-form-flex {
  grid-column-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.pricing-plan-details-container {
  width: 100%;
  max-width: 1490px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.pricing-plan-details-title-wrapper {
  text-align: center;
  margin-bottom: 75px;
}

.pricing-plan-details-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-1-88px);
  font-size: 60px;
  font-weight: 500;
  line-height: 120%;
  display: inline-block;
}

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

.pricing-plan-details-typography {
  grid-row-gap: 110px;
  flex-flow: column;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.pricing-plan-details-single {
  grid-column-gap: 10px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.pricing-plan-details-heading-wrap {
  width: 100%;
  max-width: 150px;
}

.pricing-plan-details-heading {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
  text-transform: uppercase;
  line-height: 120%;
}

.pricing-plan-details-description-wrap {
  width: 100%;
  max-width: 696px;
}

.pricing-plan-details-text {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  line-height: 150%;
}

.pricing-plan-details-rich-content-wrap {
  width: 100%;
  max-width: 696px;
}

.pricing-plan-details-rich-text h5 {
  font-size: var(--_typography---h6);
  letter-spacing: var(--_letter-spacing---letter-spacing-0-48px);
  margin-bottom: 8px;
  font-weight: 500;
}

.pricing-plan-details-rich-text ul {
  grid-row-gap: 5px;
  flex-flow: column;
  margin-bottom: 24px;
  padding-left: 25px;
  display: flex;
}

.pricing-plan-details-rich-text li {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  line-height: 150%;
}

.pricing-plan-details-card-wrapper {
  -webkit-backdrop-filter: blur(35px);
  backdrop-filter: blur(35px);
  background-image: linear-gradient(#3436415e, #0c0d0f5e 85%);
  border: 1px solid #fff3;
  border-radius: 6px;
  width: 100%;
  max-width: 464px;
  padding: 40px;
  position: sticky;
  top: 140px;
}

.pricing-plan-details-card-title-description {
  margin-bottom: 70px;
}

.pricing-plan-details-card-title {
  letter-spacing: -.8px;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 500;
}

.pricing-plan-details-card-description {
  color: #7f7f7f;
  font-size: var(--_typography---paragraph-one);
  line-height: 150%;
}

.pricing-plan-details-text-field {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
  text-transform: uppercase;
  margin-bottom: 16px;
  font-weight: 400;
  line-height: 24px;
}

.pricing-plan-details-select-wrap {
  background-color: #eeeeee0a;
  border-radius: 100px;
  padding-right: 20px;
}

.pricing-plan-details-select {
  color: #7f7f7f;
  height: 60px;
  font-size: var(--_typography---paragraph-one);
  background-color: #fff0;
  border: 1px #000;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.pricing-duration-wrap {
  margin-bottom: 24px;
}

.pricing-quantity {
  color: #7f7f7f;
  width: 100%;
  height: 60px;
  font-size: var(--_typography---paragraph-one);
  background-color: #eeeeee0a;
  border-style: none;
  border-radius: 100px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.pricing-default-state {
  margin-bottom: 0;
}

.banner-hv2-top-content {
  width: 100%;
  max-width: 449px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.banner-hv2-robot {
  width: 100%;
  max-width: 316px;
  position: absolute;
  inset: auto -195px 0% auto;
}

.banner-hv2-card {
  z-index: 1;
  position: relative;
}

.banner-hv2-bottom-content {
  z-index: 1;
  margin-top: -55px;
  position: relative;
}

.banner-hv2-typography {
  text-align: center;
  width: 100%;
  max-width: 930px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.banner-hv2-title-description {
  margin-bottom: 30px;
}

.banner-hv2-title {
  margin-bottom: 16px;
}

.banner-hv2-description-text {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.banner-hv2-button-wrapper {
  grid-column-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.company-section-hv2-section-title-wrap {
  text-align: center;
  margin-bottom: 32px;
}

.company-section-hv2-section-title {
  letter-spacing: -.88px;
  font-size: 22px;
  font-weight: 600;
  line-height: 160%;
  display: inline-block;
}

.company-content {
  position: relative;
}

.company-inner-ticker-wrapper {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
}

.company-logo-wrap {
  background-color: #ffffff0f;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  max-width: 200px;
  height: 90px;
  margin-right: 24px;
  display: flex;
}

.core-values-card-container {
  width: 100%;
  max-width: 1650px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.core-values-cards {
  grid-row-gap: 356px;
  flex-flow: column;
  padding-bottom: 150px;
  display: flex;
}

.core-values-card-single {
  grid-column-gap: 10px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.core-values-card {
  grid-column-gap: 22px;
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  background-image: linear-gradient(#202129cc, #0c0d0fcc);
  border: 1px solid #ffffff1a;
  border-radius: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 648px;
  padding: 20px;
  display: flex;
}

.core-values-card.mt60px {
  margin-top: 60px;
}

.core-values-card-image-wrapper {
  width: 100%;
  max-width: 294px;
}

.core-values-card-image-wrapper.two {
  max-width: 292px;
}

.core-values-card-typography {
  width: 100%;
  max-width: 288px;
}

.core-values-card-number-wrap {
  border: 1px solid #fff3;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 50px;
  height: 50px;
  margin-bottom: 50px;
  display: flex;
}

.core-values-card-number {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
  font-weight: 500;
}

.core-values-card-title {
  width: 100%;
  max-width: 230px;
  letter-spacing: var(--_letter-spacing---letter-spacing-4);
  margin-bottom: 16px;
  font-size: 34px;
}

.core-values-card-title.three {
  max-width: 290px;
}

.core-values-card-description {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 152%;
}

.work-vh {
  height: 300vh;
}

.work-sticky {
  background-image: url('../images/Work-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 150px;
  position: sticky;
  top: 0;
}

.work-content.hv2 {
  z-index: 2;
  position: relative;
}

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

.work-card {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-image: linear-gradient(245deg, #343641b3, #0c0d0fb3 40%);
  border: 1px solid #fff3;
  border-radius: 15px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  width: 100%;
  max-width: 424px;
  min-height: 435px;
  padding: 30px 30px 40px;
  display: flex;
}

.work-card.card-one {
  margin-top: 4px;
  transform: rotate(-5.36deg);
}

.work-card.card-two {
  background-image: linear-gradient(245deg, #3436415c, #0c0d0f5c 40%);
  margin-left: -140px;
  transform: rotate(-3.87deg);
}

.work-card.card-three {
  background-image: linear-gradient(245deg, #3436415c, #0c0d0f5c 40%);
  margin-top: 6px;
  margin-left: -130px;
  transform: rotate(8.39deg);
}

.work-card.card-four {
  background-image: linear-gradient(245deg, #3436415c, #0c0d0f5c 40%);
  margin-left: -135px;
  transform: rotate(-2.88deg);
}

.work-card-number {
  font-size: 34px;
  display: inline-block;
}

.work-card-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-4);
  margin-bottom: 16px;
}

.work-card-description {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.our-business-vh {
  height: 400vh;
}

.our-business-sticky {
  background-image: url('../images/Our-Business-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 20px;
  position: sticky;
  top: -250px;
}

.our-business-content {
  width: 100%;
  max-width: 668px;
  min-height: 645px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.our-business-card {
  -webkit-backdrop-filter: blur(70px);
  backdrop-filter: blur(70px);
  background-image: linear-gradient(145deg, #202129fc, #0c0d0fe8 60%);
  border: 1px solid #ffffff1a;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  min-height: 645px;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.our-business-card.card-one {
  z-index: 3;
}

.our-business-card.card-two {
  z-index: 2;
  transform: rotate(4.43deg);
}

.our-business-card.card-three {
  z-index: 1;
  transform: rotate(10.23deg);
}

.our-business-card-title-wrapper {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.our-business-card-title {
  font-size: 34px;
}

.our-business-card-description {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.our-business-card-image {
  position: absolute;
  inset: auto auto 0% 0%;
}

.our-business-card-image.one {
  width: 100%;
  max-width: 611px;
}

.our-business-card-image.two {
  width: 100%;
  max-width: 526px;
  margin-left: auto;
  margin-right: auto;
  left: auto;
}

.our-business-card-image.three {
  width: 100%;
  max-width: 510px;
  inset: auto auto 0% 60px;
}

.sales-card {
  width: 100%;
  max-width: 140px;
  position: absolute;
  inset: 182px 69px auto auto;
  transform: rotate(3.01deg);
  box-shadow: -7.71px 7.71px 13.23px #00000047;
}

.our-business-card-shape {
  background-image: linear-gradient(#20212900 75%, #0c0d0ffc);
  position: absolute;
  inset: 0%;
}

.work-sticky-hv1 {
  padding-top: 150px;
  padding-bottom: 150px;
  position: sticky;
  top: -210px;
}

.work-vh-home-v1 {
  height: 700vh;
}

.work-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
}

.work-card-wrapper {
  grid-row-gap: 24px;
  perspective-origin: 0 0;
  transform-origin: 0 0;
  flex-flow: column;
  display: flex;
}

.work-card-wrapper.right {
  padding-top: 120px;
}

.work-single-card {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-image: linear-gradient(25deg, #3436415c, #0c0d0f5c);
  border: 1px solid #fff3;
  border-radius: 15px;
  padding: 40px;
}

.work-single-card-title-number-wrap {
  grid-column-gap: 18px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.work-single-card-title {
  flex: none;
  font-size: 34px;
}

.work-single-card-line {
  background-image: linear-gradient(-90deg, #ffffff80, #ffffff1c 60%);
  width: 100%;
  max-width: 205px;
  height: 1px;
}

.work-single-card-number {
  color: var(--white);
  font-size: var(--_typography---h5);
  letter-spacing: -1.56px;
  flex: none;
  font-weight: 500;
  line-height: 120%;
}

.work-single-card-description {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.testimonial-vh {
  height: 700vh;
}

.testimonial-sticky {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  position: sticky;
  top: -70px;
}

.testimonial-section-title-wrapper {
  text-align: center;
}

.testimonial-section-title {
  letter-spacing: -10px;
  text-transform: uppercase;
  font-size: 140px;
  font-weight: 600;
  line-height: 88%;
  display: inline-block;
}

.testimonial-bottom-content {
  margin-top: -60px;
}

.testimonial-card-flex {
  grid-column-gap: 235px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: grid;
}

.testimonial-card {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-image: linear-gradient(#343641fa, #0c0d0ffa 60%);
  border: 1px solid #fff3;
  border-radius: 15px;
  flex: none;
  width: 100%;
  max-width: 705px;
  padding: 40px;
  box-shadow: -30px -19px 21px #00040bad;
}

.testimonial-card-author-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 52px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.testimonial-card-author-line {
  background-image: radial-gradient(circle farthest-side at 50% 50%, var(--white), #fff0);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.testimonial-card-author-single {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-card-author-image {
  width: 100%;
  max-width: 53px;
}

.testimonial-card-author-name {
  color: var(--white);
  font-size: var(--_typography---subheading);
  letter-spacing: -.44px;
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 120%;
}

.testimonial-card-bio {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.44px;
  line-height: 120%;
}

.testimonial-card-description-wrapper {
  text-align: center;
}

.testimonial-card-description {
  color: var(--white);
  font-size: var(--_typography---h5);
  letter-spacing: var(--_letter-spacing---letter-spacing-4);
  font-weight: 500;
  line-height: 150%;
}

.ai-business-card {
  -webkit-backdrop-filter: blur(70px);
  backdrop-filter: blur(70px);
  background-image: linear-gradient(#202129cc, #0c0d0fcc);
  border: 1px solid #ffffff1a;
  border-radius: 15px;
  justify-content: space-between;
  padding: 20px 20px 20px 50px;
  display: flex;
}

.ai-business-card-typography {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.ai-business-card-image-wrapper {
  background-image: url('../images/Ai-Business-Card-BG.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 638px;
  min-height: 510px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.preview-footer-typography {
  text-align: center;
  width: 100%;
  max-width: 915px;
  margin-left: auto;
  margin-right: auto;
}

.preview-footer-top-content {
  padding-top: 140px;
  padding-bottom: 140px;
}

.secondary-button {
  grid-column-gap: 8px;
  color: #fff;
  text-transform: capitalize;
  background-color: #191d23;
  border-radius: 100px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.preview-footer-information-wrap {
  text-align: center;
  border-top: 1px solid #ffffff1a;
  padding-top: 25px;
  padding-bottom: 25px;
}

.preview-footer-information-text-link {
  color: #fffc;
  text-decoration: underline;
}

.preview-footer-information-text {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
  display: inline-block;
}

.primary-button-2 {
  color: #15171b;
  text-transform: capitalize;
  background-color: #fff;
  border-radius: 100px;
  padding: 13px 10px 13px 24px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.surprising-features-icon-wrapper {
  background-color: var(--primary-gradient-one);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100px;
  height: 100px;
  margin-bottom: 55px;
  display: flex;
}

.surprising-features-card-wrapper {
  grid-column-gap: 15px;
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
  background-color: #ffffff0a;
  border: 1px solid #fff3;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 20px 30px;
  display: flex;
}

.surprising-features-card-content {
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

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

.surprising-features-image-wrapper {
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  width: 100%;
  max-width: 702px;
  overflow: hidden;
}

.surprising-features-container {
  width: 100%;
  max-width: 1326px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.surprising-features-description-text {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  line-height: 28px;
}

.surprising-features-description-text.notification-bars {
  width: 100%;
  max-width: 435px;
}

.surprising-features-single-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  margin-bottom: 25px;
  font-size: 34px;
  line-height: 100%;
}

.surprising-features-typography {
  width: 100%;
  max-width: 468px;
}

.surprising-features-typography.email-signature {
  max-width: 405px;
}

.surprising-features-typography.social-media {
  max-width: 415px;
}

.responsive-desktop-image {
  width: 100%;
  max-width: 900px;
}

.responsive-mobile-image {
  z-index: 2;
  width: 100%;
  max-width: 286px;
  position: absolute;
  inset: auto 0% -64px auto;
}

.responsive-wrapper {
  position: relative;
}

.responsive-content {
  width: 100%;
  max-width: 1065px;
  margin-left: auto;
  margin-right: auto;
}

.preview-banner-content {
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.preview-banner-typography {
  text-align: center;
  width: 100%;
  max-width: 915px;
  margin-left: auto;
  margin-right: auto;
}

.preview-banner-title-description {
  margin-bottom: 30px;
}

.preview-banner-title {
  margin-bottom: 16px;
  display: inline-block;
}

.preview-banner-description {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.preview-banner-button-wrapper {
  grid-column-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.preview-banner-bottom-content {
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #ffffff36;
  padding-top: 15px;
  padding-bottom: 15px;
}

.preview-banner-card-ticker-wrap {
  grid-row-gap: 40px;
  flex-direction: column;
  overflow: hidden;
}

.preview-banner-card-ticker {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.card-ticker-preview {
  align-items: center;
  display: flex;
}

.card-ticker-preview._2nd {
  justify-content: flex-end;
}

.preview-inner-ticker-wrapper {
  flex: none;
  align-items: center;
  display: flex;
}

.preview-single-card {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff3;
  border-radius: 15px;
  width: 449px;
  margin-right: 10px;
  padding: 5px;
  overflow: hidden;
}

.preview-single-card-image {
  border-radius: 15px;
  width: 100%;
}

.preview-features-container {
  width: 100%;
  max-width: 1590px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.preview-features-figma-card-icon-wrap {
  text-align: center;
  width: 100%;
  max-width: 60px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
}

.preview-features-typography {
  z-index: 2;
  width: 100%;
  max-width: 240px;
  position: relative;
}

.preview-features-typography.home-card {
  z-index: 2;
  max-width: 240px;
  padding-top: 60px;
  position: relative;
}

.preview-features-typography.multiple-inner-pages {
  padding-bottom: 48px;
}

.preview-features-inner-pages-card {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #ffffff0a;
  border: 1px solid #fff3;
  border-radius: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 480px;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.preview-features-section-card-image {
  object-fit: cover;
  width: 100%;
  max-width: 350px;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.preview-features-figma-card-button-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.preview-features-figma-icon {
  width: 100%;
  max-width: 61px;
}

.home-page-card {
  grid-column-gap: 5px;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #ffffff0a;
  border: 1px solid #fff3;
  border-radius: 20px;
  justify-content: space-between;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: hidden;
}

.preview-features-figma-card {
  background-color: var(--primary-gradient-one);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 35px 15px;
  display: flex;
}

.preview-features-figma-title {
  background-image: linear-gradient(180deg, var(--white) 50%, #b2b2b2);
  color: var(--white);
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 52px;
  display: inline-block;
}

.preview-features-figma-description {
  width: 100%;
  max-width: 420px;
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  margin-left: auto;
  margin-right: auto;
  line-height: 150%;
}

.preview-features-bottom-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.preview-home-features-card-image {
  border: 1px solid #ffffff1a;
  border-bottom-style: none;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  width: 100%;
  max-width: 160px;
  box-shadow: 0 4px 250px #00000026;
}

.preview-features-section-card {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #ffffff0a;
  border: 1px solid #fff3;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
  max-width: 640px;
  padding: 40px 20px 45px;
  display: flex;
  position: relative;
}

.preview-features-top-content {
  grid-column-gap: 20px;
  justify-content: space-between;
  display: flex;
}

.preview-features-card-wrapper {
  grid-column-gap: 11px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 300px;
  display: flex;
}

.preview-features-wrapper {
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.preview-features-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 120%;
}

.preview-features-title.home-features {
  width: 100%;
  max-width: 160px;
  color: var(--white);
  font-size: var(--_typography---h6);
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
}

.preview-features-title.inner-pages-card {
  width: 100%;
  max-width: 156px;
  letter-spacing: var(--_letter-spacing---letter-spacing-0-48px);
  margin-bottom: 20px;
}

.preview-features-description {
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  line-height: 150%;
}

.preview-features-description.section-card {
  width: 100%;
}

.preview-features-figma-title-description {
  text-align: center;
  margin-bottom: 30px;
}

.preview-features-inner-pages-image {
  border: 2px solid #ffffff1a;
  border-bottom-style: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 4px 250px #00000026;
}

.preview-features-inner-pages-image.one {
  width: 100%;
  max-width: 230px;
  position: absolute;
  inset: auto 260px 0% auto;
}

.preview-features-inner-pages-image.two {
  z-index: 2;
  width: 100%;
  max-width: 273px;
  position: absolute;
  inset: auto 40px 0% auto;
}

.demo-single {
  border: 1px solid var(--white);
  background-color: #ffffff2e;
  border-radius: 20px;
  padding: 18px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.demo-single.authentication {
  padding: 28px 28px 24px;
}

.inner-demo-single-wrapper {
  width: 100%;
  max-width: 570px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.home-demo-tag {
  color: var(--white);
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  display: inline-block;
}

.demo-name {
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  display: inline-block;
}

.demo-container {
  width: 100%;
  max-width: 1790px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.home-demo-tag-wrapper {
  background-color: var(--primary);
  outline-offset: 0px;
  text-align: center;
  border-radius: 8px;
  outline: 3px dashed #333;
  margin-top: 40px;
  margin-bottom: 30px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.inner-demo-two-wrapper {
  width: 100%;
  max-width: 1165px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.home-demo-image-wrap {
  z-index: 2;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

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

.demo-image {
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  width: 100%;
}

.demo-image-wrapper {
  z-index: 2;
  width: 100%;
  margin-bottom: 24px;
  position: relative;
}

.inner-demo-grid {
  grid-column-gap: 25px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
}

.home-demo-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
}

.inner-demo-two-grid {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
}

.demo-name-wrapper, .home-demo-name-wrapper {
  z-index: 2;
  text-align: center;
  position: relative;
}

.demo-wrapper {
  grid-row-gap: 150px;
  flex-flow: column;
  display: flex;
}

.demo-shape {
  background-color: var(--primary);
  width: 100%;
  height: 0%;
  position: absolute;
  inset: 0%;
}

.home-demo-single {
  border: 1px solid var(--white);
  background-color: #ffffff2e;
  border-radius: 20px;
  padding: 29px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.demo-section-bg {
  background-image: url('../images/Demo-Section-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.authentication-demo-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
}

.about-bg {
  background-image: url('../images/Gallery-Section-Bg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.gallery-container {
  width: 100%;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.gallery-section-title-wrapper {
  text-align: center;
  margin-bottom: 60px;
}

.gallery-section-title {
  width: 100%;
  max-width: 732px;
  letter-spacing: var(--_letter-spacing---letter-spacing-3px);
  font-size: 60px;
  font-weight: 500;
  line-height: 120%;
  display: inline-block;
}

.gallery-image-wrapper {
  grid-column-gap: 15px;
  justify-content: space-between;
  margin-bottom: 60px;
  display: flex;
}

.gallery-image {
  border: 1px solid #ffffff1a;
}

.gallery-image.left {
  border-radius: 15px;
}

.gallery-image.middle {
  border-radius: 25px;
}

.gallery-image.right {
  border-radius: 15px;
}

.gallery-description-wrapper {
  text-align: center;
  width: 100%;
  max-width: 710px;
  margin-left: auto;
  margin-right: auto;
}

.gallery-description-text {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.company-shape {
  background-image: linear-gradient(90deg, #00040b, #00040b00 21% 79%, #00040b);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.about-container {
  width: 100%;
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.about-content {
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.about-top-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.global-future-card {
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-height: 216px;
  padding: 25px 25px 25px 14px;
  display: flex;
}

.global-future-card-title-circle {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.global-future-card-title {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
  text-transform: uppercase;
}

.global-future-card-circle {
  background-color: var(--white);
  border-radius: 100%;
  width: 6px;
  height: 6px;
}

.global-future-card-circle-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.global-future-card-number {
  color: var(--white);
  font-size: var(--_typography---h3);
  letter-spacing: var(--_letter-spacing---letter-spacing-4);
  font-weight: 400;
  line-height: 120%;
}

.global-future-details {
  position: relative;
}

.global-future-details-image {
  border: 1px solid #ffffff14;
  border-radius: 25px;
  width: 100%;
}

.global-future-title-wrapper {
  z-index: 1;
  width: 100%;
  max-width: 795px;
  position: absolute;
  inset: 100px auto auto 100px;
}

.global-future-typography {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-image: linear-gradient(125deg, #202129cc, #0c0d0fcc 70%);
  border-radius: 25px;
  width: 100%;
  max-width: 795px;
  padding: 30px;
  position: absolute;
  inset: auto 50px 50px auto;
}

.global-future-typography-details {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-image: linear-gradient(125deg, #20212952, #0c0d0f52);
  border: 1px solid #ffffff17;
  border-radius: 25px;
  padding: 84px 15px;
}

.global-future-typography-details-single {
  text-align: center;
  width: 100%;
  max-width: 580px;
  margin-bottom: 28px;
  margin-left: auto;
  margin-right: auto;
}

.global-future-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  font-size: 42px;
  font-weight: 400;
}

.global-future-button-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-member-container {
  width: 100%;
  max-width: 1630px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.team-member-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.team-members-image-wrapper {
  width: 100%;
  height: 100%;
  padding: 10px;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.social-hover-icon {
  font-family: "Fa Brands 400", Arial, sans-serif;
  position: absolute;
}

.team-members-image-wrap {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.team-members-card {
  background-image: linear-gradient(125deg, #202129cc, #0c0d0fcc 70%);
  border-radius: 15px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-height: 400px;
  padding: 10px 10px 20px;
  display: flex;
  position: relative;
}

.team-members-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 1s;
}

.team-members-image:hover {
  transform: scale(1.06);
}

.social-link {
  width: 100%;
  max-width: 31px;
  height: 31px;
  color: var(--white);
  background-color: #ffffff0f;
  border: 1px solid #ffffff1a;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.social-icon {
  z-index: 1;
  font-family: "Fa Brands 400", Arial, sans-serif;
  position: relative;
}

.social-wrapper {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: column;
  display: flex;
}

.team-members-card-contant {
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-members-icon-wrap {
  -webkit-backdrop-filter: blur(24rem);
  backdrop-filter: blur(24rem);
  cursor: pointer;
  background-color: #ffffff0a;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  inset: 5px 5px auto auto;
}

.team-members-image-link {
  border-radius: 9px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.team-member-name {
  color: var(--white);
  font-size: var(--_typography---h6);
  letter-spacing: -.72px;
  font-weight: 500;
  text-decoration: none;
}

.team-member-bio {
  color: var(--primary-gradient-two);
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  text-transform: uppercase;
  font-size: 14px;
}

.team-member-shape {
  width: 100%;
}

.member-details-container {
  width: 100%;
  max-width: 1630px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.member-details-image-wrapper {
  background-image: linear-gradient(#202129cc, #0c0d0fcc);
  border: 1px solid #ffffff1a;
  border-radius: 15px;
  width: 100%;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 14px;
}

.member-details-image {
  border-radius: 8px;
}

.member-details-name-wrapper {
  text-align: center;
  margin-bottom: 60px;
}

.member-details-name {
  background-image: linear-gradient(180deg, var(--white) 70%, #b2b2b2);
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  font-size: 60px;
  font-weight: 600;
  line-height: 115%;
  display: inline-block;
}

.member-details-content {
  grid-row-gap: 65px;
  flex-flow: column;
  display: flex;
}

.section-divider {
  border-top: .063rem solid #0000001f;
  width: 100%;
}

.section-divider.bottom {
  position: absolute;
  inset: auto auto 0% 0%;
}

.section-divider.bottom.white {
  border-top-color: #ffffff1a;
}

.member-single-info-details {
  color: #ffffffb3;
  font-size: var(--_typography---paragraph-two);
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-weight: 400;
  line-height: 120%;
}

.member-single-info-wrapper {
  padding-bottom: 45px;
  position: relative;
}

.member-single-info-flex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.member-single-info {
  letter-spacing: var(--_letter-spacing---letter-spacing-2);
  text-transform: capitalize;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
}

.social-media-details {
  grid-column-gap: 10px;
  display: flex;
}

.team-member-mini-details {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.team-member-mini-details-title {
  color: var(--white);
  font-size: var(--_typography---paragraph-two);
  text-transform: uppercase;
  line-height: 120%;
}

.team-member-mini-details-rich-content-wrap {
  width: 100%;
  max-width: 920px;
}

.team-member-mini-details-rich-text p {
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  line-height: 150%;
}

.footer-information-wrap-mobile-content {
  display: none;
}

.checkout-div-block {
  flex: 0 auto;
  width: 65%;
}

.checkout-sticky {
  flex: 0 auto;
  width: 35%;
  top: 150px;
}

.checkout-header {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  color: var(--white);
  background-color: #ffffff08;
  border-color: #ffffff14;
  border-radius: 16px;
  margin-bottom: 20px;
  padding: 20px;
  overflow: hidden;
}

.checkout-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-0-56px);
  font-size: 36px;
}

.checkout-content {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  overflow: hidden;
}

.checkout-input-field {
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #fff0;
  border-color: #fff6;
  border-radius: 100px;
  height: 48px;
}

.checkout-section-title-wrapper {
  text-align: center;
  margin-bottom: 60px;
}

.checkout-banner-title {
  font-size: var(--_typography---h2);
  letter-spacing: var(--_letter-spacing---letter-spacing-3px);
  line-height: 120%;
  display: inline-block;
}

.features-vh {
  height: 350vh;
}

.features-sticky {
  background-image: url('../images/Features-Bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 0;
  padding-bottom: 40px;
  position: sticky;
  top: -200px;
}

.why-choose-us-top-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-overflow: clip;
  background-image: url('../images/Why-Choose-Us-Top-Card-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 340px;
  height: 12px;
  min-height: 376px;
  margin-top: 0;
  padding: 0 24px 24px;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.why-choose-us-top-card.min-hight {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
  min-height: 350px;
  padding-top: 24px;
  padding-bottom: 20px;
  box-shadow: 0 2px 5px #884fd2;
}

.why-choose-us-top-card-image {
  width: 100%;
  max-width: 299px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: underline;
  position: absolute;
  inset: 0% 0% auto;
}

.why-choose-us-top-card-image.actionable-insights {
  max-width: 308px;
  right: -10px;
}

.why-choose-us-card-text {
  z-index: 2;
  color: #fffc;
  font-size: var(--_typography---paragraph-one);
  text-align: center;
  flex: 1;
  order: 1;
  align-self: center;
  line-height: 152%;
  position: relative;
}

.why-choose-us-card-text.middle {
  z-index: 9;
  width: 100%;
  max-width: 512px;
  position: relative;
}

.why-choose-us-card-bolod-text {
  color: var(--white);
  font-weight: 500;
}

.why-choose-us-single-card {
  background-image: url('../images/Why-Choose-Us-Single-Card-Bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #ffffff14;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 602px;
  min-height: 376px;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.why-choose-us-single-card.bottom {
  text-align: center;
  background-image: url('../images/Why-Choose-Us-Single-Bottom-Card.jpg');
  max-width: none;
  min-height: 418px;
  text-decoration: none;
}

.why-choose-us-single-card.bottom.min-with-remove {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  min-height: 0;
  box-shadow: 0 2px 5px #884fd2;
}

.enterprise-grade-security-card-image {
  width: 100%;
  max-width: 594px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.why-choose-us-bottom-card-grid {
  box-sizing: border-box;
  grid-column-gap: 16px;
  object-fit: fill;
  grid-template-rows: minmax(424px, .28fr);
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row dense;
  place-items: center;
  margin: 0;
  padding-top: 0;
  display: flex;
  overflow: visible;
}

.why-choose-us-single-bottom-card-one {
  width: 100%;
  max-width: 638px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.ai-business-card-title {
  display: inline-block;
}

.ai-business-card-description-wrapper {
  width: 100%;
}

.ai-business-card-description {
  color: #fff;
  font-size: var(--_typography---paragraph-one);
  line-height: 160%;
}

.ai-business-card-image.one {
  width: 100%;
  max-width: 446px;
}

.ai-business-card-image.two {
  width: 100%;
  max-width: 514px;
  margin-left: auto;
  margin-right: auto;
}

.ai-business-card-image.three {
  width: 100%;
  max-width: 513px;
  margin-left: auto;
  margin-right: auto;
}

.ai-business-slider {
  background-color: #fff0;
  width: 100%;
  height: 100%;
}

.ai-business-slider-mask {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.ai-business-single-slide {
  margin-right: 150px;
}

.ai-business-slider-arrow {
  display: none;
}

.main-blog-image {
  width: 100%;
}

.features-banner-typography {
  text-align: center;
  width: 100%;
  max-width: 785px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.features-banner-content {
  flex-flow: column;
  display: flex;
}

.features-banner-title {
  letter-spacing: var(--_letter-spacing---letter-spacing-3px);
  font-size: 60px;
  line-height: 120%;
  display: inline-block;
}

.slide-nav.investment {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
  inset: auto auto -70px 0%;
}

.work-sticky-video {
  width: 100%;
  height: 100%;
}

.work-sticky-video-wrapper {
  position: absolute;
  inset: 0%;
}

.work-sticky-video-shape {
  background-image: linear-gradient(#00040b, #00040bde 10%, #00040b5c 52%, #00040bd9 87%, #00040b);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.dropdown-grid {
  grid-column-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.dropdown-menu-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.more-temple-wrapper {
  display: inline-block;
}

.more-temple-text-link-boder {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.dropdown-toggle {
  color: #fff;
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.142px;
  align-items: center;
  padding: 0;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.dropdown-menu-cms {
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.dropdown-menu-cms-line {
  background-color: #fff;
  width: 10px;
  height: 1px;
}

.dropdown-pd {
  background-color: var(--dark-gradient-two);
  border: 1px solid #ffffff14;
  border-radius: 12px;
  padding: 30px 20px;
  position: relative;
}

.dropdown-title-wrapper {
  margin-bottom: 25px;
}

.dropdown-menu-cms-single {
  grid-column-gap: 5px;
  align-items: center;
  display: flex;
}

.dropdown-menu-text-link-text {
  grid-column-gap: 10px;
  color: var(--white);
  font-size: var(--_typography---paragraph-one);
  letter-spacing: -.142px;
  align-items: center;
  margin-bottom: 12px;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.dropdown-menu-text-link-text.w--current {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.dropdown-menu-text-link-text.mb0 {
  margin-bottom: 0;
}

.more-temple-text-link {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}

.dropdown-column-wrapper {
  background-color: #0000;
  width: 750px;
  padding-top: 20px;
  overflow: hidden;
  transform: translate(-50%);
}

.dropdown-title {
  color: #fff;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.navbar-bg-one {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #00000026;
  border-radius: 16px;
  position: absolute;
  inset: 0%;
}

.integration-hv2-button-wrap {
  margin-top: 32px;
}

.offer-v2-slider-arrow {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background-color: #fff3;
  border: 1px solid #fff6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: none;
}

.offer-v2-slider-arrow.offer-right {
  inset: 50% -35px auto auto;
  transform: translate(0, -50%);
}

.single-we-offer-v2-wrap {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 35px auto auto 0%;
  overflow: hidden;
}

.single-we-offer-v2-wrap.current {
  z-index: 2;
  top: 0;
}

.single-we-offer-v2-wrap.previous {
  z-index: 0;
  opacity: .55;
  max-width: 360px;
  transform: rotate(-10.03deg)translate(-225px);
}

.single-we-offer-v2-wrap.next {
  opacity: .55;
  max-width: 360px;
  transform: rotate(10.03deg)translate(225px);
}

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

.slider.we-offer-v2 {
  width: 424px;
  height: 520px;
  position: relative;
}

.slider-nav-for-testimonial {
  inset: auto 0 -60px;
}

.offer-v2-slide {
  position: relative;
  inset: 0;
  overflow: visible;
}

.we-offer-v2-slider-mask {
  overflow: visible;
}

.text-button {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
}

.testimonial-hv2-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-hv2-card {
  -webkit-backdrop-filter: blur(50.3px);
  backdrop-filter: blur(50.3px);
  background-image: url('../images/Testimonial-Card-Hv2.jpg'), linear-gradient(#0c0d0ffa 34%, #343641fa);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  border-radius: 14px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 360px;
  min-height: 450px;
  padding: 24px;
  display: flex;
  box-shadow: 0 -19px 50.3px 40px #00040b78;
}

.testimonial-hv2-card.active {
  max-width: 100%;
  min-height: 520px;
  padding: 30px;
}

.testimonial-hv2-card-rating-wrap {
  grid-column-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.testimonial-hv2-card-rating-icon {
  width: 24px;
}

.testimonial-hv2-card-rating-icon.active {
  width: 100%;
  max-width: 25px;
}

.testimonial-hv2-card-description-wrap {
  margin-bottom: 25px;
}

.testimonial-hv2-card-description {
  color: #fffc;
  font-size: 15px;
  line-height: 160%;
}

.testimonial-hv2-card-description.active {
  font-size: 18px;
}

.testimonial-hv2-card-author-wrap {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-hv2-card-author-image {
  width: 100%;
  max-width: 46px;
}

.testimonial-hv2-card-author-name {
  color: var(--white);
  letter-spacing: -.38px;
  margin-bottom: 5px;
  font-size: 18px;
}

.testimonial-hv2-card-author-name.active-text {
  letter-spacing: -.44px;
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
}

.testimonial-hv2-card-author-bio {
  color: var(--white);
  font-size: 15px;
}

.testimonial-hv2-card-author-bio.active-text {
  letter-spacing: -.44px;
  font-size: 18px;
}

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

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

.buy-template-button-text {
  text-shadow: 0 1.25em 1px #000;
}

.template-figma-info-wrapper {
  z-index: 999;
  display: none;
  position: absolute;
  inset: -72% auto auto -91%;
}

.template-figma-info {
  color: var(--white);
  font-size: .875rem;
  font-weight: 600;
  line-height: 140%;
}

.single-template-info-link {
  z-index: 999;
  position: relative;
}

.template-figma-toggle-border {
  position: absolute;
}

.buy-template-button-text-wrap {
  justify-content: center;
  align-items: center;
  height: 1.25em;
  display: flex;
  overflow: hidden;
}

.dropdown-toggle-flex-wrap {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  align-items: center;
  display: flex;
}

.template-info-card-flex-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.template-info-wrapper {
  z-index: 999;
  pointer-events: none;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  inset: auto 1.875rem 1.875rem auto;
}

.template-figma-toggle-shape-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.template-figma-info-wrap {
  text-align: center;
  background-color: #272727;
  border: 1px solid #3d3d3d;
  padding: .25rem .625rem;
}

.template-button {
  color: #040405;
  letter-spacing: -.02em;
  background-color: #fff;
  border: .063rem solid #3c3c3c4d;
  border-radius: .438rem;
  justify-content: center;
  align-items: center;
  padding: .938rem 1rem;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.template-button:where(.w-variant-c89d59e9-ba6f-0201-fe9f-bde7335f59c6) {
  color: var(--white);
  background-color: #20b76b;
}

.template-button:where(.w-variant-4e6849b5-6440-008e-f138-be96bb6ac069) {
  color: var(--white);
  background-color: #8f58ef;
}

.template-button-flex-wrap {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.template-info-card {
  background-color: #0d0d0d;
  border: .063rem solid #1e1e1e;
  border-radius: .375rem;
  width: 100%;
  padding: .625rem;
  position: relative;
}

.dropdown-wrapper {
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.template-button-icon-wrap {
  justify-content: flex-end;
  align-items: center;
  width: .938rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.buy-template-button {
  z-index: 999;
  color: #040405;
  background-color: #fff;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  padding: .313rem .625rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.template-logo {
  width: 1.5rem;
  height: 1.5rem;
}

.dropdown-toggle-icon {
  color: #fff9;
  font-family: "Fa Solid 900", Arial, sans-serif;
  font-size: .625rem;
}

.dropdown-toggle-text-wrap {
  justify-content: center;
  align-items: center;
  height: 1.25em;
  display: flex;
  overflow: hidden;
}

.figma-logo-link {
  z-index: 999;
  background-color: #141414;
  border: .063rem solid #272727;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.template-figma-toggle-wrap {
  display: inline-block;
  position: absolute;
  inset: auto .625rem -.4rem auto;
}

.template-info-wrap {
  pointer-events: auto;
  width: 100%;
  max-width: 15.5rem;
}

.template-dropdown-wrapper {
  z-index: -1;
  background-color: #0000;
  width: 15.5rem;
  padding-bottom: 60px;
  position: absolute;
  inset: auto 0% 0;
}

.dropdown-toggle-text-block-2 {
  text-shadow: 0 1.25em 1px #fff;
}

.template-button-text-wrap {
  justify-content: center;
  align-items: center;
  height: 1.25em;
  display: flex;
  overflow: hidden;
}

.template-button-text {
  text-shadow: 0 1.25em 1px #040405;
}

.template-button-text:where(.w-variant-c89d59e9-ba6f-0201-fe9f-bde7335f59c6), .template-button-text:where(.w-variant-4e6849b5-6440-008e-f138-be96bb6ac069) {
  text-shadow: 0 1.25em 1px var(--white);
}

.dropdown-toggle-wrap {
  color: #fff;
  background-color: #141414;
  border: .063rem solid #272727;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  padding: .375rem 1rem;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.template-button-contant-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button2 {
  background-color: #8148d2;
  border-radius: 12px;
  padding: 0 13px 20px;
  font-size: 16px;
  box-shadow: 2px 2px 5px #1f1132, inset 3px 2px 5px 1px #884fd2;
}

.features-card-3 {
  -webkit-backdrop-filter: blur(60.5px);
  backdrop-filter: blur(60.5px);
  background-color: #5f278d;
  background-image: none;
  border: 1px solid #fff;
  border-radius: 20px;
  justify-content: space-between;
  width: 100%;
  padding: 80px;
  display: flex;
  position: sticky;
  top: 40px;
}

.feature-card-list-lable {
  color: var(--white);
  padding-bottom: 16px;
  font-size: 18px;
  font-weight: 500;
}

.features-card-lower-text {
  color: var(--white);
  font-size: 16px;
  line-height: 1.3;
}

.image-3, .image-4, .image-5, .image-6, .image-7, .image-8 {
  border-radius: 20px;
}

.image-9 {
  box-sizing: content-box;
  pointer-events: auto;
  text-overflow: clip;
  object-fit: contain;
  direction: ltr;
  text-decoration: none;
  position: static;
}

.image-10 {
  box-sizing: content-box;
  object-fit: contain;
  margin-left: 0;
  margin-right: 0;
}

.container-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-icon {
  width: 35px;
  height: 35px;
}

.gap-icon {
  box-sizing: content-box;
  object-fit: contain;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.price-icon {
  width: 20px;
}

.get-your-free-roi-report {
  line-height: 20px;
}

.text-block-2, .text-block-3, .text-block-4, .text-block-5 {
  color: #fff;
  text-align: left;
}

.text-block-6 {
  color: #fbf7f7;
}

.text-block-7 {
  color: #fff;
  padding-right: 0;
}

.link {
  color: #fffcfc;
  text-decoration: none;
}

.button-link {
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
}

.logos-title-small {
  border-bottom: 1px solid #e4ebf3;
  padding: 60px 30px;
  position: relative;
}

.container-3 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.clients-tag {
  text-align: center;
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 20px;
}

.clients-wrapper-three {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: -10px;
  display: flex;
}

.clients-image-three {
  margin-bottom: 10px;
  margin-left: 15px;
  margin-right: 15px;
}

.logos-without-title {
  background-color: #f5f7fa00;
  border-bottom: 0 solid #e4ebf3;
  margin-top: 2px;
  padding: 0 30px;
  position: relative;
}

.container-4 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.clients-wrapper-three-2 {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin-bottom: -10px;
  display: none;
}

.clients-image-three-2 {
  margin-bottom: 10px;
  margin-left: 15px;
  margin-right: 15px;
}

.code-embed {
  margin-top: -24px;
}

.faq-accordion-link-copy {
  flex-flow: column;
  width: 100%;
  padding: 30px 28px;
  display: block;
}

@media screen and (min-width: 1440px) {
  .nav-menu {
    flex-flow: row;
    flex: 0 auto;
    margin-left: 223px;
    padding-left: 223px;
    padding-right: 0;
  }

  .primary-button.white-button {
    pointer-events: none;
    backface-visibility: hidden;
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-image: none;
    background-clip: border-box;
    flex-flow: column;
    flex: 0 auto;
  }

  .section.banner {
    background-image: linear-gradient(#000, #884fd2 18%, #1c1c1c 65%, #161616 72%, #000 100%, #fff);
  }

  .section.cta {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .section.integration {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .banner-title {
    opacity: 1;
  }

  .section-title {
    text-align: center;
    text-decoration: none;
  }

  .section-title.features-title {
    outline-offset: 0px;
    outline: 3px solid #333;
  }

  .pricing-grid {
    grid-column-gap: 24px;
  }

  .solutions-tab-link.w--current {
    background-color: #8749d2;
    background-image: none;
  }

  .solutions-tab-menu-name {
    font-size: 26px;
  }

  .solutions-image-card-wrapper {
    background-image: url('../images/Solutions-Image-Bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .blog-hv2-card {
    padding: 30px 24px;
  }

  .contact-us-form-content {
    padding-right: 163px;
  }

  .contact-us-title-wrapper {
    margin-left: -145px;
  }

  .contact-us-content {
    margin-left: 116px;
    margin-right: 0;
  }

  .core-values-cards {
    flex-flow: column;
    padding-bottom: 0;
    display: block;
  }

  .core-values-card-single {
    grid-column-gap: 10px;
    grid-row-gap: 2px;
  }

  .our-business-sticky {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 0;
  }

  .testimonial-sticky {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .testimonial-card-flex {
    grid-column-gap: 235px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .home-demo-tag-wrapper {
    background-color: var(--primary);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    transition: opacity .2s;
  }

  .why-choose-us-top-card-image {
    padding-top: 0;
    inset: 0%;
  }

  .why-choose-us-card-text {
    font-size: var(--_letter-spacing---letter-spacing-1-88px);
  }

  .enterprise-grade-security-card-image, .why-choose-us-single-bottom-card-one {
    inset: 0% 0% auto;
  }

  .button2 {
    border-radius: 16px;
  }

  .bold-text-3 {
    font-size: 26px;
  }

  .logos-without-title {
    background-color: #f5f7fa00;
    border-bottom-width: 0;
    padding-top: 20px;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1920px) {
  .navbar, .primary-button-wrapper.desktop {
    padding-left: 0;
  }

  .section.banner {
    background-image: linear-gradient(180deg, black 4%, #884fd2 24%, var(--dark-gradient-two) 88%, #080707 93%);
  }

  .section.integration {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .section.solutions {
    padding-top: 250px;
  }

  .banner-description {
    color: #e2dddd;
  }

  .footer-bottom-content {
    text-align: left;
    flex-flow: row;
    flex: 1;
  }

  .faq-grid {
    box-sizing: border-box;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .faq-accordion-link {
    display: block;
  }

  .ticker {
    pointer-events: none;
  }

  .section-title {
    color: #d30c0c;
    text-decoration-color: #db0b0b;
  }

  .blog-hv2-collection-list {
    grid-column-gap: 21px;
  }

  .contact-us-title-wrapper {
    margin-left: -158px;
    padding-left: 0;
  }

  .contact-us-content {
    margin-left: 0;
  }

  .core-values-cards {
    grid-column-gap: 16px;
    grid-row-gap: 356px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .core-values-card-single {
    grid-row-gap: 1px;
    padding-left: 140px;
    padding-right: 140px;
  }

  .core-values-card {
    padding-right: 20px;
  }

  .core-values-card-image-wrapper {
    padding-left: 0;
  }

  .surprising-features-card-wrapper {
    padding-left: 70px;
  }

  .preview-features-figma-card-icon-wrap {
    margin-bottom: 45px;
  }

  .preview-features-inner-pages-card {
    padding-left: 40px;
    padding-right: 40px;
  }

  .preview-features-section-card-image {
    max-width: 536px;
  }

  .home-page-card {
    padding-left: 40px;
    padding-right: 40px;
  }

  .preview-features-figma-card {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .preview-home-features-card-image {
    max-width: 264px;
  }

  .preview-home-features-card-image.one {
    max-width: 265px;
  }

  .preview-features-section-card {
    padding-left: 40px;
    padding-right: 40px;
  }

  .preview-features-card-wrapper {
    max-width: 537px;
  }

  .home-demo-tag {
    text-align: left;
    margin-top: -10px;
    margin-bottom: -10px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
  }

  .company-shape {
    background-image: linear-gradient(90deg, #00040b, #00040b00 21% 79%, #00040b);
  }

  .testimonial-hv2-content {
    flex-flow: column;
  }

  .button2 {
    border-radius: 8px;
    box-shadow: 2px 2px 5px #5317eb, inset 3px 2px 5px 1px #884fd2;
  }

  .text-block-7 {
    padding-left: 0;
  }

  .link {
    margin-left: 119px;
    padding-left: 0;
    display: flex;
  }

  .bold-text-9 {
    color: var(--color--button-text);
  }

  .logos-without-title {
    background-color: #f5f7fa00;
  }

  .faq-accordion-link-copy {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typography---h: 68px;
    --_typography---h2: 48px;
    --_typography---h3: 42px;
    --_typography---h4: 34px;
    --_typography---h5: 24px;
    --_typography---h6: 22px;
    --_typography---paragraph-one: 16px;
    --_typography---paragraph-two: 16px;
    --_typography---subheading: 20px;
    --_letter-spacing---letter-spacing-4px: -4px;
    --_letter-spacing---letter-spacing-3px: -1.8px;
    --_letter-spacing---letter-spacing-1-88px: -1px;
    --_letter-spacing---letter-spacing-4: -1.68px;
    --_letter-spacing---letter-spacing-0-56px: -.56px;
    --_letter-spacing---letter-spacing-0-48px: -.48px;
    --_letter-spacing---letter-spacing-2: -.4px;
  }

  .navbar {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .container.checkout {
    flex-flow: column;
  }

  .navbar-content {
    padding: 0;
  }

  .navbar-wrapper {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
  }

  .navbar-logo-image {
    width: 100%;
    max-width: 125px;
  }

  .nav-menu {
    background-color: var(--primary);
    border-radius: 12px;
    max-height: 90vh;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px;
    overflow: auto;
  }

  .nav-link {
    margin-bottom: 10px;
    font-weight: 400;
  }

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

  .primary-button-wrapper.desktop {
    display: none;
  }

  .primary-button {
    padding: 16px 24px;
  }

  .primary-button.transfer-button {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .primary-button.pricing-button {
    padding: 15px 20px;
  }

  .primary-button.protected-password-button {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.banner {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 160px;
    padding-bottom: 150px;
  }

  .section.footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section.faq {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 0;
  }

  .section.cta {
    background-attachment: scroll;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.why-choose-us {
    background-position: 50% 0;
    background-size: contain;
    padding-bottom: 0;
  }

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

  .section.integration {
    padding-bottom: 0;
  }

  .section.solutions {
    background-position: 50% 0;
    background-size: contain;
  }

  .section.faq-hv2 {
    padding-top: 0;
  }

  .section.blog-hv2 {
    padding-bottom: 0;
  }

  .section.pricing-section-hv2 {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.not-found, .section.protected-password {
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .section.chnagelog {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .section.style-guide {
    background-size: contain;
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .section.license {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .section.main-blog {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 160px;
    padding-bottom: 0;
  }

  .section.blog-details {
    padding-top: 160px;
  }

  .section.integration-main-section {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 150px;
  }

  .section.integration-details {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 160px;
  }

  .section.contact-us-banner {
    background-size: contain;
    padding-top: 160px;
    padding-bottom: 0;
  }

  .section.contact-us {
    padding-bottom: 80px;
  }

  .section.pricing-plan {
    background-size: contain;
    padding-top: 160px;
  }

  .section.pricing-plan.main {
    padding-bottom: 0;
  }

  .section.pricing-plan-details {
    background-size: contain;
    padding-top: 160px;
    padding-bottom: 0;
  }

  .section.banner-hv2 {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 200px;
    padding-bottom: 100px;
  }

  .section.company-section-hv2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.core-values {
    padding-top: 100px;
  }

  .section.ai-business {
    background-position: 50% 0;
    background-size: contain;
    padding-bottom: 60px;
  }

  .section.responsive-section {
    padding-bottom: 120px;
  }

  .section.surprising-features {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.preview-banner {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 180px;
  }

  .section.demo-section {
    padding-bottom: 0;
  }

  .section.gallery-section {
    padding-top: 160px;
    padding-bottom: 100px;
  }

  .section.team-member {
    padding-bottom: 0;
  }

  .section.member-details {
    background-size: contain;
    padding-top: 155px;
    padding-bottom: 0;
  }

  .section.checkout {
    padding-top: 155px;
    padding-bottom: 60px;
  }

  .section.features-banner {
    padding-top: 180px;
    padding-bottom: 100px;
  }

  .section.testimonial-hv2 {
    display: none;
  }

  .banner-content {
    grid-row-gap: 80px;
    flex-flow: column;
  }

  .banner-typography {
    text-align: center;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

  .banner-subtitle-single {
    padding-right: 10px;
  }

  .banner-title-description {
    margin-bottom: 24px;
  }

  .banner-title {
    letter-spacing: -2.4px;
    font-size: 55px;
  }

  .banner-description {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .banner-button-wrapper {
    justify-content: center;
    align-items: center;
  }

  .banner-image-card-wrapper {
    max-width: 370px;
  }

  .banner-card-image {
    border-radius: 16px;
  }

  .banner-card-right, .banner-card-left-card {
    width: 385px;
    max-width: 385px;
  }

  .banner-card-shape {
    max-width: 380px;
    min-height: 200px;
  }

  .banner-robot-image {
    max-width: 150px;
    bottom: 0;
    left: -100px;
  }

  .banner-password-image {
    max-width: 90px;
    right: -100px;
  }

  .banner-circle {
    width: 520px;
    max-width: 520px;
  }

  .footer-content {
    grid-row-gap: 60px;
  }

  .footer-bottom-content {
    grid-row-gap: 50px;
    flex-flow: column;
  }

  .footer-details-wrapper {
    order: 1;
    max-width: 100%;
  }

  .footer-details-wrapper.desktop-content {
    display: none;
  }

  .footer-logo {
    margin-bottom: 30px;
  }

  .footer-social-media-wrapper {
    margin-bottom: 0;
  }

  .faq-grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .faq-accordion-title-wrap {
    grid-column-gap: 1rem;
  }

  .faq-accordion-content-wrap {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-accordion-link {
    padding: 20px;
  }

  .faq-accordion-title {
    line-height: 130%;
  }

  .cta-content {
    border-radius: 20px;
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .cta-wrapper {
    max-width: 665px;
  }

  .section-title-wrapper {
    grid-row-gap: 12px;
    margin-bottom: 40px;
  }

  .section-title-wrapper.mb140px {
    margin-bottom: 50px;
  }

  .section-title-wrapper.work-section-title-wrapper {
    margin-bottom: 40px;
  }

  .section-title-wrapper.our-business-section-title-wrap {
    max-width: 650px;
    margin-bottom: 40px;
  }

  .section-title-wrapper.responsive-section-title-wrap {
    max-width: 500px;
    margin-bottom: 50px;
  }

  .section-title.why-choose-us {
    max-width: 500px;
  }

  .section-title.blog-section-title {
    max-width: 400px;
  }

  .section-title.pricing-section-title {
    max-width: 500px;
  }

  .section-title.integration-section-title {
    max-width: 615px;
  }

  .section-title.solutions-section-title {
    max-width: 685px;
  }

  .section-title.features-title {
    max-width: 500px;
  }

  .section-title.pricing-section-title-hv2 {
    max-width: 580px;
  }

  .section-title.integration-hv2-section-title {
    max-width: 550px;
  }

  .section-title.integration-hv2-section-title.mb16 {
    max-width: 600px;
  }

  .section-title.ai-business {
    max-width: 650px;
  }

  .section-description.pricing-section-description {
    max-width: 550px;
  }

  .section-description.integration-description-text {
    max-width: 515px;
  }

  .section-description.solutions-description {
    max-width: 700px;
  }

  .section-description.features-description {
    max-width: 500px;
  }

  .section-description.pricing-section-description-hv2 {
    max-width: 635px;
  }

  .section-description.integration-hv2 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .why-choose-us-content {
    grid-row-gap: 16px;
  }

  .why-choose-us-top-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .blog-content {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .blog-left-content {
    max-width: 100%;
  }

  .blog-left-card {
    padding: 20px 20px 35px;
  }

  .blog-left-card-image-wrapper {
    margin-bottom: 20px;
  }

  .blog-left-card-image {
    max-width: 100%;
  }

  .blog-left-card-category-date {
    margin-bottom: 20px;
  }

  .blog-button-wrapper {
    border-radius: 8px;
    max-width: 60px;
    height: 60px;
  }

  .blog-right-content {
    max-width: 100%;
  }

  .blog-right-card {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .pricing-tabs-menu {
    grid-column-gap: 10px;
    max-width: 287px;
    margin-bottom: 40px;
    padding: 8px;
  }

  .pricing-tabs-link {
    padding: 12px 16px;
  }

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

  .pricing-card, .pricing-card.hv2-card {
    padding: 12px 12px 20px;
  }

  .pricing-card-top-content {
    border-radius: 12px;
    margin-bottom: 24px;
    padding: 12px;
  }

  .pricing-price-packaging-text-wrap {
    margin-bottom: 20px;
  }

  .pricing-price-packaging-text-wrap.mb32px {
    margin-bottom: 24px;
  }

  .pricing-price.details {
    font-size: 38px;
  }

  .pricing-button-wrapper.mb32px {
    margin-bottom: 24px;
  }

  .pricing-features-title-wrapper {
    grid-column-gap: 10px;
    margin-bottom: 24px;
  }

  .pricing-features-title {
    font-weight: 400;
  }

  .pricing-features-list {
    grid-row-gap: 15px;
  }

  .pricing-features-list-item {
    grid-column-gap: 5px;
    padding-bottom: 15px;
  }

  .pricing-features-list-item-icon {
    width: 100%;
    max-width: 18px;
  }

  .pricing-features-list-item-text {
    font-size: 15px;
  }

  .offer-text {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 12px;
  }

  .integration-tools-icon-wrapper.hv2 {
    max-width: 60px;
    height: 60px;
  }

  .solutions-tabs {
    grid-row-gap: 35px;
    grid-template-columns: 1.04516fr;
  }

  .solutions-tab-link {
    padding: 20px;
  }

  .solutions-tab-menu-icon-name {
    grid-column-gap: 10px;
    margin-bottom: 10px;
  }

  .solutions-tab-menu-icon {
    width: 100%;
    max-width: 40px;
  }

  .solutions-tab-menu-name {
    letter-spacing: -.4px;
    font-size: 28px;
  }

  .solutions-image-card-wrapper {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .features-wrapper {
    grid-row-gap: 24px;
  }

  .features-card {
    grid-row-gap: 24px;
    border-radius: 12px;
    flex-flow: column;
    padding: 20px;
  }

  .features-card-typography {
    order: 9999;
    max-width: 100%;
  }

  .features-card-title-description {
    margin-bottom: 24px;
  }

  .features-card-title {
    font-size: 32px;
  }

  .features-card-description {
    max-width: 400px;
  }

  .features-card-list-wrapper {
    margin-bottom: 24px;
  }

  .features-card-list {
    grid-row-gap: 10px;
  }

  .features-card-list-item {
    grid-column-gap: 6px;
  }

  .features-card-line {
    display: none;
  }

  .features-card-image-wrapper.one, .features-card-image-wrapper.two, .features-card-image-wrapper.three {
    max-width: 100%;
  }

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

  .why-choose-us-bottom-content {
    order: -9999;
  }

  .integration-hv2-section-title-wrapper {
    margin-bottom: 40px;
  }

  .integration-hv2-tools-wrapper {
    grid-column-gap: 20px;
  }

  .integration-hv2-tools-shape-wrapper {
    display: none;
    position: absolute;
  }

  .integration-hv2-tools-icon-single.one {
    justify-content: space-between;
    max-width: 150px;
    margin-left: 0;
    margin-right: 0;
    position: static;
    left: 0;
  }

  .integration-hv2-tools-icon-single.two {
    grid-column-gap: 10px;
    justify-content: space-between;
    max-width: 200px;
    position: static;
  }

  .integration-hv2-tools-icon-single.three {
    justify-content: space-between;
    max-width: 250px;
    position: static;
    left: 0;
  }

  .integration-hv2-tools-icon-wrap {
    max-width: 90px;
    height: 90px;
    position: static;
  }

  .integration-hv2-tools-icon {
    width: 100%;
    max-width: 36px;
  }

  .blog-hv2-collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .blog-hv2-card {
    padding: 16px;
  }

  .blog-hv2-card-name {
    margin-bottom: 24px;
    font-size: 22px;
  }

  .blog-hv2-card-image-wrapper {
    max-width: 100%;
    margin-bottom: 24px;
  }

  .blog-hv2-card-author-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    padding-top: 16px;
  }

  .blog-hv2-card-author-single {
    grid-column-gap: 8px;
  }

  .blog-hv2-card-author-image-wrapper {
    max-width: 40px;
  }

  .blog-hv2-card-author-name {
    letter-spacing: -.2px;
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 115%;
  }

  .blog-hv2-card-author-bio {
    letter-spacing: -.2px;
    font-size: 15px;
  }

  .blog-hv2-card-date-wrapper {
    grid-column-gap: 4px;
  }

  .blog-hv2-card-date {
    font-size: 15px;
  }

  .hv2-card-name-description {
    margin-bottom: 20px;
  }

  .hv2-card-name {
    letter-spacing: 0;
  }

  .sign-in-single-field-wrap.flex {
    margin-bottom: 30px;
  }

  .booking-field-label {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .booking-field {
    font-size: 16px;
  }

  .sign-in-checkbox {
    width: 15px;
    height: 15px;
  }

  .sign-in-checkbox-label {
    font-size: 16px;
  }

  .sign-in-single-fields {
    grid-row-gap: 20px;
  }

  .sign-in-top-wrap {
    margin-bottom: 30px;
  }

  .authentication-card {
    padding: 30px;
  }

  .not-found-image-wrapper {
    max-width: 420px;
    margin-bottom: 20px;
  }

  .protected-password-content {
    max-width: 550px;
  }

  .protected-password-image-wrapper {
    margin-bottom: 20px;
  }

  .protected-password-image {
    width: 100%;
    max-width: 160px;
  }

  .protected-password-title-description {
    margin-bottom: 20px;
  }

  .protected-password-title {
    font-size: 48px;
  }

  .protected-password-description-text {
    max-width: 500px;
  }

  .protected-password-text-field {
    height: 48px;
    margin-bottom: 16px;
  }

  .changelog-card {
    border-radius: 16px;
  }

  .changelog-card-single {
    padding: 20px;
  }

  .changelog-version {
    font-size: 30px;
  }

  .changelog-wrapper {
    grid-row-gap: 30px;
  }

  .chnagelog-title {
    font-size: 52px;
  }

  .changelog-card-line {
    display: none;
  }

  .style-guide-banner-title {
    font-size: 52px;
  }

  .style-guide-wrapper {
    grid-row-gap: 30px;
  }

  .style-guide-single-wrapper {
    grid-column-gap: 16px;
    padding: 24px;
  }

  .color-palette-grid {
    grid-column-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .style-guide-heading-wrapper {
    grid-row-gap: 20px;
  }

  .license-title {
    font-size: 52px;
  }

  .license-wrapper {
    grid-row-gap: 40px;
  }

  .license-header-wrapper {
    grid-column-gap: 24px;
    border-bottom-color: #fff3;
    padding-bottom: 24px;
  }

  .license-single {
    grid-column-gap: 24px;
    border-bottom-color: #fff3;
    padding-bottom: 40px;
  }

  .license-image {
    border-radius: 8px;
  }

  .license-fonts-wrapper {
    grid-row-gap: 10px;
    min-height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .license-fonts-word {
    letter-spacing: -2px;
    font-size: 82px;
  }

  .license-icon-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    max-width: 230px;
  }

  .license-icon-single {
    max-width: 60px;
    height: 60px;
  }

  .main-blog-wrapper {
    grid-row-gap: 16px;
  }

  .main-blog-top-content {
    border-radius: 15px;
    flex-flow: column;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-blog-image-wrapper {
    max-width: 100%;
  }

  .main-blog-typography {
    grid-row-gap: 16px;
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .main-blog-name {
    letter-spacing: -.2px;
    width: 100%;
    max-width: 640px;
    font-size: 36px;
  }

  .main-blog-title-wrapper {
    max-width: 700px;
  }

  .main-blog-title {
    font-size: 56px;
  }

  .blog-details-bg {
    object-fit: cover;
    min-height: auto;
  }

  .blog-details-title-wrapper {
    margin-bottom: 40px;
  }

  .blog-details-title {
    letter-spacing: -2px;
    font-size: 52px;
    line-height: 120%;
  }

  .blog-details-image-wrapper {
    border-radius: 16px;
    margin-bottom: 60px;
  }

  .blog-details-content {
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .blog-details-author-name {
    font-size: 18px;
  }

  .blog-details-author-wrapper {
    order: 1;
    max-width: 100%;
    position: static;
  }

  .blog-details-social-media-link-block {
    max-width: 45px;
    height: 45px;
  }

  .blog-details-social-media-wrapper {
    margin-top: 17px;
  }

  .blog-details-author-single {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .blog-details-author-single.author-details-wrap {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .blog-details-left-content {
    max-width: 100%;
    position: static;
  }

  .blog-details-right-content {
    max-width: 100%;
  }

  .blog-details-rich-content h2 {
    margin-bottom: 16px;
    font-size: 28px;
  }

  .blog-details-rich-content figure {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .blog-details-rich-content h3 {
    margin-top: 24px;
    margin-bottom: 16px;
  }

  .blog-details-rich-content blockquote {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 24px;
  }

  .integration-main-section-title-wrapper {
    max-width: 650px;
    margin-bottom: 40px;
  }

  .integration-main-title {
    font-size: 52px;
  }

  .integration-card-wrapper {
    margin-top: 60px;
  }

  .integration-card-collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .integration-card {
    min-height: 160px;
  }

  .integration-details-content {
    grid-row-gap: 80px;
  }

  .integration-details-logo-wrapper {
    max-width: 380px;
  }

  .integration-main-logo-wrapper {
    min-height: 160px;
  }

  .integration-favicon {
    width: 100%;
    max-width: 60px;
  }

  .integration-details-icon {
    max-width: 80px;
  }

  .integration-details-rich-text h2 {
    margin-bottom: 20px;
  }

  .integration-details-rich-text p {
    margin-bottom: 30px;
    line-height: 26px;
  }

  .integration-details-rich-text li {
    font-size: 15px;
    line-height: 25px;
  }

  .integration-button-wrapper {
    margin-top: 30px;
  }

  .contact-us-banner-content {
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .contact-us-banner-typography, .contact-us-banner-image-wrapper {
    max-width: 100%;
  }

  .contact-us-banner-description {
    line-height: 160%;
  }

  .contact-us-banner-information-text {
    font-size: 24px;
  }

  .contact-us-banner-description-wrap {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-us-banner-bottom-typography {
    grid-row-gap: 24px;
    text-align: center;
  }

  .contact-us-banner-title {
    margin-bottom: 16px;
    font-size: 48px;
  }

  .contact-us-banner-top-typography {
    text-align: center;
  }

  .contact-us-banner-information-wrapper {
    grid-column-gap: 20px;
    flex-flow: row;
    justify-content: center;
  }

  .contact-us-banner-image {
    width: 100%;
  }

  .contact-us-form-content {
    grid-row-gap: 20px;
  }

  .contact-us-title-wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .contact-us-form-textarea {
    border-radius: 12px;
    min-height: 160px;
    font-size: 16px;
  }

  .contact-us-form-text-field {
    font-size: 18px;
  }

  .contact-us-content {
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .contact-us-form-wrapper {
    max-width: 100%;
  }

  .contact-us-input-field {
    height: 48px;
    font-size: 16px;
  }

  .contact-us-form-flex {
    grid-column-gap: 16px;
  }

  .pricing-plan-details-title-wrapper {
    margin-bottom: 50px;
  }

  .pricing-plan-details-title {
    font-size: 52px;
  }

  .pricing-plan-details-wrapper {
    grid-row-gap: 50px;
    flex-flow: column;
  }

  .pricing-plan-details-typography {
    grid-row-gap: 40px;
    max-width: 100%;
  }

  .pricing-plan-details-single {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .pricing-plan-details-rich-content-wrap {
    max-width: 100%;
  }

  .pricing-plan-details-rich-text li {
    font-size: 16px;
  }

  .pricing-plan-details-card-wrapper {
    order: -1;
    max-width: 100%;
    padding: 24px;
    position: static;
  }

  .pricing-plan-details-card-title-description {
    margin-bottom: 20px;
  }

  .pricing-plan-details-text-field {
    margin-bottom: 10px;
  }

  .pricing-plan-details-select {
    height: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricing-duration-wrap {
    margin-bottom: 20px;
  }

  .pricing-quantity {
    height: 48px;
  }

  .banner-hv2-top-content {
    max-width: 360px;
  }

  .banner-hv2-robot {
    max-width: 200px;
    right: -100px;
  }

  .banner-hv2-typography {
    max-width: 740px;
  }

  .banner-hv2-title {
    letter-spacing: -2.1px;
    font-size: 58px;
  }

  .banner-hv2-description-text {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .company-section-hv2-section-title {
    font-size: 20px;
  }

  .company-logo-wrap {
    width: 160px;
    max-width: 160px;
    height: 65px;
    margin-right: 10px;
  }

  .core-values-cards {
    grid-row-gap: 24px;
    padding-bottom: 0;
  }

  .core-values-card-single {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .core-values-card {
    max-width: 100%;
  }

  .core-values-card.mt60px {
    margin-top: 0;
  }

  .work-vh {
    height: auto;
  }

  .work-sticky {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 100px;
    padding-bottom: 0;
  }

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

  .work-card {
    grid-row-gap: 100px;
    max-width: 100%;
    min-height: auto;
    padding: 20px;
  }

  .work-card.card-one {
    max-width: 100%;
    margin-top: 0;
    transform: none;
  }

  .work-card.card-two {
    margin-left: 0;
    transform: none;
  }

  .work-card.card-three {
    margin-top: 0;
    margin-left: 0;
    transform: none;
  }

  .work-card.card-four {
    margin-left: 0;
    transform: none;
  }

  .work-card-number {
    letter-spacing: -.4px;
    font-size: 24px;
  }

  .work-card-title {
    letter-spacing: -.5px;
    margin-bottom: 12px;
    font-size: 28px;
  }

  .work-card-description {
    font-size: 15px;
    line-height: 155%;
  }

  .our-business-vh {
    height: auto;
  }

  .our-business-sticky {
    padding-top: 100px;
    padding-bottom: 0;
    position: static;
  }

  .our-business-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
    display: grid;
  }

  .our-business-card {
    grid-row-gap: 16px;
    border-radius: 12px;
    flex-flow: column;
    justify-content: space-between;
    height: auto;
    min-height: auto;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    position: static;
  }

  .our-business-card.card-one {
    height: auto;
    min-height: auto;
    position: static;
  }

  .our-business-card.card-two {
    justify-content: space-between;
    position: static;
    transform: none;
  }

  .our-business-card.card-three {
    position: static;
    transform: none;
  }

  .our-business-card-title-wrapper {
    grid-column-gap: 8px;
    margin-bottom: 10px;
  }

  .our-business-card-icon {
    width: 100%;
    max-width: 28px;
  }

  .our-business-card-title {
    letter-spacing: -.4px;
    font-size: 22px;
  }

  .our-business-card-description {
    font-size: 14px;
    line-height: 155%;
  }

  .our-business-card-image.one, .our-business-card-image.two, .our-business-card-image.three {
    max-width: 100%;
    position: static;
  }

  .our-business-card-shape {
    display: none;
  }

  .work-sticky-hv1 {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 100px;
    padding-bottom: 0;
    position: static;
  }

  .work-vh-home-v1 {
    height: auto;
  }

  .work-grid {
    grid-column-gap: 10px;
  }

  .work-card-wrapper {
    grid-row-gap: 10px;
  }

  .work-card-wrapper.right {
    padding-top: 0;
  }

  .work-single-card {
    border-radius: 12px;
    padding: 16px;
  }

  .work-single-card-title-number-wrap {
    margin-bottom: 30px;
  }

  .work-single-card-title {
    letter-spacing: 0;
    font-size: 24px;
  }

  .work-single-card-line {
    display: none;
  }

  .work-single-card-number {
    letter-spacing: 0;
    font-size: 20px;
  }

  .work-single-card-description {
    font-size: 15px;
    line-height: 150%;
  }

  .testimonial-vh {
    height: auto;
  }

  .testimonial-sticky {
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .testimonial-section-title-wrapper {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-top-content {
    margin-bottom: 40px;
  }

  .testimonial-section-title {
    letter-spacing: -3px;
    font-size: 58px;
    line-height: 120%;
  }

  .testimonial-bottom-content {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .testimonial-card {
    background-image: linear-gradient(145deg, #343641fa, #0c0d0ffa 60%);
    border-radius: 12px;
    max-width: 100%;
    padding: 16px;
  }

  .testimonial-card.card-one {
    border-radius: 12px;
    flex: 0 auto;
  }

  .testimonial-card.card-two {
    height: 100%;
  }

  .testimonial-card-author-wrapper {
    margin-bottom: 35px;
    padding-bottom: 16px;
  }

  .testimonial-card-author-single {
    grid-column-gap: 10px;
  }

  .testimonial-card-author-name {
    letter-spacing: 0;
    font-size: 20px;
  }

  .testimonial-card-bio {
    letter-spacing: 0;
    font-size: 16px;
  }

  .testimonial-logo-wrapper {
    display: none;
  }

  .testimonial-card-description {
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
  }

  .ai-business-card {
    grid-row-gap: 30px;
    flex-flow: column;
    padding: 20px;
  }

  .ai-business-card-typography {
    grid-row-gap: 16px;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    padding: 0;
  }

  .ai-business-card-image-wrapper {
    max-width: 100%;
  }

  .preview-footer-typography {
    max-width: 550px;
  }

  .preview-footer-top-content {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .secondary-button {
    padding-top: 13px;
    padding-bottom: 13px;
    font-weight: 400;
  }

  .preview-footer-information-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .preview-footer-information-text {
    font-size: 16px;
  }

  .primary-button-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    font-weight: 400;
    line-height: 100%;
  }

  .surprising-features-icon-wrapper {
    max-width: 80px;
    height: 80px;
    margin-bottom: 20px;
  }

  .surprising-features-card-wrapper {
    grid-row-gap: 30px;
    border-radius: 16px;
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .surprising-features-card-content {
    grid-row-gap: 24px;
  }

  .surprising-features-image-wrapper {
    max-width: 100%;
  }

  .surprising-features-description-text {
    font-size: 15px;
    line-height: 25px;
  }

  .surprising-features-description-text.notification-bars {
    max-width: 100%;
  }

  .surprising-features-icon {
    width: 35px;
  }

  .surprising-features-single-title {
    margin-bottom: 20px;
    font-size: 34px;
  }

  .surprising-features-typography, .surprising-features-typography.email-signature, .surprising-features-typography.social-media {
    max-width: 100%;
  }

  .responsive-desktop-image {
    max-width: 500px;
  }

  .responsive-mobile-image {
    width: 100%;
    max-width: 180px;
    bottom: -20px;
  }

  .responsive-wrapper {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .preview-banner-title-description {
    margin-bottom: 24px;
  }

  .preview-banner-title {
    letter-spacing: -3px;
    font-size: 58px;
  }

  .preview-banner-description {
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

  .preview-banner-bottom-content {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .preview-banner-card-ticker {
    grid-row-gap: 20px;
  }

  .preview-single-card {
    border-radius: 12px;
    width: 250px;
    margin-right: 15px;
  }

  .preview-single-card-image {
    border-radius: 12px;
  }

  .preview-features-figma-card-icon-wrap {
    margin-bottom: 20px;
  }

  .preview-features-typography.home-card {
    max-width: 250px;
    padding-top: 0;
  }

  .preview-features-inner-pages-card {
    border-radius: 12px;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .preview-features-section-card-image {
    object-fit: cover;
    max-width: 300px;
  }

  .preview-features-figma-icon {
    max-width: 48px;
    margin-left: auto;
    margin-right: auto;
  }

  .home-page-card {
    border-radius: 12px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .preview-features-figma-card {
    border-radius: 12px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .preview-features-figma-title {
    letter-spacing: -1px;
    margin-bottom: 10px;
    font-size: 38px;
  }

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

  .preview-home-features-card-image {
    max-width: 190px;
  }

  .preview-features-section-card {
    border-radius: 12px;
    max-width: 100%;
    padding: 24px;
  }

  .preview-features-top-content {
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .preview-features-card-wrapper {
    max-width: 400px;
  }

  .preview-features-inner-pages-image.one {
    right: 240px;
  }

  .preview-features-inner-pages-image.two {
    right: 20px;
  }

  .demo-single {
    border-radius: 10px;
    padding: 16px;
  }

  .demo-single.authentication {
    padding: 16px;
  }

  .inner-demo-single-wrapper {
    max-width: 364px;
    margin-top: 16px;
    margin-left: 0;
    margin-right: 0;
  }

  .demo-name {
    letter-spacing: -.1px;
    font-size: 20px;
  }

  .home-demo-tag-wrapper {
    margin-bottom: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .inner-demo-two-wrapper {
    margin-top: 10px;
  }

  .home-demo-image-wrap {
    margin-bottom: 20px;
  }

  .home-demo-image, .demo-image {
    border-radius: 12px;
  }

  .demo-image-wrapper {
    margin-bottom: 16px;
  }

  .inner-demo-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .home-demo-grid {
    grid-column-gap: 10px;
  }

  .inner-demo-two-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .demo-wrapper {
    grid-row-gap: 80px;
  }

  .home-demo-single {
    border-radius: 12px;
    padding: 16px;
  }

  .demo-section-bg {
    background-position: 50% 0;
    background-size: contain;
  }

  .authentication-demo-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .about-bg {
    background-size: contain;
  }

  .gallery-section-title-wrapper {
    margin-bottom: 40px;
  }

  .gallery-section-title {
    max-width: 650px;
    font-size: 52px;
  }

  .gallery-content {
    width: 100%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }

  .gallery-image-wrapper {
    grid-column-gap: 10px;
    margin-bottom: 40px;
  }

  .gallery-image.left {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    max-width: 150px;
  }

  .gallery-image.middle {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    max-width: 400px;
  }

  .gallery-image.right {
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    max-width: 150px;
  }

  .gallery-description-wrapper {
    max-width: 550px;
  }

  .about-top-grid {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .global-future-card {
    border-radius: 12px;
    min-height: 190px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 14px;
  }

  .global-future-details-image-wrap {
    display: none;
  }

  .global-future-title-wrapper {
    text-align: center;
    max-width: 680px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .global-future-typography {
    border-radius: 16px;
    padding: 16px;
    position: static;
  }

  .global-future-typography-details {
    border-radius: 16px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

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

  .team-members-card {
    max-width: 100%;
    min-height: 15rem;
    padding: 10px;
  }

  .social-wrapper {
    flex-flow: row;
  }

  .social-wrapper.team-members {
    flex-flow: column;
  }

  .team-members-card-contant {
    padding-left: 0;
  }

  .team-member-shape-wrapper, .team-member-shape {
    display: none;
  }

  .member-details-name-wrapper {
    margin-bottom: 40px;
  }

  .member-details-name {
    font-size: 48px;
  }

  .member-details-content {
    grid-row-gap: 50px;
  }

  .member-single-info-wrapper {
    padding-bottom: 30px;
  }

  .member-single-info-flex {
    align-items: center;
  }

  .team-member-mini-details {
    grid-column-gap: 10px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .team-member-mini-details-title-wrap {
    flex: none;
  }

  .team-member-mini-details-rich-content-wrap {
    max-width: 100%;
  }

  .menu-button {
    background-color: #0000;
    padding: 0;
  }

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

  .footer-information-wrap-mobile-content {
    text-align: center;
    display: block;
  }

  .checkout-div-block {
    width: 100%;
    margin-right: 0;
  }

  .checkout-sticky {
    order: -1;
    width: 100%;
    position: static;
  }

  .checkout-header {
    border-radius: 10px;
    padding: 16px;
    overflow: hidden;
  }

  .checkout-title {
    font-size: 28px;
  }

  .checkout-content {
    border-radius: 10px;
    padding: 16px;
  }

  .checkout-input-field {
    border-color: #ffffff29;
    height: 42px;
  }

  .checkout-banner-title {
    font-size: 48px;
  }

  .checkout-row {
    flex-flow: column;
  }

  .license-icon {
    width: 100%;
    max-width: 24px;
  }

  .features-vh {
    height: auto;
  }

  .features-sticky {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 100px;
    padding-bottom: 0;
    position: static;
  }

  .why-choose-us-top-card {
    grid-row-gap: 16px;
    max-width: 100%;
    padding: 16px;
  }

  .why-choose-us-top-card-image, .why-choose-us-top-card-image.actionable-insights {
    position: static;
  }

  .why-choose-us-single-card {
    grid-row-gap: 20px;
    min-height: auto;
    padding: 16px;
  }

  .enterprise-grade-security-card-image {
    position: static;
  }

  .why-choose-us-bottom-card-grid {
    grid-template-columns: 1fr;
  }

  .why-choose-us-single-bottom-card-one {
    position: static;
  }

  .ai-business-card-title {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
  }

  .integration-hv2-tools-single-icon {
    width: 100%;
    max-width: 22px;
  }

  .company-logo {
    width: 100%;
    max-width: 100px;
  }

  .features-banner-typography {
    max-width: 650px;
  }

  .features-banner-title {
    font-size: 52px;
  }

  .work-sticky-video-wrapper {
    display: none;
  }

  .dropdown-grid {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    display: flex;
  }

  .dropdown-toggle {
    justify-content: flex-start;
  }

  .menu-dropdown-wrapper {
    margin-bottom: 12px;
    display: block;
  }

  .dropdown-pd {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .dropdown-column-wrapper {
    overflow: visible;
  }

  .dropdown-column-wrapper.w--open {
    width: 100%;
    transform: translate(0%);
  }

  .integration-hv2-button-wrap {
    margin-top: 20px;
  }

  .offer-v2-slider-arrow {
    background-color: #ad3a3a;
    border-color: #ad3a3a;
    width: 60px;
    height: 60px;
  }

  .offer-v2-slider-arrow.offer-right {
    right: 80px;
  }

  .single-we-offer-v2-wrap {
    position: relative;
    inset: 0%;
  }

  .single-we-offer-v2-wrap.previous, .single-we-offer-v2-wrap.next {
    display: none;
  }

  .slider.we-offer-v2 {
    width: 100%;
    height: auto;
    padding-right: 0;
  }

  .we-offer-v2-slider-mask {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .text-button {
    font-size: 15px;
  }

  .features-card-3 {
    grid-row-gap: 24px;
    border-radius: 12px;
    flex-flow: column;
    padding: 20px;
  }

  .container-2 {
    background-image: linear-gradient(#000 5%, #884fd2 38%, #000);
  }

  .container-3 {
    max-width: 728px;
  }

  .clients-image-three {
    margin-bottom: 30px;
  }

  .container-4 {
    max-width: 728px;
  }

  .clients-image-three-2 {
    margin-bottom: 30px;
  }

  .faq-accordion-link-copy {
    padding: 20px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---h: 60px;
    --_typography---h2: 38px;
    --_typography---h3: 32px;
    --_typography---h4: 28px;
    --_typography---h5: 22px;
    --_typography---h6: 20px;
    --_typography---paragraph-one: 16px;
    --_typography---paragraph-two: 16px;
    --_typography---subheading: 18px;
    --_letter-spacing---letter-spacing-4px: -4px;
    --_letter-spacing---letter-spacing-3px: -1.2px;
    --_letter-spacing---letter-spacing-1-88px: -.8px;
    --_letter-spacing---letter-spacing-4: -1.68px;
    --_letter-spacing---letter-spacing-0-56px: -.56px;
    --_letter-spacing---letter-spacing-0-48px: -.28px;
    --_letter-spacing---letter-spacing-2: -.1px;
  }

  .navbar-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .navbar-logo {
    padding-left: 0;
  }

  .primary-button {
    letter-spacing: -.1px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-weight: 400;
  }

  .primary-button.secondary {
    padding-top: 12px;
  }

  .primary-button.transfer-button {
    border-width: 1px;
  }

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

  .section.banner {
    padding-top: 140px;
    padding-bottom: 100px;
  }

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

  .section.not-found {
    padding-top: 170px;
    padding-bottom: 80px;
  }

  .section.protected-password {
    background-position: 50%;
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .section.chnagelog, .section.style-guide, .section.license, .section.blog-details {
    padding-top: 150px;
    padding-bottom: 60px;
  }

  .section.integration-details {
    padding-top: 155px;
    padding-bottom: 70px;
  }

  .section.contact-us-banner {
    padding-top: 150px;
  }

  .section.contact-us {
    background-position: 50% 0;
    background-size: contain;
    padding-bottom: 60px;
  }

  .section.pricing-plan.main {
    padding-top: 150px;
  }

  .section.pricing-plan-details {
    padding-top: 140px;
  }

  .section.banner-hv2 {
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .section.core-values {
    padding-top: 80px;
  }

  .section.responsive-section {
    padding-bottom: 90px;
  }

  .section.preview-banner {
    padding-top: 150px;
  }

  .section.gallery-section {
    padding-bottom: 80px;
  }

  .section.member-details {
    padding-top: 140px;
  }

  .section.checkout {
    padding-top: 150px;
    padding-bottom: 50px;
  }

  .section.features-banner {
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .banner-content {
    grid-row-gap: 60px;
  }

  .banner-typography {
    max-width: 450px;
  }

  .banner-subtitle-single {
    grid-column-gap: 5px;
  }

  .banner-subtitle {
    font-size: 14px;
    font-weight: 400;
  }

  .banner-title {
    letter-spacing: -1.5px;
    margin-bottom: 12px;
    font-size: 46px;
    line-height: 115%;
  }

  .banner-description {
    max-width: 400px;
    font-size: 15px;
  }

  .banner-button-wrapper {
    grid-column-gap: 10px;
  }

  .banner-image-card-wrapper {
    max-width: 300px;
  }

  .banner-card-image {
    border-radius: 12px;
  }

  .banner-card-right {
    width: 300px;
    max-width: 300px;
    right: -30px;
  }

  .banner-card-left-card {
    width: 300px;
    max-width: 300px;
    left: -30px;
  }

  .banner-card-shape {
    max-width: 290px;
    min-height: 120px;
  }

  .banner-robot-image {
    max-width: 100px;
    left: -50px;
  }

  .banner-password-image {
    max-width: 60px;
    right: -50px;
  }

  .banner-top-element {
    max-width: 70px;
    top: -30px;
    left: -30px;
  }

  .banner-bottom-element {
    max-width: 60px;
    left: -40px;
  }

  .banner-top-right-element {
    max-width: 60px;
    top: -30px;
    right: -40px;
  }

  .banner-circle {
    width: 400px;
    max-width: 400px;
  }

  .footer-content, .footer-bottom-content {
    grid-row-gap: 40px;
  }

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

  .footer-logo {
    margin-bottom: 24px;
  }

  .footer-social-media-wrapper {
    grid-column-gap: 10px;
  }

  .footer-social-media-link-block {
    max-width: 40px;
    height: 40px;
  }

  .footer-details-text {
    width: 100%;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }

  .faq-section-title-wrapper {
    width: 100%;
    max-width: 300px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .faq-grid, .faq-wrapper {
    grid-row-gap: 16px;
  }

  .faq-accordion-ans {
    font-size: 16px;
    line-height: 150%;
  }

  .faq-accordion-title-wrap {
    grid-column-gap: 10px;
    align-items: flex-start;
  }

  .faq-accordion-content-wrap {
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .faq-accordion-link {
    padding: 16px 10px;
  }

  .faq-icon-flex {
    max-width: .8rem;
    padding-top: 8px;
  }

  .cta-content {
    border-radius: 12px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cta-title {
    width: 100%;
    max-width: 400px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .cta-title-description {
    margin-bottom: 24px;
  }

  .cta-button-wrapper {
    grid-column-gap: 10px;
  }

  .section-title-wrapper {
    margin-bottom: 40px;
  }

  .section-title-wrapper.mb140px {
    margin-bottom: 45px;
  }

  .section-title-wrapper.our-business-section-title-wrap {
    max-width: 450px;
  }

  .section-title-wrapper.responsive-section-title-wrap {
    max-width: 400px;
    margin-bottom: 40px;
  }

  .section-title-wrapper.preview-features-section-title-wrap {
    max-width: 400px;
  }

  .section-title.why-choose-us {
    max-width: 420px;
  }

  .section-title.blog-section-title {
    max-width: 320px;
  }

  .section-title.pricing-section-title {
    max-width: 400px;
  }

  .section-title.integration-section-title {
    max-width: 310px;
  }

  .section-title.solutions-section-title {
    max-width: 460px;
    font-size: 32px;
    line-height: 130%;
  }

  .section-title.features-title {
    max-width: 400px;
  }

  .section-title.pricing-section-title-hv2 {
    max-width: 470px;
    font-size: 37px;
  }

  .section-title.integration-hv2-section-title {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-title.integration-hv2-section-title.mb16 {
    max-width: 420px;
  }

  .section-title.ai-business {
    max-width: 400px;
  }

  .section-title.blog-title-hv2 {
    width: 100%;
    max-width: 300px;
  }

  .section-description.why-choose-us {
    max-width: 415px;
  }

  .section-description.pricing-section-description {
    max-width: 390px;
  }

  .section-description.integration-description-text {
    max-width: 375px;
  }

  .section-description.features-description {
    max-width: 380px;
  }

  .section-description.pricing-section-description-hv2 {
    max-width: 445px;
  }

  .section-description.integration-hv2 {
    max-width: 420px;
  }

  .section-description.work-description {
    max-width: 450px;
  }

  .why-choose-us-top-content {
    grid-template-columns: 1fr;
  }

  .blog-left-card {
    border-radius: 12px;
    padding: 10px 10px 30px;
  }

  .blog-left-card-image-wrapper {
    border-radius: 12px;
    margin-bottom: 16px;
  }

  .blog-left-card-category-date {
    grid-column-gap: 5px;
    margin-bottom: 16px;
  }

  .blog-left-card-category {
    padding: 8px 12px;
  }

  .blog-left-card-name-wrapper {
    max-width: 380px;
  }

  .blog-left-card-name {
    font-weight: 500;
  }

  .blog-button-wrapper {
    max-width: 38px;
    height: 38px;
  }

  .blog-button-arrow {
    width: 100%;
    max-width: 18px;
  }

  .blog-right-card {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .blog-right-card-name {
    width: 100%;
    max-width: 380px;
    font-size: 22px;
  }

  .pricing-tabs-menu {
    grid-column-gap: 8px;
    max-width: 290px;
    padding: 6px;
  }

  .pricing-tabs-link {
    font-weight: 400;
  }

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

  .integration-tools-icon-wrapper {
    max-width: 52px;
    height: 52px;
  }

  .integration-tools-icon-wrapper.hv2 {
    max-width: 56px;
    height: 56px;
  }

  .solutions-tabs {
    grid-row-gap: 40px;
  }

  .solutions-tab-link {
    padding: 12px 10px;
  }

  .solutions-tab-menu-icon-name {
    grid-column-gap: 8px;
  }

  .solutions-tab-menu-icon {
    max-width: 32px;
  }

  .solutions-tab-menu-name {
    font-size: 22px;
  }

  .solutions-tab-menu-description {
    font-size: 14px;
  }

  .solutions-image-card-wrapper {
    padding: 24px;
  }

  .solutions-image-card-image {
    max-width: 100%;
  }

  .features-card {
    padding: 16px;
  }

  .features-card-title {
    letter-spacing: -.4px;
    font-size: 30px;
    line-height: 140%;
  }

  .features-card-description {
    max-width: 100%;
  }

  .integration-hv2-tools-wrapper {
    grid-row-gap: 5px;
  }

  .integration-hv2-tools-icon-wrap {
    max-width: 82px;
    height: 82px;
  }

  .integration-hv2-tools-icon {
    max-width: 32px;
  }

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

  .authentication-content {
    max-width: 420px;
  }

  .sign-in-single-field-wrap.flex {
    margin-bottom: 24px;
  }

  .booking-field-label {
    font-size: 16px;
  }

  .booking-field {
    height: 48px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
  }

  .sign-in-checkbox {
    width: 15px;
    height: 15px;
  }

  .sign-in-checkbox-label {
    font-size: 15px;
  }

  .sign-in-single-fields {
    grid-row-gap: 15px;
  }

  .sign-in-top-wrap {
    margin-bottom: 20px;
  }

  .authentication-card {
    border-radius: 15px;
    padding: 25px;
  }

  .authentication-logo-wrap {
    margin-bottom: 16px;
  }

  .authentication-details {
    font-size: 17px;
    line-height: 27px;
  }

  .not-found-image-wrapper {
    max-width: 280px;
  }

  .not-found-typography {
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .not-found-title-wrapper {
    margin-bottom: 25px;
  }

  .protected-password-content {
    max-width: 400px;
  }

  .protected-password-image {
    max-width: 130px;
  }

  .protected-password-title {
    margin-bottom: 15px;
    font-size: 42px;
  }

  .protected-password-description-text {
    line-height: 150%;
  }

  .changelog-single {
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .changelog-text {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 26px;
  }

  .changelog-card {
    border-radius: 10px;
  }

  .changelog-line {
    display: none;
  }

  .changelog-card-single {
    border-radius: 10px;
  }

  .changelog-version {
    margin-bottom: 15px;
    font-size: 28px;
  }

  .changelog-number-wrap {
    max-width: 42px;
    height: 42px;
  }

  .changelog-wrapper {
    grid-row-gap: 24px;
  }

  .chnagelog-title-description {
    margin-bottom: 40px;
  }

  .chnagelog-title {
    font-size: 48px;
  }

  .style-guide-banner-title-wrapper {
    margin-bottom: 40px;
  }

  .style-guide-banner-title {
    font-size: 42px;
  }

  .style-guide-single-wrapper {
    grid-row-gap: 30px;
    flex-flow: column;
    padding: 16px;
  }

  .color-palette-title-wrapper.typograyphy {
    padding-bottom: 20px;
  }

  .color-palette-grid {
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .color-palette {
    min-height: 100px;
  }

  .license-title-description {
    margin-bottom: 60px;
  }

  .license-title {
    font-size: 42px;
  }

  .license-description {
    max-width: 420px;
  }

  .license-wrapper {
    grid-row-gap: 30px;
  }

  .license-header-wrapper {
    grid-column-gap: 20px;
    padding-bottom: 20px;
  }

  .license-single {
    grid-column-gap: 20px;
    padding-bottom: 30px;
  }

  .license-fonts-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .license-fonts-word {
    letter-spacing: -1px;
    font-size: 58px;
  }

  .license-icon-wrapper {
    max-width: 200px;
  }

  .license-icon-single {
    max-width: 50px;
    height: 50px;
  }

  .main-blog-top-content {
    padding: 16px 12px;
  }

  .main-blog-image-wrapper {
    border-radius: 10px;
  }

  .main-blog-name {
    font-size: 24px;
    line-height: 130%;
  }

  .main-blog-title-wrapper {
    margin-bottom: 40px;
  }

  .main-blog-title {
    letter-spacing: -.5px;
    font-size: 38px;
  }

  .blog-details-title {
    font-size: 38px;
  }

  .blog-details-image-wrapper {
    border-radius: 12px;
    margin-bottom: 40px;
  }

  .blog-details-author-name {
    letter-spacing: -.2px;
    font-size: 16px;
  }

  .blog-details-author-image {
    width: 100%;
    max-width: 38px;
  }

  .blog-details-author-image-name {
    grid-column-gap: 10px;
  }

  .blog-details-social-media-link-block {
    max-width: 42px;
    height: 42px;
  }

  .blog-details-author-single {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .blog-details-rich-content h2 {
    font-size: 26px;
  }

  .blog-details-rich-content p {
    font-size: 15px;
  }

  .blog-details-rich-content figure {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .blog-details-rich-content h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .blog-details-rich-content blockquote {
    border-left-width: 2px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 20px;
    line-height: 30px;
  }

  .integration-main-section-title-wrapper {
    max-width: 440px;
  }

  .integration-main-title {
    font-size: 36px;
  }

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

  .integration-card {
    grid-row-gap: 20px;
    min-height: 145px;
  }

  .integration-logo {
    width: 100%;
    max-width: 140px;
  }

  .integration-details-content {
    grid-row-gap: 50px;
  }

  .integration-details-title {
    margin-bottom: 10px;
    font-size: 38px;
  }

  .integration-details-description-text {
    line-height: 150%;
  }

  .integration-details-logo-wrapper {
    max-width: 300px;
  }

  .integration-main-logo-wrapper {
    border-radius: 12px;
    min-height: 140px;
  }

  .integration-favicon {
    max-width: 50px;
  }

  .integration-details-logo {
    border-radius: 12px;
  }

  .integration-details-icon {
    max-width: 65px;
  }

  .integration-details-rich-text h2 {
    margin-bottom: 16px;
  }

  .integration-details-rich-text p {
    font-size: 15px;
    line-height: 25px;
  }

  .contact-us-banner-description {
    font-size: 14px;
  }

  .contact-us-banner-information-text {
    letter-spacing: -.2px;
    font-size: 20px;
  }

  .contact-us-banner-bottom-typography {
    grid-row-gap: 16px;
  }

  .contact-us-banner-title {
    letter-spacing: -1.2px;
    margin-bottom: 10px;
    font-size: 32px;
  }

  .contact-us-banner-title.mobile {
    font-size: 30px;
  }

  .contact-us-form-content {
    grid-row-gap: 16px;
  }

  .contact-us-title-wrapper {
    max-width: 380px;
  }

  .contact-us-form-textarea {
    min-height: 140px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .contact-us-form-text-field {
    letter-spacing: -.2px;
    font-size: 16px;
  }

  .contact-us-input-field {
    height: 46px;
    font-size: 16px;
  }

  .contact-us-form-flex {
    grid-column-gap: 10px;
  }

  .pricing-plan-details-title {
    font-size: 48px;
    line-height: 110%;
  }

  .pricing-plan-details-wrapper {
    grid-row-gap: 40px;
  }

  .pricing-plan-details-rich-text ul {
    margin-bottom: 20px;
  }

  .pricing-plan-details-rich-text li {
    font-size: 15px;
  }

  .pricing-plan-details-card-wrapper {
    padding: 20px;
  }

  .pricing-plan-details-card-title-description, .pricing-duration-wrap {
    margin-bottom: 16px;
  }

  .banner-hv2-top-content {
    max-width: 280px;
  }

  .banner-hv2-robot {
    max-width: 160px;
    right: -80px;
  }

  .banner-hv2-bottom-content {
    margin-top: -25px;
  }

  .banner-hv2-title-description {
    margin-bottom: 24px;
  }

  .banner-hv2-title {
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 130%;
  }

  .banner-hv2-description-text {
    max-width: 420px;
    font-size: 15px;
  }

  .banner-hv2-button-wrapper {
    grid-column-gap: 10px;
  }

  .company-section-hv2-section-title-wrap {
    margin-bottom: 24px;
  }

  .company-section-hv2-section-title {
    letter-spacing: -.2px;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
  }

  .company-logo-wrap {
    border-radius: 8px;
    width: 140px;
    max-width: 140px;
    height: 55px;
  }

  .core-values-cards {
    padding-bottom: 80px;
  }

  .core-values-card {
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px;
  }

  .core-values-card-image-wrapper, .core-values-card-image-wrapper.two {
    max-width: 100%;
  }

  .core-values-card-image {
    width: 100%;
  }

  .core-values-card-typography {
    max-width: 100%;
  }

  .core-values-card-number-wrap {
    max-width: 46px;
    height: 46px;
    margin-bottom: 20px;
  }

  .core-values-card-title {
    letter-spacing: -.6px;
    max-width: 100%;
    margin-bottom: 12px;
  }

  .core-values-card-title.three {
    max-width: 100%;
  }

  .core-values-card-description {
    max-width: 350px;
    line-height: 160%;
  }

  .work-sticky {
    padding-top: 80px;
  }

  .work-flex {
    grid-template-columns: 1fr;
  }

  .work-card {
    grid-row-gap: 40px;
    border-radius: 12px;
    padding: 16px;
  }

  .work-card-title {
    font-size: 24px;
  }

  .work-card-description {
    font-size: 14px;
  }

  .our-business-sticky {
    padding-top: 80px;
  }

  .our-business-content {
    grid-template-columns: 1fr;
  }

  .work-sticky-hv1 {
    padding-top: 80px;
  }

  .work-grid {
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .testimonial-section-title-wrapper {
    max-width: 480px;
  }

  .testimonial-section-title {
    letter-spacing: -2px;
    font-size: 38px;
  }

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

  .ai-business-card {
    padding: 16px;
  }

  .ai-business-card-typography {
    grid-row-gap: 10px;
  }

  .ai-business-card-image-wrapper {
    min-height: auto;
    padding: 16px;
  }

  .preview-footer-typography {
    max-width: 470px;
  }

  .preview-footer-top-content {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .secondary-button {
    padding: 12px 26px;
  }

  .preview-footer-information-wrap {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .preview-footer-information-text {
    width: 100%;
    max-width: 400px;
    font-size: 16px;
  }

  .primary-button-2 {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 16px;
  }

  .surprising-features-icon-wrapper {
    max-width: 60px;
    height: 60px;
  }

  .surprising-features-card-wrapper {
    grid-row-gap: 30px;
    border-radius: 12px;
    padding: 15px;
  }

  .surprising-features-card-content {
    grid-row-gap: 20px;
  }

  .surprising-features-image-wrapper {
    border-radius: 12px;
  }

  .surprising-features-icon {
    width: 24px;
  }

  .surprising-features-single-title {
    font-size: 30px;
  }

  .responsive-desktop-image {
    max-width: 360px;
  }

  .responsive-mobile-image {
    max-width: 120px;
  }

  .responsive-wrapper {
    max-width: 400px;
  }

  .preview-banner-content {
    grid-row-gap: 40px;
  }

  .preview-banner-title {
    letter-spacing: -2px;
    font-size: 37px;
  }

  .preview-banner-description {
    max-width: 400px;
    font-size: 15px;
  }

  .preview-banner-button-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
    flex-flow: wrap;
  }

  .preview-banner-card-ticker {
    grid-row-gap: 10px;
  }

  .preview-single-card {
    border-radius: 8px;
    width: 200px;
    margin-right: 10px;
  }

  .preview-single-card-image {
    border-radius: 8px;
  }

  .preview-features-figma-card-icon-wrap {
    text-align: center;
  }

  .preview-features-typography {
    max-width: 300px;
  }

  .preview-features-typography.home-card {
    text-align: center;
    max-width: 100%;
  }

  .preview-features-typography.multiple-inner-pages {
    text-align: center;
    max-width: 100%;
    padding-bottom: 0;
  }

  .preview-features-inner-pages-card {
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .preview-features-section-card-image {
    display: none;
  }

  .preview-features-figma-icon {
    max-width: 42px;
  }

  .home-page-card {
    grid-row-gap: 20px;
    flex-flow: column;
    padding-top: 30px;
  }

  .preview-features-figma-card {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .preview-features-figma-title {
    font-size: 32px;
    line-height: 42px;
  }

  .preview-features-figma-description {
    max-width: 100%;
    font-size: 16px;
  }

  .preview-features-card-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .preview-features-title.home-features {
    max-width: 100%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .preview-features-title.inner-pages-card {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .preview-features-description.section-card {
    max-width: 100%;
  }

  .preview-features-description.inner-pages {
    margin-left: auto;
    margin-right: auto;
  }

  .preview-features-figma-title-description {
    margin-bottom: 24px;
  }

  .preview-features-inner-pages-image.one {
    display: none;
    position: static;
  }

  .preview-features-inner-pages-image.two {
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .demo-single, .demo-single.authentication {
    padding: 10px;
  }

  .inner-demo-single-wrapper {
    max-width: 225px;
  }

  .home-demo-tag {
    letter-spacing: -.2px;
    font-size: 20px;
  }

  .demo-name {
    letter-spacing: -.2px;
    font-size: 18px;
  }

  .home-demo-tag-wrapper {
    margin-bottom: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .home-demo-image-wrap {
    margin-bottom: 15px;
  }

  .demo-image-wrapper {
    margin-bottom: 10px;
  }

  .inner-demo-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .demo-wrapper {
    grid-row-gap: 60px;
  }

  .home-demo-single {
    border-radius: 10px;
    padding: 10px;
  }

  .authentication-demo-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .gallery-section-title {
    font-size: 35px;
    line-height: 125%;
  }

  .gallery-image-wrapper {
    flex-flow: column;
  }

  .gallery-image.left {
    max-width: 80px;
    display: none;
  }

  .gallery-image.middle {
    max-width: 100%;
  }

  .gallery-image.right {
    display: none;
  }

  .gallery-description-wrapper {
    max-width: 450px;
  }

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

  .global-future-card {
    min-height: 150px;
  }

  .global-future-card-title {
    font-size: 15px;
  }

  .global-future-typography {
    padding: 12px;
  }

  .team-member-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .team-members-image-wrapper {
    padding: 8px;
  }

  .team-members-card {
    border-radius: 10px;
  }

  .team-members-card-contant {
    padding-left: 0;
  }

  .team-members-icon-wrap {
    width: 1.5rem;
    height: 1.5rem;
  }

  .team-member-bio {
    font-size: 12px;
  }

  .member-details-image-wrapper {
    max-width: 100%;
  }

  .member-details-image {
    width: 100%;
  }

  .member-details-content {
    grid-row-gap: 40px;
  }

  .member-single-info-flex {
    flex-flow: wrap;
  }

  .menu-button {
    width: 100%;
    max-width: 45px;
  }

  .license-icon {
    max-width: 20px;
  }

  .features-sticky {
    padding-top: 80px;
  }

  .why-choose-us-card-text {
    line-height: 150%;
  }

  .why-choose-us-single-card {
    max-width: 100%;
  }

  .why-choose-us-single-card.bottom {
    min-height: auto;
  }

  .ai-business-card-title {
    letter-spacing: -.2px;
    max-width: 486px;
    font-size: 32px;
  }

  .ai-business-card-description {
    font-size: 15px;
  }

  .integration-hv2-tools-single-icon {
    max-width: 20px;
  }

  .company-logo {
    max-width: 86px;
  }

  .features-banner-typography {
    max-width: 450px;
  }

  .features-banner-title {
    font-size: 36px;
  }

  .dropdown-grid {
    grid-column-gap: 5px;
    grid-template-columns: 1fr;
    justify-content: space-between;
  }

  .dropdown-pd {
    padding: 16px 10px;
  }

  .dropdown-title-wrapper {
    margin-bottom: 20px;
  }

  .dropdown-menu-text-link-text {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 20px;
  }

  .dropdown-title {
    font-size: 22px;
  }

  .integration-hv2-button-wrap {
    margin-top: 16px;
  }

  .offer-v2-slider-arrow {
    width: 50px;
    height: 50px;
  }

  .offer-v2-slider-arrow.offer-right {
    right: 0;
  }

  .template-info-wrapper {
    display: none;
  }

  .features-card-3 {
    padding: 16px;
  }

  .logos-title-small {
    padding: 60px 15px;
  }

  .clients-wrapper-three {
    margin-bottom: -30px;
  }

  .clients-image-three {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .logos-without-title {
    padding: 60px 15px;
  }

  .clients-wrapper-three-2 {
    margin-bottom: -30px;
  }

  .clients-image-three-2 {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .faq-accordion-link-copy {
    padding: 16px 10px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---h: 43px;
    --_typography---h2: 30px;
    --_typography---h3: 28px;
    --_typography---h4: 26px;
    --_typography---h5: 21px;
    --_typography---h6: 18px;
    --_typography---paragraph-one: 15px;
    --_typography---paragraph-two: 15px;
    --_typography---subheading: 17px;
    --_letter-spacing---letter-spacing-4px: -2px;
    --_letter-spacing---letter-spacing-3px: -.8px;
    --_letter-spacing---letter-spacing-1-88px: -.6px;
    --_letter-spacing---letter-spacing-4: -1.68px;
    --_letter-spacing---letter-spacing-0-56px: -.3px;
    --_letter-spacing---letter-spacing-0-48px: -.18px;
    --_letter-spacing---letter-spacing-2: -.1px;
  }

  .navbar {
    box-sizing: content-box;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    overflow: visible;
  }

  .container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .navbar-wrapper {
    padding: 5px 12px;
  }

  .navbar-logo-image {
    max-width: 100px;
  }

  .primary-button {
    padding: 13px 20px;
  }

  .primary-button.transfer-button {
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .primary-button.pricing-button {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .primary-button.pricing-button.hv2 {
    border-radius: 12px;
  }

  .primary-button.integration {
    padding: 12px 14px;
  }

  .primary-button-arrow {
    width: 100%;
    max-width: 10px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.banner {
    background-image: none;
    padding-top: 130px;
    padding-bottom: 70px;
  }

  .section.footer {
    padding-top: 20px;
  }

  .section.faq {
    padding-bottom: 50px;
  }

  .section.cta {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.sponsor-section {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: -43px;
    display: block;
  }

  .section.why-choose-us {
    margin-top: -73px;
    padding-top: 0;
  }

  .section.pricing {
    padding-bottom: 60px;
  }

  .section.solutions {
    padding-top: 20px;
  }

  .section.not-found, .section.protected-password {
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .section.chnagelog {
    padding-top: 140px;
    padding-bottom: 50px;
  }

  .section.style-guide {
    padding-top: 130px;
    padding-bottom: 40px;
  }

  .section.license {
    padding-top: 140px;
    padding-bottom: 40px;
  }

  .section.main-blog {
    padding-top: 125px;
  }

  .section.blog-details {
    padding-top: 120px;
  }

  .section.integration-details {
    padding-top: 130px;
    padding-bottom: 60px;
  }

  .section.contact-us-banner {
    padding-top: 140px;
  }

  .section.contact-us {
    padding-bottom: 40px;
  }

  .section.pricing-plan.main {
    padding-top: 140px;
  }

  .section.pricing-plan-details {
    padding-top: 130px;
  }

  .section.banner-hv2 {
    padding-bottom: 60px;
  }

  .section.core-values {
    padding-top: 60px;
  }

  .section.testimonial {
    margin-bottom: -116px;
    padding-bottom: 0;
  }

  .section.responsive-section {
    padding-bottom: 80px;
  }

  .section.preview-banner {
    padding-top: 130px;
  }

  .section.gallery-section {
    padding-top: 135px;
    padding-bottom: 60px;
  }

  .section.member-details {
    padding-top: 130px;
  }

  .section.checkout {
    padding-top: 110px;
    padding-bottom: 40px;
  }

  .section.features-banner {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .section.testimonial-hv2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 87px;
    padding-top: 60px;
    display: block;
  }

  .banner-content {
    grid-row-gap: 50px;
  }

  .banner-subtitle-single {
    margin-top: 40px;
    padding-top: 4px;
  }

  .banner-subtitle {
    font-size: 12px;
  }

  .banner-title-description {
    text-overflow: clip;
    background-color: #ffffff05;
    box-shadow: 0 2px 5px #0003;
  }

  .banner-title {
    font-size: 32px;
  }

  .banner-description {
    max-width: 300px;
    font-size: 13px;
  }

  .banner-image-card-wrapper {
    max-width: 220px;
  }

  .banner-card-image {
    border-radius: 9px;
  }

  .banner-card-right {
    width: 220px;
    max-width: 220px;
    right: -20px;
  }

  .banner-card-left-card {
    width: 220px;
    max-width: 220px;
    left: -20px;
  }

  .banner-card-shape {
    width: 200px;
    max-width: 200px;
    min-height: 90px;
  }

  .banner-robot-image {
    max-width: 70px;
    left: -41px;
  }

  .banner-password-image {
    max-width: 50px;
    right: -35px;
  }

  .banner-top-element {
    margin-top: 12px;
    margin-left: 3px;
  }

  .banner-circle {
    width: 300px;
    max-width: 300px;
  }

  .footer-logo {
    margin-bottom: 20px;
  }

  .footer-social-media-link-block {
    border-radius: 5px;
    max-width: 38px;
    height: 38px;
    font-size: 15px;
  }

  .footer-details-text {
    max-width: 300px;
  }

  .faq-section-title-wrapper {
    max-width: 280px;
    margin-bottom: 35px;
  }

  .faq-accordion-ans {
    font-size: 14px;
    line-height: 140%;
  }

  .faq-accordion-content-wrap {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .faq-accordion-link {
    padding: .75rem;
  }

  .faq-single-accordion-wrap {
    border-radius: 8px;
  }

  .faq-accordion-title {
    line-height: 140%;
  }

  .faq-icon-flex {
    width: 11px;
  }

  .cta-content {
    padding: 30px 10px;
  }

  .cta-title {
    max-width: 300px;
  }

  .cta-title-description {
    margin-bottom: 20px;
  }

  .cta-button-wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .section-title-wrapper {
    grid-row-gap: 10px;
  }

  .section-title-wrapper.mb140px {
    margin-top: -16px;
  }

  .section-title-wrapper.preview-features-section-title-wrap {
    max-width: 280px;
    margin-bottom: 35px;
  }

  .section-title {
    margin-top: 49px;
  }

  .section-title.why-choose-us {
    max-width: 300px;
    font-size: 28px;
  }

  .section-title.blog-section-title {
    max-width: 270px;
  }

  .section-title.pricing-section-title {
    max-width: 320px;
  }

  .section-title.integration-section-title {
    letter-spacing: -.1px;
    max-width: 260px;
    margin-top: 120px;
    font-size: 30px;
  }

  .section-title.solutions-section-title {
    font-size: 28px;
    line-height: 120%;
  }

  .section-title.features-title {
    max-width: 300px;
  }

  .section-title.pricing-section-title-hv2 {
    max-width: 300px;
    font-size: 25px;
  }

  .section-title.integration-hv2-section-title {
    max-width: 300px;
    font-size: 28px;
    line-height: 130%;
  }

  .section-title.blog-title-hv2 {
    max-width: 245px;
  }

  .section-title.testimonial-hv2-title {
    margin-top: 34px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .section-description {
    line-height: 155%;
  }

  .section-description.pricing-section-description {
    max-width: 380px;
    font-size: var(--gap);
  }

  .section-description.integration-description-text {
    max-width: 270px;
    font-size: var(--gap);
  }

  .section-description.solutions-description {
    line-height: 150%;
  }

  .section-description.features-description {
    max-width: 300px;
  }

  .section-description.pricing-section-description-hv2 {
    max-width: 340px;
  }

  .section-description.integration-hv2 {
    max-width: 300px;
  }

  .section-description.work-description {
    max-width: 300px;
    font-size: var(--_typography---paragraph-one);
  }

  .blog-left-card {
    padding-bottom: 20px;
  }

  .blog-left-card-category-date {
    margin-bottom: 12px;
  }

  .blog-left-card-category {
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 400;
  }

  .blog-left-card-date {
    font-size: 14px;
  }

  .blog-left-card-name-button-wrapper {
    flex-flow: column;
  }

  .blog-left-card-name {
    width: 100%;
    max-width: 300px;
    font-size: 20px;
  }

  .blog-button-wrapper {
    display: none;
  }

  .blog-right-card-name {
    max-width: 300px;
    font-size: 20px;
  }

  .pricing-tabs-menu {
    margin-bottom: 35px;
  }

  .pricing-tabs-link {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .pricing-card {
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .pricing-card.hv2-card {
    border-radius: 12px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .pricing-card-top-content {
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px;
  }

  .pricing-price-packaging-text-wrap {
    margin-bottom: 16px;
  }

  .pricing-price {
    letter-spacing: -.1px;
    font-size: 32px;
    font-weight: 500;
  }

  .pricing-price.details {
    font-size: 28px;
  }

  .pricing-features-title-wrapper {
    grid-column-gap: 5px;
    margin-bottom: 20px;
  }

  .pricing-features-list {
    grid-row-gap: 10px;
  }

  .pricing-features-list-item {
    grid-column-gap: 4px;
    padding-bottom: 10px;
  }

  .pricing-features-list-item-icon {
    max-width: 14px;
  }

  .pricing-features-list-item-text {
    font-size: 13px;
  }

  .integration-tools-icon-wrapper {
    max-width: 42px;
    height: 42px;
  }

  .solutions-tab-link {
    padding: 10px;
  }

  .solutions-tab-link.w--current {
    background-color: #8749d2;
    background-image: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .solutions-tab-menu-icon-name {
    grid-column-gap: 5px;
  }

  .solutions-tab-menu-icon {
    max-width: 24px;
  }

  .solutions-tab-menu-name {
    letter-spacing: -.2px;
    font-size: 20px;
  }

  .solutions-tab-menu-description {
    font-size: 12px;
  }

  .solutions-image-card-wrapper {
    border-radius: 12px;
    padding: 16px;
  }

  .features-wrapper {
    grid-row-gap: 20px;
  }

  .features-card {
    grid-row-gap: 20px;
    padding: 10px;
  }

  .features-card-typography {
    padding-left: 8px;
    padding-right: 8px;
  }

  .features-card-title-description {
    margin-bottom: 20px;
  }

  .features-card-title {
    letter-spacing: 0;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .features-card-description {
    font-size: 13px;
  }

  .features-card-list {
    grid-row-gap: 8px;
    font-size: 13px;
  }

  .features-card-list-item {
    grid-column-gap: 5px;
  }

  .features-card-list-item-icon {
    width: 100%;
    max-width: 18px;
  }

  .features-card-list-item-text {
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 400;
  }

  .why-choose-us-bottom-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .integration-hv2-tools-wrapper {
    margin-bottom: -113px;
    padding-bottom: 0;
  }

  .integration-hv2-tools-icon-wrap {
    max-width: 72px;
    height: 72px;
  }

  .integration-hv2-tools-icon {
    max-width: 28px;
  }

  .blog-hv2-card {
    border-radius: 12px;
    padding: 12px;
  }

  .blog-hv2-card-name {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .blog-hv2-card-author-wrapper {
    grid-column-gap: 8px;
  }

  .blog-hv2-card-author-single {
    grid-column-gap: 5px;
  }

  .blog-hv2-card-author-image-wrapper {
    max-width: 35px;
  }

  .blog-hv2-card-author-name {
    font-size: 17px;
  }

  .blog-hv2-card-author-bio {
    font-size: 13px;
  }

  .blog-hv2-card-date-wrapper {
    grid-column-gap: 2px;
  }

  .blog-hv2-card-date {
    font-size: 13px;
  }

  .hv2-card-description-text {
    font-size: 14px;
  }

  .sign-in-single-field-wrap.flex {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    margin-bottom: 20px;
  }

  .booking-field-label {
    margin-bottom: 8px;
  }

  .booking-field {
    height: 46px;
    font-size: 14px;
  }

  .authentication-logo {
    width: 100%;
    max-width: 130px;
  }

  .sign-in-checkbox {
    flex: none;
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }

  .sign-in-checkbox-label {
    line-height: 120%;
  }

  .sign-in-checkbox-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .sign-in-single-fields {
    grid-row-gap: 10px;
    margin-bottom: 15px;
  }

  .authentication-card {
    border-radius: 10px;
    padding: 20px 15px;
  }

  .authentication-logo-wrap {
    margin-bottom: 15px;
  }

  .authentication-details {
    font-size: 15px;
    line-height: 25px;
  }

  .authentication-title {
    letter-spacing: 0;
    margin-bottom: 8px;
  }

  .not-found-image-wrapper {
    max-width: 220px;
  }

  .not-found-typography {
    max-width: 290px;
  }

  .protected-password-content {
    max-width: 300px;
  }

  .protected-password-image-wrapper {
    margin-bottom: 16px;
  }

  .protected-password-image {
    max-width: 110px;
  }

  .protected-password-title {
    font-size: 36px;
  }

  .protected-password-description-text {
    font-size: 14px;
  }

  .changelog-number-text {
    font-size: 18px;
  }

  .changelog-text {
    font-size: 15px;
    line-height: 25px;
  }

  .changelog-card-single {
    padding: 15px;
  }

  .changelog-version {
    font-size: 26px;
  }

  .changelog-number-wrap {
    max-width: 38px;
    height: 38px;
    font-size: 16px;
  }

  .chnagelog-title-description {
    grid-row-gap: 10px;
  }

  .chnagelog-title {
    font-size: 34px;
  }

  .style-guide-banner-title {
    font-size: 30px;
  }

  .style-guide-single-wrapper {
    grid-row-gap: 24px;
  }

  .style-guide-number {
    letter-spacing: -.2px;
    font-size: 24px;
  }

  .style-guide-title {
    line-height: 25px;
  }

  .color-palette-grid {
    grid-row-gap: 20px;
  }

  .color-palette {
    border-radius: 8px;
    min-height: 80px;
  }

  .color-palette-code {
    font-size: 13px;
  }

  .color-palette-code-wrapper {
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .style-guide-heading-wrapper {
    grid-row-gap: 18px;
  }

  .style-guide-button-wrapper {
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .license-title-description {
    margin-bottom: 40px;
  }

  .license-title {
    margin-bottom: 10px;
    font-size: 32px;
  }

  .license-description {
    max-width: 300px;
  }

  .license-header-wrapper {
    grid-column-gap: 10px;
  }

  .license-header-right-content, .license-header-left-content {
    width: 100%;
    max-width: none;
  }

  .license-single {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .license-icon-wrapper {
    grid-column-gap: 15px;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100%;
  }

  .main-blog-top-content {
    padding: 10px;
  }

  .main-blog-name {
    letter-spacing: -.1px;
    font-size: 20px;
  }

  .main-blog-title-wrapper {
    max-width: 300px;
  }

  .main-blog-title {
    font-size: 26px;
  }

  .blog-details-title {
    letter-spacing: -1px;
    font-size: 24px;
  }

  .blog-details-image-wrapper {
    border-radius: 10px;
    margin-bottom: 30px;
  }

  .blog-details-content {
    grid-row-gap: 35px;
  }

  .blog-details-author-name {
    font-size: 15px;
  }

  .blog-details-author-title {
    letter-spacing: -.2px;
    font-size: 15px;
  }

  .blog-details-author-right-content {
    max-width: 150px;
  }

  .blog-details-author-image {
    width: 100%;
    max-width: 40px;
  }

  .blog-details-author-image-name {
    grid-column-gap: 10px;
  }

  .blog-details-social-media-link-block {
    max-width: 38px;
    height: 38px;
    font-size: 16px;
  }

  .blog-details-author-single {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .blog-details-rich-content h2 {
    font-size: 24px;
  }

  .blog-details-rich-content figure {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .blog-details-rich-content h3 {
    letter-spacing: -.2px;
    font-size: 18px;
    line-height: 28px;
  }

  .blog-details-rich-content blockquote {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
  }

  .integration-main-section-title-wrapper {
    max-width: 300px;
  }

  .integration-main-title {
    font-size: 34px;
  }

  .integration-card-wrapper {
    margin-top: 40px;
  }

  .integration-card-collection-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .integration-card {
    min-height: 120px;
  }

  .integration-logo {
    max-width: 100px;
  }

  .integration-details-title-description {
    margin-bottom: 30px;
  }

  .integration-details-title {
    font-size: 26px;
  }

  .integration-details-logo-wrapper {
    max-width: 240px;
  }

  .integration-main-logo-wrapper {
    min-height: 110px;
  }

  .integration-favicon {
    max-width: 40px;
  }

  .integration-details-icon {
    max-width: 50px;
  }

  .integration-details-arrow-wrapper {
    max-width: 36px;
    height: 36px;
  }

  .integration-details-arrow {
    width: 100%;
    max-width: 12px;
  }

  .integration-details-rich-text h2 {
    letter-spacing: -.2px;
    font-size: 26px;
    font-weight: 500;
    line-height: 36px;
  }

  .integration-details-rich-text p {
    font-size: 14px;
    line-height: 24px;
  }

  .integration-details-rich-text li {
    font-size: 13px;
    line-height: 23px;
  }

  .contact-us-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact-us-banner-content {
    grid-row-gap: 35px;
  }

  .contact-us-banner-description {
    font-size: 15px;
  }

  .contact-us-banner-information-text {
    letter-spacing: -.2px;
    font-size: 18px;
  }

  .contact-us-banner-title {
    font-size: 28px;
  }

  .contact-us-banner-title.mobile {
    font-size: 27px;
  }

  .contact-us-banner-information-wrapper {
    grid-row-gap: 8px;
    flex-flow: wrap;
  }

  .contact-us-form-content {
    grid-row-gap: 16px;
  }

  .contact-us-title-wrapper {
    max-width: 300px;
  }

  .contact-us-form-textarea {
    min-height: 120px;
    font-size: 15px;
  }

  .contact-us-form-text-field {
    font-size: 15px;
  }

  .contact-us-input-field {
    height: 42px;
    padding: 16px;
    font-size: 15px;
  }

  .contact-us-form-flex {
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .pricing-plan-details-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pricing-plan-details-title-wrapper {
    margin-bottom: 40px;
  }

  .pricing-plan-details-title {
    font-size: 38px;
  }

  .pricing-plan-details-rich-text ul {
    grid-row-gap: 10px;
    margin-bottom: 16px;
    padding-left: 20px;
  }

  .pricing-plan-details-rich-text li {
    font-size: 14px;
    line-height: 145%;
  }

  .pricing-plan-details-card-wrapper {
    padding: 14px;
  }

  .pricing-plan-details-text-field {
    font-size: 15px;
  }

  .pricing-plan-details-select-wrap {
    padding-right: 16px;
  }

  .pricing-plan-details-select {
    height: 42px;
  }

  .pricing-quantity {
    height: 42px;
    margin-bottom: 16px;
  }

  .banner-hv2-top-content {
    max-width: 205px;
  }

  .banner-hv2-robot {
    max-width: 120px;
    right: -55px;
  }

  .banner-hv2-title {
    letter-spacing: -1px;
    font-size: 24px;
  }

  .banner-hv2-description-text {
    max-width: 314px;
    font-size: 14px;
  }

  .company-section-hv2-section-title-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .company-section-hv2-section-title {
    max-width: 260px;
    font-size: 20px;
  }

  .company-logo-wrap {
    width: 120px;
    max-width: 120px;
    height: 48px;
  }

  .core-values-cards {
    grid-row-gap: 20px;
    padding-bottom: 0;
  }

  .core-values-card-single {
    grid-row-gap: 20px;
  }

  .core-values-card {
    border-radius: 10px;
    padding: 12px;
  }

  .core-values-card-number-wrap {
    max-width: 42px;
    height: 42px;
    margin-bottom: 12px;
  }

  .core-values-card-title {
    margin-bottom: 10px;
    font-size: 19px;
  }

  .work-sticky {
    padding-top: 60px;
  }

  .work-card {
    grid-row-gap: 30px;
    padding: 12px;
  }

  .work-card-title {
    font-size: 22px;
  }

  .work-card-description {
    font-size: 13px;
  }

  .our-business-sticky {
    padding-top: 20px;
  }

  .our-business-card.card-one {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .our-business-card-title-wrapper {
    grid-column-gap: 6px;
  }

  .our-business-card-icon {
    max-width: 24px;
  }

  .our-business-card-title {
    letter-spacing: -.2px;
    font-size: 18px;
  }

  .our-business-card-description {
    font-size: 14px;
  }

  .sales-card {
    max-width: 120px;
    top: 140px;
    right: 20px;
  }

  .work-sticky-hv1 {
    padding-top: 60px;
  }

  .work-single-card {
    padding: 12px;
  }

  .work-single-card-title-number-wrap {
    margin-bottom: 20px;
  }

  .work-single-card-title {
    font-size: 20px;
  }

  .work-single-card-number {
    font-size: 18px;
  }

  .work-single-card-description {
    font-size: 13px;
  }

  .testimonial-section-title-wrapper {
    max-width: 290px;
  }

  .testimonial-section-title {
    margin-top: 65px;
    font-size: 32px;
  }

  .testimonial-bottom-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonial-card {
    padding: 12px;
  }

  .testimonial-card-author-wrapper {
    margin-bottom: 30px;
  }

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

  .testimonial-card-author-name {
    font-size: 18px;
  }

  .testimonial-card-bio {
    font-size: 14px;
  }

  .testimonial-card-description {
    font-size: 15px;
    line-height: 160%;
  }

  .ai-business-card {
    border-radius: 10px;
    padding: 12px;
  }

  .ai-business-card-image-wrapper {
    border-radius: 10px;
    padding: 8px;
  }

  .preview-footer-typography {
    max-width: 329px;
  }

  .preview-footer-top-content {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .secondary-button {
    grid-column-gap: 5px;
    padding: 12px 22px;
    font-size: 15px;
  }

  .preview-footer-information-text {
    font-size: 15px;
  }

  .primary-button-2 {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 6px;
  }

  .surprising-features-icon-wrapper {
    max-width: 50px;
    height: 50px;
    margin-bottom: 15px;
  }

  .surprising-features-card-wrapper {
    padding: 12px;
  }

  .surprising-features-card-content {
    grid-row-gap: 20px;
  }

  .surprising-features-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .surprising-features-description-text, .surprising-features-description-text.notification-bars {
    font-size: 15px;
  }

  .surprising-features-icon {
    width: 18px;
  }

  .surprising-features-single-title {
    font-size: 24px;
  }

  .responsive-desktop-image {
    max-width: 250px;
  }

  .responsive-mobile-image {
    max-width: 90px;
  }

  .responsive-wrapper {
    max-width: 300px;
  }

  .preview-banner-content {
    grid-row-gap: 35px;
  }

  .preview-banner-title {
    letter-spacing: -1px;
    font-size: 36px;
  }

  .preview-banner-description {
    font-size: 14px;
  }

  .preview-single-card {
    width: 160px;
    margin-right: 10px;
  }

  .preview-features-figma-card-icon-wrap {
    max-width: 40px;
    margin-bottom: 15px;
  }

  .preview-features-inner-pages-card {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .preview-features-figma-icon {
    max-width: 28px;
  }

  .home-page-card {
    padding-top: 24px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .preview-features-figma-card {
    padding: 20px 10px;
  }

  .preview-features-figma-title {
    font-size: 28px;
    line-height: 38px;
  }

  .preview-features-figma-description {
    letter-spacing: -.1px;
    font-size: 15px;
  }

  .preview-features-bottom-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .preview-home-features-card-image {
    max-width: 120px;
  }

  .preview-features-section-card {
    padding: 16px;
  }

  .preview-features-top-content {
    grid-row-gap: 16px;
  }

  .preview-features-card-wrapper {
    max-width: 250px;
  }

  .preview-features-wrapper {
    grid-row-gap: 16px;
  }

  .preview-features-title {
    letter-spacing: -.5px;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .preview-features-title.home-features {
    margin-bottom: 10px;
  }

  .preview-features-description {
    font-size: 16px;
    line-height: 23px;
  }

  .preview-features-description.section-card, .preview-features-description.inner-pages {
    font-size: 15px;
  }

  .inner-demo-single-wrapper {
    max-width: 100%;
    margin-top: 10px;
  }

  .home-demo-tag {
    font-size: 18px;
  }

  .home-demo-tag-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .inner-demo-grid, .home-demo-grid, .inner-demo-two-grid {
    grid-template-columns: 1fr;
  }

  .demo-wrapper {
    grid-row-gap: 40px;
  }

  .authentication-demo-grid {
    grid-template-columns: 1fr;
  }

  .gallery-section-title {
    max-width: 450px;
    font-size: 30px;
  }

  .gallery-image-wrapper {
    margin-bottom: 24px;
  }

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

  .global-future-card {
    min-height: 120px;
  }

  .global-future-title-wrapper {
    margin-bottom: 30px;
  }

  .global-future-typography {
    padding: 8px;
  }

  .global-future-typography-details {
    padding: 20px 8px;
  }

  .global-future-title {
    font-size: 22px;
    line-height: 130%;
  }

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

  .team-members-card {
    min-height: 20rem;
  }

  .member-details-image-wrapper {
    border-radius: 12px;
    padding: 10px;
  }

  .member-details-name {
    font-size: 38px;
    font-weight: 500;
  }

  .member-single-info-details {
    margin-bottom: .8rem;
  }

  .member-single-info-flex {
    grid-row-gap: 14px;
  }

  .member-single-info {
    font-weight: 400;
  }

  .menu-button {
    max-width: 35px;
  }

  .checkout-header {
    padding: 12px;
  }

  .checkout-title {
    font-size: 22px;
  }

  .checkout-content {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .checkout-input-field {
    height: 38px;
  }

  .checkout-section-title-wrapper {
    margin-bottom: 40px;
  }

  .checkout-banner-title {
    font-size: 34px;
  }

  .features-sticky {
    padding-top: 10px;
  }

  .why-choose-us-top-card {
    min-height: auto;
  }

  .why-choose-us-top-card.min-hight {
    grid-column-gap: 2.8rem;
    grid-row-gap: 2.8rem;
    box-shadow: none;
  }

  .why-choose-us-card-text {
    font-size: var(--gap);
    margin-bottom: 24px;
    padding-bottom: 0;
  }

  .why-choose-us-single-card.bottom.min-with-remove {
    box-shadow: none;
    flex: 0 auto;
  }

  .ai-business-card-title {
    max-width: 290px;
    font-size: 21px;
  }

  .ai-business-card-description {
    font-size: 13px;
  }

  .company-logo {
    max-width: 85px;
  }

  .features-banner-typography {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .features-banner-title {
    font-size: 30px;
  }

  .work-sticky-video-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .dropdown-menu-text-link-text {
    font-size: 15px;
  }

  .more-temple-text-link {
    font-size: 16px;
    line-height: 26px;
  }

  .dropdown-title {
    font-size: 20px;
  }

  .offer-v2-slider-arrow {
    width: 40px;
    height: 40px;
  }

  .single-we-offer-v2-wrap.current {
    margin-top: -22px;
    padding-top: 0;
  }

  .text-button {
    font-size: 14px;
  }

  .testimonial-hv2-content {
    display: flex;
  }

  .testimonial-hv2-card.active {
    margin-top: -104px;
    padding-top: 0;
  }

  .button2 {
    box-sizing: border-box;
    text-overflow: clip;
    align-self: auto;
    margin-top: 0;
    padding: 0 20px 20px;
    font-size: 14px;
    line-height: 20px;
    display: block;
    box-shadow: 2px 2px 5px #5317eb, inset 3px 2px 5px 1px #884fd2;
  }

  .features-card-3 {
    grid-row-gap: 20px;
    padding: 10px;
  }

  .feature-card-list-lable {
    font-size: 15px;
  }

  .features-card-lower-text {
    font-size: 14px;
  }

  .container-2 {
    background-image: none;
  }

  .get-your-free-roi-report {
    font-size: 16px;
  }

  .text-block-2, .text-block-3, .text-block-4 {
    font-size: 13px;
  }

  .bold-text-6, .bold-text-7, .bold-text-8 {
    font-size: 15px;
  }

  .bold-text-9 {
    color: var(--dark--background);
    font-size: var(--_typography---h2);
    letter-spacing: var(--_letter-spacing---letter-spacing-4px);
  }

  .container-3 {
    max-width: none;
  }

  .clients-wrapper-three {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    margin-bottom: 0;
    display: grid;
  }

  .clients-image-three {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .logos-without-title {
    background-color: #f5f7fa00;
    border-bottom-width: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .container-4 {
    max-width: none;
  }

  .clients-wrapper-three-2 {
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    margin-bottom: 0;
    font-size: 14px;
    display: grid;
  }

  .clients-image-three-2 {
    width: 50px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .faq-accordion-link-copy {
    padding: .75rem;
  }
}

#w-node-_70cac1f5-628d-1e60-fa92-7cb96310a93c-6b115086 {
  grid-area: Area;
}

#w-node-_0924d844-c5c6-5132-4673-4bd283e00d61-6b115087 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start center;
}

#w-node-cccf8088-7bd8-eb02-7c27-814ba07b8623-5bdee8be, #w-node-cccf8088-7bd8-eb02-7c27-814ba07b8641-5bdee8be, #w-node-cccf8088-7bd8-eb02-7c27-814ba07b8664-5bdee8be, #w-node-_379b9d93-5ac3-dc32-4d7e-5fcb3020c16a-6b115090, #w-node-_5601f4f3-fe2e-28e8-2bfa-1498ecd6c2a6-6b115090, #w-node-_2d6c3a48-6833-f324-69e3-6e0ecf56d04d-6b115090, #w-node-b33a027f-dc93-1603-99c8-a71d30394619-6b115090, #w-node-b33a027f-dc93-1603-99c8-a71d30394646-6b115090, #w-node-b33a027f-dc93-1603-99c8-a71d30394676-6b115090, #w-node-ec21e8d9-1e57-3590-6205-f0a8581ebdcd-6b11509a, #w-node-_22b94122-740c-eba6-1b3a-dd4b8de68770-6b1150a1, #w-node-_22b94122-740c-eba6-1b3a-dd4b8de6879d-6b1150a1, #w-node-_22b94122-740c-eba6-1b3a-dd4b8de687cd-6b1150a1, #w-node-_22b94122-740c-eba6-1b3a-dd4b8de687fd-6b1150a1, #w-node-_22b94122-740c-eba6-1b3a-dd4b8de6882a-6b1150a1, #w-node-_22b94122-740c-eba6-1b3a-dd4b8de6885a-6b1150a1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4f020f55-075a-92be-0736-6dd074917d77-6b1150a3 {
  grid-area: Area;
}

@media screen and (max-width: 991px) {
  #w-node-_0924d844-c5c6-5132-4673-4bd283e00d50-6b115087, #w-node-cdac7725-4562-0ef8-dd0a-e45fb605f90a-6b1150a3 {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_88e3dd91-09d5-687a-e850-39b6db74ec0b-6b115090, #w-node-_0d2d25c1-0b14-1028-e594-effa63475f28-6b1150a3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_7856e84f-5905-dfd3-8125-b6e336e9dd12-6b115086, #w-node-_8b24771b-10fc-9324-ba62-23b5bd2180c3-bd2180bc, #w-node-fe956e4b-04d4-289c-6e48-1570f1b703cf-bd2180bc, #w-node-_0a8ee78d-299d-adf6-8731-320dd55f81a1-bd2180bc, #w-node-_542dd8c6-1600-c8ed-27ee-6cba1083f777-6b115087 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Fa Solid 900';
  src: url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Brands 400';
  src: url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}