/* Auto-generated from Gifo capture — scoped under .gifo
   Do not edit by hand; re-run landing/_build_gifo_assets.py
*/
.gifo  {
  --colors--black: #441e8b;
  --letter-spacing--letter-spacing-2: -.02em;
  --letter-spacing--letter-spacing-3: -.03em;
  --colors--purple: #7b87fe;
  --colors--linear-color-02: #594bec;
  --letter-spacing--letter-spacing-1: -.01em;
  --colors--white: white;
  --colors--linear-color-01: #887cf8;
  --_responsive---border-radius--border-radius-12px: 12px;
  --_responsive---padding--padding-100px: 100px;
  --_responsive---border-radius--border-radius-10px: 10px;
  --_responsive---margin--margin-80px: 80px;
  --_responsive---border-radius--border-radius-16px: 16px;
}
.gifo  {
  text-size-adjust: 100%;
  font-family: sans-serif;
}
.gifo  {
  margin: 0px;
}
.gifo article, .gifo aside, .gifo details, .gifo figcaption, .gifo figure, .gifo footer, .gifo header, .gifo hgroup, .gifo main, .gifo menu, .gifo nav, .gifo section, .gifo summary  {
  display: block;
}
.gifo a  {
  background-color: rgba(0, 0, 0, 0);
}
.gifo h1  {
  margin: 0.67em 0px;
  font-size: 2em;
}
.gifo img  {
  border: 0px;
}
.gifo svg:not(:root)  {
  overflow: hidden;
}
.gifo button, .gifo input, .gifo optgroup, .gifo select, .gifo textarea  {
  color: inherit;
  font: inherit;
  margin: 0px;
}
.gifo input  {
  line-height: normal;
}
.gifo [class^="w-icon-"], .gifo [class*=" w-icon-"]  {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}
.gifo *  {
  box-sizing: border-box;
}
.gifo  {
  height: 100%;
}
.gifo  {
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  min-height: 100%;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.gifo img  {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}
.gifo .w-inline-block  {
  max-width: 100%;
  display: inline-block;
}
.gifo .w-button  {
  color: rgb(255, 255, 255);
  line-height: inherit;
  cursor: pointer;
  background-color: rgb(56, 152, 236);
  border: 0px;
  border-radius: 0px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}
.gifo input.w-button  {
  appearance: button;
}
.gifo h1, .gifo h2, .gifo h3, .gifo h4, .gifo h5, .gifo h6  {
  margin-bottom: 10px;
  font-weight: bold;
}
.gifo h1  {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}
.gifo h2  {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}
.gifo h3  {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}
.gifo h4  {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}
.gifo h5  {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}
.gifo p  {
  margin-top: 0px;
  margin-bottom: 10px;
}
.gifo ul, .gifo ol  {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}
.gifo .w-list-unstyled  {
  padding-left: 0px;
  list-style: none;
}
.gifo .w-form  {
  margin: 0px 0px 15px;
}
.gifo .w-form-done  {
  text-align: center;
  background-color: rgb(221, 221, 221);
  padding: 20px;
  display: none;
}
.gifo .w-form-fail  {
  background-color: rgb(255, 222, 222);
  margin-top: 10px;
  padding: 10px;
  display: none;
}
.gifo .w-input, .gifo .w-select  {
  color: rgb(51, 51, 51);
  vertical-align: middle;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(204, 204, 204);
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}
.gifo .w-dropdown  {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}
.gifo .w-dropdown-btn, .gifo .w-dropdown-toggle, .gifo .w-dropdown-link  {
  vertical-align: top;
  color: rgb(34, 34, 34);
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}
.gifo .w-dropdown-toggle  {
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}
.gifo .w-icon-dropdown-toggle  {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
}
.gifo .w-dropdown-list  {
  background: rgb(221, 221, 221);
  min-width: 100%;
  display: none;
  position: absolute;
}
@media screen and (max-width: 767px)  {
  .gifo .w-nav-brand  {
    padding-left: 10px;
  }
}
.gifo .w-nav  {
  z-index: 1000;
  background: rgb(221, 221, 221);
  position: relative;
}
.gifo .w-nav-brand  {
  float: left;
  color: rgb(51, 51, 51);
  text-decoration: none;
  position: relative;
}
.gifo .w-nav-menu  {
  float: right;
  position: relative;
}
.gifo .w-nav-overlay  {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  overflow: hidden;
}
.gifo .w-nav-button  {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}
@media screen and (max-width: 991px)  {
  .gifo .w-nav[data-collapse="medium"] .w-nav-menu  {
    display: none;
  }
  .gifo .w-nav[data-collapse="medium"] .w-nav-button  {
    display: block;
  }
}
@media screen and (max-width: 767px)  {
  .gifo .w-nav-brand  {
    padding-left: 10px;
  }
}
.gifo .w-tabs  {
  position: relative;
}
.gifo .w-tab-menu  {
  position: relative;
}
.gifo .w-tab-link  {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: rgb(34, 34, 34);
  background-color: rgb(221, 221, 221);
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.gifo .w-tab-link.w--current  {
  background-color: rgb(200, 200, 200);
}
.gifo .w-tab-content  {
  display: block;
  position: relative;
  overflow: hidden;
}
.gifo .w-tab-pane  {
  display: none;
  position: relative;
}
.gifo .w--tab-active  {
  display: block;
}
@media screen and (max-width: 479px)  {
  .gifo .w-tab-link  {
    display: block;
  }
}
.gifo  {
  --colors--black: #441e8b;
  --letter-spacing--letter-spacing-2: -.02em;
  --letter-spacing--letter-spacing-3: -.03em;
  --colors--purple: #7b87fe;
  --colors--linear-color-01: #887cf8;
  --colors--linear-color-02: #594bec;
  --colors--white: white;
  --_responsive---padding--padding-160px: 160px;
  --_responsive---padding--padding-100px: 100px;
  --letter-spacing--letter-spacing-1: -.01em;
  --_responsive---border-radius--border-radius-12px: 12px;
  --_responsive---margin--margin-80px: 80px;
  --_responsive---border-radius--border-radius-16px: 16px;
  --_responsive---border-radius--border-radius-10px: 10px;
}
.gifo .w-commerce-commercecartwrapper  {
  display: inline-block;
  position: relative;
}
.gifo .w-commerce-commercecartopenlink  {
  color: rgb(255, 255, 255);
  cursor: pointer;
  appearance: none;
  background-color: rgb(56, 152, 236);
  border-width: 0px;
  border-radius: 0px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}
.gifo .w-commerce-commercecartopenlinkicon  {
  margin-right: 8px;
}
.gifo .w-commerce-commercecartopenlinkcount  {
  color: rgb(56, 152, 236);
  text-align: center;
  background-color: rgb(255, 255, 255);
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}
.gifo .w-commerce-commercecartcontainerwrapper  {
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  inset: 0px;
}
.gifo .w-commerce-commercecartcontainerwrapper--cartType-rightSidebar  {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}
.gifo .w-commerce-commercecartcontainer  {
  background-color: rgb(255, 255, 255);
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 25px;
}
.gifo .w-commerce-commercecartheader  {
  border-bottom: 1px solid rgb(230, 230, 230);
  flex: 0 0 auto;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}
.gifo .w-commerce-commercecartheading  {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.gifo .w-commerce-commercecartcloselink  {
  width: 16px;
  height: 16px;
}
.gifo .w-commerce-commercecartformwrapper  {
  flex-direction: column;
  flex: 1 1 0%;
  display: flex;
}
.gifo .w-commerce-commercecartform  {
  flex-direction: column;
  flex: 1 1 0%;
  justify-content: flex-start;
  display: flex;
}
.gifo .w-commerce-commercecartlist  {
  flex: 1 1 0%;
  padding: 12px 24px;
  overflow: auto;
}
.gifo .w-commerce-commercecartfooter  {
  border-top: 1px solid rgb(230, 230, 230);
  flex-direction: column;
  flex: 0 0 auto;
  padding: 16px 24px 24px;
  display: flex;
}
.gifo .w-commerce-commercecartlineitem  {
  flex: 0 0 auto;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}
.gifo .w-commerce-commercecartordervalue  {
  font-weight: 700;
}
.gifo .w-commerce-commercecartapplepaybutton  {
  color: rgb(255, 255, 255);
  cursor: pointer;
  appearance: none;
  background-color: rgb(0, 0, 0);
  border-width: 0px;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0px;
  text-decoration: none;
  display: flex;
}
.gifo .w-commerce-commercecartquickcheckoutbutton  {
  color: rgb(255, 255, 255);
  cursor: pointer;
  appearance: none;
  background-color: rgb(0, 0, 0);
  border-width: 0px;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0px 15px;
  text-decoration: none;
  display: flex;
}
.gifo .w-commerce-commercequickcheckoutgoogleicon, .gifo .w-commerce-commercequickcheckoutmicrosofticon  {
  margin-right: 8px;
  display: block;
}
.gifo .w-commerce-commercecartcheckoutbutton  {
  color: rgb(255, 255, 255);
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: rgb(56, 152, 236);
  border-width: 0px;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}
.gifo .w-commerce-commercecartemptystate  {
  flex: 1 1 0%;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}
.gifo .w-commerce-commercecarterrorstate  {
  background-color: rgb(255, 222, 222);
  flex: 0 0 auto;
  margin: 0px 24px 24px;
  padding: 10px;
}
.gifo  {
  color: rgb(51, 51, 51);
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.gifo h4  {
  color: var(--colors--black);
  letter-spacing: var(--letter-spacing--letter-spacing-2);
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.gifo p  {
  color: rgba(32, 0, 96, 0.7);
  margin-bottom: 28px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.gifo ul  {
  color: var(--colors--black);
  letter-spacing: var(--letter-spacing--letter-spacing-2);
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.gifo .subtitle  {
  color: var(--colors--black);
  letter-spacing: var(--letter-spacing--letter-spacing-3);
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.gifo .subtitle.discount  {
  color: var(--colors--purple);
}
.gifo .subtitle.testimonials-author-tagline  {
  color: rgba(68, 30, 139, 0.7);
  margin-top: 2px;
}
.gifo .subtitle.testimonials-author-tagline.white  {
  color: rgba(255, 255, 255, 0.7);
}
.gifo .subtitle.features-statistics-subtitle  {
  margin-top: 10px;
  margin-left: 15px;
}
.gifo .h2  {
  color: var(--colors--black);
  letter-spacing: var(--letter-spacing--letter-spacing-2);
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 52px;
  font-weight: 500;
  line-height: 60px;
}
.gifo .h1  {
  color: var(--colors--black);
  letter-spacing: var(--letter-spacing--letter-spacing-2);
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 62px;
  font-weight: 500;
  line-height: 70px;
}
.gifo .h3  {
  color: var(--colors--black);
  letter-spacing: var(--letter-spacing--letter-spacing-2);
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 42px;
  font-weight: 500;
  line-height: 50px;
}
.gifo .paragraph-text-01  {
  color: var(--colors--black);
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}
.gifo .paragraph-text-02  {
  color: var(--colors--black);
  margin-bottom: 0px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.gifo .paragraph-text-02.footer-subscribe-subtitle  {
  color: rgba(68, 30, 139, 0.6);
}
.gifo .paragraph-text-02.blog-card-subtitle  {
  color: rgba(68, 30, 139, 0.5);
  margin-top: 16px;
}
.gifo .paragraph-text-02.process-01-top-subtitle  {
  color: rgba(68, 30, 139, 0.7);
  margin-top: 20px;
}
.gifo .paragraph-text-02.pricing-01-timline  {
  color: rgba(6, 0, 32, 0.7);
  margin-bottom: 8px;
}
.gifo .paragraph-text-02.faq-02-subtitle  {
  padding-top: 20px;
}
.gifo .paragraph-text-02.explore-subtitle  {
  color: rgba(68, 30, 139, 0.6);
  margin-top: 10px;
}
.gifo .paragraph-text-02.error-message  {
  color: red;
  text-align: center;
  font-weight: 500;
}
.gifo .paragraph-text-02.dropdown-link  {
  text-decoration: none;
  transition: color 0.3s, transform 0.4s;
}
.gifo .paragraph-text-02.dropdown-link.w--current  {
  color: var(--colors--linear-color-02);
}
.gifo .paragraph-text-02.dropdown-title  {
  font-weight: 500;
}
.gifo .h4  {
  color: var(--colors--black);
  letter-spacing: var(--letter-spacing--letter-spacing-2);
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.gifo .container-small  {
  z-index: 1;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
.gifo .h5  {
  color: var(--colors--black);
  letter-spacing: var(--letter-spacing--letter-spacing-2);
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.gifo .button-text  {
  color: var(--colors--black);
  letter-spacing: var(--letter-spacing--letter-spacing-1);
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.gifo .button-text.primary-button-text  {
  letter-spacing: var(--letter-spacing--letter-spacing-2);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.7));
  background-clip: text;
}
.gifo .button-text.cta-button-text  {
  z-index: 1;
  color: var(--colors--white);
  letter-spacing: 0px;
  font-size: 14px;
  line-height: 24.9px;
  position: relative;
}
.gifo .button-text.read-link-text.linear  {
  background-image: linear-gradient(180deg, var(--colors--linear-color-01), var(--colors--linear-color-02));
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.gifo .button-text.process-02-tab-link-text  {
  z-index: 1;
  position: relative;
}
.gifo .primary-button  {
  background-color: var(--colors--black);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 16px 35px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}
.gifo .primary-button-text-wrap  {
  z-index: 2;
  position: relative;
}
.gifo .primary-button-bg  {
  background-image: linear-gradient(180deg, var(--colors--linear-color-01), var(--colors--linear-color-02));
  border-radius: 100px;
  position: absolute;
  inset: 0%;
}
.gifo .primary-button-shadow  {
  z-index: 1;
  border-radius: 100px;
  position: absolute;
  inset: 0%;
  box-shadow: rgba(255, 255, 255, 0.87) 0px 1.41px 3.18px inset;
}
.gifo .cta-button  {
  background-color: var(--colors--black);
  border-radius: 10px;
  padding: 10.39px 22px;
  text-decoration: none;
  transition: box-shadow 0.3s;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(68, 30, 139, 0.64) 0px 1.04px 2.08px, rgb(68, 30, 139) 0px 0px 0px 1.04px, rgba(255, 255, 255, 0.12) -1.04px 1.04px 0.26px inset, rgba(255, 255, 255, 0.12) 1.04px 1.04px 0.26px inset;
}
.gifo .read-link  {
  gap: 2px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}
.gifo .read-link-arrow  {
  transform: rotate(45deg);
}
.gifo .read-link-border  {
  background-color: var(--colors--black);
  width: 100%;
  height: 1px;
  position: relative;
}
.gifo .read-link-wrap  {
  gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.gifo .cta  {
  background-image: url("../img/gifo/682a458b010ce56887e3babd_9de874d21dfaa185260d680fc16bc571_Cta-Cloud.avif");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 134px;
  padding-bottom: 164px;
  position: relative;
  overflow: hidden;
}
.gifo .cta-wrap  {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 697px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.gifo .section-badge-wrap  {
  z-index: 1;
  gap: 8px;
  background-color: var(--colors--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 3.33px 14.82px 3.33px 3.71px;
  display: flex;
  position: relative;
}
.gifo .section-badge-wrap:where(.w-variant-3573ff69-3d02-1ecf-d136-5f0e51be81c6), .gifo .section-badge-wrap.base-3  {
  padding-top: 3px;
  padding-bottom: 3px;
}
.gifo .section-badge  {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 0.82px;
  display: flex;
  position: relative;
  box-shadow: rgba(93, 72, 236, 0.04) 2.88px 25.11px 19.72px;
}
.gifo .section-badge-outline  {
  opacity: 0.14;
  background-image: linear-gradient(rgba(77, 0, 255, 0.34), rgb(46, 0, 153));
  border-radius: 100px;
  position: absolute;
  inset: 0%;
}
.gifo .section-badge-icon-wrap  {
  border-radius: 100px;
  width: 50.63px;
  padding: 0.82px;
  position: relative;
  box-shadow: rgba(97, 83, 238, 0.1) 0px 4.12px 6.26px;
}
.gifo .section-badge-icon-wrap:where(.w-variant-3573ff69-3d02-1ecf-d136-5f0e51be81c6), .gifo .section-badge-icon-wrap.base-4, .gifo .section-badge-icon-wrap.base-13  {
  width: 33px;
}
.gifo .section-badge-icon-wrap.short  {
  width: 33px;
  height: 24px;
}
.gifo .section-badge-icon-box  {
  z-index: 1;
  background-color: var(--colors--white);
  background-image: linear-gradient(rgba(196, 68, 222, 0), rgba(89, 75, 236, 0.17));
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 33px;
  display: flex;
}
.gifo .section-badge-icon-box.short  {
  width: 33px;
  height: 24px;
  padding: 0px;
}
.gifo .section-badge-icon  {
  z-index: 2;
  filter: drop-shadow(rgba(97, 83, 238, 0.31) 0px 4.53px 7px);
  width: auto;
  height: auto;
}
.gifo .section-badge-icon:where(.w-variant-3573ff69-3d02-1ecf-d136-5f0e51be81c6), .gifo .section-badge-icon.base-6, .gifo .section-badge-icon.base-15  {
  width: 11px;
}
.gifo .heading-wrap  {
  width: 697px;
  max-width: 100%;
}
.gifo .heading-wrap.center  {
  margin-left: auto;
  margin-right: auto;
}
.gifo .text-center  {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.gifo .subtitle-wrap  {
  width: 600px;
  max-width: 100%;
  margin-top: 20px;
}
.gifo .subtitle-wrap.center  {
  margin-left: auto;
  margin-right: auto;
}
.gifo .cta-text-wrap  {
  width: 100%;
  margin-top: 20px;
}
.gifo .cta-form-wrap  {
  width: 472px;
  max-width: 100%;
  margin-top: 40px;
}
.gifo .subscribe-form-block  {
  margin-bottom: 0px;
}
.gifo .subscribe-form-group  {
  gap: 8px;
  justify-content: center;
  display: flex;
}
.gifo .subscribe-form-group.form-group-02  {
  gap: 0px;
}
.gifo .subscribe-input-field  {
  border: 1px solid var(--colors--white);
  background-color: var(--colors--white);
  color: var(--colors--black);
  border-radius: 100px;
  height: 57px;
  margin-bottom: 0px;
  padding-left: 25px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.gifo .subscribe-input-field.input-02  {
  border-color: rgba(77, 0, 255, 0.14);
  height: 50px;
}
.gifo .subscribe-submit-button  {
  background-image: linear-gradient(180deg, var(--colors--linear-color-01), var(--colors--linear-color-02));
  color: var(--colors--white);
  letter-spacing: var(--letter-spacing--letter-spacing-1);
  border-radius: 100px;
  height: 57px;
  padding-left: 34px;
  padding-right: 34px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color 0.3s;
  box-shadow: rgba(255, 255, 255, 0.87) 0px 1.41px 3.18px inset;
}
.gifo .subscribe-submit-button.btn-02  {
  background-color: var(--colors--purple);
  height: 50px;
  padding-left: 30px;
  padding-right: 30px;
}
.gifo .success-message  {
  border-radius: var(--_responsive---border-radius--border-radius-12px);
  background-color: var(--colors--black);
  width: 100%;
}
.gifo .text-white  {
  color: var(--colors--white);
}
.gifo .cta-button-bg  {
  background-image: linear-gradient(180deg, var(--colors--linear-color-01), var(--colors--linear-color-02));
  opacity: 0;
  width: 120%;
  height: 120%;
  margin-top: -5px;
  margin-left: -10px;
  position: absolute;
  inset: 0%;
}
.gifo .read-link-text-wrap  {
  height: 24px;
  overflow: hidden;
}
.gifo .read-link-border-highlight  {
  background-image: linear-gradient(180deg, var(--colors--linear-color-01), var(--colors--linear-color-02));
  position: absolute;
  inset: 0%;
}
.gifo .read-link-arrow-wrap  {
  border-radius: 10px;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.gifo .read-link-arrow-box  {
  justify-content: flex-end;
  align-items: flex-start;
  display: inline-flex;
  transform: rotate(-45deg);
}
.gifo .footer  {
  background-image: linear-gradient(rgb(255, 255, 255) 60%, rgba(145, 209, 249, 0.15));
  padding-top: 87px;
  padding-bottom: 40px;
}
.gifo .footer-top-wrap  {
  gap: 32px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.gifo .footer-left  {
  width: 405px;
  max-width: 100%;
}
.gifo .footer-right  {
  width: 527px;
  max-width: 100%;
}
.gifo .footer-right.footer-link-right  {
  width: auto;
}
.gifo .footer-menu-wrap  {
  gap: 32px;
  justify-content: space-between;
  display: flex;
}
.gifo .footer-menu-list  {
  gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
  display: flex;
}
.gifo .footer-menu  {
  text-decoration: none;
}
.gifo .footer-menu.paragraph-text-02  {
  transition: color 0.3s;
}
.gifo .footer-menu.paragraph-text-02:hover, .gifo .footer-menu.paragraph-text-02.w--current  {
  color: var(--colors--linear-color-02);
}
.gifo .footer-center-wrap  {
  gap: 32px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 100px;
  display: flex;
}
.gifo .footer-subscribe-text-wrap  {
  gap: 14px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.gifo .footer-subscribe-form-wrap  {
  width: 384px;
  max-width: 100%;
  margin-left: auto;
}
.gifo .footer-bottom-wrap  {
  gap: 40px;
  border-top: 1px solid rgba(183, 183, 214, 0.3);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 95px;
  padding-top: 25px;
  display: flex;
}
.gifo .footer-link-wrap  {
  gap: 24px;
  justify-content: flex-end;
  display: flex;
}
.gifo .footer-link  {
  width: 24px;
  height: 24px;
  transition: opacity 0.3s;
}
.gifo .footer-link-icon  {
  width: 100%;
}
.gifo .copyright-link  {
  color: var(--colors--black);
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s;
}
.gifo .hero-subtitle-wrap  {
  width: 583px;
  max-width: 100%;
  margin-top: 24px;
}
.gifo .hero-subtitle-wrap.center  {
  margin-left: auto;
  margin-right: auto;
}
.gifo .blog-link  {
  width: 100%;
  text-decoration: none;
}
.gifo .blog-image-wrap  {
  border-radius: var(--_responsive---border-radius--border-radius-12px);
  width: 100%;
  height: 218px;
  overflow: hidden;
}
.gifo .fit-cover  {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.gifo .blog-details-wrap  {
  margin-top: 20px;
}
.gifo .blog-link-wrap  {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 5px;
  display: flex;
}
.gifo .hero-03-form-wrap  {
  width: 476px;
  max-width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
.gifo .section-header-content  {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 701px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.gifo .section-header-content.why-us-content  {
  max-width: 503px;
}
.gifo .section-header-content.pricing-content  {
  max-width: 588px;
}
.gifo .section-header-content.features-content  {
  max-width: 657px;
}
.gifo .section-header-content.integration-content  {
  max-width: 450px;
}
.gifo .number-text-wrap  {
  gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}
.gifo .statistics-number-wrap  {
  height: 50px;
  display: flex;
  overflow: hidden;
}
.gifo .statistics-number-wrap.features  {
  height: 60px;
}
.gifo .statistics-number-box.upper  {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.gifo .statistics-number-box.lower  {
  flex-flow: column;
  display: flex;
}
.gifo .container-large  {
  z-index: 1;
  max-width: 1184px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
.gifo .container-large.integration-container  {
  max-width: 1432px;
}
.gifo .card-icon-box  {
  border-radius: 100px;
  width: 64px;
  height: 64px;
  padding: 0.82px;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(97, 83, 238, 0.1) 0px 4.12px 6.26px;
}
.gifo .card-icon-box.process-02-icon  {
  z-index: 1;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
}
.gifo .card-icon-outline  {
  background-image: linear-gradient(rgba(77, 0, 255, 0), rgba(46, 0, 153, 0.14));
  position: absolute;
  inset: 0%;
}
.gifo .card-icon-inner  {
  z-index: 1;
  background-color: var(--colors--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.gifo .card-icon  {
  z-index: 1;
  position: relative;
}
.gifo .card-icon-inner-bg  {
  opacity: 0.17;
  background-image: linear-gradient(rgba(196, 68, 222, 0), rgba(89, 75, 236, 0.6));
  border-radius: 100px;
  position: absolute;
  inset: 0%;
}
.gifo .hero-02-text-wrap  {
  width: 100%;
  margin-top: 20px;
}
.gifo .card-icon-wrap  {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.gifo .process-icon-02  {
  opacity: 0;
  position: absolute;
}
.gifo .process-01-top-badge  {
  border-radius: 100px;
  padding: 0.82px;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(93, 72, 236, 0.04) 2.88px 25.11px 19.72px;
}
.gifo .outline  {
  opacity: 0.14;
  background-image: linear-gradient(rgba(77, 0, 255, 0.34), rgb(46, 0, 153));
  position: absolute;
  inset: 0%;
}
.gifo .process-01-top-badge-inner  {
  z-index: 1;
  background-color: var(--colors--white);
  border-radius: 100px;
  padding: 8px 22px;
  position: relative;
}
.gifo .pricing-02  {
  padding-top: var(--_responsive---padding--padding-100px);
  padding-bottom: var(--_responsive---padding--padding-100px);
}
.gifo .pricing-text-wrap  {
  gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}
.gifo .pricing-02-main-wrap  {
  margin-top: 40px;
}
.gifo .pricing-tabs  {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.gifo .pricing-tabs-menu  {
  border-radius: var(--_responsive---border-radius--border-radius-12px);
  background-color: var(--colors--white);
  border: 2px solid rgba(235, 237, 255, 0.6);
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
  overflow: hidden;
}
.gifo .pricing-tab-link  {
  gap: 10px;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding: 8px 22px;
  display: flex;
}
.gifo .pricing-tab-link.w--current  {
  background-color: var(--colors--purple);
}
.gifo .pricing-tab-link-text  {
  color: var(--colors--black);
  letter-spacing: var(--letter-spacing--letter-spacing-1);
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.gifo .pricing-tabs-content  {
  width: 100%;
  margin-top: 40px;
}
.gifo .pricing-tabs-content-wrap  {
  gap: 32px;
  justify-content: center;
  display: flex;
}
.gifo .pricing-plan  {
  flex: 1 1 0%;
}
.gifo .plan-crad  {
  border-radius: var(--_responsive---border-radius--border-radius-10px);
  backdrop-filter: blur(32px);
  background-color: rgb(248, 247, 255);
  height: 100%;
  padding: 4px;
  overflow: hidden;
}
.gifo .plan-crad-content  {
  border-radius: var(--_responsive---border-radius--border-radius-10px);
  background-color: var(--colors--white);
  width: 100%;
  height: 100%;
}
.gifo .plan-crad-top-wrap  {
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
}
.gifo .plan-crad-top-content  {
  border-radius: var(--_responsive---border-radius--border-radius-10px);
  background-image: url("https://cdn.prod.website-files.com/6828ea881872740b3f4a766c/682da1907d1e927627bac0f9_Plan%20Bg.avif");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 32px;
  position: relative;
}
.gifo .plan-crad-top-content.linear-color  {
  background-image: linear-gradient(rgba(235, 246, 255, 0), rgb(235, 246, 255));
  background-position: 0px 0px;
}
.gifo .plan-crad-badge  {
  margin-top: 20px;
  margin-right: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}
.gifo .plan-price-wrap  {
  gap: 4px;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 32px;
  display: flex;
}
.gifo .plan-button-wrap  {
  margin-top: 25px;
}
.gifo .plan-crad-bottom-wrap  {
  gap: 15px 32px;
  flex-flow: wrap;
  justify-content: flex-start;
  padding: 40px 32px 32px;
  display: flex;
}
.gifo .plan-features-wrap  {
  gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.gifo .plan-features-list  {
  gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.gifo .pricing-list-wrapper, .gifo .pricing-list, .gifo .pricing-item  {
  height: 100%;
}
.gifo .faq-02  {
  padding-top: var(--_responsive---padding--padding-100px);
  padding-bottom: var(--_responsive---padding--padding-100px);
  background-image: url("../img/gifo/682dea0ca9db60ce45c39bed_Faq-Bg.avif");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: cover;
}
.gifo .faq-02-wrap  {
  max-width: 947px;
  margin-left: auto;
  margin-right: auto;
}
.gifo .faq-02-main-wrap  {
  margin-top: var(--_responsive---margin--margin-80px);
  gap: 24px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}
.gifo .faq-02-item  {
  border: 3px solid var(--colors--white);
  border-radius: var(--_responsive---border-radius--border-radius-12px);
  cursor: pointer;
  padding: 34px 30px;
  overflow: hidden;
}
.gifo .faq-02-item-content  {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}
.gifo .faq-02-content-left  {
  gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.gifo .faq-02-icon  {
  flex: 0 0 auto;
  margin-top: 3px;
}
.gifo .faq-02-arrow-box  {
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: relative;
}
.gifo .faq-02-horizontal-line  {
  background-color: var(--colors--black);
  border-radius: 20px;
  width: 100%;
  height: 2px;
}
.gifo .faq-02-vertical-line  {
  background-color: var(--colors--black);
  border-radius: 20px;
  width: 2px;
  height: 100%;
  position: absolute;
}
.gifo .faq-02-text-wrap  {
  width: 90%;
}
.gifo .faq-02-subtitle-wrap  {
  overflow: hidden;
}
.gifo .testimonials  {
  padding-top: var(--_responsive---padding--padding-100px);
  padding-bottom: var(--_responsive---padding--padding-100px);
}
.gifo .testimonials-main-wrap  {
  margin-top: var(--_responsive---margin--margin-80px);
  gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.gifo .testimonials-card  {
  border-radius: var(--_responsive---border-radius--border-radius-12px);
  background-color: var(--colors--white);
  border: 2px solid rgba(235, 237, 255, 0.6);
  padding: 32px;
  position: relative;
  overflow: hidden;
}
.gifo .testimonials-card.color  {
  border-color: var(--colors--black);
  background-color: var(--colors--black);
}
.gifo .testimonials-card-content  {
  z-index: 1;
  gap: 18px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.gifo .testimonials-content-top  {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.gifo .testimonials-content-bottom  {
  gap: 14px;
  flex-flow: column;
  display: flex;
}
.gifo .testimonials-author-wrap  {
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.gifo .testimonials-author-image  {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
}
.gifo .testimonials-card-linear  {
  background-image: linear-gradient(rgba(235, 246, 255, 0.7), rgb(251, 252, 255) 25%, rgb(255, 255, 255));
  position: absolute;
  inset: 0%;
}
.gifo .hero-01  {
  background-image: url("../img/gifo/682f029607a5c49fc7bea352_Hero-01-Bg.avif");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: cover;
}
.gifo .hero-01-wrap  {
  padding-top: 115px;
}
.gifo .hero-01-header-wrap  {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 697px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.gifo .hero-01-dashboard-wrap  {
  border-top: 1.41px solid var(--colors--white);
  border-right: 1.41px solid var(--colors--white);
  border-left: 1.41px solid var(--colors--white);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  width: 100%;
  margin-top: 56px;
  padding-top: 50px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(92, 34, 104, 0.19) 0px 51.48px 113.72px, rgba(92, 34, 104, 0.17) 0px 206.68px 206.68px;
}
.gifo .hero-01-dashboard-image-wrap  {
  z-index: 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: relative;
  overflow: hidden;
}
.gifo .hero-01-dashboard  {
  width: 100%;
}
.gifo .hero-01-dashboard-linear  {
  background-image: linear-gradient(69deg, var(--colors--white), #ffffff4d 47%, var(--colors--white));
  opacity: 0.36;
  backdrop-filter: blur(27.43px);
  position: absolute;
  inset: 0%;
}
.gifo .process-02  {
  padding-top: var(--_responsive---padding--padding-100px);
  padding-bottom: var(--_responsive---padding--padding-100px);
}
.gifo .process-02-main-wrap  {
  margin-top: 40px;
}
.gifo .process-02-tab  {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.gifo .process-02-tabs-menu  {
  gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}
.gifo .process-02-tab-link  {
  background-color: rgba(221, 221, 221, 0);
  border-radius: 100px;
  padding: 0.82px;
  position: relative;
  overflow: hidden;
}
.gifo .process-02-tab-link.w--current  {
  background-color: rgba(255, 255, 255, 0);
}
.gifo .process-02-tab-link-inner  {
  z-index: 1;
  gap: 8px;
  background-color: var(--colors--white);
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  padding: 5.11px 16.44px 5.11px 5.11px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.gifo .process-02-link-inner-bg  {
  opacity: 0;
  background-image: linear-gradient(rgba(196, 68, 222, 0), rgba(89, 75, 236, 0.17));
  position: absolute;
  inset: 0%;
}
.gifo .process-02-tab-content  {
  width: 100%;
  max-width: 940px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}
.gifo .process-02-tab-content-wrap  {
  gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.gifo .process-02-tab-content-left  {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 413px;
  max-width: 100%;
  display: flex;
}
.gifo .process-02-button-wrap  {
  margin-top: 30px;
}
.gifo .process-02-text-wrap  {
  width: 100%;
  margin-top: 20px;
}
.gifo .process-02-heading-wrap  {
  max-width: 357px;
}
.gifo .process-02-tab-content-right  {
  border-radius: var(--_responsive---border-radius--border-radius-12px);
  backdrop-filter: blur(25.96px);
  background-color: rgba(235, 237, 255, 0.6);
  width: 443px;
  height: 395px;
  padding: 3.25px;
  overflow: hidden;
}
.gifo .process-02-right-content  {
  border: 1.62px solid var(--colors--white);
  border-radius: var(--_responsive---border-radius--border-radius-10px);
  background-image: url("../img/gifo/682f0e4c4ee9e7987f606b8a_Process-02-Bg.avif");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: rgba(176, 184, 210, 0.24) 0px 9.74px 64.91px -8.11px;
}
.gifo .process-02-image-wrap-01  {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  display: flex;
}
.gifo .process-02-image-01  {
  width: 391px;
}
.gifo .process-02-image-wrap-02  {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 48px 36px;
  display: flex;
}
.gifo .blog-02  {
  padding-top: var(--_responsive---padding--padding-100px);
  padding-bottom: var(--_responsive---padding--padding-100px);
}
.gifo .blog-02-main-wrap  {
  margin-top: var(--_responsive---margin--margin-80px);
  gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.gifo .explore-card  {
  gap: 32px;
  border-radius: var(--_responsive---border-radius--border-radius-16px);
  background-color: rgb(235, 246, 255);
  flex-flow: column;
  justify-content: space-between;
  padding: 40px 30px 24px;
  display: flex;
}
.gifo .explore-top-content  {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.gifo .explore-button-wrap  {
  margin-top: 26px;
}
.gifo .features-01  {
  padding-top: var(--_responsive---padding--padding-100px);
  padding-bottom: var(--_responsive---padding--padding-100px);
}
.gifo .features-01-main-wrap  {
  margin-top: var(--_responsive---margin--margin-80px);
  gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 0.8fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.gifo .features-card-01  {
  gap: 48px;
  border-radius: var(--_responsive---border-radius--border-radius-12px);
  background-color: var(--colors--white);
  backdrop-filter: blur(32px);
  border: 4px solid rgba(235, 237, 255, 0.6);
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
  box-shadow: rgba(176, 184, 210, 0.24) 0px 12px 80px;
}
.gifo .features-card-01-top-wrap  {
  padding-top: 40px;
  padding-left: 32px;
  padding-right: 32px;
}
.gifo .features-card-01-text-wrap  {
  gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 32px;
  display: flex;
}
.gifo .features-card-01-bottom-wrap  {
  border-radius: var(--_responsive---border-radius--border-radius-12px);
  align-items: flex-end;
  padding-left: 32px;
  padding-right: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.gifo .features-01-image  {
  width: 100%;
}
.gifo .features-card-shadow  {
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
  width: 100%;
  height: 207px;
  position: absolute;
  inset: auto 0% 0%;
}
.gifo .features-card-02  {
  border-radius: var(--_responsive---border-radius--border-radius-12px);
  background-color: rgba(235, 237, 255, 0.6);
  padding: 4px;
  overflow: hidden;
  box-shadow: rgba(176, 184, 210, 0.24) 0px 12px 80px;
}
.gifo .features-card-02-content  {
  gap: 32px;
  border: 2px solid var(--colors--white);
  border-radius: var(--_responsive---border-radius--border-radius-10px);
  background-color: var(--colors--white);
  backdrop-filter: blur(40.55px);
  background-image: linear-gradient(rgba(235, 246, 255, 0.7), rgb(251, 252, 255) 25%, rgb(255, 255, 255));
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.gifo .features-card-02-top-wrap  {
  padding-top: 60px;
  padding-left: 55px;
  padding-right: 46px;
}
.gifo .features-card-02-text-wrap  {
  gap: 14px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 54px;
  display: flex;
}
.gifo .features-card-02-bottom-wrap  {
  gap: 90px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 32px;
  padding-left: 44px;
  padding-right: 44px;
  display: flex;
}
.gifo .features-card-02-button-wrap  {
  justify-content: flex-start;
  align-items: center;
  margin-top: 32px;
  display: flex;
}
.gifo .place-order-button  {
  background-color: var(--colors--linear-color-02);
  color: var(--colors--white);
  border-radius: 100px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color 0.3s;
}
.gifo .features-02  {
  padding-top: var(--_responsive---padding--padding-100px);
  padding-bottom: var(--_responsive---padding--padding-100px);
  background-image: url("../img/gifo/6830d5b440b966d23f265b23_Features-Bg.avif");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: cover;
}
.gifo .features-02-main-wrap  {
  margin-top: var(--_responsive---margin--margin-80px);
  gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}
.gifo .features-02-card-01  {
  border-radius: var(--_responsive---border-radius--border-radius-12px);
  backdrop-filter: blur(40.55px);
  background-color: rgba(255, 255, 255, 0.6);
  padding: 4px;
  overflow: hidden;
  box-shadow: rgba(176, 184, 210, 0.24) 0px 12px 80px -10px;
}
.gifo .features-02-card-content  {
  gap: 40px;
  border: 2px solid var(--colors--white);
  border-radius: var(--_responsive---border-radius--border-radius-10px);
  background-color: var(--colors--white);
  background-image: linear-gradient(rgb(235, 246, 255), rgb(251, 252, 255) 50%, rgb(255, 255, 255));
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.gifo .features-02-card-content.card-03  {
  gap: 24px;
  background-image: none;
}
.gifo .features-02-content-top  {
  gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 36px;
  padding-left: 28px;
  padding-right: 28px;
  display: flex;
}
.gifo .features-02-content-top.card-03  {
  padding-top: 28px;
}
.gifo .features-02-text-wrap  {
  gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.gifo .features-02-image-wrap  {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}
.gifo .features-02-image-wrap.card-02  {
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 30px;
  padding-left: 40px;
  display: flex;
  position: relative;
}
.gifo .features-02-image-wrap.card-03  {
  padding-bottom: 12px;
  padding-left: 28px;
}
.gifo .features-02-integration-image  {
  width: 100%;
}
.gifo .features-02-widget-image  {
  width: 65%;
}
.gifo .features-02-progress-image  {
  width: 45%;
  position: absolute;
  inset: -10px 32px auto auto;
}
.gifo .nav-link  {
  color: var(--colors--black);
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
  display: flex;
}
.gifo .button-04  {
  gap: 6px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}
.gifo .paragraph-text-08  {
  color: rgb(31, 31, 31);
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}
.gifo .paragraph-text-08.button-04-text  {
  line-height: 28px;
}
.gifo .button-02-arrow-group  {
  justify-content: flex-end;
  align-items: flex-start;
  width: 24px;
  height: 24px;
  display: inline-flex;
  overflow: hidden;
  transform: rotate(-45deg);
}
.gifo .nav-menu  {
  gap: 32px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  display: flex;
}
.gifo .dropdown-page-link-list  {
  gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 14px;
  display: flex;
}
.gifo .dropdown-page-link-list.single  {
  margin-top: 0px;
}
.gifo .navbar-wrapper  {
  gap: 10px;
  background-color: var(--colors--white);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 20px;
  display: flex;
}
.gifo .mobile-margin-top-10  {
  display: none;
}
.gifo .nav-dropdown-list-wrap  {
  background-color: rgb(255, 255, 255);
  border-radius: 12px;
}
.gifo .nav-dropdown-list-wrap.shadow-three.mobile-shadow-hide  {
  background-color: rgba(255, 255, 255, 0);
}
.gifo .button-02-arrow  {
  transform: rotate(45deg);
}
.gifo .nav-dropdown-list-body  {
  border-radius: var(--_responsive---border-radius--border-radius-12px);
  background-color: var(--colors--white);
  justify-content: space-between;
  width: 550px;
  max-width: 100%;
  padding: 20px 24px;
  display: flex;
  box-shadow: rgba(176, 184, 210, 0.24) 0px 10px 50px -10px;
}
.gifo .nav-dropdown-list-body.single  {
  width: 150px;
}
.gifo .navbar-container  {
  z-index: 5;
  border-radius: var(--_responsive---border-radius--border-radius-10px);
  background-color: rgba(255, 255, 255, 0.6);
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
}
.gifo .nav-dropdown-list.center  {
  border-left: 1px solid rgb(211, 211, 211);
  border-right: 1px solid rgb(211, 211, 211);
  flex: 1 1 0%;
  padding-left: 32px;
  padding-right: 40px;
}
.gifo .nav-dropdown-list.right  {
  flex: 1 1 0%;
  padding-left: 24px;
}
.gifo .nav-dropdown-list.left  {
  flex: 1 1 0%;
  padding-right: 20px;
}
.gifo .nav-item  {
  margin-bottom: 0px;
}
.gifo .navbar-right  {
  gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.gifo .navbar  {
  padding-top: 18px;
  padding-left: 10px;
  padding-right: 10px;
}
.gifo .nav-dropdown-toggle  {
  color: rgb(122, 123, 136);
  padding: 0px 18px 0px 0px;
  font-size: 16px;
  line-height: 30px;
}
.gifo .nav-dropdown-icon  {
  color: var(--colors--black);
  margin-right: 0px;
  font-size: 14px;
}
.gifo .button-04-text-wrap  {
  height: 28px;
  overflow: hidden;
}
.gifo .nav-link-text  {
  color: var(--colors--black);
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  transition: color 0.3s;
}
.gifo .cart-button  {
  background-color: rgba(56, 152, 236, 0);
  padding: 4px 5px;
  position: relative;
}
.gifo .icon  {
  color: var(--colors--black);
}
.gifo .cart-quantity  {
  background-color: var(--colors--black);
  color: var(--colors--white);
  font-family: "Inter Tight", Arial, sans-serif;
  position: absolute;
  inset: -4px -3px auto auto;
}
.gifo .cart-list  {
  padding-left: 20px;
  padding-right: 20px;
}
.gifo .error-state  {
  background-color: rgba(255, 222, 222, 0);
  padding: 0px;
}
.gifo .secondary-button  {
  background-image: linear-gradient(180deg, var(--colors--linear-color-01), var(--colors--linear-color-02));
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 18px 35px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}
.gifo .secondary-button-bg  {
  background-color: var(--colors--black);
  border-radius: 100px;
  position: absolute;
  inset: 0%;
}
.gifo .secondary-button-text-wrap  {
  z-index: 2;
  position: relative;
}
.gifo .brands  {
  padding-top: 80px;
  padding-bottom: 20px;
  overflow: hidden;
}
.gifo .brands-main-wrap  {
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}
.gifo .brands-list-wrap  {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.gifo .brands-list  {
  flex: 0 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.gifo .brands-logo  {
  flex: 0 0 auto;
  margin-right: 10px;
}
.gifo .brands-shadow-left  {
  background-image: linear-gradient(90deg, var(--colors--white) 5%, #fff0);
  width: 275px;
  max-width: 100%;
  height: 110%;
  position: absolute;
  inset: -5% auto 0% -1%;
}
.gifo .brands-shadow-right  {
  background-image: linear-gradient(90deg, #fff0, var(--colors--white) 95%);
  width: 275px;
  max-width: 100%;
  height: 110%;
  position: absolute;
  inset: -5% -1% 0% auto;
}
.gifo .integration-03  {
  padding-top: var(--_responsive---padding--padding-100px);
  padding-bottom: var(--_responsive---padding--padding-100px);
}
.gifo .integration-03-main-wrap  {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 24px;
  display: flex;
  position: relative;
}
.gifo .integration-03-image  {
  width: 100%;
}
.gifo .integration-03-content-wrap  {
  gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 346px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  bottom: 32px;
}
.gifo .website-figma-image  {
  margin-left: -9px;
}
.gifo .template-button  {
  gap: 6px;
  background-color: rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 36px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(0, 40, 54, 0.05) 0px 2.618px 6.544px, rgba(255, 255, 255, 0.55) 0px 1.309px inset, rgba(147, 50, 255, 0.1) 0px 1.175px 1.828px, rgba(147, 50, 255, 0.15) 0px 3.947px 6.139px, rgba(147, 50, 255, 0.15) 0px 17.669px 27.484px;
}
.gifo .paragraph  {
  color: rgb(212, 212, 212);
  font-size: 16px;
}
.gifo .website-banner-wrapper  {
  z-index: 1000;
  gap: 6px;
  backdrop-filter: blur(12px);
  background-color: rgb(25, 25, 25);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 238px;
  padding: 12px 8px 8px;
  display: flex;
  position: fixed;
  inset: auto 20px 20px auto;
}
.gifo .website-icon-wrap  {
  justify-content: center;
  align-items: center;
  padding-left: 9px;
  display: flex;
}
.gifo .website-button-json  {
  z-index: -1;
  position: absolute;
  inset: 0%;
}
.gifo .loack-icon  {
  max-width: 20px;
}
.gifo .customize-text  {
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 500;
}
.gifo .customize-button  {
  background-color: rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 36px;
  margin-top: 10px;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out;
  display: flex;
}
@media screen and (min-width: 1280px)  {
  .gifo .website-figma-image  {
    margin-left: -9px;
  }
  .gifo .website-icon-wrap  {
    padding-left: 9px;
  }
  .gifo .customize-button  {
    transition: background-color 0.3s ease-in-out;
  }
}
@media screen and (max-width: 991px)  {
  .gifo  {
    --_responsive---padding--padding-160px: 100px;
    --_responsive---padding--padding-100px: 80px;
    --_responsive---border-radius--border-radius-12px: 12px;
    --_responsive---margin--margin-80px: 60px;
    --_responsive---border-radius--border-radius-16px: 16px;
    --_responsive---border-radius--border-radius-10px: 10px;
  }
  .gifo h4  {
    margin-bottom: 16px;
  }
  .gifo .h1  {
    font-size: 56px;
    line-height: 64px;
  }
  .gifo .h3.process-02-heading  {
    font-size: 32px;
    line-height: 40px;
  }
  .gifo .paragraph-text-02.process-01-top-subtitle  {
    margin-top: 16px;
  }
  .gifo .paragraph-text-02.faq-02-subtitle  {
    padding-top: 16px;
  }
  .gifo .paragraph-text-02.explore-subtitle  {
    margin-top: 8px;
  }
  .gifo .h4.faq-02-question  {
    font-size: 22px;
    line-height: 30px;
  }
  .gifo .primary-button  {
    padding: 14px 28px;
  }
  .gifo .read-link-wrap  {
    gap: 18px;
  }
  .gifo .cta  {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .gifo .section-badge-icon-box  {
    padding: 6px;
  }
  .gifo .footer  {
    padding-top: 80px;
    padding-bottom: 36px;
  }
  .gifo .footer-center-wrap  {
    margin-top: 60px;
  }
  .gifo .footer-bottom-wrap  {
    margin-top: 52px;
  }
  .gifo .hero-03-form-wrap  {
    margin-top: 36px;
  }
  .gifo .card-icon-box  {
    width: 52px;
    height: 52px;
  }
  .gifo .card-icon  {
    width: 22px;
  }
  .gifo .pricing-tabs-content-wrap  {
    gap: 24px;
    display: flex;
  }
  .gifo .plan-crad-top-content  {
    padding: 24px;
  }
  .gifo .plan-crad-badge  {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0px;
    margin-bottom: 16px;
    margin-right: 0px;
    display: flex;
    position: static;
  }
  .gifo .plan-price-wrap  {
    margin-top: 24px;
  }
  .gifo .plan-crad-bottom-wrap  {
    padding: 28px;
  }
  .gifo .faq-02-main-wrap  {
    gap: 20px;
  }
  .gifo .faq-02-item  {
    padding: 24px;
  }
  .gifo .faq-02-icon  {
    width: 22px;
    height: 22px;
  }
  .gifo .testimonials-main-wrap  {
    gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
  .gifo .testimonials-card-content  {
    gap: 28px;
  }
  .gifo .changelog-wrap, .gifo .hero-01-wrap  {
    padding-top: 80px;
  }
  .gifo .hero-01-dashboard-wrap  {
    margin-top: 40px;
    padding-top: 32px;
  }
  .gifo .process-02-tabs-menu  {
    gap: 12px;
  }
  .gifo .process-02-tab-content  {
    margin-top: 48px;
  }
  .gifo .process-02-tab-content-left  {
    width: 50%;
  }
  .gifo .process-02-button-wrap  {
    margin-top: 24px;
  }
  .gifo .process-02-text-wrap  {
    margin-top: 16px;
  }
  .gifo .process-02-heading-wrap  {
    max-width: 100%;
  }
  .gifo .process-02-tab-content-right  {
    width: 50%;
    height: 380px;
  }
  .gifo .blog-02-main-wrap  {
    grid-template-columns: 1fr 1fr;
  }
  .gifo .explore-card  {
    gap: 28px;
    border-radius: var(--_responsive---border-radius--border-radius-12px);
    padding-top: 30px;
  }
  .gifo .note-icon  {
    width: 32px;
  }
  .gifo .explore-bottom-content  {
    gap: 20px;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
  }
  .gifo .explore-card-text-wrap  {
    width: 50%;
  }
  .gifo .features-01-main-wrap  {
    grid-template-columns: 1fr;
  }
  .gifo .features-card-01  {
    gap: 40px;
  }
  .gifo .features-card-01-bottom-wrap  {
    justify-content: center;
    align-items: flex-end;
  }
  .gifo .features-01-image  {
    width: 70%;
  }
  .gifo .features-card-shadow  {
    height: 120px;
  }
  .gifo .features-card-02-top-wrap  {
    padding-top: 40px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .gifo .features-card-02-text-wrap  {
    margin-top: 40px;
  }
  .gifo .features-card-02-bottom-wrap  {
    gap: 60px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .gifo .features-card-02-button-wrap  {
    margin-top: 28px;
  }
  .gifo .features-02-main-wrap  {
    gap: 16px;
  }
  .gifo .features-02-card-01  {
    padding: 2px;
  }
  .gifo .features-02-card-content  {
    gap: 20px;
    border-width: 1px;
  }
  .gifo .features-02-content-top  {
    gap: 24px;
    padding-top: 28px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .gifo .features-02-image-wrap  {
    justify-content: center;
    align-items: flex-end;
  }
  .gifo .features-02-image-wrap.card-02  {
    padding-bottom: 20px;
    padding-left: 24px;
  }
  .gifo .features-02-integration-image.tools  {
    width: 70%;
  }
  .gifo .features-02-widget-image  {
    width: 60%;
  }
  .gifo .features-02-progress-image  {
    width: 40%;
    right: 10px;
  }
  .gifo .nav-menu  {
    gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
  .gifo .menu-button  {
    width: 32px;
    height: 32px;
    padding: 2px;
  }
  .gifo .nav-dropdown-list-body  {
    width: 100%;
  }
  .gifo .nav-dropdown-list.center, .gifo .nav-dropdown-list.right, .gifo .nav-dropdown-list.left  {
    flex: 0 1 auto;
  }
  .gifo .nav-menu-wrapper  {
    border-radius: var(--_responsive---border-radius--border-radius-10px);
    background-color: rgb(255, 255, 255);
    padding: 30px 24px;
  }
  .gifo .nav-dropdown  {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
  .gifo .navbar-right  {
    gap: 16px;
  }
  .gifo .nav-dropdown-toggle  {
    padding-right: 20px;
  }
  .gifo .nav-dropdown-icon  {
    margin-right: 2px;
  }
  .gifo .nav-button-wrapper  {
    width: 100%;
    margin-left: 0px;
    display: none;
  }
  .gifo .cart-button  {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .gifo .cart-quantity  {
    top: -5px;
    right: -4px;
  }
  .gifo .hamburger-menu  {
    width: 100%;
    height: 100%;
  }
  .gifo .secondary-button  {
    padding: 16px 28px;
  }
  .gifo .brands  {
    padding-top: 72px;
  }
  .gifo .brands-shadow-left, .gifo .brands-shadow-right  {
    width: 200px;
  }
  .gifo .integration-03-main-wrap  {
    margin-top: 32px;
  }
  .gifo .integration-03-content-wrap  {
    position: static;
  }
}
@media screen and (max-width: 767px)  {
  .gifo  {
    --_responsive---padding--padding-160px: 80px;
    --_responsive---padding--padding-100px: 60px;
    --_responsive---border-radius--border-radius-12px: 12px;
    --_responsive---margin--margin-80px: 48px;
    --_responsive---border-radius--border-radius-16px: 14px;
    --_responsive---border-radius--border-radius-10px: 10px;
  }
  .gifo h4  {
    margin-top: 32px;
    margin-bottom: 14px;
    font-size: 22px;
    line-height: 30px;
  }
  .gifo p  {
    margin-bottom: 24px;
  }
  .gifo ul  {
    font-size: 18px;
    line-height: 28px;
  }
  .gifo .subtitle.features-statistics-subtitle  {
    margin-top: 8px;
    margin-left: 0px;
  }
  .gifo .h2  {
    font-size: 48px;
    line-height: 56px;
  }
  .gifo .h1  {
    font-size: 52px;
    line-height: 60px;
  }
  .gifo .h3  {
    font-size: 40px;
    line-height: 48px;
  }
  .gifo .paragraph-text-01.testimonials-text  {
    font-size: 18px;
    line-height: 28px;
  }
  .gifo .paragraph-text-02.copyright-text  {
    text-align: center;
  }
  .gifo .paragraph-text-02.blog-card-subtitle, .gifo .paragraph-text-02.why-us-subtitle, .gifo .paragraph-text-02.integration-01-subtitle, .gifo .paragraph-text-02.process-01-top-subtitle, .gifo .paragraph-text-02.pricing-01-subtitle, .gifo .paragraph-text-02.integration-subtitle, .gifo .paragraph-text-02.features-03-subtitle, .gifo .paragraph-text-02.software-02-subtitle, .gifo .paragraph-text-02.mission-subtitle  {
    margin-top: 10px;
  }
  .gifo .h4  {
    font-size: 22px;
    line-height: 30px;
  }
  .gifo .h4.faq-02-question  {
    font-size: 20px;
    line-height: 28px;
  }
  .gifo .primary-button  {
    padding: 12px 24px;
  }
  .gifo .primary-button-shadow  {
    box-shadow: rgba(255, 255, 255, 0.8) 0px 1.41px 3.18px inset;
  }
  .gifo .read-link-wrap  {
    gap: 16px;
  }
  .gifo .cta  {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .gifo .section-badge-wrap  {
    padding: 3px 10px 3px 3px;
  }
  .gifo .section-badge-icon-wrap  {
    width: 40px;
  }
  .gifo .section-badge-icon-wrap:where(.w-variant-3573ff69-3d02-1ecf-d136-5f0e51be81c6), .gifo .section-badge-icon-wrap.base-4, .gifo .section-badge-icon-wrap.base-13  {
    width: 28px;
  }
  .gifo .section-badge-icon-box  {
    padding: 5px;
  }
  .gifo .section-badge-icon  {
    width: 15px;
  }
  .gifo .section-badge-icon:where(.w-variant-3573ff69-3d02-1ecf-d136-5f0e51be81c6), .gifo .section-badge-icon.base-6, .gifo .section-badge-icon.base-15  {
    width: 10px;
  }
  .gifo .cta-text-wrap  {
    margin-top: 16px;
  }
  .gifo .cta-form-wrap  {
    width: 85%;
    margin-top: 32px;
  }
  .gifo .subscribe-form-group  {
    gap: 6px;
  }
  .gifo .subscribe-input-field  {
    height: 52px;
  }
  .gifo .subscribe-submit-button  {
    height: 52px;
    padding-left: 28px;
    padding-right: 28px;
  }
  .gifo .success-message  {
    border-radius: 12px;
    padding: 18px;
  }
  .gifo .footer  {
    padding-top: 72px;
    padding-bottom: 32px;
  }
  .gifo .footer-top-wrap  {
    gap: 28px;
  }
  .gifo .footer-brand  {
    width: 95px;
  }
  .gifo .footer-left.copyright  {
    margin-left: auto;
    margin-right: auto;
  }
  .gifo .footer-right.footer-link-right  {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }
  .gifo .footer-menu-wrap  {
    gap: 20px;
  }
  .gifo .footer-menu-list  {
    gap: 14px;
    margin-top: 20px;
  }
  .gifo .footer-center-wrap  {
    gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 40px;
  }
  .gifo .footer-subscribe-text-wrap  {
    gap: 10px;
  }
  .gifo .footer-subscribe-form-wrap  {
    margin-left: 0px;
  }
  .gifo .footer-bottom-wrap  {
    gap: 24px;
    justify-content: space-between;
    align-items: center;
    margin-top: 48px;
  }
  .gifo .footer-link-wrap  {
    gap: 20px;
  }
  .gifo .hero-subtitle-wrap  {
    margin-top: 20px;
  }
  .gifo .blog-details-wrap  {
    margin-top: 18px;
  }
  .gifo .hero-03-form-wrap  {
    width: 100%;
    margin-top: 32px;
  }
  .gifo .statistics-number-wrap  {
    height: 48px;
  }
  .gifo .statistics-number-wrap.features  {
    height: 56px;
  }
  .gifo .process-01-top-badge-inner  {
    padding: 6px 20px;
  }
  .gifo .pricing-tabs-content-wrap  {
    flex-flow: column;
  }
  .gifo .plan-crad  {
    padding: 3px;
  }
  .gifo .plan-price-wrap  {
    margin-top: 20px;
  }
  .gifo .plan-button-wrap  {
    margin-top: 20px;
  }
  .gifo .plan-crad-bottom-wrap  {
    gap: 10px;
    flex-flow: column;
    padding: 24px;
  }
  .gifo .plan-features-wrap  {
    gap: 12px;
  }
  .gifo .faq-02-item  {
    border-width: 2px;
    padding: 20px;
  }
  .gifo .faq-02-icon  {
    display: none;
  }
  .gifo .faq-02-arrow-box  {
    width: 15px;
    height: 15px;
  }
  .gifo .testimonials-main-wrap  {
    gap: 16px;
    grid-template-columns: 1fr;
  }
  .gifo .testimonials-card  {
    padding: 24px;
  }
  .gifo .testimonials-card.color, .gifo .testimonials-card.card-hide  {
    display: none;
  }
  .gifo .testimonials-card-content  {
    gap: 20px;
  }
  .gifo .testimonials-logo  {
    width: 120px;
  }
  .gifo .changelog-wrap, .gifo .hero-01-wrap  {
    padding-top: 72px;
  }
  .gifo .hero-01-dashboard-wrap  {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-top: 24px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .gifo .hero-01-dashboard-image-wrap  {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .gifo .process-02-tabs-menu  {
    gap: 10px;
  }
  .gifo .process-02-tab-link-inner  {
    padding: 5px 15px 5px 5px;
  }
  .gifo .process-02-tab-content  {
    margin-top: 40px;
  }
  .gifo .process-02-tab-content-wrap  {
    flex-flow: column-reverse wrap;
    align-items: center;
  }
  .gifo .process-02-tab-content-left  {
    width: 100%;
  }
  .gifo .process-02-text-wrap  {
    margin-top: 16px;
  }
  .gifo .process-02-tab-content-right  {
    width: 85%;
    height: auto;
    padding: 3px;
  }
  .gifo .process-02-image-wrap-01  {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .gifo .process-02-image-wrap-02  {
    padding: 32px;
  }
  .gifo .blog-02-main-wrap  {
    grid-template-columns: 1fr;
  }
  .gifo .explore-card  {
    gap: 24px;
    padding: 24px;
  }
  .gifo .explore-bottom-content  {
    gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .gifo .explore-button-wrap  {
    margin-top: 20px;
  }
  .gifo .explore-card-text-wrap  {
    width: 100%;
  }
  .gifo .features-card-01  {
    border-width: 3px;
  }
  .gifo .features-card-01-top-wrap  {
    padding-top: 32px;
    padding-left: 28px;
    padding-right: 28px;
  }
  .gifo .features-card-01-text-wrap  {
    margin-top: 28px;
  }
  .gifo .features-01-image  {
    width: 80%;
  }
  .gifo .features-card-02  {
    padding: 3px;
  }
  .gifo .features-card-02-top-wrap  {
    padding-top: 32px;
    padding-left: 28px;
    padding-right: 28px;
  }
  .gifo .features-card-02-logo  {
    width: 130px;
  }
  .gifo .features-card-02-text-wrap  {
    gap: 10px;
    margin-top: 28px;
  }
  .gifo .features-card-02-bottom-wrap  {
    gap: 20px;
    flex-flow: wrap;
    justify-content: space-between;
    padding-left: 28px;
    padding-right: 28px;
  }
  .gifo .place-order-button  {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .gifo .features-02-card-content  {
    gap: 24px;
  }
  .gifo .features-02-card-content.card-03  {
    gap: 20px;
  }
  .gifo .features-02-text-wrap  {
    gap: 10px;
  }
  .gifo .features-02-image-wrap.card-03  {
    padding-left: 24px;
  }
  .gifo .features-02-progress-image  {
    width: 50%;
    top: 10px;
  }
  .gifo .button-04  {
    padding: 6px 6px 6px 22px;
  }
  .gifo .button-02-arrow-group  {
    width: 22px;
    height: 22px;
  }
  .gifo .nav-menu  {
    gap: 14px;
  }
  .gifo .dropdown-page-link-list  {
    gap: 10px;
  }
  .gifo .navbar-wrapper  {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .gifo .mobile-margin-top-10  {
    margin-top: 10px;
  }
  .gifo .nav-dropdown-list-wrap.shadow-three  {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 50px;
  }
  .gifo .nav-dropdown-list-wrap.shadow-three.mobile-shadow-hide  {
    box-shadow: none;
  }
  .gifo .nav-dropdown-list-body  {
    width: 100%;
    padding: 16px 20px;
  }
  .gifo .nav-dropdown-list-body.single  {
    width: 150px;
    padding: 16px;
  }
  .gifo .navbar-container  {
    padding: 3px;
  }
  .gifo .nav-dropdown-list.center  {
    padding-left: 20px;
    padding-right: 20px;
  }
  .gifo .nav-dropdown-list.right  {
    padding-left: 16px;
  }
  .gifo .nav-dropdown-list.left  {
    padding-right: 16px;
  }
  .gifo .navbar-brand  {
    padding-left: 0px;
  }
  .gifo .nav-menu-wrapper  {
    padding-left: 20px;
    padding-right: 20px;
  }
  .gifo .navbar-right  {
    gap: 12px;
  }
  .gifo .navbar  {
    padding-top: 16px;
  }
  .gifo .nav-dropdown-icon  {
    font-size: 12px;
  }
  .gifo .cart-quantity  {
    font-size: 10px;
    line-height: 16px;
  }
  .gifo .secondary-button  {
    padding: 14px 24px;
  }
  .gifo .brands  {
    padding-top: 60px;
  }
  .gifo .brands-logo  {
    height: 60px;
    margin-right: 8px;
  }
  .gifo .brands-shadow-left, .gifo .brands-shadow-right  {
    width: 120px;
  }
  .gifo .integration-03-main-wrap  {
    margin-top: 28px;
  }
  .gifo .integration-03-content-wrap  {
    gap: 16px;
    margin-top: 10px;
  }
  .gifo .website-figma-image  {
    max-width: 24px;
  }
  .gifo .paragraph  {
    font-size: 12px;
  }
  .gifo .website-banner-wrapper  {
    gap: 4px;
    border-radius: 12px;
    max-width: 170px;
    bottom: 10px;
    right: 10px;
  }
  .gifo .website-button-json  {
    min-width: 230px;
    left: -10px;
  }
  .gifo .loack-icon  {
    display: none;
  }
  .gifo .customize-text  {
    font-size: 12px;
  }
  .gifo .customize-button  {
    margin-top: 4px;
  }
}
@media screen and (max-width: 479px)  {
  .gifo  {
    --_responsive---padding--padding-160px: 72px;
    --_responsive---padding--padding-100px: 40px;
    --_responsive---border-radius--border-radius-12px: 10px;
    --_responsive---margin--margin-80px: 40px;
    --_responsive---border-radius--border-radius-16px: 12px;
    --_responsive---border-radius--border-radius-10px: 8px;
  }
  .gifo h4  {
    margin-top: 28px;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 28px;
  }
  .gifo p  {
    margin-bottom: 20px;
  }
  .gifo ul  {
    font-size: 16px;
    line-height: 24px;
  }
  .gifo .subtitle.badge-title  {
    font-size: 14px;
    line-height: 22px;
  }
  .gifo .subtitle.features-statistics-subtitle  {
    margin-top: 6px;
  }
  .gifo .h2  {
    font-size: 36px;
    line-height: 44px;
  }
  .gifo .h1  {
    font-size: 42px;
    line-height: 50px;
  }
  .gifo .h3  {
    font-size: 32px;
    line-height: 40px;
  }
  .gifo .h3.process-01-heading, .gifo .h3.process-02-heading  {
    font-size: 24px;
    line-height: 32px;
  }
  .gifo .paragraph-text-01  {
    font-size: 18px;
    line-height: 28px;
  }
  .gifo .paragraph-text-02.copyright-text  {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
  }
  .gifo .paragraph-text-02.process-01-top-subtitle, .gifo .paragraph-text-02.pricing-01-subtitle, .gifo .paragraph-text-02.integration-subtitle  {
    margin-top: 8px;
  }
  .gifo .paragraph-text-02.faq-02-subtitle  {
    padding-top: 14px;
  }
  .gifo .paragraph-text-02.explore-subtitle  {
    margin-top: 6px;
  }
  .gifo .paragraph-text-02.dropdown-link, .gifo .paragraph-text-02.dropdown-title  {
    font-size: 14px;
    line-height: 22px;
  }
  .gifo .h4  {
    font-size: 20px;
    line-height: 28px;
  }
  .gifo .h4.faq-02-question  {
    font-size: 18px;
    line-height: 26px;
  }
  .gifo .container-small  {
    padding-left: 16px;
    padding-right: 16px;
  }
  .gifo .h5  {
    font-size: 18px;
    line-height: 28px;
  }
  .gifo .button-text.process-02-tab-link-text  {
    font-size: 14px;
    line-height: 22px;
  }
  .gifo .primary-button  {
    padding: 10px 22px;
  }
  .gifo .primary-button-shadow  {
    box-shadow: rgba(255, 255, 255, 0.75) 0px 1.41px 3.18px inset;
  }
  .gifo .read-link-wrap  {
    gap: 14px;
  }
  .gifo .cta  {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .gifo .section-badge-wrap  {
    padding-right: 10px;
  }
  .gifo .section-badge-wrap.base-3  {
    padding-top: 1.5px;
    padding-bottom: 1.5px;
  }
  .gifo .section-badge-outline  {
    width: 100%;
    inset: 0%;
  }
  .gifo .section-badge-icon-wrap  {
    width: auto;
  }
  .gifo .section-badge-icon-wrap:where(.w-variant-3573ff69-3d02-1ecf-d136-5f0e51be81c6), .gifo .section-badge-icon-wrap.base-4, .gifo .section-badge-icon-wrap.base-13  {
    width: 24px;
  }
  .gifo .section-badge-icon-box  {
    padding: 4px;
  }
  .gifo .section-badge-icon  {
    width: auto;
  }
  .gifo .section-badge-icon:where(.w-variant-3573ff69-3d02-1ecf-d136-5f0e51be81c6), .gifo .section-badge-icon.base-6, .gifo .section-badge-icon.base-15  {
    width: 8px;
  }
  .gifo .subtitle-wrap  {
    margin-top: 16px;
  }
  .gifo .cta-text-wrap  {
    margin-top: 12px;
  }
  .gifo .cta-form-wrap  {
    width: 95%;
    margin-top: 28px;
  }
  .gifo .subscribe-form-group  {
    gap: 4px;
  }
  .gifo .subscribe-input-field  {
    padding-left: 16px;
  }
  .gifo .subscribe-submit-button, .gifo .subscribe-submit-button.btn-02  {
    padding-left: 20px;
    padding-right: 20px;
  }
  .gifo .success-message  {
    border-radius: 10px;
    padding: 16px;
  }
  .gifo .footer  {
    padding-top: 64px;
    padding-bottom: 24px;
  }
  .gifo .footer-top-wrap  {
    gap: 24px;
  }
  .gifo .footer-brand  {
    width: 90px;
  }
  .gifo .footer-left  {
    width: 100%;
  }
  .gifo .footer-menu-wrap  {
    gap: 24px;
    flex-flow: column;
  }
  .gifo .footer-menu-list  {
    gap: 12px;
    margin-top: 16px;
  }
  .gifo .footer-center-wrap  {
    gap: 20px;
    margin-top: 32px;
  }
  .gifo .footer-bottom-wrap  {
    gap: 16px;
    flex-flow: column;
    margin-top: 40px;
    padding-top: 24px;
  }
  .gifo .footer-link  {
    width: 20px;
  }
  .gifo .hero-subtitle-wrap, .gifo .hero-subtitle-wrap.center.integration-subtitle  {
    margin-top: 14px;
  }
  .gifo .blog-details-wrap  {
    margin-top: 16px;
  }
  .gifo .hero-03-form-wrap  {
    margin-top: 28px;
  }
  .gifo .number-text-wrap  {
    gap: 16px;
    margin-top: 16px;
  }
  .gifo .statistics-number-wrap  {
    height: 40px;
  }
  .gifo .statistics-number-wrap.features  {
    height: 44px;
  }
  .gifo .container-large  {
    padding-left: 16px;
    padding-right: 16px;
  }
  .gifo .card-icon-box  {
    width: 48px;
    height: 48px;
  }
  .gifo .card-icon-box.process-01-icon, .gifo .card-icon-box.process-02-icon  {
    width: 28px;
    height: 28px;
  }
  .gifo .card-icon  {
    width: 20px;
  }
  .gifo .hero-02-text-wrap  {
    margin-top: 16px;
  }
  .gifo .process-01-top-badge-inner  {
    padding: 5px 16px;
  }
  .gifo .pricing-text-wrap  {
    gap: 16px;
    margin-top: 16px;
  }
  .gifo .pricing-tabs-content  {
    margin-top: 28px;
  }
  .gifo .pricing-tabs-content-wrap  {
    gap: 20px;
  }
  .gifo .plan-crad-top-content  {
    padding: 20px 16px;
  }
  .gifo .plan-crad-badge  {
    margin-bottom: 12px;
  }
  .gifo .plan-price-wrap  {
    margin-top: 14px;
  }
  .gifo .plan-button-wrap, .gifo .plan-button-wrap.single  {
    margin-top: 16px;
  }
  .gifo .plan-crad-bottom-wrap  {
    gap: 8px;
    padding: 20px 16px;
  }
  .gifo .plan-features-wrap  {
    gap: 8px;
  }
  .gifo .plan-features-list  {
    gap: 10px;
  }
  .gifo .faq-02-item  {
    padding: 18px 16px;
  }
  .gifo .faq-02-arrow-box  {
    width: 14px;
    height: 14px;
  }
  .gifo .testimonials-card  {
    padding: 20px;
  }
  .gifo .testimonials-card-content  {
    gap: 16px;
  }
  .gifo .testimonials-logo  {
    width: 100px;
  }
  .gifo .changelog-wrap, .gifo .hero-01-wrap  {
    padding-top: 60px;
  }
  .gifo .hero-01-dashboard-wrap  {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    margin-top: 32px;
    padding-top: 12px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .gifo .hero-01-dashboard-image-wrap  {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .gifo .process-02-main-wrap  {
    margin-top: 32px;
  }
  .gifo .process-02-tab-link-inner  {
    gap: 6px;
    padding: 4px 12px 4px 4px;
  }
  .gifo .process-02-tab-content-wrap  {
    gap: 32px;
  }
  .gifo .process-02-text-wrap  {
    margin-top: 14px;
  }
  .gifo .process-02-tab-content-right  {
    width: 100%;
  }
  .gifo .process-02-image-wrap-01  {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .gifo .process-02-image-wrap-02  {
    padding: 24px;
  }
  .gifo .blog-02-main-wrap  {
    gap: 28px;
  }
  .gifo .explore-card  {
    gap: 20px;
    padding: 20px;
  }
  .gifo .note-icon  {
    width: 28px;
  }
  .gifo .explore-button-wrap  {
    margin-top: 16px;
  }
  .gifo .features-01-main-wrap  {
    gap: 16px;
  }
  .gifo .features-card-01  {
    gap: 28px;
    border-width: 2px;
  }
  .gifo .features-card-01-top-wrap  {
    padding-top: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .gifo .features-card-01-text-wrap  {
    gap: 10px;
    margin-top: 20px;
  }
  .gifo .features-card-01-bottom-wrap  {
    padding-left: 24px;
    padding-right: 24px;
  }
  .gifo .features-01-image  {
    width: 100%;
  }
  .gifo .features-card-02  {
    padding: 2px;
  }
  .gifo .features-card-02-content  {
    gap: 28px;
  }
  .gifo .features-card-02-top-wrap  {
    padding-top: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .gifo .features-card-02-logo  {
    width: 110px;
  }
  .gifo .features-card-02-text-wrap  {
    margin-top: 20px;
  }
  .gifo .features-card-02-bottom-wrap  {
    gap: 16px;
    padding-bottom: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .gifo .features-card-02-button-wrap  {
    margin-top: 24px;
  }
  .gifo .features-02-card-content  {
    gap: 20px;
  }
  .gifo .features-02-content-top  {
    gap: 16px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .gifo .features-02-content-top.card-03  {
    padding-top: 20px;
  }
  .gifo .features-02-text-wrap  {
    gap: 8px;
  }
  .gifo .features-02-image-wrap.card-02  {
    padding-bottom: 12px;
    padding-left: 20px;
  }
  .gifo .features-02-image-wrap.card-03  {
    padding-left: 20px;
  }
  .gifo .button-04  {
    padding: 5px 5px 5px 20px;
  }
  .gifo .button-02-arrow-group  {
    width: 20px;
    height: 20px;
  }
  .gifo .nav-menu  {
    gap: 10px;
  }
  .gifo .dropdown-page-link-list  {
    margin-top: 12px;
  }
  .gifo .navbar-wrapper  {
    padding: 12px 16px 12px 18px;
  }
  .gifo .nav-dropdown-list-body  {
    padding: 14px 16px;
  }
  .gifo .nav-dropdown-list-body.single  {
    padding: 14px 12px;
  }
  .gifo .navbar-container  {
    padding: 2px;
  }
  .gifo .nav-dropdown-list  {
    flex: 1 1 0%;
  }
  .gifo .nav-dropdown-list.center  {
    padding-left: 10px;
    padding-right: 10px;
  }
  .gifo .nav-dropdown-list.right  {
    padding-left: 10px;
  }
  .gifo .nav-dropdown-list.left  {
    padding-right: 10px;
  }
  .gifo .nav-menu-wrapper  {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .gifo .navbar  {
    padding-top: 14px;
  }
  .gifo .nav-button-wrapper  {
    width: auto;
  }
  .gifo .secondary-button  {
    padding: 12px 22px;
  }
  .gifo .brands  {
    padding-top: 52px;
  }
  .gifo .brands-main-wrap  {
    margin-top: 16px;
  }
  .gifo .brands-logo  {
    height: 52px;
    margin-right: 6px;
  }
  .gifo .brands-shadow-left, .gifo .brands-shadow-right  {
    width: 80px;
  }
  .gifo .integration-03-main-wrap  {
    margin-top: 24px;
  }
}
.gifo #w-node-_7c325325-ba5e-6001-ac68-de0bd8a3c592-3f4a767b, .gifo #w-node-a09d0f85-72f9-e7db-3b06-f3b955056068-3f4a767b  {
  grid-area: span 1 / span 6 / span 1 / span 6;
}
.gifo #w-node-_2ee0e48d-a40c-fbab-98b1-9a81b3e63e36-3f4a767b, .gifo #w-node-_2d61d195-83db-c5f6-295d-fbba2b3f1681-3f4a767b, .gifo #w-node-_1665de58-e624-1cfd-3b3a-7b745a76b332-3f4a767b  {
  grid-area: span 1 / span 4 / span 1 / span 4;
}
.gifo #w-node-afe7afd3-bf11-6a6a-2178-341d45b3d1e0-45b3d1d0, .gifo #w-node-afe7afd3-bf11-6a6a-2178-341d45b3d219-45b3d1d0  {
  grid-area: span 2 / span 1 / span 2 / span 1;
}
@media screen and (max-width: 991px)  {
  .gifo #w-node-_2ee0e48d-a40c-fbab-98b1-9a81b3e63e36-3f4a767b, .gifo #w-node-_2d61d195-83db-c5f6-295d-fbba2b3f1681-3f4a767b  {
    grid-column: span 6 / span 6;
  }
  .gifo #w-node-_1665de58-e624-1cfd-3b3a-7b745a76b332-3f4a767b  {
    grid-column: span 12 / span 12;
  }
  .gifo #w-node-_3fc5f120-456e-2292-2531-7d57bf9773ab-3f4a767b  {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
  .gifo #w-node-afe7afd3-bf11-6a6a-2178-341d45b3d1fd-45b3d1d0  {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
  .gifo #w-node-afe7afd3-bf11-6a6a-2178-341d45b3d219-45b3d1d0, .gifo #w-node-b82d8faa-2502-7397-033e-f3b1952cb9f9-952cb959  {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}
@media screen and (max-width: 767px)  {
  .gifo #w-node-_7c325325-ba5e-6001-ac68-de0bd8a3c592-3f4a767b, .gifo #w-node-a09d0f85-72f9-e7db-3b06-f3b955056068-3f4a767b, .gifo #w-node-_2ee0e48d-a40c-fbab-98b1-9a81b3e63e36-3f4a767b, .gifo #w-node-_2d61d195-83db-c5f6-295d-fbba2b3f1681-3f4a767b  {
    grid-column: span 12 / span 12;
  }
  .gifo #w-node-_3fc5f120-456e-2292-2531-7d57bf9773ab-3f4a767b  {
    grid-column: span 1 / span 1;
  }
  .gifo #w-node-afe7afd3-bf11-6a6a-2178-341d45b3d1fd-45b3d1d0  {
    grid-row: span 1 / span 1;
  }
  .gifo #w-node-afe7afd3-bf11-6a6a-2178-341d45b3d219-45b3d1d0, .gifo #w-node-b82d8faa-2502-7397-033e-f3b1952cb9f9-952cb959, .gifo #w-node-_2a922f7a-e042-2f52-25ff-e55ea771187d-599a8d87  {
    grid-column: span 1 / span 1;
  }
}